@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800&subset=latin,cyrillic-ext,latin-ext);

* { margin:0; padding:0; }
body, div, span, p, a, img, ul, ol, li, table, th, tr, td, form, fieldset, legend, dl, dt, dd, blockquote, applet, object { border:0; }
ul, ol {list-style-type:none}
body {background: url('../img/bg-repeat.jpg') repeat-x;padding: 100px 0 0; font: normal 12px Arial,sans-serif; color: #303537;}
p {line-height: 1.9em;padding: 0 0 25px 0; font-family: 'Open Sans', arial;}
@charset "Latin1";
/* NOVOS ELEMENTOS  */




#caixa {					
			position:absolute;
			width:600px;
			height:350px;
			padding:10px;
			top:40%;
			left:50%;
			margin-top:-100px;
			margin-left:-300px;
			alignment-adjust:central;
			
			
			background-image:url(../img/caixaentrada_web.png);
			background-repeat:no-repeat;
			background-position:center;
			
			/*
			border-style:solid;
			border-width:1px;
			border-color:#900;
			background-color:#FFF;	*/
			z-index:1;
			
			
		}

		
#caixinha {					
			position:relative;
			width:580px;
			height:20px;
			padding:0px;
			top:93%;
			left:50%;
			margin-top:0px;
			margin-left:-300px;
			alignment-adjust:central;
			text-align:center;
			
		
					
			/*
			border-style:solid;
			border-width:1px;
			border-color:#900;
			background-color:#FFF;	*/
			z-index:1;
			
			
		}
		
#c_dados {
			position:absolute;
			width:390px;
			height:150px;
			top:91px;
			left:auto;
			/*
			background-image:url(../imagens/logo3small.png);
			background-repeat:no-repeat;
			background-position:top;
			
			
			margin-top:-100px;
			margin-left:-300px;
			alignment-adjust:central;
			
			border-style:solid;
			border-width:1px;
			border-color:#900;
			background-color:#FFF;		
			*/
			z-index:2;
	
}

#c_dados_ie10 {
			position:relative;
			width:390px;
			height:150px;
			top:91px;
			left:auto;
			/*
			background-image:url(../imagens/logo3small.png);
			background-repeat:no-repeat;
			background-position:top;
			
			
			margin-top:-100px;
			margin-left:-300px;
			alignment-adjust:central;
			
			border-style:solid;
			border-width:1px;
			border-color:#900;
			background-color:#FFF;		
			z-index:2;*/
	
}

#c_img_ie10 {
			position:relative;
			width:390px;
			height:90px;
			top:38px;
			left:103px;
			
			background-color:transparent;
			background-image:url(../imagens/logo3small.png);
			background-repeat:no-repeat;
			background-position:top;
			
			
			
			/*
			margin-top:-100px;
			margin-left:-300px;
			alignment-adjust:central;
				
			border-style:solid;
			border-width:1px;
			border-color:#900;
			background-color:#FFF;	
			z-index:3;*/
	
}


#c_dados_m {
			position:absolute;
			width:390px;
			height:145px;
			top:97px;
			left:auto;
			/*
			background-image:url(../imagens/logo3small.png);
			background-repeat:no-repeat;
			background-position:top;
			
			
			margin-top:-100px;
			margin-left:-300px;
			alignment-adjust:central;
			
			border-style:solid;
			border-width:1px;
			border-color:#900;
			background-color:#FFF;		
			z-index:2;*/
	
}

#c_img {
			position:absolute;
			width:390px;
			height:90px;
			top:38px;
			left:103px;
			
			background-color:transparent;
			background-image:url(../imagens/logo3small.png);
			background-repeat:no-repeat;
			background-position:top;
			
			
			
			/*
			margin-top:-100px;
			margin-left:-300px;
			alignment-adjust:central;
				
			border-style:solid;
			border-width:1px;
			border-color:#900;
			background-color:#FFF;	*/
			z-index:3;
	
}



