@charset "UTF-8";

#wrapper_landing_sec_uno{
	width:100%;
	height:auto;
	background-image:url(../imagenes/bg_comic.png);
}
#seccion_landing_header{
	max-width:1400px;
	height:auto;
	margin-top:140px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:0px;
	box-sizing: border-box;
	overflow:hidden;
}
#seccion_landing_uno{
	max-width:1400px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:40px;
	box-sizing: border-box;
	overflow:hidden;
}
#seccion_landing_banner{
	max-width:1400px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:40px;
	box-sizing: border-box;
	overflow:hidden;
}
#seccion_landing_banner_mob{ display: none;
	max-width:420px;
	height:610px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:40px;
	box-sizing: border-box;
	overflow:hidden;
	text-align: center;
}
#seccion_landing_uno_azul{
	max-width:1400px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	padding-top:0px;
	padding-bottom:0px;
	box-sizing: border-box;
	overflow:hidden;
	background-color:rgba(36,43,53,1);
}
#seccion_landing_bg_azul{
	max-width:1400px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	padding-top:0px;
	padding-bottom:0px;
	box-sizing: border-box;
	overflow:hidden;
	background-color:rgba(255,255,255,1);
	background-image: url(../proyectos/proyectos/landing_logos/bg_azul.png);
	background-position: top;
	background-repeat: repeat-x;
}
#seccion_landing_uno_celeste{
	max-width:1400px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	padding-top:0px;
	padding-bottom:0px;
	box-sizing: border-box;
	overflow:hidden;
	background-color:#00B5D0;
}
#wrapper_landing_sec_dos{
	width:100%;
	height:auto;
	background-color:#FFF;
	overflow:hidden;
}
#seccion_landing_dos{
	width:100%;
	max-width:1400px;
	height:190px;
	margin-top:40px;
	margin-left:auto;
	margin-right:auto;
	padding-top:20px;
	padding-bottom:20px;
	margin-bottom:40px;
	vertical-align:top;
	box-sizing: border-box;
	background-color:#FFF;
}
#seccion_tres{
	width:960px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:40px;
}
/*+++++++++++++++++++++++++++++++++++++++++++++++++++ */


.art_cont_landing{
	max-width:1100px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.land_banner{
	width:100%;
	max-width: 1100px;
	height:auto;
	box-sizing: border-box;
	margin-bottom:40px;
	text-align:center;
	margin-left: auto;
	margin-right: auto;

	padding:2px;
	border-color:#CCC;
	border-width: 1px;
	border-style: solid;
}
#cabecera_landing{
	max-width:1200px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	margin-top:130px;
	margin-bottom:0px;
	text-align:center;
	padding:0px;
	padding-bottom:0px;
	background-color:#FFF;
	z-index:10;
	position:relative;
}
/*+++++++++++++++++++++++++++++++++++++++++++++++++++ */
.land_una_col{
	width:100%;
	height:auto;
	box-sizing: border-box;
	margin:0px;
	margin-top:10px;
	margin-bottom:10px;
	text-align:center;
	padding:20px;
}
.land_dos_col{
	width:50%;
	min-height:100px;
	display:inline-block;
	box-sizing: border-box;
	margin:-2px;
	margin-top:20px;
	margin-bottom:10px;
	text-align:center;
	vertical-align:top;
	padding:20px;
	padding-top: 0px;
	
}
.land_tres_col{
	width:33.3%;
	min-height:100px;
	display:inline-block;
	box-sizing: border-box;
	margin:-2px;
	margin-top:10px;
	margin-bottom:10px;
	text-align:center;
	vertical-align:top;
	padding:10px;
}
.land_cuatro_col{
	width:25%;
	min-height:100px;
	display:inline-block;
	box-sizing: border-box;
	margin:-2px;
	margin-top:10px;
	margin-bottom:10px;
	text-align:center;
	vertical-align:top;
	padding:10px;
}

.land_cuatro_col_planes{
	width:25%;
	min-height:100px;
	display:inline-block;
	box-sizing: border-box;
	margin:-2px;
	margin-top:10px;
	margin-bottom:10px;
	padding: 20px;
	text-align:center;
	vertical-align:top;
}
#plan_cabecera{
	width:100%;
	height:90px;
	padding-top: 10px;
	padding-left: 12px;
	padding-right:12px;
	background-color: #FF3268;
	box-sizing: border-box;

	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	-webkit-border-top-left-radius: 12px;
		-moz-border-top-right-radius: 12px;
}
#plan_contenido{
	width:100%;
	min-height:170px;
	background-color: #FFF;
	padding: 10px;
	box-sizing: border-box;

	border-left-style: solid; border-left-width: 1px; border-left-color: #CCC;
	border-right-style: solid; border-right-width: 1px; border-right-color: #CCC;
}
#plan_precio{
	width:100%;
	height:55px;
	padding: 10px;
	background-color: #FF3268;
	box-sizing: border-box;
}

