/*
Theme Name: Sindilojas Fortaleza
Description: Tema desenvolvido específicamente para o projeto Sindilojas Fortaleza.
Author: Raphael Joer
Author URI: http://www.vivacriativa.com/
Version: 2.0
*/

@import "css/reset.css";
@import "css/960.css";
@import "css/text.css";
@import "css/ajax-newsletter.css";
@import "css/diretoria.css";

/* CLASSES */
#frm_form_3_container{
	font-family: Trebuchet MS, arial;
}

.wp-polls ul{
 margin:0;	
}

.wp-polls-ans{
	margin-bottom:30px;
}

.enquetes-cont h1{
	margin:30px 0 30px 0;
	font-size:30px;
}

.enquetes-cont h3{
	font-size:16px;
	margin-bottom:4px;
	color:#395f95;
}

.nucleoh1{
	padding:7px;
	background:#2a599c;
	color:#fff !important;
	text-align:center;
}

.textwidget{
	margin-bottom:20px;
}

.description{
	color:#3183d6;
	font-size:11px;
}

.side_roll input{
	background:#f0f0f0 !important;
	border:1px solid #e4e4e4 !important;
	padding:4px;
	margin:0 0 4px 0;
}

.wp-polls p{
	text-size:14px;
}

#frm_form_fields h2{
	margin:20px 0 20px 0;
}

#frm_form_fields .text{
	font-family: Trebuchet MS, arial;
	width:400px;
	padding:5px;
	margin:5px 0 5px 0;
	color:#777;
	border:1px solid #aaa;
	background:#f7f7f7;
}

#frm_form_fields .textarea{
	font-family: Trebuchet MS, arial;
	width:400px;
	padding:5px;
	margin:5px 0 5px 0;
	color:#777;
	border:1px solid #aaa;
	background:#f7f7f7;
}

#frm_form_fields select{
	font-family: Trebuchet MS, arial;
	width:410px;
	padding:5px;
	margin:5px 0 5px 0;
	color:#777;
	border:1px solid #aaa;
	background:#f7f7f7;
}

#frm_form_fields .frm_checkbox{
	margin:6px;
}





/*text*/
.text20{
	font-size:20px !important;
}
.text18{
	font-size:18px !important;
}
.text16{
	font-size:16px !important;
}

.text14{
	font-size:14px !important;
}
.text12{
	font-size:12px !important;
}
.text10{
	font-size:10px !important;
}

/* margin 5px */
.mar-r-5{
	margin-right:5px !important;
}
.mar-l-5{
	margin-left:5px !important;
}
.mar-t-5{
	margin-top:5px !important;
}
.mar-b-5{
	margin-botom:5px !important;
}

/* margin 10px */
.mar-r-10{
	margin-right:10px;
}
.mar-l-10{
	margin-left:10px;
}
.mar-t-10{
	margin-top:10px;
}
.mar-b-10{
	margin-botom:10px;
}

.no-margin{
	margin-left:0;
	margin-right:0;
}

.pmargin p{
	margin-bottom:15px;
}
.align-right{
	text-align:right;
}
.align-left{
text-align:left;
}
/* a */
.a a{
	text-decoration:none;
	color:#395f95;
}
.a a:hover{
	color:#497abc;
}
/* a1 */
.a1 a{
	color:#fff;
}
.a1 a:hover{
	color:#c0c0c0;
}

/* a2 */
.a2 a{
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	color:#666;
}
.a2 a:hover{
	font-weight:bold;
	color:#333;
}
/* a3 */
.a3 a{
	color:#666;
	text-decoration:none;
}
.a3 a:hover{
	color:#444;
	text-decoration:underline;
}

.a4 a{
	color:#fff;
	text-decoration:none;
}

.a4 a:hover{
	text-decoration:underline;
}

.a5 a{
	color:#3968ab;
	text-decoration:none;
}

.a5 a:hover{
	color:#3968ab;
	text-decoration:underline;
}
/*case*/
.uppercase{
	text-transform:uppercase;
}
.lowercase{
	text-transform:lowercase;
}
/*small text*/
.stext p{
	font-size:12px;
}

/* SEARCH */
#search{
	height:35px;
	background: url("img/bgs/bg-form.png") top right no-repeat;
}

