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

html, body {
	margin: 0px;
	padding: 0px;
	font-family: "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 16px;
	font-weight: normal;
	color: #464646;
	text-decoration: none;
	text-align:center;
	background-image: url(../../images/noticias/bk.jpg);
	background-repeat: repeat;
	height:100%;
	
}


#container {
	width:1000px;
	text-align:left;
	background:#fff;
	padding:8px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	height:auto;
	min-height:100%;
		
}
.alto{
	clear:both;
}
a{
	color: #880000;
	text-decoration: none;
}

a:hover{
	color: #880000;
	text-decoration: underline;
}



/*---- Header ----*/

#header {
	width: 1000px;
	height: 151px;
	float: left;
	background-color: #FFF;
	background-image: url(../../images/noticias/header.jpg);
	background-repeat: no-repeat;
}
#submenu {
	
	width: 1000px;
	float:left;
	
}

#header ul.headernav {
	float: right;
	width: 420px;
	margin: 0px;
	padding: 0px;
	
}
#header ul.headernav li {
	list-style: none;
	float: left;
	width: auto;
	font-size: 11px;
	color: #FFF;
	
}
#header ul.headernav li a{
	height: 25px;
	display: block;
	color: #FFF;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 3px;	
}
#header ul.headernav li a:hover{
	color: #EFD6D6;
	text-decoration: none;
	background-image: url(../../images/noticias/bk-submenu.jpg);
	background-repeat: repeat;
}

#fecha {
	width: 510px;
	font-size: 11px;
	color: #FFF;
	float: right;
	vertical-align: text-bottom;
	margin: 0px;
	padding-top: 34px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
	background-position: center;
	
}

#menu {
	background-image: url(../../images/noticias/bk-menu.jpg);
	height: 35px;
	width: 1000px;
	float:left;
	background-repeat: no-repeat;
	
}

#header ul.topnav {
	float: left;
	width: 724px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
#header ul.topnav li {
	list-style: none;
	text-indent: -9999px;
	float: left;
	width: auto;
}
#header ul.topnav li a{
	height: 35px;
	display: block;
}
body #header ul.topnav li a:hover {
	background-position: 0 -35px;
}
#home li.home a{
	background-position: bottom;
}
#header ul.topnav li.home a{
	width: 46px;
	background: url(../../images/noticias/home.jpg) no-repeat;
}
#header ul.topnav li.breve a{
	width: 117px;
	background: url(../../images/noticias/breves.jpg) no-repeat;
}
#header ul.topnav li.generales a{
	width: 118px;
	background: url(../../images/noticias/generales.jpg) no-repeat;
}
#header ul.topnav li.policiales a{
	width: 80px;
	background: url(../../images/noticias/policiales.jpg) no-repeat;
}
#header ul.topnav li.politicas a{
	width: 74px;
	background: url(../../images/noticias/politicas.jpg) no-repeat;
}
#header ul.topnav li.deportivas a{
	width: 86px;
	background: url(../../images/noticias/deportivas.jpg) no-repeat;
}
#header ul.topnav li.municipales a{
	width: 92px;
	background: url(../../images/noticias/municipales.jpg) no-repeat;
}
#header ul.topnav li.fallecimientos a{
	width: 111px;
	background: url(../../images/noticias/falleciminetos.jpg) no-repeat;
}


html body#home ul.topnav li.home a, body#breve ul.topnav li.breve a, body#generales ul.topnav li.generales a, body#policiales ul.topnav li.policiales a, body#politicas ul.topnav li.politicas a, body#deportivas ul.topnav li.deportivas a, body#municipales ul.topnav li.municipales a, body#fallecimientos ul.topnav li.fallecimientos a{
	background-position: 0 bottom;
}


/*---- Banner Ppal ----*/
#banner {
	width: 1000px;
	height: 100px;
	float: left;
	background-color: #FFF;	
	
}
#grande {
	width: 740px;
	height: 50px;
	float: left;
	margin: 10px;
	
}

#clima {
	width:240px;
	float:left;
	background-color: #E9EAEB;
	height: 100px;
	background-image: url(../../images/noticias/bk-redondo.jpg);
	background-repeat: no-repeat;
	background-position: top;
	color: #FFF;
	font-size: 11px;
}

