/* define margenes y tipos de fuentes del "cuerpo" */
body {
margin-top : 10px; 
margin-right : 20px; 
margin-bottom : 20px; 
margin-left : 20px; 
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-weight : normal; 
font-size : 90%;
} 

/* necesario para que no se muestre el borde de "link" en firefox */
img {
border : 0;
}

img.escudo{
border : 0;
width : 50px;
height : 50px;
}

ol {
list-style-type : none;
}

/* define las fuentes de los encabezados */
h1 , h2 , h5 , h6 {
font-family : "Trebuchet MS", Verdana, "Lucida Sans", Arial, Geneva, Helvetica, Helv, "Myriad Web", Syntax, sans-serif; 
font-weight : normal; 
} 

h3 , h4 {
font-family : "Trebuchet MS", Verdana, "Lucida Sans", Arial, Geneva, Helvetica, Helv, "Myriad Web", Syntax, sans-serif; 
font-weight : bold;
} 

/*#firma, .headbox , #noticias , .topnav , a.leftmenu , a.topmenu {*/
#firma, .headbox , .topnav , a.leftmenu , a.topmenu {
font-weight : bold; 
text-decoration : none; 
font-size : 95%; 
font-family : Verdana, "Lucida Sans", Arial, Geneva, Helvetica, Helv, "Myriad Web", Syntax, sans-serif; 
} 

/*unos toques de color */
body {
background-color : #ffffff;
color : #000000;
}

img.escudo{
background-color : #ffffff;
color : #000000;
}

.topbox {
color : #000000;
/*background-color : #f5faff;*/
background-image : url('../imagenes/logo.jpg');
background-repeat : no-repeat;
}

.topnav {
color : #000000;
background-color : #98c2f0;
height : 22px;
}

#mainbox {
color : #000000;
background-color : #d0e1f5;
border : #000000;
}

.headbox {
color : #ffffff;
background-color : #7d9fc4;
border : #ffffff;
}

#firma {
color : #000000;
background-color : #d0e1f5;
border : #000000;
}

#noticias {
color : #000000;
background-color : #f1ecf3;
border : #000000;
}

#noticias .entrada {
border : #ffffff;
}

#lateralDireccion {
color : #000000;
background-color : #f5f5f5;
} 

#lateralCentro {
color : #000000;
background-color : #ffffaa;
}

#mainbox .fecha {
color : #7d9fc4;
background-color : #d0e1f5;
}

/*
#mainbox p:first-letter {
color : #926d55;
background-color : #d0e1f5;
}

#mainbox p.dirTutor , #mainbox p.dirTutor:first-letter {
color : #926d55;
background-color : #d0e1f5;
}

#mainbox p.noDecora , #mainbox p.noDecora:first-letter {
color : #000000;
background-color : #d0e1f5;
}

#mainbox p.lista {
color : #000000;
background-color : #d0e1f5;
}

#noticias .entrada p:first-letter {
color : #926d55;
background-color : #f1ecf3;
}
*/

#mainbox p.dirTutor {
color : #926d55;
background-color : #d0e1f5;
}

#mainbox p.noDecora {
color : #000000;
background-color : #d0e1f5;
}

.topnav a:link , .topnav a:visited {
color : #000000;
background-color : #98c2f0;
}

.topnav a:hover {
color : #ffffff;
background-color : #98c2f0;
}

#mainbox a {
color : #024780;
background-color : #d0e1f5;
}

#mainbox .entrada a {
color : #024780;
background-color : #f1ecf3;
}

a.leftmenu:link , a.leftmenu:visited {
color : #000000;
background-color : #d0e1f5;
border : #ffffff;
}

a.leftmenu:hover {
color : #000000;
background-color : #98c2f0;
border : #ffffff;
}

a.topmenu:link , a.topmenu:visited {
color : #ffffff;
background-color : #7d9fc4;
border : #000000;
}

a.topmenu:hover {
color : #ffffff;
background-color : #4d75a0;
border : #000000;
}

/* propiedades de los enlaces */
a:link , a:visited , a:hover {
text-decoration : none; 
} 

#mainbox a:link , #mainbox a:visited {
border-bottom : 1px dashed; 
} 

#mainbox a:hover {
border-bottom :  1px solid; 
} 

a.leftmenu:link , a.leftmenu:visited , a.leftmenu:hover {
display : block; 
padding-top : 2px; 
padding-right : 5px; 
padding-bottom : 2px; 
padding-left : 5px; 
font-weight : normal; 
text-align : left; 
border-style : solid; 
border-top-width : 1px;
border-right-width : 0px; 
border-bottom-width : 1px; 
border-left-width : 0px; 
} 


a.topmenu:link , a.topmenu:visited , a.topmenu:hover {
display : inline; 
padding-top : 5px; 
padding-right : 0; 
padding-bottom : 5px; 
padding-left : 0; 
text-align : center;  
border : 0;
} 

.headbox {
display : block; 
padding-top : 3px; 
padding-right : 5px; 
padding-bottom : 3px; 
padding-left : 5px; 
text-align : left; 
border-bottom-style : solid;
border-bottom-width : 1px; 
} 

.topbox {
height : 110px;
padding-top : 0px; 
padding-left : 0px; 
padding-right : 0px; 
padding-bottom : 0; 
} 

