﻿/* ---- BODY -----------------*/
body {
	font-size: 12px; 
	font-family: Verdana, Arial, Helvetica;
	margin: 20px 0px 0px 0px;
	padding:0px;
	text-align: center;
	background-color: #ECECEC;
}
/* ---- CONTAINER -----------------*/
#container{
	text-align: center;
	width:800px;
	margin:25px auto auto auto;
	border: none;
	padding:0px;
	background-color: #ECECEC;
	}
/* ---- HEAD -----------------*/
#head {
	text-align: center;
	width:800px;
	height:60px;
	border: none;
    background-color: #ECECEC;
	margin:auto;
	background-repeat: no-repeat;
	background:url("../img/structure/cabecera.gif") bottom left no-repeat;

}

/* ---- CONTENT TEXTO -----------------*/
#content{
	float:right;
	width:580px;
	height:400px;
	text-align: left;
	overflow:auto;
	border: none;
	margin:10px 0px 10px 5px;
	font-size: 12px;
	padding:0px;
	background-color: #FFFFFF;
	background-image: url(../img/structure/aetoxfondo.jpg);
}
/* ---- MENU ENLACES PRINCIPAL IZQUIERDA -----------------*/
#menu {
    float:left;
	width:200px;
    height:400px;
	border:none;
	text-align: left;
	font-size:11px;
	font-weight:bold;
	margin:auto 5px auto 0px;
	background-color: #EBEBEB;
}
p {
	text-align: justify;
	line-height: 18px;
	margin: 0px 10px 15px 10px;
	text-indent: 30px;
}
.red {color: #990000}
.mini {
	font-size: 10px;
	text-indent: 0px;
	color: #999999;
}
a, a:active, a:focus, a:link, a:visited {
	color: #003399;
	text-decoration: none;
	font-weight:bold;
	}
a:hover {
	color: orange;
}
#content h3 a, #content h3 a:active, #content h3 a:focus, #content h3 a:link, #content h3 a:visited {
	color: #990000;
	text-decoration: none;
	font-weight:bold;
}
#content h1{
	color:#333333;
	background-color: #FFFFFF;
	font-size:14px;
	font-weight:bold;
	text-align: center;
	padding: 3px;
	margin:5px;
	border-bottom: 2px solid #990000;
}
#content h2{
	color:#000000;
	background-color: #D6D6D6;
	font-size:12px;
	font-weight:bold;
	padding: 2px;
	margin:5px;
}
#content h3, #menu h3{
	color:#990000;
	font-size:11px;
	font-weight:bold;
	border-bottom: 1px dashed #CCCCCC;
	padding: 2px;
	margin:5px;
}
#content h3.articulo{
	color:#990000;
	font-size:12px;
	font-weight:bold;
	border-bottom: 1px dashed orange;
}
#content h3.autor{
	color:black;
	background-color:#EFEFEF;
	font-size:12px;
	font-weight:bold;
	border:none;
}
#content ul li{
	text-align: left;
	margin: 0px 15px 10px 0px;
	list-style-type:square;
	line-height: 18px;
}
table {
    font-size:11px;
    table border: 0px;
	cellpadding: 0px;
	margin: 0px;
}

/* ---- MENU ENLACES PRINCIPAL IZQUIERDA -----------------*/

#menu ul {
    width: 200px;
	margin:20px auto 5px 0px;
	padding:0px;
	height:auto;
	background-color: #000066;
}
#menu ul li {
    list-style-type: none;
	border-bottom:1px solid #000066;
	margin:0px;
	padding:0px;
	background-color: #000066;
	background-repeat: no-repeat;
}
#menu ul li.actual {
    color:#000000;
	background-color: #D6D6D6;
	text-align: right;
}
#menu ul li.actual2, #menu ul li.actual2 a:link, #menu ul li.actual2 a:visited {
    color:#000000;
	background-color: #FFFFFF;
	text-align: right;
}
#menu ul li.titactual, #menu ul li.titactual a:link, #menu ul li.titactual a:visited {
	background-color: #0033FF;
}
#menu ul li.titactual a:hover {
	background-color: #0033FF;
}
#menu ul li.actual, #menu ul li.actual a:link, #menu ul li.actual a:visited {
	color: #000000;
}
#menu a:link .active, #menu a:visited .active{
	color: #000000;
	}
#menu a:link, #menu a:visited{
	width: 190px;
	color: #FFFFFF;
	background-color:9999FF;
	display: block;
	padding: 5px 5px 5px 5px;
	}