#clima img{
	float:left;
	margin-left:20px;
	padding-right:15px;
}

/*---- Main ----*/
#main {
	width:1000px;
	float:left;
	padding: 0px;
	margin: 0px;
	display:inline;
	background-color: #FFF;
	background-image: url(../../images/noticias/1x1_container.jpg);
	background-repeat: repeat;
}

#noticias {
	width:430px;
	float:left;
	margin: 0px;
	padding: 10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #E5E5E5;
}
#noticias h1{
	font-size: 22px;
	font-weight: bold;
	color: #750000;
	margin: 0px;
	line-height: 25px;
}
/*#noticias h2{
	margin: 0px;
	font-size: 16px;
	font-weight: bold;
	color: #157295;
	line-height: 19px;
}*/
#noticias h3{
	font-size: 12px;
	color: #999;
	font-weight: normal;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#noticias p{
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
}

#breves {
	width:289px;
	float:left;
	margin: 0px;
	padding: 10px;
}
#breves h1{
	font-size: 19px;
	font-weight: bold;
	color: #750000;
	margin: 0px;
	line-height: 22px;
}
/*#breves h2{
	margin: 0px;
	font-size: 14px;
	font-weight: bold;
	color: #157295;
	line-height: 17px;
}*/
#breves h3{
	font-size: 12px;
	color: #999;
	font-weight: normal;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#breves p{
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
}


.linea{
	text-decoration: underline;
	background-image: url(../../images/noticias/1x1_gris.gif);
	background-repeat: repeat;
	height: 1px;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
}

#contenido {
	width:220px;
	float:left;
	padding: 10px;
	background-color: #E9EAEB;
	margin: 0px;
	

}

#contenido div{
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;

}


#clarin{
		
}
#clarin h1{
	height: 19px;
	color: #FFF;
	font-size: 14px;
	background-image: url(../../images/noticias/clarin.jpg);
	background-repeat: no-repeat;
	text-align: left;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	margin: 0px;
}
#clarin h2{
	height: 22px;
	color: #999;
	font-size: 10px;
	background-image: url(../../images/noticias/degrade.jpg);
	background-repeat: repeat;
	text-align: left;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	margin: 0px;
	font-weight: normal;
}
#clarin ul{
	background-color: #F9F9F9;
	list-style:none;
	margin: 0px;
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-left: 8px;
}
#clarin li{
	font-size: 12px;
	line-height: 14px;
	text-align: left;
	padding-top: 3px;	
}
#clarin li a{
	color: #858585;
	text-decoration: none;
}
#clarin li a:hover{
	text-decoration: underline;	
}
.clarin {
	color: #858585;
	text-decoration: underline;
}

#leidas{
		
}
#leidas h1{
	height: 22px;
	color: #FFF;
	font-size: 14px;
	background-image: url(../../images/noticias/leidas.jpg);
	background-repeat: repeat;
	text-align: left;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	margin: 0px;
}
#leidas h2{
	height: 22px;
	color: #999;
	font-size: 10px;
	background-image: url(../../images/noticias/degrade.jpg);
	background-repeat: repeat;
	text-align: left;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	margin: 0px;
	font-weight: normal;
}
#leidas ul{
	background-color: #F8EFEF;
	list-style:none;
	margin: 0px;
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-left: 8px;
}
#leidas li{
	font-size: 12px;
	line-height: 14px;
	text-align: left;
	padding-top: 3px;	
}
#leidas li a{
	color: #858585;
	text-decoration: none;
}
#leidas li a:hover{
	text-decoration: underline;	
}


/*---- Poll ----*/
#poll-container{
	background-color: #F3F3F3;
/*	height: 200px;*/	
}
#poll-container h3{
	height: 22px;
	color: #FFF;
	font-size: 14px;
	background-image: url(../../images/noticias/leidas.jpg);
	background-repeat: repeat;
	text-align: left;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	margin: 0px;
	}
	
#poll-container p{
	padding-top: 0px;
	padding-right: 8px;
	padding-bottom: 0px;
	padding-left: 8px;
	
}