#c_img_m {
			position:absolute;
			width:390px;
			height:90px;
			top:44px;
			left:113px;
			
			background-color:transparent;
			background-image:url(../imagens/logo3small.png);
			background-repeat:no-repeat;
			background-position:top;
			
			
			
			/*
			margin-top:-100px;
			margin-left:-300px;
			alignment-adjust:central;
			
			border-style:solid;
			border-width:1px;
			border-color:#900;
			background-color:#FFF;	*/	
			z-index:3;
	
}


.img {
	
	padding:10px;
		}






/* FIM DE NOVOS ELEMENTOS */




p_rd {
	
	font-family:Arial, Helvetica, sans-serif;
    color:#FFF; 
	font-size:14px;
	/*alignment-adjust:central;*/
	
	vertical-align:central;
	
}

p_cb {
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:36px;
    color:#FFF; 
	font-size:14px;
	/*alignment-adjust:central;*/
	
	vertical-align:central;
	alignment-adjust:central
}

/* PARTE CENTRAL DA PÁGINA */
	
#centro_pagina {position: relative; top: 15px; background: #e9e9e9;height: 400px; line-height: 10px;padding: 0 20px; vertical-align:central; margin: 0 auto 20px;width: 890px;clear: both; overflow: hidden; color:#03F; font-size:10px; visibility:visible}

#termos{
	position:relative;	
	top:80px;
	width:800px;
	height: 250px;
	left:50%;
	
	/*right:100px;
	//margin-top:-50px;*/
	margin-left:-400px;
	text-align:justify;
	font:Verdana, Geneva, sans-serif;
	font-size:9px;	
	overflow-y:auto;	
}

#infos{
	position:relative;	
	top:80px;
	width:800px;
	height: 250px;
	left:50%;
	padding:15px;
	/*right:100px;
	//margin-top:-50px;*/
	margin-left:-400px;
	text-align:justify;
	
	overflow-y:auto;	
}

#infos_cab{
	position:relative;	
	top:50px;
	width:800px;
	height: auto;
	left:50%;
	padding:15px;
	/*right:100px;*/
	margin-left:-400px;
	text-align:justify;
	font:Verdana, Geneva, sans-serif;
	font-size:14px;	
}


#termos_cab{
	position:relative;	
	top:50px;
	width:800px;
	height: 130px;
	left:50%;
	/*right:100px;*/
	margin-left:-400px;
	text-align:justify;
	font:Verdana, Geneva, sans-serif;
	font-size:12px;	
}

#termos2{
	position:relative;	
	top:90px;
	width:800px;
	left:50%;
	/*right:100px;*/
	text-align:justify;
	margin-left:-400px;
	font:Verdana, Geneva, sans-serif;
	font-size:14px;	
	color:#000;
}

#pagina_calculo {
	position: relative;
	top: 15px; 
	background: #e9e9e9;
	color: #333;
	height: 300px;
	line-height: 10px;
	padding: 0 20px;
	margin: 0 auto 20px;
	width: 890px;
	clear: both;
	overflow: hidden; 
	font-size:12px;
	visibility:visible;
	}

#pagina_info {
	position: relative;
	top: 15px; 
	background: #e9e9e9;
	color: #333;
	height: 900px;
	line-height: 10px;
	padding: 0 20px;
	margin: 0 auto 20px;
	width: 650px;
	clear: both;
	overflow: hidden; 
	font-size:12px;
	visibility:visible;
	}
	
#pagina_info3 {
	position: relative;
	top: 15px; 
	background: #e9e9e9;
	color: #333;
	height: auto;
	line-height: 10px;
	padding: 0 20px;
	margin: 0 auto 20px;
	width: 850px;
	clear: both;
	overflow: hidden; 
	font-size:12px;
	visibility:visible;
	}
	
	
#linha_info_ {
	position: relative;
	top: 5px; 
	background: #e9e9e9;
	color: #333;
	height: 30px;
	line-height: 10px;
	padding: 0 20px;
	margin: 0 auto 20px;
	width: 400px;
	clear: both;
	overflow: hidden; 
	font-size:12px;
	visibility:visible;
	}


