@charset "utf-8";
/* CSS Document */
body{
	padding:0;
	margin:0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	background: url(../img/bg.png) repeat-x #E8E8E8;
	}
div, h1, h2, h3, h4, h5, img, form, ul, p, dl{
	margin:0;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	}

#fondobajo3 p{
display:block;
height:60px;
font-size:14px;
padding:0 15px 30px 40px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;

	}
#fondobajo2 p{
display:block;
height:60px;
font-size:14px;
padding:0 15px 30px 40px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;

	}
	
#fondobajo1 p{
display:block;
height:60px;
padding:0 15px 30px 40px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFFFFF;

	}
	
ul{
	list-style-type:none; font-size:0;
	}
.spacer{
	clear:both; line-height:0; font-size:0;
	}

#contenedor{
	margin: 0 auto;
	width: 960px;
	padding:7px;
	background-color: #FFFFFF;
	padding-top:0;
	}
	
	
	#contenedor2{
	height:530px;
	margin: 0 auto;
	width: 960px;

	}
	
		#contenedor2conf{
	height:350px;
	margin: 0 auto;
	width: 960px;

	}

#header{
height:120px;
width:960px;
background-image:url(../img/bg_header.gif);
background-repeat:repeat-x;
background-image:url(../img/header.gif);
}

#mega-header{
height:250px;
margin:0 auto;
background-image:url(../img/bg_body.jpg);
background-repeat:repeat;
}


h1{ color:#FFFFFF;
font-size:13px;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin-bottom:5px;

}

#fondobajo{
	background-image: url(../img/fondobajo.jpg);
	background-repeat: no-repeat;
	height: 385px;
	width:960px;
	margin:0 0 7px 0;
	padding:0 0 0 50px;
}


#fondobajo1{
	background-image: url(../img/bg-captura.jpg);
	background-repeat: no-repeat;
	height: 260px;
	width:890px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 7px;
	margin-left: 0;
	padding-top: 130px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 75px;
}

#fondobajo2{
	background-image: url(../img/bg-convierte.jpg);
	background-repeat: no-repeat;
	height: 260px;
	width:890px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 7px;
	margin-left: 0;
	padding-top: 130px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 75px;
}

#fondobajo3{
	background-image: url(../img/bg-retenga.jpg);
	background-repeat: no-repeat;
	height: 260px;
	width:890px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 7px;
	margin-left: 0;
	padding-top: 130px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 75px;
}



#fondobajo4{
	background-image: url(../img/bg_landing.png);
	background-repeat: repeat;
	height:530px;
	width:870px;
	padding:10px 0 0 90px;
}
#fondobajo4conf{
	background-image: url(../img/bg_landing.png);
	background-repeat: repeat;
	height:350px;
	width:870px;
	padding:10px 0 0 90px;
}


#img-contacto{
	height: 250px;
	width:960px;
	margin:0 auto;
	background-image:url(../img/globo-carta.png);
}
#textomedio3 {
height:80px;
padding-left:17px;
background-image:url(../img/bg-menu3.gif);

}


#textomedio1 {
height:80px;
padding-left:17px;
background-image:url(../img/bg-menu1.gif);

}

#textomedio2 {
height:80px;
padding-left:17px;
background-image:url(../img/bg-menu2.gif);

}

#textobajo {
height:100px;

}

#footer {
margin:0 auto;
height:60px;
width:960px;

}
#menu{
	width:auto;
	height:200px;
	margin:auto;
	padding:130px 0 0 67px;
}
.amarillo{
	width:230px;
	height:170px;
	float:left;
	margin: 0 10px 0 0;
}

.amarillo a{
	display:block;
	width:230px;
	height:170px;
	background-image:url(../img/Boton_capture.jpg);
}

.amarillo a:hover{
	background-image:url(../img/Boton_capture_1.jpg);

}
.verde{	
	width:230px;
	height:170px;
	float:left;
	margin: 0 10px 0 10px;
}

.verde a{
	display:block;
	width:230px;
	height:170px;
	background-image:url(../img/Boton_Convierte.jpg);
}

.verde a:hover{
	background-image:url(../img/Boton_Convierte_1.jpg);

}
.rojo{
	width:230px;
	height:170px;
	float:left;
	margin: 0 0 0 10px;
	}
	
	
.rojo a{
	display:block;
	width:230px;
	height:170px;
	background-image:url(../img/Boton_Retenga.jpg);
}

