@charset "utf-8";



/*

Theme Name: Centro Cultural Brasil - Estados Unidos - Sorocaba


Theme URI: http://www.ccbeusorocaba.com.br


Description: Tema base Centro Cultural Brasil - Estados Unido


Author: Simdigital


Author URI: http://www.ccbeusorocaba.com.br/


Version: 1.0


License: Attribution-ShareAlike - http://creativecommons.org/licenses/by-sa/3.0/legalcode

*/











html, body {



	margin:0px;



	padding:0px;



	font-family: Arial, Helvetica, sans-serif;



	font-size:13px;



	color:#002B4C;



}







fieldset{



	border:0;



}







.page{



	background:#FFFFFF;



	color:#232F4A;



	width:685px;



	min-height:880px;	



	float:left;



	text-align:justify;



	padding:15px;



	margin:0 0 10px;



	position:relative;



}







html {



	background: #E9ECEF url(img/bg_html.jpg) repeat-x top;



	margin: 0px;



}



body {



	background:url(img/bg.jpg) no-repeat right top ;



	margin: 0px;



}



.largura {



	width:954px;



	margin:0 auto;



	clear:both;



	overflow:hidden;



}



.conteudo {



	background:url(img/bg_cont.jpg) no-repeat 0 0;



}



.rod{



	background:url(img/rod.gif) no-repeat center top;



	width: 100%;



	height:248;



	margin:0 auto;



	overflow: hidden;



}



h1,h2,h3,h4 {



	margin: 0px;



    color: #FFFFFF;



   font-weight: bold;



}



h1 {



    font-size:30px;	



}



h2 {



    font-size:24px; 



}



.conteudo h2 {



	padding:0 20px;



	margin: 0 0 15px;



	background:url(img/seta_bol.png) no-repeat left;



}



.page h2 {



background:#006699 url(img/seta_bol.png) no-repeat scroll 10px 7px;



margin:0 0 15px;



padding:2px 28px;



}



.page h3 {



background:url(img/seta_bol_h3.png) no-repeat left;



color:#DF0000 !important;



padding: 0 0 0 15px;



font-size:22px !important;



clear:left;



}



.page h4 {



color:#47C1FD !important;



font-size:18px !important;







}



h2.widgettitle,div.twitter a{



	background:none;



	font-size:12px;



	color:#FFFFFF;



}







h2.widgettitle,div.twitter li{



	list-style:square;



}



div.twitter li{



	list-style: none;



}



div.twitter ul{



	padding:0;



}



div.twitter h2.widgettitle{



	padding:0;



}



li.widget{



	list-style:none!important;



}







h3 {



    font-size:18px; 



}



.conteudo h3 {



	color:#000000;



	margin: 20px 0 10px;



    font-size:15px; 



}



.cursos .txt{



	float:right;



	width:240px;



	margin:0 0 15px;



}



.conteudo p{



	line-height:20px;



	margin:0 0 15px;



}



h4 {



    font-size:15px; 



}



.conteudo h4{



	margin:5px 0;



}



img {



    border:0px;



}



p {



	display:block;



	margin-bottom:15px;



}



a{



	color:#CC0000;



	text-decoration: none;



}



a:hover {



	text-decoration: underline;



}



.login{



	height:37px;



	padding:5px 15px 0;



	width:561px;



	background:url(img/bg_login.jpg) no-repeat 0 0;



	font-size:13px;



	color:#FFFFFF;



}



.login a{



	font-size:11px;



	color:#FFFFFF;



	background:url(img/bol_login.jpg) no-repeat right;



	padding:0 10px 0;



	float: right;



}



.login form{



	margin:2px 0 0;



	padding:0px;



	float: left;



}



.login input{



	width:147px;



	border:#00184D 1px solid;



	



}



.login a.bot{



	float:right;



	margin:1px 0 0;



	background: none;



	



}



.cabecalho {



	overflow:hidden;



	margin-bottom: 5px;



}

.cabecalho h1{
	float:right;
	font-size:13px;
	letter-spacing:-0.05em;
	margin:20px 0 0;
}

.cabecalho h1 strong{

	color:#CC0000;

}

.cabecalho .telefone, .rodape .telefone {



	font-size:20px;



	float:right;



	text-transform: uppercase;



	clear:right;



	margin:10px 0 20px;



}



