/* - - - - - - - - - - - - - - - - - - - - -
2008 Diario Impacto Website

Autor : Saetha Design & Systems C.A.
Descripción : Hoja CSS principal del Website Diario Impacto

Creado : 24.01.2008
Modificado : 11.03.2008 

- - - - - - - - - - - - - - - - - - - - - */

/* ------------------- *\
REGLAS GENERALES
\* ------------------- */

*
{
	margin:0;
	padding:0;
	border:none;
}

body
{ 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background: #fff;
	color: #000;
}

table, table th, table tr, table td, div, img
{
	vertical-align: top;
}

input
{
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	font-weight: normal;
	color: #515151;
	vertical-align: top;
	border: solid 1px #acacb8;
	padding: 0px 1px 0px 1px;
}

a, a:hover
{
	color: #000;
	text-decoration: none;
}

/* ------------------- *\
LAYOUT
\* ------------------- */

/* ---- wrapping -----*/

#wrapper
{
	width: 982px;
	margin: 0 auto;
	border-bottom: solid 1px #c5c5cf;
	border-right: solid 1px #c5c5cf;
	border-left: solid 1px #c5c5cf;
}

/* ---- contenedores -----*/

#contenedor-principal
{
	height: 100%;
}

.contenido
{
	clear: both;
	//background: url(../Imgs/menu-sombra.jpg) no-repeat left top;
	width: 100%;
	height: 100%;
	font-family: Verdana, Arial;
	font-size: 11px;
	color: #353535;
}

/* ------------------- *\
ENCABEZADO
\* ------------------- */

#header-top
{
	background: url(../Imgs/header-top.jpg) no-repeat left top;
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	text-align: left;
	padding-top: 10px;
	padding-left: 5px;
	width: 979px;
	height: 15px;
	color: #bababa;
	margin: 0 auto;
}

#rif
{
    float: right;
    padding-right: 5px;
}

/* ------------------- *\
MENU
\* ------------------- */

#menu
{
	font-family: Tahoma, Verdana, Arial;
	background: url(../Imgs/menu-bg.jpg) no-repeat left top;
	width: 982px;
	height: 20px;
}

#menu li.item
{
	float: left;
	background: url(../Imgs/menu-sep.jpg) no-repeat right top;
	height: 20px;
	list-style-type: none;
}

.item a
{
	display: block;
	margin-top: 1px;
	padding: 2px 12px 3px 12px;
	color: #eaeaf6;
}

.item a:hover
{
	color: #fff;
	background-color: #6465ad;
}

/* ---- submenu -----*/

#menu ul.submenu, .submenu .visible
{	
	background-color: #e9e9ec;
	border-right: solid 1px #c9c9d2;
	border-left: solid 1px #c9c9d2;
	border-bottom: solid 1px #c9c9d2;
	list-style-type: none;
	position: absolute;
	width: 180px;
	padding-top: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
	opacity: 0.95; /* IE */
	filter: alpha(opacity=95); /* Mozilla & etc */
}

.submenu
{
	display: none;
}

.visible
{
	display: block;
}

.submenu li
{
	border-bottom: solid 1px #c9c9d2;
	padding-bottom: 0px;
}

.submenu a
{
	display: block;
	width: 100% - 10px;
	color: #666680;
	padding: 0px 4px 5px 4px;
}

.submenu a:hover
{
	background-color: #ceced6;
	color: #000;
}

/* ---- submenu derecho (contactenos - sugerencias) -----*/

#menu .contacto-sugerencia
{
	float: right;
}

.contacto-sugerencia li.item2
{
	vertical-align: text-top;
	list-style-type: none;
	float: left;
	height: 20px;
	position: relative;
	top: 2px;
	left: 3px;
}

.item2 a
{
	padding: 0px 12px 3px 12px;
	color: #eaeaf6;
}

.item2 a:hover
{
	color: #8e8fbc;
}

/* ------------------- *\
HOME
\* ------------------- */

div.cuerpohome
{
	margin-left: 6px;
	width: 976px;
}

/* ---- titulares (2) -----*/

.cuerpohome div.titulares
{
	margin-top: 5px;
	border-bottom: solid 3px #b8b8b8;
	border-top: solid 3px #b8b8b8;
	width: 976px;
	height: 67px;
	float:left;
}

.titulares img
{
	float: left;
	margin: 2px 5px 0px 5px;
	/*border: solid 1px #a1a1c3;*/
}

.titulares ul
{
	list-style-type: none;
}

.titulares ul li
{
	float: left;
	width: 483px;
	height: 67px;
}

