/*---------------------- ESTRUCTURA GENERAL -------------------------*/
/* hacks varios, adivinen para q browser... */
html, body, #wraper {
    min-height: 100%; /* alto minimom FF y Safari */
    width: 100%;
    height: 100%; /* alto minimo para IE Windows */
    margin: 0;
    padding: 0
}

html>body #wraper {
    height: auto /* con este hack escondemos el min-height de IE*/
}
/* fin hacks varios */

body {
    background: url(bg.gif) repeat-x
}

#wraper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

#top,#header,#header2,#main,#main_index,#footer_content,#footer_content_index,#menu{
	position:relative;
	margin:0 auto 0 auto;
	width:760px;
    padding: 0
}
#footer,#footer_index{
    position: absolute;
    bottom: 0;
    width: 100%;
    height:7em /* esta altura debe ser menor que el padding bottom del main  */
}
#top{
	overflow:hidden
}
#header{
	text-align:center;
	background:url(head_bg.gif) repeat-x bottom;
	margin-bottom:3px;
	height:140px
}
* html #header{
	margin-top:-2px
}
#menu{
	background:url(barra_bg.gif) repeat-x bottom #960001;
	overflow:hidden
}
#main,#main_index{
	overflow:hidden;
	min-height:500px;
	padding:0;
	padding-top:20px;
    background: url(body_bg.gif) repeat-x #fff 1px 1px;
    border:1px solid #fff
}

* html #main,* html #main_index{
	overflow:visible;
	height:370px
}

/* ------------------------- BASICOS ------------------------- */
body{
	font-size:0.85em;
    font-family: Arial;
    color:#5f5f5b
}
/*para IE6*/
* html body{
	font-size:0.8em
}
/*para IE7*/
*:first-child+html body{
	font-size:0.8em
}
a{
	color:#960001
}
a:hover{
	text-decoration:none;
	color:#999
}
img{
	border:none;
}
h4{
	margin:0;
}
#central .listado{
	margin:0;
	margin-left:1.5em;
	padding:0;
	list-style:url(list_bullet.gif)
}
#central .listado li{
	margin:0.5em 0 0.5em 0
}
h5{
	color:#960001;
	font-size:1.1em;
	margin:0
}
h6{
	font-size:1.1em;
	margin:0
}
#central .listadonum{
	margin:0;
	padding:0;
	padding-left:2em
}
/*para IE6*/
* html #central .listadonum{
	padding-left:3em
}
/*para IE7*/
*:first-child+html #central .listadonum{
	padding-left:3em
}


#central .listadonum li{
	padding-top:0.5em;
	padding-bottom:0.5em;
	border-bottom:1px solid #e1e1e1
}
.pdf, .link{
	text-decoration:none;
	margin:0.5em 0 0 0.5em;
	padding:0;
	background:url(pdf2.gif) no-repeat;
	font-weight:bold;
	font-size:0.9em;
	padding-left:15px
}
.link{
	background:url(link.gif) no-repeat;
	padding-left:20px
}
/* ------------------------- TOP ------------------------- */
#topwrapper{
	background:#43453d url(top_bg.gif) repeat-x bottom;
	float:right;
	padding:0 0.5em 0.6em 0.5em;
}
#topwrapper a{
	font-size:0.8em;
	color:#fff;
	font-weight: bold;
	text-decoration: none
}
#topwrapper a:hover{
	color:#000
}
#topwrapper .topuno{
	padding-right:0.7em;
	margin-right:0.5em;
	background:url(top_spacer.gif) no-repeat right
}

/* ------------------------- HEADER ------------------------- */
h1{
	padding:0;
	margin:0
}
.titular_inicio{
	display:none
}
h2{
	font-size:1.5em;
	color:#960001;
	padding:0;
	margin:5px 10px
}
h3{
	color:#8d0000;
	margin:0;
	margin-bottom:0.2em
}

