/*******************************************************************

	Hoja de estilos; formateo de estilos del navegador
	Autor: Mar Vega Gallego  //  www.globus.es

********************************************************************/

/* =Import
------------------------------------------------------------------ */

/* Eliminamos los estilos por defecto del navegador */
@import url(reset.css);

/* Importamos los estilos de composición */
@import url(composicion.css);


/* Estilos generales 
------------------------------------------------------------------ */
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:14px;
	background-color:#ffffff;
	cursor:default;
	}

h1, h2, h3{
	font-family:Arial, Helvetica, sans-serif;
	}
h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#57ab27;
	margin-bottom:10px;
	line-height:20px;
	font-style:italic;
	}
h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	color: #0cf;
	margin-bottom:10px;
	line-height:20px;
	}
h5{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#000000;
	line-height:20px;
	margin-bottom:4px;
	}
h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#70e000;
	margin-bottom:4px;
	margin-top:7px;
	line-height:20px;
	}
h6{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#0cf;
	margin-bottom:4px;
	margin-top:7px;
	line-height:20px;
	}
.situacion{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	font-style:italic;
	width:950px;
	}
	
div#situacion{
	margin:10px 0px 0px 240px;
	}
		
h4{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000000;
	margin-bottom:10px;
	}
	
strong{
	font-weight:bold;
	}

p{
	margin:0 0 10px 0;
	line-height:16px;
	padding: 0;
	text-align:justify;
	}
	
hr{
	margin:2px 0 2px 0;
	}

/* a */
a{
	text-decoration:none;
	color:#333333;
	cursor:pointer;
	}

a.subrayado:hover{
	text-decoration:none;
	border-bottom:none;
	color:#70e000;
	font-size: 12px;
	}

a.subrayado{
	border-bottom: thin solid #70e000;}
	

a.subrayadoblau:hover{
	text-decoration:none;
	border-bottom:none;
	color:#0cf;
	font-size: 12px;
	}

a.subrayadoblau{
	border-bottom: thin solid #0cf;}
	
	
.petit{
	font-size:11px;}
	
a.petit:hover{
	font-size:11px;}

a h5:hover{
text-decoration:none;
	color:#70e000;	}

a:hover{
	text-decoration:none;
	color:#70e000;
	font-size: 12px;
	}
	
a#bressol:hover{
	text-decoration:none;
	color:#0cf;
	}

.mar_superior{
	margin-top:10px;
	}
	
.mar_superior2{
	margin-top:30px;
	}
	
.mar_inferior{
	margin-bottom:20px;
	}
	
.mar_inferior2{
	text-align:left;
	margin-bottom:30px;
	}
.amplada{
	width:500px;
	height:400px;
	float:left;}
	
.dreta{
	text-align:right;}
	
.borde{
	border:1px solid #000;}
	
.peu_pag{
	text-align:right;
	text-align:left;
	font-size:11px;
	line-height:15px;
	}

/* Estilos del contenedor 
------------------------------------------------------------------ */
div#contenedor{
	width:950px;
	height:100%;
	}


/* Estilos del paginador de noticias 
------------------------------------------------------------------ */
span.pagina{
	color:#70e000;}



/* Estilos de la cabecera 
------------------------------------------------------------------ */
div#logo{
	border-left:5px;
	border-top:10px;
	width:254px;
	height:80px;
	float:left
	}
	
div#menusup{
	text-align:right;
	float:right;
	margin-top:60px;
	}
	
div#menusup ul{
	float:left;
}

div#menusup li{
	float:left;
	border-left:1px solid #333333;
	height:25px;
	padding:0 20px 0 5px;
	text-align:left;
}

div#menusup li+li{
	float:left;
}


div#animacion{
	margin-top:5px;
	float:left;
	width:940px;
	height:200px;
	border:1px solid #70e000;
	background-color: #70e000;
	padding:5px;
	}


	
/* Estilos del contenido 
------------------------------------------------------------------ */
div#contenido{
	width:950px;
	height:100%;
	}

div#navegacion{
	float:left;
	width:230px;
	margin-top:5px;
	}

div#navegacion ul{
	padding-right:20px;
}

div#navegacion ul li{
	border-top:1px solid #333333;
	height:17px;
	padding:8px 0 0 30px;
	width:180px;
	}
	
	
li.fletxa{
	background:url(../imagenes/flecha.gif) no-repeat 15px 7px;
	}

div#navegacion ul li.last_menu{
	border-bottom:1px solid #333333;
	background:url(../imagenes/flecha.gif) no-repeat 15px 7px;
		}

