/*
ESPECIALES 
Contiene toda la estructura de despliegue de los especiales y manejo de sistema de slice
*/

* 
{ margin: 0; padding: 0;}


body {margin: 0 auto; text-align: center; }


/*ESTRUCTURA*/


div#especialMicro { width: 460px; margin: 0px auto; text-align: center; position: relative; }

div#especialHeader { width: 460px; height: 0px; background: #fff; color: #000; }


div#especialHeader h2 { font: 1.2em Trebuchet MS, Arial Helvetica, sans-serif; float: right; left no-repeat; margin: 0px 0px; padding: 0px 0px 0px 0px;}

div#especialHeader .flotar { float: left; margin: 0px; border:0;}

div#especialContent { width: 100%; height: 100%; color: #333; }
div#especialMenu { width: 460px; overflow: hidden; margin 0px auto; background:#96c0c5 top center; color: #333; }


/*MENU*/


#especialMenu ul, #especialMenu li { font: 1.0em/1.0em Trebuchet MS, Arial Helvetica, sans-serif; display: inline; list-style-type: none; }

#especialMenu li, #especialMenu li
#position1-tab { width: 100px; float: left; text-align: center; } 
/* <--CONTROL DE SLICE, DEBE MARCAR EL DIV DE INICIO DE SLICE  ---- #especialMenu li#position1-tab  */

#especialMenu a img { margin: 0px auto; padding: 0px; border: 0px solid #990; display: block; filter:alpha(opacity=30); -moz-opacity:.60; opacity:.60; }

#especialMenu a:hover img, 
#especialMenu a:link
#current img, 
#especialMenu a:visited
#current img { margin: 0px auto; padding: 2px; border: 0px solid #444; display: block; filter: alpha(opacity=150); -moz-opacity:1; opacity:1; }

#especialMenu a:link, 
#especialMenu a:visited { text-decoration: none; display: block; color: #000; padding: 0px 0px 0px 0px; outline: none;}


#especialMenu a:link  
#current, 
#especialMenu a:visited
#current, 
#especialMenu a:hover top center; color: #C00; padding: 10px 0px 30px 0px; }

#izq, 
#der { width: 460px; overflow: hidden; margin: 0px; padding: 0px; float: left; }

#der { width: 20px; margin-top: 0px;}

#izq img, 
#der img { margin: 0px auto; padding: 0px; text-align: center; }

#izq p, 
#der p { font: 10px/17px Trebuchet MS, Arial Helvetica, sans-serif;font-weight: bold; color: #ffc; text-align: justify; padding: 8px 10px; }
#izq h4, 
#der h4 { font: 10px/12px Trebuchet MS, Arial Helvetica, sans-serif;font-weight: bold; color: #ffc; text-align: justify; padding: 8px 10px; }

#izq h2 
#der h2 { font: 16px/14px Trebuchet MS, Arial Helvetica, sans-serif; font-weight: bold; color: #ffc; text-align: left; padding: 6px 8px; clear: both; }

#izq h3, 
#der h3 { font: 14px/14px Trebuchet MS, Arial Helvetica, sans-serif; font-weight: bold; color: #900; text-align: left; padding: 6px 8px; clear: both; }


#izq li, 
#der li { font: 12px/14px Trebuchet MS, Arial Helvetica, sans-serif; font-weight: color: #666; text-align: left; padding: 4px 6px; clear: both; }


#bfbajada { width: 100%; overflow: hidden; background: #ffc; border: 0px solid #3c3; margin: 0px 8px; padding: 4px; }

#bfbajada img { float: left; margin: 4px; }

#bfbajada h2 { font: 16px/14px Trebuchet MS, Arial Helvetica, sans-serif; font-weight: bold; color: #000; text-align: left; padding: 6px 8px; clear: both; }

#bfbajada h3 { font: 14px/18px Trebuchet MS, Arial Helvetica, sans-serif; font-weight: bold; color: #900; text-align: center; padding: 6px 8px; clear: both; }
#bfbajada p { font: 10px/12px Trebuchet MS, Arial Helvetica, sans-serif; font-weight: bold; color: #000; text-align: justify; }


#ffbajada { width: 100px; overflow: hidden; background: #222; border: 1px solid #000; margin: 0px 8px; padding: 4px;}

#ffbajada img { margin: 4px; }

#ffbajada p { font: 10px/12px Trebuchet MS, Arial Helvetica, sans-serif; font-weight: bold; color: #DDD; text-align: left; }


#ffbajada.c_izq { float: left; }

#ffbajada.c_der { float: right; }


/*DIV PARA SLICE*/


#scroller { width: 460px; margin: 0 auto; overflow: hidden; }

#content { width: 2800px; }

#frame { overflow: hidden; margin: 0 auto; width: 460px; position: relative; }

#frame460pxroller, .section { height: 100%; }
.container { width: 460px; margin: 0 auto; position: relative;}
.section { width: 460px; float: left; margin: 0px auto; text-align: center; border-top: 1px solid;}