/* CSS Document */

/* Estilo para web 
	Diseño + Desarrollo = Ceres Comunicación Gráfica S.A.
	www.cerescg.com
	Avda. Castilla y León , 62-64 · 09006 · Burgos, España
	Tel: +34 947 252 256  Fax: +34 947 282 922
	... todo lo que puedas imaginar ...*/

/* Estilos Genéricos*/
/* CSS RESET - Atención a las advertencias */
html {
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	padding: 0;
	margin: 0;
}
img {
	border: 0;
	display:inline;
}
address, caption, cite, code, dfn, th, var {
	font-weight: normal;
	font-style: normal;
}
caption, th {
	text-align: left;
}
h1, h2, h3, h4, h5, h6, pre, code, p {
	font-size: inherit;
	font-weight: normal
}
q {
	quotes: "" "";
}
q:before, q:after {
	content:'';
}
abbr, acronym {
	border: 0;
}
a {
	color: inherit;
}
:link, :visited {
	text-decoration:none;
}
a img, :link img, :visited img {
	border:none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
sub, sup {
	vertical-align: baseline;
}
hr {
	display: none;
}
font {
	color: inherit;
	font: inherit;
}
blink {
	text-decoration: none;
}
nobr {
	white-space: normal;
}
/*============================================== Redefinición de etiquetas principales =================================================*/
body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	height: 100%;
	width: 100%;
	margin: 0;
	padding:0;
	font-size: 13px;
	background-image: url(../entorno/fnd_web.png);
	background-repeat: repeat-x;
	background-position: left center;
	background-attachment:fixed;
}
a {
	color: #6781A4;
}
a:hover {
	text-decoration: underline;
}
img {
	
}
form {
	font-family: Tahoma, Verdana, sans-serif;
	color: #666666;
	vertical-align:middle;
}
form label {
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 1em;
	line-height:1.2em;
}
legend {
	padding:0.5em;
	font-size: 1em;
	color: #666666;
}
fieldset {
	padding: 0.5em;
	border: 1px solid #CCCCCC;
}
textarea {
	font-family: Tahoma, Verdana, sans-serif;
	padding: 0.1em;
	font-size: 1em;
	line-height:1.1em;
	border: 0.1em solid #999999;
	background-color: #EFEFEF;
}
input.texto, select.texto {
	color: #333333;
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 1em;
	line-height:1.2em;
	border: 1px solid #999999;
	vertical-align:middle;
	background-color: #EFEFEF;
	padding: 0.2em;
	margin:0;
}
input.boton {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-weight: bold;
	font-size: 0.9em;
	border: 1px solid #999999;
	padding-top: 0.2em;
	padding-right: 0.5em;
	padding-bottom: 0.2em;
	padding-left: 0.5em;
	text-align:center;
	vertical-align: middle;
}
h1 {
	font-size: 4em;
	position: absolute;
	z-index: 10;
	left: -100%;
}
h2 {
	font-size: 3em;
	z-index: 10;
	left: -100%;
	position: absolute;
}
h3 {
	font-size: 1.6em;
	line-height: 1.6em;
	color: #3c3937;
	margin-left: 0.3em;
	color: #FFFFFF;	
	background-repeat: repeat-x;
	background-position: 0px 0px;
	background-color: #FF8510;
	padding-left: 0.5em;
}
h4 {
	font-size: 1.7em;
	margin-bottom: 0.2em;
	margin-top: 0.1em;
	color: #E20916;
}
h5 {
	font-size: 1.1em;
	line-height: 1.3em;
	color: #58585A;
	margin-top: 0px;
	margin-bottom: 0.5em;
}
h6 {
	font-size: 1em;
	font-style: italic;
	color: #58585a;
	clear:none;
	float:none;
}
h3 a, h4 a {
	text-decoration:none;
}
p {
	font-size:0.95em;
	line-height:1.3em;
	font-family: "Trebuchet MS", Tahoma, Verdana;
	text-align: justify;
	color: #333333;
	margin-top: 1.5em;
}
ul {
	list-style-type:none;
	list-style-position:outside;
}
li {
	vertical-align:middle;
}
/*============================================== Maquetación ===============================================*/


#contenedor {	
	width:100%;
}
#centrado {
	width: 990px;
	height: 400px;
	margin-top: -230px;
	margin-left: -495px;
	position:absolute;
	top:50%;
	left:50%;
	overflow:hidden;
	display:inline;
}
#centrado img {
behavior: url(iepngfix.htc);
display:inline;
margin-right:2.5em;
}

/*============================================ Columnas ================================================*/
.fila {
	float:left;
	clear:left;
	width:100%;	
	margin-top: 1.4em;
	margin-bottom: 0.8em;
}


