/* CSS Document */


/*      Reset      */

html, body, div, span,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img,
dl, dt, dd, ol, ul, li,
fieldset, form, label{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}




/*  General  */

body {
	background: #ffffff;
	font-family: Trebuchet MS;
}


#container {
	width: 1020px;
	margin: 0 auto;
}



/*###############  HEADER  ###############*/
           
#hdr-top{
background:black url(../images/wd-top.png) no-repeat scroll 707px 10px;
height:60px;
}


#top-nav{
background: url(../images/top-nav-bk.png) repeat-x;
height:40px;
}
#top-nav #box-busqueda{
float:right;
width:190px;
margin-top:10px;
}
#hd-main{
height: 92px;
background: url(../images/hd-center-bk.png) repeat-y;
}
#hd-main .logo{
float:left;
margin:6px 0 0 11px;
}
#hd-main .right-panel{
background:transparent url(../images/wd-center.png) no-repeat scroll 140px 0;
float:right;
font-family:verdana;
font-size:12px;
height:92px;
width:515px;
}
#hd-main .right-panel .fecha-y-clima {
height:27px;
float:left;
font-size:11px;
}
#hd-main .right-panel .cotizacion-dolar{
background: transparent url(../images/cotizacion-box.png) no-repeat scroll 0 0;
 	width:107px;
 	height:52px;
 	float:left;
margin-left:126px;
 	font-size:9px;
}
#hd-main .right-panel .cotizacion-dolar .titulo{
color:#DD9122;
font-weight:bold;
padding:5px 0 0 5px;
}
#hd-main .right-panel .cotizacion-dolar .cotizaciones{
margin-left:8px;
margin-top:2px;
}

#hd-main .right-panel .cotizacion-dolar .cotizaciones span{
width:90px;
float:left;
}
#hd-main .right-panel .hora{
color:#F90B16;
font-weight:bold;
}
#hd-main .right-panel .clima{
font-size:11px;
margin-left:25px;
word-spacing:-1px;  
}
#hd-main .right-panel .fecha-y-clima .texto{
float:left;
padding-top:8px;
}
#hd-main .right-panel .fecha-y-clima img{
margin-left:5px;
margin-top:3px;
width:25px;
float:left;
}
#hd-main .right-panel .pronostico{
float:left;
margin-left:18px;
width:232px;
}
#hd-main .right-panel .pronostico .texto{
float:left;
font-size:11px;
margin-left:10px;
margin-top:7px;
width:179px;
}
#hd-main .right-panel .pronostico img{
float:left;
}

#bt-nav{
background: url(../images/bot-nav-bk.png) repeat-x;
height:42px;
}

#top-menu {
	height: 40px;
	text-align: center;
	padding-left:6px;
}

#top-menu li {
	float: left;
	margin: 14px 0 0 0;
	display: inline;
	font-size: 12px;
}


#top-menu li a {
  padding:0 7px;
	text-decoration: none;
	color: white;
	
}

#top-menu li a.active {
 	color: DarkOrange;

}

#main-menu {
	height: 40px;
	text-align: center;
	padding-left:6px;
}

#main-menu li {
	float: left;
	margin: 14px 0 0 0;
	display: inline;
	font-size: 11px;
	color: orange;
}

#main-menu li a {
  padding:0 7px;
	text-decoration: none;
	color: white;
}

#main-menu li a.active {
	color:DarkOrange;
}

#main-menu li.otras-secciones{
	padding:0 15px 0 7px;
	text-decoration: none;
	color: white;
	background:url(../images/flecha-abajo.jpg) no-repeat 88px 3px;
}
#main-menu li.otras-secciones ul{
	display:none;
	position:absolute;
	background:#333333;
	color:#FFFFFF;
	width:150px;
	margin:0px 0 0 -51px;
	padding:0;
	list-style:none;
	border-top: 1px solid #555555;
}
#main-menu li:hover ul{
	display:block;
}
#main-menu li ul li{
	position:relative;
	float:left;
	width:138px;
	height:auto;
	text-align:left;
	background:transparent;/* url(../images/bot-nav-bk.png) repeat-x 0px -7px;*/
	margin:0;
	padding:5px;
	color:#FFFFFF;
	display:block;
	border-left: 1px solid #555555;
	border-right: 1px solid #555555;
	border-bottom: 1px solid #555555;
}

/*###############  CONTENT  ###############*/