div#navegacion ul li.last{
	border-bottom:1px solid #333333;
		}
		
.sangria{
	padding-left:15px;
	}
	
div#contenido_central{
	border-top:1px solid #999;
	float:left;
	width:500px;
	height:100%;
	margin:5px 10px 0 10px;
	}
	
/*div#contenido_central{
	border-top:1px solid #999;
	float:left;
	width:500px;
	height:100%;
	margin:5px 10px 0 10px;
	}*/
	

div#informacio{
	padding-bottom:15px;
	padding-top:5px;
	margin-top:10px;
	width:500px;
	height:130px;
	float:left;
	}





/* Estilo de las noticias ----------------------------------------- */
.noticia{
	padding-bottom:15px;
	padding-top:5px;
	margin-top:10px;
	width:500px;
	height:100%;
	float:left;
	}
	
p.data{
	font-size:11px;
	color:#333;
	margin-bottom:0px;
	display:block;
	}

.titular_noticia{
	font-size:15px;
	color:#000000;
	line-height:16px;
	}
	
.imag_noticia{
	width:125px;
	height:97px;
	float:left;
	margin-right:8px;}
	
.descripcio{
	margin-top:10px;
	display:block;
	text-align:justify;
	}

.cont_noticia img{
	float:left;
	margin: 2px 5px 0 0;
	border:1px solid #666;
	}
	
/* Estilo de la noticia ampliada ----------------------------------------- */

div#contenido_central_not{
	border-top:1px solid #999;
	float:left;
	width:710px;
	margin:0 0 0 10px;
	height:100%;
	}


	


div#noticia_amp{
	padding-bottom:15px;
	padding-top:5px;
	margin-top:10px;
	width:405px;
	height:100%;
	float:left;
	}
	
p.data_amp{
	font-size:11px;
	color:#333;
	margin-bottom:0px;
	margin-top:0px;
	display:block;
	}

div.imagenes_noticia{
	margin-top:10px;
	width:275px;
	float: left;
	margin-left:20px;
	}

div.imagenes_noticia img{
	border:1px solid #666;
	}
	

/* Estilo de la 3a columna ----------------------------------------- */


.contenido_extra{
	width:180px;
	float: left;
	margin-left:20px;
	margin-top:5px;
	}

.extra{
	border-top:1px solid #999;
	margin-bottom:20px;
	padding-top:10px;
	}
	
.extra_primer{
	border-top:1px solid #999;
	margin-bottom:20px;
	padding-top:10px;
	}
	


/* Estilos del pie 
------------------------------------------------------------------ */
div#pie{
	width:950px;
	height:30px;
	clear:both;
	margin-top:25px;
	border-top:1px solid #cccccc;
	background:url(../imagenes/bufalvent.gif) no-repeat 3px 5px;
	}
 
div#pie p{
	font-size:11px;
	padding-top:16px;
	padding-left:46px;
	}
	
div#pie p strong{
	color:#008374;
	font-size:11px;
	}

/* Estilos pagina interior Situación
------------------------------------------------------------------ */
iframe#mapa{
	border:1px solid #000;
	margin: 5px 0 5px 0;
	}


/* Estilo de la Tabla: que es l'associacio ---------------------- */

table{
	border:0px;
	margin-top:0px;
	width:500px;
	}

table tr td{
	padding:5px 10px 10px 0px;
	}



/* Estilos pagina interior Seguridad
------------------------------------------------------------------ */
ul.vinyeta{
	list-style-type: square;
	list-style-position:outside;
	padding-left:15px;
	text-align:justify;
	}
ul.vinyeta2{
	list-style-type: square;
	list-style-position:outside;
	padding-left:30px;
	text-align:justify;
	margin-top:5px;
	}
	
ul.vinyeta li+li{
	margin-top:3px;}

/* Estilos pagina interior Dona't d'alta
------------------------------------------------------------------ */
ul#formularis li{
	margin-bottom:4px;
	}
	

/* Estilos pagina interior Taulell d'anuncis
------------------------------------------------------------------ */
div#taulell{
	border-top:1px solid #999;
	float:left;
	width:710px;
	margin:5px 0px 0 10px;
	}
div#anunci{
	width:675px;
	border:5px solid #E5E5E5;
	padding:15px 12px 10px 12px;
	background:#F5F5F5;
	}
	
	
/* Estilos pagina interior
------------------------------------------------------------------ */
.col_interior{
	width:500px;	
	}

.untercio{
	width:210px;
	margin-right:40px;
}

