﻿/*-------------------------------------------------------------------------------------------------------------------------------------------------------
	Autor: Francisco Guasco 
	Empresa: CPV Educacional
	Descricao: Folha de estilo Geral para o portal CPV - este arquivo destina-se a formatacao
		de elementos presentes na maioria das páginas criadas a partir de 2009, estabelecendo
		padroes visuais a serem utilizados a partir de hoje.
	Data:14/09/2010
	Versao: 1.1
-------------------------------------------------------------------------------------------------------------------------------------------------------*/

/* CSS RESET */
* {  	
	padding: 0;
	margin: 0;
}
@font-face {
	font-family: Aller Bold;
	src:url(../proximasturmas/fonts/Aller_Bd.eot); /* para IE */ 
	src:local('Aller Bold'), url(../ProximasTurmas/fonts/Aller_Bd.ttf) format('truetype');
}
@font-face {
	font-family: Aller Bold Italic; 
	src:url(../ProximasTurmas/fonts/Aller_BdIt.eot); /* para IE */
	src:local('Aller Bold Italic'), url(../ProximasTurmas/fonts/Aller_BdIt.ttf) format('truetype');
}
@font-face {
	font-family: Aller Regular; 
	src:url(../ProximasTurmas/fonts/Aller_Rg.eot); /* para IE */
	src:local('Aller Regular'), url(../ProximasTurmas/fonts/Aller_Rg.ttf) format('truetype');
}
@font-face {
	font-family: Aller Light Italic; 
	src:url(../ProximasTurmas/fonts/Aller_LtIt.eot); /* para IE */
	src:local('Aller Light Italic'), url(../ProximasTurmas/fonts/Aller_LtIt.ttf) format('truetype');
}
@font-face {
	font-family: Aller Light;
	src:url(../ProximasTurmas/fonts/Aller_Lt.eot); /* para IE */ 
	src:local('Aller Light'), url(../ProximasTurmas/fonts/Aller_Lt.ttf) format('truetype');
}
@font-face {
	font-family: Futura Light BT;
	src:url(../ProximasTurmas/fonts/Futura Light BT.eot); /* para IE */ 
	src:local('Futura Light BT'), url(../ProximasTurmas/fonts/Futura_Light_BT.ttf) format('truetype');
}

/*---------------------------------------------
		 		GERAL
-------------------------------------------------- */
html,body{height:100%; width:100%;}
body {
    text-align:center; 
    font-family: Verdana,"Bitstream Vera Sans",Arial,sans-serif;
    background:url(http://www.cpv.com.br/images/img_bg_site.png) repeat;
}
img,a:link,a:visited,a:active,a:hover{border:none; }
.fltleft{float:left;}
.fltrgt{float:right;}
.clr{clear:both;}
.clrmargin{margin:0!important; padding:0!important;}
#faixatitle{width:100%; background:#fdf1a7; border-bottom:#e5e5e5 1px solid; border-top:#e5e5e5 1px solid; height:60px;margin:0;text-shadow:#cacaca 0 1px 3px;}
#faixatitle p{margin:0 0 0 20px; font-family:Georgia, "Times New Roman", Times, serif;}
#faixatitle h1 span{display:none;}
#faixatitle h1 span#ano{display:inline !important; font-size:42px;}
.text_left {float:left;}
.text_right {float:right;}
.orange {background:#ff9900;}
/*Centralizar horizontalmente a página */

#table {
	margin: 16px;
	border-collapse:collapse;
	background:#fff;
}

#shadowleft{background:url(http://www.cpv.com.br/images/sombra_central_esq.png) left repeat-y; height:100%;  width:100%; position:relative; float:left; }
#shadowright{background:url(http://www.cpv.com.br/images/sombra_central_dir.png) right repeat-y; height:100%;width:100%; position:relative; top:0; float:right;}
#main{
	position:relative;
	float:left;
	background:url(http://www.cpv.com.br/images/bg_main.jpg) repeat-x #f3f1f2;
	height:auto;
	width:950px;
}



/*------------------------------------------------
		 		CONTEÚDO
-------------------------------------------------- */
#central{
	display:table;
	padding:16px;
	width:950px;
	margin:auto;
	background:#fff;
}

#wrapper{
	display:table;
	background:#ffdead;
}

#content{
	float:left;
	font:12px Arial, Helvetica, sans-serif;
}

#center_content {
	float:left;
	background:#fff;
	padding:15px 0 50px;
}
#center_content a {
	
}
#center_content iframe {
	width:460px;
	padding:0;
    margin:0;
	border:none;
}

#right_sidebar{
	float:right;
	padding-top:15px;
}

#left_sidebar{
	float:left;
	width:188px;
}
#left_sidebar li, 
#right_sidebar li {
    margin-bottom:8px; 
    padding-left:5px;
    list-style:none;
}
#wrapper_footer{
	clear:both;
	width:100%;
	height:20px;
	background:#000;
}

.right_sidebanner {
	float:left;
	margin-left:10px;
}