.cabecalho .telefone span, .rodape .telefone span{



	font-size:15px;



	margin:0 0 3px 20px;

}



.direita{



	width:716px;



}



.esquerda{



	width:229px;



}



.logo {



	float:left;



	margin:5px 0 0 15px;



}



.menu {



	font-size:14px;



	text-transform: uppercase;



	font-weight: bold;



	color:#FFFFFF;



	overflow:hidden;



	padding:0px;



	margin:0 auto 10px;



	background:url(img/bg_menu.png) repeat;



}



.menu li {



	list-style-type:none;



	text-align: right;



    overflow:hidden;



	display:block;







}



.menu li a {



    color:#FFFFFF;



	text-decoration: none;



	padding:7px 42px 7px 0;



	width:187px;



	overflow:hidden;



	float: right;



	background: url(img/seta_menu.gif) no-repeat right;







}



.menu li a:hover {



	background: url(img/seta_menu_on.gif) no-repeat right #EC0000;



}



.chamadas img{



	margin:0 0 10px 0;



	border:none;



}



.redes img, div.twitter img{



	position:absolute;



	z-index:0;



	float:left;



}



img.twitter{



	margin:0;



}



img.orkut{



	margin:35px 0 0 65px;



}


img.blog{
	margin:200px 0 0 0;
}


.banner {



	margin:0 0 10px 0;



	position:relative;



	width:584px;



	height:268px;



	background:url(img/bg_menu.png) repeat;



	text-align:center;



	overflow:hidden;



}











.banner img{



	margin:10px 0 0 0;



}











#menu_banner{



	position:absolute;



	left:5px;



	top:100px;



	list-style:none;



	margin:0;



	padding:0;



}







#menu_banner li.itens_banner{



	color:#FFFFFF;



	font-weight:bold;



	width:27px;



	height:25px;



	background:url(img/bg_menu.png) repeat;



	cursor:pointer;



	line-height:25px;



	text-align:center;



	margin:0 0 5px 0;



}







#menu_banner li.selecionado{



	color:#990000;



	font-weight:bold;



	width:27px;



	height:25px;



	background:url(img/bg_menu.png) repeat;



	cursor:pointer;



	line-height:25px;



	text-align:center;



	margin:0 0 5px 0;



}







.meio{



	margin:0 25px;



}



.bloco{



	width:323px;



	float:left;



	text-align:justify;



	padding:15px;



	margin:0 0 10px;



}



.bloco img{







}







.noticia-page{



	background:#232F4A;



	color:#FFFFFF;



	width:685px;



	min-height:880px;	



	position:relative;



}







.noticia-page div.paginacao{



	width:180px;



	position:absolute;



	right:1px;



	bottom:1px;



}







.noticia-page div.paginacao a{



	display:block;



	width:80px;



	float:right;



	background-image:url(img/fatia_pag.jpg);



	padding:2px 0 2px 0;



	text-align:center;



	color:#006699;



	font-weight:bold;



	margin:0 1px 0 0;



}







.noticia-page div.paginacao a:hover{



	text-decoration:none;



}







.noticia{



	background:#232F4A;



	color:#FFFFFF;



	min-height:450px;



}



.noticia li,.noticia-page li{



	clear:both;



}



.noticia ul,.noticia-page ul{



	list-style-image:none;



	list-style-position:outside;



	list-style-type:none;



	margin:0;



	padding:0;



}



.noticia .data,.noticia-page .data {



	background:#006699;



	font-weight:bold;



	text-align:center;



	color:#FFFFFF;



	float:left;



	font-size:27px;



	margin:0 15px 15px 0;



	width:51px;



	padding:7px 0;



}



.noticia .data span,.noticia-page .data span{



	font-size:14px;



	text-transform:uppercase;



	clear: both;



}



.noticia h3, .noticia h3 a,.noticia-page h3,.noticia-page h3 a{



	color:#2BBAFF;



	font-size:16px;



	text-decoration:none;



	text-align:left;



	line-height:16px;



	margin:0 0 2px;



	#float: left; _float: left;



	#clear: right; _clear: right;







}



.noticia-destaque{



	background:#FFFFFF;



	text-align:left;



	min-height:450px;



}



