/*###################################################################\
OMNIMEDIA, S.A. - UNIDAD DE INTERNET [internet@diariolibre.com]
Diseño: Dantelin Castro
CSS: Dantelin Castro [ddtl85@gmail.com]
Maryo 2011
\###################################################################*/

body {
	margin:0px;
	padding:0px;
}
img {border:0px;}

#cont-header {
	width:100%;
	height: 185px;
	background-image: url(../img/header-ontv/bgrd-header.png);
	background-repeat: repeat-x;
	background-position: left top;
	float:left;
	clear:right;
	/*z-index:5;
	position: fixed;*/
}
#ontv-header {
	height: 185px;
	width: 1000px;
	margin:0px auto;
	position: relative;
}
#ontv-logo-header {
	background-image: url(../img/header-ontv/lg.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 135px;
	width: 145px;
	position: absolute;
	top: 11px;
}
#banner-720-90 {
	height: 90px;
	width: 720px;
	position: absolute;
	top: 16px;
	left: 155px;
}
#redS {
	height: 56px;
	width: 100px;
	position: absolute;
	left: 888px;
	top: 33px;
}

#navegacion {
	height: 35px;
	width: 850px;
	position: absolute;
	left: 150px;
	top: 122px;
}
#ontv-contenedor-home {
	height: 1400px;/*height: 1570px;*/
	width: 1000px;
	/*margin:200px auto 0px;*/  /*Para header estatico*/
	margin:0px auto;
	position:relative;
	font-family: Arial, Helvetica, sans-serif;
	background:#fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	 border-radius:5px;
}
#ontv-contenedor {
	height: 1230px;
	width: 1000px;
	/*margin:200px auto 0px;*/  /*Para header estatico*/
	margin:0px auto;
	position:relative;
	font-family: Arial, Helvetica, sans-serif;
	background:#fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	 border-radius:5px;
}
#ontv-contenedor-cober {
	height: 790px;
	width: 1000px;
	/*margin:200px auto 0px;*/  /*Para header estatico*/
	margin:0px auto;
	position:relative;
	font-family: Arial, Helvetica, sans-serif;
	background:#fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	 border-radius:5px;
}

#ontv-contenedor-serv {
	height: 1650px;
	width: 1000px;
	/*margin:200px auto 0px;*/  /*Para header estatico*/
	margin:0px auto;
	position:relative;
	font-family: Arial, Helvetica, sans-serif;
	background:#fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius:5px;
}

#ontv-contenedor-prog {
	width: 1000px;
	/*margin:200px auto 0px;*/  /*Para header estatico*/
	margin:0px auto;
	position:relative;
	font-family: Arial, Helvetica, sans-serif;
	background:#fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius:5px;
}
#ontv-contenedor-cont {
	width: 1000px;
	height: 550px;
	/*margin:200px auto 0px;*/  /*Para header estatico*/
	margin:0px auto;
	position:relative;
	font-family: Arial, Helvetica, sans-serif;
	background:#fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius:5px;
}
#ontv-slide {
	height: 310px;
	width: 655px;
	float: left;
	background-image: url(../img/body-ontv/sbr_slide.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-bottom: 12px;
	/*margin-top: 25px;*/
}
#cont-publi {
	float:right;
	margin-right:10px;
	height: 322px;
	width: 312px;
}
#fecha {
	font-size: 18px;
	color: #FFF;
	background-color: #0474C5;
	height: 25px;
	width: 312px;
	text-align: center;
	vertical-align: middle;
	padding-top:5px;
}


#sbr-separador {
	background-image: url(../img/body-ontv/sbr_slide.png);
	background-repeat: repeat;
	background-position: center top;
	float: left;
	height: 13px;
	width: 640px;
	outline:none;
	float:left;
	margin:0px 10px;
}
#banner300-250 {
	height: 250px;
	width: 300px;
	text-align: center;
	padding: 5px;
	background-image: url(../img/body-ontv/box.png);
	background-repeat: no-repeat;
	background-position: center center;
	margin:25px 0px 5px;
}

#cuerpo {
	height: 910px;
	width: 980px;
	margin:0px 5px;
	float: left;
}

#cuerpo-servicios {
	height: 750px;
	width: 980px;
	margin:0px 10px;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333;
}

#cuerpo-cober {
	height: 717px;
	width: 980px;
	margin:0px 10px;
	float: left;
	background-image: url(../img/body-ontv/fnd-envivo.gif);
	background-repeat: no-repeat;
	background-position: center top;
	position:relative;
}

#cuerpo-qs {
	height: 750px;
	width: 980px;
	margin:0px 10px;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333;
}

#cuerpo-prog {
	/*height: 100%;*/
	width: 980px;
	margin:0px 10px;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333;
	position:relative;
}

