@import url("reset.css");


body {
	background-color: #bfb5b5;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*************************************************************************************
TAPRY Y CONTENEDOR
*************************************************************************************/
#tapry {
	width: 900px;
	margin: 0 auto;
	padding: 0px 20px;
	text-align: left;
	background-image: url(../img/tapry_fondo.jpg);
	background-repeat: repeat-y;
	background-position: center;
}
#contenedor {
	background-color: #FFFFFF;
	background-image: url(../img/contenedor_fondo.png);
	background-repeat: repeat-y;
}

/*************************************************************************************
LEFT_BLOCK
*************************************************************************************/
#left_block {
	display: inline;
	width: 231px;
	margin: 0px 15px;
	float: left;
	padding-bottom: 10px;
}
#left_block h1 span {
	display: none;
}
#left_block h1 a.logotipo {
	background-image: url(../img/h1_fondo.png);
	background-repeat: no-repeat;
	height: 87px;
	width: 231px;
	display: block;
	background-position: left top;
}
#left_block h1 a:hover.logotipo,
#left_block h1 a:focus.logotipo {
	outline: 0;
	background-position: left bottom;
}
div.datebar {
	height: 30px;
	background-image: url(../img/mainnavigation_fondo.png);
	background-repeat: no-repeat;
	background-position: center top;	
	color: #4C2432;
	font-size: 11px;
	padding-left: 30px;
	line-height: 30px;
}
ul.mainnavigation {
	background-color: #f2f0f0;
	margin-bottom: 35px;
	min-height: 220px;
}
* html ul.mainnavigation {
	height: 220px;
}
ul.mainnavigation li {
	display: block;
	background-image: url(../img/mainnavigation_lifondo.png);
	background-repeat: repeat-x;
	background-position: top;
	margin-bottom: 5px;
}
ul.mainnavigation ul li {
	background-image: none;
	margin-bottom: 0px;
}
ul.mainnavigation li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #4c2432;
	font-weight: bold;
	height: 21px;
	padding-top: 7px;
	display: block;
	background-image: url(../img/mainnavigation_afondo1.png);
	background-repeat: no-repeat;
	background-position: 5px 9px;
	padding-left: 30px;
	border-bottom: 1px solid #bfb5b5;
	border-top: 1px solid #bfb5b5;
}
ul.mainnavigation li.menu_especial {
	background: none;
	background-color: #C7ACAC;
}
ul.mainnavigation li.menu_especial a {
	color: #FFFFFF;
}
ul.mainnavigation ul li a {
	font-size: 12px;
	font-weight: normal;
	height: inherit;
	padding: 7px 0px 5px 0px;
	background-image: none;
	padding-left: 30px;
	border: none;
	line-height: 16px;
	
}
ul.mainnavigation li a:hover {
	outline: 0px;
	background-position: 13px 9px;
}
ul.mainnavigation li a:focus {
	outline: 0px;
}
ul.mainnavigation ul li a:hover {
	background-position: 13px 11px;
	background-color: #FFFFFF;
}
ul.mainnavigation ul a:focus {
	outline: 0px;
}
ul.mainnavigation div {
	height: 0px;
}

/*************************************************************************************
RIGHT_BLOCK
*************************************************************************************/
#right_block {
	width: 639px;
	float: right;
}
#cabecera {
	background-image: url(../img/cabecera_fondo.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 326px;
	width: 639px;
	position: relative;
	margin-bottom: 15px;
}
#cabecera ul {}
#cabecera ul li {
	display: inline;
	float: left;
	padding-right: 7px;
	background-image: url(../img/cabecera_separador.png);
	background-repeat: no-repeat;
	background-position: right center;
	margin-left: 20px;
}
#cabecera ul li a {
	display: block;
	float:left;
	height: 50px;
	background-position: left center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	padding-left: 25px;
	padding-top: 37px;
	background-repeat: no-repeat;
	line-height: 14px;
}
* html #cabecera ul li a {
	line-height: 15px;
}
#cabecera ul li a:hover,
#cabecera ul li a:focus {
	outline: 0;
	text-decoration: underline;
}
#cabecera ul li a.rss {
	background-image: url(../img/cabecera_rssicon.png);
}
#cabecera ul li a.mapa {
	background-image: url(../img/cabecera_mapaicon.png);
}
#cabecera ul li a.donde {
	background-image: url(../img/cabecera_dondeicon.png);
}
#cabecera ul li a.contacto {
	background-image: url(../img/cabecera_contactoicon.png);
}