.precio_plan{
	margin-left:auto;
	margin-right:auto;
	font-family: 'Ubuntu', sans-serif;
	color:#FF3268;
	font-size:1.2em;
	line-height:1.2em;
	font-weight:400;
	width:80%;
	max-width:96%;
	padding-top:6px;
	padding-bottom:4px;
	padding-left: 8px;
	padding-right: 8px;
	background:#FFF;
	margin-top: 0px;
	text-align:center;
	border-radius: 6px;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
}

.precio_plan a{
	color:#FF3268;
	text-decoration: none;
}
.precio_plan a:hover{
	color:#FF3268;
	color:#000;
}

.land_seis_col{
	width:16.5%;
	min-height:100px;
	display:inline-block;
	box-sizing: border-box;
	margin:-2px;
	margin-top:10px;
	margin-bottom:10px;
	text-align:center;
	vertical-align:top;
	padding:10px;
}


/*+++++++++++++++++++++++++++++++++++++++++++++++++++ */

.art_form_landing{
	max-width:1400px;
	height:450px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../proyectos/proyectos/landing_logos/bg_form.jpg);
	background-position: top;
	background-repeat: repeat-x;
	padding-top: 20px;
	padding-bottom: 40px;
}

.land_dos_col_form{
	width:49%;
	min-height:100px;
	display:inline-block;
	box-sizing: border-box;
	margin:0px;
	
	margin-bottom:10px;
	text-align:center;
	vertical-align:top;
	padding-left:20px;
	padding-top: 0px;
}

#form_logo{
	width:800px;
	min-height:280px;
	padding-top: 10px;
	margin-top:0px;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
}


#name, #phone, #email, #asunto{
	width:90%;
	height:40px;
	display:block;
	padding-left:10px;
	border:0;
	border-bottom-width:1px;
	border-bottom-color:#000;
	border-bottom-style:solid;
	font-family: 'Ubuntu', sans-serif;
	font-size:20px;
	color:#6E8C9E;
	font-weight:lighter;
}
.land_una_col_bot{
	width:100%;
	height:auto;
	box-sizing: border-box;
	margin:0px;
	margin-top:30px;
	margin-bottom:10px;
	text-align:center;
	padding:20px;
}

