html, body {
	margin:0px;
	padding:0px;
	width:100%;
	height:100%;
	font:normal 14px Arial, Helvetica, sans-serif;
	background:#ececec;
}

img{
	vertical-align: top;
}

#divPreloader{
	background:#000;
	position:absolute;
	z-index:9999999;
	width:100px;
	height:100px;
	top:50%;
	left:50%;
	margin-left:-60px;
	margin-top:-60px;
	padding:10px;
	border-radius:11px;
}

.clear{
	clear:both;
}

#all{display:none;}

.all{
	position:relative;
	width:960px;
	left:50%;
	margin-left:-480px;
	top:0px;
	overflow:auto;
	background:#ececec;
	/*box-shadow:0px 0px 13px #444;*/
}

/*OPCIONES BENEFICIOS*/

.op{
	width:300px;
	height:110px;
	background-color:#000;
}

.imgl{
	width:130px;
	height:110px;
	float:left;
}

.cont{
	width:165px;
	float:right;
	color:#FFF;
	border:solid 0px #F00;
	margin-top:17px;
	margin-right:5px;
}

.cont h1{
	color:#006c26;
	display:inline-block;
	margin:0px;
	font:normal 17px "Oswald", Arial, Helvetica, sans-serif;
}

.cont p{
	margin:0px;
	font:normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
}



/*//OPCIONES BENEFICIOS*/


/*MENU IZQUIERDO*/

.ren{
	width:280px;
	height:200px;
	text-align:center;
}

.features{
	margin:10px;
}

.bg1{
	width:280px;
	height:80px;
	background:url(../demos/bg1.jpg);
	cursor:pointer;
}

.bg1:HOVER{
	background:#009c2c;
	color:#FFF;
	box-shadow:inset 0px 1px 11px rgba(0,0,0,0.8);
}

.bg2{
	width:280px;
	height:45px;
	background:url(../demos/bg2.jpg);
	cursor:pointer;
}

.bg2:HOVER{
	background:#009c2c;
	color:#FFF;
	box-shadow:inset 0px 1px 11px rgba(0,0,0,0.8);
}

.spacebg{
	height:10px;
}

.int1{
	width:125px;
	margin-top:30px;
	margin-left:13px;
	float:left;
	font:normal 18px 'Oswald', Arial, Helvetica, sans-serif;
}

.int2{
	width:125px;
	height:86px;
	float:right;
}

.int3{
	    width: 170px;
    margin-top: 12px;
    margin-left: 13px;
    float: left;
    font: normal 16px 'Oswald', Arial, Helvetica, sans-serif;
}

.int4{
    width: 90px;
    height: 45px;
    float: right;
}

/*//MENU IZQUIERDO*/



/*HUBS*/

.izq{
	margin:0px 30px 30px 0px;
	float:left;
}

.cent{
	margin:0px 30px 30px 0px;
	float:left;
}

.der{
	margin:0px 0px 30px 0px;
	float:right;
}

.dataCol{
	position:absolute;
	margin:20px 20px 10px 600px;
	width:300px;
	float:right;
	background:none;
}

.dataCol > div{
	margin-bottom:30px;
	min-height:250px;
}

.hub_dbl_hv{
	width:630px;
	height:530px;
	overflow:hidden;
}

.hub_dbl_v{
	width:300px;
	height:530px;
	overflow:hidden;
	font:Arial, Helvetica, sans-serif;
	color:#000;
	background:#333;
}

.hub_dbl_h{
	width:630px;
	height:250px;
	overflow:hidden;
}

.hub_unit{
	width:300px;
	height:250px;
	padding:0px;
	overflow:hidden;
}
.hub_unitDos{
	width:628px;
	height:250px;
	padding:0px;
	overflow:hidden;
	margin:0px 30px 30px 0px;
	float:left;
}

.hub_full{
	width:960px;
	height:280px;
	float:left;
	overflow:hidden;
}

.hub_tienda_v{
	width:300px;
	height:530px;
	overflow:hidden;
	font:Arial, Helvetica, sans-serif;
	color:;
	background:;
}

/*//HUBS*/


/*DETAIL*/
#shadow{
	display:none;
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.65);
	z-index:99999;
}

#detail{
	position:absolute;
	width:800px;
	height:640px;
	left:50%;
	margin-left:-400px;
	top:90px;
	overflow:hidden;
	border:solid 5px #FFF;
	border-radius:9px;
	-webkit-box-shadow:0px 3px 6px #000;
}

.close{
	position:absolute;
	width:32px;
	height:32px;
	left:50%;
	top:70px;
	margin-left:380px;
	cursor:pointer;
	z-index:99999;
}
/*//DETAIL*/


