/* Estilos generales
---------------------------------------------------------*/

body{
  background: #EEEEEE;
  color: #404040;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
}
.container{
  background: #fff;
  border: 1px solid #c0c0c0;
  padding-left: 0px;
  padding-right: 0px;
}
/* Parte superior
---------------------------------------------------------*/

#header{
  width: 950px;
  padding: 5px 0 0px 0;
  float: left;
}

#publicidad_superior {
  float: left;
  width: 100%;
  margin: 0px;
  border-bottom: 1px solid #bcb9b9;
}

/* Logo y eslogan
---------------------------------------------------------*/

#logo{
  float: left;
  position: relative;
  width: 690px;

}

#logo h1{
  width: 419px;
  height: 128px;
  background: transparent url(../images/diariodemoron-logo.jpg) no-repeat left top;
  margin: 0;
  text-indent: -3000px;
  position: relative;
  left: 0px;
}

#logo a{
  display: block;
}

#tiempo {
  float: right;
  margin: 5px 5px 5px 0;
}
#tiempo div{
  float: right;
  left: 14px;
  top: 0px;
}
#fecha {
  float: right;
  margin-right: 3px;
  font-weight: bold;
}


/* Menú superior principal
---------------------------------------------------------*/
#menus_superiores {
  width: 100%;
  float: left;
  background: url(../images/fondo_menu.jpg) no-repeat;
}
#menu_superior {
  width: 80%;
  float: left;
}
#menu_superior ul{
  margin: 5px 0px 0px 20px;
  overflow: hidden;
  padding: 0;
}

#menu_superior li{
  width: auto;
  float: left;
  list-style: none;
  margin: 0px 0px 0px 0px;
  border-top: ;
  border-left: ;
  border-right:;
}

#menu_superior li a{
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 6px;
  padding-right: 6px;
  display: block;
  text-align: center;
  text-decoration: none;
  color: #fff;
  font-weight: bold;

  border-top: 1px solid #02415B;
  border-left: 1px solid #02415B;
  border-right: 1px solid #02415B;
  
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

#menu_superior li a:hover{

  background: #fff;
  color: #035f88;
  border-top: 2px solid #02415B;
  border-left: 1px solid #02415B;
  border-right: 1px solid #02415B;
}

#menu_superior .selected a{
  color: #035f88;
  font-weight: bold;
  background: #fff;
  border-top: 2px solid #02415B;
  border-left: 1px solid #02415B;
  border-right: 1px solid #02415B;
  
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

#red_social{
  float: right;
  width: 80px;
}
#red_social ul{
  list-style-type: none;
  float: left;
  margin: 3px 0 0 0px;
  padding: 0px;
}
#red_social ul li{
  float: left;
}
#red_social ul li.twitter a{
  background: url(../images/Twitter_32x32.png) no-repeat;
  text-indent: -9999px;
  display: block;
  width: 32px;
  height: 32px;
}
#red_social ul li.facebook a{
  background: url(../images/FaceBook_32x32.png) no-repeat;
  text-indent: -9999px;
  display: block;
  width: 32px;
  height: 32px;
}

/*Texto superior*/

#texto_superior {
  float: left;
  width: 98%;
  margin: 10px 0px 5px 10px;
  border-bottom: 1px solid #bcb9b9;
}

/*Caja publicidad*/

#caja_publicidad {
  float: left;
  width: 97%;
  margin: 10px 0px 5px 10px;
  border-bottom: 1px solid #bcb9b9;
}


/* Columnas de artículos
---------------------------------------------------------*/
#caja_noticias{
  padding-left: 15px;
  margin: 0px 0 0px 0;
  width: 590px;
  float: left;
}

#caja_noticias h2{

}

#caja_noticias h2 a{
  color: #282828;
  text-decoration: none;
}

#caja_noticias h2 a:hover{
  text-decoration: underline;
  color: #0376A7;
}
#caja_noticias h4 a:hover{
  text-decoration: underline;
  color: #0376A7;
}
#caja_noticias h5 a:hover{
  text-decoration: underline;
  color: #0376A7;
}

#caja_noticias p{
  color: #000;
  text-align: left;
  margin-top: 15px;
  margin-left:5px;
}
/*Separadores de artículos*/

.item-separator{

}

.row-separator{

}

.items-row{
  float: left;
  width: 50%;
}