#content{
background:transparent url(../images/wd-bottom.png) no-repeat scroll 663px 0;
float:left;
}
#left-column{
width:685px;
padding-top:20px; 
float:left;
}
#left-column #pack-home{
float:left;
width:100%;
}
#left-column #opinion{
float:left;
margin-left:23px;
width:600px;
font-size:13px;
margin-bottom:20px;
border-bottom:1px dotted #cccccc;
}
#left-column #opinion .titulo{
width:100%;
color:black;
margin:10px 0;
float:left;
}
#left-column #opinion .titulo h1{
font-size:20px;
}
#left-column #opinion .autor{
width:100%;
margin:10px 0;
color:#FF6600;
float:left;
}
#left-column #opinion .content{
width:100%;
margin:10px 0;
float:left;
}
#left-column #contacto{
float:left;
margin-left:20px;
width:360px;
}
#left-column #contacto #seccion-left-col li input,#left-column #contacto #seccion-left-col li select,#left-column #contacto #seccion-left-col li textarea{
float:right;
border:1px solid #70BCE5;
filter: alpha(opacity=70); 
opacity: .7 ;
}
#left-column #contacto #seccion-left-col li label{
float:left;
}
#left-column #contacto #seccion-left-col li{
float:left;
width: 360px;
border-bottom:1px dotted #cccccc;
margin-bottom:5px;
}
#left-column #seccion-left-col .tapa{
float:left;
width:200px;
margin:10px;
height:293px;
}
#left-column #seccion-left-col .tapa .fecha{
float:left;
width:200px;
color:white;
background:#F99D0B;
text-align:center;
}
#left-column #seccion-left-col .tapa img{
width:200px;
}
#contact-bk{
background:transparent url(../images/contactenos-bk.jpg) no-repeat scroll 17px 74px;
float:left;
height:505px;
margin-top:36px;
width:1020px;
}
#box-separadora-1{
float:left;
width:100%;
}
#box-separadora-1 .publicidades{
float:left;
width:100%;
}
#titulo_noticia_con_foto{
width:392px;
text-align: center;
font-weight:bold;
font-family:monospace;
color:#FFA500;
font-size:25px;
}
#inner-left-column{
width:390px;
float:left;
}
#inner-left-column #noticia{
padding-right:14px;
}
#inner-right-column{
width:292px;
border-right: 1px solid grey;
float:left;
}
#right-column{
width:335px;
float:left;
}
#right-column #tapa-impresa{
width:180px;
margin-left:15px;
float:left;
}

#right-column #box-sociales{
width:180px;
margin:15px 0 0 15px;
float:left;
}

#right-column span.sidebar-titulo{
background-color:#006f94;
width:100%;
color:white;
font-weight:bold;
float:left;
}                       
#right-column span.sidebar-titulo p{
padding-left:10px;
}
#right-column .sidebar-ad{
margin:10px 0 0 19px;
}
#right-column .telefonos-utiles{
float:left;
margin-left:18px;
}
#right-column .humor{
float:left;
width:100%;
}
#right-column .humor img{
width:100%;
}
#right-column #agenda{
float:left;
margin:0 0 10px;
width:100%;
}
#right-column #agenda .agenda-titulo{
width:300px;
height:36px;
margin:0 0 0 15px;
background: url(../images/agenda-titulo-bk.jpg) repeat-x;
float:left;
color:white;
}
#right-column #feed-control{
width: 300px;
float:left;
margin-left:15px;
}
#right-column #agenda .agenda-titulo p{
font-size:23px;
margin-left:10px;
margin-top:3px;
}
#right-column #agenda .agenda-titulo p span{
font-size:20px;
}
#noticia{
border-left: 1px dashed grey;
padding:5px 5px 20px;
}
#noticia .seccion{
border-bottom:1px dashed #828282;
font-size:13px;
}
#noticia .seccion p span{
background-color:orange;
color:black;
font-weight: lighter;
padding:0 3px;
}
#left-column.impreso #noticia .seccion p span{
background-color: white;
color:#026FA5;
padding:0 3px;
font-weight:bold;
}
#noticia .seccion p span span{
color:black;
}
#noticia p.comments{
	font-size:12px;
	background: url(../images/comment.gif) no-repeat top left;
	padding-left:20px;
	margin-top:10px;
}
#nota-left-col .bajada p.comments{
	font-size:12px;
	background: url(../images/comment.gif) no-repeat top left;
	padding-left:20px;
	margin:10px 0 20px 20px;
	display:block;
	float:left;
}
#box-notocia-seccion .bajada .comments{
	font-size:12px;
	background: url(../images/comment.gif) no-repeat top left;
	padding-left:20px;
	margin:15px 0 0 0;
	display:block;
	float:left;
	width:100%;
}
#box-opinion{
background: transparent url(../images/agenda-content-bk.png) repeat-y scroll 2px 0;
float:left;
margin-left:19px;
width:88%;
}
#box-editorial{
background: transparent url(../images/agenda-content-bk.png) repeat-y scroll 2px 0;
float:left;
margin-left:19px;
width:88%;

}
#box-opinion .row-opinion{
border-bottom:2px solid #2F2F2F;
float:left;
margin-bottom:5px;
width:100%;
text-align:center;
}
#box-opinion .opi-titulo{
float:left;
width:100%;
}