#search input{
	height:16px;
	width:135px;
	margin:6px 2px 0 0;
	background-color:transparent;
	border:none;
	font-size:12px;
	color:#fff;
}

/* USERS */
#user{
	font-size:12px;
	color:#fff;
	padding-top:2px;
	height:24px;
}

#user input{
	height:16px;
	width:80px;
	margin:6px 2px 0 0;
	background-color:#fff;
	border:none;
	font-size:12px;
	color:#ccc;
}


/*MENU*/
.menu-container{
	position:relative;
}

#menu{
	background: url("img/bgs/bg-menu.png");
}

#shadows-menu{
	width:100%;
	height:60px;
	margin:auto;
	position:absolute;
	background: url("img/bgs/bg-shadow-alpha0.png") repeat-y top center;
}

/********** #menu-principal ************/
.menu-principal-container .menu {
	list-style:none;
	position:relative;
	
	margin:0 0 0 10px;
	padding:0;
	
	height:25px;
}

.menu-principal-container .menu li {
	display:block;
	position:static;
	float:left;
	
	margin:0;
	padding:3px 10px 0 0;
	
	height:25px;
}

.menu-principal-container .menu li a{
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	font-size:10px;
	color:#fff;
	text-shadow:0 2px 0 #0d3164;
}

.menu-principal-container .menu li ul {
	display: none;
	position:absolute;
	
	margin:0;
	padding:0 0 0 10px;
	
	height:40px;
	width:950px;
	
	left:-10px;
	top:24px;
	
	background: url(img/bgs/bg-menu-sub-pages.png) top left repeat-x;
}

.menu-principal-container .sub-menu li{
	float:left;
	posistion:relative;
	
	margin:0;
	padding:8px 10px 0 0;
}

.menu-principal-container .menu li:hover .sub-menu {
	z-index:1;
	display:block;
}

/****************** #menu-categorias ********************/
.menu-categorias-container .menu {
	list-style:none;
	position:relative;
	
	margin:0 0 0 10px;
	padding:0;
	
	height:34px;
}

.menu-categorias-container .menu li {
	display:block;
	position:static;
	float:left;
	
	margin:0;
	padding:7px 10px 0 0;
	
	height:29px;
}

.menu-categorias-container .menu li a{
	text-decoration:none;
	font-size:12px;
	color:#7f7f7f;
	text-shadow:0 2px 0 #fff;
}

.menu-categorias-container .menu li ul {
	display: none;
	position:absolute;
	
	margin:0;
	padding:0 0 0 10px;
	
	height:34px;
	width:950px;
	
	left:-10px;
	top:32px;
	
	background: url("img/bgs/bg-sub-li.png") top left repeat-x;
}
body:nth-of-type(1) .menu-categorias-container .menu li ul { 
	left:-9px; 
}

.menu-categorias-container .sub-menu li{
	float:left;
	posistion:relative;
	
	margin:0;
	padding:8px 10px 0 0;
}

.menu-categorias-container .menu li:hover .sub-menu {
	z-index:1;
	display:block;
}

/* BODY GLOBAL */
body {
	background: url("img/bgs/bg-body.png") repeat;
}
body #global {
	min-height: 600px;
	background: url("img/bgs/bg-shadow.png") repeat-y top center;
}

/* MENU CONTENT */

body #global #menu #menu-content #m-page li a{
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	font-size:10px;
	color:#fff;
	text-shadow:0 2px 0 #0d3164;
}

body #global #menu #menu-content #m-category li a{
	text-decoration:none;
	font-size:12px;
	color:#7f7f7f;
	text-shadow:0 2px 0 #fff;
}

body #global #menu #menu-content #m-category li a:hover{
	color:#444;
	text-shadow:0 2px 0 #fff;
}


body #global #menu #menu-content{
	width:940px;
	padding:0 10px 0 10px;
	margin-right:auto;
	margin-left:auto;
}

body #global #menu #m-page{
	font-size:11px;
	color:#fff;
	text-shadow:0 1px 0 #184483;
}

body #global #menu #m-category{
	font-size:12px;
	color:#9e9e9e;
	text-shadow:0 2px 0 #fff;
}


/*
//// MAIN ////
*/

