/*Wrap - contenedor web --------------------------------------------------------------------------- */ #wrap { width:821px; text-align:left; margin:auto; } .padding { padding:0.5em;} /*Cap --------------------------------------------------------------------------- */ #cabecera { } #logo { width:200px; float:left; } #banner { width:325px; float:left; padding:0.5em 0 0 0; text-align:right;} #idioma { width:55px; float:left; } #idioma li { list-style-type:none; float:left; padding:0.5em 0 0.5em 0.5em;} #login { width:223px; float:right; height:90px; background:url(../img/login.gif) top left no-repeat; padding:0.3em; margin:0;} .login { border:#fff 1px solid; font-size:0.9em; background:#fff; color:#CC0000; width:88px; } #login label { display:block; width:80px; float:left; font-size:0.9em; text-align:right;} #login p { margin:0.2em; padding:0;} form { margin:0; padding:0;} #login2 { width:250px; float:right; height:90px; padding:0.3em;} #login2 label { display:block; width:80px; float:left; font-size:0.9em; text-align:right;} #login2 p { margin:0.2em; padding:0;} .nombre { margin:1em;} .nombre p { font-size:1.1em; font-weight:bold;} .boton { width:45px; margin-left:7.4em; border:#fff 1px solid; font-size:0.9em; background:#fff; color:#CC0000; } /*Menu --------------------------------------------------------------------------- */ #menu { clear:both; padding-left:18em; } #menu li {list-style-type:none; float:left;} #menu_tres { margin-bottom:1em;} #menu_tres li { list-style-type:none; margin:0.4em 0 0 0.5em;} /*Botones del menu - catala --------------------------------------------------------------------------- */ a#gremi_a_cat { display:block; text-indent:-9999em; width:82px; height:22px;background: url(../img/gremi_a_cat.gif) no-repeat;} a#gremi_a_cat:hover { background-position:0 -22px;} a#gremi_b_cat { display:block; text-indent:-9999em; width:84px; height:22px;background: url(../img/gremi_b_cat.gif) no-repeat;} a#gremi_b_cat:hover { background-position:0 -22px;} a#gremi_c_cat { display:block; text-indent:-9999em; width:130px; height:22px;background: url(../img/gremi_c_cat.gif) no-repeat;} a#gremi_c_cat:hover { background-position:0 -22px;} a#gremi_d_cat { display:block; text-indent:-9999em; width:94px; height:22px;background: url(../img/gremi_d_cat.gif) no-repeat;} a#gremi_d_cat:hover { background-position:0 -22px;} a#gremi_e_cat { display:block; text-indent:-9999em; width:88px; height:22px;background: url(../img/gremi_e_cat.gif) no-repeat;} a#gremi_e_cat:hover { background-position:0 -22px;} a#gremi_f_cat { display:block; text-indent:-9999em; width:76px; height:22px;background: url(../img/gremi_f_cat.gif) no-repeat;} a#gremi_f_cat:hover { background-position:0 -22px;} a#gremi_g_cat { display:block; text-indent:-9999em; width:69px; height:22px;background: url(../img/gremi_g_cat.gif) no-repeat;} a#gremi_g_cat:hover { background-position:0 -22px;} /*Botones del menu - castellano --------------------------------------------------------------------------- */ a#gremi_a_cast { display:block; text-indent:-9999em; width:89px; height:22px;background: url(../img/gremi_a_cast.gif) no-repeat;} a#gremi_a_cast:hover { background-position:0 -22px;} a#gremi_b_cast { display:block; text-indent:-9999em; width:94px; height:22px;background: url(../img/gremi_b_cast.gif) no-repeat;} a#gremi_b_cast:hover { background-position:0 -22px;} a#gremi_c_cast { display:block; text-indent:-9999em; width:144px; height:22px;background: url(../img/gremi_c_cast.gif) no-repeat;} a#gremi_c_cast:hover { background-position:0 -22px;} a#gremi_d_cast { display:block; text-indent:-9999em; width:94px; height:22px;background: url(../img/gremi_d_cast.gif) no-repeat;} a#gremi_d_cast:hover { background-position:0 -22px;} a#gremi_e_cast { display:block; text-indent:-9999em; width:98px; height:22px;background: url(../img/gremi_e_cast.gif) no-repeat;} a#gremi_e_cast:hover { background-position:0 -22px;} a#gremi_f_cast { display:block; text-indent:-9999em; width:76px; height:22px;background: url(../img/gremi_f_cast.gif) no-repeat;} a#gremi_f_cast:hover { background-position:0 -22px;} a#gremi_g_cast { display:block; text-indent:-9999em; width:82px; height:22px;background: url(../img/gremi_g_cast.gif) no-repeat;} a#gremi_g_cast:hover { background-position:0 -22px;} /*Botones del menu - english --------------------------------------------------------------------------- */ a#gremi_a_eng { display:block; text-indent:-9999em; width:105px; height:22px;background: url(../img/gremi_a_eng.gif) no-repeat;} a#gremi_a_eng:hover { background-position:0 -22px;} a#gremi_b_eng { display:block; text-indent:-9999em; width:84px; height:22px;background: url(../img/gremi_b_eng.gif) no-repeat;} a#gremi_b_eng:hover { background-position:0 -22px;} a#gremi_c_eng { display:block; text-indent:-9999em; width:105px; height:22px;background: url(../img/gremi_c_eng.gif) no-repeat;} a#gremi_c_eng:hover { background-position:0 -22px;} a#gremi_d_eng { display:block; text-indent:-9999em; width:94px; height:22px;background: url(../img/gremi_d_eng.gif) no-repeat;} a#gremi_d_eng:hover { background-position:0 -22px;} a#gremi_e_eng { display:block; text-indent:-9999em; width:77px; height:22px;background: url(../img/gremi_e_eng.gif) no-repeat;} a#gremi_e_eng:hover { background-position:0 -22px;} a#gremi_f_eng { display:block; text-indent:-9999em; width:76px; height:22px;background: url(../img/gremi_f_eng.gif) no-repeat;} a#gremi_f_eng:hover { background-position:0 -22px;} a#gremi_g_eng { display:block; text-indent:-9999em; width:79px; height:22px;background: url(../img/gremi_g_eng.gif) no-repeat;} a#gremi_g_eng:hover { background-position:0 -22px;} /*Botones del menu dos (debajo del calendario) - catala --------------------------------------------------------------------------- */ a#menu_dos_a_cat { display:block; text-indent:-9999em; width:184px; height:22px;background: url(../img/menu_dos_a_cat.gif) no-repeat;} a#menu_dos_a_cat:hover { background-position:0 -22px;} a#menu_dos_b_cat { display:block; text-indent:-9999em; width:184px; height:22px;background: url(../img/menu_dos_b_cat.gif) no-repeat;} a#menu_dos_b_cat:hover { background-position:0 -22px;} a#menu_dos_c_cat { display:block; text-indent:-9999em; width:184px; height:22px;background: url(../img/menu_dos_c_cat.gif) no-repeat;} a#menu_dos_c_cat:hover { background-position:0 -22px;} a#menu_dos_d_cat { display:block; text-indent:-9999em; width:184px; height:22px;background: url(../img/menu_dos_d_cat.gif) no-repeat;} a#menu_dos_d_cat:hover { background-position:0 -22px;} /*Botones del menu dos (debajo del calendario) - castellano --------------------------------------------------------------------------- */ a#menu_dos_a_cast { display:block; text-indent:-9999em; width:184px; height:22px;background: url(../img/menu_dos_a_cast.gif) no-repeat;} a#menu_dos_a_cast:hover { background-position:0 -22px;} a#menu_dos_b_cast { display:block; text-indent:-9999em; width:184px; height:22px;background: url(../img/menu_dos_b_cast.gif) no-repeat;} a#menu_dos_b_cast:hover { background-position:0 -22px;} a#menu_dos_c_cast { display:block; text-indent:-9999em; width:184px; height:22px;background: url(../img/menu_dos_c_cast.gif) no-repeat;} a#menu_dos_c_cast:hover { background-position:0 -22px;} a#menu_dos_d_cast { display:block; text-indent:-9999em; width:184px; height:22px;background: url(../img/menu_dos_d_cast.gif) no-repeat;} a#menu_dos_d_cast:hover { background-position:0 -22px;} /*Botones del menu dos (debajo del calendario) - catala --------------------------------------------------------------------------- */ a#menu_dos_a_eng { display:block; text-indent:-9999em; width:184px; height:22px;background: url(../img/menu_dos_a_eng.gif) no-repeat;} a#menu_dos_a_eng:hover { background-position:0 -22px;} a#menu_dos_b_eng { display:block; text-indent:-9999em; width:184px; height:22px;background: url(../img/menu_dos_b_eng.gif) no-repeat;} a#menu_dos_b_eng:hover { background-position:0 -22px;} a#menu_dos_c_eng { display:block; text-indent:-9999em; width:184px; height:22px;background: url(../img/menu_dos_c_eng.gif) no-repeat;} a#menu_dos_c_eng:hover { background-position:0 -22px;} a#menu_dos_d_eng { display:block; text-indent:-9999em; width:184px; height:22px;background: url(../img/menu_dos_d_eng.gif) no-repeat;} a#menu_dos_d_eng:hover { background-position:0 -22px;} /*Contenedor --------------------------------------------------------------------------- */ #contenedor { } /*Menu izquierda --------------------------------------------------------------------------- */ #menu_izq { width:200px; float:left; margin-top:9em; } #calendario { text-align:right; padding:1em 0;} #calendario_contenido { text-align:right; padding:0;} /*Contenido --------------------------------------------------------------------------- */ #contenido { width:600px; float:right; } /*Home --------------------------------------------------------------------------- */ #home_izquierda { width:450px; float:left; } #home_derecha { width:141px; float: right; } #banners_home li { list-style-type:none;} .titol_localitza { color:#FF3F01; padding:0.3em; font-weight:bold;} #localitzar_home { background: url(../img/fons_buscador_home.jpg) top left no-repeat; margin:1em 0;} .localitzar_home { border:#D7DFEA 1px solid; font-size:0.9em; background:#F8F9FB; color:#CC0000; width:135px; } .localitzar_home2 { border:#D7DFEA 1px solid; font-size:0.9em; background:#F8F9FB; color:#CC0000; width:68px; } .localitzar_boton { border:#999999 1px solid; font-size:1em; font-weight:bold; background:#999999; color:#FFFFFF; margin-left:6em; margin-top:0.3em; } #localitzar_home p { padding:0;} #localitzar_home label { display:block; width:30px; font-size:0.9em; text-align:right; margin:0.3em;} #boton_localitza_home { background: url(../img/boton_buscador_home.jpg) top left no-repeat; height:24px} #bienvenida { background:#F7F7F7; padding:0.5em;} #analisi_home { margin-top:1em;} #analisi_home img { float:left; padding-right:0.8em;} #flotados_home_izq { margin: 1em 1.3em 0 0;} #flotados_home_der { margin-top: 1em;} #formacio_home { color:#FFFFFF; border-bottom:#FFFFFF 1px dashed; margin-bottom:1em;} .fecha { font-size:0.9em; padding:0; margin-left:0.6em;} /*Quienes somos --------------------------------------------------------------------------- */ #google_maps_ubicacion { border:#FFE0D6 1px solid; margin:0.1em; width:545px;} #google_maps_agremiat { width:290px; margin: 1em 0 0 2em;} /*Contacta --------------------------------------------------------------------------- */ #contenido div#contacta label { width:70px; text-align:right; float:left; display:block; padding-right:1em;} #contacta input { border: #EAE4D7 1px solid; font-size:1em; background: url(../img/fons-form.jpg); color:#333333;/*background:#EEEAE9;*/} #contacta textarea { border: #EAE4D7 1px solid; font-size:1em; background:none; color:#333333; } /*Enlaces --------------------------------------------------------------------------- */ .foto_enlaces { width:100px; float:left; height:100px; margin:0.5em;} .caja_enlaces { clear:both; padding:0.5em; border-bottom:#FFE0D6 1px solid; } /*Formacio --------------------------------------------------------------------------- */ #fechas { margin:0.5em 0 1em 1em; border-bottom:#FFE0D6 1px dashed; padding-bottom:0.5em; } .foto_derecha { width:180px; float:right; border:#FFE0D6 1px solid; padding:0.1em; margin:0 0 0.5em 0.5em;} #print_volver { clear:both; text-align:right; border-top:#FFE0D6 1px solid; margin-top:1em; padding-top:0.4em;} #contenido div#contacta_b label { width:90px; text-align:right; float:left; display:block; padding-right:1em;} #contacta_b input { color:#333333; border: #F7CEE6 1px solid; font-size:1em; background: url(../img/fons-form.jpg); /*background:#EEEAE9;*/} #contacta_b textarea { border: #EAE4D7 1px solid; font-size:1em; background:none; color:#333333; } #contenido div#contacta_c label { width:70px; text-align:right; float:left; display:block; padding-right:1em;} #contacta_c input { border: #EAE4D7 1px solid; font-size:1em; background: url(../img/fons-form.jpg); color:#333333; /*background:#EEEAE9;*/} #contacta_c textarea { border: #EAE4D7 1px solid; font-size:1em; background:none; color:#333333; } #contenido div#contacta_d label { width:190px; text-align:right; float:left; display:block; padding-right:1em;} #contacta_d input { color:#333333; border: #F7CEE6 1px solid; font-size:1em; background: url(../img/fons-form.jpg); /*background:#EEEAE9;*/} #contacta_d textarea { border: #EAE4D7 1px solid; font-size:1em; background:none; color:#333333; } #contenido div#contacta_e label { width:210px; text-align:right; float:left; display:block; padding-right:1em;} #contacta_e input { color:#333333; border: #F7CEE6 1px solid; font-size:1em; background: url(../img/fons-form.jpg); /*background:#EEEAE9;*/} #contacta_e textarea { border: #EAE4D7 1px solid; font-size:1em; background:none; color:#333333; } /*Serveis --------------------------------------------------------------------------- */ .serveis { border-bottom:#FFE0D6 1px solid; margin-bottom:1em;} .serveis ul { margin:0.5em 0 0.5em 2em;} .serveis li { padding:0.3em; list-style-type:square;} /*analisi --------------------------------------------------------------------------- */ .mensajes_relacionados { border-bottom:#FFE0D6 1px solid; margin-bottom:1em; border-top:#FFE0D6 1px solid; } .mensajes_relacionados ul { margin:0.5em 0 0.5em 2em;} .mensajes_relacionados li { padding:0.3em; list-style-type:square;} .mas_fotos img { float:left; padding:0.4em; margin:1px;} /*revista --------------------------------------------------------------------------- */ #botons_revista { clear:both;} #contenido div#formulari_revista label { display:block; width:140px; float:left;} /*Ficha agramiado*/ #tinto_uno img { background:#CCCCCC; padding:0.5em;} #google_maps_agremiat_ficha { clear:both; } #google_maps_agremiat_ficha p{ margin-top:1.5em;} #mapa_borde { border:#ccc 1px solid; margin:1em; width:560px; padding:0.3em;} #boton_pasarela { margin-left:17em; margin-top:1em;} /*Estilos generales, cajas etc... --------------------------------------------------------------------------- */ .caja { border:#FE4002 1px solid; padding:0.5em;} .caja_roja { background:#FE4002; padding:0.5em; color:#FFFFFF;} .cuarenta { width:38%; float:left;} .cuarenta_b { width:38%; float: right;} .cincuenta { width:48%; float:left;} .sesenta_a { width:58%; float:left;} .sesenta { width:58%; float:right; text-vertical-align:top;} .caja_contenidos { clear:both; padding:0.5em; border-bottom:#FFE0D6 1px solid; margin-bottom:1em; } .caja_contenidos ul { margin:0.5em 0 0.5em 2em;} .caja_contenidos li { padding:0.3em; list-style-type:square;} #banners_peu { margin-left:5em;} #banners_peu li { list-style-type:none; float:left; padding:0.5em;} /*Pie --------------------------------------------------------------------------- */ #peu { clear:both; border-top:#FFCEBE 1px solid; border-bottom:#FFCEBE 6px solid; margin-bottom:1em; margin-top:1em; padding:0.5em; height:18px; font-size:0.9em; text-align: right;} /*Hack para las cajas - valida la css - solo ie + Firefox --------------------------------------------------------------------------- */ .clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;} * html .clearfix {height:1px;} .paginacion_actual { background:none; color:black; text-decoration:none; } .paginacion a:link, .paginacion a:visited { background:#FFCEBE; color:black; text-decoration:none; border:1px solid white;} .paginacion a:hover { background:#FFCEBE; color:black; border:1px solid red; text-decoration:none; } .forms { border:#D7DFEA 1px solid; font-size:0.9em; background: url(../img/fons-form.jpg); color:#CC0000; /*background:#F8F9FB;*/ }