.noticia-destaque h2{



	color:#2BBAFF;



	font-size:23px;



	line-height:23px;



	margin:0;



	padding:0;



}



.noticia-destaque img{



	margin:0 10px 0 0;



}



.noticia-destaque a.mais, .page a.mais{



	background: url(img/seta_mais_azul.gif) no-repeat left;



	color:#2AB1F4;



}



div.twitter{



	background:#4BC4FF url(img/bg_twitter.jpg) no-repeat right top;



}



div.orkut{



	background:#233865;



	color:#FFFFFF;



	min-height:136px;



}



div.orkut p{



	line-height:19px;



	width:190px;



}



.seguidores{



	width:686px;



	clear: both;



	background: #4BC4FF;



}



.seguidores img{



	margin:0 2px 4px;



}



a.mais{



	float:right;



	font-size:13px;



	font-weight:bold;



	margin-top:15px;



	_clear:both; #clear:both;



	color:#FFFFFF;



	background: url(img/seta_mais.gif) no-repeat left;



	padding:0px 0px 0px 40px;



	text-transform:lowercase;



}







.conteudo .destaque, .categoria{



	background:#C9C2AF;



	display: block;



	color: #FFFFFF;



	font-size: 16px;



	font-weight: bold;



	padding: 4px 0 4px 15px;



	overflow: hidden;



}



.categoria{



	margin: 0 5px 0 auto;



	display: inline-block;



	width: 200px;



	margin: 0 15px 0 0;



	float:left;



	padding:0;











}



.categoria h3{



	background:#333333;



	color:#FFFFFF;



	margin:0;



	text-align:center;



	padding:5px 0;



}



.categoria ul{



	margin:10px 0 10px 40px;



}



.categoria a{



	color:#000000;



}



.categoria a:hover{



	color:#CC0000;



	text-decoration:none;



}



.tags{



	font-size:11px;



	color: #47C1FD;



	margin:0 auto 15px;



}



.tags a{



	color: #47C1FD;



}



.menu2 {



	margin:0 auto 0;



	font-size:13px;



	font-weight:normal;



	color:#9C8E6B;



	text-align:center;



	padding:0px;



}



.menu2 li {



    list-style-type:none;



    text-align:center;



	display:inline;



}



.menu2 li a {



	color:#233865;



font-size:10px;



padding:0 15px;



text-decoration:none;



text-transform:uppercase;



}



.rodape{



	font-size: 16px;



	overflow: hidden;



	background: #FFFFFF;



	padding:15px;



	width:924px;



}







.endereco{



	margin:15px 0px;



	text-align: center;



	float: left;



	font-size:12px;



}



.telefone {



	margin:10px 0;



	font-size:14px;



	font-weight: bold;



}



.rodape .telefone span{



	font-size:14px;



}



.selo{



	text-align:right;



	padding: 0px 20px 2px 0;



	margin-bottom:4px;



}



.selo a img{



	float:right;



	padding:0;



	display: inline;



}



.selo a strong{



	color:#C9C2AF;



	text-decoration:none;



	font-size:11px;



	float: right;



	padding: 8px 0 0;



	display: inline;



	#position:absolute; 						_position:absolute;



	#z-index:100px; 						_z-index:100px;



	#margin: 0 0 0 -100px ; 						_margin: 0 0 0 -100px;



	font-weight: normal;



	font-family: Tahoma, Verdana, Arial, sans-serif;



}



.treinamento .conteudo object{



	float:right;



	margin: 0 0 0 30px;



}



.left{



	float:left;



}



.right{



	float:right;



}



.mapa{



	margin:0 20px 0 0;



}



.repre{



	width:550px;



}



.boletim{



	margin:2px 10px;



}







.conteinerAbas{



	width:716px;



	height:226px;



	clear:both;



	margin:0 0 15px 0;



}



.conteinerAbas h2{

	color:#2BBAFF;

	font-size:23px;

	text-align:center;

}



.conteinerAbas div.aba1, .conteinerAbas div.aba2, .conteinerAbas div.aba3, .conteinerAbas div.aba4, .conteinerAbas div.aba5  {



	background:url(img/bg_abas.png) no-repeat top left;



	width:174px;



	height:32px;

	padding:6px 0 0;

	font-size:14px;

	float:left;



	text-align:center;



}