/*PROMOCIONES*/
/*HUB INTERIOR*/
.promoHub { overflow:hidden; font:normal 14px Arial, Helvetica, sans-serif; color:#fff; cursor:pointer;}
.promoHub .pH_caption{ position:relative; padding:10px; top:200px; margin:0px; background:url(../img/opaco.png); width:300px; height:60px; z-index:999; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out;}
.promoHub:HOVER .pH_caption{ top:170px;}
.promoHub h2{font:normal 21px "Oswald", sans-serif; margin-bottom:10px; margin-top:0px;  display:inline-block; color: #090;}
.promoHub .pH_foto{ position:relative; margin-top:-80px; top:0px; left:0px; z-index:0; }


.promoHubDos { overflow:hidden; font:normal 14px Arial, Helvetica, sans-serif; color:#fff; cursor:pointer; width:631px;}
.promoHubDos .pH_captionDos{ position:relative; padding:10px; top:200px; margin:0px; background:url(../img/opaco.png); width:631px; height:60px; z-index:999; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out;}
.promoHubDos:HOVER .pH_captionDos{ top:170px;}
.promoHubDos h2{font:normal 21px "Oswald", sans-serif; margin-bottom:10px; margin-top:0px;  display:inline-block; color: #090;}
.promoHubDos .pH_fotoDos{ position:relative; margin-top:-80px; top:0px; left:0px; z-index:0; width:631px; }

/*//HUB INTERIOR*/

/*BENEFICIOS*/

.beneficios{
	width:630px;
	height:809px;
}


.promo{
	width:300px;
	height:250px;
	padding:0px;
}



/*CONTACT*/
.contact{
	position:relative;
	width:260px;
	left:20px;
	border:solid 0px #F00;
	font:normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	margin-top:20px;
}

.conttit{
	font:bold 19px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:center;
	width:100%;
	padding:10px 0px;
	background:rgba(0,0,0,0.5);
}

input[type="text"], textarea{
	font:normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#444;
	display:inline;
	margin-bottom:15px;
	border:solid 1px #a0afb5;
	border-radius:5px;
	padding-left:5px;
	box-shadow: inset 0px 1px 2px #abbcc3;
}

input[type="password"]{
	font:normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#444;
	width:100px;
	display:block;
	margin-bottom:15px;
	border:solid 1px #a0afb5;
	border-radius:5px;
	padding-left:5px;
	box-shadow: inset 0px 1px 2px #abbcc3;
}

.w80{width:80px}
.w100{width:100px;}
.w150{width:150px;}
.w200{width:200px;}
.w250{width:250px;}
.w280{width:280px;}


.formaname{
	background:url(img/name.gif) left bottom no-repeat #e3f4ff;
	height:35px;
}

.formamail{
	background:url(img/mail.gif) left no-repeat #e3f4ff;
	height:35px;
}

.formaphone{
	background:url(img/phone.gif) left no-repeat #e3f4ff;
	height:35px;
}

.formacoment{
	background:url(img/coment.gif) left top no-repeat #e3f4ff;
	width:357px;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color:#b3cfe5;
	font:normal italic 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.boton_enviar{
	padding:5px; width:80px; border: solid 1px #ccc; margin:5px 5px 15px 10px; float:right; text-align:center; background:#444;
	-moz-border-radius: 3px; /* Firefox */
	-webkit-border-radius: 3px; /* Safari and Chrome */
	-khtml-border-radius: 3px; /* Linux browsers */
	border-radius: 3px; /* Opera 10.50, IE and CSS3 */
	
	-webkit-box-shadow: inset 0px 0px 2px 0px rgba(1, 1, 1, .8);
	box-shadow: inset 0px 0px 2px 0px rgba(1, 1, 1, .8);
	cursor:pointer;
}

.boton_enviar:Hover{ background:#06C; color:#FFF;}

/*//CONTACT*/


.tarifas td{
	border-bottom:solid 1px #777;
}

.tarifas span{
	font:normal 12px Arial, Helvetica, sans-serif;
}

/*BENEFICIOS*/

.titular{
	position:relative;
	width:960px;
	height:250px;
	padding:0px;
	margin:0px 0px 30px 0px;
	background:#ccc;
	color:#000;
}


.tit{
	float:left;
	margin:0px;
	padding:10px 15px;
	width:270px;
	font:normal 33px 'Oswald', sans-serif;
	color:#666;
	border:inset 0px #FF0000;
}

.tit630{
	float:left;
	margin:0px;
	padding:10px 15px;
	width:630px;
	font:normal 33px 'Oswald', sans-serif;
	color:#666;
	border:inset 0px #FF0000;
}

.intro{
	float:left;
	z-index:9999;
	margin:0px;
	padding:10px 15px;
	font:normal 13px Arial, Helvetica, sans-serif;
	width:280px;
	line-height:21px;
	border:inset 0px #FF0000;
	clear:left;
}

.vidtit{
	position:relative;
	margin:0px;
	padding:0px;
	width:630px;
	height:250px;
	overflow:hidden;
	float:right;
}

/*SERVICIOS*/

.btnServ{
	position:relative;
	width:110px;
	height:40px;
	line-height:40px;
	text-align:center;
	color:#fff;
	font-size:16px;
	font-family:'Oswald', Arial, Helvetica, sans-serif;
	background:#009c0f;
	cursor:pointer;
}

.btnServ:HOVER{
	background:#53de22;
	color:#000;
	box-shadow:inset 0px 1px 11px rgba(0,0,0,0.8);
}

.btntj{
	float:right;
	margin:10px 60px 16px 16px;
	position:relative;
	width:110px;
	height:40px;
	line-height:40px;
	text-align:center;
	color:#fff;
	font-size:16px;
	font-family:'Oswald', Arial, Helvetica, sans-serif;
	background:#079c00;
	cursor:pointer;
}

.btntj:HOVER{
	background:#53de22;
	color:#000;
	box-shadow:inset 0px 1px 11px rgba(0,0,0,0.8);
}

.btnder{
	float:right;
	margin:-50px 80px 16px 16px;

}


.duda{
	position:relative;
	top:-40px;
	float:right;
	right:20px;
	background:#06C;
	margin-bottom:-25px;
	width:25px;
	height:25px;
	color:#FFF;
	font:bold 18px Arial, Helvetica, sans-serif;
	border-radius:13px;
	text-align:center;
	line-height:25px;
	cursor:pointer;
}

.duda:HOVER{
	background:#900;
}

.cal{
	position:relative;
	top:-40px;
	float:right;
	right:160px;
	margin-bottom:-25px;
	width:25px;
	height:25px;
	color:#FFF;
	text-align:center;
	line-height:25px;
	cursor:pointer;
}

.dudaPop{
	position:absolute;
	width:760px;
	height:600px;
	padding:20px;
	left:50%;
	margin-left:-400px;
	top:90px;
	overflow:hidden;
	background:#FFF;
	border:solid 5px #FFF;
	border-radius:9px;
	-webkit-box-shadow:0px 3px 6px #000;
}

.dudaPop ul{
	padding-left:30px;
	width:730px;
}

.mano{
	cursor:pointer;
}


/*REVISTAS*/

/*MI CUENTA*/

.divCuenta{ margin-bottom:50px; width:630px; border:solid 0px #FF0000;}
.divCuenta hr{ border-top:dotted 1px #06C; width:420px; display:inline-block; margin:0px 5px 5px 5px;}
.divCuenta .titCu{ width:190px; margin:30px 0px; display:inline-block; text-align:left; font:normal 19px 'Oswald', arial, sans-serif; color:#1c6c00;}
.dataCu {width:630px;}
.dataCu td{ padding:4px; border:solid 0px #666;}
.dataCu .catCu{ font-weight:bold; text-align:right; width:220px;}

.masCu{ width:120px;}	
.btnMas{
	background:#006309;
	padding:3px;
	width:100px;
	border-radius:5px;
	font:normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	float:left;
	display:inline-block;
	text-align:center;
	cursor:pointer;
}
.btnMas:HOVER{
	background:#1e3300;
}

.facCu{ font-weight:bold;}
.icFac{ width:30px;}
.icDis{ vertical-align:middle;}

.dataCu tr:HOVER { background:#CCC;}

.btnCuenta{
	position:relative;
	width:180px;
	height:30px;
	line-height:30px;
	text-align:center;
	color:#fff;
	font-size:15px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background:#0b9c00;
	cursor:pointer;
	border-radius:5px;
}

.btnCuenta:HOVER{
	background:#73ff48;
	color:#000;
	box-shadow:inset 0px 1px 11px rgba(0,0,0,0.8);
}
@media only screen and (max-width: 960px){
#body{
  width:120%;
}
}


@media only screen and (max-width: 800px){
#body{
  width:150%;
}
}

@media only screen and (max-width: 640px){
#body{
  width:160%;
}
}

@media only screen and (max-width: 600px){
#body{
  width:200%;
}
}

@media only screen and (max-width: 480px){
#body{
  width:260%; 
}
}

@media only screen and (max-width: 370px){
#body{
  width:300%; 
}
}