@charset "utf-8";
/* CSS Document */

html, body, div, h1, h2, h3, p, span, a{
	margin:0; padding:0; border:0;
}
body{font-family: "Arial", sans serif; color:#666; font-size:14px}
.header {
	background:url(/wps/wcm/myconnect/agentes/639d2d9a-c353-4cae-8b7c-4b7df2f134db/promotores.png?MOD=AJPERES&attachment=true&id=1456933547005 ) center; background-size: cover; background-attachment:fixed; width:100%; height:680px;
}                   
.wrap-info {
	box-shadow:0 0 250px 100px rgba(0,0,0,0.7),0 0 300px 150px rgba(0,0,0,0.3); background:#FFF; padding:5px;
}
.info{
	 width:100%; max-width:960px; margin:0 auto; font-family:"Arial" sans serif;
}
.titulos {
	padding:0 10px 0 30px;
	top:82%;
	position: relative;	
}
h1,h2 {font-family:"Tahoma" sans serif;}
h1 {font-size:50px; color:#069; text-shadow:1px 1px 0px #036, -1px -1px 0 #09C;}
h2 {font-size:20px; color:#FFF; }

.footer {
	background: #333; color:#FFF; padding:10px; height:100px;
}

.footitem{ float:left;}
	.texto { padding:20px 0 0 20px;}
	
.politicas { 
	width:100%; height:100px; color:#FFF; font-family:"Century Gothic" sans serif; position:relative;
}

.block-menu {position: relative; display: inline-table; vertical-align:top; width:100%; margin:10px 0 10px 0; border-left: 1px  solid #09C;}
.block-menu ul{ list-style:none; padding:0 0 0 5px; margin:3px;}
.ident{	padding-left:40px;	display:inline-table; }
	h3{ background:#09C; color:#FFF; width:98%; padding:3px; border-radius:0 7px 7px 0;}
a {
	color: #2181DF;
	text-decoration:none; 
}
a:hover {
	text-decoration: underline;
	cursor: pointer;
	color: #1B67B4;
}


@media all and (max-width:1024px){
	.header {height:600px;}
	.titulos {padding:0 10px 0 30px; top:80%;}
}

@media all and (max-width:768px){
	.header {height:450px; background:url(/wps/wcm/myconnect/agentes/639d2d9a-c353-4cae-8b7c-4b7df2f134db/promotores.png?MOD=AJPERES&attachment=true&id=1456933547005) center center; background-size: cover;}
	.titulos {padding:0 10px 0 30px; top:75%;}
	.footitem { float:none; width:100%; text-align:center;}
		.texto { padding:0;}
	.footer { height:auto;}
}

@media all and (max-width:480px){
	.wrap-info {box-shadow:0 0 150px 100px rgba(0,0,0,0.7);}
	.header {height:300px; }
	.titulos {padding:0 10px 0 15px; top:65%;}
	
}

@media all and (max-width:320px){
	.titulos {padding:0 10px 0 5px; top:60%;}
}