#menu ul a:hover {
    color:#FFFFFF;
	background-color: #0033FF;
	width: 190px;
	padding: 5px 5px 5px 5px;
}
#menu a:hover img {
	background-color: #FFFFFF;
	border-color:#00FF00;
	border-width:1px;
}
#menu ul li.actual a:hover {
    color:#000000;
	background-color: #FFFFFF;
}
#menu h2{
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
}
#menu img {
	border:none;
	margin:0px;
	padding:0px;
	background-repeat: no-repeat;
   }


/* ---- ALINEACION IMAGENES -----------------*/

img.left {
   border:none;
   float:left; 
   margin:5px 5px 5px 5px;
   }
img.right {
   border:none;
   float:right; 
   margin:5px 5px 5px 5px;
   }
img.center {
   float:middle; 
   display: block; 
   margin:0 auto;
   }
/* ---- PIE PAGINA -----------------*/

#pie-back {
    clear: both;
	text-align: left;
	width: 800px;
	height: 50px;
	font-size:10px;
    font-weight:bold;
	color:#000000;
	border: none;
	margin:auto;
	padding-top: 10px;
}

/* ---- HEAD -----------------*/
#pie {
    clear: both;
	text-align: center;
	width:800px;
	height:30px;
	border: none;
    background-color: #CCCCCC;
	margin:auto;
	background-repeat: no-repeat;
	background:url("../img/structure/pie.gif") bottom left no-repeat;

}
#content ul {
    margin-top:0px;
	margin-bottom:0px;
	padding-bottom:3px;
	padding-top:2px;
}
#content ul li {
    list-style-type:none;
    background:url(../img/listas.gif) no-repeat 5px 5px;
	padding-left: 30px;
}
#content ul.pdf li {
    list-style-type:none;
    background:url(../img/icos/pdf-ico.gif) no-repeat;
	padding-left: 35px;
	padding-bottom:10px;
}
#content ul.web li {
    list-style-type:none;
    background:url(../img/icos/web-ico.gif) no-repeat;
	padding-left: 35px;
	padding-bottom:10px;
}
#content ul.setita li {
    list-style-type:none;
    background:url(../img/icos/setita-ico.gif) no-repeat;
	padding-left: 35px;
	padding-bottom:10px;
}
#content ul.txt li {
    list-style-type:none;
    background:url(../img/icos/txt-ico.jpg) no-repeat;
	padding-left: 35px;
	padding-bottom:10px;
}
#content ul.reunion li {
    list-style-type:none;
    background:url(../img/icos/reunion-ico.gif) no-repeat;
	padding-left: 35px;
	padding-bottom:10px;
}
#content ul.person li {
    list-style-type:none;
    background:url(../img/icos/person-ico.gif) no-repeat;
	padding-left: 35px;
	padding-bottom:10px;
}
#content ul li.pdf {
    list-style-type:none;
    background:url(../img/icos/pdf-ico.gif) no-repeat;
	padding-left: 35px;
	padding-bottom:10px;
}
#content ul li.mail {
    list-style-type:none;
    background:url(../img/icos/mail-ico.gif) no-repeat;
	padding-left: 35px;
	padding-bottom:10px;
}
#content ul li.person {
    list-style-type:none;
    background:url(../img/icos/person-ico.gif) no-repeat;
	padding-left: 35px;
	padding-bottom:10px;
}
#content ul li.rtf {
    list-style-type:none;
    background:url(../img/icos/rtf-ico.gif) no-repeat;
	padding-left: 35px;
	padding-bottom:10px;
}
#content ul li.web {
    list-style-type:none;
    background:url(../img/icos/web-ico.gif) no-repeat;
	padding-left: 35px;
	padding-bottom:10px;
}
#content ul.novedades li {
    list-style-type:none;
    background:url(../img/icos/new-ico.jpg) no-repeat;
	padding-left: 30px;
	padding-bottom:0x;
}
#content ul.novedades {
	margin:0px;
	padding:0px;
}
#content ul.enlaces li {
    list-style-type:none;
    background:url(../img/enlaces.gif) no-repeat;
	padding-left: 30px;
}
#content ul.bibliografia li {
    list-style-type:none;
    background:url(../img/bibliografia.gif) no-repeat 2px 2px;
	padding-left: 30px;
}
#content ul.junta li {
    list-style-type:none;
    background:url(../img/contacto.gif) no-repeat 2px 2px;
	padding: 5px 10px 10px 40px;
}
#alfabeto a:link, #alfabeto a:visited{
	color: #003399;
	background-color: #EDF2F2;
	font-weight:bold;
	padding: 3px 5px 3px 5px;
}
#alfabeto a:hover {
    color:#003399;
	background-color: #E0E9E9;
	border:1px solid #E18B00;
}