.dostercios{
	width:250px;
}

.floatr{
	float:right;}

.floatl{
	float:left;}
	
.clear{
	clear:both;}
	
div#taulell{
	border-top:1px solid #999;
	float:left;
	width:710px;
	margin-left: 10px;
	}


div#img_historia{
	float:left;
	width:224px;
	}

div#img_historia img{
	border:1px solid #333;
	}
	
div#img_historia p{
	text-align:left;
	font-size:11px;
	}	
	
.img_center{
	margin:0 19px 0 19px;
	}
	
/* Estilos pagina Buscador d'Empreses
------------------------------------------------------------------ */
div#buscador{
	float:left;
	margin-top:10px;
	width:500px;
	height:30px;
	}
	
div.resultats{
	float:left;
	padding-left:3px;
	margin-top:10px;
	width:497px;
	height:30px;	
	}
	
div.resultats span{
	display:block;
	padding-bottom:5px;
	padding-top:5px;
	}
	
div#buscador form{
	float:left;
	margin:0px;
	width:500px;
	height:30px;
	}

.buscador{
	height:15px;
	border: solid 1px #CCC;
	
}

.block{
	display:block;
	}
	
table#form{
	height:30px;}

.box {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	border: 1px solid #CCCCCC;
	color: #666666;
	background: #f7f7f7;
}

.txt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

.txt_vermell{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #F00;
	text-decoration: none;
}

.txtnv{
	text-align:right;
	vertical-align: top;
	}
	
span.gris{
	background:#f7f7f7;}

	
/* Estilos bloque con cantos redondeados
----------------------------------------------------------------
div.topleft { 
		width: 500px;
		color: #fff;
		background: url(../imagenes/tl.jpg) #70e000 no-repeat top left;
	}
		
	div.topright { 
		background: url(../imagenes/tr.jpg) no-repeat top right; 
	}
	
	div.bottomright {
		background: url(../imagenes/br.jpg) no-repeat bottom right; 
	}
	
	p.bottomleft {
		padding:20px;
		background: url(../imagenes/bl.jpg) no-repeat bottom left; 
	}

-- */



/* Estilos formulario de contacto
------------------------------------------------------------------ */
div#contenedor_form{
width:500px;
text-align:left;
margin:0 auto;
padding:5px;
border: 1px solid #cccccc;
}
.margintop{
	margin-top:50px;}
	
div#cabecera_form{
	background:#3F0;
	color:#FFF;
	height:60px;
	}

div#cabecera_form p{
	color:#FFF;
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
	padding:22px 0 0px 5px;
	
	}
	
#enviar_sugg{
	width:500px; height:250px; border:3px solid #70e000;text-align:left;margin:0 auto; padding:10px;
	}
.caixa{
	padding-bottom:5px; padding-top:5px;}
.gris{
	background: #ECECEC;}
.data2{ 
	float:right; padding-right:10px;}

#info{
	margin-top:20px; width:500px;}

div#contenedor_form > p{
	text-align:center
}
table#form_contacte tr td{
	padding:3px;
	}

/* Estilos formulario de aulas
------------------------------------------------------------------ */

.txt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
.txtn {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}
.txtnv {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #000000;
}

.nota {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #000000;
	text-align:justify;
}

.box {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	border: 1px solid #cccccc;
	color: #666666;
	background:#fff;
}
.but {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #007856;
	text-decoration: none;
	background-color: #F7F7F7;
	border: 1px solid #007856;
	height: 20px;
	width: 70px;

}

form#form_aules{
	border:1px solid #ccc;
	background-color: #f2f2f2;
	}

table#form_contacte2 tr td.border{
	border-bottom:1px solid #ccc;
	}

table#form_contacte2 tr td{
	padding:3px 15px 3px 3px;
	}
	
	
	
	
	
/* Estilos Links interes
------------------------------------------------------------------ */	
ul li.titular{
	margin-top:15px;
	margin-bottom:6px;
	}
	
li.titular li{
	line-height:16px;}


	
/* Estilos Escola bressol
------------------------------------------------------------------ */	
div#contenedor_b{
	width:710px;
	height:auto;
	text-align:left;
	margin:0 auto;
}

div#contenido_bressolvent{
	width:710px;
	}
	
div#contenido_central_b{
	border-top:1px solid #999;
	float:left;
	width:500px;
	margin:30px 10px 0 0;
	}
	
div#contenido_extra_b{
	width:180px;
	float: left;
	margin-left:20px;
	margin-top:30px;
	}
a.bufalvent{
	font-weight:bold;
	}

