/* SECCIÓN: ELEMENTOS GENERALES DE LA PÁGINA */
html, body {
	height: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
}
body {
    font-size: 80%;
    line-height: 1.6em;
	color: #2e4f85;
}
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;
}

p {
	margin: 0 0 1.1em 0;
	}

/* 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;
}
	
/*SECCIÓN: ESTILOS DEL ARMAZÓN DE LA PÁGINA*/
#web {
	width:100%;
	margin: 0 auto;
	position: relative;
	height: auto !important;
	height: 100%;
	min-height: 100%;
}
#contenedor {
	text-align: left;
	padding-bottom: 8em;
}

#cabecera {
	width:100%;
	background:#FFFFFF url(../images/css-cabecera-interior.gif) left top repeat-x;
	min-height: 185px; /*IE*/
	padding-top:15px;
}
body.index #cabecera {
	background:#FFFFFF url(../images/css-cabecera-index.gif) left top repeat-x;
	min-height: 360px; /*IE*/
	}

.anchoWeb {
	width: 968px;
	margin:0 auto;
	text-align:left;
	}



/* ESPECÍFICOS CABECERA */

/*////// HOME ////////////*/

.banerCentro {
	background:#fcb301 url(../images/css-centro-index.jpg) 0 0 no-repeat;
	min-height: 254px; /*IE*/
	padding:40px 0 0 40px;
	}
.banerCentro p.slogan {
	font-size:230%; 
	color:#FFFFFF;
	line-height: 1.1em;
	font-style: italic;
	margin-bottom: .5em;
	}
.banerCentro p.slogan span {
	font-weight: bold;
	color:#22334e;
	}
.banerCentro .razones {	
	background: url(../images/css-razones.gif) 0 0 repeat-y;
	margin-top: 20px;
	}
.banerCentro .razones .razon1 {
	float:left;
	width:118px;
	background:url(../images/razones1.gif) 0 0 no-repeat;
	padding: 0 0 0 40px;
	margin-right: 20px;
	margin-bottom:0;
	line-height:1.2em;
	color:#22334e;
	font-size:110%;
	}
.banerCentro .razones .razon2 {
	float:left;
	width:148px;
	background:url(../images/razones2.gif) 0 0 no-repeat;
	padding: 0 0 0 40px;
	margin-right:25px;
	margin-bottom:0;
	line-height:1.2em;
	color:#22334e;
	font-size:110%;
	}
.banerCentro .razones .razon3 {
	float:left;
	width:141px;
	background:url(../images/razones3.gif) 0 0 no-repeat;
	padding: 0 0 0 40px;
	margin-right: 20px;
	margin-bottom:0;
	line-height:1.2em;
	color:#22334e;
	font-size:110%;
	}
.banerCentro .razones .razon1 span,
.banerCentro .razones .razon2 span,
.banerCentro .razones .razon3 span {
	font-weight: bold;
	font-style:italic;
	}
.banerCentro .razones .conectate {
	float: left;
	margin: 15px 0 0 25px;
	}
.banerCentro .ultimo {
	text-align: center;
	margin: 20px 0;
	color:#FFFFFF;
	font-size:120%;
	}
.banerCentro .ultimo a {
	color:#FFFFFF;
	}
.banerCentro .ultimo a:hover {
	color:#22334E;
	}

.MenuTop {
	float: right;
	color:#FFFFFF;
	text-align: right;
	font-style:italic;
	margin-right:2px;
	width:450px;
	}
.MenuTop ul li {
	display: inline;
	background:url(../images/css-li-menuTop.gif) 0 0.6em no-repeat;
	padding-left: 12px;
	margin-left: 7px;
	font-style:italic;
	}
.MenuTop ul li.primero {
	background:none;
	}
.MenuTop ul li a {
	color:#FFFFFF;
	}
.MenuTop ul li a:hover {
	color:#f7a601;
	}
.MenuTop p {
	font-weight: bold;
	margin-top:15px;
	margin-bottom:0;
	}
.MenuTop span {	
	color: #ffbf00;
	font-size:180%;
	}
	
.bloque_1,
.bloque_2 {
    margin: 0 0 1.5em 0;
}
.bloque_1 h2,
.bloque_2 h2 {
    margin: 0 0 .5em 0;
}
.bloque_1 img,
.bloque_2 img {
    float: right;
    margin: 0 0 .5em 1em;
}

