/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h2,h3,h4,h5,h6,pre,form,p,tr,th,blockquote,fieldset,input { margin: 0; padding: 0; }
/* Headings */

h1, h2, h3, h4 { 

	margin-bottom:.8em; 

	line-height:1.4em; 

	}

h1 { margin-bottom:.4em; font-size:1.5em; font-weight:normal; }

h2 { margin-bottom:.6em; font-size:2.2em; font-weight: lighter; color:#333333; }

h3 { font-size:1.2em; border-bottom:1px solid #ccc; color:#158AAF; }

h4 { font-size:1.3em; }

h5 { font-size:1.7em; color: #AA0001;}
h6 { font-size:1em; color: #AA0001;}
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
a
{
  outline: none;
  text-decoration: none;
  color:#114F55;
}
a:hover
{
  outline: none;
  text-decoration: underline;
  color:#019CA5;
}
.stretch{
cursor:pointer;
}
/* TYPE */
body {
	background-color: #fff;
	margin: 0 auto; padding: 0;
    font-size: 12px;
	font-family: lucida grande, "Lucida Grande", sans-serif;
	color: #555;
	}
/* Header*/
#header {
	margin: 0 auto; padding: 0;
	background: #464646;
}
#header-top {
    width: 760px;
	margin: 0 auto;
}
#header-top h1 {
    float: left;
	margin: 20px 0 0 0; padding: 0;
	width: 190px;
	height: 60px;
	display:block;
	text-indent: -99999px;
	background: #464646 url(../images/logo3.png) top left no-repeat;
}

.topnav {
    background: #464646;
	border: none;
	cursor: pointer;
	font-size: 13px;
	line-height: 200%;
	color: #fff;
	text-align: center;
	width: 280px;
	height: 30px;
	position: absolute;
	float: right;
	top: 15px;
	right: 40px;
}
a.topnav .over, a.topnav:visited .over {
	color: #FFFFFF;
	text-decoration: none;
}
a.topnav:hover .over, a.topnav:active .over {
	color: #FFFFFF;
	text-decoration: underline;
}
/*END  Header*/	
/* MENU */
#menu  {
    width: 760px;
 	margin: 0 auto;
}
#menu ul {
	list-style: none;
	padding: 0;
	margin: 0 auto;
    float: right;
	
}

#menu ul li { float: left;}

#menu ul li  a{
	font-weight: normal;
	display: block;
	color: #999;
	text-shadow: #333 1px 1px 1px;
	font-size: 14px;
	padding: 9px 11px;
	margin: 0;
	text-decoration: none;
}
#menu ul li a:hover { color:#fff;}
#menu ul li a.cur {
	color: #555;
	background: #DAEDFC;
	-moz-border-radius-topleft: 3px;
	-khtml-border-top-left-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	border-top-left-radius: 3px;
	-moz-border-radius-topright: 3px;
	-khtml-border-top-right-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	border-top-right-radius: 3px;
	text-shadow: #c6d9e9 1px 1px 1px;
}
#header ul li a.alumnos {
	background: #d54e21 url(images/download-tab-bg.png) bottom left repeat-x;
	color: #fff;
	-moz-border-radius-topleft: 3px;
	-khtml-border-top-left-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	border-top-left-radius: 3px;
	-moz-border-radius-topright: 3px;
	-khtml-border-top-right-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	border-top-right-radius: 3px;
	text-shadow: #b5421c 1px 1px 1px;
}

#header ul li a.alumnos:hover {
	color: #ffac90;
}

/* END MENU */
/* header top */
#titulo { display:block; width:760px;	margin: 0 auto;}
#titulo h1 { float:left; width:700px; height:25px; margin: 20px; text-indent:-99999px; border-bottom: 1px solid #CFCFCF; background: url(../images/mainbg.png) no-repeat;}
#titulo  h1.preu {background-position: -25px -416px;}
#titulo  h1.psu {background-position: -25px -491px;}
#titulo  h1.colegio {background-position: -25px -566px;}
/* billboard */
#billboard { background: url("../images/panelweb.png") no-repeat scroll center center transparent; position: relative; width:760px; height: 450px;  margin: 10px 0 20px; }
#billboard2 { width:760px; padding-top: 20px;  margin: 0 auto;}
#billboard h2,#billboard2 h2  { margin:-73px 0 0; text-align:center; }
.imgborde {    
  float:left;
  border:solid 2px #E0E0E0;
  padding:6px;
  margin-right:10px; }
.imgleft { float:left; margin-right:10px; }
.imgright { float:right; margin-left:10px; }

