/*
 *Color rojo: #ec2e38;
 */
body { margin: 0px 0px; padding: 0px; text-align: center; font-family: verdana; margin:0px; padding: 0px; font-size: 9pt; background: #D1D4DD; }
table { font-family: verdana; font-size: 9pt; }

div.generico { background: url('images/fondo_generico.png') top right repeat-y; }

input.texto, textarea { border: 1px solid #3CF; padding: 1px 2px; }

a { color: #03A; text-decoration: none; }
a:hover { color: red; }

label { float: left; width: 150px; text-align: right; font-size: 9pt; margin-right: 10px; color: #9DF; }
label.superior { float: none; width: auto; text-align: left; font-size: 9pt; margin-right: 0px; color: #9DF; display: block; }

td.fondo_contenidos { padding-left: 20px; background:url(images/fondo_contenidos.png) repeat-y; }
td.fondo_contenidosblancos { padding-left: 20px; background:url(images/fondo_contenidos_2.png) repeat-y; }
td.fondo_contenidosblancos div.generico { background: url('images/fondo_generico_2.png') top right repeat-y; color: black; }

td.lateral_q { background:url(images/q.png); width:200px }

div.completo { padding: 5px; background: transparent; text-align: left; color: white; }
div.completo h1 { border-bottom: 2px solid #9DF; color: white; text-align: right; margin: 0px; font-size: 10pt; }
div.completo h2 { color: white; text-align: center; margin: 0px; font-size: 12pt; margin-bottom: 10px; padding-right: 5px; background:url(images/titular_seccion.png) top left repeat-x; height: 30px; }
div.completo h3 { border-bottom: 2px solid #9DF; color: white; text-align: left; margin: 0px; font-size: 10pt; margin-top: 10px; }
div.completo table { border-collapse: collapse; font-size:8pt; }
div.completo th { border-bottom: 1px solid silver; color: #888; }
div.completo td { padding: 2px; }
div.completo caption { font-weight: bold; color: #118; margin: 0px; padding: 0px; }
div.completo img { border: 0px; }
div.completo table.listado { background: transparent; padding: 2px; color: white; margin-top: 10px; }
div.completo table.listado th { color: yellow; }
div.completo table.listado td { }
div.completo table.listado a { color: yellow; }
div.completo table.listado tr.tr1 { background: #38C; }
/*div.completo a { color: white; text-decoration: none; }*/
div.completo a:hover { color: red; }
div.completo div.rutadeenlaces a { color: white; }
div.completo div.rutadeenlaces a:hover { color: red; }

div.basico { width: 500px; border: 1px solid #CCC; padding: 5px; background: silver; }
div.basico h1 { border-bottom: 1px solid #9DF; color: #9DF; text-align: right; }
div.basico table { border-collapse: collapse; font-size:8pt; width: 100%; }
div.basico th { border-bottom: 1px solid silver; color: #888; text-align: left; }
div.basico td { padding: 2px 20px; }

div.izquierdo { padding: 5px; }
div.izquierdo h1 { border-bottom: 1px solid #9DF; color: black; text-align: right; font-size: 10pt }
div.izquierdo table { border-collapse: collapse; font-size:8pt; width: 100%; }
div.izquierdo th { border-bottom: 1px solid silver; color: #888; text-align: left; }
div.izquierdo td { padding: 2px 20px; }
div.izquierdo label { float: none; text-align: right; width: auto; font-size: 8pt; }

div.formulario { text-align: left; margin: 0px; padding: 0px; background: transparent; padding: 10px; color: white; font-size: 0.9em; }
div.formulario p { margin: 5px 1px; padding: 0px; }
div.formulario input, div.formulario textarea { border: 1px solid #4DD; }
div.formulario input.aceptar { color: green; }
div.formulario input.borrar { color: red; }

.transparente { opacity:0.6; filter: alpha(opacity = 60); }
.transparente2 { opacity:0.8; filter: alpha(opacity = 80); }
.opaco { opacity:1; filter: alpha(opacity = 100); }

a.boton { display: block; height: 22px; opacity:0.6; filter: alpha(opacity = 60); border: 1px solid black; }
a.boton:hover { opacity:1; filter: alpha(opacity = 100); }
a.botonMenu { display: block; height: 22px; width: 180px; color: #00A; font-weight: bold; font-size: 1.2em; }
a.botonMenu:hover { display: block; height: 22px; width: 180px; color: red; font-weight: bold; font-size: 1.2em; }
a.volver { width: 70px; background: url(images/volver.gif) no-repeat top; }
a.aceptar { width: 80px; background: url(images/aceptar.png) no-repeat top; }

ul.menu { margin: 2px; list-style-type: none; padding: 0px; margin-right: 10px; } 
ul.menu li { height: 30px; margin:0px; padding: 0px; }

div.noticia { background: transparent; margin: 5px; margin-bottom: 25px; }
div.noticia h1 {background: transparent; color: #ec2e38; text-align: left; padding: 1px 5px; font-size: 10pt; }
div.noticia h1 a { color: #ec2e38; }
div.noticia h1 a:hover { text-decoration: underline; }
div.noticia h1 span.fecha { color: white; float: right; }
div.noticia div.contenido { padding: 2px 10px; }

div.promocion { color: black; width: 550px; margin: 0 auto; padding: 10px;
 font-size: 1.5em; border:1px solid black; margin-bottom: 10px; }
div.promocion h1 {background: transparent; color: #ec2e38; text-align: left; padding: 1px 5px; font-size: 10pt; }
div.promocion h1 a { color: #ec2e38; }
div.promocion h1 a:hover { text-decoration: underline; }
div.promocion div.contenido { padding: 2px 10px; }
div.promocion p { margin: 5px 0px; padding: 0px; }
div.promocion table.lineas th a { color:white; }
div.promocion table.lineas th a:hover { color:black; background: white; }
div.promocion table.lineas { border:1px solid black; margin: 2px auto; border-collapse: collapse; font-weight: bold; }
div.promocion table.lineas th { background: black; color: white; font-weight: bold; text-decoration: none; border: 0; padding: 0px 5px; }
div.promocion table.lineas td { border: 1px solid black; padding: 5px 5px; }

div#contenedor {
	background: white;
	width: 990px;
	margin: 0px auto;
	padding: 2px;
}

div#foot {
	border-top: 1px solid silver;
	font-size: 8pt;
	color: #AAA;
}

.paginador {
	margin: 10px auto;
	height: 50px;
}

.paginador td {
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	padding-top: 24px;
	padding-left: 50px;
}

.paginador a {
	padding: 3px 5px;
	border: 0px;
	color: silver;
}

.paginador span.paginador_marcado {
	padding: 3px 5px;
}

.paginador a:hover {
	color: yellow;
}

.paginador a.flecha { color: transparent; }
.paginador a.flecha:hover {
}

button { margin: 0px; padding: 0px; cursor: pointer; margin-top: 2px; font-weight: bold; }

table.boton { margin: 0px; padding: 0px; width: auto; }
table.boton th { border: 0px; color: black; }
table.boton td { border: 0px; margin: 0px; padding: 0px; }
table.boton th { border: 0px; color: black; }

span.obligatorio { color: red; }

table.listado {
	color: black;
}



div.vademecum { padding: 5px; font-weight: normal; font-size: 1.1em; }
div.vademecum h3 {
	color: #13A;
	font-size: 1.1em;
	border-bottom: 1px solid silver;
	margin: 10px 0px 2px 0px;
}

div.vademecum table { margin: 5px; }

div.vademecum th {
	color: black;
	padding-right: 10px;
	text-align: right;
	border:0px;
	vertical-align: top;
	padding-bottom: 10px;
}

div.vademecum td {
	padding-bottom: 10px;
}

td.numero, th.numero { white-space: nowrap; text-align: right; }
input.numero { text-align: center; }

input.textocorto {
	background:url(images/editor_corto.png) top left no-repeat;
	height:28px; width:20px;
	padding: 5px; border: 0px;
	margin: 0px; 
}

input.textosemicorto {
	background:url(images/editor_semicorto.png) top left no-repeat;
	height:28px; width:100px;
	padding: 5px; border: 0px;
	margin: 0px; 
}

input.textomedio {
	background:url(images/editor_medio.png) top left no-repeat;
	height:28px; width:172px;
	padding: 5px; border: 0px;
	margin: 0px; 
}

input.textolargo {
	background:url(images/editor_largo.png) top left no-repeat;
	height:15px; width:270px;
	padding: 6px; border: 0px;
	margin: 0px; 
}

textarea.textarealargo {
	background:url(images/textarea_largo.png) top left no-repeat;
	height:150px; width:280px;
	padding: 6px; border: 0px;
	margin: 0px; 
	overflow: hidden;
}

textarea.textarealargo2 {
	background:url(images/textarea_largo2.png) top left no-repeat;
	height:250px; width:280px;
	padding: 6px; border: 0px;
	margin: 0px; 
	overflow: hidden;
}

div.caja th { color: black; border: 0px; }
div.caja td { vertical-align: top; }
div.caja500 { background: url('images/bloque/500_top.png') top left no-repeat; margin-top: 10px; padding-top: 10px; width: 600px; color: #00A; font-weight: bold; text-align: left;}
div.caja500 div.central { background: url('images/bloque/500_middle.png') repeat-y; padding-left: 5px; }
div.caja500 div.inferior { background: url('images/bloque/500_bottom.png') bottom left no-repeat; height: 20px; margin: 0px; padding: 0px; padding-left: 5px; }
div.caja500 label { color: #00A; width: 175px; margin: 0px; padding: 4px; }
div.caja500 p { margin: 0px; padding: 1px; }

div.caja250 { background: url('images/bloque/250_top.png') top left no-repeat; margin-top: 10px; padding-top: 10px; width: 250px; color: #00A; font-weight: bold; text-align: center;}
div.caja250 div.central { background: url('images/bloque/250_middle.png') repeat-y; padding-left: 5px; }
div.caja250 div.inferior { background: url('images/bloque/250_bottom.png') bottom left no-repeat; height: 20px; margin: 0px; padding: 0px; padding-left: 5px; }
div.caja250 p { margin: 2px; padding: 0px; }

div.caja200 { background: url('images/bloque/200_top.png') top left no-repeat; margin-top: 10px; padding-top: 10px; width: 200px; color: #00A; font-weight: bold; text-align: center; }
div.caja200 div.central { background: url('images/bloque/200_middle.png') repeat-y; padding-left: 5px; }
div.caja200 div.inferior { background: url('images/bloque/200_bottom.png') bottom left no-repeat; height: 20px; margin: 0px; padding: 0px; padding-left: 5px; }
div.caja200 p { margin: 0px; padding: 0px; }
div.caja200 h1 { font-size: 1em; }