.boton {
    border: none;
    border-radius: 3px;
    background: #66A53D none;
    color: #FFF;
    cursor: pointer;
    display: inline-block;
    font-size: 1.385em;
    font-style: italic;
    padding: .7em 1.5em .6em 1.5em;
    text-decoration: none;
}
.boton:hover {
    background: #4C7E01;
}
.boton.pdf {
    background: #66A53D url(../images/pdf.png) 0 0 no-repeat;
    padding: .9em 1.5em .8em 53px;
}
.boton.pdf:hover {
    background: #4C7E01 url(../images/pdf.png) 0 0 no-repeat;
}
.boton.xsl {
    background: #66A53D url(../images/xsl.png) 0 0 no-repeat;
    padding: .9em 1.5em .8em 55px;
}
.boton.xsl:hover {
    background: #4C7E01 url(../images/xsl.png) 0 0 no-repeat;
}
.botonera {
    padding: 1em 0;
}
.botonera .izquierda {
     float: left;
     text-align: center;
     width: 48%;
}
.botonera .derecha {
    float: right;
    text-align: center;
    width: 48%;
}
	
/*///////// INTERIORES /////////////////*/

.banerCentroInterior {
	background: #fcb301 url(../images/css-centro-interior.jpg) 0 0 no-repeat;
	min-height: 88px;
	padding: 40px 0 0 40px;
	}
.banerCentroInterior .conectate {
	float: right;
	margin: 10px 200px 0 0; /*IE*/
	}
.banerCentroInterior p.slogan {
	font-size: 230%; 
	color: #FFFFFF;
	line-height: 1.1em;
	font-style:italic;
	margin-bottom: .5em;
	float: left;
	}
.banerCentroInterior p.slogan span {
	font-weight: bold;
	color:#22334e;
	}

/* ESPECÍFICOS PIE */
.pie {
	background:#2c4b7d url(../images/css-pie.gif) left top repeat-x;
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 20px 0;
	width:100%;
	color:#FFFFFF;
	font-size:90%;
	}
.pie span {
	color: #febc01;
	font-weight:bold;
	}
.pie a {
	color:#febc01;
	}
.pie a:hover {
	color:#FFFFFF;
	}
.pie .adi {
	float: right;
	font-size:90%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	margin-top:20px;
	}
.pie .adi span {
	font-weight: bold;
	}
	

/* ESPECÍFICOS MENU */


#menu {
	float: left;
	width: 172px;
	padding-left:25px;
	}
	
/* Primer nivel */
#menu ul {
	margin-top:20px;
	font-size: 100%;
}
#menu ul li {
	padding: 0;
	margin: 0 0 5px 0;
}
#menu ul li a {
	color: #00009e;
	text-decoration: none;
	/* El piti es un gif de 9x9 de fondo transparente y con el motivo centrado. */
	display: block;
	width: 160px;
	text-align:right;
	padding: 0 10px 0 2px;
	line-height:1.8em;
}
#menu ul li a:hover {
	background: url(../images/menu-li-hover.gif) left bottom repeat-x;
	color:#ffffff;
}
#menu ul li.seleccionado a {
	background:url(../images/menu-li-hover.gif) left bottom repeat-x;
	color:#ffffff;
	line-height:1.8em;
}
/* Segundo nivel */
#menu ul li.seleccionado ul {
	margin: 0 0 5px 0;
	padding: 5px 0 0 0;
	border-right:1px solid #ffdac3;
}
#menu ul li.seleccionado ul li {
	padding: 0;
	margin: 0;
	border-bottom: none;
}
#menu ul li.seleccionado ul li a {
	background:none;
	color: #00009e;
	line-height:1.4em;
}
#menu ul li.seleccionado ul li a:hover {
	background:none;
	background-color:#ffdac3;
	color: #00009e;
	}
#menu ul li.seleccionado ul li.activo a {
	background-color:#ffdac3;
	text-decoration:none;
	line-height:1.4em;
	margin-bottom:1px;
	}
	
	
/****** HOME ************/

.infoHome {
	background:url(../images/css-infoHome.gif) 0 0 repeat-y;
	}
.infoHome .materialOficina {
	float: left;
	width:457px;
	}
.infoHome .mobiliarioOficina {
	float: right;
	width:457px;
	}
.infoHome h2 {
	border-bottom:1px solid #bec8d9;
	font-size: 220%;
	padding-bottom:.3em;
	color:#2e4f85;
	font-style:italic;
	}
.apoyo {
	background: url(../images/css-fnd-linea.gif) right bottom no-repeat;
	text-align: right;
	padding: 5px 0;
	margin-bottom: .5em;
	}
.apoyo ul li {
	display: inline;
	background: url(../images/css-li-apoyo.gif) 0 0.6em no-repeat;
	padding-left: 10px;
	margin-left: 8px;
	}
