@CHARSET "UTF-8";
@media (min-width:240px) and (max-width:800px){
body{margin:0;padding:0;background:#CCCCCC;}
#contenido{max-width:100%;}
#slidebox{position:relative;border:1px solid #000000;margin:5px auto;overflow:hidden;}
#slidebox .previous{margin-left:10px;background:url(./img/slidebox_previous.png) no-repeat left top;}
#slidebox .previous:hover{background:url(./img/slidebox_previous_hover.png) no-repeat left top;}
#slidebox .next{right:0;margin-right:10px;background:url(./img/slidebox_next.png) no-repeat left top;}
#slidebox .next:hover{background:url(./img/slidebox_next_hover.png) no-repeat left top;}
#slidebox .thumbs{position:absolute;z-index:2;bottom:10px;right:10px;}  
#slidebox .thumbs a{display:block;margin-left:15px;float:left;font-family:Verdana,Geneva,sans-serif;font-size:9px;text-decoration:none;padding:2px 4px;
background:url(./img/slidebox_thumb.png);color:#fff;}
#slidebox .thumbs a:hover{background:#fff;color:#000;}
#slidebox .thumbs .thumbActive{background:#fff;color:#000;display:block;margin-left:5px;float:left;font-family:Verdana,Geneva,sans-serif;font-size:9px;text-decoration:none;padding:2px 4px;}
.ico{position:relative;top:-8px;left:-3px;}}
@media (min-width:240px) and (max-width:319px){
#slidebox, #slidebox ul{width:99%;height:200px;}
#slidebox, #slidebox ul li{max-width:100%;min-height:80px;}
#slidebox .next, #slidebox .previous{position:absolute;z-index:2;display:block;width:21px;height:21px;top:90px;}
#slidebox ul li{position:relative;top:30px;left:0px;background:#eee;float:left;list-style:none;padding:0px 95px;font-family:Verdana,Geneva,sans-serif;font-size:0.8rem;}	
.cerrar{position:relative;width:20%;top:-24px;left:52%;}
.top{width:100%;position:relative;top:-20px;text-align:center;color:black;font-size:18px;font-family:Geneva,Arial,Helvetica,sans-serif;font-weight:bold;color:#FFFFFF;}
#cabeza{padding:0px;margin-top:-1px;margin-right:0px;margin-bottom:0px;margin-left:0px;background-image:url(./img/centro.gif);background-repeat:repeat-x;height:42px;}
#cabeza #cabeza_izq{float:left;background-image:url(./img/izq.gif);background-repeat:no-repeat;height:42px;width:4px;margin-left:0px;}
#cabeza #cabeza_dch{background-image:url(./img/dch.gif);background-repeat:no-repeat;height:42px;width:6px;float:right;margin-top:-10px;}
#cabeza #cabeza_centro{width:90%;position:relative;padding:5px;top:-5px;right:0px;bottom:0px;left:-45px;}}
@media (min-width:320px) and (max-width:479px){
#slidebox, #slidebox ul{width:99%;height:200px;} 
#slidebox, #slidebox ul li{max-width:100%;min-height:90px;}
#slidebox .next, #slidebox .previous{position:absolute;z-index:2;display:block;width:21px;height:21px;top:90px;}
#slidebox ul li{position:relative;top:0px;left:0px;background:#eee;float:left;list-style:none;padding:10px 135px;font-family:Verdana,Geneva,sans-serif;font-size:0.8rem;}	
.cerrar{position:relative;width:20%;top:-24px;left:64%;}
.top{width:100%;position:relative;top:-45px;left:40px;color:black;font-size:18px;font-family:Geneva,Arial,Helvetica,sans-serif;font-weight:bold;color:#FFFFFF;}
#cabeza{padding:0px;margin-top:-1px;margin-right:0px;margin-bottom:0px;margin-left:0px;background-image:url(./img/centro.gif);background-repeat:repeat-x;height:42px;}
#cabeza #cabeza_izq{float:left;background-image:url(./img/izq.gif);background-repeat:no-repeat;height:42px;width:4px;margin-left:0px;}
#cabeza #cabeza_dch{background-image:url(./img/dch.gif);background-repeat:no-repeat;height:42px;width:6px;float:right;margin-top:-10px;}
#cabeza #cabeza_centro{width:0%;position:relative;padding:5px;top:-5px;right:0px;bottom:0px;left:-45px;}}
@media (min-width:480px) and (max-width:567px){
#slidebox, #slidebox ul{width:99%;height:220px;} 
#slidebox, #slidebox ul li{max-width:100%;min-height:100px;}
#slidebox .next, #slidebox .previous{position:absolute;z-index:2;display:block;width:21px;height:21px;top:90px;}
#slidebox ul li{position:relative;top:0px;left:0px;background:#eee;float:left;list-style:none;padding:10px 158px;font-family:Verdana,Geneva,sans-serif;font-size:0.9rem;}	
.cerrar{position:relative;width:20%;top:-24px;left:76%;}
.top{width:100%;position:relative;top:-45px;left:45px;color:black;font-size:18px;font-family:Geneva,Arial,Helvetica,sans-serif;font-weight:bold;color:#FFFFFF;}
#cabeza{padding:0px;margin-top:-1px;margin-right:0px;margin-bottom:0px;margin-left:0px;background-image:url(./img/centro.gif);background-repeat:repeat-x;height:42px;}
#cabeza #cabeza_izq{float:left;background-image:url(./img/izq.gif);background-repeat:no-repeat;height:42px;width:4px;margin-left:0px;}
#cabeza #cabeza_dch{background-image:url(./img/dch.gif);background-repeat:no-repeat;height:42px;width:6px;float:right;margin-top:-10px;}
#cabeza #cabeza_centro{width:0%;position:relative;padding:5px;top:-5px;right:0px;bottom:0px;left:-45px;}}
@media (min-width:568px) and (max-width:599px){
#slidebox, #slidebox ul{width:99%;height:270px;}
#slidebox, #slidebox ul li{max-width:100%;min-height:180px;}
#slidebox .next, #slidebox .previous{position:absolute;z-index:2;display:block;width:21px;height:21px;top:110px;}
#slidebox ul li{position:relative;top:0px;left:0px;background:#eee;float:left;list-style:none;padding:10px 166px;font-family:Verdana,Geneva,sans-serif;font-size:1rem;}	
.cerrar{position:relative;width:20%;top:-24px;left:79.8%;}
.top{width:100%;position:relative;top:-45px;left:45px;color:black;font-size:18px;font-family:Geneva,Arial,Helvetica,sans-serif;font-weight:bold;color:#FFFFFF;}
#cabeza{padding:0px;margin-top:-1px;margin-right:0px;margin-bottom:0px;margin-left:0px;background-image:url(./img/centro.gif);background-repeat:repeat-x;height:42px;}
#cabeza #cabeza_izq{float:left;background-image:url(./img/izq.gif);background-repeat:no-repeat;height:42px;width:4px;margin-left:0px;}
#cabeza #cabeza_dch{background-image:url(./img/dch.gif);background-repeat:no-repeat;height:42px;width:6px;float:right;margin-top:-10px;}
#cabeza #cabeza_centro{width:90%;position:relative;padding:5px;top:-5px;right:0px;bottom:0px;left:-45px;}}
@media (min-width:600px) and (max-width:719px){
#slidebox, #slidebox ul{width:99%;height:290px;}
#slidebox, #slidebox ul li{max-width:100%;min-height:200px;}
#slidebox .next, #slidebox .previous{position:absolute;z-index:2;display:block;width:21px;height:21px;top:120px;}
#slidebox ul li{position:relative;top:0px;left:0px;background:#eee;float:left;list-style:none;padding:10px 166px;font-family:Verdana,Geneva,sans-serif;font-size:1rem;}	
.cerrar{position:relative;width:20%;top:-24px;left:80.8%;}
.top{width:100%;position:relative;top:-45px;left:45px;color:black;font-size:18px;font-family:Geneva,Arial,Helvetica,sans-serif;font-weight:bold;color:#FFFFFF;}
#cabeza{padding:0px;margin-top:-1px;margin-right:0px;margin-bottom:0px;margin-left:0px;background-image:url(./img/centro.gif);background-repeat:repeat-x;height:42px;}
#cabeza #cabeza_izq{float:left;background-image:url(./img/izq.gif);background-repeat:no-repeat;height:42px;width:4px;margin-left:0px;}
#cabeza #cabeza_dch{background-image:url(./img/dch.gif);background-repeat:no-repeat;height:42px;width:6px;float:right;margin-top:-10px;}
#cabeza #cabeza_centro{width:90%;position:relative;padding:5px;top:-5px;right:0px;bottom:0px;left:-45px;}}
@media (min-width:720px) and (max-width:766px){
#slidebox, #slidebox ul{width:99%;height:350px;}
#slidebox, #slidebox ul li{max-width:100%;min-height:280px;}
#slidebox .next, #slidebox .previous{position:absolute;z-index:2;display:block;width:21px;height:21px;top:140px;}
#slidebox ul li{position:relative;top:0px;left:0px;background:#eee;float:left;list-style:none;padding:20px 174px;font-family:Verdana,Geneva,sans-serif;font-size:1rem;}	
.cerrar{position:relative;width:20%;top:-24px;left:84%;}
.top{width:83%;position:relative;top:-45px;left:45px;color:black;font-size:18px;font-family:Geneva,Arial,Helvetica,sans-serif;font-weight:bold;color:#FFFFFF;}
#cabeza{padding:0px;margin-top:-1px;margin-right:0px;margin-bottom:0px;margin-left:0px;background-image:url(./img/centro.gif);background-repeat:repeat-x;height:42px;}
#cabeza #cabeza_izq{float:left;background-image:url(./img/izq.gif);background-repeat:no-repeat;height:42px;width:4px;margin-left:0px;}
#cabeza #cabeza_dch{background-image:url(./img/dch.gif);background-repeat:no-repeat;height:42px;width:6px;float:right;margin-top:-10px;}
#cabeza #cabeza_centro{width:90%;position:relative;padding:5px;top:-5px;right:0px;bottom:0px;left:-45px;}}
@media (min-width:767px) and (max-width:800px){
#slidebox, #slidebox ul{width:99%;height:370px;}
#slidebox, #slidebox ul li{max-width:100%;min-height:300px;}
#slidebox .next, #slidebox .previous{position:absolute;z-index:2;display:block;width:21px;height:21px;top:160px;}
#slidebox ul li{position:relative;top:0px;left:0px;background:#eee;float:left;list-style:none;padding:20px 190px;font-family:Verdana,Geneva,sans-serif;font-size:1rem;}	
.cerrar{position:relative;width:20%;top:-24px;left:85%;}
.top{width:83%;position:relative;top:-45px;left:45px;color:black;font-size:18px;font-family:Geneva,Arial,Helvetica,sans-serif;font-weight:bold;color:#FFFFFF;}
#cabeza{padding:0px;margin-top:-1px;margin-right:0px;margin-bottom:0px;margin-left:0px;background-image:url(./img/centro.gif);background-repeat:repeat-x;height:42px;}
#cabeza #cabeza_izq{float:left;background-image:url(./img/izq.gif);background-repeat:no-repeat;height:42px;width:4px;margin-left:0px;}
#cabeza #cabeza_dch{background-image:url(./img/dch.gif);background-repeat:no-repeat;height:42px;width:6px;float:right;margin-top:-10px;}
#cabeza #cabeza_centro{width:90%;position:relative;padding:5px;top:-5px;right:0px;bottom:0px;left:-45px;}}