@charset "ISO-8859-1";

/* General Reset
--------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}




/* General
--------------------------------------------------*/

body {
	font-size: 62.5%;
	font-family: 'Trebuchet MS', 'verdana', 'arial', sans-serif;
	background:#fff;
	color:#000;
      } 

p, a {
	font-size: 1.4em;
	line-height: 1.6em;
}

a {
	color: blue;
}	

a:hover {
	color: orange;
}

a:visited {
	color: purple;
	}

h1 {
	font-size: 2.5em;
}

h2 {
	font-size: 2em;
}

h3 {
	font-size: 1.75em;
}

h1, h2 {
	font-family: 'Impact', 'Arial Black', sans-serif;
	letter-spacing: 1px; 
	font-weight: normal;
	margin-bottom: 0.5em;
}

h3 {
	font-family: 'Georgia', 'Trebuchet MS', 'verdana', 'arial', sans-serif; 
	font-weight: normal;
	margin-bottom: 0.5em;
}

div.clearer {
	clear: both; 
	}


/* Header
--------------------------------------------------*/

#header {
	float: left;
	width: 100%;
	height: 80px;
	position: relative;
	background: #FFFFFF;
	margin-top: 4px;
	border-top: 3px solid #3E3B93;
	border-bottom: 3px solid #3E3B93;
}

#header img {
	position: absolute; 
	top: 0px; 
	left: 0px;
	}

#header p.direccion {
	float:right;
	font-family: 'Georgia', 'Trebuchet MS', 'verdana', 'arial', sans-serif; 
	font-size: 1.25em;
	text-align: right;
	color: #2D2B6B;
	line-height: 1.4em;
	padding: 0.5em 1em;
	}
	
	
#header h3 strong {
	color: #000000;
	}


#header ul {
	position: absolute;
	bottom: 0;
	left: 30%;
	list-style: none;
}


#header li {
	float: left;
	background: url(../images/all_left.gif) no-repeat left top;
	margin: 0;
	padding: 0 0 0 9px;
}


#header li a {
	display: block;
	background: url(../images/all_right.gif) no-repeat right top;
	padding: 3px 15px 2px 6px;
	color: #2D2B6B;
	text-decoration: none;
}


#header li:hover {
	background-position: 0% -150px;
	color: #FFFFFF;
}

#header li.active:hover {
	background-position: 0% -300px;
}

#header li:hover a {
	background-position: 100% -150px;
	color: #FFFFFF;
}



#header .active {
	float: left;
	background-image: url(../images/all_left.gif);
	background-position: 0% -300px;
	margin: 0;
	padding: 0 0 0 9px;
}

#header .active p {
	background-image: url(../images/all_right.gif);	
	background-position: 100% -300px;
	padding: 3px 15px 2px 6px;
	color: #fff;
}


/* MainTop
--------------------------------------------------*/

.primary #mainTop {
	float: left;
	width: 100%;
	height: 100%;
	background: url(../photos/panoramica-sky-bg.jpg) top left repeat-y;	
	border-bottom: 3px solid #3E3B93;
}


.primary #mainTop h1 {
	background: #3E3B93; 
	color: #EEE; 
	height: 1.4em;
	line-height: 1.4em; 
	padding: 10px 0px 10px 15px; 
	margin: 20px 0px 0px 0px;  
	}

.primary #mainTop h1 strong {
	color: #FFF; 
	font-size: 1.5em;
	font-weight: bold;
	}
	
.primary #mainTop h1 em  {
	font-style: normal;
	}
	
.primary #mainTop img {
	display:block;
	height: 175px;
	width: 100%;
	}	

.secondary #mainTop {
	float: left;
	width: 100%;
	height: 150px;
	background: url(../photos/sky-bg.jpg) top left repeat-y;	
	border-bottom: 3px solid #3E3B93;
}