/*#gallery-ex*/
body #global #container #main #gallery-ex .gallery-item {
	line-height:14px;
	margin:0 10px 10px 10px;
	width:110px;
	font-size:11px;
	font-family:Georgia;
	text-align:center;
	background:#f7f7f7;
	border: solid 1px #eeeeee;
}

body #global #container #main #gallery-ex .gallery-item img {
	border:0;
	padding:3px;
}


/* TOP */
body #global #container #top {
	height: 140px;
	background: url("img/bgs/bg-design-top.png") top center no-repeat;
}
body #global #container #top #logo{
	margin-top:20px;
	height:100px;
}
body #global #container #top #slogan{
	text-align: right;
	margin-top:30px;
	height:100px;
}

/* MENU */
body #global #menu{
	height: 60px;
	background: url("img/bgs/bg-menu.png") repeat-x;
}

/* CONTAINER */
body #global #container {
	min-height:140px;
	width:960px;
	margin: 0 auto;
	background: url("img/bgs/bg-top.png") repeat-x top;
}

/* FLASH FEATURED */
body #global #container #main #flash-featured{
	margin-bottom:10px;
	height:290px;
	-moz-border-radius:10px;
}

/* NEWS */
body #global #container #main #news div{
	vertical-align:top;
	float:none;
	*float:left;
	display:inline-table;
	*display:block;
	margin-bottom:10px;	
	width:298px;	
}

body #global #container #main #news a{
	color: #395f95;
	text-decoration: none;
}

body #global #container #main #news a:hover{
	text-decoration: underline;
	color: #395f95;
}

body #global #container #main #news p{
	font-size:12px;
}

/* CATEGORY FEATUREDS*/
body #global #container #main #category-featureds h2{
	font-size:17px;
}
body #global #container #main #category-featureds #cat1{
	height:120px;
}

body #global #container #main #category-featureds #cat1 div{
	width:140px;
	float:left;
	margin:0 10px 5px 0;
}

body #global #container #main #category-featureds #cat2{
	height:120px;
}

body #global #container #main #category-featureds #cat2 div{
	width:140px;
	float:left;
	margin:0 10px 5px 0;
}

.cat-title{
	color: #395f95;
	padding:7px 0 0 7px;
	height:23px;
	width:140px;
	background: url("img/bgs/bg-category-featureds.png") top no-repeat;	
}

.cat-p{
	font-size:11px;
	padding:7px 0 0 7px;	
}

/*
//// SIDE BAR ////
*/


#sidebar li{
	list-style:none;
}

#sidebar .input-newsletter{
	margin-left:-25px;
	padding:3px;
}

/* ENQUETES */
body #global #container #sidebar #main-side #widgets {
	margin:0 0 10px 0;
	padding:0;	
}

body #global #container #sidebar #top-side{
	margin-bottom:20px;
}

body #global #container #sidebar #top-side #flash-eventos{
	height:170px;
	margin-bottom:10px;
}

body #global #container #sidebar #top-side #feriados{
	height:100px;
	margin-bottom:10px;
}

body #global #container #sidebar #main-side #tv-sindilojas {
	margin-bottom:10px;
}

body #global #container #sidebar #main-side #tv-sindilojas #title{
	height:45px;
}

body #global #container #sidebar #main-side #tv-sindilojas #player{
	height:200px;
}

body #global #container #sidebar #main-side #serasa{
	margin-top:10px;
	margin-bottom:10px;
}
body #global #container #sidebar #main-side #segs{
	margin-bottom:10px;
}

/* EVENTOS */
body #global #eventos {
	width:960px;
	text-align:center;
	margin-top: 10px;
	padding: 10px 0;
	color:#fff;
	background: url("img/bgs/bg-tile.png") #6083b3;
	color: #fff;
	border-top: solid #6083b3 6px;
	border-bottom: solid #6083b3 6px;
}

body #global #eventos .evento img {		
	border: solid 5px #4e6e9c;
	margin: -5px;	
}

body #global #eventos .evento h5{
	margin:10px 0 10px 0;
}

	#global #eventos .date {
		font-weight:bold;
		margin-top:10px;
		color:#fff;
		padding:5px;
		font-size: 12px;
	}

body #global #eventos .evento{
	float:left;
	width:172px;
	margin:20px 10px 0px 10px;
}
	
body #global #eventos .evento a {
		color: #fff;
		text-decoration: none;
	}
body #global #eventos .evento a:hover {
		text-decoration: underline;
	}

