a:focus { outline: none; }
a:active {
outline: none;
border: none; cursor:pointer;
}
a img { border: none; }
p { margin:0; padding:0;}
 
input[type="text"], input[type="password"],  input[type="date"], input[type="email"], input[type="search"], textarea, select {
outline: none; width:100%;
border: 1px solid #eff0ef;
padding: 4px; font-family: 'Roboto', arial, serif; box-sizing: border-box;
font-size: 14px;
 
	background-color: #f9f9f9;
 
	color: #666;  
 
}

 input[type="text"]:focus, input[type="text"]:hover,  input[type="number"]:hover, input[type="email"]:hover, select:hover,   input[type="password"]:focus,  input[type="password"]:hover, textarea:hover{
	background-color: #FFF;
	border: 1px solid #CCC;
	color: #333;
}

input[type="submit"]  {
 
border: 0;
 
}

@media screen and (max-width: 800px) {
iframe {   width: 100%; }	
}

.loadScreen {width: 100%; height: 100%; position: fixed; background-color: #FFF; z-index: 99999;}
.absolute { position: absolute;}
.absoluteV{ position: absolute; transform: translateY(-50%); top: 50%;}
.absoluteH{ position: absolute; transform: translateY(-50%); top: 50%;}
.absoluteVH{ position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%;}

/* guardado*/
#guardado { font-size:40px; position:absolute;   z-index:999;   color:#FFF; background-color:#333; left:50%;     top:-100px; opacity:0;}
/* guardado */
.redes{ float:right; padding:5px; color:#FFF; opacity:.9;}
.redes:hover { opacity:1;}

.requerido { font-weight:bold;}
.requerido:after {  content:" * "; color:#FF2F32; }

a:focus { outline: none; }
input:focus {
border: 1px solid #999;
 
background-color: #FFF;
}

.tablasProductos { border:1px solid #EBEBEB; table-layout:auto;}
.tablasProductos td { padding:5px;  }

.tablasProductos tr:nth-child(even) {background: #f4f4f4;}

.tablasProductos td:first-child { white-space:nowrap;}
.tablasProductos thead{ background-color:#0060a9; color:#FFF !important;}
.celdaMXN { padding-left:33px !important; text-align:right; position:relative}
.celdaMXN:before { content:"MX$"; position:absolute; left:5px;  top:5px;  color:#B5B5B5; }
.celdaMXN2 { padding-left:33px !important; text-align:right; position:relative}
.celdaMXN2:before { content:"MX$"; position:absolute; left:5px;  top:10px;  color:#B5B5B5; }


.buscador { position:absolute; z-index:999999; bottom:-60px; display:table;}

/* catalogo */
.prodImg img{ width: 100%;}
.categorias{ float: left; width: 20%; padding: 10px; }
.categoriasTitulo { float:left; font-family: 'Roboto', sans-serif; font-size:14px; text-transform: uppercase; border-top: 1px solid #CCC; width: 100%; padding-top: 3px;   color: #333;}
.categoriasSku { float:left; font-family: 'Lato', sans-serif; font-size:14px; text-transform: uppercase; border-top: 1px solid #EBEBEB; width: 100%; padding-top: 3px; color:#666}


.categoriasImg {     width: 100%;
    padding-bottom: 80%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    transition: all .2s linear;
    overflow: hidden;
    position: relative;}

.categoriasImg2 { width: 250%; padding-bottom: 110%; border-bottom:30px solid #FFF;   background-repeat: no-repeat; background-position: center center; transition: all 0.2s linear; overflow: hidden; position:absolute; left: 50%; background-color:#FFF; display:none;
    transform: translate(-50%, 0);}

.categorias:hover .categoriasImg {transform: scale(1.02,1.02); }
.categorias:hover .categoriasImg2 {  display:block;}

.categorias:hover .categoriasTitulo {color:#444444;}

.productoTitulo{ float:left; width: 100%; font-size:36px; color: #333; font-family: 'Roboto', sans-serif; text-transform: uppercase; }
.productoTituloS{ float:left; width: 100%; font-size:24px; color: #333; font-family: 'Roboto', sans-serif; text-transform: uppercase; }

.productoSku{ float:left; width: 100%; font-size: 22px;color: #777; font-family: 'Lato', sans-serif; text-transform: uppercase; }
.productoEspe {  float:left; width: 100%; font-size: 18px;color: #777; font-family: 'Lato', sans-serif; text-transform: uppercase; }

.borra:hover { color:#E30000 !important; cursor:pointer;}

.catalogoClear2, .catalogoClear3 {    clear: both; display: none;}
.catalogoClear5 { clear: both;}

/* registro*/

.registroMensaje  { display:none;}


/* tabs */
.tabTab{ float:left; color: #333; font-family: 'Roboto', sans-serif; text-transform: uppercase;  font-size:14px;  border-bottom: 1px solid #CCC; margin-right:10px; transition:linear .2s; }

.tabMat{
				color: white;
				background-color: #b9babf;
    padding: 5px 20px;
    display: inline-block;
    border: 1px solid rgba(0,0,0,0.21);
    border-bottom-color: rgba(0,0,0,0.34);
    text-shadow: 0 1px 0 rgba(0,0,0,0.15);
    box-shadow: 0 1px 0 rgba(255,255,255,0.34) inset, 0 2px 0 -1px rgba(0,0,0,0.13), 0 3px 0 -1px rgba(0,0,0,0.08), 0 3px 13px -1px rgba(0,0,0,0.21);

}

.tabMat:hover{ background-color:dimgray;  box-shadow: 0 2px 0 rgba(255,255,255,0.34) inset, 0 2px 0 -1px rgba(0,0,0,0.13), 0 3px 0 -1px rgba(0,0,0,0.08), 0 3px 13px -1px rgba(0,0,0,0.21);}


.tabMatP{ background-color:dimgray;  box-shadow: 0 2px 0 rgba(255,255,255,0.34) inset, 0 2px 0 -1px rgba(0,0,0,0.13), 0 3px 0 -1px rgba(0,0,0,0.08), 0 3px 13px -1px rgba(0,0,0,0.21);}


.tabTabP{   border-bottom: 1px solid #666;  color: #000;    }
.tabTab:hover{  color: #000;    border-bottom: 1px solid #666;  }

.seccionMenu, .seccionMenuI{ display:table-cell;    color:#000; cursor:pointer;  }
.seccionMenuT{ display:table-cell;    color:#000; cursor:pointer; padding:5px; }
.seccionMenuP { background-color:#EBEBEB;}
.seccionMenu a {  color:#000;}
.seccionMenu:hover, .seccionMenuI:hover { background-color:#EBEBEB; color:#000;}
.seccionMenuC{ display:table-cell; vertical-align:middle; cursor:pointer; padding:3px;}
@media screen and (max-width: 600px) {
.seccionMenu, .seccionMenuI{ float:left; width:50%;}
	
}
/* carrito*/

.carritoT { display:table; width:auto;}



/* producto */
.zoomWindowContainer div { background-color:#f4f4f4; z-index: 9999;}
.zoomContainer{ z-index: 999999;  }


.productoBarraPadding {padding:0 30px 0 30px;}
.productoBarraGris {  padding:20px 0 20px 0; }

.productoImg { float:left; width:70%; position:relative;}
.productoImgImg {  float: left; width: 100%;}

.productoInfo { float:left; width:30%}
.productoInfoImg {  float:left; width:100%; display:none;}

.productoColorT { font-family: 'Roboto', sans-serif; text-transform:uppercase; font-size:14px; color:#3E3E3E;}
.productoColor { cursor:pointer; width:50px; margin-right:3px; height:50px; float:left; border:1px solid rgba(255,255,255,0.00); border-radius:100px;}

.productoColorP { cursor:pointer; width:50px; margin-right:3px; height:50px; float:left; border:1px solid rgba(126,126,126,0.8); border-radius:100px;}
.productoColor:hover   { border:1px solid rgba(126,126,126,0.38);}

.productoThumbas, .productoThumbasResp{ width:100%; float:left; text-align:center; }

.productoThumbin{ display:inline-block; width:70px; opacity:.8;border-bottom:1px solid rgba(255,255,255,0.00);}
.productoThumbin:hover, .productoThumbinP{ opacity:1; border-bottom:1px solid #ccc; }

.productoPrecio { float:left; width:100%; font-family: 'Roboto', sans-serif; font-size:22px; color:#333; }
.productoRuta {position: absolute;
    z-index: 1;
    left: 10px;; text-transform:uppercase; font-family: 'Roboto', sans-serif;
    top: 50%;
    transform: rotate(-90deg) translateX(-48.5%);
    transform-origin: center left;}

.descuentoP { color: #CCC; font-size: 16px; }

.productoDescuento{ border-radius:100px; background-color:#f7403a; top:5px; left:5px;color:#FFF; font-size:12px;  position:absolute; width:35px; height:35px; line-height:35px; text-align:center; z-index: 1;}

.productoDescuento2{ border-radius:100px; background-color:#e0e0e0; top:5px; left:5px;color:#000; font-size:12px;  position:absolute; width:35px; height:35px; line-height:35px; text-align:center; z-index: 1;}

.bolita2{left: 45px;}
.bolita2:before {content: "+"; position: absolute; left: 1.5px; color: #171717;}

.productoDescuentoG{ border-radius:100px; background-color:#f7403a; top:5px; left:5px;color:#FFF; font-size:20px; font-family: 'Roboto', sans-serif;   position:absolute; width:70px; height:70px; line-height:70px; text-align:center;}

.productoDescuentoG2{ border-radius:100px; background-color:#e0e0e0; top:5px; left:5px;color:#000; font-size:20px; font-family: 'Roboto', sans-serif;   position:absolute; width:70px; height:70px; line-height:70px; text-align:center;}


.bolita2G{left: 80px;}
.bolita2G:before {content: "+"; position: absolute; left: 5px; color: #171717;}


@media screen and (max-width: 800px) {
.productoBarraPadding {padding:0;}
.productoBarraGris{ background-color:#FFF; padding:0;}
.categorias{   width: 33.33%; padding: 10px;}

.catalogoClear5 { display: none}
.catalogoClear2 { display: none;}
.catalogoClear3 { display: block;}

.productoImg { display:none;}
.productoInfo { float:left; width:100%;}
.productoInfoImg { display:block; }
.productoRuta { display:none;}
}

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

.catalogoClear3 { display: none;}
.catalogoClear2 { display: block;}
.categorias{   width: 50%; padding: 10px;}	
}

@media screen and (max-width: 400px) {
 
.categorias{   width: 50%; padding: 5px;}	
}

/* catalgoo */


.marginAuto { margin: auto; float:none !important;}

/* colores */
.colores { width: 20px; height: 20px; background-size: cover; border-radius:100px; border: 1px solid #CCC; float: left; margin: 0 5px 5px 0px;}

.productoColor {
 
    width: 50px;
    padding: 5px;
    height: 50px;
    float: left;

    border-radius: 100px; border: 1px solid transparent;
}

.productoColorP {
 
border: 1px solid #333;
    border-radius: 100px;
}


.productoColorI { height: 100%; width: 100%; border: 1px solid #ccc; border-radius: 100px; background-size: cover;}

/* colores */

/* menu subs */



.menuConSub{   position:relative;}
.menuConSubSub { position:absolute; display:none; white-space:nowrap; background-color:#FFF; width:120px; top:62px; right:0; font-family: 'Roboto', arial, serif; font-size:14px; font-weight:400; text-transform:capitalize; color:#333; border:1px solid rgba(29,29,29,0.1);}
.menuConSubSubSub {}
.menuConSubSubSub:hover { background-color:#EBEBEB;}
.menuMenuEspacio { display:none; position:absolute; width:30px; height:64px; left:-30px;  }

.menuConSub:hover .menuConSubSub { display:block;}
.menuConSub:hover .menuMenuEspacio { display:block;}

/* menu subs */

.contactos { float:left; padding:5px 10px 5px 10px;   cursor:pointer; font-family: 'Lato', sans-serif; font-size:16px;  }
.contactos:hover { background-color:#EBEBEB;}
.contactosP { background-color:#FB9400; color:#FFF;}
.contactosP:hover { background-color:#FB9400; color:#FFF;}

.contenidin { display:none;}

.busca { transform: rotate(45deg); font-size:20px; display: block ; float:left;}

.inputError { border:1px solid #A00000 !important;}



.formErrorContent {
background-color: #2A2A2A;
color: #FFF; word-wrap:normal; min-width:100px;
padding: 5px;
 
font-size: 11px;
border: 1px solid #CCC;
}
 
.cursor { cursor:pointer; }

html{
 
}

/* forma */
.formaB { width:100%; display:table; float:left;  margin-bottom:10px;}
.formaT { display:table-cell; width:150px; vertical-align:top;}
.formaC { display:table-cell; vertical-align:top;}
/* */

 
/* alerta */
.alerta{ width:100%; max-width:600px; padding:0 20px 20px 20px; z-index:99999; position:fixed;  transform: translateX(-50%); left:50%;}
.alertaBox{ background-color:#FFF; padding:20px; box-shadow: 0px 2px 8px -2px rgba(0,0,0,0.75); position:relative; width:100%; float:left;}
.alertaBoxTitulo { width:100%; text-align:center; font-size:22px;}

/* alerta*/
.menuInterfaseIcono{
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 18px;  /* Preferred icon size */
  display: inline-block;
  
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga'; display:table-cell; vertical-align:middle; width:1px
}

.menuInterfaseTexto { display:table-cell; vertical-align:middle; padding-left:5px;}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga'; display:table-cell;
}

body {  
margin: 0px;
padding: 0px;
font-family: 'Roboto', arial, serif;
background-repeat: repeat; float:left; width:100%;
   
text-rendering: optimizeLegibility; line-height: 1.6em;
 color:#333; font-size:14px; -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
a {
text-decoration: none;
cursor: pointer;
color: #666; padding:0; margin:0;  
}
a:hover {
text-decoration: none;
 
}

div { box-sizing:border-box;}

table {border-collapse:collapse;}
table td{ border:1px solid #EBEBEB; padding:3px; }


table.tablesorter tr.even:hover td,
table.tablesorter tr.odd:hover td {
    background-color: #EBEBEB;
}
.numero { text-align:right;}

 



.formError { z-index:9999;  }
.formErrorContent{ color:#FFF; font-size:11px; padding:5px;
 background-color:#333;
}

.contenido { float:left;   width:100%; padding:20px}
.cont { width:100%; max-width:1000px; margin:auto;}
.contF{ float:left; width:100%; padding:0 10px 0 10px;}
#sub { float:left; width:100%; }
#forma {   width:100%;}

.head{ width:100%; float:left;}

.botonAgotado { padding:5px; background-color:#999999; cursor:not-allowed; text-align:center; font-weight:300;   font-size:20px; font-family: 'Roboto', sans-serif; color:#FFF;   }
.boton { padding:5px; background-color:#333333; text-align:center; font-weight:300;   font-size:20px; font-family: 'Roboto', sans-serif; color:#FFF; cursor:pointer;    }
 
	@media screen and (max-width: 600px) {
.botonF{float: left !important }

}
.boton:hover { background-color:#000000;}

.botonC { padding:5px; background-color:#999; text-align:center; font-weight:300;   font-size:14px; font-family: 'Roboto', sans-serif; color:#FFF; cursor:pointer;  }
.botonC:hover { background-color:#666;}


.botonCN { padding:5px; background-color:#333; text-align:center; font-weight:300;   font-size:14px; font-family: 'Roboto', sans-serif; color:#FFF; cursor:pointer;  }
.botonCN:hover { background-color:#000;}

/* botones procesos*/
.botonesProceso{ display:table; float:left; opacity:.7; color:#FFF; cursor:default; transition: all 0.2s linear;}
.botonesProceso:hover { opacity:1;}

.botonesVerde { background-color:rgba(0,102,14,1.00); cursor:pointer;float:left; color:#FFF;}
.botonesGris { background-color:rgba(108,108,108,1.00); cursor:pointer;}
.botonesRojo { background-color:rgba(193,0,3,1.00); cursor:pointer;   float:right; color:#FFF;}

.botonProcesoAcepta {  background-color:#999; cursor:pointer;opacity:0; position: fixed;  left: 0px;   display:table; color:#fff; transition: all 0.2s linear;}
.botonProcesoAcepta:hover {  background-color:rgba(0,102,14,1.00);}
.botonsProcesoAceptaPadre:hover .botonProcesoAcepta { opacity:1;  left: 30%;}
.procesoJustificacion { display:none;}

/*  */


/* mensajes  en over */
.fondoMensaje { width:100%; height:100%; background-color:rgba(255,255,255,0.85); position:fixed; z-index:998; display:none;}
.alertBox {  width:100%; min-width:400px; padding:20px; }
.alertBoxR{  float:left; display:none; z-index:999; width:100%; height:100%; position:relative; background-color:#fff; border:1px solid #ebebeb; box-shadow:0px 0px 10px 0 rgba(0,0,0,0.15); padding:10px;}
.alertBoxR:hover{ box-shadow:0px 0px 10px 0 rgba(0,0,0,0.35);}
.alertBoxC { display:table-row;}
.alertBoxCell { display:table-cell; padding:10px; vertical-align:middle;}


.close { position:absolute; background-color:#666; right:0px; top:0px; width:30px; text-align:center; line-height:30px; color:#fff;  cursor:pointer;}
.close:hover { background-color:#000;}
/*  */

 
/* productos */
.productosFormaInt { background-color:none;transition: all 0.2s linear;}

.productosFormaTitulo { color: #f7403a;
   font-size: 45px;
    font-family: 'Roboto', sans-serif;}
 .productosForma:hover .productosFormaInt2 { background-color:rgba(220,220,220,0.65);} 

 /* productos */
 
 
.opacidad{ opacity:.5;}
.opacidad:hover{ opacity:1;}


/* carrito */
.carrito{ width:100%; border:none !important; font-weight:normal; font-size:13px;} 
.carrito td{ border:none}
.carritoAgregado { width:100%; padding:5px;  font-family: 'Roboto', sans-serif; font-size:18px; text-align:center; background-color:#ACACAC; position:absolute; left:0; top:-100px;; text-transform:uppercase;} 
 
/* carrito */

/*  */
 .cerrar{ width:25px; text-align:center; position:absolute; background-color:#333; color:#fff; line-height:25px; top:-12px; right:-12px; border-radius:100px; cursor:pointer;}
.cerrar:hover { background-color:#999;}

@media screen and (max-width: 600px) {
.contenido { width:100%;}	
.menuEspacio { width:100%;  }
.menuIcono { display: block;}
.menuAll { display:none;}
}

 
 



.table { display:table; width:100%; float:left;}
.tableAuto { display:table; width:100%; float:left; table-layout:fixed;}
.tableRow { display: table-row; width:100%; }
.tableCell { display:table-cell; vertical-align:middle;}
.tableCell30 { display:table-cell; vertical-align:middle; width:30px;}
.rojo { color:#C30003;}
.verde { color:#068604;}

 /*portada */
 
 #bgvideo{position:fixed;right:0;bottom:0;min-width:100%;min-height:100%;width:auto;height:auto;z-index:-100;background-size:cover}
 .silderIntTexto {top:50%; padding:0px 50px 0 50px; z-index:999; transform:translateY(-50%); position:absolute; width:100%; }
 .div50Slider { width:50%; }
 
 .sliderIntTitulo { font-size:34px; color: #0060a9;  font-family: 'Lato', sans-serif;}
 .sliderIntTituloT { font-size:16px; color: #333;}
 .sliderIntLiga { padding:5px; color:#FFF!important; background-color:#0060a9; display:inline-block;  font-family: 'Lato', sans-serif;}
 .sliderIntLiga:hover{ background-color:#000;}
 
 @media screen and (max-width: 600px) {
	 .div50Slider { width:100%; }
 }
 
 /*  */
 
 .slides .slidesjs-previous {
	 

       position:absolute; left:0; font-size:40px; padding:10px; color:#fff; top:50%; z-index:999; transform:translateY(-50%); opacity:.5; text-shadow: 1px 1px 3px #333;
    }.slides .slidesjs-next {
      position:absolute; right:0; font-size:40px; padding:10px;  color:#fff; top:50%; z-index:999; transform:translateY(-50%); opacity:.5; text-shadow: 1px 1px 3px #333;
    }.slides:hover .slidesjs-previous{ opacity:1;}.slides:hover .slidesjs-next{ opacity:1;}

 .slidesjs-pagination {
       position:absolute; bottom:10px; left:50%; transform:translateX(-50%);
      list-style: none;  z-index:999;
    }

    .slidesjs-pagination li {
      float: left;
      margin: 0 1px;
    }

    .slidesjs-pagination li a {
      display: block;
      width: 13px;
      height: 0;
      padding-top: 13px;
      background-image: url(/img/pagination.png);
      background-position: 0 0;
      float: left;
      overflow: hidden;
    }

    .slidesjs-pagination li a.active,
    .slidesjs-pagination li a:hover.active {
      background-position: 0 -13px
    }

    .slidesjs-pagination li a:hover {
      background-position: 0 -26px
    }
.linea:hover .ctrls { opacity:1;}
.ctrls {   width: 1px;
    white-space: nowrap; opacity:0; border:0; border-right:0 !important;}	


/* clears */

.clear { clear:both;}
.clear5 { clear:both; height:5px}
.clear10 { clear:both; height:10px}
.clear15 { clear:both; height:15px}
.clear20 { clear:both; height:20px}
.clear25 { clear:both; height:25px}
.clear30 { clear:both; height:30px}
.clear50 { clear:both; height:50px}

/* */

/* padds */
.paddMenu { padding:5px 10px 5px 10px;}
.padd5, .padd5R { padding:5px;}
.padd10, .padd10R { padding:10px;}
.padd15, .padd15R { padding:15px;}
.padd20, .padd20R { padding:20px;}
.padd30, .padd30R { padding:30px;}
.padd10NR { padding:10px 10px 10px 0;}
.padd10NL { padding:10px 3px 10px 10px;}

/* padds */

/* registro */

.titulosReg{top: 0; width: 100%;font-family: 'Lato', sans-serif; text-align: center; color: #FFF; background-color: rgb(169, 25, 34); font-weight: 700;  padding: 10px; font-size: 17px; } 

.titulosRegP{ color: #FFF; background-color: #9c9c9c;}

.botonEnviar {   display:inline-block;  background-color:#000; color:#FFF; text-align:center;  transition: all 250ms ease; 
font-weight:300; font-size:16px; padding:5px 10px 5px 10px; cursor:pointer; text-transform:uppercase; font-family: 'Lato', sans-serif; border:none;}
.botonEnviar:hover{ background-color:#a91922ab;}


/* .formas{ width:100%; max-width:1000px; margin:auto;}; */ 
/* registro */



/* divis */
.hideme {opacity:0;}
.oculto { display:none;}
.divi { width:100%; height:1px; background-color:rgba(252,252,252,0.10); margin:5px 0 5px 0; float:left;}
.diviN { width:100%; height:1px; background-color:#EBEBEB; margin:5px 0 5px 0; float:left;}
.div { width:100%; height:1px; background-color:#EBEBEB; float:left; margin:6px 0 6px 0;}
.div0 { width:100%; height:1px; background-color:#EBEBEB; float:left; }

.div15 { width:100%; height:1px; background-color:#EBEBEB; float:left; margin:15px 0 15px 0;}
/* */

/* divs */
.centro { text-align:center;}
.ligaBlanca { color:#FFF !important;}
.ligaBlanca:hover { text-decoration:underline;}
.div25, .div25m { float:left; width:25%;  }
.div20 { float:left; width:20%;  }
.div33 , .div33f{ float:left; width:33.33%;   }
.div33P { float:left; width:33.33%; padding:5px;   }
.div16 { float:left; width:16.66%;   }
.div66 { float:left; width:66.66%;}
.div75 { float:left; width:75%;}
.div80 { float:left; width:80%;}
.div40 { float:left; width:40%; position: relative; }
.div50, .div50N { float:left; width:50%; position: relative; }
.div60 { float:left; width:60%; position: relative; }
.div100 { float:left; width:100%; position: relative;}

.left { float:left;}
.right { float:right;}
.div50A{float: none;
    margin: auto;
    width: 50%;}

.fondo100 { background-size:cover; background-repeat:no-repeat; width:100%;   float:left; color:#fff; background-position:center center;}
.div30px{ float:left; width:30px; position: relative;}
.iconoR{position: absolute; right: 0;top: 50%; transform: translateY(-50%);}
.iconoRM{margin-right: 35px;}
.iconoL{position: absolute; left: 0;top: 50%; transform: translateY(-50%);}
.iconoLM{margin-left: 35px;}


.titulos{    width:100%; font-size: 30px;
    font-family: 'Roboto', sans-serif;
      } 
	  .titulosS{    width:100%; font-size: 20px;
    font-family: 'Roboto', sans-serif;
      } 
					
				.tituloRojoG{ color: #a91922; font-size: 24px; font-family: 'Lato', sans-serif; font-weight:700;} 
.destacadoTit{ position: absolute; bottom: 0; width: 100%;font-family: 'Lato', sans-serif; font-weight: 700;  color: #FFF; background-color: rgba(0,0,0,0.88); padding: 10px; left: 0; font-size: 17px; } 
.tituloRojo{color: #a91922; font-size: 20px; font-family: 'Lato', sans-serif; font-weight:700;}
.tituloRojoS{color: #a91922; font-size: 16px; font-family: 'Lato', sans-serif; font-weight:500;}
						
	.subtitulos{ font-size: 18px; font-family: 'Roboto', sans-serif; } 
.titulosAuto{ font-weight:100;     font-size: 30px;;
    font-family: 'Roboto', sans-serif;
      } 
.titulosBold{ font-size:24px; color:#6C6C6C;}
.titulosBoldSmall{ font-size:16px; color:#6C6C6C;}
.tituloDelgado { font-weight:100;   width:100%; font-size:24px;  font-family: 'Roboto', sans-serif;}
.titulosPro { font-family: 'Lato', sans-serif;  font-size:30px; text-transform:uppercase; font-weight:100;} 
.titulosProSub { font-family: 'Lato', sans-serif;  font-size:22px; font-weight:700;} 



/* blog */

.blogImg { margin:auto; width:100%; height:200px; background-color:#C5C5C5;}
.blogCategoria { font-size:16px; padding:3px; margin:2px; font-weight:600; text-transform:uppercase; background-color:rgba(240,240,240,0.80); color:rgba(232,39,42,1.00); float:left; }
.hover {transition: all 250ms linear;}
.hover:hover { background-color:rgba(217,217,217,0.5); }
.titulitosPro { font-size:14px; color:#0060a9; font-weight:bold;}
.titulitosProO { font-family: 'Lato', sans-serif; color:#0060a9; font-size:22px;}

.ligasPro {  color:#0060a9; }
.ligasPro:hover { text-decoration:underline;}

.gris { background-color:rgba(201,201,201,0.21);
}

/* lecciones */

.resortsLogos { color:#3D3D3D; transition: all 0.2s linear; position:relative; padding-top:100px;}
.resortsLogos:hover { background-color:rgba(216,216,216,0.1); color:#7A5B00; text-shadow:0px 0px 10px rgba(123,123,123,0.54);}

.resortsLogosLogos { position:absolute; left:50%; transform:translateX( -50%); top:15px; transition: all 0.2s linear; font-size:80px; }

.resortsLogos:hover  .resortsLogosLogos { top:10px;}

.resortsLessons {transition: all 0.2s linear; position:relative; padding-top:120px;}
.resortsLessons:hover { background-color:rgba(216,216,216,0.1); color:#333; text-shadow:1px 1px 1px rgba(123,123,123,0.54);}



.lessonsPaloma { text-align:center; top:15px; padding:20px; left:50%; transform:translateX( -50%); font-size:50px !important; color:#B3B3B3; border:5px solid #B3B3B3; border-radius:1000px; position:absolute; width:100px; transition: all 0.2s linear;}
.lessonsPalomaVerde { color:#00830E; border:5px solid #00830E;}

 .resortsLessons:hover .lessonsPaloma { top:10px;}


.tituloEncuesta { font-size:17px;}

.checas  > input{ /* HIDE RADIO */
  display:none;
}
.checas    > input + img{ /* IMAGE STYLES */
  cursor:pointer; padding:3px; margin-right:5px;
  border:1px solid transparent;
}
.checas    > input:checked + img{ /* (CHECKED) IMAGE STYLES */
  border:1px solid #ccc;
}

.resortsPorcentaje {     }

/*  lecciones */


@media screen and (max-width: 900px) {
.div25, .div33, .div20, .div16 { width:50%;}
.div50 , .div75, .div66,.div50A { width:50%;}

}
@media screen and (max-width: 800px) {
.div25, .div33, .div20, .div16 { width:50%;}
.div50 , .div75, .div66, .div50A { width:50%;}

.div25m { width: 50%;}
.div25, .div33, .div50, .div50A, .div20, .div16, .div75, .div66 { width:100%;}
 
.menuMenu { font-size:14px;}

}


/* elementos */
 
 
.elemento_titulo{color: #a91922; font-size: 30px; font-family: 'Lato', sans-serif; font-weight:700;}

.elemento_tituloon{color: #333;
    font-size: 30px;
    font-family: 'Roboto', sans-serif;
}
.textoImagenTitulo { font-family: 'Lato', sans-serif;
    font-weight: 400; font-size:24px;}
.textoImagenImagen { border-radius: 50%;}
.textoImagenTitulo1 { padding:5px; background-color:rgba(0,0,0,0.86); color:#fff; font-size:16px; text-align:center; top: 50%;  left: 50%; position:absolute;  transform: translate(-50%, -50%); width:80%; font-weight:100;}

.elemento_divisor{ clear:both;    width:100%;  
}

.elemento_divisor1{ clear:both; width:100%; height:1px; background-color:#CCC; margin:8px 0 8px 0;
}
.elementoBanner { position:relative; width:100%;}
.elementoBannerInterno{position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);}
  .elementoBannerTit { font-size:40px;  font-family: 'Lato', sans-serif; font-weight:300; line-height:120%; text-shadow:1px 1px 3px rgba(0,0,0,0.58);}
   .elementoBannerText { font-size:20px;  }

.elementoFile { width:100%; display:table; table-layout:fixed; font-size:14px;}

.elemento_acordeon{ display:table; width:100%; cursor:pointer;}

.elemento_acordeon_titulo{ font-family: 'Lato', sans-serif;
    font-weight: 400; font-size:18px;}
 .elemento_acorderon_contenido{ width:100%; padding:5px; float:left; display:none; cursor:default;}
.padd { padding:12px !important;}


/* texto img */
.textoImagen { box-shadow:none; transition: all 0.1s linear;}
.textoImagen:hover { }
.textoImagenTexto { width:100%; float:left;  }

 
/*  */

/* efeto boton */

.cuadroBoton{float:left; width:100%;  padding-bottom: 65%; position:relative; transition: all 0.2s linear; overflow:hidden;}
.cuadroBotonImg{width:100%; height:100%;background-size:cover; position:absolute; transition: all 0.2s linear;}

.cuadroBotonTexto1 { padding:5px; background-color:rgba(0,0,0,0.86); color:#fff; font-size:15px; text-align:center; top: 50%;  left: 50%; position:absolute;  transform: translate(-50%, -50%); width:80%; transition: all 0.2s linear; font-family: 'Lato', sans-serif; font-weight:300;}

.cuadroBotonMascara { width:100%; height:100%; background-color:rgba(0,0,0,0.74); position:absolute; opacity:0; transition: all 0.2s linear;}
.cuadroBotonMascaraTexto { padding:5px;   color:#fff; font-size:16px; text-align:center; top:350px; left: 50%; position:absolute; font-size:13px;  transform: translateX(-50%); width:100%; transition: all 0.2s linear;}
.cuadroBotonMascaraTextoTitulo {font-family: 'Lato', sans-serif; font-weight:300; font-size:15px;}

.cuadroBotonMascaraLiga { padding:5px;  font-size:12px; text-align:center; bottom:650px; left: 50%; position:absolute;  transform: translateX(-50%);  transition: all 0.2s linear; opacity:0;  background-color:rgba(0,0,0,1); color:#fff;}

.cuadroBotonMascaraLiga:hover {background-color:rgba(255,255,255,0.76); color:#333;}

.cuadroBoton:hover .cuadroBotonImg{ transform: scale(1.2,1.2);}
.cuadroBoton:hover .cuadroBotonTexto1{ top:-300px;}
.cuadroBoton:hover .cuadroBotonMascara{ opacity:1;}
.cuadroBoton:hover .cuadroBotonMascaraTexto{  top: 30px; }
.cuadroBoton:hover .cuadroBotonMascaraLiga{  bottom: 30px; opacity:1; }
/*  */


/* animacion */

.animacion { opacity:0;}

/* elementos */

.load, .load2 { display:none ;  background-position:center center;  background-repeat:no-repeat; position:fixed; 
right:50%; top:50% ; padding: 10px; z-index:9999; background-color: #FFF; border-radius: 100px; border: 1px solid #EBEBEB;}

.field { width: 100%; font-family: 'Roboto'; border: 1px solid #EBEBEB; padding: 3px;}
.field:hover, .field:focus { border:  1px solid #333;}

a{color:#868686; text-decoration:none; cursor:pointer;}
a:hover{color:#333; }

.urlHeader{color:#868686; text-decoration:none; cursor:pointer;}
.urlHeader:hover{color:#333; }
.textoImagenTitulo {   }
.textoImagenImagen { border-radius: 50%;}
.textoImagenTitulo1 { padding:5px; background-color:rgba(0,0,0,0.86); color:#fff; font-size:16px; text-align:center; top: 50%;  left: 50%; position:absolute;  transform: translate(-50%, -50%); width:80%; font-weight:100;}
.elemento_divisor{ clear:both;    width:100%;  
}
.elemento_divisor1{ clear:both; width:100%; height:1px; background-color:#CCC; margin:8px 0 8px 0;
}
.elementoBanner { position:relative; width:100%;}
.elementoBannerInterno{position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);}
  .elementoBannerTit { font-size:40px;  font-family: 'Lato', sans-serif; font-weight:100; line-height:120%; text-shadow:1px 1px 3px rgba(0,0,0,0.58);}
   .elementoBannerText { font-size:20px;  }
.elementoFile { width:100%; display:table; table-layout:fixed; font-size:14px;}
.elemento_acordeon{ display:table; width:100%; cursor:pointer;}
.elemento_acordeon_titulo{ font-family: 'Lato', sans-serif;
    font-weight: 400; font-size:18px;}
 .elemento_acorderon_contenido{ width:100%; padding:5px; float:left; display:none; cursor:default;}
.padd { padding:12px !important;}
/* texto img */
.textoImagen { box-shadow:none; transition: all 0.1s linear;}
.textoImagen:hover { }
.textoImagenTexto  { width:100%; float:left; width: 50%;   }
.textoImagenImg {  }
.textoImagen:hover .textoImagenImg { bottom:5px;} 
 
/*  */
.botonC{ background-color:#FF9501; padding:6px; cursor:pointer; border:none;     color:#FFF; float:right; text-shadow:none;  font-size:14px; opacity:0.8;}
.botonC:hover{ background-color:#FF9501; opacity:1; }

/* efeto boton */
.cuadroBoton{float:left; width:100%;  padding-bottom: 65%; position:relative; transition: all 0.2s linear; overflow:hidden;}
.cuadroBotonImg{width:100%; height:100%;background-size:cover; position:absolute; transition: all 0.2s linear;}
.cuadroBotonTexto1 { padding:5px; background-color:rgba(0,0,0,0.86); color:#fff; font-size:15px; text-align:center; top: 50%;  left: 50%; position:absolute;  transform: translate(-50%, -50%); width:80%; transition: all 0.2s linear; font-family: 'Lato', sans-serif; font-weight:300;}
.cuadroBotonMascara { width:100%; height:100%; background-color:rgba(0,0,0,0.74); position:absolute; opacity:0; transition: all 0.2s linear;}
.cuadroBotonMascaraTexto { padding:5px;   color:#fff; font-size:16px; text-align:center; top:350px; left: 50%; position:absolute; font-size:13px;  transform: translateX(-50%); width:100%; transition: all 0.2s linear;}
.cuadroBotonMascaraTextoTitulo {font-family: 'Lato', sans-serif; font-weight:300; font-size:15px;}
.cuadroBotonMascaraLiga { padding:5px;  font-size:12px; text-align:center; bottom:650px; left: 50%; position:absolute;  transform: translateX(-50%);  transition: all 0.2s linear; opacity:0;  background-color:rgba(0,0,0,1); color:#fff;}
.cuadroBotonMascaraLiga:hover {background-color:rgba(255,255,255,0.76); color:#333;}
.cuadroBoton:hover .cuadroBotonImg{ transform: scale(1.2,1.2);}
.cuadroBoton:hover .cuadroBotonTexto1{ top:-300px;}
.cuadroBoton:hover .cuadroBotonMascara{ opacity:1;}
.cuadroBoton:hover .cuadroBotonMascaraTexto{  top: 30px; }
.cuadroBoton:hover .cuadroBotonMascaraLiga{  bottom: 30px; opacity:1; }
/*  */
/* animacion */
.animacion { opacity:0;}
/* elementos */