@charset "utf-8";
/* CSS Document */
body{
	background-image: url(../imgweb/bg.jpg);
	background-repeat: repeat-x;
}
#div_contenedor{
	width: 990px;
    margin:0px auto;
}
#capareloj{
 color: #FFF;
 font: 120%   Arial, Sans-serif;
  font-weight:bold;
}
#fecha{
  color: #26BAF8;
  font: 100%   Arial, Sans-serif; 
  text-transform:uppercase;
}
#header2{
	width: 990px;
	background-image: url(../imgweb/header.png);
	background-repeat: no-repeat;
	height: 232px;
}
#header{
	width: 990px;
	background-image: url(../imgweb/header.jpg);
	background-repeat: no-repeat;
	height: 232px;
}
#body{
	width: 900px;
	height: 1620px;	
}
#menu2{
	width: 920px;
	height: 278px;
	margin-left:66px;
	margin-bottom: 3px;	
}
#body01{
	width: 990px;
	height: 195px;		
}
#body02{
	width: 990px;
	height: 215px;		
}
#body03{
	width: 990px;
	height: 118px;		
}
#footer{
	width: 990px;
	height: 118px;
	background-image:url(../imgweb/footer.jpg);	
}
#contenedor01{
	width: 446px;
	height: 215px;
	float:left;		
}
#contenedor02{
	width: 205px;
	height: 215px;
	float:left;	
}
#cinta{
	width: 640px;
	height: 195px;
	background-image: url(../imgweb/cinta/bg.jpg);
	background-repeat: no-repeat;
	float:left;
	margin-left:66px;	
}
#subir{
	width: 207px;
	height: 195px;
	padding-left: 12px;
	float:left;	
}
#corporativo{
	width: 204px;
	height: 215px;
	background-image: url(../imgweb/ref_corporativo.jpg);
	background-repeat: no-repeat;
	float:left;
	margin-left:66px;		
}
#series{
	width: 446px;
	height: 110px;
	background-image: url(../imgweb/ref_series.jpg);
	background-repeat: no-repeat;		
}
#movil{
	width: 446px;
	height: 105px;		
}
#tv{
	width: 205px;
	height: 110px;
	background-image: url(../imgweb/ref_tv.jpg);
	background-repeat: no-repeat;		
}
#programacion{
	width: 205px;
	height: 105px;
	background-image: url(../imgweb/ref_prog.jpg);
	background-repeat: no-repeat;		
}
#telefono{
	width: 305px;
	height: 118px;
	float:left;
	margin-left:66px;	
}
#telefono{
	width: 305px;
	height: 118px;
	background-image: url(../imgweb/ref_tel.jpg);
	background-repeat: no-repeat;
	float:left;
	margin-left:64px;	
}
#responsabilidad{
	width: 350px;
	height: 118px;
	background-image: url(../imgweb/ref_responsabilidad.jpg);
	background-repeat: no-repeat;
	float:left;	
}
#bicentenario{
	width: 204px;
	height: 118px;
	background-image: url(../imgweb/ref_bicen.jpg);
	background-repeat: no-repeat;
	float:left;	
}
#temperatura{
  color: #26BAF8;
  font: 120%   Arial, Sans-serif; 
  text-transform:uppercase;
  padding-top:58px;
}
.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 645px; /*Width of Carousel Viewer itself*/
height: 185px; /*Height should enough to fit largest content's height*/
margin-left:5px;
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

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