/* End billboard */
/* Box */
#boxmain { margin: 0 25px; padding: 0;}
.menubu {
	margin: 0;
	padding: 0;
	list-style: none;
}
.menubu li {
	padding: 0;
	margin: 0 2px;
	float: left;
	position: relative;
	text-align: center;
}
.menubu a {
	float: left;
	display: block;
	padding: 0;
	width:160px;
	height:80px;
	cursor: pointer;
	text-indent: -9999px;
}
.menubu a.preu { background:url(../images/boxes.png) no-repeat}
.menubu a.psu { background:url(../images/boxes.png) no-repeat scroll -160px}
.menubu a.colegio { background:url(../images/boxes.png) no-repeat scroll -320px}
.menubu a.blogs { background:url(../images/boxes.png) no-repeat scroll -480px}
.menubu li em {
	background: url(images/hover2.png) no-repeat;
	width: 180px;
	height: 45px;
	position: absolute;
	top: -85px;
	left: -20px;
	text-align: center;
	padding: 20px 12px 10px;
	font-style: normal;
	z-index: 2;
	display: none;
} 
/* End box */
#wrap {	margin: 0 auto; padding: 0; width: 760px; background:#fff; }
#wrap2 { margin: 0 auto; padding: 0; width: 760px; }
.bg { background: url(../images/bg.png) repeat-x top left;}
#container-bo { height: 15px; width: 760px; margin: 0 auto; background: url(../images/mainbg.png) no-repeat; background-position: -25px -285px;}
#main {
	width: 760px;
	margin: 0 auto;
	padding: 0;
}
/* Footer */
#footer {
	clear:both;
	position:relative;
	width:100%;
	height:600px;
	color: #EAE9E9;
	padding-top: 80px;
	background:#372A03 url(../images/footer-bg2.gif) repeat-x top left;
}
#footer-wrap { display: block; margin: 0 auto; width: 760px; height: 350px;}
#footer-bo { margin: 0 auto; padding: 20px; width: 650px; height: 70px; border-top: 2px solid #E2D49A; }
#sub-footer { margin: 0 auto; padding: 100px 0 0 0; width: 760px; height: 20px; }	
#footer h3{ color:#FF9800; border: 0; }
#col1, #col2, #col3, #col4, #col5 {
	float: left;
	display: block;
	padding: 0;
	margin: 5px;
}


#col6, #col7, #col8, #col9, #col10 {
	float: left;
	display: block;
	padding: 0;
	margin: 20px;
}
#footer ul li a { 
    color: #E2D49A;
	display: block;
	width: 130px;
	height: 25px;
	padding: 5px 3px 1px 3px;
	text-decoration:none;
	border-bottom: 1px solid #E2D49A;
	}
#footer ul li a:hover { 
    background: #fff;
    color: #252525; 
	display: block;
	width: 130px;
	height: 25px;
	padding: 5px 3px 1px 3px;
	text-decoration:none;
	font-weight: bold;
	}
