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

#Container {
  position: relative;
 /* margin-top: 0px; 
  margin-left: 15px;*/
  margin:auto;
  width: 945px;
  height: 480px;
  background: none;
  z-index:0;
}
#Scroller-1 { 
  position: relative; 
  overflow: hidden;
  margin-top:0px;
  margin-left:25px;
  width: 890px;
  height: 400px;
  cursor:pointer;
  z-index:0;
}

.Scroller-Container {
	position:absolute;
	margin-top: 0px;
	margin-left: 0px;
	width: 890px;
	z-index:0;
}
.Scrollbar-Up {
  cursor: pointer;
  position: relative;
  margin-top: 15px; 
  margin-left: 30px;
}
.Scrollbar-Down {
  cursor: pointer;
  position: relative;
  margin-top:10px;
  margin-left:30px;
}


.sch{
	background-color:#FFFFFF;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	border-radius: 1px;
	behavior: url(border-radius.htc);
	font-size:16px;
}
	
.celda_hr{
	background:url(../images/botonhoras.png) no-repeat center;
	height:20px;
	font:"Century Gothic";
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#f7921c;
}

.celda{
	background:url(../images/botonazul.png) top no-repeat;
   	width:112px;
	font:"Century Gothic";
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	cursor:pointer;
	color:#000000;
	overflow:hidden;
}


.celda_hgl{
	background:url(../images/botonhigl.png) top no-repeat;
   	width:112px;
	font:"Century Gothic";
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#24496F;
	overflow:hidden;
}


.day_hgl{
	background:url(../images/botonazul_hgl.png) top no-repeat;
   	width:112px;
	font:"Century Gothic";
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	cursor:pointer;
	color:#24496F;
}

.synopsis{
	font:"Century Gothic";
	font-family:"Century Gothic";
	color:#494A4B;
	font-size:13px;
}

.table_step{
position: relative; /*leave this value alone*/
overflow: hidden; /*leave this value alone*/
width: 840px; /*Width of Carousel Viewer itself*/
height: 1155px; /*Height should enough to fit largest content's height*/
float:left;
display:inline;
}

.table_step .belt{
position: relative; /*leave this value alone*/
margin-left: 0;
margin-top: 0;
}

.table_step .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin:0 5px 0 1px; /*margin around each panel*/
width: 835px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}


.days_step{
position: relative; /*leave this value alone*/
overflow: hidden; /*leave this value alone*/
width: 840px; /*Width of Carousel Viewer itself*/
height: 60px; /*Height should enough to fit largest content's height*/ 
margin-top:0px;
margin-right:35px;
float:right;
z-index:0;
}

.days_step .centro{
position: relative; /*leave this value alone*/
margin-left: 0;
margin-top: 0;
z-index:0;
}

.days_step .dia{
position:relative;
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin:5px; /*margin around each panel*/
width: 835px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
z-index:0;
}


.headers{
	width:14%;
	background:url(../images/botondias.png) center top no-repeat;
	height:45px;
	font:"Century Gothic";
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	color:#FFFFFF;
}

.invisible {
display: none; /* el elemento va a estar oculto */
visibility:hidden;
}

.invisible:hover{
	display: block; /* se fuerza a mostrar el bloque */
	position:fixed; /* se fuerza a que se ubique en un lugar de la pantalla */
	z-index:1000; /* va a estar por encima de todo */
	width:320px; /* el ancho por defecto que va a tener */
	cursor:default;
	padding:5px;
	top:300px;
	visibility:visible;
}

.visible {
display: block; /* se fuerza a mostrar el bloque */
position:fixed; /* se fuerza a que se ubique en un lugar de la pantalla */
z-index:1000; /* va a estar por encima de todo */
width:320px; /* el ancho por defecto que va a tener */
cursor:default;
padding:5px;
top:300px;
visibility:visible;
}

.caja {     
    width: 320px; 
    background-image:url(../images/middle-border.png); 
    background-repeat: repeat-y; 
} 

.cajaarriba { 
    background-image:url(../images/top-border.png); 
    background-position: top center; 
    background-repeat: no-repeat; 
} 

.cajaabajo { 
    background-image:url(../images/bottom-border.png); 
    background-position: bottom left; 
    background-repeat: no-repeat; 
    padding: 15px 15px 15px 15px; 
}