.apoyo ul li a {
	color:#2e4f85;
	}
.apoyo ul li a:hover {
	color:#f7a601;
	}
.oficina {
	margin-top:5px;
	background:url(../images/css-ho-materialofician.jpg) right top no-repeat;
	padding-right: 270px;
	}
.mobiliario {
	margin-top:5px;
	background:url(../images/css-ho-mobiliariooficina.jpg) right top no-repeat;
	padding-right: 220px;
	}
.oficina span,
.mobiliario span {
	font-weight: bold;
	color:#e39800;
	}
.oficina a,
.mobiliario a {
	color:#2e4f85;
	}
.oficina a:hover,
.mobiliario a:hover {
	color:#e39800;
	}
	
	
/********** MIGAS *****************************/

.migas {
	padding: .3em 0;
	border-bottom: 1px solid #c2c8cc;
	margin-bottom:1em;
	 }
.migas ul li {
	display: inline;
	background: url(../images/css-li-migas.gif) 0 0.6em no-repeat;
	padding-left:10px;
	margin-right: 7px;
	}
.migas ul li a {
	color:#2e4f85;
	}
.migas ul li a:hover {
	color:#e39800;
	}
/*********** INTERIORES ***********************/

.destacado {
	color:#e39800;
	}
.center {
	text-align:center;
	}
.interior {	
	background:url(../images/css-contenido.gif) 0 0 no-repeat;
	}
.interior h2 {
	font-size:240%;
	font-style:italic;
	margin: .8em 0 .5em 0;
	}

.txt_left {
	float: left;
	width:500px;
	}
.txt_left ul li {
	background:url(../images/css-li.gif) 0 0.7em no-repeat;
	padding-left:10px;
	margin-bottom:.3em;
	}

.txt_dcha {
	float: right;
	width:445px;
	}
.txt_dcha a img {
	padding: 1px;
	border: 1px solid #dddddd;
	margin-left: 10px;
	margin-bottom:10px;
	 }
.txt_dcha a:hover img {
	border:1px solid #fcb301;
	background-color:#ffebba;
	}



/************* CONTACTO ***************************/

.contacto {	
	background:url(../images/css-fnd-contacto.gif) 0 0 repeat-y;
	  }
.contacto h3 {
	color:#e39800;
	border-bottom:1px solid #bec8d9;
	margin-bottom:1em;
	}
.contacto .txt_left {
	width: 385px;
	}
.contacto .txt_dcha {
	width: 535px;
	}
.contacto .campo label {
	float: left;
	display: block;
	width:120px;
	text-align:right;
	margin-right:10px;
	cursor:pointer;
	}
.contacto .campo {
	margin-top: 5px;
	}
.contacto .txt {
	width: 245px;
	border: 1px solid #c2c8cc;
	}
.contacto .error {
	border:1px solid #ee6d6d;
	background-color:#fff4f4;
	}
.contacto .autorizo {
	margin-top:.8em;
	border-top:1px solid #c2c8cc;
	padding-top:.8em;
	}
.contacto .autorizo input.aviso{
	cursor: pointer;
	margin-left:10px;
	}

.contacto .autorizo label {
	text-align:left;
	margin-left:0px;
	line-height:1.3em;
	cursor: pointer;
	}
.contacto .autorizo p.enviar {
	margin-top: 2em;
	text-align:center;
	}
.contacto .autorizo p.enviar .bot_enviar {
	background: url(../images/bot_enviar.gif) 0 0 no-repeat;
	color:#FFFFFF;
	border:none;
	width: 200px;
	height:37px;
	text-align:center;
	cursor:pointer;
	font-weight: bold;
	font-size:140%;
	font-style:italic;
	}
	
.contacto .autorizo p.enviar .bot_enviar:hover {
	color:#000000;
	}
.contacto a {
	color:#2e4f85;
	}
.contacto a:hover {
	color:#E39800;
	}
	
/********** SERVICIOS MEDIDA  ****************/


.serviosmedida .txt_left {
	width: 610px;
	}
.serviosmedida .txt_dcha {
	width: 335px;
	}
.serviosmedida .txt_left a {
	color:#2e4f85;
	}
.serviosmedida .txt_left a:hover {
	color:#E39800;
	}
.serviosmedida .txt_left a.boton {
    color:#FFF;
    }
.serviosmedida .txt_left a.boton:hover {
    color:#FFF;
    }
	
/*********** DISTRIBUIDORES **************/

.distribuidores {
	background:url(../images/css-fnd-distribuidor.gif) 0 0 repeat-y;
	margin-top:2em;
	}
.distribuidores .dis01 {
	float: left;
	width:295px;
	margin-right:50px;
	}
