/* CSS Document */
*{ padding:0px; margin:0px;}
a { color:#999999; text-decoration:none;}
ul {list-style:none}
body{background:url(../imagenes/degrade_fondo.jpg) repeat-x; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; text-align:center; margin-bottom:10px; }

#contenedor {width:740px; margin:auto; }

#cabecera {width:740px;}
#cabecera #fecha {width:100%; height:20px; margin-top:10px; text-align:right; font-weight:bold;}
#cabecera #logo {float:left; width:100%; height:224px; border:none;}

/* #cabecera #logo a embed {float:left; width:740px; height:264px; border:none; }
/* #cabecera #logo a object {float:left; width:740px; height:264px; border:none; } /*
/* #cabecera #logo a object {width:740px; height:264px;} */

#cabecera #blanco {width:100%; float:left; background-color:#FFFFFF; }

#cabecera ul#menu {width:720px; float:left; padding-left:20px; border-top:2px #000000 solid; border-bottom:2px #000000 solid; background:url(../imagenes/boton_comun.jpg) repeat-x;}
#cabecera ul#menu li.comun {float:left; height:28px; display:inline; background:url(../imagenes/borde_boton.jpg) no-repeat right;}

#cabecera ul#menu li.ultimo { background:none;}
#cabecera ul#menu li a {color:#FFFFFF; float:left; height:13px; padding:6px 7px 10px; }
#cabecera ul#menu li a:hover {color:#463426; background:url(../imagenes/boton_hover.png) repeat-x;}
#cabecera ul#menu li a.active {color:#ffffff; font-weight:bold;  background:url(../imagenes/boton_hover.png) repeat-x;}

#cabecera ul#submenu {float:left; width:724px; height:21px; background-color:#B2B2B2;}
#cabecera ul#submenu li {height:21px;background:url(/imagenes/vineta.jpg) left center;background-repeat:no-repeat;float:left; padding-left:12px;margin-left:25px; padding-right:16px; color:#ffffff;border-right:1px solid #fff}
#cabecera ul#submenu li a {float:left; color:#ffffff; margin-top:2px;}
#cabecera ul#submenu li a:hover {color:#000066;}
#cabecera ul#submenu li a.active {font-weight:bold;color:#000066}


#subtitulos {width:733px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold;  background-color:#FFFFFF; padding-left:7px;}


#subtitulos #s1 {float:left; width:100%; margin-top:8px; margin-bottom:6px; }
#subtitulos #s1 p {width:100%; float:left; color:#000000; font-size:10px; font-weight:normal; }
#subtitulos #s2 {width:99%; float:left; margin-top:6px; padding-top:6px; padding-bottom:6px; background-color:#CCCCCC; } 
#subtitulos #s2 h1 {float:left; color:#333333; text-align:center; padding-left:15px; font-size:16px; text-align:left;}
#subtitulos #s3 {width:99%; float:left; margin-top:6px; padding-top:6px; padding-bottom:6px; background-color:#E5E5E5; } 
#subtitulos #s3 h2 { float:left; color:#333333; text-align:center; padding-left:15px; font-size:14px; text-align:left;}

#cuerpo {float:left; width:100%; padding-bottom:20px; background-color:#FFFFFF; }

#pie { float:left; width:100%; height:55px; }
#pie_arriba { float:left; width:100%; height:30px; border-top:1px #BFBBB7 solid; background:url(../imagenes/fondo_pie.gif) repeat-x }
#pie_arriba ul { float:left; margin-left:10px; margin-top:5px; }
#pie_arriba ul li { display:inline; }
#pie_arriba ul li a.texto_pie { color:#000000; text-decoration:none; font-weight:bold; }
#pie_arriba ul li a.barra { color:#000000; text-decoration:none;}
#pie_arriba ul li a:hover { text-decoration:underline; }
#pie_arriba p { float:left; margin-left:10px; margin-top:5px; }
#pie_arriba a img { float:left; margin-top:2px; border:none; }
#pie_arriba_der { float:right; width:45%; margin-top:5px; }
#pie_arriba_der p { float:right; width:90%; text-align:right; margin-top:0px; margin-right:5px; }
#pie_abajo { float:right; width:38%; height:21px; background-color:#FDFCFC; }
#pie_abajo_izq img { float:right; }

/* Home */
#cuerpo_izq { float:left; width:32%; padding-top:20px; }

#cuerpo_der {float:right; width:67%; padding-top:20px;}
#cuerpo_der p {float:right; width:97%; margin-right:5px; text-align:left;}
#cuerpo_der p.negrita {float:right; width:97%; font-weight:bold; margin-right:5px; text-align:left;}
#cuerpo_der #medio {float:right; width:96%; height:106px; margin-top:20px; margin-right:8px; margin-bottom:20px; background-color:#F6F5F5;}

#cuerpo_der #medio p.titulo {float:left; width:94%; font-weight:bold; margin-top:10px; margin-left:10px; font-size:11px;}

#cuerpo_der #medio ul { float:left; width:100%; height:70px; margin-top:10px; }
#cuerpo_der #medio ul li { float:left; width:32%; height:15px; } 
#cuerpo_der #medio ul li a.texto { float:left; text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000000; margin-left:5px; }
#cuerpo_der #medio ul li a:hover { text-decoration:underline }
#cuerpo_der #medio ul li a.imagen img { float:left; border:none; margin-left:15px; margin-top:4px;}

/* Interior */
#cuerpo_izq_int { float:left; width:31%; padding-top:20px;}
#cuerpo_izq_int img {float:left; margin-left:10px; margin-bottom:15px; border:6px #BFBBB7 solid;}

#cuerpo_der_int {float:right; width:68%; padding-top:20px;}
#cuerpo_der_int img{float:left; margin-bottom:15px;  }

#cuerpo_der_int #medio_int {float:left; width:97%; height:106px; margin-top:20px; margin-right:10px; margin-bottom:20px; background-color:#F6F5F5;}

#cuerpo_der_int #medio_int p.titulo{float:left; width:94%; font-weight:bold; margin-top:10px; margin-left:10px; font-size:11px;}

#cuerpo_der_int #medio_int ul { float:left; width:50%; height:70px; margin-top:10px; }
#cuerpo_der_int #medio_int ul li { float:left; width:100%; height:18px;} 
#cuerpo_der_int #medio_int ul li a.texto { float:left; text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000000; margin-left:5px; }
#cuerpo_der_int #medio_int ul li a:hover { text-decoration:underline }
#cuerpo_der_int #medio_int ul li a.imagen img { float:left; border:none; margin-left:15px; margin-top:4px; }
#cuerpo_der_int p {float:right; width:97%; margin-right:5px; text-align:left;}
#cuerpo_der_int p.negrita {float:right; width:97%; font-weight:bold; margin-right:5px; text-align:left;}

/* Formulario */
#formulario {width:580px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px;  background-color:#FFFFFF; padding-left:90px;}
#formulario a{ text-decoration:underline}
#formulario img{ border:0px;}

#formulario #titulo {width:557px;  float:left; margin-top:20px;  padding-top:10px; padding-bottom:10px; background-color:#E5E5E5; border-bottom:1px #DDDCDC solid;} 
#formulario #titulo p.titulo {width:100%; float:left; color:#333333; text-align:center; font-weight:bold }
#formulario #form_cuerpo {width:557px; float:left; margin-top:0px; padding-top:20px; padding-bottom:20px; background-color:#F6F5F5;  } 
#formulario #form_cuerpo p.item {width:30%; float:left; color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-align:right; padding-top:4px; }
#formulario #form_cuerpo input.edicion {width:214px; height:22px; float:left; border:1px #C3C3C3 solid; margin-left:8px; margin-bottom:12px; } 
#formulario #form_cuerpo input.boton {width:83px; height:21px; float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; font-weight:bold; border:2px #000000 solid; margin-left:255px; background:url(../imagenes/fondo_boton.jpg) repeat-x;} 
#formulario #form_cuerpo textarea {width:345px; height:110px; float:left; border:1px #C3C3C3 solid; margin-left:8px; margin-bottom:12px; }
 
#formulario #form_cuerpo p.item {width:30%; float:left; color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-align:right; padding-top:4px; }

#formulario #form_cuerpo li{ padding:15px; text-align:center; float:left; width:220px;}

/* Para Mapa Web */

#formulario #mapa_web { width:557px; float:left; margin-top:0px; padding-top:20px; padding-bottom:20px; background-color:#F6F5F5; }
#formulario #mapa_web ul { float:left; width:90%; margin-top:10px;}
#formulario #mapa_web ul li { float:left; width:100%; margin-top:4px; }
#formulario #mapa_web ul li a.texto { float:left; text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000000; margin-left:5px; }
#formulario #mapa_web ul li a:hover { text-decoration:underline }
#formulario #mapa_web ul li a.imagen img { float:left; border:none; margin-left:15px; margin-top:4px; }

#formulario #mapa_web ul li ul { float:left; width:100%; margin-top:10px; }
#formulario #mapa_web ul li ul li { float:left; width:90%; height:18px; margin-left:35px; }
#formulario #mapa_web ul li ul li a.texto { float:left; text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000000;  }
#formulario #mapa_web ul li ul li a:hover { text-decoration:underline }
#formulario #mapa_web ul li ul li a.imagen img { float:left; border:none; margin-left:5px; margin-top:1px; }

/* Para que se agranden las fotos, extraido de Sant Jordi */

a {color:#000;}
a:hover {text-decoration:none;}
a:visited {color:#000;}

.photo ul.topic {}

.photo ul.topic li {float:left; margin-top:5px; margin-left:0px; padding-left:9px; border:none;}
.photo ul.topic li.mayor {display:block; width:222px; height:118px; float:left;}
.photo ul.topic li.menor_der {display:block; width:98px; height:107px; float:left;}
.photo ul.topic li.menor_izq {display:block; width:116px; height:107px; float:left;}

.photo ul.topic li a img {border:none;}

.photo ul.topic li a:hover img {float:left; width:300px; height:300px; margin-left:-65px; border:none; position:absolute;} 

.photo ul.topic li a ul, .photo ul.topic li ul {display:none;}

.photo ul.topic li.active a {color:#000; background:#bbb;}

.photo ul.topic li a:hover, .photo ul.topic li:hover a {color:#fff; background:#aaa;}

.titForm{
background:url(../imagenes/img_sep.gif)); background-repeat:no-repeat; background-position:top left;
background-color:#c5c5c5;
}
.fondoForm{
background:url(../imagenes/ficha.gif); background-repeat:no-repeat; background-position:top left;
background-color:#FFFFFF;
}
.fondoTabla{
border:solid 12px #E5E5E5
}