/* --------------------------------------------------
	   	Hoja de Estilos CSS 					
		para www.Santivives.com
        2creativo.net - 2008                
-----------------------------------------------------*/



body{ height: 100%;
	background:#fff;
	color:#333; 
	font:80%/1.5  "Arial Narrow", Arial, "Arial Unicode MS", Helvetica, sans-serif;}
	
html, body, div, p, ul, h1, h2, h3, img {padding:0px; margin:0px;}
img 	{border:0px; }
.no		{display:none}
.carg	{background: transparent url("files/loading.gif") no-repeat center; } 
.gris	{color: #666666}	
.negro 	{color: #000}
.n		{font-weight:bold}
.c 		{text-align:center; margin:0; padding:0;}
.i		{font-style:italic}
.kerning { letter-spacing:0.1em}
.mini 	{font-size:75%}
.center { text-align:center}
.der	{float:right}
.izq	{float:left}

	
a:link, a:visited { color:#990000; background:transparent; text-decoration:none; }
a:focus, a:hover {  color:#990000; background:transparent; border-bottom:1px dotted; }


p  {margin:0 10px 20px 320px; font-size: 100%; }
/* form {margin:0 10px 0 320px; font-size: 100% } */
ul {margin:0 10px 0px 350px; font-size: 100%; list-style:square; }
li {margin: 0 0 10px 0 }
.lis {list-style:none; margin:0 10px 0 350px;}
acronym {border-bottom: dashed 1px #666666; padding-bottom:2px;}

hr {height: 1px; border:1px dotted #ccc;}




/* --- CONTENIDOS --- */
#cajon {color:#333; padding:42px 0 0 0; clear:both; display:block; margin:0; } 	

.caja{float:left; padding:0; margin:0 0 1em 0; clear:both; display:block; width:99%;  }
.bi {float:left; text-align:right; width:300px; }
.bd {float:left; text-align:left;  }
.bd h1 {width: 605px; text-indent:-10px; padding: 0 0 0 16px; /*border:#000099 1px solid; */ }


/*
.bip{float:left;  width:55%; text-align:right;  min-width: 550px; margin: 20px 10px ;  }
.bdp{float:right; width:42%; text-align:left;   background:#FFFFFF; padding: 3px; border: #FF0000 1px solid  }
*/




/*--- bloque para proyectos  ci= columna izq / 	cd= columna der /	cc= caja columna   --*/


/*
.ci {float:left;  width:18%; text-align:left; margin: 0 0 0 320px; 	padding: 3px;    }
.cd {float:right; width:42%; text-align:left; margin: 0 0 0 0;   	padding: 3px;    }
*/

.cc {width:auto;  margin: 0 0 0 320px; 			/* border: #CC0000 2px solid; */ }

.ci {
		width:33%;
		float:left;
		padding-bottom:10px;
/*		 border:#009966 1px solid; */
		}
	
.cd {
		width:33%;
		float:left;
		padding-bottom:10px;
/*		border:#CC6600 1px solid */
		}
/*
.ci {float:left;  width:30%; text-align:left; 
		margin: 0 0 0 0;	padding: 3px;   width: 365px;   }
.cd {float:right; width:35%; text-align:left; 
		margin: 0 0 0 0;   	padding: 3px;     				 }
*/
.cd p {margin:0; padding: 0 0em 0 1em; 
		/* border-right: 1px solid #990000;  */
		clear:both; display:block; }


.ci h3 {margin:1em 0 0em 0;}
.cd h3 {margin:1em 0 0em 0;}
.cd ul, .ci ul {margin:0 0 0 2em; }
.cd li, .ci li {margin:0.5em 0 0 0; }


.rcol {
		width:33%;
		float:left;
		padding-bottom:10px;
/*		 border:#009966 1px solid; */
		}
	
.ccol {
		width:33%;
		float:left;
		padding-bottom:10px;
/*		border:#CC6600 1px solid */
		}
	
.lcol {
		width:33%;
		float:left;
		padding-bottom:10px;
/* 		border:#993399 1px solid; */
		}


.rcol ul, .ccol ul , .lcol ul { padding:10px 10px ; margin:0; list-style-type:none;}
.rcol li, .ccol li , .lcol li { padding:2px 0px; }


/*--- bloque para listados
	ci= columna izq
	cd= columna der
--*/

.bip{float:left;  width:55%; text-align:right;  min-width: 550px; margin: 20px 10px ;  }
.bdp{float:right; width:35%; text-align:left;   background:#FFFFFF; padding: 3px }

.bip p {margin:0; } 
.bdp h2 {margin:1em 0 0.5em 0px; font-size: 105%; letter-spacing:0em} 
.bdp h3 {margin:0 2.5em 0.5em 0px;} 
.bdp p {margin:0; } 	
.bdp ul {list-style-type:none; margin: 0 2em}

.bdp span {font-size: 100%;}

.fin {margin:3em 0 3em 0; clear:both; display:block; padding-bottom:0em;  } 

.bi p { margin: -4px 15px 0 0; font-size:90%} 
.bi span {font-size: 80%} 
.bi img {padding:10px; border: #990000 1px solid  }
.bi .dir {font-size: 100%; text-align:left; padding: 0 0 0 150px;}

.data {float:right; margin: -2.3em 0.6em; /* font-weight:bold; */ letter-spacing:0.1em; clear:both; }
.datap {float:right;   margin: -2.3em 0.6em; font-size: 20em;    }



/*---- titulares -----*/
h1 {font-size: 190%; font-weight:bold; color:#990000; margin: 1em 0 0 0; line-height: 1.1em }
	/* 
	h2 {font-size: 120%; font-weight:bold; color:#333333; border-bottom: 2px #990000 solid; 
		clear:both; width:100%; display:block; margin: 1em 0 1em 320px  } 
	*/	
h2 {font-size: 140%; font-weight:bold;
	border-bottom: 2px #990000 solid ;  
	text-align:left; color:#333; clear:both;  
	margin:1em 0 0.5em 320px; letter-spacing:0.05em} 	
	
h2 a:link, h2 a:visited, h2 a:focus, h2 a:hover 	
 { color:#333; background:transparent; text-decoration:none; }

h3 {font-size: 115%; font-weight:bold;
	text-align:left; color:#222; color:#990000; 
	margin:0.5em 0 0.5em 320px; letter-spacing:0.05em} 



a[href$='.pdf'] {
padding-right: 22px;
padding-bottom: 3px;
background: transparent url("files/icon_pdf.jpg") no-repeat top right;
}

.iconPDF {background: transparent url("files/icon_pdf.jpg") no-repeat center left; padding-left: 20px;}




/* --- portada ---*/
.portada {
padding:0; 
background:transparent url("files/loading.gif") no-repeat 100px center;  
clear:both; display:block; 
text-align: left;
height: 450px;  
margin:0 0 0 320px; overflow:hidden; 
max-height: 450px; border:#990000 0px solid; }


.foto {
padding: 10px;  
background: transparent url("files/loading.gif") no-repeat center center;  
clear:both; display:block; 
text-align: left; 
margin: 0 0 15px 320px;
height:290px; width:440px; 
border:#990000 1px solid; }




/*---- TOP PANEL ----*/
#header		{ 
	width: 100%;
	height:4em; 
	position:relative; margin:0 auto; 
	padding:0px; background:#990000;
	border-bottom:#990000 1px solid ; 
	}
#title {
	position:relative;
	float:left;	padding:0; margin:0; 
	background:#FFFFFF;
	height: 3.9em;
	width: 300px;
	border: #990000 1px solid;}
#title h1 {	margin: 10px 5px 0 0; text-align:center;	font-size: 170%; }
#title h1 span{	color: #666666}	
#title a:link,  #title a:visited { color:#000; background:transparent;}
#title a:focus, #title a:hover  { color:#990000; background:transparent;}


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

#menu {
	position:absolute;
	left: 305px;
	top: 2.1em;
	float:left;
/*	width:100%; */
	padding:0 0 1.75em 0em;
	margin:0 0 0 8px;
	list-style:none;
	line-height:1.5em; 
	font-size: 105%;
	font-family:Arial, Helvetica, sans-serif;

}

#menu LI {
	float:left;
	margin:0;
	padding:0;
}

#menu a {
	display:block;
	color:#e8e8e8;
	text-decoration:none;
	font-weight:bold;
	background:transparent;
	margin:0 0.2em;
	padding:0.15em 1.2em;
	border:1px solid #fff;
}

#menu a:hover,
#menu a:active,
#menu a.here:link,
#menu a.here:visited {
	background:#fff;
	color: #990000;
}

#menu a.here:link,
#menu a.here:visited {
	position:relative;
	z-index:102;
}

/* --- Sub MENU --- */

#menu UL {
	position:absolute;
	left:0;
	top:2.2em; 
	float:right;
	background:transparent;
	color:#990000;
 	width:200%;
	margin:0;
	padding:0.25em 0em 0.25em 0em;
	list-style:none;
/*		border: 1px solid #333300; */
}

/* --- Sub MENU Estudi --- */
#est { 
	/* border: 1px solid #333300;	 */
	 }

#est li {display:block; clear:both;}




/* hack para Internet Explorer */
/*\*/
* html #menu UL {width:auto;}

#menu UL LI {
	float:left;
	display:block;
	margin-top:1px;
}

#menu UL a {
	background:transparent;
	color: #666666;
	display:inline;
	margin:0;
	padding:0 1em;
	border:0
}

#menu UL a:hover,
#menu UL a:active,
#menu UL a.here:link,
#menu UL a.here:visited {
	color:#990000; 
	background:transparent;
}


/*--- Menu idioma ----*/

#menulang {
	position:relative; 
	float:right;
	padding:0 20px 0 0;
	margin:0;
	list-style:none;
/* 	line-height:1m; */
	font-size: 90%;
	font-family:Arial, Helvetica, sans-serif;
	top: -1px;
}

