/*

    Titol: OMM per a screen media

    Autor: Expert Team www.antaviana.net

    Actualitzat: 22-02-2006



    Taula de continguts

        general

        capes / estructura

        tipografia 

        formularis

        houdini

*/







/* general

----------------------------------------------- */

html,body {

	margin:0;

	font:100%/1.7 Verdana, Helvetica, Arial, Geneva, sans-serif;	

	color: #585858;	

	text-align: center;	

	padding:0;

	background:#e2e2e2 url("../comu/bg_blau.gif") repeat-x left top;

	

}



h1,h2 {margin: 0px 0 10px 0;}

h3 {margin: .8em 0;}

h4 {margin: 1.2em 0 .8em 0;}

h5,h6 {margin: 0 0 3px 0;}

p{margin:0 0 7px 0; text-align:justify;}

img{border:0;}

.ocult{display:none;}

div.titol-seccio{padding:7px 0;border-top:solid #ccc 1px;margin:0;line-height:0%;}

.clear {clear:both;}	

.destaca{color:#126A92;background-color:#fff;}

table{font-size:.88em; }

td{ background: #ebebeb;}

a, a:visited,a:active  {color:#036B84; text-decoration:none;background-color:transparent;}

a:hover{text-decoration:underline;}



.data{color:#990002; font-weight: bold;}

b{color:#000;}



/* capes / estructura

----------------------------------------------- */

div#contenidor {

	margin:auto;		

	color: #585858;		

	width:48em;/* 48em per 800x600 */

	min-width:950px;	

	padding:0 0 0 13px;

	text-align: left;

	background :#fff url("../comu/ombra_esquerra.jpg") no-repeat left top;

	line-height:120%;	

}







div#main {	

	background :#fff url("../comu/ombra_dreta.jpg") no-repeat right top;

	padding:0 13px 0 0 ;

}



div#capcelera{

	width: 100%;		

	padding:0;

	clear: both;

	margin:0; 

	height:135px;

	background: #fff url("../comu/capcelera.jpg") repeat-x;

}



div#tot{width: 937px; padding:0; margin:0; height:100%!important; background:url("../comu/bg.jpg") repeat-y;}









div#menu{

width:190px;

float:left;

padding:0px 19px 0px 27px;

height:100%;

line-height:110%;



}

	div#menu ul{

	list-style:none;

	margin:0;

	padding:20px  0 0 0;

	font-size:.8em;

	color:#fff;

	background :url("../comu/menu.jpg") no-repeat 0 0px;

	background-color:#ebebeb;	

	width:190px;

	height:329px;

	}

	div#menu ul li{

	

		padding:2px 0 4px 17px;

		margin-bottom:5px;

	}

	div#menu ul a{

		color:#fff;

		/*background-color:#fff;	*/

		text-decoration:none;		

	}

div#menu-site ul{

	list-style:none;

	margin:0;

	padding:0;

	font-size:.8em;

	color:#00305E;

	/*background-color:#fff;*/

	}

	div#menu-site ul li{

		/*background :url("../comu/kland_llistat.gif") no-repeat 0 5px;*/

		padding:0 0 0 15px;

		margin-bottom:5px;

	}

	div#menu-site ul a{

		color:#00305E;

		background-color:#fff;	

		text-decoration:none;		

	}

	

div#submenu{background :#ebebeb; width: 664px;}



div#submenu ul li{display: inline;}



	

div#contingut{

padding:0 5px;

width:51em;

float:left;

font-size:.8em;

}



  div#contingut h2{

	margin-top:0px;

	padding:12px 0px 0px 10px;

	color:#fff;

	font-weight:normal;

	background-color:transparent;

	font-size:1.3em;

	background:url("../comu/titols_bg.jpg")no-repeat left top;

	width:664px;

	height:54px;

}

	div#contingut h3{

	font-size:1.1em;

	background:url("../comu/subtitol_bg.jpg")no-repeat left top;

	padding: 7px 5px 5px 5px;

	color:#fff;

	width:491px;

	height:37px;

	}

	div#contingut h4{

		border-bottom:solid #B6C8E0 1px;

		font-size:1em;

	}

	div#contingut p a{

	text-decoration:none;

	}

	div#contingut p a:hover{

	text-decoration:underline;

	}

	

	div#contingut ul.index-contingut{

		list-style:none;

		margin:10px 0 20px 20px;

		padding:0;		

	}

	div#contingut ul.index-contingut ul{

	list-style:none;

	margin:0;

	padding:0;

	}

	div#contingut ul.index-contingut li{

		background :url("../comu/kland_guionet.gif") no-repeat 0 8px;

		padding:0 0 0 15px;

		margin-bottom:5px;		

	}

	div#contingut ul.horitzontal li{

		width: 20%;

		float: left;

	}