.distribuidores .dis02 {
	float: left;
	width:295px;
	}
.distribuidores .dis03 {
	float: right;
	width:295px;
	}
.distribuidores .dis01 a,
.distribuidores .dis02 a,
.distribuidores .dis03 a {
	padding: .5em 1.3em;
	background:#f3f3f3 url(../images/css-distribuidores.gif) 0.5em 1em no-repeat;
	color:#2e4f85;
	}

.distribuidores .dis01 a:hover,
.distribuidores .dis02 a:hover,
.distribuidores .dis03 a:hover {
	background-color:#FFBF00;
	}
.distribuidores .info {
	min-height: 400px; /*IE*/
	}
.distribuidores .fotosDis img {
	padding:1px;
	border:1px solid #dddddd;
	}
	
	
/********** REGISTRO *******************************/


.registro {
	width: 650px;
	margin:0 auto;
	}
.registro h3 {
	color:#e39800;
	border-bottom:1px solid #bec8d9;
	margin-top:1.8em;
	margin-bottom:1.4em;
	font-size:100%;
	text-align:left;
	}
.registro label {
	float: left;
	display: block;
	width:150px;
	text-align:right;
	margin-right:10px;
	cursor:pointer;
	}
.registro .campo {
	margin-top: 8px;
	}
.registro .txt {
	width: 330px;
	border: 1px solid #c2c8cc;
	}
.registro .error {
	border-color:#ee6d6d;
	background-color:#fff4f4;
	}
.registro .autorizo {
	margin-top:1em;
	border-top:1px solid #c2c8cc;
	padding-top:.8em;
	}
.registro .autorizo input.aviso {
	float: left;
	}
.registro .autorizo label {
	float:left;
	width:auto;
	text-align:left;
	margin-left:5px;
	line-height:1.3em;
	}
.registro .autorizo p.enviar {
	margin-top: 2em;
	text-align:center;
	}
.registro .autorizo p.enviar .bot_enviar {
	background: url(../images/bot_registrarse.gif) 0 0 no-repeat;
	color:#FFFFFF;
	border:none;
	width: 170px;
	height:37px;
	text-align:center;
	cursor:pointer;
	font-weight: bold;
	font-size:140%;
	font-style:italic;
	}
.registro .autorizo p.enviar .bot_enviar:hover {
	color:#000000;
	}
.registro a {
	color:#2e4f85;
	}
.registro a:hover {
	color:#E39800;
	}

.mensajeCorrecto {
	background:url(../images/ico-welldone.gif) left top no-repeat;
	padding: 10px 0 0 150px;
	}
.contacto .mensajeCorrecto {
	padding: 30px 0 0 120px;
	}
.mensajeCorrecto .tit {
	color:#e39800;
	font-size: 170%;
	font-style:italic;
	font-weight: bold;
	}
.mensajeCorrecto .duda {
	border-top: 1px solid #bec8d9;
	margin-top:1.7em;
	width:700px;
	padding-top:.8em;
	}
.mensajeCorrecto a {
	color:#2E4F85;
	}
.mensajeCorrecto a:hover {
	color:#E39800;
	}

.mensajeIncorrecto {
	background:url(../images/ico-mal.gif) left top no-repeat;
	padding: 10px 0 0 150px;
	color:#f8010d;
	margin-bottom:1em;
	min-height:120px;
	}
.mensajeIncorrecto .tit {
	font-size: 120%;
	font-style:italic;
	font-weight: bold;
	}
.mensajeIncorrecto li {
	background:url(../images/css-li.gif) 0 .4em no-repeat;
	padding-left: 10px;
	margin-bottom:0.3em;
	line-height:1em;
	}
.contacto .mensajeIncorrecto {
	padding: 20px 0 0 115px;
	min-height:120px; /*IE*/
	}
.contacto .mensajeIncorrecto p {
	margin-bottom: .3em;
	}
.contacto .mensajeIncorrecto li {
	background:url(../images/css-li.gif) 0 .4em no-repeat;
	padding-left: 10px;
	margin-bottom:0.3em;
	line-height:1em;
	}
	
/******** POLITICA PRIVACIDAD *********/

body.politica {
	text-align:left;
	background: url(../images/css-politicaprivacidad.gif) left top repeat-x;
	}
body.politica .logo {
	height:57px;
	padding: 10px 0 0 20px;
	margin-bottom:2em;
	}
body.politica h1 {
	font-size: 180%;
	font-style:italic;
	margin: 0 0 1em 1em;}
body.politica p {
	margin:0 2.5em 1.5em 2em;
	}