#tabelas{position: relative;
		 top: 15px;
		 height:20px;
		 background-color:#999;
		 vertical-align:central;
}

#tabela {
	position:absolute;
	top:300px;
	left:162px;
	width: 751px;
	
}

/*#ficha_pessoal {
	position:absolute;
	top:200px;
	left:300px;
	width: 751px;
	background-color:#CCC;
	
	
}*/

#ficha_pessoal {
					
			position:fixed;
			width:751px;
			height:420px;
			padding:10px;
			top:35%;
			left:50%;
			margin-top:-50px;
			margin-left:-375px;
			
			border-style:solid;
			border-width:1px;
			border-color:#00C;
			background-color:#CCC;
			
			
		}
		
#ficha_calculo {
					
			position:fixed;
			width:900px;
			height:420px;
			padding:10px;
			top:35%;
			left:50%;
			margin-top:-50px;
			margin-left:-450px;
			
			border-style:solid;
			border-width:1px;
			border-color:#00C;
			background-color:#CCC;
			
			
		}
#tit_fic {
					
			position:fixed;
			width:370px;
			height:30px;
			padding:10px;
			text-align:center;
			font-style:italic;
			top:25%;
			left:50%;
			margin-top:-40px;
			margin-left:-185px;
			
			border-style:solid;
			border-width:1px;
			border-color:#00C;
			background-color:#E6E6E6
			
			
		}

#ficha_pessoal_bot {
	position:absolute;
	top:600px;
	left:300px;
	width: 751px;
	background-color:#CCC;
	
	
}

#linha_info{position: relative;top: 15px; height:20px; background-color:#999}

#linha_info_larga{position: relative;top: 5px; height:35px; background-color:#999; width:100%; vertical-align:central;}



#area_detalhes{
	position: absolute;
	left:20px;
	top: 100px;
 	height:500px;
  	width:890px;
   	background-color:#CCC; 
   	/*font-family:Arial, Helvetica, sans-serif;
    color:#FFF; 
	font-size:14px;
	alignment-adjust:central;*/
}


	/* FIM DA PARTE CENTRAL DA PÁGINA */