/* ESTILOS AMPLIACION WEB-----------------------------------------
------------------------------------------------------------------ */	
.float-right{ float:right;}
.float-left{ float:left;}

/* Estilos FORMULARI Area  restringida
------------------------------------------------------------------ */	
div#cont_area{	
	margin-top:20px;
	border-top:1px solid #666;
	width:950px;
	min-height:430px;
	height:100%;
	overflow:hidden;
	}
.form_area{
	width:250px;
	margin:70px auto;}
.form-row{
	margin-top:10px;}
form.accesarea{
	margin-top:10px;
	background-color:#f2f2f2;
	padding:5px 15px 15px 15px;
	outline:1px solid#ccc;
	}
form.accesarea input{
	border:1px solid #ccc;
	background-color:#FFF;
	width:225px;
	}
form.accesarea input.boto{
	cursor:pointer;
	margin-top:10px;
	width:100px;
	}

form.accesarea label{
	display:block;
	margin-bottom:4px;
	padding-bottom:5px;
	}
	
.center{
	text-align:center;}	
	
/* Estilos Area  restringida EMPRESA
------------------------------------------------------------------ */	
div#cont_area span.titol{
	display:block;
	border-bottom:1px solid #666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	background-color:#70e000;
	padding-top:3px;
	padding-left:10px;
	padding-bottom:3px;
	margin-bottom:4px;
	line-height:20px;
	color:#fff;
	}
.dades{
	width:950px;
	overflow:hidden;
}
.dades ul{
	display:block;
	width:950px;
}
.dades ul li{
	display:block;
}
.dades ul > li{
	padding:5px;
	float:left;
}
.dades ul li + li{
	padding:5px;
	float:right;
}
div#menu_lat{
	width: 170px;
	padding-left:10px;
	padding-top:10px;
	float:left;
	margin-right:15px;
	}
div#menu_lat ul{
	display:block;
	}
div#menu_lat ul li{
	display:block;
	padding:5px;
	}
.sessio{
	text-align:right;
	padding:2px 5px 3px 0px;
	border-bottom:1px solid #666;
	margin-bottom:5px;
	}
	
div#contingut_area{
	padding-top:15px;
	width:755px;
	float:left;
	height:100%;
	}
div#contingut_area table{
	outline:1px solid #ddd;
	width:100%;
	}
div#contingut_area table thead tr th{
	background-color: #666;
	padding:4px 2px 2px 4px;
	text-align:left;
	color:#fff;
	}
div#contingut_area table tfoot tr th{
	background-color: #BFE59E;
	padding:3px 2px 1px 2px;
	text-align:left;
	}
div#contingut_area table tbody tr th{
	padding:3px;
	border-bottom:1px solid #ddd;
	border-right:1px solid #ddd;
	}
div#contingut_area table tbody tr.row_1{
	background-color:#eee;
	}
input.new{
	background:#EEEEEE url(../imagenes/icones/new.png) no-repeat scroll 3px 1px;
	border:0 none;
	display:block;
	float:right;
	margin:0 1px 5px 0;
	outline-color:#CCCCCC;
	outline-style:solid;
	outline-width:1px;
	padding:5px 0 2px 25px;
	}
div.form-new{
	outline:1px solid #ddd;
	overflow:hidden;
	width:380px;
	height:100%;
	margin-bottom:1px;
	padding-right:5px;
	}
form.new_user{
	overflow:hidden;
	margin:20px 0px 0px 15px;
	height:100%;
	width:360px;
	}
form.new_user fieldset{
	overflow:hidden;
	margin-bottom:20px;
	display:block;
	width:360px;
	}
form.new_user fieldset div.linea{
	padding:3px 0px;}

form.new_user label, form.new_user input{
	display:block;
	float:left;
	margin-right: 10px;
	}
form.seguretat label{
	padding:5px;
	}

input.list{
	background:#EEEEEE url(../imagenes/icones/list_pk.png) no-repeat scroll 3px 1px;
	border:0 none;
	display:block;
	float:right;
	margin:0 1px 5px 0;
	outline-color:#CCCCCC;
	outline-style:solid;
	outline-width:1px;
	padding:5px 0 2px 25px;
	}
input.save{
	background:#EEEEEE url(../imagenes/icones/filesave.png) no-repeat scroll 3px 1px;
	border:0 none;
	display:block;
	float:left;
	margin:0px 10px 5px 0px;
	outline-color:#CCCCCC;
	outline-style:solid;
	outline-width:1px;
	padding:5px 0 2px 25px;
	}