/*Artículo principal*/

.leading-0{
  margin: 20px 0px 0 0;
  width: 100%;
  border-bottom: 2px solid #bcb9b9;
}

.leading-0 h2{
  padding: 0 0 0 0px;

}
.leading-0 h2 a{
  font-size: 30px;
}

.leading-1{
  margin: 5px 0px 0 0;
  width: 100%;
  border-bottom: 2px solid #bcb9b9;
}

.leading-1 h2{
  padding: 0 0 0 0px;

}
.leading-1 h2 a{
  font-size: 30px;
}

.leading-2{
  margin: 5px 0px 0 0;
  width: 100%;
  border-bottom: 2px solid #bcb9b9;
}

.leading-2 h2{
  padding: 0 0 0 0px;

}
.leading-2 h2 a{
  font-size: 30px;
}

.leading-3{
  margin: 5px 0px 0px 0px;
  width: 100%;
  border-bottom: 2px solid #bcb9b9;
}

.leading-3 h2{
  padding: 0 0 0 0px;

}
.leading-3 h2 a{
  font-size: 30px;
}

/*Resto de artículos*/

.item{
  width: 90%;
  border-bottom: 1px solid #bcb9b9;
  border-style: dotted;
  margin-top: 10px;
}
.item h2 {
  font-size: 18px;
}
.item h2 a{
  font-size: 18px;
  font-weight: bold;
}
.item h3 {
  font-size: 8px;
  background: #000000;
  color: #ffffff;
  font-weight: bold;
  letter-spacing: 0px;
  width: 270px;
  line-height: 1.5;
}
.item h3 a{
  font-weight: normal;
}
.item h4 {
  font-size: 12px;
  background: #035f88;
  color: #ffffff;
  font-weight: bold;
  letter-spacing: 2px;
  margin-top: 10px;
  margin-bottom: 0px;
  border-bottom: 2px solid #035f88;
  border-top: 2px solid #035f88;
}
.item h4 a{
  font-weight: bold;
}
.item h5 {
  font-size: 10px;
  border-left: 1px solid #5D8BA2;
  border-left-style: dotted;
  padding-left: 8px;
  background: #F6F5FF;
}
.item h5 a{
 font-weight: normal; 
}

.item p{
  font-size: 13px;
}


/* Estilos del artículo ampliado*/

.item-page{
  margin: 10px 10px 0 10px;
}

.item-page h2{
}
.item-page h2 a{
  font-size:30px;
}
.item-page p{
  text-align: left;
 }
a:link, a:visited{  
    text-decoration:none;  
    }  

.item-page h3 {
   border-bottom: 1px solid #035f88;
 
}
.item-page h3 a{
  font-size: 18px;
  font-weight: bold;
}
.item-page h4 {
  border-bottom: 1px solid #D8DADB;
  border-top: 1px solid #D8DADB;
  
}
.item-page h4 a{
  font-size: 18px;
  font-weight: bold;
}
.item-page h5 {
  
  border-bottom: 0px solid #D8DADB;
  border-top: 0px solid #D8DADB;
  border-left: 1px solid #5D8BA2;
  border-left-style: solid;
  padding-left: 5px;
  line-height:1.2;
  background-color: #F5F8FB; 
   font-weight: normal;
}
.item-page h5 a{
  font-size: 5px;
  font-weight: normal;
}
.item-page h6 {
  
  border-left: 1px solid #5D8BA2;
  border-left-style: solid;
  padding-left: 15px;
  line-height:1.2;
   font-weight: normal;
}
.item-page h6 a{
  font-size: 5px;
  font-weight: normal;
}

/*Servicios*/

.item-pageservicios {
  margin: 50px 0 20px 0;
}
.item-pageservicios p{
}
.item-pageservicios p a{
  color: #404040;
}
.item-pageservicios p a:hover{
  color: #000;
  font-weight: bold;
}


/*Columna derecha
---------------------------------------------------------*/

#columna_derecha {
  width: 340px;
  float: right;
}
/* Video*/

#textvideo {
  float: left;
  text-indent: 10px;
  font-weight: bold;
  margin: 10px 0px 0px 10px;
  width: 100%;
}

#video{
  float: left;
  height: 160px;
  width: 100%;
  margin: 0px 0 40px 0;
  background: #fff;
  position: relative;
}

