img {
vertical-align:bottom;/* This rule is very important, please do not ignore this! */
}

/* foots*/
.footerChico { font-size: 12px;}
/* foots*/

/* forma */
.field { position:relative;}
.formaB { width:100%; display:table; float:left;  margin-bottom:15px;}
.formaT { display:table-cell; width:150px; vertical-align: middle; padding-right:10px;}
.formaC { display:table-cell; vertical-align: top;}
.requerido { font-weight:bold;}
.requerido:after {  content:" * "; color:#FF2F32; }
@media screen and (max-width: 600px) {
	.formaT, .formaC {   width:100%; float:left; display:block;}
}

/* absolutos */

.absolute { position:absolute; z-index:99;}
/* absolutos */

/* */

h1,h2,h3,h4 { margin:0; padding:0}

.cont { max-width: 1200px; width: 100%; margin:auto;}
.contF { width: 100%; float: left;}
 

/* dragg */

.dragin{ opacity:0; transition:.2 linear;}c
.linea:hover .dragin { opacity:1;}

.draginS{ opacity:0; transition:.2 linear; cursor:move;}
.ctrlsS{ opacity:0; transition:.2 linear;}
.lineaS { width:100%;}
.lineaS:hover .draginS { opacity:1;}
.lineaS:hover .ctrlsS { opacity:1;}
/*  */

/*textos */
.centrado , .textAlignCenter{ text-align:center;}
.justificado{ text-align:justify;}
.blanco { color:#FFF !important;}
.negro { color:#000 !important;}
/* */




/* alerta */
.alertaBg {width:100%; height:100%; z-index:99999; position:fixed; background-color:rgba(255,255,255,.9); background-image: url(/img/load.gif);  background-repeat: no-repeat; background-position:  center center;}
.alerta{ width:100%; max-width:600px; padding: 20px;  left: 50%; top: 50%;    transform: translate(-50%,-50%);  position:absolute; max-height: 100vh; overflow-y: auto;}
.alertaBox{ background-color:#FFF; padding:20px; box-shadow: 0 2px 8px -2px rgba(0,0,0,0.75); overflow-y:auto; position:relative; width:100%; float:left;}
.alertaBoxTitulo { width:100%; text-align:center; font-size:22px;}
.close {float: right;background-color:#666;   width:30px; text-align:center; line-height:30px; color:#fff;  cursor:pointer;}
.close:hover { background-color:#000;}
/* alerta*/
#guardado { font-size:40px; position:absolute;   z-index:999;   color:#FFF; background-color:#2f4050; left:50%;     top:-100px; opacity:0;}
/* guardado */

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 22px;  /* 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;
}
.menuInterfaseIcono{
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 15px;  /* 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; vertical-align:middle; width:1px
}

.load {   position:fixed; z-index:9999; top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); display:none;  }
.boton{ background-color:#005189; padding:6px; cursor:pointer; border:none;     color:#FFF; float:right; text-shadow:none;  font-size:14px;}
.boton:hover{ background-color:#002a47; color: #FFF;  }
.botonA{ font-size:14px; display:table-cell; width:auto; color:#069; vertical-align:middle; padding-left:5px; text-transform:uppercase;}

.botonEnviar{background-color:rgb(0, 76, 151);; padding:6px; cursor:pointer; border:none; min-width:150px;       color:#FFF;  display:inline-block; text-shadow:none;  font-size:16px; opacity: .9;  text-align: center;}
.botonEnviar:hover{ opacity: 1; }


.left{ float:left !important;}
.right{ float:right !important;}

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

.dragin { cursor:move;}

.table { display:table; width:100%; float:left; table-layout: fixed;}
.tableAuto{ display:table;   float:left; table-layout: fixed;}
.flechaAtras { width:30px;  }

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

.opacidad { opacity:.8}
.opacidad:hover { opacity:1;}
.hover { background-color:none; transition:linear .2;}
.hover:hover { background-color:#EBEBEB;}

.linea:hover { background-color:#f3f3f3;}
.linea:hover .ctrls { opacity:1;}
.ctrls {   width: 1px;
    white-space: nowrap; opacity:0; border:0; border-right:0 !important;}

div { box-sizing:border-box; }
a{ cursor:pointer; text-decoration:none;}
a:hover{ color:#666; text-decoration:none; cursor:pointer;}
a:active { outline:none; border:none; }
p { margin:0; padding:0;}
a img { border:none; }
html { height:100%; min-height:100%;}
body {
   margin:0; height:100%; background-color:#FFF;
 font-family: 'Roboto', sans-serif;
   
    color: #000; font-size:14px !important;  

}


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

 
.tablaNoBordes{ width: 100%;}
.tablaNoBordes td { border: none;}

.moneda{
   position: relative;	  
}
.moneda input {  
     padding-left:35px;
     text-align:end; 
 }
  .us:before {
     position: absolute;
     top: 0; padding:5px;
     content:"PZS"; color:#9A9A9A; font-weight:100;
 }
 
   .usd:before, .USD:before {
     position: absolute;
     top: 0; padding:5px;
     content:"US$"; color:#9A9A9A; font-weight:100;
 }
 
   .mxn:before,  .MXN:before {
     position: absolute;
     top: 0; padding:5px;
     content:"MX$";  color:#9A9A9A; font-weight:100;
 }
 
 
 .porce{
   position: relative;	  
}
.porce input {  
     padding-right:25px;
     text-align:end;  text-align:right;
 }
 
    .porciento:after  {
     position: absolute;
     top: 0; padding:5px; right:5px; 
     content:"%";  color:#9A9A9A; font-weight:100;
 }
  



.entero, .decimal{ text-align:right;}

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

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


.cursor { cursor: pointer;}

.div { width:100%; height:1px; background-color:#EBEBEB; float:left; margin:6px 0 6px 0;}

.divP { width:100%; height:1px; border-bottom:1px dashed #EBEBEB;  float:left; margin:6px 0 6px 0;}

.dragdrop{ padding-left:00px; background-repeat:no-repeat;
	cursor:move;
	float:left;  
	
}

.redesB { color:#fff; float:right; padding:5px;}
.redesB:hover{ color:#EBEBEB;}


.redesN { color:#000; float:right; padding:5px;}
.redesN:hover{ color:#444;}


/* textos */
.rojo { color:#f00;}
.negrita { font-weight:700;}

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

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


.tableRow { display: table-row}
.tableCell { display:table-cell !important; vertical-align:middle;}
.tableCell30 { display:table-cell !important; vertical-align:middle; width:30px;}
.tableCell50 { display:table-cell !important; vertical-align:middle; width:50px;}

.verticalAlignTop { vertical-align: top; }

.celdaUSD { padding-left:33px !important; text-align:right; position:relative}
.celdaUSD:before { content:"US$"; position:absolute; left:5px; top:50%; transform: translateY(-50%);  color:#B5B5B5; }

.celdaMXN { padding-left:33px !important; text-align:right; position:relative}
.celdaMXN:before { content:"MX$"; position:absolute; left:5px; top:50%; transform: translateY(-50%);  color:#B5B5B5; }


.celdaPZS { padding-left:33px !important; text-align:right; position:relative}
.celdaPZS:before { content:"PZS"; position:absolute; left:5px; top:50%; transform: translateY(-50%);  color:#B5B5B5; }


.celdaPor { padding-right:20px !important; text-align:right; position:relative}
.celdaPor:after { content:"%"; position:absolute; right:5px; top:50%; transform: translateY(-50%);  color:#B5B5B5; }

/* divs  */
.displayNone { display: none;}

.columnasSitio { display:table; wdidth:100%; float:left;}


.centro{
        float: none !important;
    display: inline-block;
}
    
.elemento_titulo{color: #000;
   font-size: 45px;
    font-family: 'Crimson Text', sans-serif;  position: relative; line-height: 100%; padding-left: 25px; padding-right: 25px;
     
}


.elemento_tituloon{color: #B6A08A;
    font-size: 26px;
    font-family: 'Crimson Text', sans-serif;
				line-height: 100%; 
}

 @media screen and (max-width: 600px) {
	 .elemento_titulo { font-size: 30px; }
	 .elemento_tituloon { font-size: 20px; }
 }

.textoImagenTitulo { font-family: 'Crimson Text', 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: 'Crimson Text', 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: 'Crimson Text', sans-serif;
    font-weight: 400; font-size:18px;}
 .elemento_acorderon_contenido{ width:100%; padding:5px; float:left; display:none; cursor:default;}

.elemento { position: relative; width: 100%;}
.divAuto { float:left; width:auto;}
.div100{ float:left; width:100%; position: relative;}
.div85, .div85f{ float:left; width:75%;}
.div75, .div75f{ float:left; width:75%;}
.div70, .div70f{ float:left; width:70%;}
.div66, .div66f{ float:left; width:66.6666%;}
.div50, .div50f{ float:left; width:50%;}
.div33, .div33f{ float:left; width:33.3333%;}
.div30, .div30f{ float:left; width:30%;}
.div25, .div25f{ float:left; width:25%;}
.div20, .div20f{ float:left; width:20%;}
.div16, .div16f{ float:left; width:16.6666666%;}
.div15, .div15f {float:left; width:15%;}
.div14, .div14f {float:left; width:14.28%;}
.div12, .div12f {float:left; width:12.5%;}
.div11, .div11f { float:left; width:11.11%;}
.div10, .div10f { float:left; width:10%;}

.div85C { display:table-cell; width:75%;}
.div80C { display:table-cell; width:75%;}
.div75C { display:table-cell; width:75%;}
.div70C { display:table-cell; width:70%;}
.div66C { display:table-cell; width:66.6666%;}
.div50C { display:table-cell; width:50%;}
.div33C { display:table-cell; width:33.3333%;}
.div30C { display:table-cell; width:30%;}
.div25C { display:table-cell; width:25%;}
.div20C { display:table-cell; width:20%;}
.div16C { display:table-cell; width:16.6666666%;}
.div15C { display:table-cell; width:15%;}
.div14C { display:table-cell; width:14.28%;}
.div12C { display:table-cell; width:12.5%;}
.div11C { display:table-cell; width:11.11%;}
.div10C { display:table-cell; width:10%;}

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

@media screen and (max-width: 600px) {
.div50 ,  .div25, .div33, .div66, .div75{ float:left; width:100%;}
 .div16{ float:left; width:100%;}
.div80C, .div75C, .div70C, .div66C, .div50C, .div33C, .div30C, .div25C, .div20C { display:block; width:100%; float:left;}
}
.inputError { border:1px solid #A00000 !important; z-index:99;}
.formErrorContent {
background-color: #2A2A2A;
color: #FFF; word-wrap:normal; min-width:100px;
padding: 5px;
 font-size: 10px;
border: 1px solid #CCC; z-index:9999;
}
.formError{ z-index:99;}

/* sort */

.placeholder {
    border: 1px dashed #333;  width:50px; float:left; 
   height:30px;  
}

.placeholder100 {
    border: 1px dashed #333;  width:100%; float:left; 
   height:5px;  
}

.placeholderSub {
    border: 1px dashed #333;  width:300px; float:left; 
   height:30px;  
}

.placeholderV {
    border: 1px dashed #333;  width:198px; float:left; margin-right:15px; 
   height:130px;  
}
/* */

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

/* contenido */

.grid_sitio{    margin: auto;
    width: 100%;
    position: relative;
    display: table;}
/*  */


.mensaje { float: left; position: relative; font-size: 12px; cursor: pointer}
.mensaje .material-icons { position: absolute; left: 0; top: 50%; transform: translateY(-50%); font-size: 18px;}
.mensaje .div100 { padding-left: 20px;}
.mensaje:hover {color:#2a98c5 }

/*.datosGen div.div50, div.div33{*/
.datosGen div.cuadroDiv{
  
  /*border-style: solid;*/
    border-radius: 0px;
    border-width: 1px;
    border-color: rgb(0 81 137);
    padding: 2px;
}

.ulSpacio li{
  padding-bottom: 5px;
}

.proy > a {
  display: inline-block;
}

body > div.div100.proy > a > div > div{
      float: left;
    width: 280%;
    height: 10%;
    padding: 0px;
    text-align: center;
}

body > div.div50.proy > a > div{
  width: 140px !important;
}

.carrusel-img{
    width: 100%;
    height: 54%;
  }

.carrusel-proy{

  width: 858px !important;
  height: 463px !important;
  margin-left: 11% !important;
}

.product-proy{
  height: 448px !important;
  width: 281px !important;
}