#col_3_1, .col_3_1 {
	float:left;
	overflow:hidden;
	width:33%;
	margin-bottom:1%;
	margin-left: 0;
}
#col_3_2, .col_3_2 {
	float:left;
	overflow:hidden;
	width:32%;
	margin-bottom:1%;
	margin-bottom: 1%;
	margin-left: 1%;
}
#col_3_3, .col_3_3 {
	float:left;
	overflow:hidden;
	width:33%;
	margin-bottom:1%;
	margin-left: 1%;
	margin-bottom: 1%;
	margin-right:-1%;
}

/*============================================ Formatos específicos ================================================*/
.fila .naranja {
	background-image: url(../entorno/fnd_na.png);
}
.fila .rojo {
	background-image: url(../entorno/fnd_ro.png);
}
.fila .azul {
	background-image: url(../entorno/fnd_az.png);
}
.fila ul {
	margin-left: 0.8em;
	padding-top:0.3em;
	color: #666666;
	margin-bottom:0;
	padding-bottom:0;
	clear: left;
}
.fila ul li {
	font-family: "Trebuchet MS", Tahoma, Verdana;
	font-size: 1em;
	margin:0;
	padding:0;
	line-height:1.2em;
	display:block;
}

/*============================================ Pie de página ================================================*/

#pie {
	clear: both;
	width:100%;
	margin:0;
	padding:0;
	color:#EEEEEE;
	font-size: 1.4em;
	line-height: 1.4em;
	text-align: center;
	overflow:hidden;
}
#pie a {
	color:#FFFFFF;
}
#pie a:hover {
}
#pie ul {	
	margin-top:1.4em;
	overflow:visible;
	margin-bottom:0;
	display:block;
	margin-right:-1em;
}
#pie ul li {
	font-size:0.55em;
	float:left;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #6983A5;
	border-left-color: #6781A4;
	margin-right: -1px;
	line-height: 1.2em;
	
	}
#pie ul li a {
	color: #6680A3;padding-left:0.3em;
	padding-right:0.3em;
}

#pie object {
}

/*============================================ Recurso de posicionamiento ============================================*/
.ctro {
	float:none;
	display:block;
	text-align:center;
}
.dcha {
	float: right;
	margin-left:1%;
}
.izda {
	float: left;
	margin-right:0.6em;
}
.error {
	color: #666666;
	padding: 0.3em;
	border: 1px solid #FF0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	text-align:center;
	margin-bottom:0.5em;
	background-color: #EEEEEE;
}
.victoria {
}
.navegacion {
	float:left;
	display:inline;
	font-size:0.9em;
	line-height:1.5em;
	background-color: #EFEFEF;
	border: 1px solid #CCCCCC;
}
.navegacion a {
	margin:0;
	padding-top: 0em;
	padding-right: 0.3em;
	padding-bottom: 0em;
	padding-left: 0.3em;
	display:block;
}
.navegacion a:hover {
	color: #FFFFFF;
	background-color: #DE0916;
}
.salto_linea {
	display: block;
	clear: both;
	float: none;
	height:0;
	padding:0;
	line-height:0;
	width:100%;
	margin-top:0;
}
.visible {
}
.oculto {
	position:absolute;
	left:-999em;
}
/*============================================ Recursos Gráficos y estilísticos ============================================*/

.c80, .c70, .c60, .c50, .c40, .c30, .c20 {
	float:left;
	overflow:hidden;
	padding:1%;
	margin-bottom:1%;
}
.c80 {
	width:78%;
}
.c70 {
	width:68%;
}
.c60 {
	width:58%;
}
.c50 {
	width:48%;
}
.c40 {
	width:38%;
}
.c30 {
	width:28%;
}
.c20 {
	width:18%;
}
.c10 {
	width:8%;
}
.roizda {
	background-image: url(../entorno/1pix_ro.png);
	background-repeat: repeat-y;
	background-position: left top;
}
.rodcha {
	background-image: url(../entorno/1pix_ro.png);
	background-repeat: repeat-y;
	background-position: right top;
}
.naizda {
	background-image: url(../entorno/1pix_na.png);
	background-repeat: repeat-y;
	background-position: left top;
}
.nadcha {
	background-image: url(../entorno/1pix_na.png);
	background-repeat: repeat-y;
	background-position: right top;
}
.grizda {
	background-image: url(../entorno/1pix_gr.png);
	background-repeat: repeat-y;
	background-position: left top;
}
.grdcha {
	background-image: url(../entorno/1pix_gr.png);
	background-repeat: repeat-y;
	background-position: right top;
}
.grctro {
	background-image: url(../entorno/1pix_gr.png);
	background-repeat: repeat-y;
	background-position: center top;
}