@charset "utf-8";
/* CSS Document */

* {margin: 0;padding: 0;box-sizing: border-box }

html, body {width: 100%; height: 100%;}



.p0 {padding: 0;}
.p1 {padding: 10px;}
.p2 {padding: 20px;}
.p3 {padding: 30px;}
.p4 {padding: 40px;}
.p5 {padding: 50px;}
.p6 {padding: 60px;}
.p7 {padding: 70px;}
.p8 {padding: 80px;}
.p9 {padding: 90px;}


.pl0 {padding-left: 0;}
.pl1 {padding-left: 10px;}
.pl2 {padding-left: 20px;}
.pl3 {padding-left: 30px;}
.pl4 {padding-left: 40px;}
.pl5 {padding-left: 50px;}
.pl6 {padding-left: 60px;}
.pl7 {padding-left: 70px;}
.pl8 {padding-left: 80px;}
.pl9 {padding-left: 90px;}


.pr0 {padding-right: 0;}
.pr1 {padding-right: 10px;}
.pr2 {padding-right: 20px;}
.pr3 {padding-right: 30px;}
.pr4 {padding-right: 40px;}
.pr5 {padding-right: 50px;}
.pr6 {padding-right: 60px;}
.pr7 {padding-right: 70px;}
.pr8 {padding-right: 80px;}
.pr9 {padding-right: 90px;}


.pt0 {padding-top: 0;}
.pt1 {padding-top: 10px;}
.pt2 {padding-top: 20px;}
.pt3 {padding-top: 30px;}
.pt4 {padding-top: 40px;}
.pt5 {padding-top: 50px;}
.pt6 {padding-top: 60px;}
.pt7 {padding-top: 70px;}
.pt8 {padding-top: 80px;}
.pt9 {padding-top: 90px;}

.pb0 {padding-bottom: 0;}
.pb1 {padding-bottom: 10px;}
.pb2 {padding-bottom: 20px;}
.pb3 {padding-bottom: 30px;}
.pb4 {padding-bottom: 40px;}
.pb5 {padding-bottom: 50px;}
.pb6 {padding-bottom: 60px;}
.pb7 {padding-bottom: 70px;}
.pb8 {padding-bottom: 80px;}
.pb9 {padding-bottom: 90px;}


.m0 {margin: 0;}
.m1 {margin: 10px;}
.m2 {margin: 20px;}
.m3 {margin: 30px;}
.m4 {margin: 40px;}
.m5 {margin: 50px;}
.m6 {margin: 60px;}
.m7 {margin: 70px;}
.m8 {margin: 80px;}
.m9 {margin: 90px;}

.ml0 {margin-left: 0;}
.ml1 {margin-left: 10px;}
.ml2 {margin-left: 20px;}
.ml3 {margin-left: 30px;}
.ml4 {margin-left: 40px;}
.ml5 {margin-left: 50px;}
.ml6 {margin-left: 60px;}
.ml7 {margin-left: 70px;}
.ml8 {margin-left: 80px;}
.ml9 {margin-left: 90px;}


.mr0 {margin-right: 0;}
.mr1 {margin-right: 10px;}
.mr2 {margin-right: 20px;}
.mr3 {margin-right: 30px;}
.mr4 {margin-right: 40px;}
.mr5 {margin-right: 50px;}
.mr6 {margin-right: 60px;}
.mr7 {margin-right: 70px;}
.mr8 {margin-right: 80px;}
.mr9 {margin-right: 90px;}


.mt0 {margin-top: 0;}
.mt1 {margin-top: 10px;}
.mt2 {margin-top: 20px;}
.mt3 {margin-top: 30px;}
.mt4 {margin-top: 40px;}
.mt5 {margin-top: 50px;}
.mt6 {margin-top: 60px;}
.mt7 {margin-top: 70px;}
.mt8 {margin-top: 80px;}
.mt9 {margin-top: 90px;}

.mb0 {margin-bottom: 0;}
.mb1 {margin-bottom: 10px;}
.mb2 {margin-bottom: 20px;}
.mb3 {margin-bottom: 30px;}
.mb4 {margin-bottom: 40px;}
.mb5 {margin-bottom: 50px;}
.mb6 {margin-bottom: 60px;}
.mb7 {margin-bottom: 70px;}
.mb8 {margin-bottom: 80px;}
.mb9 {margin-bottom: 90px;}



.fila {clear: both; height: auto; display:flex; /*width: 100%;*/ }

.filaWrap {flex-wrap:wrap; height: auto; }

.filaEquiD {justify-content: space-between;}


.vacio {height:1px; }

.col1 {width: 8%;  box-sizing: border-box; }   
.col2 {width: 16%; box-sizing: border-box;  }
.col3 {width: 25%; box-sizing: border-box ;}
.col4 {width: 32%; box-sizing: border-box ; }
.col5 {width: 40%; box-sizing: border-box ; }
.col6 {width: 49%;box-sizing: border-box  ; }
.col7 {width: 57%;box-sizing: border-box ; }
.col8 {width: 66%;box-sizing: border-box ;  }
.col9 {width: 75%;box-sizing: border-box ;  }
.col10 {width: 83%; box-sizing: border-box; }
.col11 {width: 91%; box-sizing: border-box ;}
.col12 {width: 99%; box-sizing: border-box ; }



/* cajas */ 
.izq {float:left; } .der {float: right;} .corte {clear: both;}

.mAuto {margin: auto;}

.imgR {width: 100%; height: auto;}

.bloque {display: block;} .inline {display: inline;}

.b0 {border:none; }
.b1 {border:solid 1px #909090; }



.blanco {background:white; }




/* textos */


.t1 {font-size:10px; }
.t2 {font-size:12px; }
.t3 {font-size:14px; }
.t4 {font-size:16px; }
.t5 {font-size:18px; }
.t6 {font-size:20px; }
.t7 {font-size:22px; }
.t8 {font-size:24px; }
.t9 {font-size:28px; }
.t10 {font-size:30px; }
.t11 {font-size:32px; }
.t12 {font-size:34px; }
.t13 {font-size:36px; }
.t14 {font-size:38px; }
.t15 {font-size:40px; }
.t16 {font-size:42px; }
.t17 {font-size:44px; }
.t18 {font-size:46px; }
.t19 {font-size:48px; }
.t20 {font-size:50px; }








a {text-decoration:none; color:black; }

.tnegro {color:black;} .tblanco {color:white;}

.serif {font-family:serif;} .sanserif {font-family:sans-serif;} .bold {font-weight:bold;}

.tIzq {text-align: left;} .tDer {text-align: right;} .tCen {text-align: center;}

.ita {font-style:italic; }

/* efectos */

 .sombraBloque1 {box-shadow:5px 5px 5px #666; }
 .sombraTexto {text-shadow:5px 5px 5px #666; }
 
 .crecer {transition:all 1s;  }
 .crecer:hover {transform:scale(1.2,1.2);}
 
 
/* lista */ 
 
 .listaV, listaH {list-style:none; }
 
 .listaH li {display:inline-table; }
 
 
  .creceClick {transition:all 1s; }
  .creceClick:focus {transform:scale(1.3,1.3); }
  
 .creceClickAccion {transform:scale(1.3,1.3); }