.titulares ul li.titular1
{
	background-color: #ccccff;
	font-family: Verdana, Tahoma, Arial;
	font-size: 11px;
	color: #2d2d38;
	padding-left: 5px;
}

.titular1 h3, .titular2 h3
{
	font-family: "Arial Narrow", Arial;
	line-height: 26px;
	font-size: 18px;
}

.titular1 a
{
	color: #000;
}

.titular1 a:hover
{
	color: #2d2d38;
	text-decoration: underline;
}

.titulares ul li.titular2
{
	background-color: #4d4dff;
	font-family: Verdana, Tahoma, Arial;
	font-size: 11px;
	color: #fff;
	padding-left: 5px;
}

.titular2 a
{
	color: #fff;
}

.titular2 a:hover
{
	color: #cdcdff;
	text-decoration: underline;
}

.titular2 div
{
	height: 67px;
	float: left;
}

/* ---- titulares (4) -----
.cuerpohome ul.titulares
{
	font-family: Georgia, Times New Roman, Arial;
	font-size: 17px;
	text-align: center;
	list-style-type: none;
	height: 75px;
}

.titulares li
{
	float: left;
	background: url(../Imgs/titular-superior-flecha.gif) no-repeat center bottom;
	text-align: center;
	width: 235px;
	padding-top: 20px;
	height: 55px !important;
	height: 75px;
	margin-right: 6px;
}

.titulares a
{
	color: #000;
}

.titulares a:hover
{
	color: #565656;
}*/

/* ---- Columnas -----*/

.cuerpohome table.columnas
{
	width: 100%;
}

.columnas .left
{
	width: 635px;
}

.columnas .middle
{
	width: 5px;
}

.columnas .right
{
	width: 335px;
	margin-left: 5px;
	border-left: solid 1px #aeaeb3;
	border-top: solid 1px #aeaeb3;
	background-color: #e4e4e9;
}

/* ---- Noticias -----*/

.cuerpohome .noticia1, .cuerpohome .noticia2, .cuerpohome ul.noticia3-4
{
	font-family: Verdana, Tahoma, Arial;
	font-size: 11px;
	color: #666;
}

.noticia1 h1
{
	font-family: Impact, Arial Narrow, Arial;
	font-size: 36px;
	text-align: center;
	color: #000;
	font-weight: normal;
	margin-bottom: 10px;
}

.noticia1 h2
{
	font-family: Georgia, Times New Roman, Arial;
	font-size: 11px;
	text-align: center;
	line-height: 8px;
	color: #000;
	font-weight: normal;
}

.cuerpohome .img
{
	float: left;
	margin: 0px 7px 7px 0px;
	border: solid 2px #9f9f9f;
}

.noticia1 a, .noticia2 a, .noticia3-4 a
{
	color: #000;
}

.noticia1 a:hover, .noticia2 a:hover, .noticia3-4 a:hover
{
	color: #333;
	text-decoration: underline;
}

.noticia2 h1
{
	font-family: Arial Narrow, Arial;
	font-size: 28px;
	text-align: left;
	color: #000;
	font-weight: bold;
	margin-bottom: 10px;
}

.noticia2 h2
{
	font-family: Georgia, Times New Roman, Arial;
	font-size: 11px;
	text-align: left;
	line-height: 8px;
	color: #333;
	font-weight: normal;
}

.noticia3-4 li
{
	float: left;
	width: 312px;
	margin-top: 10px;
	list-style-type: none;
}

.noticia3-4 li h1
{
	font-family: Arial Narrow, Arial;
	font-size: 14px;
	text-align: left;
	color: #000;
	font-weight: bold;
}

.noticia3-4 li.separador3-4
{
	width: 1px;
	height: 140px;
	border-right: dotted 1px #888;
}

/* ---- Titulares Fijos (Regionales, Locales, etc) -----*/

.titulares-fijos
{
	background: url(../Imgs/titulares-bg.jpg) no-repeat left top;
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	width: 457px;
	height: 258px;
	float: left;
}

.titulares-fijos table
{
	width: 425px;
	margin-left: 28px;
	margin-top: 3px;
}

.titulares-fijos table tr
{
	height: 127px;
	overflow: hidden;
}

.titulares-fijos table td
{
	width: 50%;
	padding-left: 10px;
}

.titulares-fijos table td div
{
	height: 40px;
	overflow: hidden;
	margin-top: 10px;
}

.titulares-fijos table td h1
{
	color: #000;
	font-size: 11px;
}

.titulares-fijos table td h2
{
	color: #cc0000;
	font-size: 11px;
	font-weight: normal;
	text-transform: uppercase;
}