/* ------------------------- HEADER INTERIORES ------------------------- */
#header2{
	text-align:center;
	background:url(head_bg.gif) repeat-x 0 80px;;
	margin-bottom:3px;
	height:100px
}
* html #header2{
	margin-top:-2px
}
#header2 a{
	background:url(logo2.gif) no-repeat;
	display:block;
	width:172px;
	height:93px;
	font-size:0.1em;
	text-indent:-10000em
}
/*para firefox*/
html>/**/body #header2 a{
	margin-left:275px
}
/* ------------------------- MENU ------------------------- */
#menu ul{
	list-style:none;
	margin:0;
	padding:0;
	overflow:hidden
}
#menu ul li{
	height:1.5em;
	float:left;
	background: url(menu_shad.gif) right no-repeat;
	padding-right:10px;
	margin:2px 5px 0 5px
}
#menu ul li a{
	color:#fff;
	font-size:0.85em;
	font-weight:bold;
	text-decoration:none;
	padding:4px 10px;
	display:block
}
#menu ul li a:hover{
	color:#dab3b3;
	padding-bottom:3px;
	border-top:1px solid #6b1000;
	background:#6b0000
}
#menu ul li .selected{
	background:url(menu_bg.gif) repeat-x top;
	color:#960001
}
#menu ul li .selected:hover{
	background:url(menu_bg.gif) repeat-x top;
	color:#000
}
/* ------------------------- MAIN ------------------------- */
#side{
	margin:0;
	margin-left:10px;
	padding:0;
	padding-bottom: 7.5em;   /* con este  padding el footer nunca toca el contenido */
	float:left;
	width:175px
}
* html #side{
	margin-left:5px
}
#central{
	font-size:0.95em;
	line-height:1.3em;
	margin:0;
	margin-right:10px;
	padding:0;
	padding-bottom: 7.5em;   /* con este  padding el footer nunca toca el contenido */
	float:right;
	overflow:hidden;
	width:555px
}
* html #central{
	margin-right:5px
}

/* ------------------------- SIDE ------------------------- */
.side{
	background:url(mapa_shad.gif) repeat-x bottom;
	padding:0;
	padding-bottom:7px;
}
.side_int{
	background:#960001 url(side_bg.gif) repeat-x bottom;
	padding:8px;
	font-size:0.8em;
	color:#fff
}
.side_int img{
	border:1px solid #fff;
	margin-bottom:0.3em
}
.side_int h2{
	margin:0;
	padding:0;
	color:#fff;
	font-size:1.2em
}
.side_int .arrow{
	overflow:hidden;
	text-align:right
}
.side_int .arrow a{
	font-size:0.1em;
	text-decoration:none;
	display:block;
	background:url(arrow1.gif) no-repeat;
	width:23px;
	height:22px
}
/*para firefox*/
html>/**/body .side_int .arrow a{
	float:right
}

#side ul{
	width:100%;
	margin:0;
	padding:0;
	padding-right:0.5em;
	list-style: none
}
#side ul li{
	background:url(side_shad.gif) no-repeat bottom;
	padding:0;
	padding-bottom:10px
}
#side ul li a{
	font-size:0.9em;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	display:block;
	padding:0.5em 0.5em 0.5em 1.3em;
	background:#960001 url(bullet.gif) no-repeat 0.1em 0.7em
}
#side ul li a:hover,#side ul li .selected{
	color:#dab3b3;
	padding:0.6em 0.5em 0.4em 1.3em;
	background:#6b0000 url(bullet.gif) no-repeat 0.1em 0.8em
}
#side .desactivado{
	color:#aa9191;
	font-weight:bold;
	text-decoration:none;
	display:block;
	padding:0.5em 0.5em 0.5em 1.3em;
	background:#960001 url(bullet.gif) no-repeat 0.1em 0.7em
}

