body {
font-family: Arial, Helvetica, sans-serif;
font-size:small;
margin:0;
padding:0;
background-image: url(../img5/fondo-cabecera.gif);
background-repeat:  repeat-x;
background-position: left top;
color: #333333;
}
#home {
background-image: url(../img5/fondo-cabecera-home.gif);
background-repeat:  repeat-x;
background-position: center top;
}
a {
color: #333333;
text-decoration: underline;
}
img {
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
* {
margin:0;
padding:0;
line-height: 1.5em;
}
p {
padding-bottom: 10px;
}
h1 {
padding:0;
font-size:220%;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 20px;
margin-left: 0px;
color: #FFD100;
line-height: 24px;
}
h2 {
}
#container {
width:940px;
margin-left: auto;
margin-right: auto;
}
#header_home {
height:405px;
text-align:left;
clear:both;
position: relative;
}
#header {
height:260px;
text-align:left;
clear:both;
position: relative;
padding-bottom: 20px;
}
#logo_home {
height: 109px;
width: 279px;
position: absolute;
left: 183px;
top: 153px;
z-index: 1;
}
#logo {
height: 90px;
width: 227px;
position: absolute;
left: 23px;
top: 57px;
z-index: 1;
}
#logo_cont {
background-image: url(../img5/fondo-logo.png);
background-repeat:  repeat-y;
}
#menu_corporativo {
width: 220px;
position: absolute;
left: 707px;
top: 0px;
font-size: 110%;
z-index: 2;
}
a:focus {
outline: none;
}
#panel {
height: 172px;
display: none;
background-color: #F6D017;
}
#panel ul {
list-style-image: none;
list-style-type: none;
padding-right: 10px;
padding-left: 10px;
text-transform: uppercase;
}
#panel li {
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #FFFFFF;
}
#panel a {
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
display: block;
padding-top: 3px;
padding-bottom: 3px;
}
#panel a:hover {
background-image: url(../img5/white-arrow-2.gif);
background-repeat: no-repeat;
background-position: right center;
}
.slide {
margin: 0;
padding: 0;
background-image: url(../img5/btn-slide.png);
background-repeat: no-repeat;
background-position: center bottom;
width: 220px;
text-align: center;
display: block;
float: right;
}
.btn-slide {
width: 220px;
height: 31px;
color: #fff;
text-decoration: none;
font-weight: bold;
float: right;
background-image: url(../img5/white-arrow.gif);
background-repeat: no-repeat;
background-position: right -50px;
text-align: center;
line-height: 28px;
}
.active {
background-position: right 12px;
}
#pase_cabecera {
z-index: 0;
list-style-image: none;
list-style-type: none;
}
.lavaLampWithImage {
position: relative;
height: 29px;
overflow: hidden;
padding-top: 7px;
padding-bottom: 10px;
width: 640px;
float: left;
}
.lavaLampWithImage li {
float: left;
list-style: none;
}
.lavaLampWithImage li.back {
background: url("../img5/lava.gif") no-repeat right -30px;
width: 9px; height: 30px;
z-index: 8;
position: absolute;
}
.lavaLampWithImage li.back .left {
background: url("../img5/lava.gif") no-repeat top left;
height: 30px;
margin-right: 9px; /* 7px is the width of the rounded shape */
}
.lavaLampWithImage li a {
text-decoration: none;
color: #fff;
outline: none;
text-align: center;
top: 7px;
text-transform: uppercase;
letter-spacing: 0;
z-index: 10;
display: inline;
float: left;
height: 30px;
position: relative;
overflow: hidden;
font-family: arial;
font-size: 14px;
font-weight: bold;
margin-top: auto;
margin-right: 20px;
margin-bottom: auto;
margin-left: 20px;
line-height: 15px;
}
.lavaLampWithImage li a:hover, .lavaLampWithImage li a:active, .lavaLampWithImage li a:visited {
border: none;
}
#busqueda {
float: right;
background-image: url(../img5/busqueda.gif);
background-position: left;
background-repeat: no-repeat;
margin-top: 10px;
width: 290px;
}
.casilla {
border: 1px solid #F2F1F1;
float: left;
height: 18px;
margin-left: 10px;
width: 210px;
margin-right: 10px;
background-color: #F2F1F1;
margin-top: 1px;
font-family: Arial, Helvetica, sans-serif;
}
.boton {
float: right;
}

