@charset "UTF-8";
@import url("normalize.css");
@import url("fuentes.css");
*{
margin: 0;
padding: 0;
outline: none;
list-style: none;
text-decoration: none;
}
*{
font-family: 'Open Sans', sans-serif;
}
/*Estilos generales del cuerpo*/
.fondo_img_color{
background-size: 100%;
}
body{
color: #444; /*Color de la fuente en genereral para todo el sito*/
margin: 0 auto;
width: 100%;
font-weight:300;
background: #fff;/*Color del fondo de la pagina Web*/
font-family: 'Open Sans', sans-serif;
}
/* Estilos Placeholder */
::-webkit-input-placeholder { color: #fff; font-size: 14px; }
::-moz-placeholder { color: #fff; font-size: 14px; } /* firefox 19+ */
:-ms-input-placeholder { color: #fff; font-size: 14px; } /* ie */
input:-moz-placeholder { color: #fff; font-size: 14px; }
input:-ms-placeholder { color: #fff; font-size: 14px; }
::-webkit-textarea-placeholder { color: #fff; font-size: 14px; }
::-moz-placeholder { color: #fff; font-size: 14px; } /* firefox 19+ */
:-ms-textarea-placeholder { color: #fff; font-size: 14px; } /* ie */
textarea:-moz-placeholder { color: #fff; font-size: 14px; }
textarea:-ms-placeholder { color: #fff; font-size: 14px; }
::-webkit-select-placeholder { color: #fff; font-size: 14px; }
::-moz-placeholder { color: #fff; font-size: 14px; } /* firefox 19+ */
:-ms-select-placeholder { color: #fff; font-size: 14px; } /* ie */
select:-moz-placeholder { color: #fff; font-size: 14px; }
select:-ms-placeholder { color: #fff; font-size: 14px; }
/* Estilos Placeholder */
/*Se definen los estilos para los titulos*/
h1, h2, h3, h4,h5{
margin: 0;
padding: 0;
}
h1{
text-align: left;
color: #000;
font-weight:600;
font-size: 1.8em;
margin: 0 0 10px 0;
}
h2{
font-size: 1.3em;
color: #000;
font-weight:400;
text-align: left;
margin: 0 0 10px 0;
}
h3{
/*se le definen estilos unicos para cada h3*/
text-align: left;
font-size: 1.1em;
color: #999;
margin: 0 0 5px 0;
}
h4{
/*se le definen estilos unicos para cada h4*/
font-weight: 300;
}
h5{
/*se le definen estilos unicos para cada h5*/
font-weight: 300;
}
p{
/*Estilos para los parrafos, se definen propiedades globales*/
margin: 0;
font-weight:300;
font-size: 1em;
line-height: 1.4em;
text-align: justify;
color: #111;
}
form{
position: relative;
}
span{
margin: 0;
font-size: 1em;
line-height: 1.4em;
text-align: justify;
color: 000;
}
/* Se definen los estilos generales para los campos de los formularios*/
input[type="text"], input[type="password"], input[type="email"], textarea, select{
background: #fff;
margin: 0;
padding:8px;
width: 100%;
/* Estilos de fuentes en campos de texto */
color: #444;
font-size:1em;
text-align: left;
/* Estilos de fuentes en campos de texto */
border: 1px solid #ddd;/*Color de bordes*/
box-sizing:border-box;
-o-box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
border-radius: 3px;
}
/* se define el estilo para los campos cuando se pasa sobre estos*/
input[type="text"]:hover,
input[type="password"]:hover,
input[type="email"]:hover,
input[type="radio"]:hover,
input[type="checkbox"]:hover,
textarea:hover {
border: 1px solid #ccc;
}
/* se define el estilo para los campos cuando se esta activo el campo*/
input[type="text"]:focus,
input[type="file"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus
textarea:focus, {
outline: 0;
background: #fff;
border: 1px solid #ccc;
}
select:focus{
outline: 0;
}
/* Fin se definen los estilos generales para los campos de los formularios */
/* --------------------------------------- CONTENEDOR HEADER --------------------------------------- */
/*ESTILOS header o cabezote del sitio*/
header{
text-align: left;
position: relative;
margin: 0 auto;
width: 98%;
max-width: 1270px;
box-sizing:border-box;
-o-box-sizing: border-box; /* Opera */
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
}
header .cont_header_interior{
width: 96%;
margin: 0 auto;
padding: 0;
}
/* logo encabezado*/
header .logo_encabezado{
display: inline-block;
vertical-align: middle;
position: relative;
width: 13.15%;
margin: 1% 0 0.5% 0.3%;
}
/* Buscador encabezado */
header .centro_header{
display: inline-block;
*display: inline-block;
vertical-align: middle;
width: 86%;
text-align: right;
}
header .buscador{
display: inline-block;
margin: .5% 0;
position: relative;
vertical-align: middle;
width: 35%;
}
header  .buscador input[type="text"]{
display: inline-block;
width: 100%;
position: relative;
}
header .buscador input[type="submit"]{
vertical-align: middle;
background: url(../images/buscar.png)#777 no-repeat 50%;
border:0;
margin: 0;
padding: 0;
position: absolute;
max-width: 100%;
height: 100%;
width: 38px;
top: 0px;
right: 0px;
}
/*fin buscador encabezado*/
/*redes sociales encabezado*/
header .redes{
width: 10%;
margin: 1% 1% 1% 0;
display: inline-block;
text-align: right;
vertical-align: middle;
}
header .redes ul{
list-style: none;
margin: 0;
padding: 0;
margin-top: 5px;
}
header .redes li{
display: inline-block;
margin: 0 4% 0 0;
max-width: 14%;
}
header .redes img {
}
header .redes li  a img:hover {
}
/*fin redes sociales encabezado*/
/*MENU HEADER*/
.menu_header{
width: 27%;
margin: 0;
display: inline-block;
vertical-align: middle;
color: #FFF;
font-size: 0.72em;
padding: 0.3% 1% 0.7% 0%;
border-left: 1px solid #FFF;
letter-spacing: 1px;
font-weight: 600;
margin-top: 4px;
}
.menu_header ul{
width: 100%;
margin:1% 0;
padding: 0;
}
.menu_header ul li{
list-style: none;
display: inline-block;
}
.menu_header ul li a{
display: block;
padding:4px 14px;
color: #fff;
text-transform: uppercase;
border-right: 1px solid #E9E5E5;
box-sizing:border-box;
-o-box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.menu_header ul li:last-child a{
border-right: none;
}
/*MENU HEADER*/
/* ---------------------------------------fin Contenedor header --------------------------------------- */
/* ----------------------------------------- Menú superior ----------------------------------------- */
.menu_superior {
background: #0AB2BC;
padding: 0;
width: 100%;
z-index: 1000;
display: none;
}
.menu_superior .menu{
list-style:none;
text-align:center;
margin:0 auto;
padding:0;
width:98%;
max-width: 1270px;
}
.menu_superior .menu li{
display: inline-block;
margin: 0 0 0 -4px;
}
.menu_superior .menu a /*estilos fuente del menu superior*/{
color:#FFF;
display: block;
padding:15px 14px;
text-transform: uppercase;
border-right: 1px solid #0BCBD7;
}
.menu_superior .menu li:last-child a{
border: 0;
}
.menu_superior .menu li:hover /*hover fuente del menu superior*/
{
color:#0AB2BC;
background: #126e73;
}
/*estilo menu despegable*/
.menu_superior .menu ul li a{
color: #000;
padding: 2px 10px;
border-bottom:1px solid #ddd;
}
.menu_superior .menu ul li a, li.menuhover li a, li.menuhover li.menuhover li a {
display:block;
height:auto;
text-transform: uppercase;
line-height: 26px;
}
.menu_superior .menu ul li a:hover, li.menuhover li a:hover, li.menuhover li.menuhover li a:hover {
color:#fff;
display: block;
}
.menu_superior .menu ul li	{
display: block;
min-width: 210px;
margin-left: 0;
border-right:none;
padding: 0;
position: relative;
}
.menu_superior .menu span {
float:left;
color:#eee;
text-decoration:none;
}
.menu_superior .menu ul{
background:#FFF;
display:none;
position:absolute;
list-style:none;
margin: 0;
padding: 0;
text-align: left;
height: auto;
}
.menu_superior .menu ul li span{
padding: 5px 15px;
float: none;
}
.menu_superior .menu ul li span, li.menuhover li span, li.menuhover li.menuhover li span {
display:block;
background:none;
height:22px;
padding-top:5px
}
.menu_superior .menu ul ul {
left:209px;
top:0
}
.menu_superior .menu li.noborder {
border-top:none
}
/*Fin estilo menu despegable*/

/*! http://responsiveslides.com v1.54 by @viljamis */
.rslides {
position: relative;
list-style: none;
overflow: hidden;
width: 100%;
padding: 0;
margin: 0;
}
.rslides li {
-webkit-backface-visibility: hidden;
position: absolute;
display: none;
width: 100%;
left: 0;
top: 0;
}
.rslides li:first-child {
position: relative;
display: block;
float: left;
width: 100%!important;
}
.rslides img {
display: block;
height: auto;
float: left;
width: 100%;
border: 0;
}
/*! http://responsiveslides.com v1.54 by @viljamis */
.rslides {
margin:0!important;
}
#slider2,
#slider3 {
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
margin: 0 auto;
}
.rslides_tabs {
list-style: none;
padding: 0;
background: rgba(0,0,0,.25);
box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
-moz-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
-webkit-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
font-size: 18px;
list-style: none;
margin: 0 auto 50px;
max-width: 540px;
padding: 10px 0;
text-align: center;
width: 100%;
}
.rslides_tabs li {
display: inline;
float: none;
margin-right: 1px;
}
.rslides_tabs a {
width: auto;
line-height: 20px;
padding: 9px 20px;
height: auto;
text-decoration: none;
color: #000;
background: transparent;
display: inline;
}
.rslides_tabs li:first-child {
margin-left: 0;
}
.rslides_tabs .rslides_here a {
background: rgba(255,255,255,.1);
color: #fff;
font-weight: bold;
}
#download {
background: #333;
background: rgba(255,255,255,.1);
border: 1px solid rgba(255,255,255,.1);
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
display: block;
font-size: 20px;
font-weight: bold;
margin: 60px auto;
max-width: 500px;
padding: 20px;
}
#download:hover {
background: rgba(255,255,255,.15);
}
.footer {
font-size: 11px;
}
/* Callback example */
.events {
list-style: none;
}
.callbacks_container {
margin: 0;
position: relative;
width: 100%;
}
.callbacks {
position: relative;
list-style: none;
overflow: hidden;
width: 100%;
padding: 0;
margin: 0;
}
.callbacks li {
position: absolute;
width: 100%;
left: 0;
top: 0;
}
.callbacks img {
display: block;
position: relative;
z-index: 1;
height: auto;
border: 0;
}
.callbacks .caption {
display: block;
position: absolute;
z-index: 2;
font-size: 20px;
text-shadow: none;
color: #fff;
background: #000;
background: rgba(0,0,0, .8);
left: 0;
right: 0;
bottom: 0;
padding: 10px 20px;
margin: 0;
max-width: none;
}
.callbacks_nav {
position: absolute;
-webkit-tap-highlight-color: rgba(0,0,0,0);
top: 52%;
left: 0;
opacity: 0.7;
z-index: 3;
text-indent: -9999px;
overflow: hidden;
text-decoration: none;
height: 61px;
width: 38px;
background: transparent url(../images/themes.gif) no-repeat left top;
margin-top: -45px;
}
.callbacks_nav:active {
opacity: 1.0;
}
.callbacks_nav.next {
left: auto;
background-position: right top;
right: 0;
}
#slider3-pager a {
display: inline-block;
}
#slider3-pager img {
float: left;
}
#slider3-pager .rslides_here a {
background: transparent;
box-shadow: 0 0 0 2px #666;
}
#slider3-pager a {
padding: 0;
}
/*CONTENEDOR DE INFO DE SLIDER*/
.video_banner{
display: none;
}
.home_cycling .video_banner{
position: absolute;
width: 46%;
z-index: 9;
left: 5%;
bottom: 13%;
height: 63%;
display: block;
}

.cont_info_slider{
width: 42.8%;
position: absolute;
bottom: 9%;
right: 1%;
z-index: 10;
padding: 1%;
text-align: left;
}
.cont_info_slider h1{
color: #FFF;
font-size: 1.8em;
margin-bottom: 3.5%;
padding: 0;
text-align: left;
font-weight: 800;
}
.cont_info_slider h1 span{
color: #ed1b24;
font-size: 2.5em;
line-height: 0.9em;
}
.cont_info_slider h2{
color: #0AB2BC;
font-size: 1.4em;
margin-bottom:0.5%;
padding: 0;
text-align: center;
}
.cont_info_slider p{
color: #101010;
font-size: 1.1em;
text-align: right;
}
.cont_info_slider a{
display: inline-block;
padding: 5px 15px;
font-size: .85em;
color: #fff;
background: #EA6A50;
margin-top: 2%;
}
.cont_info_slider ul li{
position: relative !important;
margin: 0;
display: inline-block;
}
.cont_info_slider ul li h3{
color: #fff;
font-weight: 600;
padding: 10px;
padding-left: 10.5%;
letter-spacing: 1px;
}
.cont_info_slider ul li:nth-child(1) h3{
background: url(images/icon-banner1.png) no-repeat 1%;
background-size: 5.5%;
}
.cont_info_slider ul li:nth-child(2) h3{
background: url(images/icon-banner2.png) no-repeat 1%;
background-size: 5.5%;
}
.cont_info_slider ul li:nth-child(3) h3{
background: url(images/icon-banner3.png) no-repeat 1.5%;
background-size: 5.5%;
}
.cont_info_slider ul li:nth-child(4) h3{
background: url(images/icon-banner4.png) no-repeat 1%;
background-size: 5.5%;
}
.cont_info_slider ul li:nth-child(5) h3{
background: url(images/icon-banner5.png) no-repeat 1.5%;
background-size: 5.5%;
}







/*CONTENEDOR DE INFO DE SLIDER*/
@media screen and (max-width: 600px) {
.callbacks_nav {
top: 47%;
}
}
/* ----------------------------------------- Menú superior ----------------------------------------- */
/* Se definen los estilos para los contenedores principales*/
.cont_pagina /*Fondo general*/{
position: relative;
width: 100%;
}
.cont_header /*Contenedor del encabezado */	{
padding:0;
width: 100%;
background:#222;
}
/*======================== Contenedor Contendor_cuerpo general============================================================*/
.cont_cuerpo_general{
width: 80%;
margin: 0 auto;
background: #ffffff;
padding: 2% 0;
}
.cont_cuerpo_general .cont_tamano{
max-width:1270px;
margin: 0 auto;
width:98%;
}
.txt_index{
width: 100%;
margin: 0;
}
.txt_index ul{
margin: 0;
padding: 0;
}
.txt_index ul li .cont_video{
width: 100%;
margin: 0% 0% 2% 0%;
}
.cont_completo .cont_tamano{
max-width:100%!important;
width:100%!important;
margin: 0 auto;
}
/*======================== Fin del contendor_cuerpo general1============================================================*/
/*======================== Contenedor superior 1============================================================*/
.cont_superior_1{
width: auto;
margin: 0 auto;
background: #ffffff;
padding: 2% 0;
}
.cont_superior_1 .cont_tamano{
max-width:1270px;
margin: 0 auto;
width:98%;
}
/*======================== Fin del contenedor superior 1============================================================*/
/*======================== Contenedor superior 2============================================================*/
.cont_superior_2{
width: auto;
margin: 0 auto;
background: #ffffff;
padding: 2% 0;
}
.cont_superior_2 .cont_tamano{
max-width:1270px;
margin: 0 auto;
width:98%;
}
/*======================== Fin del contenedor superior 2============================================================*/
/*======================== Contenedor Contendor inferior1============================================================*/
.cont_inferior_1{
width: auto;
margin: 0 auto;
background: #ffffff;
padding: 2% 0;
}
.cont_inferior_1 .cont_tamano{
max-width:1270px;
margin: 0 auto;
width:98%;
}
/*======================== Fin del Contendor inferior 1============================================================*/
/*======================== Contenedor Contendor inferior 2============================================================*/
.cont_inferior_2{
width:auto;
margin: 0 auto;
background: #fff;
padding: 2% 0;
}
.cont_inferior_2 .cont_tamano{
max-width:1270px;
margin: 0 auto;
width:98%;
}
/*======================== Fin del contendor cont_inferior_2============================================================*/
.cont_cuerpo_general_pago1  /* Contenedor principal */{
width: 80%;
margin: 0 auto;
background: #ffffff;
padding: 2% 0;
}
/* ================================== FOOTER ===============================================*/
.cont_footer /* Contenedor inferior */
{
width: 100%;
margin: 0;
background: #221F1F;
clear: both;
}
/* ----------------------------------------- Menú inferior ----------------------------------------- */
.menu_inferior /*Fondo menu inferior*/{
box-shadow: 0px 2px 8px #555;
text-align: center;
margin:  0;
z-index: 9999999;
background: #888;
width: 100%;
}
.menu_inferior ul /*Contenedor menu inferior*/{
margin: 0 auto;
padding: 0;
width: 80%;
}
.menu_inferior ul li /*Lista de menu inferior*/{
display: inline-block;
*display: inline;
}
.menu_inferior a /*Estilo fuente menu inferior*/{
padding: 10px 15px;
display: block;
color: #fff;
text-decoration: none;
text-transform: uppercase;
box-sizing:border-box;
-o-box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.menu_inferior ul li a:hover /*hover fuente de menu inferior*/{
background: #555;
color: #fff;
}
/* ----------------------------------------- Menú inferior ----------------------------------------- */
/* FOOTER*/
footer{
text-align: left;
margin: 0 auto;
width: 98%;
max-width:1270px;
position: relative;
box-sizing:border-box;
-o-box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
padding: 1% 0;
}
footer .footer_derecho
{
vertical-align: middle;
display: inline-block;
width: 78%;
box-sizing: border-box;
-o-box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
padding: 0 0 0 2.5%;
}
/* MENÚ EN EL FOOTER */
.cont_menu_footer{
vertical-align: top;
width: 30%;
margin: 0;
padding: 0;
display: inline-block;
}
.cont_menu_vinculos{
vertical-align: top;
display: inline-block;
width: 30%;
padding: 0;
margin:3% 0;
}
.menu_footer{
display: inline-block;
*display: inline-block;
vertical-align: top;
width: 100%;
}
.menu_footer ul{
list-style: none;
padding: 0;
margin: 0;
}
.menu_footer li{
width: 100%;
}
.menu_footer a{
color: #fff;
}
.menu_footer a:hover{
color: #B6B6B6;
}
.cont_cat_foot{
display: inline-block;
*display: inline-block;
vertical-align: top;
width: 30%;
}
.cont_cat_foot ul{
list-style: none;
padding: 0;
margin: 0;
}
.cont_cat_foot li{
width: 100%;
}
.cont_cat_foot a:hover{
color: #B6B6B6;
}
/* MENÚ EN EL FOOTER */
/* ESTILOS CERTIFICADOS*/
footer .footer_derecho .certificado ul{
padding: 0;
margin: 0;
}
footer .footer_derecho .certificado li{
list-style: none;
display: inline-block;
*display: inline-block;
margin:0 15px ;
}
/* ESTILOS CERTIFICADOS*/
footer .footer_izquierdo{
display: inline-block;
vertical-align: middle;
text-align: right;
width:19%;
margin: 0 0 0 0;
}
footer .footer_izquierdo .bloque_inf{
width: 100%;
*display: inline-block;
display: inline-block;
margin:0;
vertical-align: middle;
}
/*INFORMACION DE CONTACTO FOOTER*/
footer .cont_info{
display: inline-block;
*display: inline;
vertical-align: top;
margin: 1.5% 0;
width:100%;
box-sizing:border-box;
-o-box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
footer h2{
color: #fff;
margin-bottom: 0;
font-weight: 700;
letter-spacing: 1px;
font-size: 1.33em;
}
footer p{
color: #fff;
text-align: right;
line-height: 1.4em;
}
/*FORMAS DE PAGO*/
.formas_pago{
width: 100%;
margin: 2% 0;
padding: 0;
display: inline-block;
}
.lista_logo img{
width: 19%;
display: inline-block;
vertical-align: middle;
}
/* FIN INFORMACION DE CONTACTO FOOTER*/
/* LOGO REMATE */
footer .cont_logo_remate
{
position: relative;
display: inline-block;
*display: inline-block;
vertical-align: middle;
text-align: right;
padding: 0 ;
width: 65%;
box-sizing:border-box;
-o-box-sizing: border-box; /* Opera */
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
}
footer .cont_logo_remate .logo_encabezado
{
max-width: 100%;
display: block;
text-align: right;
}
/* LOGO REMATE */
/* TEXTO EN EL INFERIOR*/
footer .texto_inferior
{
width: 48%;
display: inline-block;
margin: 20px 0 0 0;
}
footer .texto_inferior h2,footer .texto_inferior p
{
text-align: left;
color: #fff;
}
/* TEXTO EN EL INFERIOR*/
/* OTROS LOGOS*/
.otros_logos{
margin:0;
display: inline-block;
width: 50%;
margin:3% 0;
box-sizing: border-box;
-o-box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.otros_logos ul{
padding: 0;
margin: 0;
list-style: none;
text-align: left;
}
.otros_logos ul li{
display: inline-block;
*display: inline-block;
width: 75px;
vertical-align: middle;
margin: 0 5px;
}
/* OTROS LOGOS*/
/* REDES SOCIALES*/
.cont_redes_inferior{
width: 32%;
margin: 0;
padding: 0;
display: inline-block;
}
.redes_inferior	{
padding: 0;
margin: 0;
text-align: left;
display: inline-block;
*display: inline-block;
vertical-align: top;
width: 100%;
}
.redes_inferior li{
display: inline-block;
*display: inline-block;
margin: 3% 0;
width: 12%;
}
.redes_inferior li a img {
}
.redes_inferior li a img:hover {
}
/* FIN REDES SOCIALES*/
/* DERECHOS COMPRANDO FACIL */
article.derechos{
padding: 10px 0;
text-align: center;
background: #FFF;
}
article.derechos .cont_derecha, article.derechos .cont_izquierda
{
display: inline-block;
*display: inline-block;
vertical-align: middle;
}
article.derechos .cont_derecha
{
width:48%;
}
article.derechos .cont_izquierda
{
width: 44.5%;
}
article.derechos .cont_derecha a
{
color: #FFF;
}
article.derechos .cont_derecha p a
{
color: #111;
}
article.derechos .cont_derecha a:hover
{
color:#ccc;
}
article.derechos .cont_derecha img
{
margin: 0 0 0px 5px;
border: none;
width: 5%;
vertical-align: middle;
}
article.derechos .cont_derecha p
{
color: #111;
font-size: 0.8em;
margin: 0;
text-align: right;
}
article.derechos .cont_izquierda p
{
font-size: 0.8em;
color: #fff;
margin: 0;
text-align: left;
}
/* CHAT */
.cont_chat{
position: fixed;
height: auto;
background: #FFF !important;
bottom: 10%;
right: 0;
z-index: 1000;
}
.btn-abrir-chat{
display: none !important;
}
.cont_chat .btn-abrir-chat{
padding: 15px 10px;
color: #FFF;
cursor: pointer;
position: relative;
background: #444;
}
.cont_chat .btn-abrir-chat #cerrar-chat{
position: absolute;
top: 6px;
width: 20px;
right: 11px;
}
.cont_chat .btn-abrir-chat .cerrar-none{
display: none;
}
.cont_chat .btn-abrir-chat .cerrar-block{
display: block;
}
.cont_chat .btn-abrir-chat p{
margin: 0;
padding: 0;
text-align: center;
color: #fff;
line-height: 20px;
}
.cont_chat .btn-abrir-chat img{
width: 30px;
margin: 4px auto;
display: block;
}
.cont_chat .desplegable-chat{
width: 400px;
background: no-repeat #f2f2f2;
border:1px solid #ccc;
padding: 15px;
display: none;
}
.cont_chat .desplegable-chat article{
padding: 10px;
background:#FFF;
border: 1px solid #ebebeb;
text-align: center;
}
.cont_chat .desplegable-chat article p{
margin-bottom: 10px;
text-align: justify;
}
.cont_chat .desplegable-chat article .btn-chat{
display: inline-block;
*display: inline;
vertical-align: middle;
text-align: center;
margin: 10px 0;
text-decoration: none;
background: #DFEFE2;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}
.cont_chat .desplegable-chat article .btn-chat:hover{
background: #DFEFE2;
}
.cont_chat .desplegable-chat article .btn-chat section{
padding: 10px;/*8px 15px 8px 55px*/
background: url('../images/microphone.png') no-repeat 10px 12px;
}
.cont_chat .desplegable-chat article .btn-chat section p{
margin: 0;
text-align: center;
}
.cont_chat .desplegable-chat article .btn_skype{
margin: 0 auto;
padding:0;
display: inline-block;
*display: inline;
vertical-align: middle;
}
/* FIN CHAT */
/* FIN DERECHOS COMPRANDO FACIL */
/* ================================== FOOTER ===============================================*/
/* ----------------------------------------- LATERAL ----------------------------------------- */
section#cont_principal /* Contenedor del contenido izquierdo */
{
margin: 0 0 0 3%;
padding: 0;
width: 65%;
display: inline-block;
*display: inline-block;
vertical-align: top;
height: auto;
position: relative;
box-sizing:border-box;
-o-box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
border-left: 1px solid #e6e6e6;
padding-left: 3%;
}
aside{
width: 28%;
display: inline-block!important;
*display: inline-block!important;
vertical-align: top;
margin: 0;
padding: 0 ;
height: auto;
}
aside.lateral .buscador form header .buscador input[type="submit"], .btn_buscar_lat{
vertical-align: middle;
background: url(../images/buscar.png) #777 no-repeat 50%;
border: 0;
margin: 0;
padding: 0;
position: absolute;
max-width: 100%;
height: 100%;
width: 38px;
top: 0;
right: 0;
}
.btn_buscar_lat{
margin: 0!important
}
/* --------------------------------------- Contenedor lateral --------------------------------------- */
/* Redes sociales lateral*/
aside .redes /* Contenedor redes sociales en el lateral*/{
width: 100%;
margin: 0 0 10px 0 ;
display: inline-block;
_display:inline-block;
*display: inline-block;
text-align: left;
vertical-align: middle;
background: #f3f3f3;
padding: 10px;
}
aside .redes h2{
color: #0AB2BC;
text-align: center;
}
aside .redes ul{
list-style: none;
margin: 0;
padding: 0;
text-align: center;
}
aside .redes li{
display: inline-block;
*display: inline-block;
margin: 0 5px;
max-width: 16%;
}
aside .redes li a img {
}
aside .redes li a img:hover {
}
/* Fin redes sociales lateral*/
/*TITULO ASIDE*/
.titulo_aside{
background: #0AB2BC;
padding: 3%;
vertical-align: middle;
text-align: center;
margin-top:8%;
}
.titulo_aside h2{
color: #FFF;
vertical-align: middle;
text-align: center;
margin: 0;
}
/* BUSCADOR EN EL LATERAL DEL CMS */
aside .cms_buscador{
display: inline-block;
*display: inline-block;
vertical-align: middle;
width: 100%;
text-align: center;
margin-bottom: 15px;
background: #03A7B1;
padding: 10px;
}
aside .cms_buscador h2{
text-align: center;
}
aside .cms_buscador ul{
list-style: none;
margin: 0;
padding: 0;
}
aside .cms_buscador ul li{
display: inline-block;
*display: inline-block;
vertical-align: middle;
}
aside .cms_buscador input[type="text"]{
display: inline-block;
*display: inline-block;
vertical-align: middle;
width: 81%;
padding: 5px;
margin: 0;
left: 3px;
position: relative;
box-sizing:border-box;
-o-box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
aside .cms_buscador input[type="submit"]{
display: inline-block;
*display: inline-block;
vertical-align: middle;
background: url(../images/buscar.png) no-repeat 8px;
border:0;
margin: 0;
padding: 5px 20px;
max-width: 100%;
color: #ffffff;
box-sizing:border-box;
-o-box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
/* BUSCADOR EN EL LATERAL DEL CMS */
/*  MENU VERTICAL  */
aside .menu_vertical
{
display: inline-block;
*display: inline-block;
width: 100%;
margin: 0 0 20px 0;
}
aside .menu_vertical ul{
width: 100%;
margin: 0;
padding: 0;
list-style: none;
box-sizing:border-box;
-o-box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
aside .menu_vertical ul li{
display: inline-block;
*display: inline-block;
width: 100%;
margin: 0;
padding: 5px;
border-bottom: 1px solid #ececec;
box-sizing:border-box;
-o-box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
aside .menu_vertical ul li:last-child{
border: none;
}
aside .menu_vertical ul li:hover{
background: #eee;
}
aside .menu_vertical h2{
display: inline-block;
*display: inline-block;
text-align: left;
color: #0AB2BC;
margin: 0;
}
/* ----------------------------------------- Menú lateral ----------------------------------------- */
nav.menu_lateral{
background: #FFF;
text-align: left;
margin: 0 0 20px 0;
padding: 10px;
border: 1px solid #eee;
}
nav.menu_lateral ul{
margin: 0 !important;
padding: 0;
list-style: none;
margin: 5px 0;
}
nav.menu_lateral ul:last-child a{
border: 0;
}
nav.menu_lateral a{
padding: 5px 10px;
background: #fff;
display: block;
color: #777;
margin:0;
text-decoration: none;
border-bottom: 1px solid #eee;
}
nav.menu_lateral a:hover{
background:  #bbb;
color: #fff;
}
/* -------Menú lateral -------- */
/* CONTENEDOR ZONA PRIVADA EN EL LATERAL*/
aside .cont_zona_clientes
{
margin: 0 0 10px 0;
padding: 20px;
text-align: center;
background: #eee;
}
aside .cont_zona_clientes p
{
text-align: center;
color: #0AB2BC;
}
aside .cont_zona_clientes form fieldset
{
padding: 0;
width: 100%;
margin: 0 0 10px 0;
}
.cont_zona_clientes .otros_link a
{
text-decoration: none;
color: #0AB2BC;
text-align: left;
display: inline-block;
max-width: 63%;
vertical-align: top;
margin: 0;
}
.cont_zona_clientes .otros_link a:hover
{
color:#000;
}
/* CONTENEDOR ZONA PRIVADA EN EL LATERAL*/
/* ----------------------------------------- FIN LATERAL ----------------------------------------- */
/* ----------------------------------------- Botón general ----------------------------------------- */
.btn_general /*Estilo boton genereal btn_nav_pttp*/{
/* Fuente */
color: #fff;
font-size: 0.85em;
background: #FF2626;
border: 1px solid #FF2626;
margin: 1.5% 0 !important;
padding: 9px 30px;
display: inline-block;
border-radius: 5px;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 1px;
}
.btn_general:hover /*Fondo y color de letra cuando el cursor esta sobre el botón*/{
border: 1px solid #d21111;
background: #d21111;
color: #fff;
}
/* ----------------------------------------- Botón general ----------------------------------------- */
/*  ---------------------------------------- BOTÓN VER MÁS ----------------------------------------- */
.ver_mas
{
width: 100%;
margin: 0;
padding: 0;
text-decoration: none;
color: #0BB9D3 !important;
font-size: 0.85em;
}
/*  ----------------------------------------- BOTÓN VER MÁS ----------------------------------------- */
/* ------------------------------------ Botón solicitar servicio ------------------------------------ */
.btn_solicitar{
background: #777 ; /*Color de fondo*/
width: 100%;
padding:10px 30px;
/* Bordes redondeados */
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
/* Bordes redondeados */
/* Sombra exterior */
-webkit-box-shadow: 1px 1px 4px 0px rgba(50, 50, 50, 0.5);
-moz-box-shadow:    1px 1px 4px 0px rgba(50, 50, 50, 0.5);
box-shadow:         1px 1px 4px 0px rgba(50, 50, 50, 0.5);
/* Fin sombra exterior */
}
.btn_solicitar:hover /*Fondo y color de letra cuando el cursor esta sobre el botón*/{
background:#999;
color: #fff;
}
.btn_solicitar.active /*Fondo y color de letra cuando el cursor esta sobre el botón*/{
background:#999;
color: #fff;
}
/* ------------------------------------ Botón solicitar servicio ------------------------------------ */
/* BOTONES CON CAPAS*/
ul.tabs {
padding: 0;
margin: 0 0 10px 0;
display: inline-block;
vertical-align: top;
width: 100%;
}
ul.tabs li {
list-style: none;
display: inline-block;
*display: inline-block;
max-width:100%;
}
ul.tabs li a {
display: block;
}
/* BOTONES CON CAPAS*/
/* ------------------------------------ Botónes zona privada ------------------------------------ */
/* Botones con capa - Zona privada */
.cont_zona ul.tabs {
background:#FFF;
padding: 0;
margin: 0;
text-align: left;
margin: 10px 0;
}
.cont_zona ul.tabs li {
list-style: none;
display: inline-block;
*display: inline-block;
max-width:100%;
}
.cont_zona ul.tabs li:last-child {
margin: 0;
}
.cont_zona ul.tabs li a {
list-style: none;
display: block;
text-decoration:none;
color: #FFF;
padding: 6px 29.8px;
background:#ddd;
border:none;
}
.cont_zona ul.tabs li a:hover  {
color: #FFF;
background: #7EB5DC
}
.cont_zona ul.tabs li a:active  {
background-color: #7EB5DC ;
color: #fff;
border: none;
}
.cont_zona ul.tabs li a:focus  {
border: none;
}
/* ------------------------------------ Botónes zona privada ------------------------------------ */
.cont_destacados{
padding: 0 0 0 0;
display: inline-block;
width: 100%;
margin: 30px 0 0 0;
}
.cont_destacados h2	{
margin-bottom: 10px;
color: #000000;
}
.cont_destacados h3{
line-height: 20px;
margin: 0 0 5px 0;
color: #0AB2BC;
}
.cont_destacados h3:hover{
color: #000;
}
.cont_destacados ul	{
margin: 0 auto ;
width: 100%;
display: block;
vertical-align: top;
padding: 0;
box-sizing:border-box;
-o-box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.cont_destacados li	{
display: inline-block;
*display: inline-block;
vertical-align: top;
position: relative;
width: 31.5%;
list-style: none;
margin:0 10px 0 0 ;
}
.cont_destacados ul li:last-child{
margin: 0;
}
.cont_destacados img{
max-width: 100%;
border: none;
margin: 0 0 5px 0;
}
.cont_destacados div{
display:inline-block;
*display: inline-block;
vertical-align: top;
width: 60%;
padding: 20px;
box-sizing:border-box;
o-box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
/* -------------------------------------- Contenido inferior -------------------------------------- */
/*GALERIA SLIDER*/
.galeria_index
{
width: 100%;
padding: 0 0;
box-sizing:border-box;
-o-box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.border_box	{
display: block;
vertical-align: top;
}
/* FIN GALERIA SLIDER*/
/* BANNERS DEL LATERAL*/
.banners
{
margin: 0 0 10px 0;
}
.banners img
{
width: 100%;
}
.banners img:hover
{
cursor: pointer;
}
/* BANNERS DEL LATERAL*/
/* CONTENEDOR GALERIA*/
.centro_banner{
padding: 0;
width: 100%;
margin: 0 auto;
display: block;
}
.centro_banner img
{
max-width: 100%;
}
.centro_banner2
{
position: relative;
top: -68px;
padding: 0px 15px;
width: 1020px;
height: 250px;
text-align: center;
margin: 0 auto;
}
/* CONTENEDOR GALERIA*/
/*BLOQUES DEL INDEX*/
.blq_index
{
margin:4% 0 0;
padding: 0;
text-align: center;
display: inline-block;
*display: inline-block;
width: 100%;
}
.blq_index li{
width: 32.2%;
display: inline-block;
position: relative;
margin: 0 1% 0 0;
vertical-align: top;
min-height: 295px;
}
.blq_index li:last-child{
margin: 0;
}
.blq_index img	{
width: 100%;
margin: 10% 0 5%;
}
.blq_index h2{
text-align: center;
margin-bottom: 0%;
color: #000;
font-size: 1.2em;
padding: 0 8%;
box-sizing: border-box;
}
.blq_index div{
padding: 0 0px;
width: 100%;
margin: 0px 0 0 0;
cursor: pointer;
}
.blq_index h1{
text-align: center;
color: #FFF;
}
.blq_index p{
color: #FFF;
margin: 0;
text-align: center;
}
/* BOTÓN GENERAL*/
.cont_botenes{
margin: 0 0 10px 0;
}
.cont_botenes ul{
padding: 0;
margin: 0;
list-style: none;
}
.cont_botenes li{
display: inline-block;
*display: inline-block;
vertical-align: top;
}
/* CONTENEDOR TEXTO  PRODUCTO DETALLE*/
.bloque_texto
{
margin:  10px 0 ;
display: inline-block;
width: 100%;
}
.bloque_texto p
{
line-height: 18px;
text-align: left;
margin-bottom: 10px;
}
.bloque_texto iframe
{
float: left;
max-width: 50%;
margin: 0 20px 20px 0;
}
/* FIN CONTENEDOR TEXTO PRODUCTO DETALLE*/
/* LOGOS INFERIORES*/
.inferiores {
text-align: center;
}
.inferiores .logo {
width: 9%;
display: inline-block;
vertical-align: middle;
}
.inferiores .logo img {
width: 85%;
}
/* FIN LOGOS INFERIORES*/
/* CONTENEDOR EVENTOS*/
.eventos_vertical
{
display: inline-block;
*display: inline-block;
width: 100%;
text-align: left;
margin: 0 0 20px 0;
padding: 0;
vertical-align: top;
}
.eventos_vertical h2:hover
{
color:#0AB2BC;
}
.eventos_vertical p
{
color: #888;
margin: 0;
}
.eventos_vertical a img
{
max-width: 180px;
float: left;
margin: 0 15px 0 0 ;
}
.convenios_vertical
{
display: inline-block;
*display: inline-block;
width: 100%;
text-align: center;
margin: 0 ;
padding: 0;
vertical-align: top;
}
.convenios_detalle
{
display: inline-block;
width: 100% !important;
}
.convenios_vertical table
{
display: inline-block;
vertical-align: top;
width: 100%;
}
.convenios_vertical table  tr td
{
padding: 0;
vertical-align: top;
text-align: left;
}
.info_servicios
{
background: #eee;
padding: 10px;
display: inline-block;
*display: inline-block;
width: 100%;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
box-sizing: border-box;
-o-box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.info_porcentaje
{
display: block;
width: 100%;
margin: 0 0 10px 0;
padding: 10px;
border: 1px solid #e5e5e5;
box-sizing: border-box;
-o-box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.info_porcentaje img
{
display: inline-block;
vertical-align: top;
width: 150px;
margin: 0 10px 0 0;
}
.info_porcentaje h2
{
display: block;
max-width: 100%;
margin: 0 0 5px 0;
padding: 0;
}
.info_porcentaje p
{
display: block;
max-width: 100%;
margin: 0;
}
.cantidad_porcentaje
{
display: inline-block;
padding: 20px;
background: #7DBB10;
color: #fff;
box-sizing: border-box;
-o-box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
/* CONTENIDO EVENTO DETALLE*/
.evento_detalle	{
text-align:left;
margin: 0 0 10px 0;
display: inline-block;
*display: inline-block;
width: 100%;
}
.evento_detalle p
{
text-align:left;
margin-bottom: 10px;
}
.evento_detalle img
{
max-width: 250px;
margin: 0 20px 10px 0;
float: left;
}
/*  FIN CONTENIDO EVENTO DETALLE*/
/* CONTENEDOR DE PRODUCTOS*/
.cms_productos_vertical{
list-style: none;
padding: 0;
margin: 0;
}
.cms_productos_vertical li
{
display: inline-block;
vertical-align: top;
width: 23.38%;
margin: 0 6px 15px 0;
text-align: center;
}
.cms_productos_vertical img
{
min-width:100%;
margin: 0;
}
.cms_productos_vertical div{
padding: 5px 10px 10px 10px;
margin-top: -2%;
box-sizing: border-box;
-o-box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.cms_productos_vertical h3{
text-align: center;
margin:0% 0% 4% 0%;
color: #444;
box-sizing:border-box;
-o-box-sizing: border-box; /* Opera */
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
}
.cms_productos_vertical .servicio_btn_detalle{
color: #FFFFFF;
background: #1CDBA9;
width: 70%;
padding: 2%;
margin: 0 auto;
display: block;
text-align: center;
}
.cms_productos_vertical .servicio_btn_detalle:hover{
background: #0AB2BC;
}
/* PRODUCTOS DESTACADOS CMS */
.cms_productos_destacado{
width: 100%;
display: inline-block;
*display: inline-block;
margin: 0 0 10px 0;
}
.cms_productos_destacado div{
margin: 0 0 10px 0;
}
/* PRODUCTOS DESTACADOS CMS */
/* CATEGORÍAS PRODUCTOS CMS */
.categorias_productos
{
display: inline-block;
*display: inline-block;
vertical-align: top;
width: 100%;
list-style: none;
padding: 0;
margin: 0 ;
}
.categorias_productos li
{
display: inline-block;
*display: inline-block;
width: 32%;
list-style: none;
padding: 0;
margin: 0 2px 15px 2px ;
vertical-align: top;
}
.categorias_productos div{
background: #0AB2BC;
padding: 4%;
margin-top: -1.6%;
box-sizing: border-box;
-o-box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.categorias_productos li:hover div
{
background: #1CDBA9;
cursor: pointer;
}
.categorias_productos img
{
display: inline-block;
*display: inline-block;
max-width:100%;
margin: 0;
}
.categorias_productos h2{
color: #fff;
text-align: center;
}
.categorias_productos p
{
color: #fff;
}
/* CATEGORÍAS PRODUCTOS CMS */
/* SUBCATEGORÍAS PRODUCTOS CMS */
.subcategorias_productos
{
display: inline-block;
*display: inline-block;
vertical-align: top;
width: 100%;
list-style: none;
padding: 0;
margin: 0 ;
}
.subcategorias_productos li
{
display: inline-block;
*display: inline-block;
width: 32%;
list-style: none;
padding: 0;
margin: 0 2px 15px 0px ;
vertical-align: top;
}
.subcategorias_productos div{
background: #EB773B;
padding: 10px;
margin-top: -1.8%;
box-sizing: border-box;
-o-box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.subcategorias_productos li:hover div
{
background: #CA5E26;
cursor: pointer;
}
.subcategorias_productos img
{
display: inline-block;
*display: inline-block;
max-width:100%;
margin: 0;
}
.subcategorias_productos h2
{
margin: 0;
color: #fff;
text-align: center;
}
.subcategorias_productos p
{
color: #fff;
}
/* SUBCATEGORÍAS PRODUCTOS CMS */
/* CONTENIDO CMS PRODUCTOS DETALLE*/
.cms_producto_detalle
{
text-align:left;
margin:0 0 10px 0;
display: inline-block;
*display: inline-block;
width: 100%;
}
.cms_producto_detalle p
{
text-align:left;
margin-bottom: 10px;
}
.cms_producto_detalle img
{
max-width: 250px;
margin: 0 20px 10px 0;
float: left;
}
.cms_producto_detalle div{
margin: 0 0 10px 0;
}
/*  FIN CONTENIDO CMS PRODUCTOS DETALLE*/
/* CONTENEDOR DE PRODUCTOS*/
/* miga de pan*/
nav.miga{
margin:0;
text-align: left;
background: #FFF;
padding: 0;
margin-bottom: 15px;
}
nav.miga.mg_producto{
margin-top: 5px;
}
nav.miga ul	{
margin: 0;
padding: 0;
}
nav.miga ul li{
display: inline-block;
*display: inline;
zoom:1;
vertical-align: top;
}
nav.miga ul li a
{
font-size:0.8em;
text-decoration: none;
color: #adadad;
border-right: 1px solid #AAA;
padding: 0px 5px 0 0px;
}
nav.miga ul li:last-child a
{
border-right: none;
}
nav.miga ul li a:hover{
color: #000;
background: #fff;
}
nav.miga ul li span{
font-size: 1em;
color: #777;
}
.cont_completo nav.miga{
margin-left: 5%;
}
/*fin miga de pan*/
/* ZONA PRIVADA*/
.cont_bvzona
{
padding: 10px 10px 15px 10px;
background: url(../images/icono.png) #f0f0f0 no-repeat 25px;
}
.cont_bvzona h1
{
color: #a2a2a2;
}
.cont_bvzona h2
{
color: #696969;
}
.cont_bvzona input{
background: #0AB2BC;
box-shadow: none;
border: 1px solid #0AB2BC;
padding: 5px 8px 5px 8px;
color: #fff;
margin:5px 0 !important;
}
.cont_bvzona input:hover{
background: #078890;
border: 1px solid #078890;
}
.cont_bvzona .btn_color
{
float: none;
padding: 4px 12px;
margin: 0;
}
#frm_1 p{
margin: 0% 0% 1.5% 0%;
}
.cuerpo_tab
{
margin: 15px 0 0 0;
width: 100%;
padding: 15px 20px;
}
.cuerpo_tab .bloque_horizontal
{
margin: 10px 0 0 0;
}
/* DESCARGA DE DOCUMENTOS - ZONA PRIVADA*/
.cuerpo_tab .cont_docs
{
margin: 10px 0 0 0;
}
.cuerpo_tab .cont_docs a
{
text-decoration: none;
}
.cuerpo_tab .cont_docs article
{
padding: 12px;
background: #ebebeb;
margin: 5px 0;
border-bottom: 1px solid #ddd;
}
.cuerpo_tab .cont_docs article:hover
{
background:#E6E6E6;
}
.cuerpo_tab .cont_docs img
{
float: left;
margin-right: 10px;
}
/* DESCARGA DE DOCUMENTOS - ZONA PRIVADA*/
/* VIDEOS ZONA PRIVADA*/
.cuerpo_tab .con_videos
{
margin: 10px 0 0 0;
}
.cuerpo_tab .con_videos article
{
display: inline-block;
*display: inline-block;
width: 46%;
margin: 0 8px 10px 8px;
}
.cuerpo_tab .con_videos article h3
{
margin-bottom: 10px;
}
.cuerpo_tab .con_videos article iframe
{
max-width: 100%;
}
/* VIDEOS ZONA PRIVADA*/
/*Contenedor contacto*/
.contacto{
border-top: 3px solid #eee;
padding-top: 20px;
vertical-align: top;
text-align: center;
margin: 0;
}
.contacto iframe{
margin-bottom: 10px;
}
/*Fin contenedor contacto*/
/* INFORMACIÓN EN UN FORMULARIO*/
.info_frm{
width: 90%;
margin: 0 auto;
padding: 20px;
background: #fff;
margin-bottom: 20px;
text-align: center;
box-sizing:border-box;
-o-box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.info_frm h2{
text-align: center;
font-weight: 700;
font-size: 2em;
margin: 3% 0 5%;
}
.body_terminos{
box-sizing: border-box;
}
.info_frm img, .info_frm p ,.info_frm h2{
max-width: 100%;
text-align: left;
margin-bottom: 10px;
}
/* INFORMACIÓN EN UN FORMULARIO*/
/* CONTENEDOR DE PRODUCTOS DESTACADOS EN EL LATERAL*/
.cont_productos_lateral
{
margin: 0 0 10px 0;
padding: 10px;
background: #fff;
box-sizing: border-box;
-o-box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.cont_productos_lateral h2{
text-align: left;
}
.cont_productos_lateral h3{
text-transform: uppercase;
margin-bottom: 5px;
line-height: 18px;
color: #000;
}
.cont_productos_lateral ul {
margin: 0;
list-style: none;
padding: 0px;
box-sizing:border-box;
o-box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.cont_productos_lateral ul li{
text-align: left;
margin: 5px 0 10px 0;
}
.cont_productos_lateral ul li img{
max-width: 37%;
float: left;
margin: 0 15px 0px 0;
}
/* CONTENEDOR DE PRODUCTOS DESTACADOS EN EL LATERAL*/
/* ---------------- TIPS LISTA ---------------- */
.tips_lista
{
list-style: none;
padding: 0;
display: inline-block;
vertical-align: top;
width: 45%;
float: right;
position: relative;
}
.tips_lista li
{
margin: 0 0 20px 0;
display: inline-block;
*display: inline-block;
width: 100%;
}
.tips_lista img{
max-width: 100%;
margin: 0 0;
}
.tips_lista li h2
{
position: absolute;
top: 4%;
left: 5%;
width: 51%;
font-size: 1.9em;
font-weight: 800;
text-transform: uppercase;
line-height: 1.1em;
letter-spacing: -1px;
}
.tips_lista li .btn_general
{
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
padding: 13px 25px;
}
/* ---------------- NOTICIAS LISTA ---------------- */
.noticias_lista
{
list-style: none;
padding: 0;
margin: 0;
}
.noticias_lista li
{
margin: 0 0 20px 0;
display: inline-block;
*display: inline-block;
width: 100%;
}
.noticias_lista li img{
max-width: 25%;
float: left;
margin: 0 28px 0 0;
}
.noticias_lista li:hover h2
{
color: #0AB2BC;
}
.noticias_detalle
{
list-style: none;
padding: 0;
margin: 0;
margin-left: 2%;
}
.noticias_detalle h2
{
font-size: 3.2em;
font-weight: 800;
text-transform: uppercase;
line-height: 1.2em;
letter-spacing: -1px;
}
.noticias_detalle h3{
color: #ED2C3A;
font-size: 2em;
font-weight: 600;
margin-bottom: 1%;
}
.noticias_detalle li
{
margin: 0 0 10px 0;
display: inline-block;
*display: inline-block;
width: 100%;
}
.noticias_detalle li img
{
max-width: 46%;
float: right;
margin: 0 -3% 0 4%;
}
.noticias_detalle li ul{
width: 45%;
}
.noticias_detalle li ul li{
width: 47%;
display: inline-block;
}
.noticias_detalle li ul li h3{
color: #000;
letter-spacing: 1px;
font-weight: 700;
font-size: 1.1em;
}

.noticias_detalle p{
font-size: 1.1em;
text-align: left;
font-weight: 600;
font-style: italic;
color: #5F5F5F;
}
.noticias_detalle li ul li p{
color: #222;
font-weight: 500;
font-size: 1em;
font-style: normal;
margin: 1.5% 0;
}
/* ---------------- NOTICIAS LISTA ---------------- */
/* CONTENEDOR NOTICIAS Y COLUMNISTAS LATERAL*/
.cont_noticias_lateral/*Contenedor de noticias en el lateral*/
{
margin-bottom:8%;
box-sizing: border-box;
-o-box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.cont_noticias_lateral ul{
margin: 0;
list-style: none;
padding: 0px;
box-sizing:border-box;
-o-box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.cont_noticias_lateral li{
text-align: left;
margin: 15px 0;
}
.cont_noticias_lateral h3{
text-transform: uppercase;
margin-bottom: 5px;
color: #000;
}
.cont_noticias_lateral img{
width: 80%;
margin: 0 auto 1.5% auto;
display: block;
}
/* CONTENEDOR DE TESTIMONIOS LATERAL*/
.cont_noticias_lateral .noticias_lateral li{
border-bottom: 1px solid #777777;
margin: 0 0 5px 0;
padding: 0;
}
.cont_noticias_lateral .noticias_lateral li:last-child{
border: none;
}
/* CONTENEDOR DE TESTIMONIOS LATERAL*/
/* CONTENEDOR NOTICIAS Y COLUMNISTAS LATERAL*/
/* BLOQUES DE GALERIA*/
.bloques_galeria
{
margin: 10px 0;
}
.bloques_galeria .galeria_vertical ,.bloques_galeria div
{
display: inline-block;
vertical-align: top;
width: 47%;
margin: 0 2% 2% 0;
text-align: center;
}
.bloques_galeria div
{
display: inline-block;
*display: inline-block;
vertical-align: top;
width: 46%;
margin:10px;
text-align: center;
padding-bottom: 20px;
border-bottom: 3px solid #eee;
}
.bloques_galeria h3{
text-align: left;
margin: 3%;
}
.bloques_galeria div h3{
text-align: left;
margin: 0 0 10px 0;
}
.bloques_galeria .galeria_vertical a
{
text-decoration: none;
}
.bloques_galeria .galeria_vertical img
{
max-width: 100%;
}
.bloques_galeria .galeria_vertical h1
{
display: none;
}
.bloques_galeria .categoria_galeria
{
display: inline-block;
*display: inline-block;
vertical-align: top;
width: 43%;
margin: 2%;
text-align: center;
position: relative;
}
.bloques_galeria .categoria_galeria h1
{
padding: 10px 20px;
text-align: left;
margin-top:-2%;
width: 100%;
color: #fFF;
background:#BBB;
box-sizing: border-box;
-o-box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.bloques_galeria .categoria_galeria img{
width:100%;
}
.bloques_galeria .categoria_galeria h4
{
background: url(../images/vineta.png)no-repeat;
text-align: left;
padding: 0 0 0 20px;
color: #98C81D;
line-height:22px;
}
/* BLOQUES DE GALERIA*/
/* CONTENIDO RELACIONADO*/
.cont_relacionado
{
padding: 0;
margin: 0 0 10px 0;
box-sizing:border-box;
-o-box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.cont_relacionado ul{
list-style:none;
margin: 0;
padding: 0;
color: #0AB2BC;
}
.cont_relacionado li{
display: inline-block;
*display: inline-block;
width: 100%;
margin: 0 0 10px 0;
}
.cont_relacionado article /*Borde contenedor resultado de busqueda*/
{
padding: 2px 5px;
margin: 0;
position: relative;
}
.cont_relacionado img
{
float: left;
margin-right: 10px;
width: 8%;
vertical-align: middle;
}
.cont_relacionado h1
{
border-bottom:1px solid #eee;
padding:0;
margin: 0 0 10px 0;
vertical-align: middle;
}
.cont_relacionado h2 /*Fuente de titulo - resultado de busqueda*/
{
margin: 0;
vertical-align: middle;
}
.cont_relacionado p
{
margin: 0;
color: #555;
}
.cont_relacionado ul li a article:hover h2, .cont_relacionado ul li a article:hover p
{
color: #0AB2BC;
}
/* FIN CONTENIDO RELACIONADO*/
/* --------------------------------- CONTENIDO RELACIONADO EN MAPA -----------------------------------------------*/
.cont_relacionado_mapa
{
padding: 10px 0;
margin: 15px 0;
box-sizing:border-box;
-o-box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.cont_relacionado_mapa h1
{
background:#F3F9CF;
color: #666666;
padding: 10px;
box-sizing:border-box;
-o-box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.cont_relacionado_mapa ul
{
list-style:none;
margin: 0;
padding: 0;
color: #3F8C3E;
}
.cont_relacionado_mapa ul li a
{
text-decoration: none;
}
.cont_relacionado_mapa ul li article /*Borde contenedor resultado de busqueda*/
{
padding-bottom: 15px;
margin: 15px 0 0 0;
position: relative;
border-bottom: 1px solid #ddd;
}
.cont_relacionado_mapa ul li article img
{
float: left;
margin-right: 10px;
max-width: 20%;
vertical-align: middle;
}
.cont_relacionado_mapa ul li  article h2 /*Fuente de titulo - resultado de busqueda*/
{
margin: 0;
color: #91C41F;
vertical-align: middle;
}
.cont_relacionado_mapa ul li article p
{
margin: 0;
color: #555;
}
.cont_relacionado_mapa ul li article:hover h2
{
color: #3F8C3E;
}
.cont_relacionado_mapa a .ver_mapa
{
max-width:12% !important;
float: right;
}
/* --------------------------------- FIN CONTENIDO RELACIONADO EN MAPA -----------------------------------------------*/
/*  CARRUSEL   */
#carousel_inner {
/*float:left; /* important for inline positioning */
width:100%; /* important (this width = width of list item(including margin) * items shown */
overflow: hidden;  /* important (hide the items outside the div) */
/* non-important styling bellow */
display: inline-block;
margin: 0;
padding: 0;
}
#carousel_container
{
display: inline-block;
width: 100%;
margin: 0;
padding: 0 40px;
background: #ffffff;
position: relative;
-o-box-sizing: border-box; /* Opera */
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;
}
#carousel_container #left_scroll {
height: auto;
max-width: 100%;
position: absolute;
left: 0;
top:35px;
z-index: 10;
}
#carousel_container #right_scroll{
height: auto;
max-width: 100%;
position: absolute;
right: 0;
top:35px;
z-index: 10;
}
#carousel_ul {
position:relative;
left:-210px; /* important (this should be negative number of list items width(including margin) */
list-style-type: none; /* removing the default styling for unordered list items */
margin: 0px;
padding: 0px;
width:9999px; /* important */
/* non-important styling bellow */
padding-bottom:10px;
}
#carousel_ul li{
float: left; /* important for inline positioning of the list items */
max-width:180px;  /* fixed width, important */
/* just styling bellow*/
padding:0px;
height:auto;
display: inline-block;
margin: 5px;
position: relative;
left: 20px;
}
#carousel_ul li img {
cursor:pointer;
cursor: hand;
border:none;
margin: 0;
padding: 0;
max-width: 180px;
display: inline-block;
}
#carousel_ul li a
{
text-decoration: none;
color: #fff;
}
#left_scroll img, #right_scroll img{
/*styling*/
cursor: pointer;
cursor: hand;
}
/*  CARRUSEL FIN   */
/* SINDICACIÓN */
.sindicacion
{
text-align: right;
display: none;
padding: 0;
margin:1.5% 0;
text-align: left;
position: relative;
}
.sindicacion .site_facebook
{
position: absolute;
width: 130px;
text-align: left;
}
.sindicacion .site_twitter
{
position: absolute;
width: 115px;
text-align: left;
left: 125px;
}
.sindicacion .site_google
{
position: absolute;
width: 130px;
text-align: left;
left: 222px;
}
/* FIN SINDICACIÓN */
/* IMAGEN RESULADO DE BUSQUEDA*/
.ico_exclamacion
{
float: left;
}
/* NO IMAGEN RESULADO DE BUSQUEDA*/
/* PREGUNTAS FRECUENTES */

.titu_pregunta:hover{
color: #0AB2BC;
cursor: pointer;
}
.titu_pregunta.on{
color: #0AB2BC;
}
/* PREGUNTAS FRECUENTES */
/* preguntas frecuentes lateral*/
.titulo_pregunta
{
background: url(../images/pregunta.png)no-repeat;
padding: 8px 0 7px 35px;
}
.cont_preguntas
{
margin: 15px 0 0 0;
}
.cont_preguntas h3
{
color: #000;
text-transform: none;
background: #e6e6e6;
padding: 7px;
border-bottom:  1px solid #ddd;
margin-bottom: 7px;
}
.cont_preguntas h3:hover
{
color: #559DD2;
cursor: pointer;
}
.cont_preguntas h3:active
{
color: #559DD2;
}
.cont_preguntas .txt_pregunta
{
padding: 5px;
}
/* preguntas frecuentes lateral*/
.clear
{
clear: both;
}
.vineta
{
margin: 0 10px 0 5px;
}
.barra_buscador
{
color: #666;
}
.barra_buscador span
{
position: relative;
left: 5px;
color: #0AB2BC;
}
.bloques_gracias
{
width: 100%;
}
.bloques_gracias img
{
float: left;
margin: 0 30px 30px 0;
width: 52%;
}
.bloques_gracias .datos p
{
margin: 0;
}
.bloques_gracias .datos
{
color: #000;
font-style: italic;
margin: 0;
}
.bloques_gracias .confirmacion
{
color: #999;
font-style: italic;
}
/* --------------------------------------------------- ZONA CLIENTES ----------------------------------------------------*/
.zona_clientes
{
width: 100%;
}
.zona_clientes img
{
float: left;
margin: 0 10px 10px 0;
max-width: 30%;
}
.zona_clientes ul
{
padding: 0;
margin: 10px 0;
}
.zona_clientes li
{
color: #777;
list-style: inside;
}
.zona_clientes p
{
color: #777;
}
fieldset.recuperar label
{
display: inline-block;
*display: inline-block;
text-align: left;
width: 140px !important;
}
fieldset.recuperar div
{
display: inline-block;
*display: inline-block;
width: 74% !important;
}
/* -------------------------------------------------- FIN ZONA CLIENTES -------------------------------------------------*/
.vigilado
{
width: 100%;
margin-top: 20px;
}
.vigilado h2
{
color: #fff;
padding: 2px 0;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
max-width: 100%;
display: inline-block;
*display: inline-block;
}
.vigilado p
{
color: #fff;
text-align: center;
padding: 5px 0;
margin: 0 10px;
max-width: 100%;
display: inline-block;
*display: inline-block;
}
/*-------------------------------------------------- CONTENEDOR DE SUCURSAL VIRTUAL ---------------------------------*/
.cont_sucursal
{
width: 100%;
padding: 15px;
background: #f5f5f5;
box-sizing:border-box;
-o-box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.cont_sucursal ul
{
list-style: none;
padding: 0;
margin: 0;
}
.cont_sucursal ul li
{
display: inline-block;
*display: inline-block;
width: 31%;
vertical-align: top;
margin: 0 15px 0 0;
}
.cont_sucursal ul li:last-child
{
margin: 0;
}
.cont_sucursal ul li img
{
margin: 0 0 10px 0;
max-width: 100%;
}
.cont_sucursal ul li h2
{
text-align: center;
margin: 0;
color: #000000;
height: 40px;
}
.cont_sucursal ul li .btn_ir p
{
background:#ffc300 ;
color: #fff;
text-align: center;
padding: 10px;
margin-top: 0;
width: 100%;
display: inline-block;
*display: inline-block;
text-transform: uppercase;
box-sizing:border-box;
-o-box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.cont_sucursal ul li .btn_ir:hover p
{
background:#FFD13D;
}
/*-------------------------------------------------- FIN CONTENEDOR DE SUCURSAL VIRTUAL ---------------------------------*/
/* ---------------------------------------------- CONTENEDOR DE DOCUMENTOS DESCARGABLES  ----------------------*/
.cont_documentos ul
{
padding: 0;
margin: 0;
list-style: none;
}
.cont_documentos ul li h3
{
margin: 0;
text-transform: none;
color: #0AB2BC;
}
.cont_documentos ul li
{
border-bottom: 2px dotted #eee;
padding: 10px 0 10px 40px;
background: url(../images/descarga.png) no-repeat 0px;
}
.cont_documentos ul li:hover
{
background: url(../images/descarga_on.png) no-repeat 0px;
}
aside .cont_documentos ul li
{
border-bottom: 2px dotted #eee;
padding: 5px 0 5px 40px;
background: url(../images/descarga.png) no-repeat 6px -2px;
margin: 5px 0;
}
aside .cont_documentos ul li:hover
{
background: url(../images/descarga_on.png) no-repeat  6px -2px;
}
aside .cont_documentos ul li:last-child {
border: 0;
}
/* ---------------------------------------------- CONTENEDOR DE DOCUMENTOS DESCARGABLES  ----------------------*/
/* 	BLOQUE INDEX   */
/*  FIN BLOQUE INDEX  */
.bloque_index{
display: inline-block;
*display: inline-block;
width: 100%;
margin-bottom: 5%;
vertical-align: top;
}
.bloque_index img
{
display: inline-block;
margin: 0 20px 0 0;
float: left;
width: 25%;
}
.bloque_index h2:hover
{
color: #0AB2BC;
}
.bloque_mapa{
display: inline-block;
*display: inline-block;
width: 100%;
margin:2% 0 0 0;
vertical-align: top;
}
/*  MAPAS  */
.mapas_agencias
{
display: inline-block;
width: 100%;
margin: 10px 0 0 0;
padding: 0;
}
.mapas_agencias ul
{
display: inline-block;
width: 100%;
margin: 0;
padding: 0;
list-style: none;
}
.mapas_agencias ul li
{
display: inline-block;
width: 29%;
margin: 15px 10px;
}
.mapas_agencias ul li a
{
text-decoration: none;
}
.mapas_agencias ul li h3
{
text-align: center;
display: inline-block;
width: 100%;
margin: 0 0 10px 0;
}
.mapas_agencias ul li img
{
display: inline-block;
max-width: 100%;
margin: 0 !important;
border: none;
float: none !important;
}
/*  FIN MAPAS  */
/*  DOCUMENTOS QSOMOS  */
.documentos
{
display: inline-block;
width: 100%;
margin: 15px 0 0 0;
padding: 0;
}
.documentos ul
{
display: inline-block;
width: 100%;
padding: 0;
list-style: none;
}
.documentos ul li
{
display: inline-block;
width: 100%;
margin: 0;
padding:  5px 0;
border-bottom: 1px solid #ccc;
box-sizing: border-box;
-o-box-sizing: border-box; /* Opera */
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
}
.documentos ul li a
{
text-decoration: none;
}
.documentos ul li p
{
display: inline-block;
vertical-align: middle;
color: #000000;
}
.documentos ul li p:hover
{
color: #7DBB10;
}
.documentos ul li img
{
display: inline-block;
max-width: 100%;
margin: 0 5px 0 0;
vertical-align: middle;
}
/*  FIN DOCUMENTOS QSOMOS  */
/*  CAMPAÑAS  */
.bloque_campania
{
display: inline-block;
width: 30.5%;
margin: 0 15px 20px 0;
vertical-align: top;
}
.bloque_campania img
{
width: 100%;
margin: 0;
border: none;
}
.bloque_campania h3
{
width: 100%;
margin: 0;
background: #ffc300;
margin: -4px 0 0 0;
padding: 5px;
color: #fff;
height: 45px;
box-sizing: border-box;
-o-box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.bloque_campania h3:hover
{
background: #FFD241;
}
/*  CAMPAÑAS FIN  */
/* ASOCIADOS  */
.cont_asociados
{
display: inline-block;
width: 100%;
}
.cont_asociados img
{
float: right;
margin: 0 0 0 15px;
max-width: 32%;
}
.cont_asociados p
{
text-align: justify;
}
/*  FIN ASOCIADOS   */
/* ----------------------------------------------- Carruseles ----------------------------------------------- */
.caroufredsel_wrapper{
width: 100% !important;
}
/* Carrusel de imagenes */
.carrusel_imagenes
{
width: 100%;
margin: 0 0 10px 0;
padding: 0 25px;
display: inline-block;
*display: inline-block;
vertical-align: middle;
position: relative;
box-sizing: border-box;
-o-box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.carrusel_imagenes .caroufredsel_wrapper{
height: 290px !important;
}
.carrusel_imagenes #carrusel_imagenes {
margin: 0;
padding: 0;
list-style: none;
display: block;
}
.carrusel_imagenes .item_img {
text-align: center;
width: 182px;
height: 180px;
margin:0 18px 0 0;
display: block;
float: left;
box-sizing:border-box;
-o-box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.carrusel_imagenes .item_img h3{
color:#000;
}
.carrusel_imagenes .item_img p{
margin:0 0 3% 0;
}
.carrusel_imagenes .item_img h2{
color: #0AB2BC;
width: 63%;
display: inline-block;
vertical-align:middle;
text-align: left;
margin: 0 0 0px 0;
}
.carrusel_imagenes .item_img .info_prod img{
border-radius:50%;
background:#0AB2BC;
width: 10%;
padding: 3%;
}
.carrusel_imagenes .item_img .info_prod .bolsa{
padding: 3% 4% 3% 2%;
}
.carrusel_imagenes .item_img a
{
color: #000;
}
.carrusel_imagenes .item_img  img
{
vertical-align: middle;
}
.carrusel_imagenes .item_img h4
{
text-align: center;
color: #4BB8D4;
margin: 3px 0;
}
.carrusel_imagenes .clearfix {
float: none;
clear: both;
}
.carrusel_imagenes .prev {
position: absolute;
left: -4px;
top: 50px;
}
.carrusel_imagenes .next {
position: absolute;
right: -4px;
top: 50px;
}
/* Carrusel de imagenes */
/* ----------------------------------------------- Carruseles ----------------------------------------------- */
/* --------------------------------------- CONTENEDOR INICIO DE SESIÓN --------------------------------------- */
.cont_inicio_sesion
{
text-align: center;
padding: 20px;
margin: 0 0 10px 0;
/*Bordes redondeados */
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
/*Bordes redondeados */
box-sizing:border-box;
-o-box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
border-bottom: 1px solid #000;
}
.cont_inicio_sesion p
{
text-align: center;
color: #fff;
width: 70%;
margin: 15px auto;
font-size: 0.93em;
}
.cont_inicio_sesion h1 , .cont_inicio_sesion h2
{
text-align: center;
margin: 0 0 5px
}
.cont_inicio_sesion fieldset
{
width: 85%;
display: inline-block;
*display: inline-block;
}
.cont_inicio_sesion fieldset span{
display: inline-block;
    text-align: left;
    width: 100%;
    color: #a4a4a4;
    font-size: 0.8em;
}
.cont_inicio_sesion fieldset input
{
background: #111;
border: 1px solid #111;  
}
.cont_inicio_sesion fieldset input:hover
{
background: #111;
border: 1px solid #111;  
}
.cont_inicio_sesion .links_centro
{
margin: 0 0 10px 0;
}
.cont_inicio_sesion .links_centro a{
color: #fff;
font-size: 0.87em;
}
.cont_inicio_sesion img{
width: 43%;
}
/* --------------------------------------- CONTENEDOR INICIO DE SESIÓN --------------------------------------- */
/* ------------------------------------------ CONTENDOR CLIENTE NUEVO ------------------------------------------ */
.cont_cliente_nuevo
{
text-align: center;
padding: 5px;
margin: 0 0 10px 0;
/*Bordes redondeados */
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
/*Bordes redondeados */
box-sizing:border-box;
-o-box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.cont_cliente_nuevo p
{
margin: 0 0 10px 0;
text-align: center;
}
.cont_cliente_nuevo h2
{
text-align: center;
margin: 0 0 5px
}
.btn_registro{
color: #fff;
font-weight: 700;
text-transform: uppercase;
font-size: 1em;
}
/* ------------------------------------------ CONTENDOR CLIENTE NUEVO ------------------------------------------ */
/* ---------------------------------------- CONTENEDOR RECUPERAR CONTASEÑA ---------------------------------------- */
.cont_recuperar_contrasena
{
text-align: center;
background: #F6F6F6;
padding: 20px;
margin: 0 0 10px 0;
/*Bordes redondeados */
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
/*Bordes redondeados */
box-sizing:border-box;
-o-box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.enlace_registro
{
margin-top: 20px;
text-align: center;
}
/* ---------------------------------------- CONTENEDOR RECUPERAR CONTASEÑA ---------------------------------------- */
/* MENÚ INTERNO */
.menu_interno{
display: inline-block;
*display: inline-block;
width: 100%;
margin: 0 0 10px 0;
}
/* MENÚ INTERNO */
/* CONTENEDOR DE QUIÉNES SOMOS */
.cont_qsomos{
list-style: none;
margin: 0 0 10px 0;
padding: 0;
width: 100%;
display: inline-block;
*display: inline-block;
}
.cont_qsomos li{
margin:0 0 2% 0;
padding: 0;
width: 100%;
display: inline-block;
*display: inline-block;
}
.cont_qsomos img{
float: left;
margin: 0 0 1.8% 0;
width: 100%;
}
.cont_qsomos iframe{
margin: 0 0 10px 0;
}
.cont_qsomos_detalle{
width: 100%;
margin: 0;
padding:0;
}
.cont_qsomos_detalle li{
list-style: none
}
/* CONTENEDOR DE QUIÉNES SOMOS */
/* CONTENEDOR DE TESTIMONIOS */
.cont_testimonios{
list-style: none;
margin: 0 0 10px 0;
padding: 0;
width: 100%;
display: inline-block;
*display: inline-block;
}
.cont_testimonios li{
margin: 0 0 10px 0;
padding: 0;
width: 100%;
display: inline-block;
*display: inline-block;
}
.cont_testimonios img{
float: left;
margin: 0 1.8% 0 0;
width: 40%;
}
.cont_testimonios iframe{
margin: 0 0 10px 0;
}
/* CONTENEDOR DE TESTIMONIOS */
/* Estilo campo requerido */
.camp_requerido{
color: #E23030;
text-transform: capitalize;
}
/* Estilo campo requerido */
.publicaciones_lista{
margin: 0;
padding: 0;
}
.publicaciones_lista li{
text-decoration: none;
list-style: none;
}
/*TRACKING*/
.cont_header_imprimir, .cont_imprimir{
text-align: center;
padding:1% 2%;
}
.cont_imprimir h1{
text-align: center;
border-bottom:1px solid #ccc;
}
.cont_imprimir .impr_pedido{
margin:0 0 1% 0;
}
.cont_imprimir .impr_pedido h1{
text-align:left;
border-bottom:1px solid #ccc;
}
.cont_imprimir .impr_pedido h2{
color:#4795C9;
}
.tbl_compra_detalle .txt_tbl p strong{
color:#4795C9;
}
/*TRACKING*/
/*BOTON FACEBOOK EN REGISTRO NUEVOS CLIENTES*/
#frm_1{
position: relative;
}
.btn_fb_clientes{
background: #45619d url(../images/icofbbtn.png) no-repeat;
background-position: 18%;
background-size: 9%;
margin: 0!important;
padding: 1% 2% 1% 6%;
display: inline-block;
color: #fff;
text-align: right;
position: absolute;
top: 0;
right: 0;
}
/*BOTON FACEBOOK EN REGISTRO NUEVOS CLIENTES*/
/*=============================================================================================================================
ESTILO QUE AFECTAN LA CONSOLA
=============================================================================================================================*/
.btn_nav_pttp{
text-align: center;
border-bottom: #33A69D 5px solid;
border-right: 0;
border-left: 0;
border-top: 0;
padding: 1% 2%;
display: inline-block;
color: #FFF;
background: #3FCBC2;
margin: 1.5% 0.5%;
}
.btn_nav_pttp:hover /*Fondo y color de letra cuando el cursor esta sobre el botón*/{
border-top: #fff 5px solid;
border-bottom: none;
}
.editar-modulo /*Estilo boton genereal*/{
color: #fFF;
background: #F25845;
border-bottom: 5px solid #CF472C;
padding:0.5% 3%;
display: inline-block;
*display: inline-block;
text-align: center;
position: relative;
margin: 2% 0;
}
.editar-modulo:hover /*Estilo boton genereal*/{
/*background: #CF472C;*/
border-top: 5px solid #FFF;
border-bottom: none;
}
.editar-modulo:hover img /*Estilo boton genereal*/{
background: url(../images/pstbtn2.png) no-repeat;
}
.pstnia{
position: absolute;
top: -7px;
left: 17px;
width: 15%;
transform: rotate(135deg);
-webkit-transform: rotate(135deg);
-o-transform: rotate(135deg);
-moz-transform: rotate(135deg);
}
/*=============================================================================================================================
ESTILO QUE AFECTAN LA CONSOLA
=============================================================================================================================*/
/*Estilos menu ppal lateral*/
.cont_lat_menu_ppal{
width: 100%;
margin: 2% 0;
}
.cont_lat_menu_ppal ul{
width: 100%;
margin: 0;
padding: 0;
}
.cont_lat_menu_ppal ul li{
width: 100%;
list-style: none;
border-bottom: #ccc solid 1px;
}
.cont_lat_menu_ppal ul li a{
color: #999;
padding: 2% 0;
}
/*Estilos menu ppal lateral*/}
/*VIDEOS*/
.cont_videos{
width: 100%;
margin: 0 auto;
position: relative;
}
.cont_videos ul{
width: 100%;
margin: 0;
padding:0;
}
.cont_videos ul li{
width: 47%;
list-style: none;
display: inline-block;
margin: 0 2% 2% 0;
vertical-align: top;
}
/*VIDEOS*/
/*TESTIMONIOS LATERAL*/
.testimonio_lateral{
width: 100%;
display: inline-block;
}
.testimonio_lateral ul{
width: 100%;
display: inline-block;
padding: 0;
margin: 0;
}
.testimonio_lateral ul li{
list-style: none;
}
/*TESTIMONIOS LATERAL*/
/*TITULO Y DESCRIPCION DE ECOMMERCE*/
.tit_y_decrip{
display: inline-block;
margin: 1% 0 2% 0;
}
/*TITULO Y DESCRIPCION DE ECOMMERCE*/
.bql_contacto, .bql_contacto form fieldset{
width: 100;
margin: 0;
padding: 0;
}
.bql_contacto form fieldset input[type="text"]{
width: 50%;
padding: 3px;
vertical-align: middle;
}
.actp_condicions{
width: 100%;
margin: 0;
padding: 0;
}
.actp_condicions input[type="checkbox"]{
display: inline-block;
width: 2%;
vertical-align: middle;
float: left;
margin: 1% 0;
}
.actp_condicions p{
width: 70%;
display: inline-block;
vertical-align: middle;
color:#FFF;
}
.actp_condicions a{
color: #ccc;
}
.actp_condicions a:hover{
color: #B6B6B6;
text-decoration: underline;
}
.lateral .buscador{
width: 100%;
margin: 0 auto;
}
.cont_carrito{
width: 90%;
margin: 0 auto;
}
.cont_carrito h1{
text-align: center;
margin: 2% 0% 2% 0%;
text-transform: uppercase;
font-weight: 700;
font-size: 2.3em;
}
.cont_validar_codigo{
width: 35%;
}
.barra_buscador{
color: #666;
}
.barra_buscador span{
position: relative;
left: 5px;
color: #CC0F16;
font-style: italic;
}
/* CONTENIDO RELACIONADO*/
.cont_relacionado{
padding: 10px 0;
margin: 15px 0;
box-sizing:border-box;
-o-box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.cont_relacionado h1{
color: #CC0F16;
padding: 0;
margin-bottom: 5px;
box-sizing:border-box;
-o-box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.cont_relacionado ul{
margin: 0;
list-style: none;
padding: 0;
display: inline-block;
width: 100%;
}
.cont_relacionado ul li{
display: inline-block;
width: 100%;
margin: 0 0 5px 0;
padding: 10px;
border: 1px solid #ededed;
}
.cont_relacionado ul .list_busc_prod{
display: inline-block;
width: 28%;
margin: 0 3% 3% 0%;
vertical-align: top;
padding: 10px;
text-align: center;
border: 1px solid #ededed;
}
.cont_relacionado ul .list_busc_prod:nth-child(3n+4){
margin:0 0 3% 0;
}
.cont_relacionado ul li img{
float: left;
margin: 0 0px 0 0;
width: 100%;
}
.cont_relacionado ul li .links_productos_detalle img{
border-radius: 50%;
background: #0AB2BC;
width: 17%;
padding: 6%;
display: inline-block;
float: none;
margin: 0 5px 0 0;
vertical-align: middle;
}
.cont_relacionado ul .list_busc_prod h2{
color: #000;
margin: 3% 0;
text-align: center;
}
.cont_relacionado ul .list_busc_prod p{
color: #0AB2BC;
width: 100%;
display: inline-block;
vertical-align: middle;
text-align: center;
margin: 3% 0;
}
.cont_relacionado ul .list_busc_prod span{
margin: 0;
line-height: 1.4em;
text-align: justify;
color: #0AB2BC;
text-decoration: underline;
}
.cont_relacionado ul li:last-child{
margin: 0;
}
.cont_relacionado ul li h2{
margin: 0;
text-transform: none;
}
.cont_relacionado ul li:hover h2{
color: #CC0F16;
}
.cont_relacionado ul li a article /*Borde contenedor resultado de busqueda*/{
padding: 2px 5px;
margin: 0;
position: relative;
}
.cont_relacionado ul li a article img{
float: left;
margin-right: 10px;
max-width: 6%;
vertical-align: middle;
}
.cont_relacionado ul li a article h2 /*Fuente de titulo - resultado de busqueda*/{
margin: 0;
color: #000;
vertical-align: middle;
}
.cont_relacionado ul li a article p{
margin: 0;
color: #555;
}
.cont_relacionado ul li a article:hover h2, .cont_relacionado ul li a article:hover p{
color: #CC0F16;
}
/* LANDING PAGE UNO */
.cont_superior_1_landing1 header .cont_header_interior {
width:92%;
overflow:hidden
}
.cont_superior_1_landing1 header .logo_encabezado {
width:10%;
float:left;
}
.cont_superior_1_landing1 header .centro_header {
width: 90%;
float: right;
margin: 1.45% 0;
}
.cont_superior_1_landing1 header .cont_info_header{
display: inline-block;
text-align: right;
vertical-align: middle;
width: 40%;
}
.cont_superior_1_landing1 header .cont_info_header h2{
text-align:right;
}
.cont_superior_1_landing1 header .cont_info_header p{
text-align:right;
}
.cont_superior_2_landing1{
overflow: hidden;
}
.cont_superior_2_landing1 .txt_index{
width:50%;
padding:4%;
box-sizing:border-box;
float:left;
}
.cont_superior_2_landing1 #frm_1{
width: 50%;
padding: 4%;
box-sizing: border-box;
float: left;
background: #f5f5f5;
}
.cont_cuerpo_general_landing1{
width: 100%;
padding: 3%;
box-sizing: border-box;
}
.cont_cuerpo_general_landing1 .carrusel_imagenes .item_img {
margin: 0px 39px 0 0;
width: 210px;
}
.cont_cuerpo_general_landing1 .carrusel_imagenes .caroufredsel_wrapper {
height: 350px !important;
}
.cont_cuerpo_general_landing1 .carrusel_imagenes .item_img h3{
text-align: center;
}
.cont_cuerpo_general_landing1 .carrusel_imagenes .item_img p{
text-align: center;
}
.cont_cuerpo_general_landing1 .carrusel_imagenes .item_img h2 {
width: 100%;
text-align: center;
}
.cont_cuerpo_general_landing1 .txt_index h1{
text-align:center;
margin:0 0 1.2% 0;
}
.cont_cuerpo_general_landing1 .txt_index p{
text-align:center;
margin:0 0 2% 0;
}
.cont_inferior_1_landing1{
width: 100%;
padding: 3%;
box-sizing: border-box;
}
.cont_inferior_1_landing1 .txt_index h1{
text-align:center;
margin:0 0 1.2% 0;
}
.cont_inferior_1_landing1 .txt_index p{
text-align:center;
}
.cont_inferior_2_landing1{
background: #666;
}
.cont_inferior_2_landing1 footer .footer_derecho {
width: 84%;
}
.cont_inferior_2_landing1 footer .cont_info h2 {
text-align: left;
}
.cont_inferior_2_landing1 footer .cont_info p {
color: #fff;
text-align: right;
line-height: 1.4em;
display: inline-block;
margin: 0 4% 0 0;
}
.cont_inferior_2_landing1 footer .footer_izquierdo {
width: 15%;
}
.cont_inferior_2_landing1 .cont_redes_inferior {
width: 100%;
}
.cont_inferior_2_landing1 .cont_redes_inferior h2{
text-align: center;
}
.cont_inferior_2_landing1 .redes_inferior {
text-align: center;
}
#ancla-inicio{
width: 40.5%;
display: inline-block;
background: #222;
-webkit-box-shadow: 0px 3px 13px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 3px 13px 0px rgba(0,0,0,0.75);
box-shadow: 0px 3px 13px 0px rgba(0,0,0,0.75);
}

.inicio_sesion_cycle .cont_cuerpo_general{
background: url(images/fondologincycling.jpg) no-repeat center;
background-size: cover;
padding: 4.5% 0;
}
.inicio_sesion_cycle .cont_cuerpo_general .cont_tamano{
width: 85%;
}

.inicio_sesion_cycle .cont_cuerpo_general .txt_index {
width: 50%;
float: right;
}
.inicio_sesion_cycle .cont_cuerpo_general .txt_index img{
width: 65%;
margin-top: -3%;
}
.inicio_sesion_cycle .cont_cuerpo_general .txt_index h1{
color: #FFF;
font-size: 1.8em;
margin-bottom: 3.5%;
padding: 0;
text-align: left;
font-weight: 800;
}
.inicio_sesion_cycle .cont_cuerpo_general .txt_index h1{
color: #FFF;
font-size: 1.8em;
margin-bottom: 0.5%;
padding: 0;
text-align: left;
font-weight: 800;
}
.inicio_sesion_cycle .cont_cuerpo_general .txt_index h2{
color: #FFF;
padding: 0;
text-align: left;
font-weight: 800;
font-size: 4.5em;
line-height: 0.9em;
}
.inicio_sesion_cycle .cont_cuerpo_general .txt_index ul li ul li{
    position: relative !important;
    margin: 0;
    display: inline-block;
    width: 100%;
}
.inicio_sesion_cycle .cont_cuerpo_general .txt_index ul li ul li h3{
color: #fff;
font-weight: 600;
padding: 10px;
padding-left: 10.5%;
letter-spacing: 1px;
font-size: 0.97em;
}
.inicio_sesion_cycle .cont_cuerpo_general .txt_index ul li ul li:nth-child(1) h3{
background: url(images/icon-banner1.png) no-repeat 1%;
background-size: 5.5%;
}
.inicio_sesion_cycle .cont_cuerpo_general .txt_index ul li ul li:nth-child(2) h3{
background: url(images/icon-banner2.png) no-repeat 1%;
background-size: 5.5%;
}
.inicio_sesion_cycle .cont_cuerpo_general .txt_index ul li ul li:nth-child(3) h3{
background: url(images/icon-banner3.png) no-repeat 1.5%;
background-size: 5.5%;
}
.inicio_sesion_cycle .cont_cuerpo_general .txt_index ul li ul li:nth-child(4) h3{
background: url(images/icon-banner4.png) no-repeat 1%;
background-size: 5.5%;
}
.inicio_sesion_cycle .cont_cuerpo_general .txt_index ul li ul li:nth-child(5) h3{
background: url(images/icon-banner5.png) no-repeat 1.5%;
background-size: 5.5%;
}
.inicio_sesion_cycle footer{
display: none;
}
.inicio_sesion_cycle .txt_index .btn_general{
display: block;
background: url(images/youtube-22.png) no-repeat 2% 73%;
background-size: 4.5%;
border: none;
border-top: 1px dashed #fff;
border-radius: 0;
padding-top: 25px;
padding-left: 11%;
font-size: 1.2em;
}


.ir_movilid img{
width: 3.4%;
display: inline-block;
margin-left: 0.5%;
vertical-align: middle;
}
.tienda_movilid{
background: #FF3333 url(images/icon.png) no-repeat 7%;
border-radius: 25px;
padding: 10px 13px;
font-size: 0.72em;
font-weight: 600;
color: #fff;
letter-spacing: 1px;
padding-left: 40px;
background-size: 22px;
vertical-align: middle;
}
.home_cycling .cont_header{
background: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 9;
}
.cont1_home_cycling{
background: #ED1C24;
position: relative;
padding: 1% 0 1.3%;
}
.cont1_home_cycling h1{
color: #FFF;
font-size: 1.26em;
font-weight: 700;
margin: 0 0 0 2.5%;
}
.cont1_home_cycling h2{
color: #FFF;
font-size: 1.26em;
font-weight: 700;
margin: 0 0 0 2.5%;
}
.cont1_home_cycling .btn_general{
color: #ed1c24;
background: #fff url(images/power.png) no-repeat 10%;
background-size: 7%;
position: absolute;
right: 14.5%;
top: -50%;
margin: 0 !important;
z-index: 9;
border: 1px solid #FFF;
border-radius: 55px;
font-size: 1.19em;
letter-spacing: 0;
font-weight: 800;
padding: 2% 3% 2% 5.2%;
-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.cont1_home_cycling .btn_general:hover{
color: #fff;
background: #ed1c24 url(images/power1.png) no-repeat 10%;
background-size: 7%;
border: 1px solid #ed1c24;
}

.cont2_homecycling{
padding: 3.1% 0;
}
.cont2_homecycling h1{
text-align: center;
font-size: 2.2em;
font-weight: 700;
margin-bottom: 1.7%;
}
.cont2_homecycling h2{
text-align: center;
margin: 3% 0;
color: #000;
font-weight: 700;
font-size: 1.23em;
}
.cont2_homecycling p{
text-align: center;
width: 84%;
margin: auto;
font-size: 0.92em;
}
.cont2_homecycling .txt_index ul li ul{
width: 54%;
display: block;
margin: auto;
text-align: center;
}
.cont2_homecycling .txt_index ul li ul li{
background: url(images/list-cycling.png) no-repeat left;
width: 49%;
display: inline-block;
margin: 1% 0;
padding-left: 7%;
box-sizing: border-box;
}
.cont2_homecycling .txt_index ul li ul li:nth-child(odd){
width: 44%;
}
.cont2_homecycling .txt_index ul li ul li p{
font-size: 0.95em;
text-align: left;
width: 100%;
}
.cont2_homecycling .ecommerce_productos_lista{
margin-top: 5% !important;
}
.cont2_homecycling .btn_general{
display: block;
width: 13%;
padding: 10px 2px;
text-align: center;
border-radius: 3px;
margin: 4% auto !important;
}
.cont_general_home{
background: #ed1c24;
box-sizing: border-box;
padding: 1% 0 1% 4.5%;
margin: 4% 0;
}
.cont_general_home h1{
color: #fff;
font-weight: 700;
font-size: 2.1em;
letter-spacing: 2px;
margin: 0;
}

.cont_general_home h2{
color: #fff;
font-size: 2.07em;
letter-spacing: 2px;
margin-top: -8px;
}
.cont_general_home .txt_index{
position: relative;
}
.cont_general_home .txt_index img{
right: -1%;
position: absolute;
width: 45%;
top: 50%;
transform: translateY(-50%);
}
.cont_infe_home{
padding-bottom: 3%;
}
.cont_infe_home h1{
text-align: center;
font-size: 2.2em;
font-weight: 700;
margin-bottom: 1.7%;
}
.cont_infe_home p{
text-align: center;
padding: 0 18%;
box-sizing: border-box;
font-size: 1.13em;
}
.cont_infe_home h3{
text-align: center;
background: #ed1c24;
color: #fff;
font-weight: 500;
display: block;
width: 53%;
padding: 10px;
margin: -1.5% auto 2%;
}
.cont_infe2_home .txt_index{
padding: 5.5% 5%;
background: url(images/fondo-demo-cycling.jpg) no-repeat;
background-size: cover;
box-sizing: border-box;
position: relative;
}
.cont_infe2_home .txt_index ul {
width: 31%;
}
.cont_infe2_home .txt_index ul li ul {
width: 50%;
margin-left: 18.5%;
border-left: 1px solid #fff;
padding-left: 5%;
}
.cont_infe2_home .txt_index ul li ul li{
margin: 5% 0;
display: inline-block;
width: 100%;
position: relative;
}
.cont_infe2_home .txt_index ul li ul li:nth-child(1):before{
position: absolute;
content: "";
top: 0;
left: -27%;
width: 7%;
height: 100%;
background: url(images/cate-demo1.png) no-repeat center center;
background-size: 100%;
}
.cont_infe2_home .txt_index ul li ul li:nth-child(2):before{
position: absolute;
content: "";
top: 0;
left: -38%;
width: 18%;
height: 100%;
background: url(images/cate-demo2.png) no-repeat center center;
background-size: 100%;
}
.cont_infe2_home .txt_index ul li ul li:nth-child(3):before{
position: absolute;
content: "";
top: 0;
left: -47%;
width: 27%;
height: 100%;
background: url(images/cate-demo3.png) no-repeat center center;
background-size: 100%;
}
.cont_infe2_home .txt_index ul li ul li p{
font-size: 1.05em;
font-weight: 500;
}
.cont_infe2_home .cont_video{
width: 58% !important;
display: inline-block;
position: absolute;
top: 50%;
z-index: 9;
margin: 0 !important;
right: 5%;
transform: translateY(-50%);
}
.cont_infe2_home h1{
color: #fff;
font-size: 4em;
font-weight: 800;
padding-left: 21%;
background: url(images/icon-demo.png) no-repeat left;
background-size: 17%;
}
.cont_infe2_home p{
color: #fff;
font-size: 0.9em;
text-align: left;
}
.cont_infe2_home h3{
color: #fff;
font-size: 1.15em;
font-weight: 600;
margin: 5% 0;
}
.cont_infe2_home .btn_general{
background: url(images/power1.png) no-repeat left;
background-size: 7%;
border: none;
color: #FFF;
margin-top: 5% !important;
font-size: 1.15em;
padding-right: 0;
border-bottom: 1px solid transparent;
}
.cont_infe2_home .btn_general:hover{
border-bottom: 1px solid #fff;
}
.formas_pago h2 {
color: #286092;
font-size: 0.75em;
font-weight: 600;
margin: 0% 1% 0% 0%;
text-align: right;
display: inline-block;
}
.lista_logo {
width: 50%;
margin: 0% 0% 0% 0%;
padding: 0;
display: inline-block;
background: #fff;
}


.cont_zonaprivada{
padding: 0;
}
.cont_supe_zp{
width: 100%;
background: #222;
padding: 1.3% 0;
}
.cont_supe_zp img{
width: 11.5%;
margin-left: 5%;
vertical-align: middle;
margin-right: 1.5%;
}
.cont_supe_zp h2{
display: inline-block;
vertical-align: middle;
margin: 0;
color: #fff;
font-weight: 700;
font-size: 1.2em;
width: 55%;
}
.cont_supe_zp h3{
display: inline-block;
vertical-align: middle;
margin: 0;
color: #fff;
font-weight: 700;
font-size: 1.2em;
width: auto;
margin-right: 1%;
}
.cont_supe_zp h4{
display: inline-block;
vertical-align: middle;
margin: 0;
color: #fff;
font-weight: 700;
font-size: 1.2em;
}
.lat_zonaprivada{
width: 25.5%;
margin: 3% 0 3% 5%;
padding-right: 2.1%;
border-right: 1px solid #D7DBDE;
}
.lat_zonaprivada img{
width: 90%;
display: block;
margin: 5% auto 10%;
}


.lat_zonaprivada .detalle_curso{
padding-bottom: 4.5%;
border-bottom: 1px solid #D7DBDE;
}
.lat_zonaprivada .detalle_curso h2{
color: #ED1C24;
font-weight: 800;
font-size: 1.14em;
padding-left: 3%;
}
.lat_zonaprivada .detalle_curso h3{
text-align: left;
    color: #000;
    font-size: 1.2em;
    font-weight: 600;
    margin-top: 1%;
    letter-spacing: 1px;
    padding: 5px 5px 5px 5%;
    background: url(images/objetivos-plan.png) no-repeat left;
    background-size: 4%;
}
.lat_zonaprivada .detalle_curso p{
font-size: 0.9em;
text-align: left;
padding-left: 3%;
}
.lat_zonaprivada .detalle_curso ul{
margin-top: 4%;
}
.lat_zonaprivada .detalle_curso ul li{
width: 37%;
display: inline-block;
margin: 1.5% 0;
}
.lat_zonaprivada .detalle_curso ul li h3{
color: #000;
font-weight: 700;
font-size: 0.9em;
padding: 8px 5px 8px 36%;
margin: 0;
}
.lat_zonaprivada .detalle_curso ul li:nth-child(1) h3{
background: url(images/detalle-curso1.png) no-repeat left center;
background-size: 27%;
}
.lat_zonaprivada .detalle_curso ul li:nth-child(3) h3{
background: url(images/detalle-curso2.png) no-repeat left center;
background-size: 27%;
}
.lat_zonaprivada .detalle_curso ul li:nth-child(5) h3{
background: url(images/detalle-curso3.png) no-repeat left center;
background-size: 27%;
}

.lat_zonaprivada .detalle_curso ul li p{
font-weight: 600;   
}

.lat_zonaprivada .info_ciclista {
position: relative;
}
.lat_zonaprivada .info_ciclista img{
width: 100%;
margin: 7% 0 0;
}
.lat_zonaprivada .info_ciclista a{
background: #ed1c24;
border-radius: 4px;
padding: 16px;
font-size: 0.72em;
font-weight: 600;
color: #fff;
letter-spacing: 1px;
vertical-align: middle;
display: block;
width: 61%;
margin: -7% auto 4%;
text-align: center;
position: absolute;
z-index: 99;
left: 50%;
transform: translateX(-50%);
}

.lat_zonaprivada .info_ciclista h2{
text-align: center;
font-weight: 700;
font-size: 1.25em;
line-height: 1.1em;
margin-top: 12%;
}

.lat_zonaprivada .info_ciclista p{
text-align: left;
}

.info_ciclista {
position: relative;
}
.info_ciclista img{
width: 100%;
margin: 7% 0 0;
}
.info_ciclista a{
background: #ed1c24;
border-radius: 4px;
padding: 16px;
font-size: 0.72em;
font-weight: 600;
color: #fff;
letter-spacing: 1px;
vertical-align: middle;
display: block;
width: 61%;
margin: -7% auto 4%;
text-align: center;
position: absolute;
z-index: 99;
left: 50%;
transform: translateX(-50%);
}

.info_ciclista h2{
text-align: center;
font-weight: 700;
font-size: 1.25em;
line-height: 1.1em;
margin-top: 12%;
}
.info_ciclista p{
text-align: left;
font-size: 0.9em;
}







.cont_cuerpo_zp{
width: 62%;
display: inline-block;
margin: 3% 4% 3% 0;
padding-left: 3%;
box-sizing: border-box;
}
.cont_cuerpo_zp h2{
font-weight: 800;
font-size: 2.2em;
margin: 0
}

.cont_cuerpo_zp h1{
color: #ED1C24;
font-weight: 800;
line-height: 0.7em;
font-size: 3.5em;
margin-bottom: 2.5%;
text-transform: uppercase;
}
.cont_cuerpo_zp h1 span{
color: #010101;
display: block;
font-size: 0.7em !important;
}
.cont_cuerpo_zp h4{
margin: 1% 0px;
font-weight: 600;
color: #000;
padding: 10px 10px 10px 5%;
background: url(images/icon-play.png) no-repeat left center;
background-size: 3.4%;
}
.cont_cuerpo_zp h3{
text-align: left;
color: #000;
font-size: 1.2em;
font-weight: 600;
margin-top: 1%;
letter-spacing: 1px;
padding: 5px 5px 5px 5%;
background: url(images/objetivos-plan.png) no-repeat left;
background-size: 4%;
}

.titulo_plan{
    
    width: 32%;
    MARGIN: 0 0.9% 2% 0;
    display: inline-block;
}

.titulo_plan a{
    background: #000 url(images/icon-banner3.png) no-repeat 98% center;
    padding: 12px;
    border-radius: 6px;
    background-size: 27px;
    box-sizing: border-box;
    display: inline-block;
    width: 100%;
}

.titulo_plan:hover a{
    background-color:#ed1c24;
}

.titulo_plan img{
width: auto;
display: inline-block;
vertical-align: middle;
margin-right: 1%;
}
.list_planes {
padding: 2%;
box-sizing: border-box;
}
.titulo_plan h2{
color: #fff;
font-size: 1.1em;
font-weight: 600;
vertical-align: middle;
display: inline-block;
}
.list_planes h2{
color: #9DA6AE;
border: 1px solid #D7DBDE;
border-radius: 5px;
padding: 10px 10px 10px 8%;
font-weight: 600;
font-size: 1.2em;
background: url(images/play-plan.png) no-repeat 3%;
margin: 1.5% 0;
cursor: pointer;
}
.list_planes h2.on{
color: #D42532;
border: 1px solid #D42532;
background: url(images/play-plan1.png) no-repeat 3%;
margin: 1.5% 0;
}
.list_planes h2:hover{
color: #D42532;
border: 1px solid #D42532;
background: url(images/play-plan1.png) no-repeat 3%;
margin: 1.5% 0;
}

.list_planes p{
font-size: 0.9em;
margin: 1.5% 0 2%;
}
.list_planes li input[type="checkbox"]{
display: none;
}
.list_planes li{
position: relative;
}
.list_planes li label{
position: absolute;
right: 4%;
top: 25px;
transform: translateY(-50%);
font-weight: 700;
color: #D42532;
font-size: 0.95em;
padding: 0.9% 25px 0.9% 0;
cursor: pointer;
}
.list_planes li label:before{
position: absolute;
content: "";
right: 0;
top: 50%;
background: #fff;
width: 16px;
height: 16px;
transform: translateY(-50%);
border: 2px solid #D42532;
border-radius: 50%;
}
.list_planes li label:after{
position: absolute;
content: "";
right: 0;
top: 50%;
background: #fff;
width: 16px;
height: 16px;
transform: translateY(-50%);
border: 2px solid #D42532;
border-radius: 50%;
background: #D42532 url(images/checked.png) no-repeat center center;
background-size: 90%;
display: none;
}


.progreso_plan{
text-align: center;
margin-bottom: 10%;
}

.progreso_plan h2{
text-align: center;
margin-top: 3%;
font-weight: 600;
font-size: 1.5em;
}

.cont_inferior_2_plan{
padding: 4% 0 5%;
}
.cont_inferior_2_plan #frm_1{
width: 50%;
display: inline-block;
vertical-align: middle;
background: url(images/fondo-solicitar.jpg) no-repeat;
background-size: cover;
box-sizing: border-box;
padding: 5%;
}
.cont_inferior_2_plan #frm_1 h1{
font-size: 1.7em;
color: #fff;
padding-left: 7%;
background: url(images/icon-solicitar.png) no-repeat left;
background-size: 5%;
}
.cont_inferior_2_plan #frm_1 p{
color: #fff;
font-size: 0.87em;
margin: 0 0 2%;
}
.cont_inferior_2_plan #frm_1 fieldset{
margin-bottom: 15px;
}
.cont_inferior_2_plan #frm_1 fieldset textarea{
height: 100px;
}
.cont_inferior_2_plan .cont_fqs{
width: 41.5%;
display: inline-block;
vertical-align: middle;
margin-left: 3.3%;
}
.cont_inferior_2_plan .cont_fqs h2{
font-size: 1.7em;
font-weight: 700;
}
.cont_inferior_2_plan .cont_fqs p{
margin-bottom: 3%;
}
.cont_fqs{
list-style: none;
padding: 0;
margin: 0;
display: inline-block;
*display: inline-block;
width: 100%;
}
.cont_fqs li{
padding: 0;
margin: 1% 0;
display: inline-block;
width: 100%;
}
.cont_fqs li h2{
cursor: pointer;
font-weight: 600 !important;
font-size: 0.93em !important;
border: 2px solid #000;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
position: relative;
margin: 0 !important;
padding: 12px;
}
.cont_fqs li h2:before{
position: absolute;
right: 2.3%;
top: 50%;
transform: translateY(-50%);
content: "";
width: 15px;
height: 4px;
background: #000;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.cont_fqs li h2:after{
position: absolute;
right: 3.3%;
top: 50%;
transform: translateY(-50%);
content: "";
height: 15px;
width: 4px;
background: #000;
opacity: 1;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}

.cont_fqs li h2:hover{
border: 2px solid #FF2626;
color: #FF2626;
}
.cont_fqs li h2:hover:before{
background: #FF2626;
}
.cont_fqs li h2:hover:after{
background: #FF2626;
}
.cont_fqs li h2.on{
border: 2px solid #FF2626;
color: #FF2626;
}
.cont_fqs li h2.on:before{
background: #FF2626;
}
.cont_fqs li h2.on:after{
opacity: 0;
}
.cont_fqs li article p{
font-size: 0.85em;
margin: 3% 0;
}

.cont_infe_ciclista{
padding-top: 0;
}
.cont_infe_ciclista .txt_index {
width: 35%;
display: inline-block;
vertical-align: top;
margin-left: 2%;
}
.cont_infe_ciclista .txt_index h2{
color: #ED2C3A;
font-weight: 800;
font-size: 1.73em;
font-style: italic;
margin: 6% 0 0;
}
.cont_infe_ciclista .txt_index p{
font-size: 1.1em;
margin: 1% 0;
}
.cont_faqs .cont_fqs h2, .cont_faqs .cont_fqs p{
display: none;  
}
.cont_faqs .cont_fqs li h2, .cont_faqs .cont_fqs li p{
display: block;  
}
.cont_faqs .cont_fqs li h2:after {
    position: absolute;
    right: 3%;
}

.cont_solicitar_demo #frm_1{
width: 40.5%;
display: inline-block;
background: #222;
-webkit-box-shadow: 0px 3px 13px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 3px 13px 0px rgba(0,0,0,0.75);
box-shadow: 0px 3px 13px 0px rgba(0,0,0,0.75);
padding: 45px 25px;
box-sizing: border-box;
}
.cont_solicitar_demo #frm_1 h1{
color: #fff;
font-weight: 700;
text-align: center;
font-size: 1.7em;
text-transform: uppercase;
}

.cont_solicitar_demo #frm_1 p{
font-size: 0.9em;
color: #fff;
text-align: center;
}
.cont_solicitar_demo #frm_1 fieldset {
    margin: 5px 0 15px 0;
}
.cont_solicitar_demo #frm_1 fieldset input{
background: #111;
    border: 1px solid #111;
    color: #fff;
}
.cont_solicitar_demo .txt_index img{
margin-top: 3%;
}
.cont_txt{
width: 62%;
display: inline-block;
vertical-align: top;
}

.cont_supe_demo {
    padding: 4% 5% 6%;
    background: url(images/fondo-demo-cycling.jpg) no-repeat;
    background-size: cover;
    box-sizing: border-box;
    position: relative;
}

.cont_supe_demo .txt_index ul {
    width: 35%;
    margin-left: 62%
}
.cont_supe_demo .cont_video{
    width: 58% !important;
    display: inline-block;
    position: absolute;
    top: 50%;
    z-index: 9;
    margin: 0 !important;
    left: 3%;
    transform: translateY(-50%);
}
.cont_supe_demo h1{
color: #fff;
font-size: 4em;
font-weight: 800;
padding-left: 21%;
background: url(images/icon-demo.png) no-repeat left;
background-size: 17%;
}
.cont_supe_demo p{
color: #fff;
font-size: 0.9em;
text-align: left;
}
.cont_supe_demo h3{
color: #fff;
font-size: 1.15em;
font-weight: 600;
margin: 5% 0;
}
.cont_supe_demo .txt_index ul li ul {
width: 50%;
margin-left: 18.5%;
border-left: 1px solid #fff;
padding-left: 5%;
}
.cont_supe_demo .txt_index ul li ul li{
margin: 5% 0;
display: inline-block;
width: 100%;
position: relative;
}
.cont_supe_demo .txt_index ul li ul li:nth-child(1):before{
position: absolute;
content: "";
top: 0;
left: -27%;
width: 7%;
height: 100%;
background: url(images/cate-demo1.png) no-repeat center center;
background-size: 100%;
}
.cont_supe_demo .txt_index ul li ul li:nth-child(2):before{
position: absolute;
content: "";
top: 0;
left: -38%;
width: 18%;
height: 100%;
background: url(images/cate-demo2.png) no-repeat center center;
background-size: 100%;
}
.cont_supe_demo .txt_index ul li ul li:nth-child(3):before{
position: absolute;
content: "";
top: 0;
left: -47%;
width: 27%;
height: 100%;
background: url(images/cate-demo3.png) no-repeat center center;
background-size: 100%;
}
.cont_supe_demo .txt_index ul li ul li p{
font-size: 1.05em;
font-weight: 500;
}
.otros_planes{
border-top: 1px solid #D7DBDE;
border-bottom: 1px solid #D7DBDE;
padding: 20px ;
}

.otros_planes h3{
margin: 0px;
font-weight: 600;
color: #000;
padding: 10px 0 10px 0;
font-size: 1em;
border-bottom: 1px solid #D7DBDE;
}
.otros_planes h3:hover{
text-decoration: underline;
}
.otros_planes h2{
color: #ED1C24;
font-weight: 800;
font-size: 1.14em;
margin-top: 3%;
}
.otros_planes ul {
margin-top: 5%;
}
.otros_planes ul li{
display: inline-block;
width: 49%;
}
.otros_planes ul li a{
margin: 0px;
font-weight: 600;
color: #000;
padding: 10px 10px 10px 14%;
background: url(images/icon-play.png) no-repeat left center;
background-size: 12%;
font-size: 0.9em;

}
.otros_planes ul li a:hover{
text-decoration: underline;
}
.cont_ciclista .btn_general{
margin-left: 2% !important;
}

.apagado{
display: none;
}
.pag_demo .menu_header,
.pag_demo .ecommerce_header{
display: none;
}
.pag_demo .logo_encabezado a{
pointer-events: none;
}
.no_registro{
padding: 4% 5% 6%;
background: url(images/fondo-demo-cycling.jpg) no-repeat;
background-size: cover;
box-sizing: border-box;
position: relative;
min-height: 65vh;
}
.no_registro h1{
text-align: center;
color: #fff;
font-weight: 700;
font-size: 2em;
text-transform: uppercase;

}

.texto-desde-correo{
    background: #f33;
    width: 81.69%;
    text-align: center !important;
    padding: 7px 0;
    margin: -6px 0 0 71px;
}

.cont_datos_clt{
    padding: 5% 5% 0 !important;
}

.import_clave{
    font-size: 1.05em;
    text-align: left;
    padding: 2% 2%;
    color: #fff;
    line-height: 1.4em;
    background: #ff3333;
}


/* LANDING PAGE UNO */
/* FIN CONTENIDO RELACIONADO*/
/*==================================================================================================
MEDIAS QUERIES
==================================================================================================*/
@media screen and (min-width:1910px){
   .texto-desde-correo {
    width: 58%;
    margin: -6px 0 0 232px;
    }
}
@media screen and (min-width: 1590px) and (max-width: 1900px){
       .texto-desde-correo {
    width: 70%;
    margin: -6px 0 0 139px;
    }
}
@media screen and (min-width: 1430px) and (max-width: 1590px){
    .texto-desde-correo {
    margin: -6px 0 0 93px;
}
}
@media screen and (min-width: 1360px) and (max-width: 1429px){}
@media screen and (min-width: 1270px) and (max-width: 1359px){
.cont_info_slider ul li h3{
font-size: 1em;
}
.cont2_homecycling .txt_index ul li ul {
width: 58%;
}



}
@media screen and (min-width: 900px) and (max-width: 1200px){
.menu_header {
width: 33%;
}
.menu_header {
width: 33%;
}
.ecommerce_header {
width: 28% !important;
}
.cont_info_slider {
width: 46.8%;
}
.cont_info_slider ul li h3 {
font-size: 0.9em;
padding: 7px 07px 7px 10.5%;
}
.cont_info_slider h1 span {
color: #ed1b24;
font-size: 1.5em;
line-height: 0.9em;
display: block;
}
.home_cycling .video_banner {
position: absolute;
width: 43%;
z-index: 9;
left: 5%;
bottom: 24%;
height: 63%;
display: block;
}   
.cont1_home_cycling .btn_general {
color: #ed1c24;
background: #fff url(images/power.png) no-repeat 6%;
background-size: 7%;
}
.cont1_home_cycling .btn_general:hover{
color: #fff;
background: #ed1c24 url(images/power1.png) no-repeat 6%;
background-size: 7%;
}
.cont2_homecycling .txt_index ul li ul {
width: 73%;
}
.cont2_homecycling .btn_general {
display: block;
width: 22%;
}
.cont_general_home h2 {
color: #fff;
margin-bottom: 0;
}
.cont_infe_home p {
text-align: center;
padding: 0 4%;
}
.cont_infe2_home .btn_general{
font-size: 1em;
} 
.cont_infe2_home .txt_index ul {
width: 33%;
}
.cont_infe_ciclista .txt_index p {
font-size: 0.9em;
}
.cont_infe_ciclista .txt_index h2 {
font-size: 1.3em;
}
.lat_zonaprivada .detalle_curso ul li {
width: 45%;
}
    
.cont_supe_demo .cont_video {
width: 54% !important;
}
    
    
    
    
}
/*==================================================================================================
MEDIAS QUERIES
==================================================================================================*/