.topnav {
padding-top : 3px;
padding-bottom : 0; 
min-height : 20px;
} 

#mainbox {
margin-left : 180px;
min-height : 350px;
padding-top : 20px; 
padding-left : 20px; 
padding-right : 0px; 
padding-bottom : 20px; 
} 

#mainbox h3 , h4 {
padding-left : 0px;
padding-right : 20px;
padding-bottom : 0px;
}

#mainbox ul {
/*
list-style-image : url('../imagenes/lista.gif');
*/
list-style-type : circle;
}

#mainbox ul.noLogo {
list-style-type : none;
list-style-image : none;
}

#mainbox .fecha {
float : left;
padding-left : 0px;
font-weight : normal;
font-size : 60%;
}

#mainbox p {
font-size : 95%; 
text-indent : 20px;
padding-right : 20px;
} 

#mainbox p.lista {
font-size : 95%; 
text-indent : 0px;
padding-right : 20px;
} 
/*
#mainbox p:first-letter {
font-weight : bold;
font-size : 120%;
}
*/

#mainbox p.dirTutor , #mainbox p.noDecora {
text-indent : 0px;
font-size : 95%;
font-weight : bold;
padding-left : 40px;
}

/*
#mainbox p.dirTutor:first-letter , #mainbox p.noDecora:first-letter {
font-size : 100%;
font-weight : bold;
}
*/

#mainbox p a {
font-weight : bold; 
font-size : 95%; 
} 

#mainbox a.mailto {
position : absolute;
left : 550px;
}

#noticias {
float : right;
width : 210px;
text-align : center; 
margin-bottom : 50px;
margin-left : 50px;
margin-right : -15px;
} 

#noticias .headbox {
padding-top : 3px; 
padding-bottom : 3px; 
font-size : 100%;
font-weight : bold;
text-align : center;
} 

#noticias .entrada {
padding-top : 5px; 
padding-bottom : 5px; 
padding-left : 10px;
padding-right : 10px;
font-size : 90%;
font-weight : normal;
text-align : justify;
border-bottom-style : solid;
border-bottom-width : 1px; 
}

#noticias .entrada a {
font-size : 90%;
font-weight : bold;
}

#noticias .entrada p {
padding-left : 5px;
padding-right : 5px;
}

/* contenedor zona central */
#tocho {
top : 0;
left : 0;
margin-top : 20px;
}

/* contenedor lateral */
#lateral {
float : left;
top : 0;
left : 0;
width : 160px;
margin-bottom : 80px;
margin-right : 20px;
}

/* contenedor menu lateral-arriba */
#lateralMenu {
/*Ningun efecto de momento*/
}

/* contenedor para colocar mas cosas */
#lateralCentro {
padding : 22px; 
text-align : center; 
font-size : 75%;
font-weight : bold;
}

/* cuadro direccion-emilio lateral-abajo */
#lateralDireccion {
padding : 7px; 
text-align : center; 
font-size : 65%; 
font-weight : normal; 
} 

#topnavIzquierda {
float : left;
}

#topnavDerecha {
float : right;
}

/* contenedor para la parte inferior de la pagina */
#firma {
clear : both;
top : 0;
left : 0;
height : 35px;
margin-top : 80px;
}

#firmaIzquierda {
float : left;
padding-top : 1px; 
padding-right : 2px; 
padding-bottom : 2px; 
padding-left : 2px; 
}

#firmaDerecha {
float : right;
padding-top : 10px; 
padding-right : 3px; 
padding-bottom : 3px; 
padding-left : 3px; 
}

/*Para la pagina de index*/
body.portada {
background-color : #f5faff;
color : #024780;
}

#logo {
width : 650px;
height : 167px;
position : absolute;
top : 50%;
left : 50%;
margin-top: -167px;
margin-left: -325px;
}

#acceso {
font-family : Verdana, sans-serif;
font-weight : bold;
color : #024780;
background-color: #f5faff;
position : absolute;
top : 50%;
margin-left: 65%;
}

#aviso {
color : #024780;
/*
background-color: #000000;
*/
background-color : #ffffaa;
margin-top : 50px;
padding-top : 3px;
padding-right : 3px;
padding-bottom : 3px;
padding-left : 3px;
position : absolute;
left : 30%;
bottom : 1%;
right : 1%;
border-style : solid;
border-width: 1px;
text-align : center;
font-weight : normal;
font-size : 60%;
}

.comillas {
text-align : center;
}

/* Iconos tipo de archivo */
a[href $='.pdf'] { 
   padding-right: 18px;
   background: transparent url(../imagenes/icon_pdf.gif) no-repeat center right;
}

a[href ^="mailto:"] {
   padding-right: 18px;
   background: transparent url(../imagenes/icon_mailto.gif) no-repeat center right;
}

a[class ="popup"] {
	padding-right: 18px;
    background: transparent url(../imagenes/icon_popup.gif) no-repeat center right;
}

a[href$='.doc'] { 
	padding-right: 18px;
	background: transparent url(../imagenes/icon_doc.gif) no-repeat center right;
}
a[href$='.xls'] { 
	padding-right: 18px;
	background: transparent url(../imagenes/icon_xls.gif) no-repeat center right;
}
a[rel ~='external'] {
	padding-right: 18px;
	background: transparent url(../imagenes/icon_external.gif) no-repeat center right;
}