#ruta {
font-size: 80%;
color: #666666;
font-family: Verdana, Arial, Helvetica, sans-serif;
padding-top: 5px;
}
#ruta a {
color: #666666;
}
#sidebar {
float:left;
width:300px;
padding-bottom: 20px;
}
.banner {
background-image: url(../img5/col-sup.gif);
background-repeat: no-repeat;
background-position: left top;
background-color: #FFD100;
padding-top: 10px;
margin-bottom: 10px;
}
.banner_cont {
background-image: url(../img5/col-inf.gif);
background-repeat: no-repeat;
background-position: left bottom;
padding-bottom: 10px;
padding-right: 15px;
padding-left: 15px;
}
.banner_cont p {
background-image: url(../img5/fondo-banner.gif);
background-repeat: no-repeat;
background-position: right center;
padding-right: 25px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.banner_cont a {
color: #FFFFFF;
text-decoration: none;
font-size: 130%;
font-weight: bold;
display: block;
}
.banner_cont  h3 {
font-size: 140%;
color: #FFFFFF;
}
#tags {
background-image: url(../img5/col-inf-light.gif);
background-repeat: no-repeat;
background-position: left bottom;
background-color: #E8E8E8;
margin-bottom: 10px;
}
#tags h3 {
background-color: #FFD100;
background-image: url(../img5/col-sup.gif);
padding-top: 10px;
padding-right: 15px;
padding-bottom: 10px;
padding-left: 15px;
background-repeat: no-repeat;
background-position: left top;
color: #FFFFFF;
font-size: 130%;
}
.tags_contenido  {
padding-top: 10px;
padding-right: 15px;
padding-bottom: 10px;
padding-left: 15px;
color: #000000;
}
#iso {
text-align: center;
padding-top: 10px;
float: left;
width: 300px;
}
#submenu {
background-image: url(../img5/col-sup-light.gif);
background-repeat: no-repeat;
background-position: left top;
background-color: #E8E8E8;
width: 300px;
float: left;
margin-bottom: 10px;
}
#submenu  ul {
list-style:none;
background-image: url(../img5/col-inf-light.gif);
background-repeat: no-repeat;
background-position: left bottom;
margin: 0px;
padding-top: 5px;
padding-right: 15px;
padding-bottom: 15px;
padding-left: 15px;
float: left;
}
#submenu  li {
list-style:none;
}
#submenu  li  a {
text-decoration:none;
display:block;
font-weight: bold;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #999999;
width: 270px;
padding-top: 5px;
padding-bottom: 5px;
}
#submenu  li  a:hover {
color: #000000;
text-decoration: underline;
}
#content_home {
width:600px;
float:right;
margin-left: 19px;
padding-left: 20px;
border-left-width: 1px;
border-left-style: dotted;
border-left-color: #999999;
}
#content {
width:601px;
float:right;
padding-bottom: 5px;
padding-left: 19px;
margin-left: 19px;
border-left-width: 1px;
border-left-style: dotted;
border-left-color: #999999;
}
#content  h2 {
color: #000000;
padding-bottom: 5px;
font-size: 130%;
}
.imagen_contenido {
float: right;
padding-bottom: 15px;
padding-left: 15px;
}

#content ul {
padding-left: 20px;
}
#desplegables {
background-image: url(../img5/fondo-desplegables.gif);
background-repeat: no-repeat;
width: 560px;
float: right;
padding-top: 10px;
padding-right: 20px;
padding-left: 20px;
height: 199px;
margin-bottom: 20px;
}
#desplegables h2 {
color: #666666;
padding-bottom: 5px;
margin-bottom: 15px;
font-size: 150%;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #CCCCCC;
}
#desplegables form {
padding-right: 30px;
padding-left: 30px;
}
#desplegables li {
list-style-type: none;
float: left;
padding-bottom: 8px;
}
#desplegables label {
width: 100px;
font-weight: bold;
color: #666666;
font-size: 120%;
float: left;
}
.lista {
width: 380px;
float: left;
font-size: 120%;
}
.buscar {
text-align: center;
width: 100%;
}

#bloques_home {
list-style-type: none;
list-style-image: none;
}
#bloques_home li {
width: 290px;
float: left;
background-image: url(../img5/bloque-home-pie.gif);
background-repeat: no-repeat;
background-position: right bottom;
margin-bottom: 20px;
}
.bloque_der {
margin-left: 20px;
}

