/* Estilo .CSS Astrogades.es - Por Tware (c) 2010 v1.0*/

body {
	font: 9px 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size:14px;
	background: #000 url(images/fondo.jpg) fixed no-repeat;
	padding-bottom: 17px;
	}

#main {
	background:url(images/fondo_main.png) repeat-x #000000;
	margin: 0 auto;
	width: 980px;
	border: 1px #2f2f2f solid;
}

a {
	color:#FFF;
}

a:hover {
	text-decoration:none;
}

#cabecera {
	background: url(images/cabecera.png) no-repeat;
	width:auto;
	height: 116px;
}

#nav {
	padding:5px 10px;
	background:#c99;
}

#columna1 {
	background-color: #000; 
	float:right; 
	width: auto;
	border-left: #333333 solid 1px; 
	font-size:11px;
	line-height:17px;
}

#columna1 h3 {
	background: #000 url(images/barra.png) no-repeat; 
	text-transform:uppercase; 
	font-size:18px; 
	font-weight:normal;
}
#columna1 ul {
	padding:0;
	margin:0;
}

#columna1 li {
	list-style:none;
	border-bottom:0px solid #c7c5c5;
}

#columna1 li a {
	display:block;
	padding:2px;
	text-decoration:none;
}

#columna1 li a:hover {
	background: #191c21 url(images/caja2.png) no-repeat left top;
}

/* Menu de navegacion */
#menu {
	background:url(images/sitenav.png) repeat-x;
	height:37px;
}
#menu ul {
	margin:0;
	padding:2px 10px 0 10px;
	text-align:left;
}

#menu li {
	display:inline;
	list-style:none;
	line-height:28px;
	padding-top:1px;
}

#menu a {
	font-size: 15px;
	text-decoration:none; color:#000;
	padding:4px 20px 12px 20px;
	text-transform:lowercase;
}

#menu a:hover {
	background:url(images/horiz-r.png) 100% 0px no-repeat;
}

#menu a.activo {
	background:url(images/menu_a.jpg) repeat-x;
}

/* Pantalla principal */
.text {
	padding: 6px;
	color:#c6c6c6;
	font-size:12px;
	line-height:1.5em;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	line-height:16px;
	width: 658px;
	min-height: 921px;
}

.text h1, .text h2, .text h3 {
	color:#d72e33;
	font-size:25px;
	font-weight:400;
	padding-bottom:1px;
	margin:10px 0px 10px 10px;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px;
}

.text h4 {
	color:#d72e33;
	font-size:13px;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px;
}
	
.text h5 {
	color:#ff7777;
	font-size:14px;
	font-weight:800;
	margin:5px 0 5px 0;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px;
}
.text ul {
	margin-top:8px;
	margin-bottom:8px;}
.text br {
	line-height:8px;
}
.text hr {
	background:url(images/dot3.gif) repeat-x top left;
}

/* Caja de Noticias */
#noticias {
	padding:5px 5px 5px 5px;
	color:#000; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:16px;
	width: auto;
	margin: 1px 1px 1px 1px;
	background-color:#e7e7e7;
}

#noticias h1, #noticias h2 {
	font-size:9px;
	font-weight:normal;
	color:#d02121;
	text-transform:uppercase;
	margin:10px 0px 10px 0px;
}

#noticias ul {
	margin-top:8px;
	margin-bottom:8px;
}
#noticias br {
	line-height:8px;
}

#caja1 {
	width:300px;
	height:100%px;
	background-color: #f1f4f6;
	border: #ced5db solid 1px;
	padding: 3px 3px 3px 3px;
}

#enlaces {
	background-color: #1d1c1c;
	clear: both;
	width: auto;
	height: auto;
	border-top: #333333 solid 1px;
}

/* Pie de pagina */
#footer {
	clear: both;
	width: auto;
	height: 50px;
	border-top: #333333 solid 1px;
	text-align: left;
	font-size: 11px;
	padding: 3px 1px 1px 3px;
	background-image:url(images/siteId7hed.gif); color:#FFF;
}

#footer_col_izq {
	float:left;
	clear: both;
	width: 100%px;
	text-align: left;
	font-size: 11px;
	padding: 5px 1px 1px 5px;
	background-image:url(images/siteId7hed.gif); color:#FFF;
}

#footer_col_der {
	text-align: right;
	float:right;
	padding: 5px 5px 5px 5px;
	width: 313px;
	background-image:url(images/siteId7hed.gif); color:#FFF;
}

#footer a {
	color:#FFF;
}

#menu_footer {
	padding:0 5px 5px 5px;
	text-transform:lowercase;
}

#left_footer {
	float:left;
	padding:30px 30px 0 30px;
}

.creditos {
	font: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 9px;
	background-color:#000;
	float:right;
	padding:3px 3px 3px 3px;
	width:150px;
	text-align: center;
	border: #333333 1px solid;
}

/* Calendario Lunar */
.meses {
	font: Arial, Helvetica, sans-serif;
	color: #ff0000;
	font-size: 9px;
	background-color:#000;
	width: 45px;
	text-align: center;
	border: #333333 1px solid;
}

