/* GENERALES */

/* Custom font
@font-face {
  font-family: Gentium;
  src: url(http://192.168.1.2/pruebafont.ttf);
}*/ 

/* BODY */
body  {
font-family: verdana;
font-size: 9pt;
text-align : center ;
min-width : 960px ;
background: url(img/back.jpg) 0 0;
}

/* Links default */
a {
color: #434345;
}

/* Estilo links "normales" */
a.normalLink{
color: #434345;
text-decoration: none;
}

/* CONTENEDOR PPAL */
#contenido{
margin: 0;
width : 960px;
text-align : left ;
margin-left : auto ; 
margin-right : auto ;
position : relative ;
background-color: #FFF;
}

/* MENU */

img.dropDown{
border: 0px;
}

.menulink{
text-decoration: none;
padding: 8px 8px 8px 8px;
color: #FFF;
}

.menulinkACTIVE{
text-decoration: none;
padding: 8px 8px 8px 8px;
color: #FBD61D;
}

.menulink:hover{
color: #FBD61D;
}
.menulinkR:hover{
color: #FFFFFF;
}

ul.menu{
list-style: none;
margin: 0;
padding: 0;
}

li.menu {
float: left;
padding: 10px 0px 16px 0px;
background: url(img/bb.jpg) 0 0 repeat-x;
text-align: center;
}
li.menuR {
background: url(img/bbR.jpg) 0 0 repeat-x;
}

ul.submenu {
list-style: none;
margin: 0;
padding: 0;
display: none;
/* Para dar compatibilidad con IE 7 y otros fixeo la posicion POSITION + TOP + LEFT*/
position: absolute;
top: 35px;
left: 44px;
z-index: 2;
}

li.submenu {
padding: 8px 0px 8px 0px;
background-color: #828287;
width: 165px;
}

li.menu:hover ul.submenu { display: block; }

img.separador{
float: left;
margin: 0;
width: 10px;
height: 38px;
}

img.separadorExtremo{
float: left;
margin: 0;
width: 5px;
height: 38px;
}

img.separadorGris{
float: left;
margin: 0;
width: 4px;
height: 38px;
}

/* ENCABEZADO */
img.header{
margin:0;
margin-top: -4px;
border: 0;
width: 960px;
height: 126px;
}

/* Contenedor del pie de la imagen (corte abajo de imagen) */
#divheaderfoot{
float: right;
border: 0;
text-align: right;
}

/* Parte de abajo de imagen x corte */
img.headerfoot{
border: 0;
width: 659px;
height: 84px;
margin: 0;
margin-top: -2px;
}

/* NOTICIAS */
div.noticiaLogro,
div.noticiaLogroSinLinea,
div.noticia,
div.noticiaSinLinea{
float: left;
position: relative;
width: 225px; /* Ojo tocar tamien clase "Sin linea" */
height: 384px; /* Ojo tocar tamien clase "Sin linea" */
margin-top: 10px;
margin-bottom: 10px;
margin-right: 5px;
padding: 0px;
padding-right: 10px;
padding-left: 10px;
border-right: #B1B3B4 2px dotted;
color: #434345;
}
div.noticiaSinLinea{
border-right: 0px;
}
div.noticiaLogro,
div.noticiaLogroSinLinea {
width: 200px; /* Ojo tocar tamien clase "Sin linea" */
height: 320px; /* Ojo tocar tamien clase "Sin linea" */
}
div.noticiaLogroSinLinea{
border-right: 0px;
}

/* Estas son las que se muestra en seccion de noticias... mas chicas */
div.noticiaMini{
float: left;
position: relative;
width: 208px; /* Ojo tocar tamien clase "Sin linea" */
height: 295px; /* Ojo tocar tamien clase "Sin linea" */
margin-top: 30px;
margin-right: 5px;
padding: 0px;
padding-right: 10px;
padding-left: 10px;
border-right: 2px dotted;
color: #434345;
}

div.noticiaMiniSinLinea{
float: left;
position: relative;
width: 208px; /* Ojo tocar tamien clase main */
height: 295px; /* Ojo tocar tamien clase main */
margin-top: 30px;
margin-right: 5px;
padding: 0px;
padding-right: 10px;
padding-left: 10px;
color: #434345;
}

/* Iconillo noticia */
div.noticiaIcono{
position: absolute;
bottom: 0;
right: 8px;
}

/* Navegador de noticias */
div.notNav{
position: absolute;
bottom: 40px;
right: 10px;
}