.graph {
  background-color: #F3F3F3;
  position: relative;
  
}

.bar-title {
  position: relative;
  float: left;
  width: 160px;
  line-height: 15px;
  margin-right: 5px;
  font-weight: normal;
  text-align: left;
  height: 18px;
}
.bar-container {
	position: relative;
	float: left;
	width: 180px;
   
	height: 8px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-left: 5px;
}

.bar-container div {
	height: 5px;
	background-color: #666;
}
.bar-container strong {
  position: absolute;
 /* right: -30px;*/
  top: 0px;
  overflow: hidden;
  color:#fff;
}

#poll-results p {
	position: absolute;
	width: 200px;
	text-align: center;
	background-color: #E1E1E1;
	padding: 5px;
	margin-right: 5px;
	margin-left: 5px;
	font-weight: bold;
	margin-top: 5px;	
}
.votar {
	font-weight: bold;
	color: #FFF;
	border: 1px solid #F3F3F3;
	font-size: 13px;
	background-image: url(../../images/noticias/bk-votar.jpg);
	background-repeat: no-repeat;
	height: 27px;
	width: 65px;
	padding-bottom: 3px;
	background-color: #F3F3F3;	
}

/*---- Footer ----*/
#footer {
	width:1000px;
	float:left;
	background-image: url(../../images/noticias/bk-footer.jpg);
	color: #FFF;
	font-size: 12px;
	line-height: 15px;	
}
#footer p {
	margin: 0px;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
}
#footer h1 {
	background:#585858;
	margin: 5px;
	font-size: 12px;
	font-weight: bold;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
}

#footer-2 p a {
	color:#ffffff;
	text-decoration: none;
}

#footer-2 p a:hover {
	color:#ffffff;
	text-decoration: underline;
}

#footer-1 {
	width:580px;
	float:left;
	
}
#footer-2 {
	width:210px;
	float:left;
	
}


/*---- Forms ----*/

div.buscador {
  clear: both;
  }

div.buscador span.formw {
  float: left;
  width: 167px;
  text-align: right;
  height: 23px;
  }
  
.campobuscar {
	height: 23px;
	width: 167px;
	background-image: url(../../images/noticias/bk-buscador.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	border: 1px solid #9D0000;
	margin: 0px;
	color: #666;
	font-family: "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding: 0px;
}

div.buscador span.boton {
  float: right;
  width: 52px;
  height: 23px;
  text-align: left;
  } 
  
 form {
	margin: 0px;
	padding: 0px;
	
 }
 
 
 /*---- Desarrollo Noticias ----*/
 
 #desarrollo {
	width:740px;
	float:left;
	margin: 0px;
	padding: 10px;
}
#desarrollo h1{
	font-size: 29px;
	font-weight: bold;
	color: #750000;
	margin: 0px;
	line-height: 32px;
}
#desarrollo h2{
	font-size: 12px;
	color: #999;
	font-weight: normal;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
#desarrollo h3{
	margin: 0px;
	padding: 5px;
	font-size: 13px;
	background-color: #EEEEEE;
	font-weight: normal;
	color: #8A8A8A;
}
#desarrollo p{
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}


 #utilidades{
	text-align: right;
	font-size: 12px;
	padding-top: 5px;
	color: #999;
}
 
 
 /*---- Noticias en listas ----*/
 
 #lista {
	width:740px;
	float:left;
	margin: 0px;
	padding: 10px;
}
#lista h1{
	font-size: 22px;
	font-weight: bold;
	color: #750000;
	margin: 0px;
	line-height: 32px;
}
#lista h2{
	font-size: 12px;
	color: #999;
	font-weight: normal;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
#lista h3{
	font-size: 12px;
	color: #999;
	font-weight: normal;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#lista p{
	margin: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
}


  /*---- Galeria de fotos ----*/

 .tit-galeria{
	font-family: "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	color: #157295;
	text-decoration: none;
	line-height: 25px;	
}


#gallery{
	width:640px;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
/* This is the ul you have all your images in */
#gallery ul{
	margin:0;
	overflow:hidden;
	visibility:hidden;
	padding: 0px;
	position:absolute;
}
#gallery ul li{float: left;padding:2px;margin:0 6px 4px 0;position:relative;overflow:hidden;}
#gallery ul li div img{position:relative;cursor:pointer;}