.titulares-fijos table td a
{
	color: #2c2c46;
	font-size: 11px;
	font-weight: bold;
}

.titulares-fijos table td a:hover
{
	color: #3e3e74;
	text-decoration: underline;
}

/* ---- Deportes & Farándula -----*/

.deportes
{
   font-size: 11px;
	float: left;
	background: url(../Imgs/deportes-bg.jpg) no-repeat left top;
	width: 441px;
	border: solid 1px #9db7dc;
	color: #17427f;
}

.deportes img, .farandula img
{
	float: left;
	margin: 0px 8px 8px 5px;
}

.deportes a
{
	color: #17427f;
}

.deportes a:hover
{
	color: #000;
	text-decoration: underline;
}

.deportes h1, .farandula h1
{
	font-size: 18px;
	font-family: Arial Narrow, Arial;
	font-size: 18px;
	line-height: 20px;
	font-weight: normal;
}

.deportes .deportes-left, .farandula .farandula-left
{
	float: left;
	width: 288px;
}

.deportes .deportes-right
{
	float: right;
	width: 149px;
	padding-left: 3px;
	border-left: solid 1px #9db7dc;
}

.deportes-right ul
{
	list-style-image: url(../Imgs/vineta.gif);
	margin-left: 6px;
}

.deportes-right li, .farandula li
{
   font-size: 11px;
	margin-left: 12px;
	margin-bottom: 4px;
}

.farandula
{
   font-size: 11px;
	float: left;
	background: url(../Imgs/farandula-bg.jpg) no-repeat left top;
	width: 441px;
	border: solid 1px #f0c2e4;
	color: #d453b6;
}

.farandula a
{
	color: #d453b6;
}

.farandula a:hover
{
	color: #773769;
	text-decoration: underline;
}

.farandula .farandula-right
{
	float: right;
	width: 149px;
	padding-left: 3px;
	border-left: solid 1px #f0c2e4;
}

.farandula-right ul
{
	list-style-image: url(../Imgs/vinetaf.gif);
	margin-left: 6px;
}

/* ---- Sucesos -----*/

.sucesos
{
	float: right;
	font-family: Tahoma, Arial;
	background: url(../Imgs/sucesos-bg.jpg) no-repeat left top;
	border-left: solid 1px #e2e2e2;
	padding: 26px 5px 0px 5px;
	width:156px;
}

.sucesos h1
{
	font-size: 10px;
	font-weight: normal;
	text-transform: uppercase;
	margin-top: 8px;
	color: #e30000;
}

.sucesos h2
{
	font-family: Arial Narrow, Arial;
	font-size: 18px;
	font-weight: normal;
	padding-bottom: 20px;
	color: #000;
	border-bottom: dotted 1px #a3a3a3;
}

.sucesos a
{
	color: #000;
}

.sucesos a:hover
{
	color: #656565;
}

/* ---- Gadgets (Contenedores de la columna derecha home) -----*/
/* Contenedor principal
   de los gadgets    */

.gadget
{
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	border: solid 1px #bfbfcb;
	background-color: #e6e6e8;
	margin: 0 auto;
	width: 306px;
}

.gadget-sep
{
	clear: both;
	height: 12px;
}

/* ---- Inicio de Sesión -----*/

.inicio-sesion
{
	color: #666680;
}

.inicio-sesion .controles
{
	float: left;
	padding: 2px 0px 0px 4px;
	font-weight: bold;
	width: 238px;
}

.controles input
{
	width: 60px;
	height: 15px;
}

.inicio-sesion .recuadro
{
	float: right;
	height: 47px;
	width: 64px;
	background: #f2f2f3;
}

.inicio-sesion .mensaje
{
	height: 43px;
	width: 294px;
	padding: 2px 6px 2px 6px;
	background: #f2f2f3;
}

.recuadro img
{
	margin: 4px 0px 0px 5px;
}

/* ---- Portada y Contraportada -----*/

.portada-contraportada
{
	background: url(../Imgs/portadas-bg.jpg) no-repeat left top;
	width: 306px;
	height: 328px;
}

.portada-contraportada div
{
	float: right;
	margin: 31px auto 0 34px;
	height: 110px;
	width: 119px;
}

.portada-contraportada img
{
	border: solid 1px #a5a5a5;
}

/* ---- Noticias Resaltantes -----*/

.noticias-resaltantes
{
	background: url(../Imgs/noticias-resaltantes-bg.gif) no-repeat left top;
	width: 100%;
}

.noticias-resaltantes div
{
	width: 310px;
	margin: 6px auto;
}