#side ul li ul li{
	padding-bottom:0;
	background:none
}
* html #side ul li ul li{
	border:1px solid #6b0000;
	margin:0;
	padding:0;
}
#side ul li ul li a,#side ul li ul li a:hover{
	padding:0.2em 0.5em 0.2em 2em;
	font-size:0.8em;
	background:#6b0000;
	margin:0;
}
#side ul li ul li .selected{
	padding:0.2em 0.5em 0.2em 2em;
	background:#6b0000;
}
/* ------------------------- FOOTER ------------------------- */
#footer_content,#footer_content_index{
	height:6em;
	padding-top:1em;
	overflow:hidden;
	background:url(footer_bg.gif) repeat-x #666
}
.uab{
	float:left;
	background:url(uab.gif) no-repeat;
	display:block;
	width:132px;
	height:46px;
	font-size:0.1em;
	text-indent:-10000em;
	margin-left:35px
}
* html .uab{
	margin-left:60px
}
#footer_content .uab{
	margin-left:220px
}
* html #footer_content .uab{
	margin-left:110px
}
.gencat{
	float:left;
	background:url(gencat.gif) no-repeat 20px;
	display:block;
	width:180px;
	height:43px;
	font-size:0.1em;
	text-indent:-10000em;
	border-left:1px solid #ffffff;
	margin-left:18px
}
.tarragona{
	float:left;
	background:url(dip_tarragona.gif) no-repeat 20px;
	display:block;
	width:180px;
	height:43px;
	font-size:0.1em;
	text-indent:-10000em;
	border-left:1px solid #ffffff;
	margin-left:10px
}
.periodistes{
	float:left;
	background:url(periodistes.gif) no-repeat 20px;
	display:block;
	width:200px;
	height:50px;
	font-size:0.1em;
	text-indent:-10000em;
	border-left:1px solid #ffffff;
	margin-left:0;
}
#main_index{
}
#footer_index{
	height:10em;
}
#footer_content_index{
	height:9.5em;
}
#footer_medio{
	clear:both;
	height:45px;
	width:100%;
	overflow:hidden;
	background:#fff
}
.acpg{
	float:left;
	background:url(acpg.gif) no-repeat;
	display:block;
	width:119px;
	height:18px;
	font-size:0.1em;
	text-indent:-10000em;
	margin-top:12px;
	margin-left:40px;
	margin-right:10px;
}

.diputacio{
	float:left;
	background:url(diputacio.gif) no-repeat;
	display:block;
	width:152px;
	height:45px;
	font-size:0.1em;
	text-indent:-10000em;
	margin-left:20px;	
}
* html .diputacio{
	margin-left:58px;
}

.premsa{
	float:left;
	background:url(premsa.gif) no-repeat;
	display:block;
	width:152px;
	height:45px;
	font-size:0.1em;
	text-indent:-10000em;
	margin-left:20px;	
}
* html .premsa{
	margin-left:58px;
}
.xal{
	float:left;
	background:url(xal.gif) no-repeat;
	display:block;
	width:92px;
	height:40px;
	font-size:0.1em;
	text-indent:-10000em;
	margin-left:20px
}
.comunicalia{
	float:left;
	background:url(comunicalia.gif) no-repeat;
	display:block;
	width:130px;
	height:40px;
	font-size:0.1em;
	text-indent:-10000em;
	margin-left:20px;
}
.radiolocal{
	float:left;
	background:url(radios_locals.gif) no-repeat;
	display:block;
	width:113px;
	height:40px;
	font-size:0.1em;
	text-indent:-10000em;
	margin-left:20px;
}
#footer_bajo{
	padding-top:1.5em;
	width:99%;
	font-size:0.7em;
	clear:both;
	color:#f1f1f1
}
* html #footer_bajo{
	margin-top:1.5em;
	padding-top:0
}
#comcom{
	margin-top:0.3em;
	float:right
}
#comcom a{
	text-decoration:none;
	font-weight:bold;
	color:#fff
}
#foot_css{
	margin-left:1em;
	float:left;
	background:url(valid_css_80x15_2.png) no-repeat;
	width:80px;
	height:15px
}
#foot_xhtml{
	margin-left:1em;
	float:left;
	background:url(valid_xhtml10_80x15_2.png) no-repeat;
	width:80px;
	height:15px
}
* html #foot_css,* html #foot_xhtml{
	margin-left:0.8em;
}
#foot_css a,#foot_xhtml a{
	display:block;
	text-indent:-50000em;
}

/* ------------------------- SIDEBAR ------------------------- */

