
/* Estructura
-------------------------------------------------- */

#oContenedor {
	width: 760px;
	text-align: left;
	margin: 0 auto;
	display: block;
	background: #CCCCC5 url(../img/f_body.gif) top left repeat-y;
	padding: 0 23px;
}


/* Cabecera
#################### */

#oCabecera {
	float: left;
	width: 760px;
	border-top: 6px solid #C01427;
	padding: 6px 0 0 0;
}

a#logo {
	float: left;
	width: 290px;
	height: 60px;
	display: block;
	background: transparent url(../img/logo.gif) 0 0 no-repeat;
	font-size:0; text-indent:-500px; color:#fff;
}

#logo h1 {
	display: none;
}

#oCabecera .oModulo {
	float: left;
	padding: 6px 15px 8px 14px;
}

.bIzq { background: transparent url(../img/l_puntos_v.gif) 0 0 repeat-y; }
.bDer { background: transparent url(../img/l_puntos_v.gif) 100% 0 repeat-y; }
.bInf { display:block; clear:both; background: transparent url(../img/l_puntos_x.gif) 0 100% repeat-x; height:1px; margin-bottom:2px; margin-right:10px; }
.bInf_3 { display:block; clear:both; background: transparent url(../img/l_puntos_x_2.gif) 0 100% repeat-x; height:1px; margin-bottom:2px; margin-right:10px; }
.bInfmargin { margin:10px 0; }

div.bInf_2b { background: transparent url(../img/l_puntos_02_x.gif) 0 100% repeat-x; padding-bottom: 0; height: 1px; margin: 2px 0 6px 0 !important; margin: -10px 0 6px 0 }
div.bInf_2 { background: transparent url(../img/l_puntos_02_x.gif) 0 100% repeat-x; padding-bottom: 0; height: 1px; margin: 6px 0 6px 0 !important; margin: -4px 0 6px 0; }

select#comunidad { margin: 12px 0 0 0; width: 161px;  }

#oCabecera label { display: block; padding: 12px 0 0 0; font-size: 9px; }


/* oContenido
#################### */

#oContenido {
	float: left;
	width: 760px;
	/*height: auto !important;*/ overflow:hidden;
	/*height: 400px;*/
	min-height: 400px;
	padding: 0 0 0 0;
	margin: 8px 0 0 0;
}
#oContenido.txt { background:url(../img/bg_ocontenido.gif) repeat-y right; }

#oColIzq {
	float: left;
	width: 172px;
	height: 100%;
	}

ul#nav {
	float: left;
	background: transparent url(../img/l_puntos_x_2.gif) 0 0 repeat-x;
	width: 162px;
	padding: 1px 0 0 0;
}

ul#nav li {
	float: left;
	background: transparent url(../img/l_puntos_x_2.gif) 0 100% repeat-x;
	width: 162px;
	padding: 0 0 1px 0;
	font-size: 10px;
}
/*subnivel del menu*/
ul#nav li.selected ul{
	padding:10px 5px 6px 5px !important;
	display:block;
	clear:both;
	background: #FAFAF2 url(../img/l_puntos_x_2.gif) repeat-x top !important;
	overflow:hidden;
	width:auto;
}
ul#nav li.selected ul li{
	background:#FAFAF2;
	width:auto;
	margin-bottom:3px;
	font-size: 9px;
}
ul#nav li.selected ul li a{
	display:block;
	background:#FAFAF2;
	font-weight:normal;
	padding:0px 5px;
	color:#221E1F;
	border-left:2px solid #221E1F;

}
ul#nav li.selected ul li a:hover {
	border-left:2px solid #C01427;
	color:#C01427;
	font-weight:normal;
	background:#FAFAF2;
}
ul#nav li.selected ul li.selected a{
	background:#FAFAF2;
	font-weight:bold;
	border-left:2px solid #C01427;
	color:#C01427;
}
ul#nav li.selected ul li.selected a:hover{
	font-weight:bold;
}
/*FIn subnivel del menu*/