#box-opinion .opi-titulo p{
float:left;
width:100%;
text-align:center;
}

#box-destacadas{
background: transparent url(../images/agenda-content-bk.png) repeat-y scroll 2px 0;
float:left;
margin-left:19px;
width:88%;
text-decoration: none;
}

#box-destacadas .row-destacada{
border-bottom:2px solid #CCCCCC;
float:left;
margin-bottom:5px;
text-align:center;
margin-left: 5px;
text-align: left;
}

#box-destacadas .row-destacada .destacada-titulo p a{
font-size: 14px;
color: #000000;
text-decoration: none;
}

#box-editorial span.edito-titulo p a{
color:#F99D0B;
float:left;
font-size:20px;
font-weight:bold;
margin:7px 18px;
text-decoration:none;
width:100%;
}

#box-opinion span.opi-titulo a p{
color:#F99D0B;
font-size:17px;
font-weight:bold;
margin:6px 0;
text-decoration:none;
text-align:center;
}
#box-editorial .edit-texto{
color:#4C4C4C;
font-size:14px;
width:100%;
float:left;
}
#box-editorial .edit-texto p{
padding:0 13px 10px 13px;
}

#noticia .titulo{
color:#4C4C4C;
font-size:22px;
line-height:24px;
margin:5px 0;
}
#noticia .titulo a{
text-decoration:none;
 color: #2F2C2C;
}
#noticia.principal .titulo a{
color:black;
font-size:39px;
line-height:41px;
}

#noticia.principal .volanta{
margin-top:10px;
}
#noticia.principal img{
width:100%;
}
#noticia .volanta{
 font-size:13px;
 color: #4c4c4c;
}
#myGallery
{
width: 380px !important;
height: 200px !important;
} 
#foto-principales{
border-bottom:2px solid #828282;
border-top:2px solid #828282;
margin-left:5px;
padding:15px 0;
height:202px;
width:382px;
}
#otros-titulos{
background:transparent url(../images/otros-bk.gif) repeat-y scroll 0 0;
border-top:1px dashed #878787;
float:left;
padding-top:10px;
width:100%;
}
#otros-titulos .ot-tit-tit{
background: url(../images/otros-deg-bk.gif) repeat-y;
padding-left:10px;
margin-left:10px;
color:#ffffff;
font-size:19px;
}

#otros-box{
float:left;
width:312px;
height:350px;
margin:12px;
}

#otros-box .otros-top{
background:#5F8EB2;
color: #ffffff;
height:24px;
padding-left:10px;
}
#otros-box .otros-top span{
color: #000000;
} 
#otros-box .otros-titulo{
padding:5px;
height:45px;
color:#ffffff;
background: #5F8EB2 url(../images/ot-tit-bottom.jpg) no-repeat;
background-position:bottom;
}
#otros-box .otros-titulo a{ 
text-decoration:none;
color:#ffffff;
}
#otros-box .otros-bajada{
color:#777777;
font-size:14px;
padding:10px 5px 5px;
text-align:justify;
}
/*Nota*/

#nota-left-col,#seccion-left-col{
float:left;
color:#6F6868;
width:685px;
}
#nota-left-col .top-info,#seccion-left-col .top-info{
float:left;
width: 600px;
margin: 0 0 27px 23px;
background: #5F8EB2 url(../images/nota-info-bk.jpg) repeat-y;
}
#nota-left-col .top-info p,#seccion-left-col .top-info p{
margin-left:10px;
color:white;
font-size:16px;
font-weight:bold;
}
#nota-left-col .top-info p span{
color:black;
font-weight:normal;
margin:0 10px 0 5px;
}

#comentarios-nota{
	width:90%;
	background:#FFFFFF;
	display:block;
	float:left;
	color:#444444;
	margin:35px 0 35px 0;
	padding:0 20px 0 20px;
	font-size:14px;
}
#comentarios-nota p.titulo-comentarios{
	font-size:18px;
	font-weight: bold;
	background:#EEEEEE;
	color:#444444;
	padding: 3px 0 3px 5px;
}
#comentarios-nota p.titulo-comentarios .cantidad{
	font-size: 12px;
	font-weight:normal;
}
#comentarios-nota div.comentario{
	border-bottom:1px solid #444444;
	padding: 10px 0 10px 0;
}
#comentarios-nota div.comentario p.comentario-datos{
	font-size:10px;
}
#comentarios-nota div.comentario p.comentario-datos .usuario{
	font-weight:bold;
	font-size:14px;
}