/* Volantas noticias */
p.notVolanta{
font-size: 12px;
background-color: #828287;
color: #FFF;
padding: 4px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

p.notVolantaGral{
font-size: 12px;
background-color: #828287;
color: #FFF;
padding: 4px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

/* Volantas noticias ppal (ver nota completa) */
p.notVolantaMain{
margin-top: 35px;
background-color: #828287;
color: #FFF;
padding: 4px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

/* Titulos de noticias minis */
h2.nottit{
font-size: 14px;
}

h2.nottitGral{
font-size: 13px;
}

/* Fecha que se muestra en noticias mini*/
p.fechaNot {
margin: 0;
margin-bottom: 5px;
font-size: 10px;
}

/* Imagen en miniatura para noticia */
/* Ojo si haces cambios quizas quieras actualizar tambien img.mainNotImgmini */
img.notamini{
height: 120px;
max-width: 190px;
border-color: #434345;
border: 3px solid;
}

img.notaminiGral{
height: 60px;
max-width: 190px;
border-color: #434345;
border: 3px solid;
}

/* Link para nav de noticias */
a.navnot{
color: #434345;
text-decoration: none;
}

/* BARRA NOVEDADES */
#sidebar1 {
position: absolute;
left: 0px;
top: 162px; /* Para que se estire a lo largo del contenido */
bottom: 37px; /* Para que se estire a lo largo del contenido */
float: left; 
width: 220px; /* since this element is floated, a width must be given */
margin: 0;
background-color: #454548;
z-index:1;
}

/* Header de la barra */
h2.novedadheader{
margin: 0;
background: url(img/nback.jpg) 0 0 repeat-x;
height: 38px;
padding: 18px;
font-size: 18px;
color: #FBD61D;
letter-spacing: 1px;
text-shadow: #303030 -3px 3px 2px;
}

/* Imagenes novedades */
img.imagenNov {
margin-top: 10px;
max-width: 130px;
border-color: #434345;
border: 1px solid;
}

/* Tabla para imagen link y texto centrado */
table.novedad{
border: 0;
margin-left: 2px;
width: 200px;
padding: 1px;
}

/* Estilo para los links de novedades */
a.linknovedad{
color: #FFFFFF;
text-decoration: none;
}

/* Estilo para los links de novedades activas */
a.linknovedadactiva{
color: #FBD61D;
text-decoration: none;
}

td.colIcoNov{
width: 20px;
}

/* Separador de novedades en barra de novedades */
hr.separadornovedad{
border: dotted;
color: #828287;
border-width:2px 0 0 0;
height:0;
line-height:0px;
font-size:0;
margin:0;
padding:0;
margin-top: 20px;
margin-bottom: 20px;
}

/* CONTENIDO GENERAL */
/* Para contenidos en general */
#mainContent{
float: right;
width: 710px;
min-height: 1100px;
margin: 0px;
margin-left: 230px; /* Para flotar desde lateral de novedades */
margin-top: -40px;	/* Para que los headers se metan en la curva del header */
padding-right: 15px;
}

/* Texto en General Purpose Contenido */
p.GPCont{
line-height: 25px;
}

/* Para contenidos de mininoticias (mas compacto) */
#mainContentNoticia {
float: left;
width: 510px;
min-height: 1100px;
margin: 0;
margin-left: 230px; /* Para flotar desde lateral de novedades */
margin-top: -40px;	/* Para que los headers se metan en la curva del header */
}

#mainContentNoticiaGral{
min-height: 1100px;
float: left;
width: 190px;
margin: 0px;
margin-top: -1px;
padding-left: 15px;
padding-right: 15px;
background-color: LIGHTGREY;
}

/* Titulo de la columna de noticias de interes general*/
h1.titseccionindexGral{
font-size: 16px;
margin-top: 10px;
} 

/* Titulo de la seccion */
h1.titseccion{
font-size: 17px;
margin-bottom: 45px;	/* Los contenidos sino salen demasiado pegados al banner y al titulo */
} 
/* Titulo de la seccion en INDEX*/
h1.titseccionindex{
font-size: 17px;
margin-bottom: 10px;	/* Menos separacion abajo que si hubiese texto normal de seccion */
margin-left: 10px;	    /* Como el MainContent de noticias tiene menos margenes este titulo lo ajusto tambien */
margin-top: -4px;		/* Como son dos lineas de texto las pongo mas arriba */
} 

/* CLEARFLOAT */
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}

/* PIE DE PAGINA */
div.footer{
margin: 0;
text-align: center;
height: 37px;
color: #454548;
background: url(img/fb.jpg) 0 0 repeat-x;
}

a.footerlink{
text-decoration: none;
color: #454548;
}

/* --- NOTICIA MAIN --- */
/* Ojo si haces cambios quizas quieras hacerlos tambien en img.notmini */
h1.mainNotTit{
margin-top: 0;
margin-bottom: 20px;
font-size: 24px;
}

img.mainNotImgmini{
float: left;
margin: 10px;
height: 120px;
border-color: #434345;
border: 3px solid;
}

img.mainNotImg{
max-width: 700px;
border-color: #434345;
border: 2px solid;
}

/* --- NOVEDAD MAIN --- */
/* "titulo" de la novedad */
p.mainNovMini{
margin-top: 25px;
font-size: 20px;
}

/* FORM SUTFF */

/* Boton submit*/
.botonSubmit{
background-color: #454548;
height: 35px;
padding: 8px;
color: #FFF;
}