/* ----------- GENERAL             */

* {margin: 0; padding: 0}
html {font-family:Arial, Helvetica, sans-serif}
body {text-align:center}
#contenedor {text-align:left; margin:0 auto;width:624px}
a {color:#003399;text-decoration:none; background-color:transparent}
a:hover {text-decoration:none}
.clear {clear:both;overflow:hidden;height:0}

/* ----------- LINEA ARRIBA         */
#arriba {background: url(img/arriba_fondo.gif) repeat-x; height: 29px}
#arriba span {display: block;width:488px;background: url(img/arriba_imagen.gif) no-repeat;height: 29px; margin: 0 auto}

/* ----------- LOGO         */

h1 {width: 232px}
h1 a {display:block;background: url(img/logo.gif) no-repeat; height:65px}
h1 span {display:none}

/* ----------- MENU          */

#menu {position:relative; top:-40px; right: 0;list-style-type:none; width:390px; text-align:right; margin-left:232px}
#menu li {display:inline; text-transform:uppercase; font-size:10px;padding-left:6px}
#menu li a {padding: 3px 6px; color:#000; background-color:#fff;line-height:22px}
#menu li a:hover {background-color:#000099; color:#fff}
#menu li.idioma {position:relative;top:20px}
#menu li.idioma a {background-color:#F5F5F5;color:#000}
#menu li.idioma a:hover {background-color:#910000;color:#fff}

/* ----------- BANNER CENTRAL         */

.banner { border: 1px solid #E4E4E4; padding:10px; margin-bottom: 20px}
.banner div {background-color:#000099; height:150px}

/* ----------- UBICACION         */

#ubicacion { background: url(img/fondo_rayas.gif)}
#ubicacion h3 {
	color:#003399; background-color:inherit;
	padding:12px 4px 0 4px;
	font-weight:bold; font-size:22px
	}
#submenu {list-style-type:none}
#submenu li {display:inline; text-transform:uppercase; font-size:10px}
#submenu li a {padding: 3px 6px; color:#000; background-color:inherit;line-height:22px}
#submenu li a:hover {background-color:#000099; color:#fff}
#submenu li.on a {color:#FFF;background-color:#003399}

/* ----------- CONTENIDOS         */

h2 {
	color:#8F0000; background: #fff url(img/sombra.gif) repeat-x; 
	padding-top:18px;border-top: 1px solid #E4E4E4;
	font-weight:normal; font-size:30px
}
.textos {padding:12px 0 12px 0;border-bottom: 15px solid #003399; margin-bottom:1px}
td,
li,
dl,
p {font-size:13px; padding-bottom:12px;text-align:justify}
p a {text-decoration:underline}
p a:visited {color:#00236A;text-decoration:underline;background-color:transparent}
p a:hover {color:#0049E1;text-decoration:none;background-color:transparent}
.textos ul,
blockquote {margin: 0 0 0 40px}
dt a {font-weight:bold}
dd {padding-left:1em;color:#555;font-size:.9em}
.textos h3 {
	color:#003399;background-color:inherit;margin: 15px 0;
	padding:5px 0 3px 0;font-weight:bold;font-size:18px;
	border-top: 1px solid #EFEFEF;border-bottom: 1px solid #EFEFEF
	}
.textos h4 {
	color:#000; background-color:inherit;
	padding:12px 0;
	font-weight:bold; font-size:14px
	}
.textos blockquote.doc {
	background-color:#fff;font-size:13px;
	padding:7px;width:420px;margin: 10px auto;
	border: 1px solid #0072C6;text-align:center
	}
.logo {float:right;clear:right;margin: 0 0 6px 8px}

/* ----------- PIE         */

#pie {
	background: url(img/fondo_rayas.gif);
	clear:both;text-align:center;font-size:11px;
	padding: 10px 2px 30px 0; margin:0 auto;width:624px
}

/* ----------- BLOQUES Y COLUMNAS      */

.izquierda {float:left;width:200px}
.derecha {margin-left: 224px}
* html .derecha {display:inline-block}
.bloques {padding: 6px 6px 0 6px;margin: 15px 0; background-color:#F5F5F5}
.bloques p {padding-bottom:6px}
.bloques img {border-width:0px}
.publicaciones a {font-size:11px; color:#8E0000 !important; background-color:transparent; text-decoration:none !important}
.noticias a {font-size:11px; color:#003399 !important; background-color:transparent; text-decoration:none !important}

/* ----- FORMS -------- */
fieldset {border:0 none;border-top:2px solid #003399;padding-top:1em}
legend {padding-right:1em;font-size:.8em;color:#003399;font-weight:bold}
label {display:block;font-weight:bold;color:#8F0000}
input,textarea {border:1px solid #B74F4F;padding: 0 .15em}
textarea {;font-family:Arial, Helvetica, sans-serif;font-size:1em}
input:focus,textarea:focus {background-color:#FFFCEF}
.boton input {border:0 none;background-color:#8F0000;color:#fff;margin-left:17em;cursor:pointer}

/* GALERIA DE FOTOS */
.galeria {list-style-type:none}
.galeria li {float:left;width: 140px}
.galeria li a img {padding:.3em;border:1px solid #ccc}
