/*
Theme Name: Famesc
Theme URI: http://www.todoz.net/
Description: Desenvolvido por <a href="http://todoz.net/">Todoz Marketing Digital</a>.
Version: 1.0
Author: Rodrigo Demetrio
Author URI: http://rodrigodemetrio.com.br/
Tags: blue, custom header, fixed width, two columns, widgets
Text Domain: Demetrio

	Demetrio v1.0
	http://www.famesc.org.br/

	This theme was designed and built by Rodrigo Demetrio,
	whose blog you will find at http://todoz.net/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/




/***********
	CSS RESET
***********/

*{
	padding:0;
	margin:0;
}

fieldset, img{border:none;}

a{text-decoration:none;}

li{list-style:none;}

/**********FIM RESET************/


body{
	font-family:Arial, georgia, tahoma, verdana, serif;
	background:#999;
}

.limite{
	margin:0 auto;
	width:980px;
}
#geral{
	margin:0 auto;
	width:940px;
	padding:0 20px;
	background:#fff;
}


/***********
	TOPO
***********/
#header h1{
	display:block;
	margin-bottom:10px;
}
#header h1 a{
	display:block;
	background:url(images/logo.jpg) no-repeat;
	width:980px;
	height:107px;
	text-indent:-9999px;
}
#header .menu{
	height:45px;
	background:url(images/bgmenu.jpg) repeat-x;
	margin-bottom:10px;
}
#header .menu li{
	float:left;
	background:url(images/separador.jpg) no-repeat right;
	height:45px;
	padding:0 26px 0 15px;
}
#header .menu li.last{
	background:none;
}

#header .menu li a{
	color:#fff;
	font-size:16px;
	padding-top:11px;
	display:block;
}


/***********
	CONTEUDO CENTRAL
***********/

#main{overflow:hidden;}

#main #content{
	float:left;
	width:480px;
}

#main #content.page{
	width:720px;
}

#main ul.menu-lateral{
	float:left;
	width:200px;
	margin-right:20px;
}

#main ul.menu-lateral li a{
	display:block;
	height:20px;
	padding:5px;
	color:#fff;
	font-size:14px;
	background:url(images/fd-bt-famesc.jpg) repeat-x ;
	margin-bottom:2px;
}
#main ul.menu-lateral li a:hover{
	background:url(images/bgmenu.jpg) repeat-x ;
}

#main ul.menu-lateral-videos{
	float:left;
	width:200px;
	margin-right:20px;
}

#main ul.menu-lateral-videos li a{
	display:block;
	height:15px;
	padding:5px;
	color:blue;
	font-size:13px;
}
#main ul.menu-lateral-videos li a:hover{
	color:blue;
	text-decoration:underline;
}

#main #content-total ul{
	width:980px;
	background:#A3A3A3;
}
#main #content-total ul li{
	float:left;
	padding:10px;
	font-size:13px;
	color:#333;
	margin-bottom:20px;
	margin-right:20px;
	width:438px;
}

#main #content-total ul li.medio-vale{
	background:#3C746B;
	color:#fff;
}

#main #content-total ul li.sul{
	background:#98AF85;
}

#main #content-total ul li.norte{
	background:#0093DD;
}

#main #content-total ul li.gde_florianopolis{
	background:#B7DC7C;
}

#main #content-total ul li.oeste{
	background:#76C5F0;
}

#main #content-total ul li.meiooeste{
	background:#BF9F62;
}

#main #content-total ul li.altovale{
	background:#DC214C;
}

#main #content-total ul li.planaltoalto{
	background:#EF9A49;
}

#main #content-total ul li.contestado{
	background:#FFF974;
}

#main #content-total ul li.extremo{
	background:#EF9A85;
}

#main #content-total ul li.planaltoserrano{
	background:#C0A0AF;
}

#main #content-total ul li.planaltocentral{
	background:#FFFCC7;
}


#main #content-total ul li p.subtopico,#main #content-total ul li p.topico {
	margin-top:5px;
}

#main #content-total ul li p.subtopico{
	font-style:bold;
}

#main #content-total ul li p.topico{
	font-size:16px;
	font-style:bold;
}

