@charset "utf-8";
/* CSS Document */

* { margin: 0; padding: 0; }

body { background-color: #FFF; color: #333; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }

/***** ESTRUCTURA *****/
#wrap, #wrap_normal, #wrap_inicio { width: 924px; margin: 0 auto; }

#main { float: left; position:relative; width: 100%; }
#wrap_inicio #main { height:502px; background: url(img/main.jpg) no-repeat transparent; background-position:center }
	
	#header { float: left; position:relative; width: 100%; height: 70px; }
	a#logo { position: absolute; top: 4px; left: 0px; }
	#barra_menu { position: absolute; top: 20px; right: 6px; width: 350px; background: url(img/barra.png) 0 0 repeat-x transparent; }
		#barra_menu_i { background: url(img/barra_i.png) 0 0 no-repeat transparent; }
			#barra_menu_d { width: 100%; height: 26px; background: url(img/barra_d.png) 100% 0 no-repeat transparent; }
			
	#cuerpo { float: left; width: 100%; position:relative; }
		#contenido { width: 100%; }
		#wrap_inicio #contenido { position: absolute; top: 190px; left: 20px; width: 374px; height: 214px; background: url(img/contenido.png) 0 0 no-repeat transparent; overflow: hidden; }
		#wrap_normal #contenido { min-height: 200px; }
		
			#wrap_inicio #gutter_contenido { float: left; width: 354px; height: 194px; margin: 10px; overflow: auto; }
			#wrap_normal #gutter_contenido { padding: 10px 0; }
				#wrap_normal iframe { width:925px;overflow: auto; border: none; }

#footer { float: left; clear: both; width: 100%; background: url(img/barra.png) 0 0 repeat-x transparent; }
	#footer_i { background: url(img/barra_i.png) 0 0 no-repeat transparent; }
		#footer_d { width: 100%; height: 26px; line-height: 26px; background: url(img/barra_d.png) 100% 0 no-repeat transparent; text-align: left; text-indent: 10px; }
		
#informacion_inferior { float: left; width: 100%; padding-top: 10px; border-top: 2px solid #E20025; font-size: 10px; font-weight: bold; color: #0163A2; }

#barra_menu_inferior { float: left; width: 100%; margin-top: 10px; }

/***** GENERALES *****/
a { color: #06C; text-decoration: none; }
	a:hover { text-decoration: underline; }

a img { border: none; text-decoration: none; }

h1 { margin: 0 0 10px 0; color: #000; font-size: 24px; font-weight: bold; }
h2 { margin: 12px 0; font-size: 16px; font-weight: bold; }
h3 { margin: 8px 0; color: #666; font-size: 14px; font-weight: bold; }
h4 { margin: 8px 0; color: #666; font-size: 12px; font-weight: bold; }
	
p { margin: 8px 0; line-height: 150%; }

/***** AUXILIARES *****/
.clear { clear: both; }
.gutter { padding: 10px; }
.gutter_mini { padding:4px; }
.relativo { position:relative; }
.izq { float:left; }
.der { float:right; }
.dos_tercios { width: 66%; }
.un_tercio { width: 32%; }
.mitad { width: 50%; }
.aire { padding: 6px; }
.aire_vertical { margin-top:6px; margin-bottom:6px;}
.aire_v { padding-top:10px; padding-bottom:10px;}
.aire_top { padding-top: 16px; }
.aire_h { padding-left:10px; padding-right:10px; }
.no_aire{ margin: 0; padding: 0; }
.enlinea { display:inline; }
.centro { margin: 0 auto; }
.centrado { text-align: center }
.derechado { text-align: right; }
.mediado { vertical-align: middle; }
.negrita { font-weight: bold; }
.sutil { color: #666; }
.pequena { font-size:11px; }
.sutilisimo { color: #666; font-size: 11px; }
.tachado { text-decoration: line-through; }
.mayuscula { text-transform: uppercase; }
.minilabel { color: #666; font-size: 11px; font-weight: bold; }
.extralabel { color: #666; }

.test { background-color: #FF3300; }

/***** MENÚS *****/
ul#menu_principal { width: 100%; padding: 0 0 0 4px; text-align: center; }
	ul#menu_principal li { display: inline; margin: 0 8px; padding: 0; line-height: 26px; list-style: none; text-transform: lowercase; font-weight: bold; }
		ul#menu_principal li a { padding: 0 8px; text-decoration: none; color: #000; }
			ul#menu_principal li a:hover { text-decoration: underline; }

/***** ESPECIALES *****/
#info_contacto { position: relative; height: 460px; background: url(img/info_contacto.png) 100% 100% no-repeat transparent; }
	.info { position: absolute; bottom: 130px; right: 264px; width: 280px; height: 154px; padding: 5px 10px; }

#menu_contacto { float: right; margin-right: 6px; clear: both; background: url(img/menu_cont.png) 0 0 repeat-x transparent; }
	#menu_contacto_i { background: url(img/menu_cont_i.png) 0 0 no-repeat transparent; }
		#menu_contacto_d { width: 100%; height: 26px; line-height: 26px; background: url(img/menu_cont_d.png) 100% 0 no-repeat transparent; }

ul.tabs { width: 100%; padding: 0; text-align: center; }
	ul.tabs li { display: inline; margin: 0 8px; padding: 0; line-height: 26px; list-style: none; font-weight: bold; }
		ul.tabs li a { padding: 0 8px; text-decoration: none; color: #666; }
			ul.tabs li a:hover { color: #000; text-decoration: underline; }
			html ul.tabs li.active a, html ul.tabs li.active a:hover { color: #000; }
/***** LISTAS *****/
	
/***** CONTENIDO *****/
#contenido {  }

/***** FORMULARIOS *****/
form { }
	fieldset { padding: 10px; border: 1px solid #CCC; }
	fieldset legend { font-size:14px; font-weight: bold; }
	form div.input { clear: both; margin-bottom: 8px; vertical-align: text-top; }
	form div.submit { border: 0; clear: both; margin: 16px 0; text-align: center; }
	label { display: block; width:100%; margin-bottom: 4px; }
	label:after { content: ":";  }
	input[type=text] { margin-bottom: 10px; }
	select { clear: both; vertical-align: text-bottom; }
	select[multiple=multiple] { width: auto; padding: 4px; line-height:150%; }
	option { padding: 0 3px; }
	input[type=text], textarea { border: 1px solid #999; }
	input[type=checkbox] { margin: 4px 6px 4px 2px; width: auto; }
	input[type=radio] { width:auto; margin: 0 3px 7px 0; }
	div.radio label { margin: 0 0 6px 20px; }
	input[type=submit], input[type=button] { display: inline; width: auto; vertical-align: bottom; padding: 2px 4px; font-weight: bold; }
		input[type=submit].pequena { padding: 2px; font-size: 11px; font-weight: bold; }
		input[type=submit].mediado { vertical-align: middle; }
	
	label.simple:after { content: none; } 

/***** MENSAJES *****/
.mensaje_flash .message, .mensaje_flash .error { margin: 0 0 16px 0; padding: 8px; text-align: center; border: 2px dashed #FC0; }
	.mensaje_flash .error { border-color: #F30; }

div.error-message { font-size: 11px; font-weight: normal; color: #F30; }