/* -------------- Estilos Generales ----------------- */

body {
	margin: 0px;
	padding: 0px;
	font-size: 62.5%;
	font-family: Verdana;
	font-weight: normal;
	background: url(../images/fnd.jpg) repeat top left;
}

html {
	margin: 0px;
	padding: 0px;
}

h1 {
	position: absolute;
	left: -5000px;
}

h2 {
	margin: 10px 0px 0px 10px;
	padding: 3px 0px 5px 10px;
	font: bold 16px Arial;
	border-left: 5px solid #f69800;
	float: left;
}
h3 {
	margin: 13px 0px 0px 15px;
	padding: 3px 10px 5px 10px;
	font: normal 11px Verdana;
	background: #ff9601;
	float: left;
}

h3 a {
	color: #000000;
}
h3 a:hover {
	color: #000000!important;
}

div.hr {
	margin: 0px;
	padding: 0px;
	background: #ffffff;
	height: 1px;
	float: left;
	width: 100%;
}
div.hr hr{
	display: none;
}

img {
	border: none
}
	
a {
	text-decoration: none;
	color: #ff9601;
}
a:hover {
	color: #b8b8b8;
}
a:active {
	outline: none;
}
a:focus {
	-moz-outline-style: none;
}



/* -------------- Contenedor ----------------- */

#contenedor {
	margin: 0 auto;
	width: 960px;
	min-height: 100px;
	height: auto;
}

/*#contenedor {
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: -480px;
	width: 960px;
	height: 100px;
}
html>body #contenedor {
	min-height: 100px;
	height: auto;
}*/

.hidden {
	display : none;
}



/* -------------- Cabecera ----------------- */

#cabecera {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 110px;
	background: url(../images/cabecera.jpg) repeat-x top left;
	float: left;
}

#cabecera p.slogan {
	margin: 10px 15px 0px 0px;
	padding: 0px;
	font: normal 12px Arial;
	color: #333333;
	text-transform: uppercase;
	float: right;
}

#cabecera p.idiomas {
	margin: 10px 15px 0px 0px;
	padding: 0px;
	text-transform: uppercase;
	width: 650px;
	float: right;
}
#cabecera p.idiomas a {
	margin: 0px 0px 0px 3px;
	padding: 3px 5px 4px 5px;
	font: normal 10px Verdana;
	color: #919191;
	background: #cfcfcf;
	float: right;
}
#cabecera p.idiomas a:hover {
	color: #ffffff;
	background: #000000;
}
#cabecera p.idiomas a.selec {
	color: #ffffff;
	background: #000000;
}

.dorado {
	color: #945700!important;
}

.dorado:hover {
	color: #945700!important;
}

.es {
	margin: 0px 0px 0px 3px;
	padding: 3px 5px 4px 5px;
	font: normal 10px Verdana;
	color: #919191;
	background: #cfcfcf;
	float: right;
}

#cabecera ul {
	margin: 26px 15px 0px 0px;
	padding: 0px;
	float: right;
}
#cabecera ul li {
	list-style-type: none;
	margin: 0px 0px 0px 15px;
	padding: 0px;
	float: left;
}
#cabecera ul li a {
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	height: 29px;
	font: normal 14px Arial;
	color: #ffffff;
	text-transform: uppercase;
	float: left;
}
#cabecera ul li a:hover {
	color: #525252;
	background: url(../images/sen.gif) no-repeat bottom center;
}
#cabecera ul li a.selec {
	color: #ff9601;
	background: url(../images/sen.gif) no-repeat bottom center;
}

.logo {
	float: left;
}



/* -------------- Contenido ----------------- */

#contenido {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
	background: #ffffff;
	float: left;
}

#contenido p.izquierda {
	margin: 20px 0px 0px 25px;
	padding: 0px;
	width: 565px;
	font: normal 10px Verdana;
	color: #000000;
	line-height: 14px;
	float: left;
}

#wysi {
	margin: 20px 0px 0px 25px;
	padding: 0px;
	width: 565px;
	font: normal 10px Verdana;
	color: #000000;
	line-height: 14px;
	float: left;
}

#wysicompleto {
	margin: 20px 0px 0px 25px;
	padding: 0px;
	width: 905px;
	font: normal 10px Verdana;
	color: #000000;
	line-height: 14px;
	float: left;
}

#contenido p {
	margin: 20px 0px 0px 25px;
	padding: 0px;
	width: 905px;
	font: normal 10px Verdana;
	color: #000000;
	line-height: 14px;
	float: left;
}