/**********SLIDE************/
#main #content .slide{
	overflow:hidden;
	position:relative;
	margin-bottom:20px;
}
#main #content .slide .desc{
	width:207px;
	padding:10px;
	position:absolute;
	right:0;
	top:0;
	height:161px;
	color:#fff;
	background:url(images/descslide.png) no-repeat;
}
#main #content .slide .desc h3{
	font-size:20px;
	font-weight:normal;
	display:block;
	margin-bottom:18px;
}
#main #content .slide .desc p{
	font-size:14px;
	font-weight:normal;
	display:block;
	margin-bottom:6px;
}
#main #content .slide .desc .navback{
	float:left;
	padding:5px;
	text-indent:-9999px;
	width:20px;
	overflow:hidden;
}
#main #content .slide .desc .navnext{
	float:right;
	padding:5px;
	text-indent:-9999px;
	width:20px;
	overflow:hidden;
}

#main #content .slide .desc div{
	background:url(images/setasslide.png) no-repeat;
	height:29px;
}
/**********FIM SLIDE************/


/**********POSTS************/
#main #content .posts{margin-bottom:20px;}
#main #content .posts h2{
	float:left;
	width:357px;
	margin-bottom:20px;
}
#main #content .posts h2 a.title{
	color:#322F38;
}
#main #content .posts .posted{
	float:left;
	font-size:12px;
	width:357px;
	color:#473C4D;
	display:block;
	font-weight:normal;
}
#main #content .posts .posted span{color:red;}
#main #content .posts .posted span.date{color:#473C4D;}

#main #content .posts #texto img{
	float:right;
	margin-bottom:10px;
}

#main #content .texto p{
	margin-bottom:10px;
}


#main #content .posts .texto{
	clear:both;
	color:#666;
	font-size:14px;
	padding-bottom:20px;
}
#main #content .posts .comment{
	background:url(images/bgcomment.jpg) no-repeat;
	overflow:hidden;
}
#main #content .posts .comment li{
	float:left;
	font-size:16px;
	padding:12px 0;
	color:#6d6d6d;
}
#main #content .posts .comment li.read a{color:red;}
#main #content .posts .comment li a{
	float:left;
	font-size:15px;
	padding:0 5px;
}
#main #content .posts .comment li.comm a{color:#6d6d6d;}

#main #content #navegacao{float:right;}

#main #content #navegacao ul{}
#main #content #navegacao ul li{
	float:left;
	font-size:12px;
	color:#666;
	margin:0 2px;
}
#main #content #navegacao ul li.page{	
	padding:4px 0;
}

#main #content #navegacao ul li a{
	float:left;
	font-size:12px;
	padding:5px;
	color:#666;
	background:#ededed;
	border:1px solid #dedede;
}
#main #content #navegacao ul li.ativo a,
#main #content #navegacao ul li a:hover{
	background:#ccc;
	border:1px solid 9b9b9b;
	color:#000;
}


/**********FIM POSTS************/





/**********ONDE TEM REDE SOCIAL************/
#main #redesocial{
	float:right;
	width:440px;
}
#main #redesocial div {margin-bottom:20px;}
#main #redesocial div h3{
	color:#030303;
	margin-bottom:20px;
}
#main #redesocial p{
	font-weight:normal;
	font-size:14px;
	letter-spacing:0.04em;	
}

#main #redesocial .famesc{
	background:url(images/ing_1.jpg) no-repeat;
	padding:20px;
	height:140px;
}
#main #redesocial .foto{
	background:url(images/ing_2.jpg) no-repeat;
	padding:20px;
	height:308px;
	overflow:auto;
}
#main #redesocial .foto h3 a{
	font-weight:normal;
	font-size:14px;
	color:blue;
}
#main #redesocial .foto ul li{
	display:block;
	color:#333;
	font-size:14px;
	font-weight:normal;
	margin-bottom:10px;
}
#main #redesocial .foto ul li p.dados{
	color:#666;
	padding-bottom:5px;
	font-weight:normal;
	font-style:italic;
	background:url(images/linha.jpg) no-repeat bottom;
}

#main p.msg{
	float:left;
	display:block;
	color:#333;
	width:374px;
}

#main #content ul.comentario-lista{
	margin-top:15px;
}


#main p.dadosb{
	float:left;
	width:374px;
	color:#666;
	padding-bottom:5px;
	font-weight:normal;
	font-style:italic;
}

#main #respond{
	float:right;
	width:440px;
}

#main #respond.single{
	float:none;
	padding-top:10px;
	padding-bottom:10px;
	border-top:1px dashed #dedede;
}