/*************************************************************************************
FOOTER
*************************************************************************************/
#footer {
	clear: both;
	padding: 10px 15px 0px 15px;
	background-image: url(../img/pie_fondo.png);
	background-repeat: repeat-x;
	background-position: bottom;
}
#footer ul {
	display: block;
	text-align: center;
	padding: 15px 0px;
}
#footer ul li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;	
	display: inline;
	padding: 0px 5px;
	color: #4c2432;
}
#footer ul li a {
	color: #4c2432;
	padding: 0px 2px;
}
#footer ul li a:hover,
#footer ul li a:focus {
	text-decoration: underline;
}
.resto {}
.resto p, .resto p.developed a {
	font-size: 11px;
	color: #FFFFFF;
}
.resto p.copyright {
	float: left;
	font-weight: bold;
}
.resto p.copyright img {
	border: 1px solid #A38C8C;
	float: left;
}
.resto p.copyright span {
	display: block;
	float:left;
	padding-top: 45px;
	padding-left: 7px;
}
.resto p.developed {
	float: right;
	padding-top: 45px;
	padding-bottom: 12px;
	padding-right: 43px;
	background-image: url(../img/pie_logotipoenovait.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.resto p.developed a {
	border-bottom: 1px dotted #FFF;
}
.resto p.developed a:hover,
.resto p.developed a:focus {
	border-bottom: 1px solid #FFF;
}
.resto div.estandares {
	margin-left: 295px;
	padding-top: 41px;
}
.resto div.estandares a {
	display: block;
	margin-right: 10px;
	float:left;
	width: 78px;
	height: 19px;
	background-repeat: no-repeat;
	background-position: left top;
}
.resto div.estandares a:hover,
.resto div.estandares a:focus {
	background-position: left bottom;
}
.resto div.estandares a.taw {
	background-image: url(../img/pie_taw.png);
}
.resto div.estandares a.xhtml {
	background-image: url(../img/pie_xhtml.png);
}
.resto div.estandares a.css {
	background-image: url(../img/pie_css.png);
}
.resto div.estandares span {
	display: none;
}
/*************************************************************************************
ENLACE DE BLOQUE
*************************************************************************************/
a.enlace_bloque {
	display: inline;
	float: right;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 4px;
	padding-lefT: 23px;
	background-image: url(../img/enlacebloque_fondo.png);
	background-repeat: no-repeat;
	background-position: left top;	
}
a:hover.enlace_bloque {
	color: #4c2432;
}
/*************************************************************************************
PATHWAY
*************************************************************************************/
ul.pathway {
	font-size: 11px;
	color: #4c2432;
	padding-left: 10px;
}
ul.pathway strong {
	font-weight: bold;
}
ul.pathway li:first-child strong {
	padding-left: 0px;
}
ul.pathway li strong {
	padding-left: 5px;
}
ul.pathway li {
	display: inline;
}
ul.pathway li a {
	color: #4c2432;
	text-decoration: underline;
	padding-right: 5px;
	padding-left: 5px;
}
/*************************************************************************************
GENÉRICOS DENTRO DEL BLOQUE INTERIOR
*************************************************************************************/
div.bloqueinterior {
	width: 606px;
	margin-left: 10px;
	margin-right: 20px;
	background-image: url(../img/bloqueinterior_fondo.png);
	background-repeat: no-repeat;
	background-position: left top;
}
div.bloqueinterior2 {
	background-image: url(../img/bloqueinterior2_fondo.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 15px;
	padding-top: 10px;
}
div.bloqueinterior2 p, div.bloqueinterior2 ul li, div.bloqueinterior2 ol li {
	font-size: 12px;
	line-height: 18px;
	margin: 10px 0px;
}
div.bloqueinterior2 ul, div.bloqueinterior2 ol, div.cuerpo ul {
	margin-left: 30px;
	margin-bottom: 30px;
}
div.bloqueinterior2 ul li, div.cuerpo ul li {
	background-image: url(../img/bullet1.png);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left: 20px;
}
div.bloqueinterior2 ul ul li, div.cuerpo ul ul li {
	background-image: url(../img/bullet2.png);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-left: 20px;
}
div.bloqueinterior2 strong, div.cuerpo strong {
	font-weight: bold;
	font-size: 12px;
	color: #4C2331;
}
img.izq {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;	
}
img.der {
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;	
}
hr {
	margin: 20px 180px;
	border: 2px solid #ccc;
}
p.aviso {
	font-size: 10px;
	color: #666666;
	margin-top: 10px;
	margin-bottom: 10px;
}
/*************************************************************************************
FORMULARIO DE ACCESO A CLIENTES
*************************************************************************************/
div.accesoClientes {
	background-color: #C7ACAC;
	padding: 8px;
	height: auto !important;
	margin-top: 5px;
}
div.accesoClientes form {
	background-color: #F2F0F0;
	padding: 5px;
}
div.accesoClientes form fieldset {}
div.accesoClientes form legend {
	font-size: 12px;
	font-weight: bold;
	color: #4C2432;
}
div.accesoClientes form label {
	font-size: 11px;
	display: block;
	color: #4C2432;
	margin-top:4px;
	width: 75px;
	display: block;
	float: left;
	margin-right: 10px;
}
input.inputtext {
	border: 1px solid #ae9a9a;
	border-bottom-width: 2px;
	border-right-width: 2px;
	padding: 1px;
	margin-top: 2px;
	color: #4c2432;	
	font-size: 11px;
	width:75px;
}
input.boton {
	background-color: #ae9a9a;
	color: #ffffff;	
	font-weight: bold;
	border: 1px solid #4c2432;
	border-bottom-width: 2px;
	border-right-width: 2px;
	font-size: 11px;
	margin: 16px 0px 0px 5px;
	padding: 0px 1px;
	cursor: pointer;
}
/*************************************************************************************
FORMULARIO LISTADO DE PROVINCIAS
*************************************************************************************/
.desplegable_lopd {
	display:block;
	padding: 5px 100px;
	text-align: center;
	border-top: 1px solid #AC9797;
	margin: 0px auto;
	padding-top: 20px;
	margin-bottom: 0px;
	cursor: pointer;
}
ul#listaProvincias {
	display: block;
	position: absolute;
	width: 480px;
	background-color: #F2F0F0;
	border: 1px solid #C7ACAC;
	border-top-width:5px;
	bottom: 120px !important;
	left: 190px !important;
	top: auto  !important;
	padding: 5px;
}
ul#listaProvincias li {
	float: left;
	width: 120px;
	margin-bottom: 7px;
	font-weight: bold;
	padding: 0px;
}