body {background-color:#FFF; font: normal 14px/26px Verdana, sans-serif; color:#6698b9; margin:40px 0 0; padding:0;}

img {border: 0px;}

h2 {font-size:.8em; color:#8091bd; margin: 17px 0 15px 0; text-align:left; font-weight:700;}

h2 a {color:#FE4B6A; text-decoration:none;}

h3 {font-size:.8em; color:#8091bd; clear:both; margin:0; padding:0;}

h3 a:link {color:#00769D; text-decoration:underline;}

h4 {font-size:.8em; text-align:right; clear:both;}

p,li,dt,dd {font-size:.75em;}

p.si {font-size:.85em;}

p.dir {line-height:1.2em;}

p {line-height:1.8em; text-align:justify; margin-bottom:15px;}

acronym,abbr {border-bottom:1px dotted #eee; cursor:help;}

#contenedor { border: #c2d6e3 solid 1px; padding: 30px 30px 0px 30px; position:absolute; left:50%;  margin-left:-422px; width:798px;}

#header {width:798px; height:111px; margin:0; padding:0;}

#header h1 {margin:0; padding:0;}

#flash {float:right; margin:0; padding:0 0 0 0; z-index: 2;}

#men {clear:both; float:left; width:233px; font-family:Arial, Helvetica, sans-serif; padding:20px 0;}

html>body #men {padding:30px 0 35px;}

#men form {padding:0; margin-top:10px;}

#men form input {border:1px solid #e5e7f3; margin-bottom:5px; display:block; font-size:.9em; margin-left:10px; font-family:Verdana, Arial; width:75px; background:#fff; padding:2px 5px; float:left;}

#men form label {font-size:.9em; display:block; float:left; width:60px; margin:3px 0 5px 5px; }

html>body #men form label {margin-left:5px;}

#men form input.boton {width:35%; margin-left:40px; background-image:none; background-color:#eee; color:#03376c; cursor:hand; padding:0 5px; border-bottom:solid 1px #03376c; border-right:solid 1px #03376c; border-left:solid 1px #eee; order-top:solid 1px #eee; }

html>body #men form input.boton {margin-left:75px; padding:0 5px; } 

#men form fieldset {min-height: 110px; width:77%; clear:both; margin:20px; padding:5px 5px 10px 5px; border-color:#b6bdda; border-style:solid; border-width:1px;}

#men legend {font-family:Verdana, Arial; font-size:.7em; color:#03376c; margin:5px 0 5px; border:1px solid #e5e7f3;  padding: 1px 5px 1px 5px; }

#contenido {width:527px; float:right; border:0 solid red; margin:10px 0 20px 20px;}

#contenido .left {width: 250px; float: left;}


#contenido .right {width: 250px; float: left;}

#contenido a {color:#3d7ca7; text-decoration:none; font-size:.99em;}

#contenido a:hover {color:#a9d8e9; text-decoration:none;}

#contenido ul li {font-size:1em;}

#contenido ul li a {color: #3d7ca7; text-decoration:none;}

#contenido ul li a:hover {color: #a9d8e9; text-decoration:none;}

.clientes_menu {padding-top: 10px; padding-bottom: 25px;}

.clientes_menu ul {list-style-image: url(../images/ptos.gif);  padding: 0px;}

.clientes_menu li {line-height: 25px; padding-bottom: 1px;}

.clientes_menu li a:hover {line-height: 20px; border-bottom: 1px solid #676767; padding-bottom: 1px;}

#contenido br {clear:left;}

.imder {float:right; margin:0 1px 0 20px;}

#footer {clear:both; font-size:.7em; letter-spacing:-.07em; text-align:left; color:#6698b9; height:20px; margin:20px 30px 0 0; padding:10px 0px 8px; }

#footer a {color:#fff;}

#header h1 a span {display:none;}

#contenido a {color:#005977;}

#pie {width: 798px; float: left; height: 10px; font-size:.9em; letter-spacing:-.07em; color:#6698b9; margin:20px 0 -10px 0; padding:10px 0px 8px; }

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

#pie .left {width: 250px; float: left; color: #a9d8e9;}

#pie .left span {color: #ccc; font-size:80%; margin:0 3px 3px 3px;}

#pie .left a {color: #3d7ca7; text-decoration:none;}

#pie .left a:hover {color: #a9d8e9; text-decoration:none;}

#pie .left {width: 250px; float: left; color: #a9d8e9;}

#pie .right {text-align: right; width: 502px; float: right; color: #7c9cba;}

#contenido p.size {font-size:.1em;}


/* ....................................................................................................... */

div#nav {clear:both; float:left; height: 210px; width: 220px; margin: 5px 0 10px 0; padding: 0; border: 0; }
div#nav ul#menu { height: 210px; width: 220px; background: url(../images/menu-es.gif) top left no-repeat; margin: 0; padding: 0; position: relative; }
div#nav ul#menu li { margin: 0; padding: 0; list-style: none; position: absolute; }
ul#menu li, ul#menu a {width: 220px; height: 30px; display: block; outline:none;}
div#nav ul#menu li a { text-indent: -9999px; text-decoration: none; }


#quienmenu { top: 0px; }
#productomenu { top: 30px; }
#disenomenu { top: 60px; }
#fabricamenu { top: 90px; }
#serviciomenu { top: 120px; }
#contactomenu { top: 150px; }
#referenciamenu { top: 180px; }


#quienmenu a:hover { background: url(../images/menu-es.gif) -220px 0 no-repeat; }
#productomenu a:hover { background: url(../images/menu-es.gif) -220px -30px no-repeat; }
#disenomenu a:hover { background: url(../images/menu-es.gif) -220px -60px no-repeat; }
#fabricamenu a:hover { background: url(../images/menu-es.gif) -220px -90px no-repeat; }
#serviciomenu a:hover { background: url(../images/menu-es.gif) -220px -120px no-repeat; }
#contactomenu a:hover { background: url(../images/menu-es.gif) -220px -150px no-repeat; }
#referenciamenu a:hover { background: url(../images/menu-es.gif) -220px -180px no-repeat; }


body#quien #quienmenu { background: url(../images/menu-es.gif) -440px 0 no-repeat; }
body#producto #productomenu { background: url(../images/menu-es.gif) -440px -30px no-repeat; }
body#diseno #disenomenu { background: url(../images/menu-es.gif) -440px -60px no-repeat; }
body#fabrica #fabricamenu { background: url(../images/menu-es.gif) -440px -90px no-repeat; }
body#servicio #serviciomenu { background: url(../images/menu-es.gif) -440px -120px no-repeat; }
body#contacto #contactomenu { background: url(../images/menu-es.gif) -440px -150px no-repeat; }
body#referencia #referenciamenu { background: url(../images/menu-es.gif) -440px -180px no-repeat; }


/* ....................................................................................................... */

div#nav1 {clear:both; float:left; height: 210px; width: 220px; margin: 5px 0 10px 0; padding: 0; border: 0; }
div#nav1 ul#menu { height: 210px; width: 220px; background: url(../images/menu-en.gif) top left no-repeat; margin: 0; padding: 0; position: relative; }
div#nav1 ul#menu li { margin: 0; padding: 0; list-style: none; position: absolute; }
ul#menu li, ul#menu a {width: 220px; height: 30px; display: block; outline:none;}
div#nav1 ul#menu li a { text-indent: -9999px; text-decoration: none; }


#quien1menu { top: 0px; }
#producto1menu { top: 30px; }
#diseno1menu { top: 60px; }
#fabrica1menu { top: 90px; }
#servicio1menu { top: 120px; }
#contacto1menu { top: 150px; }
#referencia1menu { top: 180px; }


#quien1menu a:hover { background: url(../images/menu-en.gif) -220px 0 no-repeat; }
#producto1menu a:hover { background: url(../images/menu-en.gif) -220px -30px no-repeat; }
#diseno1menu a:hover { background: url(../images/menu-en.gif) -220px -60px no-repeat; }
#fabrica1menu a:hover { background: url(../images/menu-en.gif) -220px -90px no-repeat; }
#servicio1menu a:hover { background: url(../images/menu-en.gif) -220px -120px no-repeat; }
#contacto1menu a:hover { background: url(../images/menu-en.gif) -220px -150px no-repeat; }
#referencia1menu a:hover { background: url(../images/menu-en.gif) -220px -180px no-repeat; }


body#quien1 #quien1menu { background: url(../images/menu-en.gif) -440px 0 no-repeat; }
body#producto1 #producto1menu { background: url(../images/menu-en.gif) -440px -30px no-repeat; }
body#diseno1 #diseno1menu { background: url(../images/menu-en.gif) -440px -60px no-repeat; }
body#fabrica1 #fabrica1menu { background: url(../images/menu-en.gif) -440px -90px no-repeat; }
body#servicio1 #servicio1menu { background: url(../images/menu-en.gif) -440px -120px no-repeat; }
body#contacto1 #contacto1menu { background: url(../images/menu-en.gif) -440px -150px no-repeat; }
body#referencia1 #referencia1menu { background: url(../images/menu-en.gif) -440px -180px no-repeat; }


/* ....................................................................................................... */

div#nav2 {clear:both; float:left; height: 210px; width: 220px; margin: 5px 0 10px 0; padding: 0; border: 0; }
div#nav2 ul#menu { height: 210px; width: 220px; background: url(../images/menu-fr.gif) top left no-repeat; margin: 0; padding: 0; position: relative; }
div#nav2 ul#menu li { margin: 0; padding: 0; list-style: none; position: absolute; }
ul#menu li, ul#menu a {width: 220px; height: 30px; display: block; outline:none;}
div#nav2 ul#menu li a { text-indent: -9999px; text-decoration: none; }


#quien2menu { top: 0px; }
#producto2menu { top: 30px; }
#diseno2menu { top: 60px; }
#fabrica2menu { top: 90px; }
#servicio2menu { top: 120px; }
#contacto2menu { top: 150px; }
#referencia2menu { top: 180px; }


#quien2menu a:hover { background: url(../images/menu-fr.gif) -220px 0 no-repeat; }
#producto2menu a:hover { background: url(../images/menu-fr.gif) -220px -30px no-repeat; }
#diseno2menu a:hover { background: url(../images/menu-fr.gif) -220px -60px no-repeat; }
#fabrica2menu a:hover { background: url(../images/menu-fr.gif) -220px -90px no-repeat; }
#servicio2menu a:hover { background: url(../images/menu-fr.gif) -220px -120px no-repeat; }
#contacto2menu a:hover { background: url(../images/menu-fr.gif) -220px -150px no-repeat; }
#referencia2menu a:hover { background: url(../images/menu-fr.gif) -220px -180px no-repeat; }


body#quien2 #quien2menu { background: url(../images/menu-fr.gif) -440px 0 no-repeat; }
body#producto2 #producto2menu { background: url(../images/menu-fr.gif) -440px -30px no-repeat; }
body#diseno2 #diseno2menu { background: url(../images/menu-fr.gif) -440px -60px no-repeat; }
body#fabrica2 #fabrica2menu { background: url(../images/menu-fr.gif) -440px -90px no-repeat; }
body#servicio2 #servicio2menu { background: url(../images/menu-fr.gif) -440px -120px no-repeat; }
body#contacto2 #contacto2menu { background: url(../images/menu-fr.gif) -440px -150px no-repeat; }
body#referencia2 #referencia2menu { background: url(../images/menu-fr.gif) -440px -180px no-repeat; }


/* ....................................................................................................... */

div#nav3 {clear:both; float:left; height: 210px; width: 220px; margin: 5px 0 10px 0; padding: 0; border: 0; }
div#nav3 ul#menu { height: 210px; width: 220px; background: url(../images/menu-eu.gif) top left no-repeat; margin: 0; padding: 0; position: relative; }
div#nav3 ul#menu li { margin: 0; padding: 0; list-style: none; position: absolute; }
ul#menu li, ul#menu a {width: 220px; height: 30px; display: block; outline:none;}
div#nav3 ul#menu li a { text-indent: -9999px; text-decoration: none; }


#quien3menu { top: 0px; }
#producto3menu { top: 30px; }
#diseno3menu { top: 60px; }
#fabrica3menu { top: 90px; }
#servicio3menu { top: 120px; }
#contacto3menu { top: 150px; }
#referencia3menu { top: 180px; }


#quien3menu a:hover { background: url(../images/menu-eu.gif) -220px 0 no-repeat; }
#producto3menu a:hover { background: url(../images/menu-eu.gif) -220px -30px no-repeat; }
#diseno3menu a:hover { background: url(../images/menu-eu.gif) -220px -60px no-repeat; }
#fabrica3menu a:hover { background: url(../images/menu-eu.gif) -220px -90px no-repeat; }
#servicio3menu a:hover { background: url(../images/menu-eu.gif) -220px -120px no-repeat; }
#contacto3menu a:hover { background: url(../images/menu-eu.gif) -220px -150px no-repeat; }
#referencia3menu a:hover { background: url(../images/menu-eu.gif) -220px -180px no-repeat; }


body#quien3 #quien3menu { background: url(../images/menu-eu.gif) -440px 0 no-repeat; }
body#producto3 #producto3menu { background: url(../images/menu-eu.gif) -440px -30px no-repeat; }
body#diseno3 #diseno3menu { background: url(../images/menu-eu.gif) -440px -60px no-repeat; }
body#fabrica3 #fabrica3menu { background: url(../images/menu-eu.gif) -440px -90px no-repeat; }
body#servicio3 #servicio3menu { background: url(../images/menu-eu.gif) -440px -120px no-repeat; }
body#contacto3 #contacto3menu { background: url(../images/menu-eu.gif) -440px -150px no-repeat; }
body#referencia3 #referencia3menu { background: url(../images/menu-eu.gif) -440px -180px no-repeat; }


/* ....................................................................................................... */

div#nav4 {clear:both; float:left; height: 210px; width: 220px; margin: 5px 0 10px 0; padding: 0; border: 0; }
div#nav4 ul#menu { height: 210px; width: 220px; background: url(../images/menu-de.gif) top left no-repeat; margin: 0; padding: 0; position: relative; }
div#nav4 ul#menu li { margin: 0; padding: 0; list-style: none; position: absolute; }
ul#menu li, ul#menu a {width: 220px; height: 30px; display: block; outline:none;}
div#nav4 ul#menu li a { text-indent: -9999px; text-decoration: none; }


#quien4menu { top: 0px; }
#producto4menu { top: 30px; }
#diseno4menu { top: 60px; }
#fabrica4menu { top: 90px; }
#servicio4menu { top: 120px; }
#contacto4menu { top: 150px; }
#referencia4menu { top: 180px; }


#quien4menu a:hover { background: url(../images/menu-de.gif) -220px 0 no-repeat; }
#producto4menu a:hover { background: url(../images/menu-de.gif) -220px -30px no-repeat; }
#diseno4menu a:hover { background: url(../images/menu-de.gif) -220px -60px no-repeat; }
#fabrica4menu a:hover { background: url(../images/menu-de.gif) -220px -90px no-repeat; }
#servicio4menu a:hover { background: url(../images/menu-de.gif) -220px -120px no-repeat; }
#contacto4menu a:hover { background: url(../images/menu-de.gif) -220px -150px no-repeat; }
#referencia4menu a:hover { background: url(../images/menu-de.gif) -220px -180px no-repeat; }


body#quien4 #quien4menu { background: url(../images/menu-de.gif) -440px 0 no-repeat; }
body#producto4 #producto4menu { background: url(../images/menu-de.gif) -440px -30px no-repeat; }
body#diseno4 #diseno4menu { background: url(../images/menu-de.gif) -440px -60px no-repeat; }
body#fabrica4 #fabrica4menu { background: url(../images/menu-de.gif) -440px -90px no-repeat; }
body#servicio4 #servicio4menu { background: url(../images/menu-de.gif) -440px -120px no-repeat; }
body#contacto4 #contacto4menu { background: url(../images/menu-de.gif) -440px -150px no-repeat; }
body#referencia4 #referencia4menu { background: url(../images/menu-de.gif) -440px -180px no-repeat; }


/* ....................................................................................................... */

#contenido fieldset {width:92%; clear:both; border-color:#c2d6e3; border-style:solid; border-width:1px; margin:0 0 15px; padding:10px 10px 10px 20px;}

#contenido legend {font-family:Verdana, Arial; font-size:.8em; font-weight:700; color:#8091bd; margin:5px 0 6px 0; padding:0 5px;}

#contenido form dl {width:98%; font-size:100%; }

#contenido form dt {float:left; width:25%; margin:0; padding:0 0 0 10px; }

#contenido form dd {margin:0; padding:0 1% 6px 0; }

#contenido textarea,input {border:solid 1px #b6bdda; background-color:#cfdfe9; font-size:90%; vertical-align:middle; margin-left:0; margin-right:0; padding:2px; width:69%; }

#contenido textarea {font-size:95%; font-family:Verdana, Arial; }

#contenido form p {font-size:90%;}

.buton {width:15%; border-bottom:solid 1px #03376c; border-right:solid 1px #03376c; border-left:solid 1px #eee; border-top:solid 1px #eee; background-color:#eee; color:#03376c; font-family:Verdana, Arial; font-size:.8em; padding:0 5px 10 5px; margin: 0 0 10px 132px;}

html>body .buton {margin: 0 0 10px 130px;}

.required { color:#CE3408; font-size:105%; padding-left: 2px; /*font-weight:bold;*/ }
.requiredtext{ font-size:95%; color:#CE3408; margin-left:29%; width:50%; background:transparent url("../images/errorIcon2.gif") no-repeat left top; padding-left:23px; }
.requiredbox { width:99%; clear:both; }
div.requiredbox dl { width:98%; }
div.requiredbox dt { float:left; width:3%; margin:0px 0px 3px 0px; padding:3px 0px 0px 1px; }
div.requiredbox dd { margin:0px 0px 3px 0px; padding:3px 1% 6px 0px; }

.red {color: black;}
.red1 {color: #ff0000;}

.mop { line-height: 15px; margin-left:-24px;}
.mep { line-height: 15px; margin-left:-5px;}

.celdaProducto {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; text-decoration: none; line-height: 135%}

dl.map.on {position:relative; width:525px; height:343px; background:url(../images/mapa.gif) no-repeat; text-align:left; margin:0px; padding:0px; border:0;}

dl.map.on dt {list-style:none; display:inline;}

dl.map.on dd {position:absolute; left:-9999px; width:230px; line-height: 18px; padding:6px; border:#4d87ae 1px dotted; background:#fff; -moz-border-radius:8px; border-radius:8px; z-index:11; font-size:0.775em; /* 16x.875=14 */ color:#0d5c91;}

dl.map.on a.location {position:absolute; text-indent:-9999px; background-image: url(../images/point1.png)!important; background-image: none; filter: none !important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/point1.png'); width:17px; height:17px; outline:none; z-index:10; text-decoration:none;}

dl.map.on a.location:hover {background-image: url(../images/point2.png) no-repeat -1px -1px !important; background-image: none; filter: none !important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/point2.png'); cursor:hand;}

dl.map.on a#location01 {top:170px; left:30px;}

dl.map.on a#location02 {top:299px; left:110px;}

dl.map.on a#location03 {top:135px; left:206px;}

dl.map.on a#location04 {top:98px; left:213px;}

dl.map.on a#location05 {top:118px; left:218px;}

dl.map.on a#location06 {top:104px; left:231px;}

dl.map.on a#location07 {top:114px; left:238px;}

dl.map.on a#location08 {top:99px; left:251px;}

dl.map.on a#location09 {top:114px; left:252px;}

dl.map.on a#location10 {top:135px; left:243px;}

dl.map.on a#location11 {top:80px; left:251px;}

dl.map.on a#location12 {top:131px; left:281px;}

dl.map.on a#location13 {top:140px; left:313px;}

dl.map.on a#location14 {top:149px; left:349px;}