.conteinerAbas div.aba1sel{



	background:url(img/bg_abas.png) no-repeat bottom left;



}







div.aba1 a.nossos-idiomas{



	color:#CC0000;



}











.conteinerAbas div.aba2{



	background:url(img/bg_abas.png) no-repeat bottom left;



}







.conteinerAbas div.aba2sel{



	background-image:url(img/aba2.1.jpg);



	width:100px;



	height:38px;



	float:left;



	text-align:center;



}







a.links{



	padding:5px 0 0 0;



	display:block;



	color:#FFFFFF;



	cursor:pointer;



}







.conteinerAbas div.aba3{



	background:url(img/bg_abas.png) no-repeat bottom left;



}







.conteinerAbas div.aba3sel{



	background-image:url(img/aba5.1.jpg);



	width:121px;



	height:38px;



	float:left;



	text-align:center;



}







.conteinerAbas div.aba4{



	background:url(img/bg_abas.png) no-repeat bottom left;

}







.conteinerAbas div.aba4sel{



	background-image:url(img/aba3.1.jpg);



	width:168px;



	height:38px;



	float:left;



	text-align:center;



}











.conteinerAbas div.aba5{



	background:url(img/bg_abas.png) no-repeat bottom left;

}







.conteinerAbas div.aba5sel{



	background-image:url(img/aba4.1.jpg);



	width:185px;



	height:38px;



	float:left;



	text-align:center;



}











.conteinerAbas div.conteudo-janelas{



	width:100%;



	background:#FFFFFF;



	clear:both;



	height:190px;



}







div.conteudo-janelas div.texto{



	float:left;



	width:400px;



	height:175px;

	margin:0 15px;



}







div.conteudo-janelas div.texto2{



	margin:0 10px 10px 10px;



	padding:10px 0 0 0;



}







div.conteudo-janelas a.link{



	float:right;



	padding:0 10px 0 0;



}











/* newletter e avalie seu inglês */



.cadastrar-newsletter,.cadastrar-avalie{



	width:450px;



	margin:10px;



	background:#47C1FD;



	padding:10px;



	margin:auto;



}







.cadastrar-avalie{



	float:left;



	height:auto!important;



	width:330px!important;



}



.cadastrar-avalie input {



	margin:0 !important;



	width:285px !important;



}



.cadastrar-newsletter input,.cadastrar-avalie input{



	margin:10px 0 0;



	padding:4px;



	width:355px;



	border:solid 1px #00A6D9;



}







.cadastrar-avalie input.none{



	padding:0!important;



	margin:0!important;



	width:20px!important;



	float:none!important;



	border:0!important;



}







.cadastrar-newsletter input.botao,.cadastrar-avalie input.botao{



	background:#232F4A none repeat scroll 0 0;



color:#FFFFFF;



font-weight:bold;



margin:0 0 0 180px !important;



padding:5px;



width:100px !important;



}







.cadastrar-newsletter label,.cadastrar-avalie label{



	color:#232F4A;



	font-weight:bold;	



}







.cadastrar-avalie label.none{



	padding:0;



	margin:0;



	display:inline;



	float:none;



	width:auto;



}







.cadastrar-avalie label{



	display:block;



	width:80px;



	float:left;



	margin:0 0 5px;



}







.cadastrar-newsletter span,.cadastrar-avalie span{



	color:#990000;



	cursor:help;



}







div.itens{



	width:230px;



	margin:auto;



}







div.itens a.itens-newletter{



	cursor:pointer;



	display:block;



	width:100px;



	float:left;



	text-align:center;



	font-variant:bold;



	background-image:url(img/fatia_pag.jpg);



	margin:5px;



}







div.itens a.itens-newletter:hover{



	text-decoration:none;



}







div.msg{



	width:470px;



	height:30px;



	margin:auto;



	background-color:#FFFF99;



	color:#000000;



}







div.msg strong{



	width:300px;



	margin:auto;



	display:block;



	padding:5px 0 0 0;



}







div.msg h3{



	padding:0;



	margin:0;



}











.DisplayNone{



	display:none;



}