/* this is the surroundner for all your elements. This is also the fake border around the main img and room for caption */
.pika_main{
	display:block;
	position:relative;
	}

/*sine we give it the fake border, you need to position the image a little. */
.pika_main_img{
	position:absolute;
	top:10px;
	left:10px;
	}
.pika_back_img{
	position:relative;
	width:640px;
	
	}
.pika_subdiv{
	position:relative;
	padding:10px;
	background-color: #D8D8D8;
	width:640px;
	}
.pika_subdiv img, .pika_subdiv a img{
	border:none;
	}
.pika_caption{
	width:630px;
	height:20px;
	text-align:right;
	position:absolute;
	bottom:10px;
	z-index:100;
	background-image: url(../../images/noticias/pikachoose/black.png);
	background-repeat: repeat;
	background-position: left top;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 0;
	color: #FFF;
	margin-left: 10px;
	}
.pika_caption a{
	color:white;
	}

.pika_play{
	position:absolute;
	z-index:1;
	left:50%;
	margin-left:-25px;
	width:50px;
	top:10px;
	}
.pika_play a{
	position:relative;
	margin-left:auto;
	ursor:pointer;
	display: block;
	width:50px;
	height:50px;
	background:url('../../images/noticias/pikachoose/play.png') top center no-repeat;}
	
.pika_play a.pika_stop_button{
	position:relative;
	margin-left:auto;
	cursor:pointer;
	display: block;
	width:50px;
	height:50px;
	background:url('../../images/noticias/pikachoose/pause.png') top center no-repeat;
}


/* if you want to 'hide' these jus make their height and width 1px */
.pika_prev_hover{
	position:absolute;
	top:10px;
	left:10px;
	height:100px;
	width:100px;
	background:url('../../images/noticias/pikachoose/rewind.png') top left no-repeat;
	cursor:pointer;
	}
	
.pika_next_hover{
	position:absolute;
	top:10px;
	right:10px;
	height:100px;
	width:100px;
	background:url('../../images/noticias/pikachoose/fastf.png') top right no-repeat;
	cursor:pointer
	} 
.pika_navigation a{text-decoration: none; cursor:pointer;}
.pika_navigation a:hover{text-decoration: underline;}
.pika_navigation{padding-top:10px;clear:both;text-align:center;}

  
/* -------- Publicidades ----------*/
.cute-ads{
	float:left;
}


 /*---- Facebook ----*/
 #bar			{
	height: 63px;
	background-color: #E1E1E1;
	margin-bottom: 10px;
 }
 
 #bar h1{
	height: 22px;
	color: #FFF;
	font-size: 14px;
    background-image: url(../../images/noticias/leidas.jpg);
	background-repeat: repeat;
	text-align: left;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	margin: 0px;
}

 
#iconbar			{
	position:absolute;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
#iconbar li			{
	float:left;
	position:relative;
	margin-right:10px;
	overflow:hidden;
	background-color: #E1E1E1;
	
}
#iconbar a {
	text-decoration: none;
	outline: none;
	color:#d00000;
	display: block;
	width: 24px;
	cursor:pointer;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}
#iconbar span	{
	width: 100px;
	height: 35px;
	position: absolute;
	display: none;
	line-height:110%;
	color:#BB0000;
	font-size: 12px;
	padding-left: 4px;
}



/* formulario de contacto */
#contacto-mensaje-ok{
	color:#090;
	font-size: 18px;
}

#contacto-mensaje-falla{
	color:#C00;
	font-size: 18px;
}
.enviar {
	font-family: "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFF;
	background-color: #8E0000;
	border: 1px solid #E60000;
}
.info-obl {
	font-family: "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #C00;	
}
 textarea {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #E60000;
	border-right-color: #E60000;
	border-bottom-color: #E60000;
	border-left-color: #E60000;
	background-color: #F3F3F3;
}
.required{
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #E60000;
	border-right-color: #E60000;
	border-bottom-color: #E60000;
	border-left-color: #E60000;
	background-color: #F3F3F3;
}