/* CSS Document

 
 Diseñado y creado por STI Vilanova
  Eduard Busquets
  Cristian Martinez

***********************************************************************  
 Licencia Creative Commons
***********************************************************************

Esta obra está bajo una licencia Reconocimiento-No comercial-Sin obras derivadas 2.5 España de Creative Commons. 
Para ver una copia de esta licencia, visite http://creativecommons.org/licenses/by-nc-nd/2.5/es/ 
o envie una carta a Creative Commons, 559 Nathan Abbott Way, Stanford, California 94305, USA.

Todo uso comercial o modificación del código será delito penal. Pude publicarse este codigo siempre que se haga mencion a los autores originales.

Mail de contacto: sti@stivilanova.com

*/

#Centrada { 
	position:absolute;
	top:50%;
	left:50%;
	width:760px;
	height:423px;
	margin-left:-380px;
	margin-top:-211px;
}
#izquierda{
	position:absolute;
	background-color:#870099;
	height:430px;
	width:100px;
}
.contador{
	position:absolute;
	bottom:0px;
	left:5px;
	width:15px;
	color:#DCC0DA;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:bold;
	border-style:none;
	text-align:center;
	vertical-align:baseline;
}
.mail{
	text-decoration:none;
	color:#7C8386;
	}
a.mail:hover{
	text-decoration:underline;
}
.contacto{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	position:absolute;
	top:25px; 
	right:0px; 
	width:375px; 
	height:111px;
	color:#7C8386;
}
.contacto span{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#870099;
}

.arriba{
	position:absolute;
	top:0px; 
	right:0px; 
	width:140px; 
	height:140px;
	border-width:3px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-color:#870099;
}
.abajo{
	position:absolute;
	bottom:0px;
	right:0px;
	width:163px;
	height:60px;
	border-width:3px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-color:#870099;
}
.directora{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-align:right;
	position:absolute;
	top:140px; 
	left:60px; 
	width:140px; 
	height:111px;
	color:#7C8386;
}
.directora span{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
}

/*Menu lateral********************/
.menu_lateral{
	position:absolute;
	top:250px;
	left:15px;
	height:100px;
	border-width:1px;
	border-style:none;
}

.menu_lateral_div{
	position:relative;
	width:100px;
	height:20px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	border-width:1px;
	border-style:none;
	line-height: 18px;
}
.menu_lateral_div a{
	color:#FFFFFF;
	text-decoration:none;
}
.menu_lateral_div a:hover{
	background:#FFFFFF;
	color:#870099;
	text-decoration:none;
}
.menu_lateral_div a:visited{
}
.menu_lateral_apartado{
	position:relative;
	width:100px;
	height:20px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	border-width:1px;
	border-style:none;
	line-height: 18px;
}
.menu_lateral_apartado a{
	background:#FFFFFF;
	color:#870099;
	text-decoration:none;
}

/*Idioma**************************/
.idioma{
	text-align:center;
	position:absolute;
	top:19px;
	left:13px;
	width:27px;
	height:20px;
	padding:4px;
	border-style:none;
	border-width:0px;
}

.idioma a:hover img {
   	text-decoration: none;
	border-style:solid;
	border-width:1px;
	border-color:#FFFFFF;
}

.idioma img {
   /*border: 1px solid #ccc;
   padding: 10px;*/
	border:none;
}

div.remarcar{
	z-index:1;
}
div.remarcar a{
	border-width:1px;
	text-align:center;
	border-color:#870099;
	border-style:solid;
	background-color:#FFFFFF;
	z-index:1;
	width:150px; height:40px;
	display:block;
	color:#7C8386;
	font-family: Arial, Helvetica, sans-serif;
	overflow: hidden;
	padding: 0px;
	margin:0px;
	font-weight: bold;
	text-decoration:none;
}

.menu_hover{
	z-index:1;
}
.menu_hover a{
	border-width:1px;
	text-align:center;
	border-color:#870099;
	border-style:solid;
	background-color:#FFFFFF;
	z-index:1;
	width:150px; height:40px;
	display:block;
	color:#7C8386;
	font-family: Arial, Helvetica, sans-serif;
	overflow: hidden;
	padding: 0px;
	margin:0px;
	font-weight: bold;
	text-decoration:none;	
	background-color:#D2ADF1;
	color:#FFFFFF;
}
.inferior_derecha{
	position:absolute;
	text-align:right;
	top:460px;
	right:0px;
	width:200px;
	height:15px;
	color:#7C8386;
	border: none;
}
.inferior_izquierda{
	position:absolute;
	top:460px;
	left:0px;
	width:560px;
	height:15px;
	color:#7C8386;
	border: none;
}
.info{
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	color:#7C8386;
}
.fondo{
	position:absolute;
	top:5px;
	right:5px;
	width:631px;
	height:415px;
	z-index:0;
}

.info a{
        font-family: Arial, Helvetica, sans-serif;
	font-size:7px;
	font-weight:normal;
	color:#7C8386;
        text-decoration:none;


}
.info a:hover{
        font-family: Arial, Helvetica, sans-serif;
	font-size:7px;
	font-weight:normal;
	color:#7C8386;
        text-decoration:none;

}