.secondary #mainTop h1 {
	background: #3E3B93; 
	color: #EEE; 
	height: 1.2em; 
	line-height: 1.2em; 
	padding: 10px 0px 10px 15px; 
	margin: 20px 0px 0px 0px;  
	}

.secondary #mainTop h1 strong {
	color: #FFF; 
	font-size: 1.3em;
	font-weight: bold;
	}

.secondary #mainTop h1 em  {
	font-style: normal;
	}
	
.secondary #mainTop img {
	display:block;
	height: 80px;
	width: 100%;
	}	
	
/* MainBottom
--------------------------------------------------*/

#mainBottom {
	float: left;
	width: 100%;
	display: block;
	position: relative;
	}

.item {
	position: relative;
	float: left;
	left: 100%;
	}

.primary .sap-content {
	padding: 5px;
	}


/* LeftContent
--------------------------------------------------*/

.primary #leftContent {
	margin-left: -100%;
	width: 25%;
}

.secondary #leftContent {
	margin-left: -100%;
	width: 225px;
	z-index: 100;
}

.secondary #leftContent ul#secondaryMenu {
	margin: 0 auto;	
	width: 200px;
	padding: 10px;
	list-style: none;
}


.secondary #leftContent ul#secondaryMenu li h2 {
	color: #FFFFFF;
	background: url(../images/secondary_nav_top.gif) no-repeat left top;
	margin: 0;
	padding: 5px 25px;
	width: 100%;
}


.secondary #leftContent ul#secondaryMenu li a {
	display: block;
	color: #000000;
	background: url(../images/secondary_nav.gif) no-repeat left top;
	margin: 0;
	padding: 7px 25px;
	text-decoration: none;
}

.secondary #leftContent ul#secondaryMenu li a:hover {
	background-position: 0% -50px;
	color: #FFFFFF;
}

.secondary #leftContent ul#secondaryMenu li a.active {
	display: block;
	color: #000000;
	background: url(../images/secondary_nav.gif) no-repeat 0% -102px;
	margin: 0;
	padding: 7px 25px;
	text-decoration: none;
}


.secondary #leftContent ul#secondaryMenu li a#menu_bottom {
	display: block;
	color: #000000;
	background: url(../images/secondary_nav_bottom.gif) no-repeat left top;
	margin: 0;
	padding: 5px 25px 22px;
	text-decoration: none;
}

.secondary #leftContent ul#secondaryMenu li a#menu_bottom:hover {
	background-position: 0% -50px;
	color: #FFFFFF;
}

.secondary #leftContent ul#secondaryMenu li a#menu_bottom.active {
	display: block;
	color: #000000;
	background: url(../images/secondary_nav_bottom.gif) no-repeat 0% -100px;
	margin: 0;
	padding: 5px 25px 22px;
	text-decoration: none;
}


/* CenterContent
--------------------------------------------------*/

.primary #centerContent {
	margin-left: -75%;
	width: 50%;
}

.primary #centerContent .topcon {
	position: absolute;	
	top: -130px;
	left: 45%;
}

.secondary #centerContent {
	margin-left: -100%;
	width: 100%;
}

.secondary #centerContent .sap-content {
	padding: 0px 275px 0px 230px;
}


/* RightContent
--------------------------------------------------*/

.primary #rightContent {
	margin-left: -25%;
	width: 25%;
}


.primary #rightContent .escudo {
	float: right;
	margin: 0px 0px 0px 0px;
}


.secondary #rightContent {
	margin-left: -275px;
	width: 275px;
	z-index: 100;
}

.secondary #rightContent img {
	float: left;
	margin: 10px 20px;
}



/* Footer
--------------------------------------------------*/

#footer {
	float: left;
	clear: both;
	width:100%;
	padding: 10px 0px;
}


#footer p {
	color: #666666;
	font-size: 1em;
	width: 90%;
	margin: 0 auto;
	text-align: center;
	line-height: 2.5em;
}