#reproductor{
  padding: 0px;
  position: absolute;
  left: 5px;
  top: 0px;
}

/*Humor*/

#humor {
  float:left;
  width: 320px;
  margin-top: 30px;
  margin-left: 5px;
  border: 0px solid #035f88;
}
#humor p{
  margin: 0px;
}

/* Editorial */

#editorial{
  border: 1px solid #035f88;
  float:left;
  width: 320px;
  margin: 50px 0px 10px 5px;
}
#editorial p{
  margin: 0px;
  padding: 0px;
  background-color: #035f88;
  text-indent: 10px;
  color: #fff;

}
ul.category-moduleedit{
  margin: 10px 0 10px 10px;
  padding: 0px 0px 0px 0px;
  list-style-type: none;
}
ul.category-moduleedit li{

}
ul.category-moduleedit li h4{
  margin: 0px;
}
ul.category-moduleedit li a{
  color: #000;
  font-weight: bold;
  text-decoration: none;
}
ul.category-moduleedit li a:hover{
  text-decoration: underline;
}

/* Tribuna Libre */

#tribuna{
  border: 1px solid #035f88;
  float:left;
  width: 320px;
  margin: 10px 0px 0 5px;
}
#tribuna p{
  margin: 0px;
  padding: 0px;
  background-color: #035f88;
  text-indent: 10px;
  color: #fff;

}
ul.category-moduleedit{
  margin: 10px 0 10px 10px;
  padding: 0px 0px 0px 0px;
  list-style-type: none;
}
ul.category-moduleedit li{

}
ul.category-moduleedit li h4{
  margin: 0px;
}
ul.category-moduleedit li a{
  color: #000;
  font-weight: bold;
  text-decoration: none;
}
ul.category-moduleedit li a:hover{
  text-decoration: underline;
}

/*Opinion*/

#opinion {
  float: left;
  border: 1px solid #035f88;
  width: 320px;
  margin: 10px 0px 0 5px;
}
#opinion p{
  margin: 0px;
  padding: 0px;
  background-color: #035f88;
  text-indent: 10px;
  color: #fff;
}
ul.category-moduleopi {
  margin: 5px 0 0 0px;
  padding: 0px 0px 0px 15px;
  list-style-type: none;
}
ul.category-moduleopi li{
  margin: 0px 0 10px 0px;
}
ul.category-moduleopi li h4{
  margin: 0px 0 0px 0px;
}
ul.category-moduleopi li h4 a{
  color: #000;
  font-weight: bold;
  text-decoration: none;
}
ul.category-moduleopi li h4 a:hover{
  text-decoration: underline;
}
.mod-articles-category-writtenby {
  color: red;
  margin: 0px 0 0px 0px;
}

/*Más leidos*/

#masleido {
  float: left;
  border: 1px solid #035f88;
  width: 320px;
  margin: 20px 0px 20px 5px;
}
#masleido p{
  margin: 0px;
  padding: 0px;
  background-color: #035f88;
  text-indent: 10px;
  color: #fff;
}
ul.mostreadleido{
  margin: 0px 0 0px 25px;
  padding: 2px 2px 2px 0px;
  list-style-type: decimal;
}
ul.mostreadleido li{
  background-color: #fff;
}
/*
ul.mostreadleido li:nth-child(odd){
  background-color: #bcb9b9;
}
*/
ul.mostreadleido li a{
  color: #000;
  font-weight: bold;
  text-decoration: none;
}
ul.mostreadleido li a:hover{
  text-decoration: underline;
}

/*Leído en internet*/

#leidoeninternet{
  border: 1px solid #035f88;
  float:left;
  width: 320px;
  margin: 10px 0px 0 5px;
}
#leidoeninternet p{
  margin: 0px;
  padding: 0px;
  background-color: #035f88;
  text-indent: 10px;
  color: #fff;

}
ul.category-moduleedit{
  margin: 10px 0 10px 10px;
  padding: 0px 0px 0px 0px;
  list-style-type: none;
}
ul.category-moduleedit li{

}
ul.category-moduleedit li h4{
  margin: 0px;
}
ul.category-moduleedit li a{
  color: #000;
  font-weight: bold;
  text-decoration: none;
}
ul.category-moduleedit li a:hover{
  text-decoration: underline;
}