/* END EVENTOS */
body #global #footer-widgets #footer-widgets-content img{
	margin-right:8px;
}

body #global #footer-widgets #footer-widgets-content p{
	padding-bottom:5px;
}

/* FOOTER-WIDGETS */
body #global #footer-widgets{
	margin-top:0;
	background: url("img/bgs/bg-footer-widgets.png") top center no-repeat;
	height:350px;
	width:960px;
	backkground:#666;
}

body #global #footer-widgets{
	background: url('img/bgs/bg-footer-widgets.png');
}

body #global #footer-widgets-content{
	margin-top:10px;
}

body #global #footer-widgets-content li {
	margin:0;
	list-style:none;
}

body #global #footer-widgets-content ul li{
	list-style:none;
	margin:0 0 6px 0;
	padding:0;
}

body #global #footer-widgets-content h2{
	font-family:Arial;
	font-size:18px;
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom:15px;
}

body #global #footer{
	height:80px;
	width:960px;
	color:#fff;
	font-size:12px;
	background:#517bb7;
	/*border-bottom:solid;
	border-bottom-color:#77a4e6;
	border-bottom-width:8px;*/
	
}

body #global #footer-content{
	margin-bottom:10px;
}

/* SINGLE */
body #global #container #main .title{
	margin-left:10px;
}

body #global #container #main #content li{
	margin-bottom:10px;
}


/* GALLERY */
body #global #container #main #gallery-1{
	margin-left: -20px !important;
}

body #global #container #main .title h1{
	color:#666;
}

/* CATEGORY */
body #global #container #main .post{
	margin-left:10px; 
}

body #global #container #main .item{
	float:left;
	width:20px;
	margin-right:10px;
	vertical-align:center;
}

body #global #container #main .call{
	float:left;
	width:560px;
	margin-bottom:5px;
}

body #global #container #main .date{
	font-weight:bold;
	margin-bottom:5px;
}

body #global #container #main .more{
	margin:0;
}


/* tables */
.table{
	display:table;
	vertical-align:middle;
	background:#fff;
	border:1px #ddd;
	padding:2px;
}

.table table tbody tr{
	padding:5px;
	border:1px #eee;
}

.alignleft{
	float:left;
	margin:0 5px 5px 0;
}

.alignright{
	float:right;
	margin:0 0 5px 5px;
}

.wp-caption-text{
	margin-top:3px;
	margin-bottom:7px !important;
	text-align:center;
	font-size:11px;
	font-family:trebushet MS, arial, verdana;
}

.wp-caption{
	background:#f8f8f8;
	border:1px solid #eee;
}

.wp-caption img{
	text-align:center;
	margin:5px;	
}




/* Begin Comments*/

.commentlist {
padding: 0px;
margin: 0px 0px 0px 0px;
width: 560px;
background-image: url(img/comment-bg.gif);
list-style-image: none;
list-style-type: none;
float: left;
}