/* LINKS ---------------------------------------------------------------------------------------------------------- */
/*
a {color: #c41477;text-decoration: underline;}
a:link {color: #c41477;}
a:focus {color: #c41477; outline: 0}
a:visited {color: #c41477}
a:hover {color: #c41477;text-decoration: none;}
*/
a {color: #3A5FCD;text-decoration: underline;}
a:link {color: #3A5FCD;}
a:focus {color: #3A5FCD; outline: 0}
a:visited {color: #3A5FCD}
a:hover {color: #3A5FCD;text-decoration: none;}

a.more {padding-right: 12px; background: url('../img/arrow.gif') no-repeat 100% 55%;}
a.button_old {background: url('../img/button-start.gif') no-repeat;display: inline-block;text-decoration: none;color: #fff;font-weight: bold;}
a.button_old span {display: inline-block;height: 33px;line-height: 33px;padding: 0 20px;color: #fff;font-weight: bold;background: url('../img/button-end.gif') no-repeat 100% 0}

a.reval {background: url('../img/bot2.gif') no-repeat;display: inline-block;text-decoration: none;color: #fff;font-weight: bold;}
a.reval span {display: inline-block;height: 33px;line-height: 33px;padding: 0 5px;color: #fff;font-weight: bold;background: url('../img/bot2_.gif') no-repeat 100% 0}

a.revalx {background: url('../img/bot3.gif') no-repeat;display: inline-block;text-decoration: none;color: #fff;font-weight: bold;}
a.revalx span {display: inline-block;height: 33px;line-height: 33px;padding: 0 5px;color: #fff;font-weight: bold;background: url('../img/bot3_.gif') no-repeat 100% 0}

a.branco {background: url('../img/bot4.gif') no-repeat;display: inline-block;text-decoration: none;color: #fff;font-weight: bold;}
a.branco span {display: inline-block;height: 33px;line-height: 33px;padding: 0 5px;color: #fff;font-weight: bold;background: url('../img/bot4_.gif') no-repeat 100% 0}


/* H1 - H5 -------------------------------------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 { margin:15px 0 15px 0; font-family: 'Open Sans', arial;}
h1 { font-size: 2.4em;font-weight: normal;margin: 5px 0 10px 0; color: #303537;}
h2 { font-size: 1.8em; margin: 0 0 20px; color: #303436;font-weight: normal;}
h3 { font-size:1.2em;text-transform: uppercase;margin: 10px 0 15px;color: #303436;padding: 0 0 5px;}
h4 { font-size:1.0em; color: #005e7c }
h5 { font-size:1.0em; }
/* inventando..... */

.botao {
			-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
			-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
			box-shadow:inset 0px 1px 0px 0px #ffffff;
			/*background-color:#ededed;*/
			background-color:#FFF;
			-moz-border-radius:1px;
			-webkit-border-radius:1px;
			border-radius:1px;
			border:1px solid #3A5FCD;
			display:inline-block;
			color:#f05c0c;			
			 font-family: 'Open Sans', arial;
			font-size:14px;
			font-weight:bold;
			padding:34px 24px;
			text-decoration:none;	
			width:200px;
			text-align:center;				
			/*text-shadow:1px 1px 0px #ffffff;*/
		}.botao:hover {
			/*background-color:#dfdfdf;*/
            background-color:#3A5FCD;
            color:#FFF;
		}.botao:active {
			position:relative;
			top:1px;
		}
.button {
			-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
			-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
			box-shadow:inset 0px 1px 0px 0px #ffffff;
			/*background-color:#ededed;*/
			background-color:#FFF;
			-moz-border-radius:1px;
			-webkit-border-radius:1px;
			border-radius:1px;
			border:1px solid #3A5FCD;
			display:inline-block;
			color:#f05c0c;			
			 font-family: 'Open Sans', arial;
			font-size:12px;
			/*font-weight:bold;*/
			padding:6px 4px;
			text-decoration:none;	
			width:150px;
			text-align:center;				
			/*text-shadow:1px 1px 0px #ffffff;*/
		}.button:hover {
			/*background-color:#dfdfdf;*/
            background-color:#3A5FCD;
            color:#FFF;
		}.button:active {
			position:relative;
			top:1px;
		}
.botao_off {
			-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
			-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
			box-shadow:inset 0px 1px 0px 0px #ffffff;
			/*background-color:#ededed;*/
			background-color:#FFF;
			-moz-border-radius:1px;
			-webkit-border-radius:1px;
			border-radius:1px;
			/*border:1px solid #dcdcdc;*/
            border:1px solid #0093dd;
			display:inline-block;
			color:#333;			
			 font-family: 'Open Sans', arial;
			font-size:14px;
			font-weight:bold;
			padding:34px 24px;
			text-decoration:none;	
			width:200px;
			text-align:center;				
			/*text-shadow:1px 1px 0px #ffffff;*/
		}.botao_off:hover {
			background-color:#333;
			color:#FFF;
		}.botao_off:active {
			position:relative;
			top:1px;
		}
/* fim de iventando....*/
/* LAYOUT --------------------------------------------------------------------------------------------------------- */
.wrap {width: 875px;margin: 0 auto;position: relative; text-align:justify}
    /* HEADER ----------------------------------------------------------------------------------------------------- */
    #header {background: url('../img/bg-header.jpg') no-repeat 0 50%;height: 99px;width: 100%;position: absolute;top: 0;left: 0}
        /* logo */
        a#logo {font-size: 2.5em;color: #fff;font-style: italic;padding: 0 10px;position: relative;top: 30px;text-decoration: none}

        /* navigation */
        ul#nav {position: relative;top: 30px;float: right;}
            ul#nav li {float:left;}
                ul#nav li a { 
                    padding: 0px 15px;
                    height: 32px; 
                    line-height: 32px;
                    display: block;
                    text-decoration: none;
                    /*float: left;*/
                    font-weight: bold;
                    color: #fff; 
                    border-radius:1px;
			        border:1px solid transparent;
                }
                ul#nav li:hover {
                    /* background: url('../img/nav-start.jpg') no-repeat; */
                }
                ul#nav li.active { 
                    /*
                    color: #fff;
                    background: url('../img/nav-start.jpg') no-repeat;
                    */
                    border-radius:1px;
			        border:1px solid #FFF;
                }
                ul#nav li:hover a {
                    /*background: url('../img/nav-end.jpg') no-repeat 100% 0 */
                    border-radius:1px;
			        border:1px solid #FFF;
                }
                ul#nav li.active a {
                    /*background: url('../img/nav-end.jpg') no-repeat 100% 0 */
                }

    #intro {background: url('../img/bg-intro.jpg') repeat-x bottom;padding: 30px 0;width: 100%}
    #intro .floatRight {width: 545px;}
    #intro .photo {background: url('../img/macbook.png') no-repeat;width: 294px;height: 165px;float: left}
    #intro .photo img {position: absolute;top: 11px;left:46px}
    #intro p {font-size: 1.2em;padding-bottom: 20px;}
	
    
    /* COLS ----------------------------------------------------------------------------------------------------------- */
    /*ul.cols {margin: 25px 0 35px;background: url('../img/cols-bg.gif') repeat-y 50% 0;}*/
    ul.cols {margin: 25px 0 35px; }
        ul.cols li {float: left; width: 240px;padding: 5px 0;text-align: left; }
            ul.cols li.center {margin: 0 70px;text-align: left;}
                ul.cols li h2 {margin-bottom: 10px;text-transform: uppercase;font-size: 1.2em;font-weight: bold;color: #d11d6d;background: url('../img/arrow-down.gif') no-repeat 0 50%;padding: 0 0 0 25px}
				
				ul.cols li h3 {margin-bottom: 10px;text-transform: uppercase;font-size: 1.0em;color:#666;background: url('../img/ok.png') no-repeat 0 50%;padding: 0 0 0 25px}
				
				ul.cols li h4 {margin-bottom: 10px;text-transform: uppercase;font-size: 1.0em;color: #666;background: url('../img/not_ok.png') no-repeat 0 50%;padding: 0 0 0 25px}
				
                ul.cols li p {padding: 0 0 10px 0}

    .title {color: #8c959c; display: block;background: url('../img/dot.gif') repeat-x 0 50%;padding: 0 10px;margin:10px 0 25px}
    .title span {padding: 0 10px;background: #fff}
    
  	/* FOOTER ----------------------------------------------------------------------------------------------------- */
    .footer {background: #e9e9e9 url('../img/bg-footer.jpg') no-repeat;height: 58px; line-height: 58px;padding: 0 20px;font-size: 0.9em; margin: 0 auto 20px;width: 890px;;clear: both; overflow: hidden;}
	
        .footer span {color: #87898a;display: block;}
        .footer a {color: #87898a;}
        .footer a.tempixo {display: inline-block;position: relative;width: 110px; height: 28px;line-height: 28px;margin-right: 20px;}
            .footer a.tempixo span {width: 110px; height: 28px;display: inline-block;cursor: pointer; background: url('../img/tempixo-com.gif') no-repeat;position: absolute; top: 0; left: 0}



/* OTHER ----------------------------------------------------------------------------------------------------- */
hr { display:block; height:1px; margin:10px 0; padding:0; border:0 solid #CCC; background:#CCC; color:#CCC;}
.clear { clear:both; display: block; height:0;line-height:0;font-size:0; width: 100%;}
.noscreen { display:none; }
.floatLeft {float: left;}
.floatRight {float: right;}
img.floatLeft {margin-right: 20px}
img.floatRight {margin-left: 20px}

.bold {font-weight: bold;}
.center {text-align: center;}
.noborder {border: 0;}
/* clearfix */
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden}
.clearfix {display: inline-block;}
/* hidden for ie mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}