.boton_form_logo{
	width:120px;
	font-family:benguiat, Helvetica, Arial, sans-serif;
	font-size:18px;
	color:#FFF;
	text-align:center;
	line-height:18px;
	background:#00B5D0;
	cursor:pointer;
	padding-top: 12px;
	padding:8px;
	border: 1px;
	border-style: solid;
	border-color: #00B5D0;
	
		border-radius: 6px;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		
		 -webkit-transition: background 0.3s linear 0s;/*Chrome, Safari*/
    -moz-transition: background 0.3s linear 0s;/*Firefox*/
    -o-transition: background 0.3s linear 0s;/*Opera*/
    transition: background 0.3s linear 0s;/*Standard*/
}
.boton_form_logo a{
	width:120px;
	font-family:benguiat, Helvetica, Arial, sans-serif;
	font-size:18px;
	color:#FFF;
	background:#00B5D0;
	text-align:center;
	line-height: 18px;
	cursor:pointer;
	padding-top: 12px;
	padding:8px;
	text-decoration:none;
}
.boton_form_logo:hover{
	width:120px;
	font-family:benguiat, Helvetica, Arial, sans-serif;
	font-size:18px;
	color:#FFF;
	text-align:center;
	line-height:18px;
	background:#0084ff;
	cursor:pointer;
	padding:8px;
	border: 1px;
	border-style: solid;
	border-color: #0084ff;
	border-radius: 6px;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
	text-decoration:none;
}
/*+++++++++++++++++++++++++++++++++++++++++++++++++++ */
.encabeza_landing{
	margin:0px;
	font-family: 'Raleway', sans-serif;
	color:#242B35;
	font-size:32px;
	line-height:32px;
	font-weight:700;
	text-align:center;
}
.encabeza_landing_blanco{
	margin:0px;
	font-family: 'Raleway', sans-serif;
	color:#FFF;
	font-size:32px;
	line-height:32px;
	font-weight:700;
	text-align:center;
}
.encabeza_landing_celeste{
	margin:0px;
	font-family: 'Raleway', sans-serif;
	color:#00B5D0;
	font-size:32px;
	line-height:32px;
	font-weight:700;
	text-align:center;
}
.subtitulo_landing{
	margin:0px;
	font-family: 'Ubuntu', sans-serif;
	color:#00B5D0;
	font-size:22px;
	line-height:28px;
	font-weight:300;
	text-align:center;
	margin-top:10px;
}
.subtitulo_landing_celeste{
	margin:0px;
	font-family: 'Ubuntu', sans-serif;
	color:#00B5D0;
	font-size:22px;
	line-height:24px;
	font-weight:300;
	text-align:center;
	margin-top:10px;
	margin-bottom: 10px;
}
.subtitulo_landing_azul{
	margin:0px;
	font-family: 'Ubuntu', sans-serif;
	color:#242B35;
	font-size:22px;
	line-height:24px;
	font-weight:400;
	text-align:center;
	margin-top:10px;
}
.subtitulo_landing_blanco{
	margin:0px;
	font-family: 'Ubuntu', sans-serif;
	color:#FFF;
	font-size:22px;
	line-height:30px;
	font-weight:300;
	text-align:center;
	margin-top:10px;
}
.tx_landing_principal{
	margin:0px;
	font-family: 'Ubuntu', sans-serif;
	color:#6E8C9E;
	font-size:18px;
	line-height:26px;
	font-weight:300;
	text-align:center;
	margin-top:0px;
	margin-bottom:10px;
	margin-right: auto;
	margin-left: auto;
}
.tx_landing_princ_blanco{
	margin:0px;
	font-family: 'Ubuntu', sans-serif;
	color:#FFF;
	font-size:20px;
	line-height:26px;
	font-weight:300;
	text-align:center;
	margin-top:0px;
	margin-bottom:10px;
	margin-right: auto;
	margin-left: auto;
}
.tx_landing_princ_blanco a{
	margin:0px;
	font-family: 'Ubuntu', sans-serif;
	color:#FFF;
	font-size:20px;
	line-height:26px;
	font-weight:300;
	text-align:center;
	margin-top:0px;
	margin-bottom:10px;
	margin-right: auto;
	margin-left: auto;
}
.tx_encabeza_plan{
	margin:0px;
	margin-bottom: 4px;
	font-family: 'Raleway', sans-serif;
	color:#FFF;
	font-size:26px;
	line-height:28px;
	font-weight:400;
	text-align:center;
}
.tx_subtitulo_plan{
	margin:0px;
	font-family: 'Ubuntu', sans-serif;
	color:#FFF;
	font-size:17px;
	line-height:22px;
	font-weight:300;
	text-align:center;
	margin-top:0px;
	margin-bottom:10px;
	margin-right: auto;
	margin-left: auto;
}
.tx_descrip_plan{
	margin:0px;
	font-family: 'Ubuntu', sans-serif;
	color:#6E8C9E;
	font-size:17px;
	line-height:27px;
	font-weight:300;
	text-align:center;
	margin-top:0px;
	margin-bottom:10px;
	margin-right: auto;
	margin-left: auto;
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
@media screen and (max-width: 1024px) {
#plan_contenido{ min-height:200px;

	border-left-style: solid; border-left-width: 1px; border-left-color: #CCC;
	border-right-style: solid; border-right-width: 1px; border-right-color: #CCC;
}
}

@media screen and (max-width: 960px) {

.art_form_landing{max-width:100%; height:610px; background-image: url();}
#form_logo{width:560px; margin-bottom: 40px;}
.land_dos_col_form{width:80%; text-align: center; margin:0px; padding:0px;}

.land_seis_col{width:25%;}
.land_cuatro_col{width:50%;}
.land_dos_col_form{width:100%;text-align: center;margin-bottom: 0px;}
.land_cuatro_col_planes{width:50%;padding-left: 40px; padding-right: 40px;}

}


@media screen and (max-width: 600px) {

#form_logo{width:90%; height:400px; margin-top:40px; margin-bottom: 60px;}
.art_form_landing{height:750px;}
#seccion_landing_banner{display: none;}
#seccion_landing_banner_mob{display: block;}
.land_seis_col{width:50%; min-height:100px; margin-top:0px; margin-bottom:0px; padding:0px;}
.land_cuatro_col_planes{width:50%;}
.land_tres_col{width:50%;}
.tx_landing_principal{font-size:19px;}
.land_cuatro_col_planes{width:70%;padding-left: 5px; padding-right: 5px;}

}


@media screen and (max-width: 360px) {
.land_cuatro_col_planes{width:80%;}
#plan_cabecera{min-height:90px; height:auto;}

}


}