.commentlist li {
	font-weight: bold;
	width: 560px;
	display: block;
	background-image: url(img/comment-bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	padding: 0px 0px 45px 0px;
	margin: 0px;
	list-style-image: none;
	list-style-type: none;
	float: left;
	}

.commentlist li div {
	width: 540px;
	display: block;
	background-image: url(img/comment-top.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 10px;
	float: left;
}

.commentlist li .avatar { 
	float: left;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite {
	font-size: 18px;
	float: left;
	font-style: normal;
	margin-left: 10px;
	margin-right: 6px;
	margin-top: 5px;
	font-weight: normal;
	}
	
.says {
display: none;
}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	display: block;
	float: left;
	width: 90%;
	margin-left: 3%;
	}

#commentform p {
clear: both;
	}

.alt {
	margin: 0;
	padding: 10px;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentlist .children li {
	width: 90%;
	display: block;
	margin: 0px;
	background-color: #FDFDFD;
	background-image: url(img/comment-children-bg.gif);
	background-position: left;
	background-repeat: repeat-y;
	border: 1px solid #E2E2E4;
	overflow: hidden;
}

.commentlist .children li div {
width: 97%;
padding: 3%;
background-image: url(img/comment-children-top.gif);
background-repeat: no-repeat;
background-position: top left;
}

.commentlist .commentmetadata {
	font-weight: normal;
	float: left;
	margin: 5px 0px 0px 0px;
	display: block;
	clear: both;
	background-image: none;
	width: 90%;
	margin-left: 3%;
	}
	
.commentlist .vcard, .commentlist .children .comment-author, .commentlist .children .vcard, .commentlist .commentmetadata, .commentlist .children .comment-author, .commentlist .children .comment-meta   {
	background-image: none;
	width: 100%;
	padding: 0px !important;
	margin:0 0 5px 0 !important;
}

.commentlist .reply, .commentlist .children .reply {
	float: right;
	background-image: none;
	width: 54px;
	height: 22px;
	margin-bottom: 0px;
	padding: 0px;
	margin-right: 10px;
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

.commentlist .reply a:link, .commentlist .reply a:hover, .commentlist .children .reply a:link, .commentlist .children .reply a:hover {
	background-image: url(img/reply.gif);
	width: 80px;
	height: 17px;
	display: block;
	color: #FFF;
	font-size: 8px;
	text-transform: lowercase;
	font-weight: normal;
	padding: 3px 0px 0px 12px;
	letter-spacing: 1px;
	margin-left:-50px;
}

.commentlist .children li {
padding-bottom: 10px;
}

.commentlist .children li ul li {
padding-bottom: 10px;
background-color: #FFF;
}

#respond {
margin-top: 20px;
float: left;
background-image: none;
}

.commentlist #respond h3, .commentlist #respond a {
margin-left: 28px;
}

#comments {
line-height: 30px;
color:#3a89d4;
font-weight: normal;
font-size: 20px;
margin-bottom: 15px;
}

.children {
clear: both;
}

.children .commentmetadata, .children .vcard  {
	background-image: none;
}

.children textarea {
width: 90% !important;
}

.children input {
width: 80% !important;
}

#cancel-comment-reply-link {
display: block;
background-image: url(img/comment-close.gif);
width: 255px;
height: 21px;
padding: 3px 0px 0px 25px;
font-weight: normal;
color: #84878E;
font: 12px Verdana, Arial, Sans-Serif;
}

#respond div {
background-image: none;
}

#submit {
width: 120px !important;
}

#commentform {
margin: 1em 0;
background: #FFFFFF;
margin-left: 0px;
}

#commentform textarea {
background: #f8f7f6;
border: 1px solid #d6d3d3;
width: 370px;
}

#commentform #email {
font-size: 1.1em;
background: #f8f7f6;
border: 1px solid #d6d3d3;
width: 280px;
background-image: url(img/comment-email.gif);
background-position: 7px 7px;
background-repeat: no-repeat;
height: 20px;
padding-left: 30px;
padding-top: 6px;
}

#commentform #author {
font-size: 1.1em;
background: #f8f7f6;
border: 1px solid #d6d3d3;
width: 280px;
background-image: url(img/comment-author.gif);
background-position: 7px 7px;
background-repeat: no-repeat;
height: 20px;
padding-left: 30px;
padding-top: 3px;
}

#commentform #url {
font-size: 1.1em;
background: #f8f7f6;
border: 1px solid #d6d3d3;
width: 280px;
background-image: url(img/comment-website.gif);
background-position: 7px 7px;
background-repeat: no-repeat;
height: 20px;
padding-left: 30px;
padding-top: 3px;
}

#commentform #email:focus {
font-size: 1.1em;
background: #ffffff;
border: 1px solid #939793;
width: 280px;
background-image: url(img/comment-email.gif);
background-position: 7px 7px;
background-repeat: no-repeat;
height: 20px;
padding-left: 30px;
padding-top: 3px;
}

#commentform #author:focus {
font-size: 1.1em;
background: #ffffff;
border: 1px solid #939793;
width: 280px;
background-image: url(img/comment-author.gif);
background-position: 7px 7px;
background-repeat: no-repeat;
height: 20px;
padding-left: 30px;
padding-top: 6px;
}

#commentform #url:focus {
font-size: 1.1em;
background: #ffffff;
border: 1px solid #939793;
width: 280px;
background-image: url(img/comment-website.gif);
background-position: 7px 7px;
background-repeat: no-repeat;
height: 20px;
padding-left: 30px;
padding-top: 6px;
}

#commentform input {
margin-bottom: 3px;
}

/* End Comments */