/* design by Alessandro Vieira / Marcos Fernando 
ACE -- Associação Comercial e Empresarial de Santa Fé do Sul - SP
*/
*{
	margin:0;
	padding:0;
	border:0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;}
body{
background:url(img/bg.png) repeat-x fixed;}
#back-principal{
background: url(img/back-principal.png) repeat-y  center top;
width:100%;
margin:0 auto;
float:left;
}
a{
color:#060;
text-decoration:none;}
a:hover{
color:#060;
text-decoration:underline;}
h1{
border-bottom:1px #FF0 solid;
text-align:left;
font-size:20px;
color:#060;
font-weight:normal;
}
h2{
color: #060;
font-size:14px;
letter-spacing:1px;
padding:7px 7px 7px 7px;
border-left:12px #8CAF30 solid;
background: #FFFFdd;
}
h3{
letter-spacing:1px;
background:#060;
color:#fff;
padding:4px 4px 4px 4px;
border-left:10px #FF0 solid;}
h4{
font-weight:normal;
font-size:14px;
color:#060;
padding:4px 4px 4px 4px;
}
h5{	
width:230px;
border-bottom:1px #eee solid;
padding:4px 4px 4px 4px;
font-weight:normal;
background: #FFFFF0;
font-size:16px;
color:#060;
	}
h6{
border-bottom:1px #FF0 solid;
color: #060;
font-size:12px;
letter-spacing:1px;
padding:3px 7px 3px 7px;
border-left:10px solid #060;
background:#F5FDF2;
}
#principal{
	background:#fff;
	margin:0 auto;
	width:800px;
	}
#header{
	width:100%;
	height:158px;
	background:#fff;}
#nav{
width:180px;
float:left;
background-color:#F5FDF2;
}
#nav ul li{
list-style:none;
background-color:none;
border-left:5px solid none;
color:#fff;
font-size:12px;
text-align:right;
margin:1px 0;
}
#nav ul li a{
display:block;
padding:4px 4px 4px 0;
color:#060;
border-bottom:1px solid  #CBE8C8;
text-decoration:none;
}
#nav ul li a:hover{
border-left:5px solid #060;
color: #060;
background-color:#ffc;
}
#nav ul li.canal{
border-left:5px solid #ff0;
color:#fff;
padding:4px 4px 4px 0;
font-weight:bold;
background-color:#090;
} 
#menu{
width:800px;
position:relative;
background:#fff url(img/img-menu.jpg) repeat-x;
height:47px;
	}
#menu li{
text-align:center;
float:left;
list-style:none;
}
#menu li a{
	font-weight:bold;
float:left;
font-size:13px;
color:#fff;
padding:11px 10px ;
margin:0 9px 0 9px;
text-decoration:none;
text-transform:uppercase;
text-shadow:#000000;
z-index:10;
}
#menu a:hover{
font-size:13px;
color:#060;
background:url(img/img-menu-hover.jpg) repeat-x;
}
.guia{
background: #ECF5EB;
border:1px solid #060;
}
.guia p, .guia input{padding:4px;}
.notic{border:4px solid  #eee;}
.circu{border:1px solid # 003;}
.event{border:1px solid    #CCC;}
.info-data, .info-data p, .info-data p a{color:#999; font-size:8pt;}
#noticias{
	margin:5px 4px 0 2px;
	background:#eee;
	float: left;
	width:305px;
	height:190px;}
#content{
width:790px;
padding:7px 5px 7px 5px;
background:#fff;
float:left;}
.corpo{
	text-align:justify;
	width:410px;
	float:left;
	padding:3px 3px 3px 3px;
	margin:0 10px 0 15px;
	overflow: auto;
	height:600px;
	}
#parceiros{
float:right;
margin-left:-42px;
	}
.parc{
border:1px solid #eee;
width:170px;
height:63px;
margin:0 0 10px 7px;
}
/* GUIA DO COMERCIO */
/* GUIA DO COMERCIO */
#noticias-link{
float:right;
}
#noticias-link a{
font-size:11px;
color: #777;}
#noticias-link a:hover{
font-size:11px;
text-decoration:none;
color: #060;}
.gc-block{

width:755px;
float:left;
margin-right:2px;
}
.gc-lateral{
width:120px;
float:right;
background-color:#eee;
}
.gc-busca{
width:774px;
float:left;
border:1px solid #090;
padding:5px;
	background:#ecf5eb;
border:1px solid #090;
z-index:5;
}
.gc-publicidade{
float:left;
width:100%;
margin:4px 0;
background-color:#fff;
z-index:2;
}

.gc-234{
width:234px;
height:60px;
float:left;
margin:4px 3px 4px 0;
background-color:#eee;
}

.gc-120{
width:120px;
height:60px;
float:left;
margin:4px 0 4px 3px;
background-color:#eee;
}

.gc-img{
margin:4px 4px 4px 0;
float:left;
}

.gc-categoria{
float:left;
margin:4px 0 4px 5px;
width:138px;
}

.gc-categoria p{
text-align:left;
border:1px solid #eee;
margin:2px 0;
}