/* La foto */
#textfoto{
 float: left;
  margin-top: 20px;
  margin-bottom: 0px;
  text-indent: 10px;
  font-weight: bold;
}
#lafoto {
  float: left;
  width: 320px;
  margin-top: 0px;
  margin-left: 5px;
  border: 0px solid #035f88;

}
/*  Modulo Publicidad */

#modulopubli {
  float: left;
  width: 320px;
  margin-top: 10px;
  margin-left: 5px;
  border: 0px solid #035f88;
}
/*  Modulo Primero */

#moduloprimero {
  float: left;
  width: 320px;
  margin-top: 10px;
  margin-left: 5px;
  border: 0px solid #035f88;
}

/*  Modulo Publicidad2 */

#modulopubli2 {
  float: left;
  width: 320px;
  margin-top: 10px;
  margin-left: 5px;
  border: 0px solid #035f88;
}
/*  Hemeroteca */

#hemeroteca {
  float: left;
  width: 320px;
  margin-top: 10px;
  margin-left: 25px;
  border: 0px solid #035f88;
}
/*  Modulo Publicidad3 */

#modulopubli3 {
  float: left;
  width: 320px;
  margin-top: 10px;
  margin-left: 5px;
  border: 0px solid #035f88;
}

/*Menú servicios*/
#menuservicios {
  float: left;
  border: 1px solid #02415B;/*#035f88;*/
  width: 320px;
  margin: 10px 0 10px 5px;
  background-color: #F2F2F2;
  
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
#menuservicios ul {
  list-style: none;
  margin: 0px 0px 0px -20px;
  width: 100%;
}
#menuservicios ul li{
  padding: 7px 0 7px 0;
  border-bottom: 1px solid #c0c0c0;
  text-align: center;
}
#menuservicios ul li a{
  text-decoration: none;
  color: #035f88;
  font-weight: bold;
}
#menuservicios ul li a:hover{
  text-decoration: underline;
}
#menuservicios p{
  margin: 0px;
  padding: 0px;
  background-color: #298860;
  border-bottom: 1px solid #02415B;
  text-indent: 10px;
  color: #fff;
  text-align: center;
  font-weight: bold;
}

/* Footer y menú inferior
---------------------------------------------------------*/

/*Pie*/

#pie {
  float: left;
  width: 97%;
  margin: 10px 0px 5px 10px;
  border-bottom: 1px solid #bcb9b9;
}

#footer{
  float:left;
  width: 950px;
  height: 60px;
  background-color: #035f88;
  margin-top: 10px;
  border-top: 2px solid #02415B;
  border-bottom: 1px solid #02415B;
}

#legal{
  color: #fff;
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  margin: 5px 10px 0 0;
  line-height: px;
  text-align: right;
  
}
#footer p {
  text-align: right;
}
#footer p a {
  color: #fff;
  font-size: 12px;
  margin: 5px 10px 0 0;
  text-decoration: none;
}

/* Estilos pertenecientes al CMS
---------------------------------------------------------*/

/* Mensajes del sistema
---------------------------------------------------------*/

#system-message{
   display: block;
   clear: both;
   padding: 15px 0 0 0;
}

#system-message dt, #system-message dd{
   margin: 5px 0;
}

#system-message ul{
   margin: 0;
}

/* Acciones
---------------------------------------------------------*/

ul.actions {
   clear:both;
   margin-top: -50px;
   float:right;
}
ul.actions li {
   list-style-type: none;
   float:right;
   margin-left: 10px;
}

/* Tooltips
---------------------------------------------------------*/

.tip-wrap {
   background: #D9EEF7;
   padding: 5px;
   font-size: 12px;
}


/* Paginacion
---------------------------------------------------------*/

.pagenav, .pagination{
  list-style: none;
  text-align: center;
  margin: 20px 0;
}

.pagenav li, .pagination li{
  display: inline-block;
  margin: 0 10px;
}

/* Páginas de error
---------------------------------------------------------*/

#error {
  text-align: center;
  padding: 50px 0;
}

#error p{
  font-size: 25px;
  margin: 0;
}

#error input{
  font-size: 25px;
  border: 5px solid #ccc;
}

#error_descripcion{
  border: 1px solid #CCC;
  margin: 20px 0;
}

#error_descripcion p{
  font-size: 9px;
}