#nuevo-comentario{
	font-size:14px;
	border-bottom:1px solid #444444;
	padding: 10px 0 10px 0;
}
#nuevo-comentario .titulo{
	font-size:16px;
	font-weight:bold;
	margin-bottom:15px;
}
#nuevo-comentario p.mensaje{
	margin-bottom:5px;
	color:#CC0000;
}
#nuevo-comentario form p{
	margin-bottom:5px;
}

#box-notocia-seccion{
border-bottom:1px dotted;
float:left;
margin-bottom:2px;
margin-left:25px;
width:660px;
}
#box-notocia-seccion .fecha-hora{

color:white;
float:left;
margin-right:10px;
width:200px;
}
#box-notocia-seccion .fecha-hora .text{
background-color:#F99D0B;
}
#box-notocia-seccion .fecha-hora .text p{ 
margin-left:10px;         
}
#box-notocia-seccion .fecha-hora .text p span{
color:black;
margin-left:5px;  
}
#box-notocia-seccion .titulo{
float:left;
color:#4c4c4c;
width:450px;
}
#box-notocia-seccion .titulo h1 a {
color:#4C4C4C;
text-decoration:none;
font-size:17px;
}
#box-notocia-seccion .bajada{
float:left;
}
#box-notocia-seccion .bajada p{
float:left;
font-size:13px;
padding:0 5px 25px 0;
}
#box-notocia-seccion .bajada p img{
float:left;
}
#pagination {
float:left;
width: 600px;
margin:7px 0 27px 23px;
background: #5F8EB2 url(../images/nota-info-bk.jpg) repeat-y;
}
#pagination p{
margin-left:20px;
float:left;
}
#pagination p a{
color:white;
text-decoration:none;
}
#nota-left-col .titulo{
float:left;
width:600px;
}
#nota-left-col .titulo p{
color:#4C4C4C;
font-size:22px;
margin:0 0 15px 20px;
}
#nota-left-col .bajada{
width:600px;
float:left;
}
#nota-left-col .bajada p{
margin:0 0 5px 20px;
font-size:17px;
}
#nota-left-col .noticia{
width:630px;
float:left;
}
#nota-left-col .noticia p{
margin:0 0 30px 20px;
}
#nota-right-col {
float:left;
color:#6F6868;
width:335px;
}
#nota-right-col .compartir{
float:left;
margin:35px 0 0 20px;
}
#nota-right-col .compartir a{
text-decoration:none;
line-height:16px;
color:#105CB6;
}
#nota-right-col .imagen{
margin:20px 0;
float:left;
}
#nota-right-col p{
font-size:13px;
width:335px;
}

/*###############  FOOTER  ###############*/

#footer .nav-footer{
height:40px;
text-align:center;
background-color:  #A8A8A8;
	float:left;
	width:100%;
}
#footer .nav-footer ul{
text-align:center;
margin-left:16px;
}
#footer .nav-footer li {
	float: left;
	margin: 14px 0 0 0;
	display: inline;
	font-size: 12px;
	color: #FFFFFF;
}

#footer .nav-footer li a {
  padding:0 7px;
	text-decoration: none;
	color:#FFFFFF;
}

#footer .footer-text{
background:transparent url(../images/footer-bk.jpg) repeat-x scroll 0 0;
float:left;
font-size:11px;
height:38px;
padding-top:5px;
padding-bottom:40px;
text-align:center;
width:100%;

}
.ajax-poller{
	width:96%;
	margin: 15px 5px 15px 5px;
	background: transparent url(../images/agenda-content-bk.png) repeat-y top right;
}
.ajax-poller p{
	margin-left:10px;
	margin-bottom:10px;
}
.ajax-poller form .radio{
	margin-left:20px;
}
.ajax-poller form div{
	width:100%;
	text-align:center;
	margin-top:10px;
	padding-bottom:10px;
}
.poller-titulo{
	background-color:#006f94;
	width:98%;
	color:white;
	font-weight:bold;
	float:left;
	padding: 0 0 0 5px;
}
.poller-titulo p{
	margin-bottom:0px;
}
.ajax-poller p.centrado{
	text-align:center;
	width:100%;
	margin:0;
}
