body{
	background-color: black;
	margin: 0;
	padding: 0;
	color: white;
	font-family: Arial, Helvetica, sans-serif;
}

a{
	color: white;
}

/*Principales esqueleto*/

#principal{
	width: 950px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
}

#cabezera{
	background-color: #e62528;
	height: 153px;
	overflow: hidden;
}
#logo_cabezera{
	width: 154px;
	height: 153px;
	float: left;
}
.link_home{
	display: block;
	text-decoration: none;
	outline: none;
	width: 154px;
	height: 153px;
}
#img_cabezera{
	background-color: black;
	height: 153px;
	float: right;
}

.cabezera_ext{
	background: #e62528 url(../img/header.gif) no-repeat right top;
}
.cabezera_int{
	background: #e62528 url(../img/simple_logo.gif) no-repeat left top;
}

#menu_contenedor{
}

#menu{
	background-color: #4f4b4a;
	/*height: 130px;*/
	height: 97px;
	overflow: hidden;
}

#menu_color{
	height: 33px;
}

#menu_color a{
	text-decoration: none;
	outline: none;
	color: #000;
}

#menu_color a.activo{
	color: #FFF;
}

.submenu{
	list-style: none;
	padding: 0;
	margin: 0;
	margin-top: 3px;
	float: right;
	font-size: 22px;
	color: #fffaad;
	margin-right: 144px;
	*margin-right: 72px;
}
.submenu li{
	float: left;
	margin: 0 10px;
	background: url(../img/submenu_dot.gif) no-repeat left 55%;
	padding-left: 16px;
}
.submenu span{
	padding: 0;
	font-size: 11.5px;
	vertical-align: 20%;
}

#idiomas{
	float: left;
	font-size: 11px;
	color: #9c9a9a;
	margin-top: 20px;
	margin-left: 50px;
	*margin-left: 25px; /*IE6-7*/
}
#idiomas a{
	text-decoration: none;
	outline: none;
	display: block;
	color: #9c9a9a;
}
#idiomas a.link_actiu{
	text-decoration: underline;
	color: #FFF;
}
.idm_opts{
	list-style: none;
	padding: 0;
	margin: 0;
}
.idioma{
	float: left;
	padding: 0 3px;
}

#botonera{
	margin-top: 15px;
	/*background-color: yellow;*/
	overflow: hidden;
}
#botonera a{
	text-decoration: none;
	outline: none;
	padding-top: 40px;
	display: block;
}
.botones{
	list-style: none;
	padding: 0;
	margin: 0;
	float: right;
	margin-right: 30px;
	*margin-right: 15px; /*IE6-7*/
}
.boton{
	width: 99px;
	float: left;
	/*border: 1px solid red;*/
	text-align: center;
	font-size: 12px;
}
.btn_cobisa{background: url(../img/btn_cobisa.gif) no-repeat center top;}
.btn_menus{background: url(../img/btn_menus.gif) no-repeat center top;}
.btn_ecologico{background: url(../img/btn_ecologico.gif) no-repeat center top;}
.btn_monitores{background: url(../img/btn_monitores.gif) no-repeat center top;}
.btn_actextra{background: url(../img/btn_actextra.gif) no-repeat center top;}
.btn_administ{background: url(../img/btn_administ.gif) no-repeat center top;}
.btn_contacto{background: url(../img/btn_contacto.gif) no-repeat center top;}