#contenido p.derecha {
	margin: 20px 0px 0px 0px;
	padding: 10px 0px 10px 10px;
	width: 340px;
	min-height: 300px;
	height: auto;
	float: right;
}

.bordef {
	margin: 0px;
	border: 3px solid #e7e7e7;
	text-align: center;
}

.productot {
	margin: 10px 0px 0px 0px;
	padding: 5px 0px 7px 10px;
	width: 950px;
	font: bold 16px Arial;
	color: #ffffff;
	background: url(../images/fndp2.gif) repeat top left;
	float: left;
}
.productotm {
	margin: 10px 0px 0px 0px;
	padding: 5px 0px 7px 10px;
	width: 950px;
	font: bold 16px Arial;
	color: #ffffff;
	text-transform: uppercase;
	background: url(../images/fndp2.gif) repeat top left;
	float: left;
}

#ruta {
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 7px 10px;
	width: 950px;
	border-bottom: 1px solid #d1d1d1;
	float: left;
}

#ruta a {
	color: #000000;
}

#ruta a:hover {
	color: #000000!important;
}

ul#submenu {
	margin: 20px 0px 0px 0px;
	padding: 10px 0px 10px 10px;
	width: 340px;
	min-height: 300px;
	height: auto;
	background: url(../images/fndp.gif) repeat top left;
	float: right;
}
ul#submenu li {
	list-style-type: none;
	margin: 0px 12px 5px 0px;
	padding: 0px;
	float: left;
}
ul#submenu li a {
	list-style-type: none;
	margin: 0px;
	padding: 4px 7px 6px 7px;
	min-width: 310px;
	font: normal 10px Verdana;
	color: #000000;
	background: #ff9601 url(../images/mas.gif) no-repeat right;
	border: 2px solid #ffffff;
	float: left;
}
ul#submenu li a:hover {
	color: #ffffff;
	background: #000000 url(../images/maso.gif) no-repeat right;
}



/* -------------- Productos ----------------- */

#productos {
	margin: 0px;
	padding: 0px;
	width: 100%;
	background: url(../images/productos.jpg) no-repeat bottom left;
	float: left;
}

a.pdfprecios {
	margin: 12px 13px 0px 0px;
	padding: 3px 7px 5px 7px;
	width: 170px!important;
	font: bold 10px Verdana;
	color: #000000;
	background: #ff9601 url(../images/pdf.gif) no-repeat right;
	border: 2px solid #000000;
	float: right;
}
a.pdfprecios:hover {
	color: #ffffff;
	background: #000000 url(../images/pdf.gif) no-repeat right;
}

#pdfs {
	margin: 0px;
	padding: 0px;
	width: 200px;
	float: right;
}

.clear {
	clear: left!important;
}

#productos ul {
	margin: 10px 13px 0px 0px;
	padding: 10px 0px 10px 10px;
	width: 680px;
	min-height: 300px;
	height: auto;
	background: url(../images/fndp.gif) repeat top left;
	float: right;
}
#productos ul li {
	list-style-type: none;
	margin: 0px 12px 5px 0px;
	padding: 0px;
	float: left;
}
#productos ul li a {
	list-style-type: none;
	margin: 0px;
	padding: 4px 7px 6px 7px;
	min-width: 310px;
	font: normal 10px Verdana;
	color: #000000;
	background: #ff9601 url(../images/mas.gif) no-repeat right;
	border: 2px solid #ffffff;
	float: left;
}
#productos ul li a:hover {
	color: #ffffff;
	background: #000000 url(../images/maso.gif) no-repeat right;
}

#mapa {
	margin: 20px 0px 0px 10px;
	padding: 5px 0px 7px 0px;
	width: 940px;
	background: #F0F0F0;
	text-align: center;
	float: left;
}



/* -------------- Pie ----------------- */

#pie {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 130px;
	background: #000000 url(../images/mundo.gif) no-repeat top right;
	float: left;
}

#pie p {
	margin: 60px 15px 0px 0px;
	padding: 0px;
	text-align: right;
	color: #b8b8b8;
	line-height: 14px;
	float: right;
}


#piei {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 80px;
	background: #000000 url(../images/mundoi.gif) no-repeat top left;
	float: left;
}

#piei p {
	margin: 10px 15px 0px 0px;
	padding: 0px;
	text-align: right;
	color: #b8b8b8;
	line-height: 14px;
	float: right;
}