.rojo a:hover{
	background-image:url(../img/Boton_Retenga_1.jpg);

}


.stick{
	display:block;
	position:relative;
	width:265px;
	height:235px;
	left:650px;
	bottom:150px;
	}
	
	
.stick a{
	display:block;
	position:relative;
	width:265px;
	height:235px;
	background-image:url(../img/stick.png);
}

.stick a:hover{
	background-image:url(../img/stick1.png);

}
#botones {
	margin: 0 auto;
	float: none;
	padding: 20px 0 0 83px;
}
#click{
	margin: 0 auto;
}

#flash{
width:960px;
height:150px;
background-color:#006699;
}


/*SLIDER*/
#slider{
margin:0;}	
#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider li{ 
	width:960px;
	height:250px;
	overflow:hidden; 
	}
	
	
#slider2{
margin:0 auto;}	
#slider2 ul, #slider2 li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider2 li{ 
	width:150px;
	height:60px;
	overflow:hidden; 
	}
.clickaqui{
position:relative;
bottom:10px;
text-align:center;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:24px;
	}
	
.aqui a{
text-decoration:none;
color:#FFE114;
font-family:Arial, Helvetica, sans-serif;
font-size:28px;
	}
	
.aqui a:hover{
color:#74B61C;
font-family:Arial, Helvetica, sans-serif;
font-size:28px;
	}

.mini-home a{
display:block;
float:left;
height:60px;
width:60px;
margin:15px 25px 0 5px;
background-image:url(../img/boton-home.png);
	}
	
	
.mini-home a:hover{
background-image:url(../img/boton-home2.png);
	}
	
	
	
.mini-amarillo{
display:block;
float:left;
height:60px;
width:60px;
margin:15px 5px 0 5px;
	}
.mini-amarillo a{
display:block;
float:left;
height:60px;
width:60px;
background-image:url(../img/captura01.png);
	}
	
.mini-amarillo a:hover{
background-image:url(../img/captura02.png);

	}

.mini-verde{
display:block;
float:left;
height:60px;
width:60px;
margin:15px 5px 0 5px;
	}

.mini-verde a{
display:block;
float:left;
height:60px;
width:60px;
display:block;
float:left;
background-image:url(../img/convierte01.png);
	}
	
.mini-verde a:hover{
background-image:url(../img/convierte02.png);

	}
	


.mini-rojo {
display:block;
float:left;
height:60px;
width:60px;
margin:15px 5px 0 5px;
	}
	
		
.mini-rojo a{
display:block;
float:left;
height:60px;
width:60px;
background-image:url(../img/retiene01.png);
	}
	
.mini-rojo a:hover{
background-image:url(../img/retiene02.png);

	}
		
.mini-correo a{
display:block;
float:right;
height:40px;
width:40px;
margin:25px 30px 0 5px;
background-image:url(../img/mini-correo01.png);
	}
	
#activo{
float:right;
height:40px;
width:40px;
margin:30px 30px 0 5px;
	}
	
.mini-correo a:hover{
background-image:url(../img/mini-correo02.png);
	}	
	
	
	
.items img {
	margin:0;
}

/* make A tags our floating scrollable items */
.items a {
	text-indent:-9999px;
	display:block;
	float:left;
	margin-top: 10px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 15px;
	width:150px;
	height: 100px;
} 


/* tooltip styling */
#tooltip {
	background:url(../img/black_arrow.png);
	font-size:11px;
	line-height:14px;
	height:100px;
	width:200px;
	padding:23px;
	color:#fff;
	position: absolute; 
	top: 30px; 
	left: 490px; 
	display: none;
}


/* scrollable should not disable gallery navigation */
#gallery .disabled {
	visibility:visible !important;
}

#gallery .inactive {
	visibility:hidden !important;
}


#formulario{
float:left;
margin:0;

}

.cajaformulario{ 
   width:330px;
   height:17px;
  font: 13px Arial, Helvetica, sans-serif;
  min-height:15px;
            color: #6F6F6F;
            margin-top: 5px ;
			padding:4px 4px ;
			border:solid #D0ECFF 1px;
			float:left;
			background-image:url(../img/bg_form.gif);
			background-repeat:repeat-x;
             }  
			 