#footer p.logos {
	text-indent: -20px;
}

#footer a {
	color: blue;
	font-size: 1em;
}

#footer img {
	margin: 0px 5px 0px;
}

/* roundedCornerBoxes
--------------------------------------------------*/



/* GreenBox
--------------------------------------------------*/

.greenBox			{ background: #8db300; border: 1px solid #8db300; position: relative; margin: 10px 0px;}
.greenBox .tl		{ position: absolute; width: 14px; height: 14px; background: url(../images/green-tl.gif); top: -1px; left: -1px; }
.greenBox .tr		{ width: 14px; height: 14px; background: url(../images/green-tr.gif); position: absolute; top: -1px; right: -1px; }
.greenBox .bl		{ width: 14px; height: 14px; background: url(../images/green-bl.gif); position: absolute; bottom: -1px; left: -1px; }
.greenBox .br		{ width: 14px; height: 14px; background: url(../images/green-br.gif); position: absolute; bottom: -1px; right: -1px; }
.greenBox .inside	{ padding: 20px; }
.greenBox .colegio 	{ width: 100%; height: 100%; overflow: hidden;}
.greenBox p 		{ color: #333; }
.greenBox p.degree 	{ display:block; float: left; margin-top: 5px; font-size: 1.2em; line-height: 1.4em;}



/* BlueBox
--------------------------------------------------*/

.blueBox		{ background: #3e3b93; border: 1px solid #3e3b93; position: relative; margin: 10px 0px;}
.blueBox .tl		{ position: absolute; width: 14px; height: 14px; background: url(../images/blue-tl.gif); top: -1px; left: -1px; }
.blueBox .tr		{ width: 14px; height: 14px; background: url(../images/blue-tr.gif); position: absolute; top: -1px; right: -1px; }
.blueBox .bl		{ width: 14px; height: 14px; background: url(../images/blue-bl.gif); position: absolute; bottom: -1px; left: -1px; }
.blueBox .br		{ width: 14px; height: 14px; background: url(../images/blue-br.gif); position: absolute; bottom: -1px; right: -1px; }
.blueBox .inside	{ padding: 20px; }
.blueBox h2 		{ color: #FFF; }
.blueBox p 		{ color: #ccc; }


/* GrayBox
--------------------------------------------------*/

.grayBox		{ background: #eee; border: 1px solid #eee; position: relative; margin: 10px 0px;}
.grayBox .tl		{ position: absolute; width: 14px; height: 14px; background: url(../images/gray-tl.gif); top: -1px; left: -1px; }
.grayBox .tr		{ width: 14px; height: 14px; background: url(../images/gray-tr.gif); position: absolute; top: -1px; right: -1px; }
.grayBox .bl		{ width: 14px; height: 14px; background: url(../images/gray-bl.gif); position: absolute; bottom: -1px; left: -1px; }
.grayBox .br		{ width: 14px; height: 14px; background: url(../images/gray-br.gif); position: absolute; bottom: -1px; right: -1px; }
.grayBox .inside	{ padding: 20px; }
.grayBox h2, p , li	{ color: #2D2B6B; }
.grayBox a			{ font-size: 1em; }
.grayBox li 		{ font-size: 1.2em; list-style-position: inside; line-height: 1.4em; margin: 15px 0px; padding: 0px 10px;}
.grayBox img		{ margin: 5px; }

.grayBox .localizacion { width: 100%; height: 100%; overflow: hidden;}
.grayBox .localizacion img	{ float: left; margin-right: 25px;}
.grayBox .localizacion .direccion	{ float: left; padding: 20px 0 30px; font-size: 0.8em;}

.grayBox .accesos #map {width: 90%; height: 450px; margin: 15px auto;}
.grayBox .accesos #mapMarker {width: 150px; font-family: 'Trebuchet MS', 'verdana', 'arial', sans-serif; font-size: 1.4em; line-height: 1.2em; color:#2D2B6B;}