#bloque {
	margin: 10px 0px 0px 10px;
	padding: 0px;
	width: 200px;
	height: 110px;
	background: url(../images/fnd.gif) repeat top left;
	float: left;
}
#bloque p.bloquet {
	margin: 0px;
	padding: 7px 0px 0px 8px;
	width: 187px;
	height: 23px;
	font: normal 14px Arial;
	color: #ffffff;
	border-left: 5px solid #ff9601;
	background: #000000 url(../images/fnda.gif) repeat top left;
	text-transform: uppercase;
	text-align: left;
	float: left;
}
#bloque p.bloqued {
	margin: 8px 0px 0px 13px;
	padding: 0px;
	font: normal 10px Verdana;
	color: #ffffff;
	line-height: 14px;
	text-align: left;
	float: left;
}

.botonp {
	margin: 2px 10px 0px 0px;
	padding: 3px 7px 5px 7px;
	font: normal 10px Verdana;
	color: #7f7f7f;
	background: #0f0f0f;
	float: right;
}
a.botonp:hover {
	color: #ff9601;
}

.izanet {
	margin: 5px 0px 0px 0px;
	padding: 2px 6px 4px 6px;
	font: normal 10px Verdana;
	color: #7f7f7f;
	background: #000000;
	float: right;
}

.gris {
	color: #7f7f7f;
}
a.gris:hover {
	color: #ff9601!important;
}



/* -------------- Tablas ----------------- */

table {
	margin: 0px;
	padding: 0px;
	text-align: left;
	float: left;
}

table, td, th {
	margin: 10px 0px 0px 10px;
	padding: 3px 0px 5px 7px;
	line-height: 14px;
	font-size: 10px;
}
table td.tit {
	background: #ff9601;
	font-weight: bold;
	}
table td a {
	color: #000000;
	text-decoration: underline;
	}
table td a:hover {
	color: #000000;
	text-decoration: underline;
	}
table tr.oscuro {
	background: #F5F5F5;
	}
	
	
	
/* -------------- Dl ----------------- */
	
dl {
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 15px 0px;
	width: 960px;
	border-bottom: 1px solid #e7e7e7;
	float: left;
	}
	
dl.oscuro {
	background: #f0f0f0;
	}
	
dt {
	margin: 0px 0px 0px 25px;
	font: bold 11px Verdana;
	color: #000000;
	width: 900px;
	text-transform: uppercase;
	float: left;
	}

dd {
	margin: 10px 0px 0px 25px;
	font: normal 10px Verdana;
	color: #000000;
	line-height: 14px;
	width: 810px;
	float: left;
	}
	
dd.dampliada {
	margin: 10px 0px 0px 25px;
	font: normal 10px Verdana;
	color: #000000;
	line-height: 14px;
	width: 810px;0
	float: left;
	}
	
dd.imagen {
	margin: 10px 0px 0px 0px;
	width: 120px;
	float: right;
	}
	
dd.imagena {
	margin: 10px 0px 0px 0px;
	width: 320px;
	float: right;
	}

dd.fecha {
	margin: 0px 0px 0px 25px;
	font: normal 10px Verdana;
	color: #ff9606;
	width: 900px;
	float: left;
	}
	
	
	
a.ampliar {
	margin: 15px 0px 0px 0px;
	padding: 3px 7px 5px 7px;
	min-width: 200px;
	font: bold 10px Verdana;
	color: #000000;
	background: #ff9601 url(../images/mas.gif) no-repeat right;
	border: 2px solid #000000;
	float: left;
}
a.ampliar:hover {
	color: #ffffff;
	background: #000000 url(../images/maso.gif) no-repeat right;
}


/* ---------------------------------------------- Formularios */

.boton {
	font: bold 10px Verdana;
	color: #000000;
	padding: 0em;
	margin: 1px;
	background-color: #ff9601;
	border: 2px solid #000000;
}
html>body .boton {
	padding: 0em 0.8em 0.2em 0.8em;
}

.campo {
	border: #d7d3d0 1px solid; 
	font: normal 11px Verdana; 
	color: #000000;
	height: 16px;
	padding: 2px;
	margin: 1px;
	background-color: #ffffff
}
.campo:focus {
	background-color: #fad8a7;
	border: #000000 1px solid; 
}

.campo2 {
	border: #d7d3d0 1px solid; 
	font: normal 11px Verdana; 
	color: #000000;
	padding: 2px;
	margin: 1px;
	background-color: #ffffff
}
.campo2:focus {
	background-color: #fad8a7;
	border: #000000 1px solid; 
}