.cajaformulario-globo { 
width:218px; height:12px; font: 0.7em Arial, Helvetica, sans-serif;  min-height:12px; color: #6F6F6F; padding:3px 3px ; border:solid #D0ECFF 1px; margin-top:10px;	float:left;			background-image:url(../img/bg_form.gif); background-repeat:repeat-x;
             }
			 
			 	 
.botonformulario-globo{ 
   width:70px;
  font: 12px Arial, Helvetica, sans-serif;
  min-height:20px;
            color: #ffffff;
			padding:2px;
            background-color: #7FC800;
			border:solid #B9FF3E 1px;
			float:left;
			margin-top:10px;
			margin-right:20px;
			cursor:pointer;

             }   
.botonformulario-globo input:focus, textarea:focus{
background-color: green;
border:solid blue 1px;
}		 
			 
 
			 			 .cajaformulario2{ 
   width:338px;
   height:25px;
  font: 13px Arial, Helvetica, sans-serif;
  min-height:15px;
            color: #6F6F6F;
            margin-top: 5px ;
			padding:4px 4px ;
			border:solid #D0ECFF 1px;
			float:left;
			background-image:url(../img/bg_form.gif);
			background-repeat:repeat-x;
             }  
			 
			 
			 .textoform{ 
  font: 0.7em Arial, Helvetica, sans-serif;
            color: #ffffff;
			text-align:left;
			top:25px;
			line-height:1px;

             }  

.botonformulario{ 
   width:70px;
  font: 12px Arial, Helvetica, sans-serif;
  min-height:20px;
            color: #ffffff;
			padding:2px;
            background-color: #7FC800;
			border:solid #B9FF3E 1px;
			float:right;
			margin-right:5px;
			*margin-right:8px;
			cursor:pointer;

             }  
			 
			 
input:focus, textarea:focus{
background-image:url(../img/bg_form.gif);
background-repeat:repeat-x;
background-color: #F4FBFF;
border:solid red 1px;

			          }  
.campos_formulario	 {
float:left;
font: 8px Arial, Helvetica, sans-serif;
color:#8C8C8C;
font-size:12px;
text-align:left;


     }  
	 
.campo_comentario	 {
float:left;
font: 8px Arial, Helvetica, sans-serif;
color:#8C8C8C;
font-size:13px;
text-align:left;
padding-bottom:65px;
*padding-bottom:50px;


     }  
.botonformulario input:focus, {
background-color: green;
border:solid blue 1px;
}

#libro {
	width:220px;
	height:220px;
	position:relative;
	left:200px;
	top:50px;
	background-color:#093;
	visibility: visible;
	
	}
	
#gracias{
display:block;
width:200px;
height:50px;
font: 12px Arial, Helvetica, sans-serif;
color: #ffffff;
font-weight:bold;
text-align:center;
border:dashed #7FC800 1px;
margin-left:280px;
margin-top:80px;
padding:10px;
    }
	
.botonaceptar{
   width:70px;
  font: 12px Arial, Helvetica, sans-serif;
            color: #26A300;
			padding:5px 10px 5px 10px;
            background-color: #7FC800;
			border:solid #B9FF3E 1px;
			cursor:pointer;

             } 
			 
			 
			 .botonaceptar a{
				 color:	 #ffffff;
				 text-decoration:none;

             } 

#iframe{
width:600px;
margin:0 auto;
padding:30px;
background-image:url(../img/bg-iframe.gif);
background-position:top left;
background-repeat:no-repeat;
background-color:#fff;
 } 
 
 
#iframe p{
line-height:18px;
color:#777777;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.8em;
 }
 
#iframe li{
font-style:italic;
line-height:18px;
color:#777777;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.8em;
margin-left:15px;
 }
 
#iframe h1{
color:#666666;
font-size:28px;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin-bottom:30px;
margin-top:20px;
 }
 
.numeros{
color:#FF6600;
font-weight:bold;
  }

   
#iframe img{
border:none;
 } 
   
   
.quienes a{
display:block;
position:relative;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
top:100px;
left:350px;
text-decoration:none;
color:#666666;
 } 
 
 .quienes a{
display:block;
height:50px;
width:150px;
position:relative;
font-family:Georgia;
font-style:italic;
font-weight:bold;
font-size:13px;
top:1px;
left:300px;
text-decoration:none;
color:#666666;
background-image:url(../img/quienes.png);
 } 
 
.quienes a:hover{

color:red;
 } 
 