/* SECCIÓN: ELEMENTOS GENERALES DE LA PÁGINA */
html, body {
	height: 100%;
	margin: 0;
	padding: 0;
	border:0;
	text-align: center;
}
body {
    font-size: 80%;
    line-height: 1.6em;
	color: #FFFFFF;
	background-color: #030303;
}
body, input, textarea, select, optgroup {
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
}
input, textarea, select, optgroup, table, tr, th, td  {
	font-size: 100%;
}
p, ul, ol, li, dl, dt, dd, form, fieldset, blockquote, cite, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}
ul, ol, li, dl, dt, dd {
	list-style: none;
}
img, a img {
	border: none;
}
h2{
	margin-top: 3em;
	margin-bottom: 1em;
}
/* SECCIÓN: APOYO A LOS LECTORES DE TEXTO */
.ayudaAcces {
	position: absolute;
	left: -10000px;
	width: 1%;
	font-size: .1em;
	line-height: 1%;
}
a.ayudaAcces:active {
	position: static;
	width: auto;
	height: auto;
}
/* SECCIÓN: CLASES GENERALES DE LA PÁGINA */
.clearall {
	clear: both;
	height: 0.0001em;
	line-height: 0.0001em;
	font-size: 0.0001em;
}
.flota_izquierda {
	float: left;
}
.flota_derecha {
	float: right;
}	
/*SECCIÓN: ESTILOS DEL ARMAZÓN DE LA PÁGINA*/
#cabecera {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background: #000000 url(../images/css_cabecera_fnd.gif) no-repeat center bottom;
}
#web {
	width: 885px;
	margin: 0 auto;
	text-align: left;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	position: relative;
}
#contenedor {
	padding: 190px 0 100px 0;
}
/* ESPECÍFICOS CABECERA_CONTENIDO */
#cabecera .cabecera_contenido {
	position: relative;
	width: 885px;
	margin: 0 auto;
	text-align: left;
	background: url(../images/css_cabecera_contenido.jpg) no-repeat top right;
	border-bottom: 1px solid #353535;
}
#cabecera .cabecera_contenido .boton_01 {
	/*float: right;*/
}
#cabecera .cabecera_contenido .logo {
	float: left;
	padding-top: 2.7em;
}

#cabecera .cabecera_contenido .inicio {
	float: left;
	margin-top: 33px;
	}
#cabecera .cabecera_contenido .inicio a {
	display: block;
	border-bottom: 5px solid #353535;
	}
#cabecera .cabecera_contenido .inicio a:hover {
	border-bottom: 5px solid #0C4E81;
	}
#cabecera .cabecera_contenido ul {
	float: right;
	padding-top: 29px; /* ver padding-top para IE.css e IE7.css */
}
#cabecera .cabecera_contenido ul li {
	float: left;
	background: url(../images/css_menu_ul_li_fnd.gif) no-repeat left bottom;
}
#cabecera .cabecera_contenido ul li a {
	display: block;
	padding-top: 2px;
	padding-left: 1px;
	border-bottom: 5px solid #353535;
	color:#FFFFFF;
	text-transform:uppercase;
	text-decoration:none;
}
#cabecera .cabecera_contenido ul li.acento a {
	padding-top: 0;
}
#cabecera .cabecera_contenido ul li.ultimo a {
	padding-right: 1px;
	background: url(../images/css_menu_ul_li_fnd.gif) no-repeat right bottom;
}
#cabecera .cabecera_contenido ul li a:hover {
	border-bottom: 5px solid #0C4E81;
}
#cabecera .sello_calidad {
	/*position:absolute;
	right: 0;
	top:50px;*/
	float:right;
	text-align:right;
	}
#cabecera .sello_calidad img {
	position:absolute;
	right:0;
	top:60px;
	}
	
	
/* ESPECÍFICOS PIE */
#pie {
	position: absolute;
	bottom: 0;
	padding: 12px 0 10px 0;
	width: 885px;
	font-size: 95%;
	border-top: 1px solid #353535;
	color:#ffffff;
}
#pie .resolucion {
	text-align: right;
	float: right;
	}
#pie .resolucion p {
	font-size: 90%;
	color:#469ADA;
	}
#pie ul {
	text-align: right;
}
#pie ul li {
}
#pie ul li a {
	padding: 0;
	color:#ffffff;
	text-decoration: none;
}
#pie ul li.ultimo a {
	background: url(../images/css_pie_ul_li_a_piti.gif) no-repeat 0 7px;
}
#pie ul li a:hover {
	text-decoration: underline;
}
#pie div {
	float: left;
}
#pie div a {
	color:#ffffff;
}
#pie div a:hover {
	text-decoration: none;
}
/* ESPECÍFICOS BOTÓN TIPO 1 */
/*
	El ejemplo podemos encontrarlo en bidasoa/innovametal (el presenta no es sino un extracto del código)
*/
a.boton_01 {
	float: left;
	text-align: left;
	background-color: #0C4E81;
	color: #FFFFFF;
	text-decoration: none;
}
a.boton_01:hover {
	background-color: #FFFFFF;
	color: #0C4E81;
}
a.boton_01 span {
	display: block;
	background-image: url(../images/css_boton01_btt_right.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
}
a.boton_01 span span {
	padding: 0.2em 0.9em 0.2em 0.9em;
	background-image: url(../images/css_boton01_btt_left.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
}
