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; }


/* CABECERA
------------------------------------------------------- */
#cabecera {background: url(images/bg.jpg) no-repeat 0 0; padding-top: 18px; height: 134px;}

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: 219px; height: 53px; position: absolute; top: 154px; left: 578px; z-index: 9;}


/* 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: 18px;}

#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 {background: #fff; clear: both; padding: 0 30px 30px 30px; }

html>body #pie {padding: 0 30px 20px 30px;}

#pie .caja {background: #f0f0ee; padding: 7px 19px; margin-bottom: 10px; height: 27px !important; height /**/: 37px; }

#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/minimol.gif) top center no-repeat; width: 65px; height: 11px; display: block; margin-top: 8px;}
	
.bypie a:hover {background: #f0f0ee url(images/minimol.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;}