#menulang  LI {
	float:left;
	margin:0;
	padding:0;
}

#menulang a {
	display:block; 
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	background:transparent;
	margin:0 0.2em 0 ;
	padding:0 0.5em 0;
	border-right:1px solid #fff;
	border-left:1px solid #fff;
	border-bottom:1px solid #fff;
}

#menulang a:hover,
#menulang a:active,
#menulang a.here:link,
#menulang a.here:visited {
	background:#fff;
	color: #990000;
}

#menulang a.here:link,
#menulang a.here:visited {
	position:relative;
	z-index:103; 
}


/* FOOTER */

* html div#footer {left: 0; top: 0px; }


div#footer {
position: fixed; 
bottom: 0; 
left: 0;
width: 100%;
height: 2.5em;
z-index: 5000;
font-size: 75%; font-family:Arial, Helvetica, sans-serif;
background:#fff url("files/linea.gif") repeat-x;
}

div#footer p {
float: left; 
margin: 5px 0 0 0;
position: relative;
padding: 0 0 0 5px;
}

div#footer ul {
float: right; 
margin: 5px 0 0 0;
position: relative;
padding:0 5px 0 0; list-style:none; 
}
div#footer li {float:left;  padding:0; margin:0 2px }


div#footer a:hover 	{color:#990000; background:transparent;}
div#footer a 		{color:#666666; background:transparent;}