#bloques_home  h2 {
background-color: #E8E8E8;
background-image: url(../img5/bl-home-sup.gif);
background-repeat: no-repeat;
background-position: right top;
padding-left: 15px;
padding-top: 15px;
padding-bottom: 12px;
width: 275px;
}
#bloques_home h2 a {
color: #FFFFFF;
text-decoration: none;
font-size: 15px;
}

.bloques_home_img   {
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #FFFFFF;
border-bottom-color: #FFFFFF;
background-color:white;
height:135px;
}
.bloque_home_link {
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
float: right;
padding-right: 15px;
padding-top: 8px;
padding-bottom: 9px;
}

.bloque_home_link a {
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
background-image: url(../img5/bloque-home-link.gif);
background-repeat: no-repeat;
background-position: right center;
padding-right: 18px;
}
.bloque_home_link a:hover {
text-decoration: underline;
}
#listado {
margin-left: -20px;
}
#listado li {
list-style-type: none;
float: left;
width: 100%;
margin-bottom: 15px;
padding-bottom: 15px;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #999999;
}
.listado_miniatura {
float: left;
}
.mini {
height: 100px;
float: left;
}
#listado h2 {
float: left;
padding-left: 10px;
font-size: 120%;
margin-top: -6px;
margin-bottom: -5px;
}
#listado h2 a {
color: #000000;
text-decoration: none;
}
.listado_logo {
float: right;
}
.listado_logo img {

}
.listado_linea {
float: left;
width: 480px;
font-weight: bold;
padding-left: 10px;
font-size: 90%;
}
.listado_txt {
float: left;
width: 480px;
margin-left: 10px;
}
.listado_link {
float: left;
margin-left: 10px;
margin-top: 2px;
}
.listado_link a {
background-image: url(../img5/ver.gif);
background-repeat: no-repeat;
display: block;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
padding-left: 5px;
font-size: 85%;
padding-top: 3px;
padding-bottom: 3px;
width: 135px;
}




#paginas {
float: left;
width: 100%;
padding-top: 10px;
}
#paginas a {
text-decoration: none;
background-color: #E5E5E5;
padding-top: 3px;
padding-right: 7px;
padding-bottom: 3px;
padding-left: 7px;
margin-right: 4px;
float: left;
}
#paginas a:hover {
background-color: #999999;
color: #FFFFFF;
}

#paginas .actual {
text-decoration: none;
background-color: #FFD100;
padding-top: 3px;
padding-right: 7px;
padding-bottom: 3px;
padding-left: 7px;
margin-right: 4px;
color: #FFFFFF;
float: left;
}
.tit-productos {
float: left;
font-size: 180%;
}
.volver {
float: right;
}
#productos-txt {
float: left;
width: 100%;
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #999999;
}

.presupuesto {
float: left;
}
.presupuesto a {
background-image: url(../img5/presupuesto.gif);
background-repeat: no-repeat;
display: block;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
font-size: 120%;
padding-top: 9px;
padding-bottom: 10px;
width: 212px;
text-align: center;
}




#footer {
color:#fff;
font-size:85%;
text-align:left;
background-color: #272727;
width: 100%;
padding-top: 30px;
padding-bottom: 30px;
margin-top: 25px;
position: relative;
float: left;
}
#footer a
{
 color:#fff;
}
#footer   strong {
font-size: 110%;
}
.footer_cont {
width: 840px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
background-image: url(../img5/logo-footer.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left: 100px;
left: 480px;
height: 135px;
}
#footer_direccion {

}
#footer_direccion  li {
list-style-type: none;
list-style-image: none;
background-image: url(../img5/puntos-v-footer.gif);
background-repeat:  repeat-y;
background-position: left top;
padding-left: 10px;
float: left;
margin-left: 25px;
padding-top: 7px;
padding-bottom: 7px;
}
#footer_menu {
float: right;
text-align: right;
background-image: url(../img5/puntos-v-footer.gif);
background-repeat:  repeat-y;
background-position: right top;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
}
#footer_menu   li {
padding-bottom: 2px;
list-style-type: none;
list-style-image: none;
}

.valid {
font-size: 80%;
padding-top: 24px;
float: right;
}
#gallery {
width: 100%;
float: left;
padding-top: 10px;
padding-bottom: 10px;
}
#gallery ul {
list-style: none;
margin-left: -20px;
}
#gallery ul li { display: inline; }
#gallery ul img {
border: 5px solid #CCCCCC;
height: 130px;
width: 130px;
}
#gallery ul a:hover img {
border: 5px solid #FFD100;
color: #FFD100;
}
#gallery ul a:hover { color: #fff; }