/* End Footer */	
/* Sidebar ajax */
/* left sub nav */
#sidebo{ position:absolute; width:150px; height:50px; left:25px; top:330px; }
.slide {  background: #fff; }
.mini { float: left; margin:0 0 -3px 0; padding:5px 4px 0px 2px; width:16px; height:16px; background: url(../images/telephone.gif) no-repeat;}
.yebox { display: none; border: 1px solid #FED626; border-left: 1px solid #FED626; border-top: 1px solid #FED626; background-color: #FFF7C0; padding: 3mm; margin-top: 150px; text-align:center;}
.fotos { float:left; margin: 0 10px;}
#right { position:absolute; left: 220px; width:530px; margin-top: -20px;}
#con { margin: 0 auto; display:block; width:760px; height:650px; }
#conpsu {margin: 0 auto; background: #fff; position:relative; display:block; width:758px; border-left: 1px solid #C2C2C2; border-right: 1px solid #C2C2C2; padding-top: 20px;}
.height1 { height: 1420px;}
.height2 { height: 750px;}
.height3 { height: 450px;}
#homewrap {display:block; margin: 0 auto; width:758px; height:inherit;}
/* End Sidebar ajax */

/* acordion */
.basic  {
    float: left;
	width: 480px;
}
.basic div {
	background-color: #EAF4FA;
}

.basic p {
    color: #333;
	margin-bottom : 10px;
	border: none;
	text-decoration: none;
	font-size: 12px;
	margin: 0px;
	padding: 10px;
}
.basic a.aco {
	cursor:pointer;
	display:block;
	padding:4px;
	margin-top: 0;
	text-decoration: none;
	font-size: 12px;
	color: #fff;
	background-color: #0A818A;
	border-top: 1px solid #FFFFFF;
}
.basic a.aco:hover {
    color: #fff;
	background-color: #0CA8BB;
}
.basic a.aco.selected {
	color: #fff;
	background-color: #072732;
}


@media print {
	.basic div, #navigation ul, #list2 dd, #list3 div{
		display: block!important;
		height: auto!important
	}
}
/* End acordion */

/* LAYOUT */
.clear { clear:both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


/* Table */
table.ruler {
      background-color: #ffffff;
      border-collapse: collapse;
      color: #000000;
	  margin-left:auto; margin-right:auto;
      text-align: center;
    }

table.ruler tr.stripe-even {
      background-color: #F0F0F0;
    }

table.ruler tr:hover {
      background-color: #3d80df;
      color: #ffffff;
    }

table.ruler td {
      background-color: inherit;
      border-style: none;
      padding: 0;
	  width:80px;
    }

table.ruler td:first-child {
      background-color: inherit;
      border-left: inherit;
    }
.bet, .bet:hover {
  background: #323232;
  color: #fff;
  }
  
.right-home { float:right; margin: 0 45px 0 0 }  
.caption {
	float: left;
	font-size: 12px;
	height: 230px;
	padding: 20px 0 0 30px;
	width: 350px;
	margin: 0;	
}

.caption h1 {
	display:block;
	text-indent: -99999px;
	background: url(../images/home-h3.png) top left no-repeat;
	width:360px;
	height:40px;
	margin: 0;
}

.caption p {
	color: #333333;
	font-size: 1.2em;
	line-height: 20px;
	margin: 20px 0 20px 0;
}
/* Overlay */
#contact-overlay {background-color:#000; cursor:wait;}

/* Container */
#contact-container {width:420px; left:50%; top:15%; margin-left:-210px; font-family:'Trebuchet MS', Verdana, Arial; font-size:16px; text-align:left;}
#contact-container .contact-content {background-color:#333; color:#ddd; height:40px;}
#contact-container h1 {color:#d76300; margin:0; padding:0 0 6px 12px; font-size:1.2em; text-align:left;}
#contact-container .contact-loading {position:absolute; background:url(../img/contact/loading.gif) no-repeat; z-index:8000; height:55px; width:54px; margin:-14px 0 0 170px; padding:0;}
#contact-container .contact-message {text-align:center;}
#contact-container .contact-error {width:92%; font-size:.8em; background:#000; border:2px solid #ccc; font-size:0.8em; font-weight:bold; margin:0 auto; padding:2px;}
#contact-container br {clear:both;}
#contact-container form {padding:0; margin:0;}
#contact-container label {clear:left; display:block; width:100px; float:left; text-align:right; padding-right:4px; font-weight:bold;}
#contact-container .contact-input {font-family:'Trebuchet MS', Verdana, Arial; float:left; padding:2px; margin:2px; background:#eee; border:1px solid #fff; width:250px;}
#contact-container textarea {height:84px;}
#contact-container .contact-top {height:13px; background:url(../img/contact/form_top.gif) no-repeat; padding:0; margin:0;}
#contact-container .contact-bottom {height:13px; background:url(../img/contact/form_bottom.gif) no-repeat; font-size:.7em; text-align:center;}
#contact-container .contact-bottom a,
#contact-container .contact-bottom a:link,
#contact-container .contact-bottom a:active,
#contact-container .contact-bottom a:visited {position:relative; top:-4px; text-decoration:none; color:#666;}
#contact-container .contact-bottom a:hover {color:#888;}
#contact-container .contact-button {margin:4px 0 0 4px; cursor:pointer; height:24px; border:0; font-size:1em; font-weight:bold; color:#fff; text-align:center; vertical-align:middle;}
#contact-container .contact-send {width:50px; background:url(../img/contact/send.png) no-repeat;}
#contact-container .contact-cancel {width:65px; background:url(../img/contact/cancel.png) no-repeat;}
#contact-container a.modalCloseX,
#contact-container a.modalCloseX:link,
#contact-container a.modalCloseX:active,
#contact-container a.modalCloseX:visited {text-decoration:none; font-weight:bold; font-size:1.2em; position:absolute; top:-2px; left:400px; color:#999;}
#contact-container a.modalCloseX:hover {color:#9bb3b3;}  
  /* ANUNCIOS */
#anuncios{
	width:760px;
	height:48px;
	margin-top: 30px;
	margin-bottom: 10px;
	clear:both;
	position:relative;
	background:url(../images/anuncios-bg.png) no-repeat center;
}
#anuncios p{
	font-size:1.3em;
	position:absolute;
	top:14px;
	left:20px;
}
#anuncios p em {
	font-style:normal;
	font-weight:bold;
}