#cuerpo-cont {
	/*height: 100%;*/
	width: 980px;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333;
	position:relative;
	background-image: url(../img/body-ontv/fnd_mail.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 500px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
}

#cuerpo-cont-enviado {
	/*height: 100%;*/
	width: 980px;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333;
	position:relative;
	background-image: url(../img/body-ontv/fnd_mail-enviado.gif);
	background-repeat: no-repeat;
	background-position: center center;
	height: 500px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
}
#sidebar-contenedor {
	float: right;
	width: 312px;
	border-bottom:#cecece dotted 2px;
}


#blk1 {
	float: left;
	height: 325px;
	width: 660px;
	margin-bottom:10px;
	font-family: Arial, Helvetica, sans-serif;
	border-bottom:#cecece dotted 2px;
}


#blk-prog {
	width: 980px;
	margin:0px auto;
	float: left;
	position:relative;
}

#b320 {
	/*background-color: #C3C3C3;*/
	float: left;
	height: 670px;
	width: 320px;
	/*border-right:#C3C3C3 solid 2px;*/
}
#notiTitle {
	float: left;
	height: 27px;
	width: 135px;
}
#blk1-cont {
	height: 630px;
	width: 320px;
	float: left;
	background-color: #FFF;
	text-align:justify;

}
#blkNT-cont {
	height: 630px;
	width: 320px;
	float: left;
	background-color: #FFF;
	text-align:justify;
	-webkit-border-radius: 0px 20px;
	-moz-border-radius: 0px 20px;
	border-radius: 0px 20px;
}
#blk2-cont {
	height: 270px;
	width: 320px;
	float: left;
	background-color: #FFF;
	
}
#blk-cont-S {
	height: 130px;
	width: 312px;
	float: left;
	margin-bottom:10px;
	background-color: #FFF;
	color: #06C;
	font-size:13px;
	font-weight:bold;
	-webkit-border-radius: 0px 20px;
	-moz-border-radius: 0px 20px;
	border-radius: 0px 20px;
}

#blk-cont-prog {
	height: 155px;
	width: 312px;
	float: left;
	margin-bottom:5px;
	background-color: #FFF;
	color: #06C;
	font-size:13px;
	font-weight:bold;
	-webkit-border-radius: 0px 20px;
	-moz-border-radius: 0px 20px;
	border-radius: 0px 20px;
}
#blk-envivo {
	height: 485px;
	width: 645px;
	position: absolute;
	left: 168px;
	top: 176px;
}

#progTitle {
	float: left;
	height: 27px;
	width: 155px;
}
#progTitle2 {
	float: left;
	height: 27px;
	width: 190px;
}
#faceTitle {
	float: left;
	height: 22px;
	width: 101px;
}
#twiTitle {
	float: left;
	height: 22px;
	width: 88px;
}

#coberTitle {
	float: left;
	height: 27px;
	width: 150px;
}

#vivoTitle {
	float: left;
	height: 27px;
	width: 120px;
}

#climaTitle {
	float: left;
	height: 27px;
	width: 90px;
}

#sideBar-1 {
	float: right;
	height: 865px;/*375px*/
	width: 312px;
	background-color: #C3C3C3;
	border-right:#C3C3C3 solid 2px;
}
#bar-cont {
	float: left;
	height: 270px;
	width: 312px;
	background-color: #FFF;
}
#bar-cont2 {
	float: left;
	height: 595px;/*345px*/
	width: 312px;
	background-color: #FFF;
	margin-bottom:10px;
	
}
#form-content {
	position: absolute;
	left: 344px;
	top: 111px;
}


#blk2 {
	float: left;
	height: 670px;
	width: 660px;
	margin-bottom:10px;
	border-bottom:#cecece dotted 2px;
	padding-bottom:10px;
	
}


#b320-2 {
	/*background-color: #C3C3C3;*/
	float: left;
	height: 300px;
	width: 320px;
	/*border-right:#C3C3C3 solid 2px;*/
}
#sideBar-2 {
	float:right;
	height: 180px; /*368px*/
	width: 312px;
}
#blk3 {
	height: 200px;
	width: 980px;
	
	float: left;
	margin-bottom:10px;
	/*background-color: #C3C3C3;
	border-right:#C3C3C3 solid 2px;*/
}

#b3 {
	float: left;
	height: 160px;
	width: 970px;
	background-color: #FFF;
	padding:5px;
	background-image: url(../img/body-ontv/bgrd-blog.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;	
}
#blogTitle {
	float: left;
	height: 22px;
	width: 60px;
}