.gc-categoria p a{
font-size:9pt;
display:block;
padding:4px;
}
.gc-categoria p a:hover{
background-color:#ffc;
color:#060;
}
h5{color:#090;}
.gc-afclogo{
float:left;
width:780px;
margin:6px 6px;
border:2px solid #090;
padding:2px;
background-color:#F2FFF2;
}
.gc-afclogo a{
color:#060;
background:none;
padding:0 2px 0 2px;
text-decoration:none;
}
.gc-afclogo a:hover{
background: #060;
color:#fff;
padding:0 2px 0 2px;
text-decoration:none;
}

.gc-afclogo h5{color:#090;}
.gc-afclogo img{margin:2px;} 
.logo{float:right;margin:2px 4px; border:1px solid #090;}

.gc-afslogo{
float:left;
width:780px;
margin:6px 6px;
border:1px solid #fc0;
padding:2px;
background-color: #FFFFF0 ;
}
.gc-afslogo a{
color:#060;
background:none;
padding:0 2px 0 2px;
text-decoration:none;
}
.gc-afslogo a:hover{
background: #060;
color:#fff;
padding:0 2px 0 2px;
text-decoration:none;
}
.gc-afslogo h5{color:#c90;}

.gc-afemp{
float:left;
width:780px;
margin:6px 6px;
border:1px solid #ccc;
padding:2px;
background-color:#fff;
}
.gc-afemp h5{color:#999;}

.diretorianome{
width:400px;
float:left;
}
.diretoriafuncao{
width:160px;
float:right;
}
/*informativo*/
.info-title{color:#666; padding:4px 3px 3px 3px; border-bottom:1px solid #eee; text-decoration:none; display:block; }
.info-data, .info-data p, .info-data p a{color:#999; font-size:10px;}
.info-title a{color:#060; display:block;  padding:2px 2px 2px 2px; }
.info-data p a, .info-data a{ color: #060;  padding:2px 2px 2px 2px;
}
.info-title a:hover, .info-data p a:hover, .info-data a:hover{color: #070; background: #F5FDF2; padding:2px 2px 2px 2px; text-decoration:none;   }
/*eventos*/
.even-block{
width:410px;
display:block;
border-bottom:1px solid #eee;
text-align:left;
}
.even-data{
text-align:center;
width:60px;
padding:3px;
font-size:15pt;
font-weight:bold;
background-color:#090;
color: #FF6;
position:relative;
float:left;
margin:4px 6px 2px 0;
}
.even-txt{padding:2px;
}
.even-txt a{padding:2px; color: #090; display:block;
}
.even-txt a:hover{padding:2px; color: #060; background: #FFFFE8; text-decoration:none;
}
.even-hora{
font-size:10pt;
font-weight:bold;
color:#fff;
text-align:center;
}

.even-flyer{
position:relative;
float:right;
margin:10px 30px;
}
.even-mini, .even-mini p, .even-mini p a, .even-mini a{font-size:10px; text-align:left; color:#999; }
#galeria{
width:308px;
float:left;
background:#fff;
border: #ccc solid 1px;
height:154px;
padding:3px 0 3px 3px;
margin:5px 9px 5px 5px;
	}
#eventos1{
	text-align:justify;
	width:400px;
	float:left;
	margin-left:10px;
}
.light-thumb a{
width:80px;
height:80px;
text-align:center;
float:left;
margin:15px 7px 0 0;
border:3px solid #ccc;
background-color:#eee;
}
.light-thumb img{vertical-align:middle;margin:10px 0;}
.light-thumb a:hover{border:3px solid #ff0;}
/* FECHA GUIA DO COMERCIO */
#right{
	float:right;
	height:420px;
	width:140px;}
.publicidade{
	display:block;
	width:185px;
	float: left;
	height:90px;
	text-align:center;
	color: #666;
	margin:6px 0 14px 10px;
	background:#eee;
	}
#not{
	text-align:justify;
	width:580px;
	float:left;
	position:relative;
	margin:0 10px 0 15px;}
.blocoBanner{
background-color:#eee;
width:555px;
height:63px;
float:left;
margin:10px 5px 7px 5px;
}
.blocoUm{
margin:5px 2px 0 8px;
float:left;
width:263px;
height:160px;
}
#consulta{
padding:0 3px 0 3px;
margin:0 1px 0 6px;
float:right;
width:174px;
background:#fff;
}

.blocoDois{
background:#fff;
float:left;
width:250px;
height:221px;
padding:3px 3px 3px 3px;
margin:0 9px 5px 8px;
min-height:180px;
}
/* FORMULARIO */
#address{
	float:left;
}
p{
font-size:12px;
color:#333}
#form{
width:340px;
float:left;
}
input, select, textarea { 
border:1px solid  #bbb ;
background: url(img/bg-input.jpg) repeat-x;
font-size:12px;
font-weight:normal;
color: #444;
padding:2px;
vertical-align:middle;
}
button{
color: #333 ;
font-size:14px;
border:1px solid #ccc;
padding:2px;
background: url(img/button-hover.jpg) repeat-x; 
}
button:hover{
color: #fff;
border:1px solid  #FF0;
background: #060;
}
/**** ACABA FOMULARIO  ****/
#time{
margin-left:15px;}
	.credit{
width:320px;
margin-right:5px;
margin:10px;
font-size:11px;
margin:0 auto;
text-align:center;
color: #fff;  

}
.credit a{
padding:2px 2px 2px 2px;
font-size:10px; 
color: #999;
text-decoration:none;
}
.credit a:hover{
padding:2px 2px 2px 2px;
color: #ccc;
text-decoration:none;
}
#diversos{
width:600px;
margin:0 auto;
margin-top:12px;
color: #030;
text-align:center;
}
#diversos a{
padding:2px 4px 2px 4px;
font-size:11px;
text-decoration:none;
color: #fff;
}
#diversos a:hover{
color: #fff ;
background:#050; 
padding:2px 4px 2px 4px;}
.clear{clear:both;}
#footer{
background:url(img/img-footer.jpg) repeat-x;
width:800px;
border-top:2px solid #FF9;
height:100px;
float:left;
}