ul#nav li a {
	float: left;
	display: block;
	background: transparent url(../img/ico_01.gif) 0 50% no-repeat;
	width: 153px;
	padding: 5px 0 5px 9px;
	text-decoration: none;
	color: #C01427;
}

ul#nav li a:hover, ul#nav li.selected a {
	background-color: #F7EEE8;
	font-weight: bold;
}

#oCuerpo { float: left; width:588px; line-height:1.6; padding: 0; margin: 0;  }
#oCuerpo a:hover { text-decoration:underline; }
#oCuerpo b { color:#C01427; }


.grey { background:#F4F4ED; }

div.flashHome { float: left; margin: 0 0 13px 0; }

.oModulo01 {
	float: left;
	width: 588px;
	padding: 0 0 3px 0;
	margin: 0 0 7px 0;
	background: transparent url(../img/f_mod_01.gif) 0 0 repeat-y;
	}

.oModulo02 {
	float: left;
	width: 588px;
	padding: 0 0 3px 0;
	margin: 0 0 7px 0;
	background: transparent url(../img/f_mod_02.gif) 0 0 repeat-y;
	}

.bloqueIzq { width: 277px; float: left; padding: 10px 0 0 0; margin: 0 0 0 7px !important; margin: 0 0 0 4px; }
.bloqueDer { width: 277px; float: right; padding: 10px 0 0 0; margin: 0 7px 0 0 !important; margin: 0 4px 0 0; }

#oModuloHomeInferior {
	float: left;
	width: 581px;
	border-top: 4px solid #C01427;
	padding: 13px 0 0 7px;
}

#oModuloHomeInferior div.fondo {
	float: left;
	width: 581px;
	background: transparent url(../img/f_mod_homeinferior.gif) 0 0 repeat-y;
}

#oModuloHomeInferior .bloque { width: 173px; float: left; padding: 0; margin: 0 27px 0 0; }
#oModuloHomeInferior .ultimo { width: 173px; margin: 0; }