#sidebar{
	text-align:left;
	float:right;
	width:150px;
	margin:0.5em 0 1em 1em;
	padding:5px;
	padding-top:10px;
	background:#c5c5c4 url(bg.gif) repeat-x;
	overflow:hidden;
	color:#fff
}
#sidebar ul{
	margin:0;
	padding:0
}
#sidebar a{
	background:url(pdf.gif) no-repeat;
	display:block;
	padding-left:21px;
	color:#fff;
	text-decoration:none;
	margin-bottom:0.5em;
	font-weight:bold
}
#sidebar a:hover{
	text-decoration:underline
}
#sidebar ul .last{
	border-top:1px solid #999;
	padding-top:1em
}

/* ------------------------- FLASH LOGO ------------------------- */
#logoswf{
}
/* ------------------------- FLASH MAPA ------------------------- */
#mapaflash{
	height:390px;
	background:url(mapa_shad.gif) repeat-x bottom
}
#mapaswf{
}
#censomapaswf{
	float:right;
	width:345px;
	height:360px
}


/* ------------------------- TABLA ------------------------- */
#overf{
	margin-top:1.5em;
	overflow:hidden
}
table{
	font-size:0.9em;
	float:left;
	width:200px
}
table caption{
	text-align:left;
	font-weight:bold
}
table tr td{
	border-bottom:1px solid #aaaaa1;
	vertical-align:bottom
}

/* ------------------------- DOS COLS ------------------------- */
.dosColsContainer{
	margin-top:2em;
	width:98%;
	overflow:hidden;
	background:url(line_vert.gif) repeat-y 50%
}
.masBottom{
	margin-bottom:7em
}
.dosCols{
	width:48%;
	overflow:hidden
}
.izquierda{
	float:left
}
.derecha{
	float:right
}
.dosCols img,.unaCols img{
	border:1px solid #b1b1b1;
	padding:2px;
	margin-right:10px;
	float:left
}
.dosCols a,.unaCols a{
	font-size: 0.9em;
	font-weight:bold;
	text-decoration:none
}
.unaCols{
	width:100%;
	overflow:hidden
}

/* ------------------------- TEXTOS ------------------------- */
#central p{
	margin:0;
	margin-bottom:1em
}
#central .bloque{
	padding-top:0.8em;
	padding-bottom:0.8em;
	border-bottom:1px solid #e1e1e1
}
#central q{
	font-style:italic
}
#central .pequeno{
	font-size:0.8em
}

/* ------------------------- DIPLOMATURA------------------------- */
#central .diplo_head{
	text-indent:-5000em;
	width:550px;
	height:74px;
	border-top:1px solid #c1c1c1;
	background:url(postgrau_head.gif) no-repeat 0 1px;
}
#central .diplo_tit{
	width:550px;
	background:url(mapa_shad.gif) repeat-x;
	padding-top:1em;
	font-size:1.2em;
	color:#960001
}
#modulo1,#modulo2,#modulo3{
	display:none
}

/* ------------------------- CONTACTO ------------------------- */
#topwrapper .selected{
	color:#999
}
.contacte_pequeno{
	padding:0.5em;
	background:#960001;
	color:#fff;
	font-size:0.85em
}
.contacte_pequeno a{
	color:#fff
}
.contacte{
	margin:0
}
.contacte legend{
	display:none
}
.contacte fieldset{
	border:0;
	margin:0;
	padding:0
}
.contacte label{
	text-align:right;
	font-weight:bold;
	margin:1em 1em 1em 0;
	padding-bottom:0.5em;
	clear:both;
	float:left;
	width:35%;
	border-bottom:1px solid #e1e1e1
}
.contacte input,.contacte textarea{
	border:1px solid #e1e1e1;
	margin:1em 0 1em 0;
	float:left;
	width:55%
}
.contacte textarea{
	height:8em
}
.formbtns{
	text-align:center
}
.contacte .btn{
	font-weight:bold;
	float:none;
	width:auto;
	padding:0.2em 0.5em;
	margin:2em 5em;
	color:#960001;
	background:#e1e1e1
}