.abaAvalie{



	position:absolute;



right:20px;



top:23px;



width:130px;



color:#47C1FD;



}



.page img.alignleft{



	margin:0 20px 20px 0;	



}



.page img.alignright{



	margin:0 0 20px 20px;	



}



/* Convênios */



.convenios .page li{



	display:inline;



	float:left;



	width:300px;



	list-style:none;



	padding:3px;



	text-align:center;



	background:#005279;



	margin:2px;



	font-weight:bold;



	color:#FFFFFF;



}



.convenios .page li:hover{



	background:#47C1FD;



}



.convenios .page ul{



	clear:both;



display:block;



margin:0 auto;



padding:0;



width:620px;



overflow:hidden;



}



.convenios .page p{



	clear:both;



}



/* Convênios */



/* Sobre */



.sobre-2 .page img, .metodologia .page img{



	border:solid 8px #E9ECEF;



}



.sobre-2 .page h4{



color:#FFFFFF !important;



float:right;



text-align:left;



padding:3px;



background:#47C1FD;



width:400px;



margin:0 0 30px;



}



.sobre-2 div.wp-caption{



width:100% !important;



font-weight:bold;



}



.sobre-2 div.wp-caption img{



	float:left;



	margin:0 11px;



}



/* Sobre */



/*Cursos*/



.cursos .page h3{



background:url(img/bg_h3_cursos.jpg) no-repeat;



height:59px;



padding:15px 0 0 40px;



font-size:25px!important;



clear:both;



display:block;



color:#00184D!important;







}



.cursos .page h3.idiomas{



background:url(img/bg_h3_cursos.jpg) no-repeat 0 -77px;



}



.cursos .page h3.info{



background:url(img/bg_h3_cursos.jpg) no-repeat 0 -155px;



}



.cursos .page h3.quali{



background:url(img/bg_h3_cursos.jpg) no-repeat 0 -230px;



}



.cursos .page li, .cursos .page li a{



	list-style:none;



	background:#FB5E5E;



	color:#FFFFFF;



	padding:3px 0 3px 5px;



	margin:2px 0 0;



	display:block;



}



.cursos .page li{



	padding:0;



}



.cursos .page li a:hover{



	text-decoration:none;



}



.cursos .page ul{



	padding:inherit;



	margin: auto;



	float:right;



	width:240px;



	font-size:16px;



	font-weight:bold;



	text-decoration:none !important;



}



.cursos .page .info li, .cursos .page .info li a{



	background:#B5B5B5;



}



.cursos .page .info li:hover, .cursos .page .info li a:hover{



	background:#9B9B9B;



}



.cursos .page .emp li, .cursos .page .emp  li a{



	background:#81C4DD;



}



.cursos .page .emp li:hover, .cursos .page .emp li a:hover{



	background:#56AFD1;



}



.cursos .page .quali li, .cursos .page .quali li a{



	background:#3D87AE;



}



.cursos .page .quali li:hover, .cursos .page .quali li a:hover{



	background:#006699;



}



.cursos .page .idiomas li:hover, .cursos .page .idiomas li a:hover{



	background:#E70A0A;



}



.cursos .page img{



	margin:0 20px 40px 0;



}



/*Cursos*/











div.imoocreditos{



opacity:0.45;



	-moz-opacity: 0.45;



	filter: alpha(opacity=45);



}



div.imoocreditos:hover{



opacity:1;



	-moz-opacity: 1;



	filter: alpha(opacity=100);



}



.alignleft{



	float:left;	



}



.alignright{



	float:right;



}



/*Maps*/



address{



	float:right;



margin:20px 0;



width:190px;



}



iframe{



	border:#D0D7DD 7px solid;



	float: left;



	margin-right: 20px;



	margin-bottom:50px;



}



small a{



background:#DF0000;



padding:10px;



margin: 35px 10px 15px !important;



color:#FFFFFF!important;



font-size:13px;



font-weight:bold;



float: left;



text-decoration:none;



}



.localizacao .size-thumbnail{



	margin:0 35px 0 0;



}



.localizacao h3{



	clear:both



}



/*Maps*/







/*Contato*/



.contato .wpcf7{



	background:#47C1FD none repeat scroll 0 0;



	float:left;



	margin:0 30px 0 0;



	padding:20px;



	color:#232F4A;



}



