﻿html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

body {line-height: 1; color: #333; background: white;}

body {color: #666; font: 75% Arial, Helvetica, sans-serif; line-height: 1.5; min-height: 80%;}


/* TITULOS
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 { 
  font-family: "lucida grande", "lucida sans", Tahoma, arial, verdana, sans-serif;
  color:#111; 
  clear:both; 
}

h1 { font-size: 3em; }
h2 { font-size: 2em; }
h3 { font-size: 1.5em; line-height:2; }
h4 { font-size: 1.2em; line-height:1.25; font-weight:bold; }
h5 { font-size: 1em; font-weight:bold; }
h6 { font-size: 1em; }


/* ELEMENTOS
-------------------------------------------------------------- */
ul, ol      { margin: 0 0 1.5em 0; }
ol          { list-style-type: decimal; }
dl          { margin: 1.5em 0; }
dl dt       { font-weight: bold; }

a           { color: #ac3e21; text-decoration: underline; outline: none; }
a:hover     { color: #000; }

blockquote  { margin: 1.5em 0 1.5em 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em          { font-style: italic; }
pre         { margin-bottom: 1.3em; background: #eee; border:0.1em solid #ddd; padding:1.5em; }
code        { font:0.9em Monaco, monospace; }
sup         { font-size: 1em}


/* MAQUETA
------------------------------------------------------- */
body {text-align: center; margin:0 0 36px 0;}

body.home,body.empresa,body.catalogo,body.contacto {background: #fff url(images/bg-body-home111.gif) repeat-x top;}

.total {text-align: left; position: relative; padding: 0 10px; margin: 0 auto; width: 800px !important; width /**/:843px !important;}


/* CABECERA
------------------------------------------------------- */
#cabecera {
	padding-top: 18px;
	height: 134px;
	position: relative;
}

h1#logo a {background: url(images/logo.gif) no-repeat 0 0; height: 90px; width: 174px; text-indent: -9000px; outline: 0; margin-left: 31px; display: block;}


/* NAVEGACION
------------------------------------------------------- 
#mnav {position: relative; height: 70px;}

ul.nav {padding: 5px 0 0 29px;}

ul.nav, ul.nav li {list-style: none; margin: 0;}

ul.nav li {display: inline; float: left; margin-right: 1px;}

ul.nav li a {background-color: transparent; background-repeat: no-repeat; background-position: 0 0; display: block; text-decoration: none; float: left; height: 37px; text-indent: -9000px; outline: 0;}

ul.nav li a.home {background-image: url(images/home.gif); width: 68px;}

ul.nav li a:hover, body.catalogo ul.nav a.catalogo, body.home ul.nav .home, body.empresa ul.nav a.empresa, body.contacto ul.nav a.contacto {background-color: #b80000;}

ul.nav li a.catalogo {background-image: url(images/catalogo.gif); width: 223px;}

ul.nav li a.empresa {background-image: url(images/empresa.gif); width: 96px;}

ul.nav li a.contacto {background-image: url(images/contacto.gif); width: 105px;}*/

#disek {width: 119px; height: 53px; position: absolute; top: 158px; left: 680px; z-index: 9; text-align:right}


/* CONTENIDO
------------------------------------------------------- */
#contenido {clear: both; background: #fff; min-height:350px; padding-top: 22px; }

.home #contenido {padding: 30px 30px 15px;}

.empresa #contenido {padding: 30px 30px 15px;}

.catalogo #contenido {padding: 30px 30px 15px;}

.contacto #contenido {padding: 30px 30px 15px;}

#contenido #colum-1 {float: left; width: 268px; background: #fff;}

#contenido #colum-2 {float: left; padding-left: 30px; width: 435px; background: #fff;}

#contenido #colum-3 {float: left; width: 410px; background: #fff;}

#contenido #colum-4 {width: 284px; padding-left: 30px; float: left; margin:0; background: #fff;}

#contenido #colum-5 {float: left; width: 410px; background: #fff;}

#contenido #colum-6 {width: 284px; padding-left: 30px; float: right; margin:0; background: #fff;}

#contenido #colum-7 {float: left; padding-left: 2px; width: 460px; background: #fff; }

#contenido #colum-8 {float: left; width: 238px; background-COLOR: #fff; padding-left: 30px; }

#contenido .caja {background: #f0f0ee; font-size: 1em; color: #555; padding: 17px; width: 232px; }

html>body #contenido .caja {padding: 10px;}

#contenido .caja p {line-height: 1.3em; margin: .4em 0 .7em;}

#contenido .caja1 {background: #f0f0ee; font-size: 1em; color: #555; padding: 17px 17px 17px 17px; width: 212px; margin:0; }

html>body #contenido .caja1 {padding: 18px 18px 18px 18px; margin:0;}

a.imaiz {float:left; background:#fbfbfb; border:1px solid #EDEDEC; margin:0 10px 15px 5px; padding:4px;}

a.imaiz:hover {float:left; background:#fff; border:1px solid #cccccc; margin:0 10px 15px 5px; padding:4px;}

#contenido p {font-size: 1.1em; margin-bottom: .8em; text-align:justify;}


/* POST
------------------------------------------------------- */
#texto h2 {color: #6c6c6c; font-size: 12px; font-family: "lucida grande", "lucida sans", Tahoma, arial, verdana, sans-serif; margin: 0; text-transform: uppercase;}

#link a {color: #b35728; border-bottom: 1px solid #bbbbbb; padding-bottom: 1px; text-decoration: none;}

#link a:hover {color: #444444; border-bottom: 1px solid #bbbbbb; padding-bottom: 1px; text-decoration: none;}


/* CONTACTO
------------------------------------------------------- */
#contenido form {background: #f0f0ee;}

#contenido form fieldset {padding: 20px 20px;}

#contenido form .row {padding: 5px 0;}

#contenido form label {color: #333; font-size: 10px; text-transform: uppercase;}

#contenido form .text {color: #222; border: 1px solid #ccc; padding: 2px 2px; width: 270px;}

#contenido form textarea.text {height: 80px; width: 350px;}

#contenido form .buton {background: #a14028 url(images/bg-button-red.gif) repeat-x top; padding: 4px; margin: 0; color: #fff; font-size: 11px; text-transform: uppercase;}

#contenido form button:hover {color: #222; cursor: pointer;}


/* PIE
------------------------------------------------------- */
#pie {
	margin: 0px;
	border-width: thin;
	background: #fff;
	clear: both;
	padding: 0 30px 30px 30px;
	height: 220px;
}

html>body #pie {
	border: thin dashed #FFFFFF;
	padding: 0 30px 20px 30px;
}
#pie .caja {
	border-style: none;
	background: #f0f0ee;
	padding: 30px 19px 7px 19px;
	margin-bottom: 10px;
	height: 105px !important;
	height /**/: 120px !important;
	margin-top: 30px;
}

#pie .caja strong {color: #ac3e21; font-weight: bold; }

#pie .caja span  { float: left; margin-right: 10px; line-height: 2.1em; }

.bypie {float: right;}
	
.bypie a {background: #f0f0ee url(images/ados.gif) top center no-repeat; width: 65px; height: 11px; display: block; margin-top: 8px;}
	
.bypie a:hover {background: #f0f0ee url(images/ados.gif) bottom center no-repeat;}
	
.bypie a span {display: none;}


/* MISCELANIA
------------------------------------------------------- */
.clear { display: inline-block;}   
.clear:after, .total:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
* html .clear { height: 1%;}

.clear { display: block;}

img.foto-mag {margin-bottom: 14px;}

img.mag {margin: 0 0 7px 0;}

img.foto {background: #999; padding: 1px;}
.librocatalogo {
	border-style: none;
	position: relative;
	top: -60px;
	width: 199px;
	height: 226px;
}
.pie_dcha_catalogo {
	left: -13px;
	vertical-align: bottom;
	border-style: none;
	float: right;
	position: relative;
	bottom: 231px;
	width: 491px;
}
.descarga {
	font-size: large;
	font-weight: bold;
	color: #FF0000;
}
.panel_contenedor {
	overflow: hidden;
	width: 843px;
	background-color: #FFFFFF;
}
.panel_interior {
	margin-right: 32px;
	margin-left: 32px;
	padding-top: 30px;
	background-color: #FFFFFF;
}
.panel_imagen {
	border: thick solid #D8D8D6;
	width: 160px;
}
.panel_detalles {
	width:100%;	
}
.panel_detalles_titulo {
	float:left;
	width:auto;
	margin-right:2px;	
}
.panel_detalles_descripcion {
	float:left;
	width:650px;	
}


.listado_fila {
	height: 60px;
	clear: both;
	width: 779px;
	padding-bottom: 15px;
}

.listado_fila a {
	
	width:100%;
	height:100%;
}

.listado_foto {
	height: 60px;
	float: left;
	width: 94px;
	text-align: center;
	background-image: url('images/bg_detalle.gif');
}
.listado_nombre_detalle {
	height: 60px;
	width: 430px;
	float: left;
}

.listado_nombre_detalle_ajuste{
	overflow: hidden;
	height: 30px;
	width: 400px;
	margin-left: 10px;
	line-height: 30px;
}
.listado_descuento_ver {
	width: 85px;
	height: 60px;
	float: left;
	text-align: center;
	color: #CB1818;
}
.listado_descuento_ver_ajuste {
	height: 30px;
	width: 85px;
	margin-left: 10px;
	line-height: 30px;
	background-color: #F0F0EE;
}

.listado_precios {
	height: 60px;
	width: 170px;
	float: left;
	text-align: center;
}

.listado_precios_ajuste{
	height:30px;
	width:170px;
	margin-left:10px;
	line-height:30px;
}
.listado_descuento_ver_ajuste_dto {
	height: 30px;
	width: 85px;
	margin-left: 10px;
	line-height: 30px;
	background-color: #F0F0EE;
	font-size: 15px;
}
.panel_imagen_detalle {
	height: 220px;
	width: 350px;
	text-align: center;
	float: left;
	background-image: url('images/bg_detalle.gif');
}
.panel_imagen_contenedor_detalle {
	width: 779px;
	/* height: 220px; */
}
.panel_texto_detalle {
	/*height: 220px;*/
	width: 429px;
	float: left;
}
.panel_precios_detalle {
	width: 390px;
	height: 40px;
	text-align: center;
}
.panel_precios_detalle_numeros {
	font-size: medium;
	width: 390px;
	height: 23px;
	background-color: #F0F0EE;
}
.panel_texto_detalle_titulo {
	text-align: center;
	font-size: medium;
	color: #CC0000;
	font-weight: bold;
	height:35px;
}
.panel_precios_detalles_encabezados {
	color: #FFFFFF;
	background-color: #CC0000;
	font-weight: bold;
	width: 390px;
	height: 17px;
}


/* MENU NUEVO I+D */

#lineadelmenu
{
    height: 52px;
    width:900px;
    position:relative;
    padding-top:9px;
    padding-left:30px;
    font-weight: bold;

}
#menu1 
{
	float: left;    
	margin: 0;
	list-style: none;
	height: 30px;
    width:700px;
    text-align:center;
    position:relative;
    top:0px;
    left:0px;
    line-height: 30px;
}

#menu1 li {
	float: left;
	z-index:100;
	width: 122px;
	height: 30px;
    color:#FFF;
   
}
#menu1 a {
    font-family: Corbel;
    color:#FFF;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    display: block;
    height: 30px;
    vertical-align: baseline;
    padding-top: 2px;


}
#menu1 a:hover {
	font-weight: bold;
	color:#FFF;
	height: 30px;
    background-color:#b80000;	
}

#mainNav {
	margin: 0;
	list-style: none;
	height: 17px;
    width:100%;
    position:absolute;
    left:150px;
    text-align:center;
}
#mainNav li {
	float: left;
	width: 141px;
	height: 17px;
    text-align:center;	
}
#mainNav a {
    font-family: Corbel;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
    color: #FFF;
    display: block;
    background-color: #008209;
    height: 17px;
    vertical-align: baseline;
    padding-top: 2px;
    padding-bottom: 2px;
    text-align:center;    
}
#mainNav a:hover {
	font-weight: bold;
	color: #008209;
	background-color: #FFF;
	height: 17px;
    text-align:center;	
}
#menu1 a.selected, #lateralNav a.selected{
 background-color:#b80000;
 color:#FFFFFF;
}
.banner {
	width: 556px;
	height: 84px;
	position: absolute;
	top: 30px;
	right: 50px;
}
.detalle_volver {
	width: 779px;
	height: 40px;
	clear: both;
	text-align: right;
}
.boton_volver {
	height: 15px;
	width: 150px;
	float: right;
	text-align: center;
	font-size: x-small;
	font-weight: bold;
	color: #CC0000;
	line-height: 15px;
}
.detalle_aviso {
	width: 779px;
	height: 40px;
	clear: both;
	text-align: center;
}