/* H2 Los títulos imagen*/
.cabecerah2 { position:relative; display:block; clear:both; width:588px; height:97px; background:#C01427 url(../img/bg_h2_base.gif) no-repeat top left; margin-bottom:18px; }
.cabecerah2 h2 { position:absolute; top:65px; left:19px; display:block; font-size:0; text-indent:-500px; color:#C01427; }
.h2blanc { margin:23px 0 11px 0;  display:block; font-size:0; text-indent:-500px; color:#fff; }
.h2quienes { width:226px; height:21px; background:url(../img/h2_quienes.gif) no-repeat top left; }
.h2quienes_blanc { width:226px; height:21px; background:url(../img/h2_quienes_blanc.gif) no-repeat top left;  }
.h2valores { width:292px; height:21px; background:url(../img/h2_quienes_valores.gif) no-repeat top left; }
.h2donde { width:112px; height:21px; margin-bottom: 0 !important; padding: 0 !important; background:url(../img/h2_quienes_donde.gif) no-repeat top left; }
.h2ventajas { width:187px; height:30px; background:url(../img/h2_ventajas.gif) no-repeat top left; }
.h2novedades_derecho { width:187px; height:21px; background:url(../img/h2_novedades_derecho.gif) no-repeat top left; }
.h2novedades_legislativas { width:164px; height:21px; background:url(../img/h2_novedades_legislativas.gif) no-repeat top left; }
.h2novedades_consultas { width:123px; height:21px; background:url(../img/h2_novedades_consultas.gif) no-repeat top left; }
.h2novedades_expedientes { width:144px; height:21px; background:url(../img/h2_novedades_expedientes.gif) no-repeat top left; }
.h2novedades_convenios { width:132px; height:21px; background:url(../img/h2_novedades_convenios.gif) no-repeat top left; }
.h2novedades_subvenciones { width:152px; height:21px; background:url(../img/h2_novedades_subvenciones.gif) no-repeat top left; }
.h2novedades_jurisprudencia { width:152px; height:21px; background:url(../img/h2_novedades_jurisprudencia.gif) no-repeat top left; }
.h2novedades_empleo { width:230px; height:21px;  background:url(../img/h2_novedades_empleo.gif) no-repeat top left; }
.h2novedades_noticia { width:132px; height:21px; background:url(../img/h2_novedades_noticia.gif) no-repeat top left; }
.h2colaboradores { width:104px; height:26px; background:url(../img/h2_colaboradores.gif) no-repeat top left; }
.h2consulta_solicitud { width:144px; height:19px; background:url(../img/h2_consulta_solicitud.gif) no-repeat top left; }
.h2faqs { width:147px; height:21px; background:url(../img/h2_faqs.gif) no-repeat top left; }
.h2publicaciones { width:190px; height:26px; background:url(../img/h2_publicaciones.gif) no-repeat top left; }
.h2enlaces { width:125px; height:26px; background:url(../img/h2_enlaces.gif) no-repeat top left; }
.h2sugerencias { width:87px; height:21px; background:url(../img/h2_sugerencias.gif) no-repeat top left; }
.h2mapaweb { width:79px; height:26px; background:url(../img/h2_mapaweb.gif) no-repeat top left; }
.h2demooff{ width:305px; height:21px; background:url(../img/h2_demooff.gif) no-repeat top left; }

h3 { margin-bottom:6px; }
h3 b { font-weight:normal; color:#C01427; }
h3.big { color:#C01427; font-size:14px; }

/* listado de detalles de un item*/
.listdetailitem { overflow:hidden; background:url(../img/l_puntos_x.gif) repeat-x top; padding-top:10px; margin-top:10px; }
.detailitem { display:block; clear:both; background:url(../img/l_puntos_x.gif) repeat-x bottom; overflow:hidden; padding-bottom:7px; margin-bottom:7px; }
.detailitem_title { float:left; width:150px; color:#C01427; font-weight:bold; font-size:12px;}
.detailitem_content { float:left; width:290px; padding-left:11px; border-left:1px solid #C01427; margin-left:5px; }
.detailitem_content p { padding-top:0px !important; padding-bottom:12px; padding-right:20px !important; }

/*ul basico*/
.ulbase { overflow:hidden; background:url(../img/l_puntos_x.gif) repeat-x top; padding-top:1px; margin-top:5px; margin-bottom:15px; }
.ulbase li { background:url(../img/l_puntos_x.gif) repeat-x bottom; padding:4px 3px 5px 3px; }

/*contenido básico (quienes somos, info, etc...)*/
.contentbase { margin:0 111px 0 19px; padding: 0 0 27px 0; line-height:1.6;  }
.contentbase p {  padding: 8px 15px 8px 0; font-size: 10px; }
.contentbase ul li, .contentbase input, .contentbase h3 { font-size: 10px; }
.contentbase h3.short { font-size: 10px; margin-bottom: 0px; }



/* donde estamos*/
.mapaspain { display:block; clear:both; height:269px; background:#E4E4DB url(../img/img_mapa_spain.gif) no-repeat bottom left; background-position:60px 14px; border-bottom:1px solid #DA848A; margin:-18px 0 18px 0; }
.col40por_left { float:left; width:197px; margin-left:19px; padding-top: 0 !important; }
.col60por_right { float:left; width:280px; margin-left:54px; }
.col40por_left p, .col60por_right p { padding:8px 43px 11px 0; }
.col40por_left p.primera, .col60por_right p.primera { padding:0 43px 11px 0; }
.col40por_left a, .col60por_right a {text-decoration:underline !important; }

/* descripcion libros */
.collibros_left { float:left; width:120px; margin:10px 0 10px 19px;text-align:center; }
.collibros_right { float:left; margin:10px 0 10px 19px; width:300px; margin-top:10px;}
.collibros_right p { padding-right:15px; }

/* formulario base */
.formbase { margin-top:10px; }
.formbase p { display:block; clear:both; padding:3px 0 !important; }
.labelformbase { float:left; width:138px; padding-left:9px;line-height:23px; background:#EBEBE4; color:#C01427; }
.inputtextformbase { float:left; height:13px; padding:1px 3px 0 3px; border:1px solid #BDBDB6; margin-top:3px; margin-left:8px; width:285px;}
.inputselectformbase { float:left; height:20px; padding:1px 3px 0 3px; border:1px solid #BDBDB6; margin-top:3px; margin-left:8px; width:150px;}
.textareaformbase { float:left; padding:1px 3px 0 3px; border:1px solid #BDBDB6; margin-top:3px; margin-left:8px; width:285px;}
.formbasesend { display:block; clear:both; margin:0 0 10px 0; height:24px; padding:10px 0 5px 0; }
.formbasesend .btnback { float:left; margin-top:5px; }
.formbasesend .btnred { float:right; margin-right:10px; }

#comentarios_label {  height: 150px; }
#comentarios_area {  height: 140px; }

/*listado de enlaces */
.enlacesul { display:block; clear:both; background: transparent url(../img/l_puntos_x.gif) repeat-x top; padding-top:1px; }
.enlacesul li { display:block; clear:both; background: transparent url(../img/l_puntos_x.gif) repeat-x bottom; padding-bottom:1px;  }
.enlacesul li a { display:block; padding:7px 6px; }
.enlacesul li a { color:#221F1F; }
.enlacesul li a:hover { background:#F1E9E3 url(../img/bg_lihover_enlaces.gif) no-repeat right; text-decoration:none !important; }


/*estilos de colores para los textos*/
.txtred { color:#C01427; }
.txtblack { color:#221F1F !important; }
.txtgrey { color:#989891; }
.black { color: #221f1f !important; }

.nofloat { display:block; clear:both; }
.right { float:right; display:inline; }
.left { float:right; display:inline; }

/* enlaces mapa web */
#mapa a { color: #1B1E19;}

/* oPie
#################### */

#oPie {
	float: left;
	width: 742px;
	background: transparent url(../img/f_pie.gif) no-repeat top left;
	margin: -1px 0 0 0;
	position: relative;
	top: 0;
	padding: 21px 0 80px 0;
}

.home #oPie {
 top: -6px !important;
 top: 0;
}

#oPie div.pieWrap {
 float: left;
 width: 742px;
	background-color: #C01427;
	padding: 6px 9px 6px 9px;
}

#oPie, #oPie a {
	color: #ffffff;
	text-decoration: none;
}

#oPie ul li {
	margin: 0 10px 0 0;
}


/* Listas
-------------------------------------------------- */

/* Formularios
-------------------------------------------------- */

select, textarea, input { border: 1px solid #D77078; background-color: #FDFDFA; }

input { padding: 0 0 0 2px; }

input.submit { cursor: pointer; color: #C41429; font-weight: bold; background-color: transparent; margin: 5px 0 0 0px !important; /**margin: 5px 0 0 5px !important;*/ margin: 5px 0 0 0; border: none; }

#formLogin input { height: 14px; padding: 2px 0 0 2px;  }

#formLogin input.submit { height: auto; padding: 0 0 0 2px;  }



/* Variantes de tipografías y  Clases Generales
-------------------------------------------------- */

.ocho { font-size: 8px;}
.nueve { font-size: 9px;}
.diez { font-size: 10px;}
.trece { font-size: 13px;}

.blanco { color: #ffffff; }
.rojo { color: #c01427; }


/* Márgenes y anchos
-------------------------------------------------- */

.nomargin { margin: 0; }

.mv5 { margin-top: 5px; }
.mv10 { margin-top: 12px; }
.mv15 { margin-top: 12px; }
.mv25 { margin-top: 25px; }

.mx5 { margin-left: 5px; }
.mx10 { margin-left: 10px; }

.w119 { width: 117px; }
.w163 { width: 163px; }
.w167 { width: 167px; }
.w180 { width: 180px; }
.w195 { width: 195px; }
.w240 { width: 240px; }
.w255 { width: 255px; }
.w226 { width: 226px; }

a.gratuita, a.gratuitaSelected {
 
 width: 161px;
 height: 86px;
	background: transparent url(../img/img_gratuita.gif) 0 0 no-repeat;
	float: left;
	margin: 12px 0 0 0;
}

a.gratuita:hover, a.gratuitaSelected {
	
	background: transparent url(../img/img_gratuita.gif) 0 -89px no-repeat;
}

a.gratuita span, a.gratuitaSelected span { display: none; }

.sep01 {
	float: left;
	background: transparent url(../img/l_02.gif) top left no-repeat;
	width: 280px;
	height: 1px;
	clear: both;
}

/* BOTONES */
.btnred { display:block; float:left; background:#C01427 url(../img/bg_botones_cuad.gif) no-repeat right; padding:4px 44px 0 9px; color:#fff; height:19px; }
.btnred:hover { background:#AA1120 url(../img/bg_botones_cuad.gif) no-repeat right; text-decoration:none !important; }



.btngray { display:block; float:left; background:#989891 url(../img/bg_botones_cuad.gif) no-repeat right; padding:4px 44px 0 9px; color:#fff; width: auto !important; height:19px; }
.btngray:hover { background:#8F8F87 url(../img/bg_botones_cuad.gif) no-repeat right; text-decoration:none !important; }
.btnback { padding-left:15px; background: url(../img/ico_link_left.gif) no-repeat 0 3px; font-weight:bold; }

.flashcontent { margin: 0 !important; padding: 0!important; }


/* contenido para 100% */
.contenttotal { margin:0 11px 0 19px; padding: 0 0 37px 0; line-height:1.6; background:url(../img/l_puntos_x.gif) repeat-x bottom;  }
.contenttotal p {  padding:8px 15px 8px 0; font-size: 10px; }
.contenttotal ul li, .contentbase input, .contentbase h3 { font-size: 10px; }
.contenttotal h3.short { font-size: 10px; margin-bottom: 0px; }

.btnred_2 { display:block; float:left; background:#C01427 url(../img/bg_botones_cuad_2.gif) no-repeat right; padding:4px 44px 0 9px; color:#fff; height:19px; font-weight: normal; }
.btnred_2:hover { background:#AA1120 url(../img/bg_botones_cuad_2.gif) no-repeat right; text-decoration:none !important; }
.contenttotal .btnred_2 { margin-left: 202px; }

.mensaje {
	padding:;
	width: 100%;
	text-align: center;	
	}
	

/* POPUP */
body.pop {
	background-color: #F4F4ED !important;
	padding: 0 0 0 14px;	
}

body.pop #oCabecera {
	float: left;
	background-color: #F4F4ED !important;
	width: 455px;
	height: 74px;
	
	padding-left: 6px;
	padding-right: 6px;
	}


body.pop a#logo {	
	background: transparent url(../img/logo_2.gif) 0 0 no-repeat;	
}

body.pop #oContenido {
	width: 466px;
	margin: 0;
	padding-top: 0;
	padding-left: 6px;
	padding-right: 6px;
	}


body.pop #oContenedor {
	width: 466px;
	text-align: left;
	margin: 0;
	padding: 0;
	display: block;
	background: none;
	background-color: #F4F4ED;	
	float: left;
}



body.pop .h2blanc { margin: 10px 0 11px 0;  display:block; font-size:0; text-indent:-500px; color:#fff; }

body.pop #oCuerpo { float: left; width:466px; line-height:1.6; padding: 0; margin: 0;  }

body.pop .contentbase {width: 466px;  margin:0; padding: 0; line-height:1.6;  }

body.pop .formbasesend { display:block; clear:both; margin:0 0 10px 0; height:24px; padding:10px 0 5px 0; }
body.pop .formbasesend .btnred { float:right; margin-right: 11px; }
body.pop .btnred { display:block; float:left; background:#C01427 url(../img/bg_botones_cuad.gif) no-repeat right; padding:4px 23px 0 9px; color:#fff; height:19px; }

body.pop .inputtextformbase { width:292px;}
body.pop .textareaformbase { width:292px;}
body.pop #comentarios_area {  height: 140px; }