#cont-footer {
	background-image: url(../img/footer-ontv/fnd-footer.png);
	background-repeat: repeat-x;
	background-position: left top;
	height: 250px;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFF;
	text-decoration: none;
	position:relative;
	clear:both;
}
#ontv-footer {
	height: 250px;
	width: 1000px;
	margin:0px auto;
	position:relative;
}
#colum-copy {
	float: left;
	height: 196px;
	width: 177px;
	margin-left: 10px;
	padding:27px 10px;
	font-size: 12px;
}
#lg-footer {
	background-image: url(../img/footer-ontv/lg-ontv-neutro.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 115px;
	width: 108px;
	margin:0px auto;
}

#colum-info {
	float: left;
	height: 195px;
	width: 300px;
	padding-left: 20px;
	padding-top: 55px;
}

#colum-nav {
	float: left;
	height: 195px;
	width: 170px;
	padding-left: 20px;
	padding-top: 55px;
}
/*#colum-nav ul li {
	list-style-type: none;
	line-height:28px;
}*/


#colum-patro {
	float: left;
	height: 250px;
	width: 270px;
}
#btn-anunciate {
	height: 51px;
	width: 222px;
	margin: 57px auto 40px;
}
#patrocinio {
	background-image: url(../img/footer-ontv/patrocinadores.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 70px;
	width: 230px;
	margin: 0px auto;
	text-align: center;
}

/***********
*
LECTOR RSS
*
************/

#secc-feed {
	font-size: 11px;
	color: #818181;
	height: 40px;
	width: 310px;
	background-color: #EFEFEF;
	border-top:#D4D0C8 solid 3px;
	border-bottom:#D4D0C8 solid 1px;
	padding: 5px 0px 0px 10px;
}
#title-feed {
	font-size: 16px;
	color: #0061C2;
	height: 28px;
	width: 310px;
	font-weight: bold;
	padding: 5px 0px 0px 10px;
}
#sevicios_img {
	width: 980px;
	margin:0px auto;
	padding-left:5px;
}



/*************************************************
                  CLASES
**************************************************/

.borde {border:#0474C5 solid 1px;
	border-top:#0474C5 solid 4px;}
.fndNEGRO{ background-color:#000;}
.borde-secc-Der {
	     border:#0474C5 solid 1px;
	     border-top:#0474C5 solid 4px;
		-webkit-border-radius: 0px 20px;
	    -moz-border-radius: 0px 20px;
	     border-radius: 0px 20px;
		 padding:10px;
		 margin:35px 0px 10px;
		 clear:both;
}

.borde-secc-Izq {
	     border:#0474C5 solid 1px;
	     border-top:#0474C5 solid 4px;
		-webkit-border-radius: 20px 0px;
	    -moz-border-radius: 20px 0px;
	     border-radius: 20px 0px;
		 padding:10px;
		 margin:35px 0px 10px;
		 clear:both;
}	

.sprdor-R {
	margin: 0px 10px 10px 0px;
}

.title-secc {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#FFF;
	text-transform:uppercase;
	background-color:#0474C5;
	padding:5px 10px 0px;
	text-align: center;
	/* Borde Redondo para navegadores*/
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	border-top-right-radius:10px;
 }
.title-secc-Izq { 
              font-family:Arial, Helvetica, sans-serif;
			  font-size:18px;
			  color:#FFF;
			  float:left;
			  background-color:#0474C5;
			  padding:5px 10px 0px;
	          text-align: center;
			 /* Borde Redondo para navegadores*/
			  -webkit-border-top-right-radius: 10px;
			  -moz-border-radius-topright: 10px;
			   border-top-right-radius:10px;
			   clear:both;
			   
 }

.title-secc-Der { 
              font-family:Arial, Helvetica, sans-serif;
			  font-size:18px;
			  color:#FFF;
			  float:right;
			  background-color:#0474C5;
			  padding:5px 10px 0px;
	          text-align: center;
			 /* Borde Redondo para navegadores*/
			  -webkit-border-top-left-radius: 10px;
			  -moz-border-radius-topleft: 10px;
			   border-top-left-radius:10px;
			   clear:both;
 }

.sprdrF {
	background-image: url(../img/footer-ontv/sprdr-footer.png);
	background-repeat: no-repeat;
	background-position: right top;
	height: 250px;
	width: 2px;
}

.clear {clear:both;}
.Title-secc {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 34px;
	font-weight: bold;
	text-transform: uppercase;
	color: #cecece;
	text-decoration: none;
	/*float: right;*/
	width: 980px;
	margin: 0px 10px 10px 0px;
	text-align: right;
	padding-bottom:5px;
	border-bottom:#cecece dotted 2px;
}
.img320 {
	float: left;
	height: 160px;
	width: 320px;
	margin-right: 6px;
	margin-bottom: 10px;
}
.fnd_AZ {
	background-image: url(../img/body-ontv/pic_az.jpg);
	background-repeat: repeat;
	background-position: left top;
}