#main #respond.single #commentform{
	padding-bottom:10px;
	border-bottom:1px dashed #dedede;
	margin-bottom:20px;
}


ul.comentario-lista li{
	float:left;
	border-bottom:1px dashed #dedede;
	padding-top:15px;
	padding-bottom:15px;
}

li img.avatar{
	float:left;
	margin-right:10px;
}


#main #respond #commentform{
	margin-top:15px;
}

#main #respond #commentform input[type="text"]{
	height:30px;
	margin-bottom:8px;
	width:419px;
	font-size:16px;
	color:#333;
}

#main #respond #commentform input[type="submit"]{
	height:30px;
	margin-bottom:8px;
	margin-top:8px;
	width:419px;
}

#main #redesocial .foto div .navfoto{
	background:url(images/descfoto.png) no-repeat;
	position:absolute; 
	height:21px;
	padding:10px;
	bottom:0;
	left:0;
	width:380px;
}
#main #redesocial .foto div .navfoto li{float:left;}
#main #redesocial .foto div .navfoto li strong{
	width:330px;
	text-align:center;
	display:block;
	color:#fff;
}
#main #redesocial .foto div .navfoto li.navleft{float:left;}
#main #redesocial .foto div .navfoto li.navleft a{
	background:url(images/setasfotos.png) no-repeat left center;
	display:block;
	width:25px;
	text-indent:-9999px;
}
#main #redesocial .foto div .navfoto li.navright{
	float:right;
}
#main #redesocial .foto div .navfoto li.navright a{
	background:url(images/setasfotos.png) no-repeat right;
	display:block;
	width:25px;
	text-indent:-9999px;
}



#main #redesocial #informativo h3{
	background:url(images/icoinformativo.jpg) no-repeat left center;
	padding:0 0 4px 40px;
}
#main #redesocial #informativo form#mc_signup_form{
	background:url(images/ing_3.jpg) no-repeat;
	padding:22px;
	overflow:hidden;
	float:none;
	border:none;
}

#main #redesocial #informativo form#mc_signup_form #mc_message{
	height:17px;
	margin-bottom:2px;
}


#main #redesocial #informativo form#mc_signup_form fieldset{
	float:left;
}
#main #redesocial #informativo form#mc_signup_form label input{
	width:310px;
	border:1px solid #ccc;
	padding:3px;
}
#main #redesocial #informativo form#mc_signup_form input[type="submit"]{
	background:url(images/bgbtn.jpg) no-repeat;
	color:#fff;
	border:none;
	margin-left:5px;
	margin-top:20px;
	padding:3px 5px;
	cursor:pointer;
	float:left;
}

#main #redesocial #redes #rleft{
	float:left;
	width:210px;
}
#main #redesocial #redes #rleft .twitter h3{
	background:url(images/icotwitter.jpg) no-repeat left center;
	padding:0 0 4px 40px;
}
#main #redesocial #redes #rleft  ul li{
	display:block;
	background:url(images/bgli.jpg) no-repeat;
	font-size:12px;
	color:#666;
	padding:20px;
}
#main #redesocial #redes #rleft  ul li.follow{
	background:#343434;
	padding:10px;
}
#main #redesocial #redes #rleft  ul li.follow a{
	color:#fff;
	display:block;
	text-align:center;
}

#main #redesocial #redes #rleft  ul li a{
	color:#333;
}

#main #redesocial #redes #rleft .links ul li a{color:#2A489E;}

#main #redesocial #redes #rright{
	float:right;
	width:210px;
}

#main #redesocial #redes #rright .flickr-photos ul{
	margin-top:-5px;
	overflow:hidden;
}
#main #redesocial #redes #rright .flickr-photos h3{
	background:url(images/icofoto.jpg) no-repeat left center;
	padding:0 0 4px 40px;
}

#main #redesocial #redes #rright .flickr-photos ul li{
	float:left;
	width:86px;
	height:86px;
	border:1px solid #ccc;
	margin:7px;
}
#main #redesocial #redes #rright .flickr-photos ul li a{
	display:block;
	padding:5px;
}

#main #redesocial #redes #rright .bandeiras ul li{
	display:block;
	margin-bottom:10px;
} 

#footer{
	background:#343434;
	text-align:center;
	padding:10px;
}

#footer a{
	color:#fff;
	font-size:14px;
}