div#portada{padding-top:0px;}



div#caixetes{width: 664px; margin-top: 20px; margin-bottom:15px;}	



div#actualidad{float:left; }



.titolac{background :url("../comu/cap_actualidad.jpg") no-repeat; 

width: 315px; height: 37px;}

.titolac p{ color: #fff; padding: 6px 0px 0px 10px; font-size:1.3em;}



.actualtexte {background: #ebebeb;  width: 315px; margin:0px;}	



.actualtexte p {padding:6px 6px 6px 10px; }	



div#contacte{float:right;margin-left: 20px;}



.titolcon{background :url("../comu/cap_contacte.jpg") no-repeat; 

width: 315px; height: 37px;}

.titolcon p{ color: #fff; padding: 6px 0px 0px 10px; font-size:1.3em;}



.contactetexte {background: #ebebeb;  width: 315px; margin:0px;}	



.contactetexte p {padding:6px 6px 6px 10px;}









div#colaboran{float:left;}



div#patrocina{float:right;}		

	

div#fotos{padding-top: 5px; float:left;width: 25%;}



div#texte{float:right;width: 75%;}	

	

div#peu {

font-size:.8em;

margin:10px 0px;

padding:0px 0px 0 25px;

line-height:110%;

background :#ebebeb;

/*border-top:solid #B7C8E2 1px;*/

color:#111;

width:638px; height:54px;

}

div#peu p{

text-align:center;

padding:12px 20px 5px 0px;

}

p#logo-urv{

margin:10px;

}



.llistat ul li{border-bottom: 1px solid #72cbc5; }



.llistat li{border-bottom: 1px solid #72cbc5; padding: 5px; list-style-type:none;}







.pujar{

border-top:solid #B6C8E0 1px;

text-align:right;

margin-bottom:20px;

font-size:.8em;

}

#submenupagines{

float:right;

font-size:.8em;

background-color:#E3EEF5;

padding:5px 10px;

width:32%;

margin:.8em 0 10px 10px;

}

#submenupagines a{

background :url("../comu/kland_fletxa.gif") no-repeat 0 2px;

padding-left:12px;

display:block;

line-height:120%;

}

ul.simple_llista{

	list-style:none;

	margin:1em 0px 2em 30px;

	padding:0px 0px 0px 0px;

	}

	ul.simple_llista li{

		}



ol.simple_llista_odenada{

	margin:1em 0px 2em 30px;

	padding:0px 0px 0px 0px;

	}

	ol.simple_llista_odenada li{

		padding:5px 0px 5px 0px;

		}

div#contingut h4.neutral{

	border:none;

	}		

div.destacat{

	background :#CCDBED url("../comu/ico_download.gif") no-repeat 7px 7px;

	padding:7px 7px 7px 54px;

	font-size:.8em;

	color:#12406F;

	margin-top:2em;

}



div.destacat a{

color:#990000;



text-decoration:underline;

font-size:.8em;

}

p.petit{

font-size:.8em;

line-height:105%;

}

div#anterior{ width: 664px;}



div#fotosj{padding-top: 25px; float:left;width: 30%;}



div#fotosj img{border-bottom:35px solid #ebebeb;}



div#anteriorj{float:right;width: 70%;}



.titol {margin: 0em 0 .8em 0; color: #920402; font-size:1.3em;}



ul.juntad{font-size:.88em;

border-left: 1px solid #72ccc3;

list-style-image:url("../comu/persona.gif");



}





div#juntaactual{width:100%;}



div#juntaactualfoto{padding-top: 25px; float:left;width: 30%;}



div#junta{float:right;width: 70%;}

div#junta1{float:left;width: 45%;}

div#junta2{float:right;width: 45%;}



ul.duesCol{

padding:0;

margin-left:1.5em;

}

ul.duesCol li {

	float: left;

	width: 45%;

	margin: .5em 2% .5em 0;

	font-size:.88em;

	

}



ul.llistaSimple{

list-style-type:none;

margin:0 0 1.5em 0;

padding:0;

}

	ul.llistaSimple{

	margin-left:1em;

	}



p.verificat{

background : url("../comu/ok_mini.gif") no-repeat 0 5px;

	padding-left:1.8em;

}

h5.destaca{

background-color:#CCDBED;

padding:.3em;

text-align:center;

color:#000;

font-size:1.1em;

}

	

/*Clearfix*/

.clearfix:after {

    content: "."; 

    display: block; 

    height: 0; 

    clear: both; 

    visibility: hidden;

}

.clearfix {display: inline-block;}

	/* Amaga d'IE-mac \*/

	* html .clearfix {

		height: 1%;

		display: block;

	}

	/* Fi amaga d'IE-mac */



/*---------------