.savemarginright{
	margin:0px 10px 5px 145px !important;
	}
input.send{
	background:#EEEEEE url(../imagenes/icones/mail2.png) no-repeat scroll 3px 1px;
	border:0 none;
	display:block;
	float:left;
	margin:0px 10px 5px 0px;
	outline-color:#CCCCCC;
	outline-style:solid;
	outline-width:1px;
	padding:5px 0 2px 25px;
	}
.n3{
	width:120px;
	text-align:right;
	}
.n4{
	width:200px;
	}
.bordersup{
	border-top:1px solid #ddd;
	margin-top:10px;
	}
.titular2{
	margin-left:15px;
	width:350px;
	border-bottom:1px solid #ddd;
	}
.right{ text-align:right;
}

/* Estilos FORMULARI SEGURETAT
------------------------------------------------------------------ */	
div.form-seg{
	outline:1px solid #ddd;
	overflow:hidden;
	width:750px;
	height:100%;
	margin-bottom:1px;
	}
	
	
form.seguretat{
	overflow:hidden;
	margin:20px 0px 0px 15px;
	height:100%;
	width:730px;
	}
form.seguretat fieldset{
	overflow:hidden;
	margin-bottom:20px;
	display:block;
	width:720px;
	}

form.seguretat fieldset legend{
	padding:2px 640px 2px 5px;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	background-color:#eee;
	}
form.seguretat label, form.seguretat input{
	display:block;
	float:left;
	margin-right: 10px;
	}
form.seguretat label{
	padding:5px;
	}

.linea{ 
	overflow:hidden;
	padding:1px 0px;
	width:100%;
}
form.seguretat input{
	}
form.seguretat .n1{
	width:200px;
	text-align:right;
	}
form.seguretat .n2{
	width:340px;
	text-align:left;
	}
form.seguretat .n2a{
	width:400px;
	}
form.seguretat .n2b{
	width:205px;
	}

form.seguretat .n2c{
	width:80px;
	}
.check{
	overflow:hidden;
	}
.check label{
	display:block;
	float:left;}
.check span{
	display:block;
	padding:3px;
	width:50px;
	float:left;
	}
.aclaracio{
	font-size:10px;
	line-height:12px;
	color:#333;
	}

/* Estilos FORMULARI DADES WEB
------------------------------------------------------------------ */	
div.form-web{
	outline:1px solid #ddd;
	overflow:hidden;
	width:750px;
	height:100%;
	margin-bottom:1px;
	}
	
	
form.web{
	overflow:hidden;
	margin:20px 0px 0px 15px;
	height:100%;
	width:730px;
	}
form.web fieldset{
	overflow:hidden;
	margin-bottom:20px;
	display:block;
	width:720px;
	}

form.web fieldset legend{
	padding:2px 640px 2px 5px;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	background-color:#eee;
	}
form.web label, form.seguretat input{
	display:block;
	float:left;
	margin-right: 10px;
	}
form.web label{
	padding:5px;
	}

.linea{ 
	overflow:hidden;
	padding:1px 0px;
	width:100%;
}
form.web input{
	}
form.web .n1{
	width:200px;
	text-align:right;
	}
form.web .n2{
	width:340px;
	text-align:left;
	}
form.web .n2a{
	width:300px;
	}
form.web .n2b{
	width:205px;
	}

form.web .n2c{
	width:100px;
	}

/* Estilos Altres DOCUMENTS
------------------------------------------------------------------ */	
div.documents{
	outline:1px solid #ddd;
	overflow:hidden;
	width:730px;
	min-height:300px;
	height:100%;
	margin-bottom:1px;
	padding:20px 0 0 15px;
	}
div.documents div.tit{
	padding:2px 0px 2px 5px;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	background-color:#eee;
	margin-bottom:15px;
	margin-right:10px;
	}
	
form.examDoc{
	overflow:hidden;
	margin:20px 0px 0px 3px;
	height:100%;
	width:450px;
	}
form.examDoc fieldset{
	overflow:hidden;
	margin-bottom:20px;
	display:block;
	width:450px;
	}

form.examDoc fieldset legend{
	padding:2px 640px 2px 5px;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	background-color:#eee;
	}
form.examDoc label, form.seguretat input{
	display:block;
	float:left;
	margin-right: 10px;
	}
form.examDoc label{
	padding:5px;
	}
.doc{
	text-align:center;
	float:left;
	padding:5px;
	margin:5px 15px 15px 0px;
	}
.doc img{
	margin-bottom:5px;
	}