/* PROPIEDADES NO MODIFICABLES */
html{background:#000;width:100%;height:100%;margin:0;padding:0;border:0;overflow:auto;}
body{background:url(../img/fondo.png);width:100%;height:100%;margin:0;padding:0;border:0;cursor:defaul;font-size:100%;font-family:"Calibri";font-weight:normal;color:#000; overflow-x:;}
img{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-weight:100;}
.h{font-family:"Before the Rain";font-size:150%;}
p{margin:0;padding:0;font-size:70%;}
a{text-decoration:none;color:#fff;}
a:hover{color:#ccc;cursor:pointer;}
a:focus{color:#ccc;cursor:wait;}
ul{width:125%;margin:6% 0 0 -13%;padding:5% 0 5% 0;z-index:200;}
li{background:#333;height:auto;list-style:none;margin:0;padding:3% 1% 3% 1%;color:#fff;}
li:hover{background:#eee;cursor:pointer;color:#333;}
input{color:#333;margin:1%;padding:2%;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;behavior:url(PIE.htc);border-top:solid 1.5px #5f6062;border-left:solid 1.5px #5f6062;border-right:solid 2.5px #eee;border-bottom:solid 2.5px #eee;}
select{color:#333;margin:1%;padding:2%;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;behavior:url(PIE.htc);border-top:solid 1.5px #5f6062;border-left:solid 1.5px #5f6062;border-right:solid 2.5px #eee;border-bottom:solid 2.5px #eee;}
option{color:#333;}
onclik{cursor:wait;}
hr{margin:3% 0 3% 0;padding:0;}
/* DIVISIÓN DEL BODY */
.cabecera{height:10%;margin:0;padding:1% 0 1% 0;color:#fff;text-align:center;}
.contenido{background:#fff;width:90%;height:53%;padding:5% 5% 5% 5%;}
.pie{height:5%;margin:0;padding:3.5% 0 1.5% 0;color:#fff;overflow:hidden;text-align:center;}
.menus{width:100%;height:30%;margin:0;padding:0;position:relative;z-index:100;}
/* DIVISIÓN DE MENÚS */
.menu{width:auto;height:50%;margin:0;padding:.5% 1% .8% 1%;text-align:center;color:#fff;overflow:hidden;float:left;}
.menu:hover{background:#000;overflow:visible !important; cursor:pointer;}
.menu:focus{background:#333;}
/* POSITION */
.abs{position:absolute;}
.rel{position:relative;}
.fix{position:fixed;}
/* float */
.fn{float:none;}
.fl{float:left;}
.fr{float:right;}
/* border */
.b{border:solid .5px #f00;}
.bn{border:none;}
.bh{border:hidden;}
/* border-radius */
.rad{border-top:solid 1px #9fa1a4;border-left:solid 1px #9fa1a4;border-right:solid 1px #eee;border-bottom:solid 1px #eee;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;behavior:url(PIE.htc);}
.rad2{border-top:solid 1px #9fa1a4;border-left:solid 1px #9fa1a4;border-right:solid 1px #eee;border-bottom:solid 1px #eee;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;behavior:url(PIE.htc);}
.radl{border-radius:10px 0 0 10px;-moz-border-radius:10px 0 0 10px;-webkit-border-radius:10px 0 0 10px;behavior:url(PIE.htc);}
.radr{border-radius:0 10px 10px 0;-moz-border-radius:0 10px 10px 0;-webkit-border-radius:0 10px 10px 0;behavior:url(PIE.htc);}
.radt{border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;behavior:url(PIE.htc);}
.radb{border-radius:0 0 20px 20px;-moz-border-radius:0 0 20px 20px;-webkit-border-radius:0 0 20px 20px;behavior:url(PIE.htc);}
.sh{-moz-box-shadow:0 10px 10px 10px #000;-webkit-box-shadow:0 10px 10px 10px #000;box-shadow:0 10px 10px 10px #000;}
/* FONDOS */
.negro{background:#000;color:#fff;}
.gris{background:#333;}
.gris2{background:#5f6062;color:#333;}
.gris3{background:#ccc;color:#333;}
.gris4{background:#eee;color:#333;}
.blanco{background:#fff;color:#333;}
.azul{background:#000066;color:#fff;}
.azul2{background:#336699;color:#fff;}
.rojo{background:#ff0000;color:#fff;}
.naranja{background:#ff6600;color:#000;}
.verde{background:#8dc63f;color:#fff;}
.morado{background:#330066;color:#fff;}
.lila{background:#cc99ff;color:#333;}
.amarillo{background:#ffff00;color:#000;}
.verde_tx{color:#8dc63f;}
/* TEXTO */
.tx_sh{text-shadow:0 10px 10px 10px #000;}
.tx_negro{color:#000;}
.tx_gris{color:#333;}
.tx_gris2{color:#5f6062;}
.tx_gris3{color:#ccc;}
.tx_gris4{color:#eee;}
.tx_blanco{color:#fff;}
.tx_azul{color:#000066;}
.tx_azul2{color:#336699;}
.tx_rojo{color:#ff0000;}
.tx_naranja{color:#ff6600;}
.tx_verde{color:#8dc63f;}
.tx_morado{color:#330066;}
.tx_lila{color:#cc99ff}
.tx_amarillo{color:#ffff00;}
.tx_verde{color:#8dc63f;}
/* DEGRADADOS */
.luz{background:url(brillo.png);background-repeat:no-repeat;background-position:center;}
.verde_verde{
background:#8dc63f; /* Para exploradores sin css3 */
background:-webkit-gradient(linear, left top, left bottom, from(#8dc63f), to(#003333)); /* Para el WebKit (Safari, Google Chrome etc) */
background:-moz-linear-gradient(top, #8dc63f, #003333); /* Para Mozilla/Gecko (Firefox etc) */
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#8dc63f, endColorstr=#003333, GradientType=0); /* Para Internet Explorer 5.5 - 7 */
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#8dc63f, endColorstr=#003333)";} /* Para Internet Explorer 8 */
.rojo_rojo{
background:#ff0000; /* Para exploradores sin css3 */
background:-webkit-gradient(linear, left top, left bottom, from(#ff0000), to(#330000)); /* Para el WebKit (Safari, Google Chrome etc) */
background:-moz-linear-gradient(top, #ff0000, #330000); /* Para Mozilla/Gecko (Firefox etc) */
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff0000, endColorstr=#330000, GradientType=0); /* Para Internet Explorer 5.5 - 7 */
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff0000, endColorstr=#330000)";} /* Para Internet Explorer 8 */
.azul_azul{
background:#000066; /* Para exploradores sin css3 */
background:-webkit-gradient(linear, left top, left bottom, from(#6699ff), to(#000066)); /* Para el WebKit (Safari, Google Chrome etc) */
background:-moz-linear-gradient(top, #6699ff, #000066); /* Para Mozilla/Gecko (Firefox etc) */
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#6699ff, endColorstr=#000066, GradientType=0); /* Para Internet Explorer 5.5 - 7 */
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#6699ff, endColorstr=#000066)";} /* Para Internet Explorer 8 */
.azul_claro{
background:#336699; /* Para exploradores sin css3 */
background:-webkit-gradient(linear, left top, left bottom, from(#99ffff), to(#336699)); /* Para el WebKit (Safari, Google Chrome etc) */
background:-moz-linear-gradient(top, #99ffff, #336699); /* Para Mozilla/Gecko (Firefox etc) */
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffff, endColorstr=#336699, GradientType=0); /* Para Internet Explorer 5.5 - 7 */
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffff, endColorstr=#336699)";} /* Para Internet Explorer 8 */
.negro_negro{
background:#333333; /* Para exploradores sin css3 */
background:-webkit-gradient(linear, left top, left bottom, from(#333333), to(#000000)); /* Para el WebKit (Safari, Google Chrome etc) */
background:-moz-linear-gradient(top, #333333, #000000); /* Para Mozilla/Gecko (Firefox etc) */
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#333333, endColorstr=#000000, GradientType=0); /* Para Internet Explorer 5.5 - 7 */
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#333333, endColorstr=#000000)";} /* Para Internet Explorer 8 */
.gris_gris{
background:#5f6062; /* Para exploradores sin css3 */
background:-webkit-gradient(linear, left top, left bottom, from(#5f6062), to(#eeeeee)); /* Para el WebKit (Safari, Google Chrome etc) */
background:-moz-linear-gradient(top, #5f6062, #eeeeee); /* Para Mozilla/Gecko (Firefox etc) */
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#5f6062, endColorstr=#eeeeee, GradientType=0); /* Para Internet Explorer 5.5 - 7 */
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#5f6062, endColorstr=#eeeeee)";} /* Para Internet Explorer 8 */
.naranja_naranja{
background:#ff6600; /* Para exploradores sin css3 */
background:-webkit-gradient(linear, left top, left bottom, from(#ff6600), to(#663333)); /* Para el WebKit (Safari, Google Chrome etc) */
background:-moz-linear-gradient(top, #ff6600, #663333); /* Para Mozilla/Gecko (Firefox etc) */
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff6600, endColorstr=#663333, GradientType=0); /* Para Internet Explorer 5.5 - 7 */
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff6600, endColorstr=#663333)";} /* Para Internet Explorer 8 */
.rosa_rosa{
background:#ff3399; /* Para exploradores sin css3 */
background:-webkit-gradient(linear, left top, left bottom, from(#ff3399), to(#450023)); /* Para el WebKit (Safari, Google Chrome etc) */
background:-moz-linear-gradient(top, #ff3399, #450023); /* Para Mozilla/Gecko (Firefox etc) */
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff3399, endColorstr=#450023, GradientType=0); /* Para Internet Explorer 5.5 - 7 */
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff3399, endColorstr=#450023)";} /* Para Internet Explorer 8 */
.amarillo_amarillo{
background:#ffff00; /* Para exploradores sin css3 */
background:-webkit-gradient(linear, left top, left bottom, from(#ffff00), to(#ff9933)); /* Para el WebKit (Safari, Google Chrome etc) */
background:-moz-linear-gradient(top, #ffff00, #ff9933); /* Para Mozilla/Gecko (Firefox etc) */
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffff00, endColorstr=#ff9933, GradientType=0); /* Para Internet Explorer 5.5 - 7 */
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffff00, endColorstr=#ff9933)";} /* Para Internet Explorer 8 */
.morado_morado{
background:#330066; /* Para exploradores sin css3 */
background:-webkit-gradient(linear, left top, left bottom, from(#cc99ff), to(#330066)); /* Para el WebKit (Safari, Google Chrome etc) */
background:-moz-linear-gradient(top, #cc99ff, #330066); /* Para Mozilla/Gecko (Firefox etc) */
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc99ff, endColorstr=#330066, GradientType=0); /* Para Internet Explorer 5.5 - 7 */
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc99ff, endColorstr=#330066)";} /* Para Internet Explorer 8 */
/* botones */
.boton{background:url(icon.png);background-repeat:no-repeat;width:5%;height:10%;float:left;border:solid;color:#fff;font-weight:bold;}
.boton:hover{background:url(icon2.png);background-repeat:no-repeat;}
/* porcentaje width */
.w_5{width:.5%;}
.w1{width:1%;}
.w2{width:2%;}
.w3{width:3%;}
.w4{width:4%;}
.w5{width:5%;}
.w10{width:10%;}
.w15{width:15%;}
.w20{width:20%;}
.w25{width:25%;}
.w30{width:30%;}
.w35{width:35%;}
.w40{width:40%;}
.w45{width:45%;}
.w50{width:50%;}
.w55{width:55%;}
.w60{width:60%;}
.w65{width:65%;}
.w70{width:70%;}
.w75{width:75%;}
.w80{width:80%;}
.w85{width:85%;}
.w90{width:90%;}
.w95{width:95%;}
.w100{width:100%;}
/* porcentaje height */
.h_5{height:.5%;}
.h1{height:1%;}
.h2{height:2%;}
.h3{height:3%;}
.h4{height:4%;}
.h5{height:5%;}
.h10{height:10%;}
.h15{height:15%;}
.h20{height:20%;}
.h25{height:25%;}
.h30{height:30%;}
.h35{height:35%;}
.h40{height:40%;}
.h45{height:45%;}
.h50{height:50%;}
.h55{height:55%;}
.h60{height:60%;}
.h65{height:65%;}
.h70{height:70%;}
.h75{height:75%;}
.h80{height:80%;}
.h85{height:85%;}
.h90{height:90%;}
.h95{height:95%;}
.h100{height:100%;}
/* porcentaje margin */
.m_5{margin:.5%;}
.m1{margin:1%;}
.m2{margin:2%;}
.m3{margin:3%;}
.m4{margin:4%;}
.m5{margin:5%;}
.m10{margin:10%;}
.m15{margin:15%;}
.m20{margin:20%;}
.m25{margin:25%;}
.m30{margin:30%;}
.m35{margin:35%;}
.m40{margin:40%;}
.m45{margin:45%;}
.m50{margin:50%;}
.m55{margin:55%;}
.m60{margin:60%;}
.m65{margin:65%;}
.m70{margin:70%;}
.m75{margin:75%;}
.m80{margin:80%;}
.m85{margin:85%;}
.m90{margin:90%;}
.m95{margin:95%;}
.m100{margin:100%;}
/* porcentaje margin-top */
.mt_5{margin-top:.5%;}
.mt1{margin-top:1%;}
.mt2{margin-top:2%;}
.mt3{margin-top:3%;}
.mt4{margin-top:4%;}
.mt5{margin-top:5%;}
.mt10{margin-top:10%;}
.mt15{margin-top:15%;}
.mt20{margin-top:20%;}
.mt25{margin-top:25%;}
.mt30{margin-top:30%;}
.mt35{margin-top:35%;}
.mt40{margin-top:40%;}
.mt45{margin-top:45%;}
.mt50{margin-top:50%;}
.mt55{margin-top:55%;}
.mt60{margin-top:60%;}
.mt65{margin-top:65%;}
.mt70{margin-top:70%;}
.mt75{margin-top:75%;}
.mt80{margin-top:80%;}
.mt85{margin-top:85%;}
.mt90{margin-top:90%;}
.mt95{margin-top:95%;}
.mt100{margin-top:100%;}
/* porcentaje margin-left */
.ml_5{margin-left:.5%;}
.ml1{margin-left:1%;}
.ml2{margin-left:2%;}
.ml3{margin-left:3%;}
.ml4{margin-left:4%;}
.ml5{margin-left:5%;}
.ml10{margin-left:10%;}
.ml15{margin-left:15%;}
.ml20{margin-left:20%;}
.ml25{margin-left:25%;}
.ml30{margin-left:30%;}
.ml35{margin-left:35%;}
.ml40{margin-left:40%;}
.ml45{margin-left:45%;}
.ml50{margin-left:50%;}
.ml55{margin-left:55%;}
.ml60{margin-left:60%;}
.ml65{margin-left:65%;}
.ml70{margin-left:70%;}
.ml75{margin-left:75%;}
.ml80{margin-left:80%;}
.ml85{margin-left:85%;}
.ml90{margin-left:90%;}
.ml95{margin-left:95%;}
.ml100{margin-left:100%;}
/* porcentaje margin-right */
.mr_5{margin-right:.5%;}
.mr1{margin-right:1%;}
.mr2{margin-right:2%;}
.mr3{margin-right:3%;}
.mr4{margin-right:4%;}
.mr5{margin-right:5%;}
.mr10{margin-right:10%;}
.mr15{margin-right:15%;}
.mr20{margin-right:20%;}
.mr25{margin-right:25%;}
.mr30{margin-right:30%;}
.mr35{margin-right:35%;}
.mr40{margin-right:40%;}
.mr45{margin-right:45%;}
.mr50{margin-right:50%;}
.mr55{margin-right:55%;}
.mr60{margin-right:60%;}
.mr65{margin-right:65%;}
.mr70{margin-right:70%;}
.mr75{margin-right:75%;}
.mr80{margin-right:80%;}
.mr85{margin-right:85%;}
.mr90{margin-right:90%;}
.mr95{margin-right:95%;}
.mr100{margin-right:100%;}
/* porcentaje margin-bottom */
.mb_5{margin-bottom:.5%;}
.mb1{margin-bottom:1%;}
.mb2{margin-bottom:2%;}
.mb3{margin-bottom:3%;}
.mb4{margin-bottom:4%;}
.mb5{margin-bottom:5%;}
.mb10{margin-bottom:10%;}
.mb15{margin-bottom:15%;}
.mb20{margin-bottom:20%;}
.mb25{margin-bottom:25%;}
.mb30{margin-bottom:30%;}
.mb35{margin-bottom:35%;}
.mb40{margin-bottom:40%;}
.mb45{margin-bottom:45%;}
.mb50{margin-bottom:50%;}
.mb55{margin-bottom:55%;}
.mb60{margin-bottom:60%;}
.mb65{margin-bottom:65%;}
.mb70{margin-bottom:70%;}
.mb75{margin-bottom:75%;}
.mb80{margin-bottom:80%;}
.mb85{margin-bottom:85%;}
.mb90{margin-bottom:90%;}
.mb95{margin-bottom:95%;}
.mb100{margin-bottom:100%;}
/* porcentaje padding */
.p_5{padding:.5%;}
.p1{padding:1%;}
.p2{padding:2%;}
.p3{padding:3%;}
.p4{padding:4%;}
.p5{padding:5%;}
.p10{padding:10%;}
.p15{padding:15%;}
.p20{padding:20%;}
.p25{padding:25%;}
.p30{padding:30%;}
.p35{padding:35%;}
.p40{padding:40%;}
.p45{padding:45%;}
.p50{padding:50%;}
.p55{padding:55%;}
.p60{padding:60%;}
.p65{padding:65%;}
.p70{padding:70%;}
.p75{padding:75%;}
.p80{padding:80%;}
.p85{padding:85%;}
.p90{padding:90%;}
.p95{padding:95%;}
.p100{padding:100%;}
/* porcentaje padding-top */
.pt_5{padding-top:.5%;}
.pt1{padding-top:1%;}
.pt2{padding-top:2%;}
.pt3{padding-top:3%;}
.pt4{padding-top:4%;}
.pt5{padding-top:5%;}
.pt10{padding-top:10%;}
.pt15{padding-top:15%;}
.pt20{padding-top:20%;}
.pt25{padding-top:25%;}
.pt30{padding-top:30%;}
.pt35{padding-top:35%;}
.pt40{padding-top:40%;}
.pt45{padding-top:45%;}
.pt50{padding-top:50%;}
.pt55{padding-top:55%;}
.pt60{padding-top:60%;}
.pt65{padding-top:65%;}
.pt70{padding-top:70%;}
.pt75{padding-top:75%;}
.pt80{padding-top:80%;}
.pt85{padding-top:85%;}
.pt90{padding-top:90%;}
.pt95{padding-top:95%;}
.pt100{padding-top:100%;}
/* porcentaje padding-left */
.pl_5{padding-left:.5%;}
.pl1{padding-left:1%;}
.pl2{padding-left:2%;}
.pl3{padding-left:3%;}
.pl4{padding-left:4%;}
.pl5{padding-left:5%;}
.pl10{padding-left:10%;}
.pl15{padding-left:15%;}
.pl20{padding-left:20%;}
.pl25{padding-left:25%;}
.pl30{padding-left:30%;}
.pl35{padding-left:35%;}
.pl40{padding-left:40%;}
.pl45{padding-left:45%;}
.pl50{padding-left:50%;}
.pl55{padding-left:55%;}
.pl60{padding-left:60%;}
.pl65{padding-left:65%;}
.pl70{padding-left:70%;}
.pl75{padding-left:75%;}
.pl80{padding-left:80%;}
.pl85{padding-left:85%;}
.pl90{padding-left:90%;}
.pl95{padding-left:95%;}
.pl100{padding-left:100%;}
/* porcentaje padding-right */
.pr_5{padding-right:.5%;}
.pr1{padding-right:1%;}
.pr2{padding-right:2%;}
.pr3{padding-right:3%;}
.pr4{padding-right:4%;}
.pr5{padding-right:5%;}
.pr10{padding-right:10%;}
.pr15{padding-right:15%;}
.pr20{padding-right:20%;}
.pr25{padding-right:25%;}
.pr30{padding-right:30%;}
.pr35{padding-right:35%;}
.pr40{padding-right:40%;}
.pr45{padding-right:45%;}
.pr50{padding-right:50%;}
.pr55{padding-right:55%;}
.pr60{padding-right:60%;}
.pr65{padding-right:65%;}
.pr70{padding-right:70%;}
.pr75{padding-right:75%;}
.pr80{padding-right:80%;}
.pr85{padding-right:85%;}
.pr90{padding-right:90%;}
.pr95{padding-right:95%;}
.pr100{padding-right:100%;}
/* porcentaje padding-bottom */
.pb_5{padding-bottom:.5%;}
.pb1{padding-bottom:1%;}
.pb2{padding-bottom:2%;}
.pb3{padding-bottom:3%;}
.pb4{padding-bottom:4%;}
.pb5{padding-bottom:5%;}
.pb10{padding-bottom:10%;}
.pb15{padding-bottom:15%;}
.pb20{padding-bottom:20%;}
.pb25{padding-bottom:25%;}
.pb30{padding-bottom:30%;}
.pb35{padding-bottom:35%;}
.pb40{padding-bottom:40%;}
.pb45{padding-bottom:45%;}
.pb50{padding-bottom:50%;}
.pb55{padding-bottom:55%;}
.pb60{padding-bottom:60%;}
.pb65{padding-bottom:65%;}
.pb70{padding-bottom:70%;}
.pb75{padding-bottom:75%;}
.pb80{padding-bottom:80%;}
.pb85{padding-bottom:85%;}
.pb90{padding-bottom:90%;}
.pb95{padding-bottom:95%;}
.pb100{padding-bottom:100%;}