.line_dark{background:#ccc;}
.line_gray{background:#efefef;}
.line_black{background:#000; color:#fff;}
.line_yellow{background:#ffc;}
.line_orange{background:#f90; color:#fff;}
.line_orange a {margin-left:5px; color:#fff}
.line_Lred {background:#ece2e1}
.line_Dred {background:#E1C6B8}
.line_Lpurple {background:#f1e9fb}
.line_Dpurple {background:#d2d0f2;}
.line_Lgreen {background:#dbf9a6;}
.line_Dgreen {background:#c9e6a8;}
.line_Lbrown {background:#f4d1bc;}
.line_Dbrown {background:#bc8789;}
.line_Lblue {background:#dcebfe;}
.line_Dblue {background:#b9d7fd;}
.txt_white {color:#fff;}
.line_separator{width:100% !important; border-bottom:2px dotted #E8641E}
.form_line {clear:both; width:100%; margin:5px 0;}


/*------------------------------------------------
		 		ENDERECOS CPV
-------------------------------------------------- */
#enderecos_cpv {
	display:table;
	width:895px;
	margin:38px auto 0;
	border-top:1px solid #b4b4b4;
}
#enderecos_cpv li {
	float:left;
	width:179px;
	list-style:none;
	text-align:left;
}
#outros_cpv {
	clear:both;
	display:table;
	width:700px;
	margin:0 0 30px 230px;
}
#outros_cpv li {
	float:left;
	width:350px;
	list-style:none;
	text-align:left;
}
#enderecos_cpv li h4, #outros_cpv li h4 {font-size:18px; color:#FF9900; margin:0;}
#enderecos_cpv li p, #outros_cpv li p {font-size:11px;}
fieldset{
	width:780px;
	margin:16px auto 30px auto;
	text-align:center;
	border:none;
}
fieldset .topo{
	background:url(http://www.cpv.com.br/images/formulario/balao_user.png) top no-repeat;
	height:auto;
	margin:0 auto;
	text-align:center;
	width:718px;
	padding:14px 0 0;
}
.txt_title{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:28px;
	color:#FFF;
}


/*------------------------------------------------
		 		RODAPÉ
-------------------------------------------------- */
.footer_image
{
	margin:auto
}
#footer{border-top:2px solid #4C2C19;bottom:0;color:#333333;font-size:9px;font-weight:bold;height:95px;margin:15px auto 0;position:relative;text-align:center;width:95%; }
#footer p:first-line{color:#f27e38;}
#footer .left{float:left; text-align:left;}
#footer .center{text-align:center; margin:5px auto 10px auto!important; width:250px;}
#footer .right{float:right; text-align:right;}
			
			
/*RODAPE 2*/
#DivRodape { 
	margin:0 auto;
	text-align:center;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#999;
}
#DivRodape img {*margin-top:-5px;}
#DivRodape ul {width:380px; margin:10px auto 0;}
#DivRodape ul li {
	float:left;
	padding:0 5px;
	list-style:none;
	border-right:1px solid #0033ff;
}
.noBorder{border:none !important;}

#DivRodape a:link{color:#0033ff; text-decoration:none}
#DivRodape a:visited{color:#F00; text-decoration:none}
#DivRodape a:hover{text-decoration:underline;}
#DivRodape p {clear:both;}

/*---------------------------------------------
		 		BREADCRUMB 
-------------------------------------------------- */
#breadcrumb {
	float:left;
	list-style:none;
	color:#333!important;
	font-size:9px !important;
	font-weight:bold;
	text-transform:uppercase;
	margin:30px 0 10px 60px;
}

#breadcrumb li{margin:0 6px; float:left;}

#breadcrumb li a {font-size:9px !important; color:#333!important; text-decoration:none;}

#breadcrumb li a:hover {text-decoration:underline;}

/*---------------------------------------------
		 		MÍDIAS SOCIAIS 
-------------------------------------------------- */
#social_media {width:300px; margin:15px auto 0}
#social_media li {float:left; list-style:none; padding:0 4px;} 
#social_media li.news_rss {margin:-3px 0 0 2px;}


/*---------------------------------------------
		 		JANELA DE AVISO 
-------------------------------------------------- */
#banner_avisos,
#Topo_banner_avisos,
#comprovante_inscricao {
	position:absolute;
	padding:15px;
	z-index:99;
	background:url(../images/bg_fume.png);
	font:14px Arial, Helvetica, sans-serif;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    float:left;
}
#banner_avisos,
#Topo_banner_avisos {
	top:130px;
	*top:350px;  
	margin-left:10px;
	*margin-left:-430px;
}
#comprovante_inscricao {top:120px; margin-left:15px;}
#banner_avisos #banner_miolo,
#Topo_banner_avisos #banner_miolo {	
	float:left;
	background:#fff;
	padding:25px 18px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
#banner_avisos #banner_miolo p,
#Topo_banner_avisos #banner_miolo p,
#banner_avisos #banner_miolo h2,
#Topo_banner_avisos #banner_miolo h3,
#banner_avisos #banner_miolo h3 {text-align:left;}
#banner_avisos #banner_miolo h1,
#Topo_banner_avisos #banner_miolo h1 {
	color:#C30;
	padding-bottom:8px;
}
#banner_avisos #banner_miolo h3 {
	margin:0 0 8px 8px;
	text-align:left
}
.comprovante_titulo h4, 
.comprovante_titulo h4 a {font-size:13px; color:#fff; padding-bottom:5px;}
#banner_avisos #banner_miolo fieldset,
#Topo_banner_avisos #banner_miolo fieldset {
	float:left;
	width:420px;
	padding:10px 15px;
	border: 1px solid #ff8920;
	-moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}
#banner_avisos #banner_miolo fieldset legend,
#Topo_banner_avisos #banner_miolo fieldset legend {
	padding:0 15px;
	font:14px Aller Bold Italic;
	color:#ff8920;
}
#banner_miolo ul {
	float:left;
	width:220px;
	text-align:left;
	margin:5px 0 5px 20px;
}
#banner_miolo ul span {
	text-align:left;
	font-weight:bold;
}
#banner_miolo ul li {
	text-align:left;
	list-style:square;
}
#close_button {
	width:16px; 
	height:16px; 
	position:absolute; 
	top:0; 
	right:0; 
	background:url(../images/cancelUpload.png) no-repeat #000; 
	cursor:pointer;
	/*-moz-border-radius: 5px;
    -webkit-border-radius: 5px;*/
}