.btn_cobisa_act{background: url(../img/btn_cobisa_act.gif) no-repeat center top; color:#f77c6a;}
.btn_menus_act{background: url(../img/btn_menus_act.gif) no-repeat center top; color:#ffa302;}
.btn_ecologico_act{background: url(../img/btn_ecologico_act.gif) no-repeat center top; color:#b7cb45;}
.btn_monitores_act{background: url(../img/btn_monitores_act.gif) no-repeat center top; color:#ffc281;}
.btn_actextra_act{background: url(../img/btn_actextra_act.gif) no-repeat center top; color:#22baec;}
.btn_administ_act{background: url(../img/btn_administ_act.gif) no-repeat center top; color:#efd961;}
.btn_contacto_act{background: url(../img/btn_contacto_act.gif) no-repeat center top; color:#9ca8ce;}

.btn_principal_a{color:#4f4b4a;}
.btn_cobisa_a{color:#f77c6a;}
.btn_menus_a{color:#ffa302;}
.btn_ecologico_a{color:#b7cb45;}
.btn_monitores_a{color:#ffc281;}
.btn_actextra_a{color:#22baec;}
.btn_administ_a{color:#efd961;}
.btn_contacto_a{color:#9ca8ce;}

.menu_principal{background-color:#4f4b4a;}
.menu_cobisa{background-color:#f77c6a;}
.menu_menus{background-color:#ffa302;}
.menu_ecologico{background-color:#b7cb45;}
.menu_monitores{background-color:#ffc281;}
.menu_actextra{background-color:#22baec;}
.menu_administ{background-color:#efd961;}
.menu_contacto{background-color:#9ca8ce;}

#diapositivas{
	background-color: #4d8e0e;
	height: 220px;
	overflow: hidden;
}

#pie_home{
	background-color: #9c9a9b;
	background: #9c9a9b url(../img/peu_home.gif) no-repeat center bottom;
	height: 285px;
	overflow: hidden;
	color: #4e4b4a;
	font-size: 9px;
	text-align: center;
}
#pie_home_info{
	margin-top: 85px;
}

#pie_home_info p{
	padding: 0;
	margin-top: 10px;
}

#pie_interior{
	height: 132px;
	background: #fff url(../img/peu_interior.gif) no-repeat center bottom;
}

#peu_color{
	height: 12px;
	line-height: 12px;
	font-size: 0px;
	display: inline;
	width: 621px;
	float: right;
	clear: left;
}

#pie_final_info{
	overflow: hidden;
	color: #ccc;
	font-size: 9px;
	text-align: center;
}

#pie_final{
	color: #9c9a9a;
	font-size: 9px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 6px;
	overflow: hidden;
}

/*CONTENIDOS:*/

#contenido_empresa, #contenido_menus, #contenido_ecologico, 
#contenido_monitores, #contenido_extraescolar, #contenido_administracion, 
#contenido_contacto{
	background-color: #FFF;
	color: #000;
	padding-top: 32px;
	padding-bottom: 32px;
}


/*EMPRESA*/

#empresa_fotos{
	width: 255px;
	float: left;
	overflow: hidden;
}

#empresa_fotos img{
	padding: 0;
	margin: 0;
}

#empresa_titulars{
	width: 650px;
	float: left;
	padding: 0 16px;
	font-size: 10px;
}

.bloque_foto_empresa{
	width: 255px;
}

.contenedor_foto_empresa{
	/*margin-left: 28px;*/
	margin-left: 37px;
	width: 210px;
	height: 158px;
}

.sep_bloque_foto_empresa{
	height: 20px;
	font-size: 0px;
	line-height: 20px;
}

.titular{
	/*margin-bottom: 10px;*/
}

.pie_empresa{
	margin-left: 37px;
}

/*MENUS, ECOLOGICO, MONITORES, EXTRAESCOLAR, ADMINISTRACION*/

.menus_blocfoto1, .menus_blocfoto2, .menus_blocfoto3,
.ecologico_blocfoto1,
.monitores_blocfoto1,
.extraescolar_blocfoto1,
.administracion_blocfoto1{
	float: left;
}

.menus_info3{
	width: 649px;
	float: left;
}

.bloque_foto_menus,
.bloque_foto_ecologico,
.bloque_foto_monitores,
.bloque_foto_extraescolar,
.bloque_foto_administracion{
	width: 218px;
	padding-right: 16px;
}

.contenedor_foto_menus,
.contenedor_foto_ecologico,
.contenedor_foto_monitores,
.contenedor_foto_extraescolar,
.contenedor_foto_administracion{
	width: 210px;
	/*height: 158px;*/
}

#contenido_menus,
#contenido_ecologico,
#contenido_monitores,
#contenido_extraescolar,
#contenido_administracion,
#contenido_contacto{
	font-size: 10px;
	padding-left: 37px;
	padding-right: 30px;
}

#contenido_contacto a{
	color: #9da8ce;
	outline: none;
	text-decoration: none;
}

.pie_menus{
}

.plat_menus{
	/*height: 111px;*/
	padding-bottom:10px;
	overflow: hidden;
}
.foto_plat_menus{
	margin-top: 13px;
	float: left;
	margin-right: 26px;
}
.info_plat_menus{
	margin-top: 13px;
}
.foto_plat_menus img{
	width: 112px;
	height: 84px;
}

/*CONTACTO*/

#contacto_form_mapa{
	overflow: hidden;
}

#contacto_form{
	float: left;
}
.form_inf_1{
	width: 187px;
}
.form_inf_2{
	width: 465px;
}
#contacto_form table{
	width: 480px;
	height: 358px;
	background-color: #e1e5f2;
	padding-bottom: 10px;
}
#contacto_form table td{
	padding: 4px 10px;
}

.td_cabezera{
	background-color: #9da8ce;
	font-size: 12px;
	font-weight: bold;
}

#contacto_mapa{
	float: left;
	margin-left: 20px;
}

.btn_send{
	width: 61px;
	height: 24px;
	font-size: 11px;
	color: white;
	font-weight: bold;
	background: url(../img/btn_send.gif) no-repeat center center;
	border: none;
	outline: none;
	text-decoration: none;
	display: block;
}

/*COMUNES*/

.b_inferior_gris{
	border-bottom: 2px solid #dbdfee;
}

.pie_foto{
	text-align: left;
	font-size: 10px;
	color: #e62626;
	margin-top: 5px;
	overflow: hidden;
}

h3{
	padding-bottom: 5px;
	margin: 0;
	color: #e62626;
	font-size: 19px;
	font-weight: lighter;
}

h4{
	padding-top: 1px;
	padding-bottom: 5px;
	margin: 0;
	font-size: 12px;
	font-weight: bold;
}

h4.titular, h4.plats{
	padding: 15px 0 5px 0;
	margin: 0;
	font-size: 12px;
	color: #e62626;
}
h4.plats{
	padding: 0 0 5px 0;
}

#franja_color{
	height: 12px;
	line-height: 12px;
	font-size: 0px;
	margin: 20px 0;
}

.llista_generica{
	margin: 0;
	line-height: 16px;
	padding: 15px;
	font-size: 20px;
}
.llista_generica span{
	font-size: 10px;
	color: black;
}

.menus_info3 ul {
	margin: 0;
	line-height: 16px;
	padding: 15px;
	font-size: 20px;
	color: #ffa302;
}
.menus_info3 ul span {
	font-size: 10px;
	color: black;
}

div.missatgeError {
margin-top:5px;
margin-bottom:5px;
border:1px solid red;
padding:5px;
color:red;
}

div.missatgeOk {
margin-top:5px;
margin-bottom:5px;
border:1px solid green;
padding:5px;
color:green;
}
.estil_comic{font-family:"Comic Sans MS", Arial; font-size:14px}