/*@charset "UTF-8";*/
/* ------------------------------------------------------------------------------------ *
| RESET CSS FILE :: Ongest										    |
| css/reset.css																			|
| 																						|
| PROJECT :: www.ongest.com									|			
|                                                                                     
+ ------------------------------------------------------------------------------------- +
| Author :: Israel Perez																|
* ------------------------------------------------------------------------------------- */



/*--- @group COMUNES
=====================================================================================================*/
body{ font:62.5% Arial, Helvetica, sans-serif; margin:0px; color:#7d7d7d; background:url(../images/maquetacion/fondo.jpg) repeat-x; color:#313131;}
#wrapper{ position:relative; width:814px; height:700px; background:url(../images/maquetacion/base.jpg) no-repeat;margin-left:auto; margin-right:auto; margin-top:15px; padding-left:45px; padding-right:45px;}




/*--- @group ENCABECADOS Y PARRAFOS
=====================================================================================================*/
p{line-height:1.3em; font-size:1.3em;}
strong { font-weight:bold;}



/*--- @group LISTAS
=====================================================================================================*/




/*--- @group ENLACES
=====================================================================================================*/
a{ text-decoration:none; }



/*--- @group TIPOGRAFIAS Y COLORES
=====================================================================================================*/
.greenBold { font-weight:bold; color:#79ca42;}



/*--- @group ELEMENTOS DE FORMULARIO
=====================================================================================================*/

/*---  @group AUXILIARES
=====================================================================================================*/
.clearfix:after{content: ""; display: block; clear: both; height: 0; visibility: hidden;}
.clearfix {display: inline-block;}
.clearfix {display: block;}
.clear { clear:both;}
.left {float:left;}
.right {float:right;}

/*--- @group ESTRUCTURA
=====================================================================================================*/


		/*-- metaNav--*/	
		/*------------------------------------------------------------------------------------------------------------*/

		
		/*-- header--*/	
		#header { height:127px;}
		#header #cajaLogo{width:222px; height:80px; margin-top:47px;}
		#header h1 a{ display:none;}
		
		#menu{  margin-top:113px;}
		#menu .padr{ padding-right:0px;}
		#menu .bord { border-left:none;}
		#menu ul li{float:left; font-size:1.4em; display:block; color:#137992; padding:0px 15px 0px 15px; 
		margin-top:0px; border-left:1px solid #707070;}
		#menu ul li a{ color:#707070;}
		#menu ul li a:hover{ color:#7bcd43;}
		#menu ul li.active a { color:#7bcd43;}


		
		/*------------------------------------------------------------------------------------------------------------*/
		
		/*-- bann--*/
		#banner { height:320px; background:url(../images/maquetacion/banner.jpg) no-repeat; margin-top:25px;}
		#banner h1 {float:left; padding-top:200px; padding-left:30px; width:381px;color:#FFFFFF;  font-family:Arial, Helvetica, 		sans-serif; font-size: 2.3em; margin-top:15px;}
		
		#bannerDescr { height:279px; background:url(../images/maquetacion/bannerDescr.jpg) no-repeat; margin-top:25px;}
		#bannerDescr h1 { float:left; padding-top:200px; padding-left:30px; width:444px;color:#FFFFFF;  font-family:Arial, 	
		Helvetica, sans-serif; font-size: 2.0em; margin-top:15px;}
		
		#bannerContact{ height:279px; background:url(../images/maquetacion/bannerContact.jpg) no-repeat; margin-top:25px;}
		#bannerContact h1 { float:left; padding-top:200px; padding-left:30px; width:444px;color:#FFFFFF;  font-family:Arial, 	
		Helvetica, sans-serif; font-size: 2.0em; margin-top:15px;}
		
		#bannerBeneficios{ height:279px; background:url(../images/maquetacion/beneficios.jpg) no-repeat; margin-top:25px;}
		#bannerBeneficios h1 { float:left; padding-top:200px; padding-left:30px; width:444px;color:#FFFFFF;  font-family:Arial,
		Helvetica, sans-serif; font-size: 2.0em; margin-top:15px;}
		
		/*------------------------------------------------------------------------------------------------------------*/
		
		/*-- navegacion--*/	
		/*------------------------------------------------------------------------------------------------------------*/
		
		/*-- breadcrumb--*/	 
		/*------------------------------------------------------------------------------------------------------------*/
		
		/*-- content--*/
		#content {  margin-top:20px; }
		#content .box { float:left; width:252px; height:200px; background:url(../images/maquetacion/fondoBox.jpg) repeat-x; 
		 margin-right:29px;}
		#content .boxNoCenter {margin-right:28px; background:url(../images/maquetacion/boxCentral.jpg);}
		#content .boxNoMargin { margin-right:0px;}
		
		
		#content .box h1 { color:#FFFFFF; font-size:1.7em; height:26px;  padding: 7px 0px 24px 20px;}
		#content .box ul { width:218px; /*background-color:#00FFFF;*/ margin-left:20px;font-size:1.3em; }
		#content .box ul li { margin-bottom:18px; background:url(../images/maquetacion/list.jpg) no-repeat scroll 0 4px; 
		 padding-left:14px;}
		
		.cnt{ width:215px; margin-left:20px; margin-top:15px; margin-bottom:20px;}
		.cnt2{ width:215px; margin-left:20px; margin-top:15px; margin-bottom:20px;} 
		.cnt .txtFormulario { font-size:1.0em; color:#707070;}
		.textbox{ width:120px; font-size:12px; padding:3px 1px 3px 1px; border-bottom:1px solid #c0c6bd; 
		border-left:1px solid #c0c6bd; border-right:1px solid #c0c6bd; border-top: 1px solid #8c908a;}
		.cnt .buttom {width:43px; height:23px; font-size:1.1em; color: #FFFFFF; border: 1px solid #81af67; 
		background: url(../images/maquetacion/botttom.jpg) repeat-x #79ca42; cursor:pointer;}
		.cnt .buttom2 { display:block; margin-top:10px; }
		.cnt2 .buttom {width:43px; height:23px; font-size:1.1em; color: #FFFFFF; border: 1px solid #81af67; 
		background: url(../images/maquetacion/botttom.jpg) repeat-x #79ca42; cursor:pointer;}
		.cnt2 .buttom2 { display:block; margin-top:10px; }
		.cnt2 .f_politica { display:inline; margin-top:10px; float:left; border:none; width:12px; }
		.cnt .check {width:15px; height:15px; font-size:1.1em; color: #FFFFFF;
		background: url(../images/maquetacion/botttom.jpg) repeat-x #79ca42; cursor:pointer; }
		
		.textbox2{ width:215px; font-size:12px; padding:3px 1px 3px 1px; border-bottom:1px solid #c0c6bd; 
		border-left:1px solid #c0c6bd; border-right:1px solid #c0c6bd; border-top: 1px solid #8c908a; margin-top:4px; 		
		background: #fafafa;}
		.cnt2 span{ margin-top:10px; display:block;}
		.cnt2 .acepto{ margin-top:12px; display:block; margin-left:20px;}
		
		.cnt .prueba { display:block; margin-bottom:5px; }
		 
		.box p { margin-left: 10px; width:145px; margin-left:20px;}
		#content .btnTour { width:105px; height:32px; background: url(../images/maquetacion/btnTour.jpg) no-repeat; 
		margin-left:18px; margin-top:16px;}
		#content .btnTour:hover { background: url(../images/maquetacion/btnTourHover.jpg) no-repeat; cursor:pointer;}
		#content .btnTour a { line-height:2.9em; font-weight:bold; font-size:1.1em; color:#FFFFFF; 
		text-align:center; display:block;}
		#content .box .parrLarge { margin-left: 10px; width:215px; margin-left:20px;}
		
		#contentDescr { background:url(../images/maquetacion/fondoContent2.jpg) repeat-x; margin-top:0px; padding-top:53px; 
		padding-left:25px; padding-right:25px; }
		#contentDescr .columnLeft { width:253px;float:left;}
		#contentDescr .boxcolumnLeft { border:2px solid #dcdedd; background:#f3f5f2; background: 
		url(../images/maquetacion/imgDescripcion.jpg) no-repeat; height:201px; margin-bottom:37px;}
		#contentDescr .boxcolumnLeft2 { border:2px solid #dcdedd; background:#f3f5f2; background: 
		url(../images/maquetacion/imgBeneficios.jpg) no-repeat; height:202px; margin-bottom:37px;}
		#contentDescr .columnLeft .regcolumnLeft { height:400px; background: url(../images/maquetacion/fondoRegRight.png) 
		repeat-x; height:371px;}
		#contentDescr .columnLeft .regcolumnLeft h1 {  color:#FFFFFF; font-size:1.4em; height:26px;  padding: 9px 0px 24px 20px
		;}
		#contentDescr .columnLeft .regcolumnLeft p { margin-left: 10px; width:194px; margin-left:20px; margin-bottom:18px;}
		#contentDescr .columnLeft .regcolumnLeft p a { font-size:0.9em; padding-left:18px; color:#707070; background:
		url(../images/maquetacion/mas.jpg) no-repeat scroll 0 1px; text-decoration:
		underline;}
		#contentDescr .columnLeft .regcolumnLeft p a:hover { background:url(../images/maquetacion/mas_hover.jpg) no-repeat 
		scroll 0 1px; color:#2d79c7; text-decoration:none; }	
		#contentDescr .columRight { width:482px;  float:right;}
		#contentDescr .columRight h1 { color:#2d79c7;font-family: Verdana, Arial, Helvetica, 
		sans-serif; font-size:2.4em; 
		margin-bottom:18px;}
		#contentDescr .columRight p { font-size:1.5em; margin-bottom:10px;}
		#contentDescr .columRight br { margin:10px;}
		#contentDescr .columRight h2 { font-size:1.5em; margin-top:35px; margin-bottom:20px;}
		#contentDescr .columRight h2 span { font-size: 1.3em; color:#2d79c7; font-family: Verdana, Arial, Helvetica, 
		sans-serif;}
		#contentDescr .columRight ul { font-size:1.3em; font-size:1.3em;}
		#contentDescr .columRight ul li {background:url(../images/maquetacion/list.jpg) no-repeat scroll 0 4px; margin-bottom:
		14px; padding-left:15px;}
		
		#contentDescr .columRight form {/*background:#00FFFF;*/ padding-top:15px; width:450px;}
		#contentDescr .columRight form p { font-size:1.1em;}
		#contentDescr .columRight form p span { display:block; margin-bottom:3px;}
		#contentDescr .columRight form p .spanInline { display: block; padding-top:5px;}
		#contentDescr .columRight form p .textbox3 { width:210px; font-size:12px; padding:4px 1px 3px 1px; border-bottom:1px solid #c0c6bd; border-left:1px solid #c0c6bd; border-right:1px solid 
		#c0c6bd; border-top: 1px solid #8c908a;}
		#contentDescr .columRight form p .f_politica { border:none; width:12px; margin-top:15px;}
		legend {display:none;}
		.textarea {width:448px; height:194px;  border-bottom:1px solid #c0c6bd; border-left:1px 		solid #c0c6bd; border-right:1px solid 
		#c0c6bd; border-top: 1px solid #8c908a; }
		#contentDescr .columRight form p span .green { color:#7bcd43; display:inline; font-family:Verdana, Arial, Helvetica, 
		sans-serif;}
		.buttom3 { width:58px; height:22px; font-size:0.9em; font-family:Verdana, Arial, 
		Helvetica, sans-serif; margin-top:5px; background:
		url(../images/maquetacion/boton.jpg) repeat-x; color:#FFFFFF; border:1px solid #356598; cursor:pointer; }
		
		
		
		
		
		
		

		
		
		
		
		/*------------------------------------------------------------------------------------------------------------*/
		
		/*-- footer--*/
		#footer { height:83px; background:url(../images/maquetacion/fondoFooter.jpg) repeat-x; margin-top:60px;}
		#footer p { text-align:center; padding-top:26px; font-size:1.1em;}
	
		/*------------------------------------------------------------------------------------------------------------*/

		