.contato .wpcf7 p{



	margin:0 0 5px 0;



	font-weight:bold;



}



.contato .wpcf7 textarea{



	height:100px;



	margin:2px 0 0 0;



}







.contato .wpcf7-form-control-wrap input, .contato .wpcf7 textarea, .contato .wpcf7 .wpcf7-validates-as-required{



	background:#FFFFFF none repeat scroll 0 0 !important;



	border:1px solid #00A6D9 !important;



	width: 300px !important;



	margin:2px 0 0 0 !important;



padding:3px !important;



color:#232F4A !important;



font-weight:normal !important;



font-family:arial;



font-size:13px;



}







.contato .wpcf7 input{



	background: #232F4A;



	border:medium none;



	color:#FFFFFF;



	font-weight:bold;



	margin:5px 0 0 95px;



	padding:5px 0;



	width:101px;



}



.contato .page h3{



	clear:none;



	margin:0 0 10px;



}







div.wpcf7-response-output {



	margin:0!important;



	padding:0!important;



    text-align:center!important;



    clear:both;



    background-color:#FFFF99;



	color:#000000;



	width: 300px !important;



}







div.wpcf7-mail-sent-ok {



	border: 1px solid #cccccc!important;



    font-weight:bold;



}







span.wpcf7-not-valid-tip {



	top:0!important;



	left:1px!important;



	z-index: 100;



    padding:0!important;



	height:10px!important;



    width:290px!important;



    tex-align:left!important;



    border:0!important;



    color:red;



    margin:0 0 0 2px!important;



	background-color:#FFFFFF!important;



	font-size:11px!important;



}



/*Contato*/







/*Table*/



.page table{
}



.page td{}



.page tr.tit{



	background:#006699;



	border:none;



	color:#FFFFFF;



}



.page .tit td{



}



.page .dest td{



	background:#7ED5FE;



}



/*Table*/







/*Avaliação*/



.avalie-seu-ingles .page img, .ingles .page img{



	margin:15px 0;



}



/*Avaliação*/



/* Galeria Fotos */







.conteiner-galeria{



	border:solid 1px #CCCCCC;



	height:230px;



	width:200px;



	float:left;



	margin:10px;



	text-align:center;



	background-color:#6E8CA6;



	position:relative;



}







.conteiner-galeria img{



	margin:20px;



	border:solid 1px #cccccc;



	padding:15px;



	background-image:url(img/bol_galeria.png);



}







.conteiner-galeria div.aba{



	position:absolute;



	bottom:0;



	width:100%;



	background:url(img/bg_galeria.jpg);



}







.conteiner-galeria div.aba h1.titulo{



	color:#000000;



	font-size:13px;



	color:#ffffff;



	text-align:left;



	margin:0 10px 0 5px;



}







.conteiner-galeria div.aba span.data{



	float:right;



	margin:0 5px 0 0;



	font-weight:bold;



}







/*FAQ*/



.msg_list {



	margin: 0px 25px 0 0;



	padding: 0px;



	width:680px;



	float: left;



}



.msg_list p{



	margin: 5px 0 0 0;



	padding: 0px;



}



.msg_head {



	padding:5px 0 5px 50px !important;



	cursor: pointer;



	position: relative;



	font-size:14px;



	background:  url(img/seta_mais.gif) no-repeat scroll left center #D0D7DD;



	text-indent:0px;



	font-weight:bold;



	color:#232F4A;



	margin:0 0 3px !important;



}



.msg_head:hover, .msg_head:active, .msg_head:visited {



	background-color:#4BC4FF;



	color:#FFFFFF;



}



.msg_body {



	background-color:#A9E2FE;



	font-size:14px;



	margin:0 0 10px !important;



	padding:10px 20px;



}







/*FAQ*/



.right .chamadas a {



color:#FFF;



}



.comunidade .left {

width:327px;

clear:left;

}



.comunidade .right {

width:286px;

clear:left;

}



.comunidade .recebidos .tweet {

margin:10px 0px;

}



.comunidade .recebidos .tweet img {

border:1px solid #CCCCCC;

padding:3px;

float:left;

margin-right:15px;

}

.audio {
	padding: 62px 0 0 50px;
}