/* ---- Suplementos -----*/

.suplementos ul
{
	margin: 4px 0px 8px 12px;
	list-style-type: none;
}

.suplementos li
{
	background: url(../Imgs/suplementos-barra.gif) no-repeat left top;
	margin-top: 8px;
	padding-left: 15px;
	padding-bottom: 4px;
	border-bottom: dotted 1px #b4b4b4;
	width: 260px;
}

/* ---- Ediciones en PDF -----*/

.gadgetCalendario
{
    margin-bottom: 15px;
}
.calendario
{
    width: 306px;
    height: 190px;
    padding: 10px;
    background: url(../Imgs/FondoEdicionesPDF.jpg) top left no-repeat transparent;
}

.calendario .textoCalendario
{
    font-family: Tahoma, Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 11px;
    color: Black;
    width: 98px;
    margin-right: 10px;
    float: left;
}

.calendario .textoCalendario p
{
    margin: 0px 0px 15px 0px;
}

.calendario .textoCalendario strong
{
    font-weight: bold;
}

.calendario .calendarioPDF
{
    float: left;
}

/* ---- Tiempo -----*/

.tiempo
{
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	background: url(../Imgs/tiempo-bg.jpg) no-repeat left top;
	width: 306px;
	height: 154px;
	color: #e3e3ef;
}

.tiempo .datos
{
	line-height: 16px;
	padding: 15px 0px 10px 15px; 
	width: 140px;
	height: 120px;
	overflow: hidden;
}

/* ---- Caricatura -----*/

.caricatura
{
	width: 306px;
	height: auto;
	overflow: hidden;
}

/* ------------------- *\
BOTONES ESPECIALES
\* ------------------- */

.boton1
{
	font-family: Tahoma, Verdana;
	background: url(../Imgs/vinculo1-vineta.gif) no-repeat 0px 2px;
	padding-left: 10px;
	vertical-align: middle;
	margin-left: 10px;
}

.boton1:hover
{
	background-position: 0px -19px;
}

.boton1 a
{
	font-size: 10px;
	color: #233a53;
}

.boton1 a:hover
{
	color: #000;
	text-decoration: underline;
}

/* ------------------- *\
BANNERS
\* ------------------- */

.banner_i1
{
	margin: 15px 0px 0px 0px;
}

.banner_i2
{
	float: left;
	margin-left: 10px;
}

.banner_d1
{
	width: 306px;
	margin: 15px auto 12px auto;
}

.banner_i1 img, .banner_d1 img
{
	margin-bottom: 5px;
	margin-right: 3px;
	display: inline;
}

.banners_internos
{
	width: 310px;
	margin: 7px auto;
}

.banners_internos ul
{
	list-style-type: none;
	margin-top: 5px;
}

.banners_internos ul li
{
	margin-top: 5px;
	list-style-type: none;
}

/* ------------------- *\
CIERRE
\* ------------------- */

#footer
{
	clear: both;
	margin: 35px auto;
}

#footer table
{
	margin: 0 auto;
}

#footer table .left
{
	background: url(../Imgs/footer-left.jpg) repeat-x right top;
	width: 50%;
	height: 124px;
}

#footer table .right
{
	background: url(../Imgs/footer-right.jpg) repeat-x left top;
	width: 50%;
	height: 124px;
}


/* ------------------- *\
PAGINAS INTERNAS
\* ------------------- */

.interna
{
	background-image: url(../Imgs/fondointerna.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	padding: 5px 15px 5px 0px;
	
}

.interna1
{
	background-image: url(../Imgs/fondointerna1.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	padding: 5px 15px 5px 0px;
	
}

.titulo
{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 33px;
	color: #303292;
	padding: 24px 0px 10px 22px;
}

.subtitulo
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #303292;
	font-weight: bold;
	
	background: url(../Imgs/fondosubtitulo.gif) transparent bottom left no-repeat;
	padding: 30px 0px 17px 22px;
}

.subtitulo2
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #303292;
	font-weight: bold;
	padding: 30px 20px 17px 40px;
}

.subtitulo3
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: italic;
	color: #303292;
	padding: 0px 0px 17px 40px;
}

.texto
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	padding: 5px 15px 5px 22px;
	line-height: 16px;
}

.subtitulo_negrita
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	font-weight: bold;
}