/* Contador de visitas */

.contador {
	background: url(images/sbhead-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}

/* Extras */

#superior {
	background-image: url(images/sup-def.png);
	width: 281px;
	height: 460px;
	float:right;
}
/* Banner "Fotografiando el universo desde Cadiz */

#banner {
	background:#000 url(images/cadiz.png) no-repeat left;
	width: auto;
	height: 45px;
	border-top: 1px solid #2f2f2f;
	border-bottom: 1px solid #2f2f2f;
}

/* Navegacion del sitio, menus */

#navegacion {
	font: arial,helvetica;
	font-size: 11px;
	margin:1px 15px;
	height:28px;
	position:relative;
	clear:both;
	padding-bottom:1px;
	float:right;
	margin-top:90px;
	visibility: hidden;
}
/* Menu horizontal superior (navegacion) */
#menuh {
        font: 80% "Trebuchet MS", Arial, Helvetica, sans-serif;
		 padding: 1px 1px;
}

#menuh ul, li {
        list-style-type: none;
}

#menuh ul {
        margin: 0;
        padding: 0;
}

#menuh li {
        float: right;
}

#menuh a {
        text-decoration: none;
        color: #fff;
        background: #212121;
        display: block;
        padding: 3px 10px;
        text-align: center;
        border: 1px solid #2f2f2f;
        border-width: 1px 1px 1px 0;
}

#menuh a#primero {
        border-left: 1px solid #ACCFE8;
}

#menuh a:hover {
        background: #000;
}


/* Imagenes en miniatura con cuadro gris oscuro (todas las imagenes con DIV ID="" */
#miniaturas {
	padding:1px;
	margin: 5px 5px 5px 5px;
	border: 1px solid #474747;
}

/* Panel dentro de columna derecha, menus enlace. */
.panel {
	background-color:#000;
	list-style-type: none;
	border-bottom: #2f2f2f solid 1px;
	margin: 0;
	padding: 0;
}

.panel h2 {
	background: url(images/h2.png) repeat-x top left;
	margin: 0px;
	padding: 5px 15px 9px;
	font-size:11px;
	color: #990808;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px;
}

.panel li{
border-bottom: 1px; /* Borde del menu enlace */
}

.panel li a{
	background: #191c21 url(images/caja1.png) no-repeat right top;
	font: 11px  Tahoma, Verdana, Arial, Helvetica, sans-serif; 
	display: block;
	width: auto;
	padding: 5px 0;
	text-indent: 8px;
	text-decoration: none;
	border-bottom: 1px solid #2f2f2f;
}

.panel li a:visited, .panel li a:active{
	color: #fff;
}

.panel li a:hover{
	background-color: black;
}

.panel ul {
	width: auto; /*ancho del cuadro ul*/
	height: auto; /*alto del cuadro ul*/
	background:#333;/* fondo del ul */
	list-style-type:none; /*para quitar los estilos de la lista*/
	text-align:left; /*alineamos todo su contenido al centro del cuadro ul*/
	padding-left:5px; /*Esto separa 5 pixeles el contenido dentro del cuadro ul*/
	}

/* Cajas de las miniaturas en portada */
.container {
	margin: 0px 4px 3px auto;
	float:left;
}

.container_head {
	height:auto;
	background: #333333;
}

/* Para centrar y alinear el titulo agregar text-align:center; */
.container_head_text {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size: 10px;
	background:url(images/cuadro.png) repeat-x bottom left;
	padding: 0 1px 1px 1px;
	border: 1px solid #2f2f2f;
	height:auto;
	color:#cacaca;
}

.container_content {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color: #000;
	border: 1px solid #2f2f2f;
	border-color: #2f2f2f;
}

.container_descripcion {
	background-color: #101010;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	padding-left: 3px;
	padding-bottom: 1px;
	width: 209px;
	border-top: 1px solid #2f2f2f;
}

.container_descripcion a {
	color: #c4c4c4;
}

.descripcion_thumb {
	color: #666666
}

/* Enlaces de pié de página */
.banner_container {
	padding-top: 15px;
}

.banner_head {
	background: #000;
	padding: 1px 1px 1px 1px;
}

.banner_head_imagen {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size: 10px;
	border: 1px solid #2f2f2f;
	height:40px;
	width: 201px;
	color:#cacaca;
}

.banner_content {
	font-family:Arial, Helvetica, sans-serif;
	color: #bdbdbe;
	background: #000 url(/astrogades/images/orion.jpg);
	padding: 10px 1px 0 10px;
	width: auto;
	height: 185px;
	font-size:11px;
	border: 1px solid #2f2f2f;	
}

.banner_container li {
	font-family: Arial, Helvetica, sans-serif; 
	font-size:9px;
}

/* Seccion elnaces */

.enlaces {
	padding: 6px;
	background: #0c1116;
	border: 1px #333 solid;
	font-size: 11px;
}

.enlaces li {
	margin: 1px;
	padding-left: 5px;
	background: #191c21;
	border: 1px #333333 solid;
}