@charset "utf-8";
/*
Vermell: #c80505
Gris fosc: #676767
Gris clar: #8a8a8a
*/

body{
	font: 12px Arial, Verdana, Helvetica, sans-serif;
	background: #ededed;
	margin: 0;
	padding: 0;
	text-align: center; /* esto centra el contenedor en los navegadores IE 5*. El texto se ajusta posteriormente con el valor predeterminado de alineación a la izquierda en el selector #container */
	color: #8a8a8a;
}

img{ border: 0px; margin: 0 0 8px 0; }
p{ padding: 0 0 8px 0; margin: 0; line-height:18px; }
table{ padding: 0; margin: 0; line-height:18px; }
a, a:active, a:link, a:visited{ color: #c80505; text-decoration:none; }
a:hover{ text-decoration:underline; }
a img{ border: 0px; margin:0; }
ul{ margin:0 0 10px 25px; padding:0; }
ul li{ margin:0; padding:1px 0; }
ol{ margin:0 0 10px 25px; padding:0; line-height:18px; }
ol li{ margin:0; padding:3px 0; }

h1{ margin: 0; padding: 0; display: none; }

h2{ color: #c80505; margin: 0 0 8px 0; padding: 0; font-size: 18px; }
h2 a, h2 a:link, h2 a:active, h2 a:visited, h2 a:hover{ color: #c80505; text-decoration:none; }

h3{ color: #676767; margin: 0 0 5px 0; padding: 0; font-size: 14px; }
h3 a, h3 a:link, h3 a:active, h3 a:visited, h3 a:hover{ color: #676767; text-decoration:none; }

h4{ color: #c80505; margin: 0 0 5px 0; padding: 0; font-size: 13px; }
h4 a, h4 a:link, h4 a:active, h4 a:visited, h4 a:hover{ color: #c80505; text-decoration:none; }

h5{ color: #676767; margin: 0 0 5px 0; padding: 0; font-size: 12px; }
h5 a, h5 a:link, h5 a:active, h5 a:visited, h5 a:hover{ color: #676767; text-decoration:none; }

h6{ color: #676767; margin: 0 0 5px 0; padding: 0; font-size: 11px; }
h6 a, h6 a:link, h6 a:active, h6 a:visited, h6 a:hover{ color: #676767; text-decoration:none; }

h7{ color: #676767; margin: 0 0 5px 0; padding: 0; font-size: 10px; }
h7 a, h7 a:link, h7 a:active, h7 a:visited, h7 a:hover{ color: #676767; text-decoration:none; }

.clear{ clear: both; padding: 0px; margin: 0px; height: 0px; }

.float_left{ float: left; }
.float_right{ float: right; }

.text_center{ text-align:center; }
.text_bold{ font-weight:bold; }

/*-------------- ESTRUCTURA --------------*/
#container{
	width: 970px;
	background: #FFFFFF;
	margin: 0 auto;
	text-align: left; /* esto anula text-align: center en el elemento body. */
}
#mainContent{ padding: 20px 0px; }

#header{ margin: 0 0 20px 0; }
#header .left{ width: 266px; height: 122px; float: left; margin-left: 10px; }
#header .right{ float: right; width: 660px; margin-top: 22px; }
#sub-header{ position:relative; }

#footer{ margin: 0; padding: 5px; background: #dbe0f2; text-align: center; font-weight: bold; }

.column_640px{ width:640px; float:left; padding-left:20px; }
.column_350px{ width:350px; float:left; padding-left:20px; }
.column_270px{ width:270px; float:left; padding-left:20px; }


/*-------------- MENU --------------*/
ul.topnav{ width: 660px; float: left; margin: 20px 0 0 0; padding: 0; list-style: none; background: #a5a5a5; font-weight:bold; z-index:999; }
ul.topnav li{ float: left; position: relative; margin: 0; padding: 0; text-align:center; z-index:999; }
ul.topnav li a, ul.topnav li a:link, ul.topnav li a:active, ul.topnav li a:visited{ float: left; display: block; padding: 10px 0; color: #fff; text-decoration: none; z-index:999; }
ul.topnav li a:hover{ background: #c80505; color: #fff; padding: 10px 0; }
ul.topnav .current a{ background: #c80505; color: #fff; padding: 10px 0; }
ul.topnav li span{ width: auto; float: left; white-space: nowrap; z-index:999; }
ul.topnav li span.subhover{ cursor: pointer; }
ul.topnav li ul.subnav{
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 35px;
	background: #c5c4c4;
	margin: 0; padding: 0;
	display: none;
	z-index:999;
}
ul.topnav li ul.subnav li{ margin: 0; padding: 0; clear: both; text-align:left; }
html ul.topnav li ul.subnav li a, html ul.topnav li ul.subnav li a:link, html ul.topnav li ul.subnav li a:active, html ul.topnav li ul.subnav li a:visited{
	width: 139px; float: left; display: block; padding: 5px 8px; color: #fff; text-decoration: none;
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/ background: #c5c4c4; color:#c80505; }

ul.topnav li a.home{ width:70px; }
ul.topnav li a.quienes_somos{ width:135px; }
ul.topnav li a.profesorado{ width:110px; }
ul.topnav li a.alumnos{ width:90px; }
ul.topnav li a.formacion{ width:100px; }
ul.topnav li a.barcelona{ width:155px; }

/*-------------- ELEMENTS --------------*/
#buscador{ float: left; color: #a5a5a5; font-weight: bold; }
#buscador form{ margin: 0; padding: 0; }
#buscador form label{ margin: 0; padding: 0 0 5px 0; display:block; color: #8a8a8a; }
#buscador form input{
		width: 155px;
		border-top: 2px solid #676767;
		border-left: 1px solid #8a8a8a;
		border-right: 2px solid #8a8a8a;
		border-bottom: 1px solid #8a8a8a;
		font-size: 12px; color: #8a8a8a;
}
#buscador form input.submit{ width: 26px; height: 20px; padding: 0; margin-left: 6px; border: none; background: transparent url("../images/search_submit.gif") no-repeat; cursor: pointer; }

#idiomes{ float: right; color: #676767; font-weight: bold; margin-right: 25px; }
#idiomes a, #idiomes a:link, #idiomes a:active, #idiomes a:visited{ color: #676767; text-decoration: none; }
#idiomes a:hover, #idiomes a.active, #idiomes a:link.active, #idiomes a:active.active, #idiomes a:visited.active{ color: #c80505; text-decoration: none; }

#sub-header{ height: 250px; }
#sub-header #slideshow{ position: absolute; height: 250px; }
#sub-header #slideshow img{ position: absolute; top: 0; left: 0; z-index: 8; opacity: 0.0; }
#sub-header #slideshow img.active{ z-index: 10; opacity: 1.0; }
#sub-header #slideshow img.last-active{ z-index: 9; }

#sub-header ul.estudis{ width: 460px; position: absolute; bottom: 15px; right: 15px; padding: 0; margin: 0; z-index: 50; }
#sub-header ul.estudis li{ width: 220px; float: left; margin: 0 10px 0 0; list-style: url(../images/arrow_list.png) outside; }
#sub-header ul.estudis li a, #sub-header .estudis li a:link, #sub-header .estudis li a:active, #sub-header .estudis li a:visited{
	display: block; padding: 3px 0 3px 0; color: #FFF; font-weight: bold; text-decoration: none;
}
#sub-header ul.estudis li a:hover{ text-decoration:underline; }

/*#bloc_info{ border-bottom: 8px solid #dbe0f2; padding-bottom: 10px; margin-bottom: 10px; color: #676767; font-size: 17px; font-weight:bold; }*/
#bloc_info{ background:transparent url(../images/links_interes_bg.gif) repeat-y; margin:0 0 15px 0; padding: 0; }
#bloc_info img{ margin: 0; padding: 0; }
#bloc_info a, #bloc_info a:link, #bloc_info a:active, #bloc_info a:visited, #bloc_info a:hover{
		text-decoration:none; color: #c80505; display:block; padding:0 10px; margin:0; font-size:15px; font-weight:bold;
}
#bloc_info a img{ margin:0 0 0 10px; padding:0; }

#bloc_noticies{ height:238px; }

#bloc_links{ margin: 20px 0; }
#bloc_links img{ margin: 0; padding: 0; }
#bloc_links ul{ background:transparent url(../images/links_interes_bg.gif) repeat-y; margin: 0; padding: 12px 20px; list-style: none; }
#bloc_links ul li{ margin:0; padding:0; border:1px solid #ededed; }
#bloc_links ul li a, #bloc_links ul li a:link, #bloc_links ul li a:active, #bloc_links ul li a:visited{
	display:block; padding:2px 0; color: #8c8c8c; font-weight: bold; text-decoration: none;
}
#bloc_links ul li a:hover{ color: #c80505; text-decoration: none; }
#bloc_links ul li img{ margin-left: 10px; }

/*-------------- GENERAL --------------*/
ul.subopcions{ padding: 0; margin: 15px 0 20px 15px; font-size:13px; }
ul.subopcions li{ margin: 0; padding: 0; list-style: url(../images/arrow_list2.png) outside; }
ul.subopcions li a, ul.subopcions li a:link, ul.subopcions li a:active, ul.subopcions li a:visited{
	display: block; padding: 3px 0 3px 0; color: #676767; font-weight: bold; text-decoration: none;
}
ul.subopcions li a:hover{ text-decoration:underline; }

ul.searchResults{ padding: 0; margin: 15px 0 20px 15px; font-size:13px; }
ul.searchResults li{ margin: 0; padding: 0; list-style: url(../images/arrow_list2.png) outside; }
ul.searchResults li a, ul.searchResults li a:link, ul.searchResults li a:active, ul.searchResults li a:visited{
	display: block; padding: 3px 0 3px 0; color: #8a8a8a; font-weight: normal; text-decoration: none;
}
ul.searchResults li a:hover{ text-decoration:underline; }

.gallery{ margin: 0 0 20px 0; padding: 0; }
.gallery a{ margin: 0 8px 0 0; padding: 0; }
.gallery a img{ margin: 0 0 8px 0; padding: 0; }

.pagenavigator{ clear:both; margin:20px 0 0 0; padding:0; text-align:center; word-spacing:3px; }
.pagenavigator .current{ color:#676767; font-weight:bold; }

.link_a_noticies{ padding: 8px 0 0 0; }

table.ofertas_empleo thead{ background:#c80505; color:#FFF; }
table.ofertas_empleo thead th{ padding:2px 5px; }
table.ofertas_empleo tbody td{ padding:2px 5px; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; }

form.general label{ display:block; margin:0; padding:0 0 5px 0; }
form.general input{ width:76%; margin:0 0 10px 0; padding:2px; border: 1px solid #8A8A8A; font: 11px Arial, Verdana, Helvetica, sans-serif; }
form.general textarea{ width:75%; margin:0 0 10px 0; padding:5px; border: 1px solid #8A8A8A; font: 11px Arial, Verdana, Helvetica, sans-serif; }
form.general .buttonblock input{ width:120px; margin:5px 0; padding:2px; cursor:pointer; background:#c80505; border: 1px solid #676767; color:#ffffff; font-size:11px; }

.button, .defaultbutton{ width:120px; margin:5px 0; padding:2px; cursor:pointer; background:#c80505; border: 1px solid #676767; color:#ffffff; font-size:11px; }

.warning{ border: 4px solid #ae9c78; margin:10px 0; padding:10px 10px 5px 10px; }
.warning h2{ color: #66595b; margin: 0 0 8px 0; padding: 0; font-size: 16px; font-weight:bold; border:0; }