/*Estilos de Formulario--------------------------------------------*/
.TituloAplicación
{
    font-family: Tahoma,Verdana, Arial, Helvetica, Sans-Serif;
  	font-size: 14px;	
	color: #ffffff;			
    padding: 5px 8px 5px 5px;
    text-align:right;
    font-weight:bold;
    height: 41px;
}
.TituloLista
{
   font-family: Tahoma, Arial, helvetica, Sans-Serif;
  	font-size: 11px;	
	color: #333333;        
    
}
.FormAtributo
{
    font-family:Tahoma,Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    color: #333333;
    line-height: 20px;
    text-align:right;
    padding:0px 5px 3px 0px;
    vertical-align:top;
    border-right:solid 1px #999999;
    border-left:solid 1px #999999;
}

.FormEntrada
{
    font-family:Verdana,Tahoma, Arial, Helvetica, Sans-Serif;  
    font-size: 11px;
    color: #8e9578;
    text-decoration: none;    
    width: 200px;
    border: solid 1px #c3c3c3;
}
.FormValor
{
    font-family: Tahoma,Verdana, Arial, Helvetica, Sans-Serif;  
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    color: #8e9578;
    line-height: 20px;
    text-align:left;
    padding:0px 0px 3px  5px;
    vertical-align:top;
    border-right:solid 1px #8e9578;
}
.FormTop
{
 background:#acacac url('../imgs/FormTop.gif') repeat-x top; 
 height:35px;
 font-family: Tahoma,Verdana, Arial, Helvetica, Sans-Serif;  
 font-size: 11px;
 font-style: normal;
 font-weight: normal;  
 text-align:left;
 color: #e8e8e8;
 padding:2px 15px 0px 7px;
 
 }
.FormBotton
{
 background:#ffffff url('../imgs/FormBotton.gif') repeat-x top;  
 height:15px;  
  border-left:solid 1px #999999;
    border-right:solid 1px #999999;
}

.Topsombraizq
{
  background:#ffffff url('../imgs/sombratop.gif') repeat-x top; 
  border-right:solid 1px #999999;
   border-left:solid 1px #999999;
 }
 .Topsombrader
{
  background:#ffffff url('../imgs/sombratop.gif') repeat-x top;  
    border-right:solid 1px #999999; 
 }
 .Bottonsombrader
{
 background:#ffffff url('../imgs/sombrabottom.gif') repeat-x bottom;  
 border-right:solid 1px #999999;
}.Bottonsombraizq
{
 background:#ffffff url('../imgs/sombrabottom.gif') repeat-x bottom;  
 border-right:solid 1px #999999;
 border-left:solid 1px #999999;
}
.Formfin
{
   background:#ffffff url('../imgs/fin.gif') repeat-x bottom;  
   height:5px;  
    border-right:solid 1px #999999;
   border-left:solid 1px #999999;}
   
   
.Error
{
 
 background:#ffffff url('../imgs/fondoerror.gif') top left no-repeat; 
 font-family: Tahoma,Verdana, Arial, Helvetica, Sans-Serif;  
 font-size: 11px;
 font-style: normal;
 font-weight: normal;  
 text-align:left;
 color: #a52f00; 
 padding: 10px 10px 10px 53px;
 width:100%;
 }
 
.FormValor a
{
	text-decoration: underline;
	color: #000;
}
   
.FormValor a:hover
{
	color: #555;
}

.enlazar-noticia
{
   color: #e6e6e6;
   line-height: 13px;
   margin: 0 auto;
   width: 400px;
   font-family: Tahoma, Verdana;
   background-color: #848484;
   padding: 3px;
   border: solid 1px #d1d1d1;
}

.enlazar-noticia small
{
   color: #c6c6c6;
}

.enlazar-noticia .controles
{
   float: right;
   background-color: #979797;
   border: solid 1px #c5c5c5;
   color: #fff;
   height: 26px;
   padding: 2px 1px 7px 3px;
}

.enlazar-noticia div.lista
{
   margin: 6px auto;
   border: solid 1px #676767;
   overflow: auto;
   width: 380px;
   height: 250px;
   background-color: #f6f6f6;
   color: #555;
}

.lista table
{
   margin: 10px 0px 0px 4px;
   padding-top: 4px;
   border-top: solid 1px #c5c5c5;
   width: 358px;
}

.lista input
{
   margin-right: 6px;
   margin-bottom: 4px;
   border: none;
}

.lista .mensaje
{
   display: none;
   font-family: Tahoma, Verdana;
   font-weight: bold;
   color: #363636;
   width: 350px;
   margin: 100px auto;
}

.lista .visible
{
   display: block;
}

.controles input, .controles select
{
   font-family: Tahoma, Verdana, Arial;
   color: #464646;
   border: none;
   width: 60px;
   vertical-align: middle;
}

.controles select
{
   width: 100px;
}