body {background: #90d4d7 repeat-x center bottom url(/img/fondo_body.gif) fixed; font: 62.5% 'Trebuchet MS', Arial, sans-serif; margin: 0; padding: 0; text-align: center;}

a img {border: 0;}
h1, h2, h3, h4 {font-family: 'Trebuchet MS', Arial, sans-serif; color: #555;}
h1 {margin-top: 25px; font-weight: normal; text-transform: uppercase; font-size: 1.5em;}
h2 {font-weight: normal; text-transform: uppercase; font-size: 1.2em;}
br.break {display: block; clear: both; visibility: hidden; margin: 0; padding: 0;}
address {font-style: normal}
#contenido ul, #contenido ol {padding-left: 5px;}
#contenido ul li {list-style: none; padding-left: 15px; background: url(/img/bullet.gif) left .3em no-repeat;}
#slideshow2 ul, #slideshowdom ul {padding: 0}
#slideshow2 ul li, #slideshowdom ul li {padding: 0; background: none}
#container {position: relative; width: 751px; margin: 0 auto; padding: 0 13px 0 19px; text-align: left; background: no-repeat url(/img/fondo_container.png);}

.mir { letter-spacing : -1000em; }
/* Just for Opera, but hide from MacIE */
/*\*/html>body .mir { letter-spacing : normal; text-indent : -999em; overflow : hidden;}
/* End of hack */ 

#header {width: 751px;}
#header p {height: 86px; background-color: #fff; position: relative; padding: 0 0 0 174px; margin: 0;}
#header img {padding: 0; margin: 0;}
#logo {position: absolute; top: 23px; left: 36px;}

#nav {width: 751px; margin: 0; padding: 0; height: 32px; list-style: none; background: url(/img/menu/menu_bg.gif) #2e9299 bottom repeat-x;z-index: 300;}
#nav li {margin: 0; padding: 0; /* hide from IE5Mac \*/ float: left; /* End hide */ list-style: none; display: inline;}
#nav a {float: left; padding: 32px 0 0 0; overflow: hidden; height: 0px;}
#nav a:hover, #nav li.on a {background-position: 0 -64px;}
#nav a:active, #nav a.selected {background-position: 0 -32px;}
#nav-inicio a {width: 65px; background-image: url(/img/menu/nav_inicio.gif);}
#nav-nosotros a {width: 83px; background-image: url(/img/menu/nav_nosotros.gif);}
#nav-senalizacion a {width: 103px; background-image: url(/img/menu/nav_senalizacion.gif);}
#nav-codificacion a {width: 186px; background-image: url(/img/menu/nav_codificacion.gif);}
#nav-mambiente a {width: 119px; background-image: url(/img/menu/nav_mambiente.gif);}
#nav-contacto a {width: 80px; background-image: url(/img/menu/nav_contacto.gif);}
#nav-relojes {position: relative;z-index: 500;}
#nav-relojes a {width: 84px; background-image: url(/img/menu/nav_relojes.gif);}
#nav-relojes>a:hover {cursor:default}
#submenu-rel {position: absolute;top: 32px;left: -10px;z-index: 200;padding: 0 5px 5px;width: 136px;background: url(/img/menu/submenu_bg.png) bottom no-repeat;margin: 0;list-style: none;display: none;}
#submenu-rel li {display: block;width: 116px;float: none;margin: 0 5px;}
#submenu-rel a {display: block;background: none;width: 106px;text-align: left;line-height: 30px;padding: 0 10px;color: #fff;float: none;overflow: visible;height: auto;font-size: 1.35em;text-decoration: none;font-family: Arial, Helvetica, sans-serif;border-bottom: 1px solid #71b7bc;text-shadow: #095b60 1px 1px 2px;}
#submenu-rel li.last a {border: 0;}
#submenu-rel a:hover {background: #0a686e;}

#subnav {width: 751px; margin: 0; padding: 0; background-color: #9ed9db; list-style: none; overflow: hidden;}
#subnav li {margin: 0 8px; padding: 0; list-style: none; display: inline;float: left;}
#subnav a {display: block;background-position: 0 0;background-repeat: no-repeat;line-height: 29px}
#subnav a:hover {background-position: 0 -58px;}
#subnav a:active, #subnav a.selected {background-position: 0 -29px;}
#subnav-modelos a {width: 74px;background-image: url(/img/sub_modelos.png);}
#subnav-asignadores a {width: 129px;background-image: url(/img/sub_asignador.png);}
#subnav-alternados a {width: 138px;background-image: url(/img/sub_alternados.png);}
#subnav-turnos a {width: 95px;background-image: url(/img/sub_turnos.png);}
#subnav-exterior a {width: 166px;background-image: url(/img/sub_exterior.png);}
#subnav-interior a {width: 162px;background-image: url(/img/sub_interior.png);}
#subnav-tableros a {width: 103px;background-image: url(/img/sub_tableros.png);}
#subnav-alarmas a {width: 74px;background-image: url(/img/sub_alarmas.png);}

#contenido {position: relative; width: 681px; padding: 0 35px; background: url(../img/fondo_reticula.jpg) no-repeat right bottom #fff; overflow: auto;}
#col_izq {display: inline; float: left; background: #d0e7e8 no-repeat left top url(/img/sombra_columna.gif); font-size: 1.2em; margin: 0 35px 0 0; padding: 10px 20px; width: 242px; text-align: center;}
#col_izq.alt {background-image: none;margin-top: 20px;}
#col_izq p {margin-bottom: 20px; font-size: .96em;}
#col_izq img {margin-bottom: 3px;}
#col_der {float: left; width: 350px; font-size: 1.3em;}
#col_unica {padding: 20px 0 30px 0; font-size: 1.3em;}
#col_der, #col_unica {line-height: 1.5;}
#slide {text-align: center; padding-bottom: 80px}
#slideshow2 {margin: 20px 0 20px 65px;}
table {width: 680px; border-collapse: collapse; font-size: .97em; margin: 15px 0;}
table caption {display: none;}
td, th {text-align: center; border-right: 2px solid #800; border-bottom: 1px solid #800; padding: 5px;}
col.colimagen {border: 2px solid #fff;}
th, .separarow {border-bottom: 2px solid #800;}
.red {color: #c00;}
.right {float: right; margin: 15px 0;}
.left {float: left; margin: 15px 0;}
.rightphoto {float: right; margin: 0 0 0 15px;}
.leftphoto {float: left; margin: 0 15px 0 0;}
.diagrama {margin-top: 25px;}
.foto {text-align: center; margin: 20px 0; color: #333; font-size: .96em;}
.foto img, .rightphoto, .leftphoto {border: 2px solid #ddd; padding: 2px; background: #fff; margin-bottom: 2px;}
.noborder img {border: 0;}

#footer {font-size: 1.1em; line-height: 1.5; background: #105e64 url(/img/fondo_footer.gif) bottom repeat-x; color: #fff; padding: 6px 35px; margin-bottom: 20px; border-top: 1px solid #fff; border-bottom: 1px solid #439297; position: relative;}
#footer p {width: 40%;}
#footerd {position: absolute; top: 6px; right: 35px; text-align: right;}
#footer a:link {color: #d0e7e8;}
#footer a:visited {color: #d0e7e8;}
#footer a:hover {color: #74b4ba; text-decoration: none;}
#footer a:active {color: #fff; text-decoration: underline;}
#footer img {vertical-align: text-bottom; text-decoration: none; margin-left: 2px;}
#fblike{width:300px;background:#c4e1e2;padding:2px 2px 0}

#contenido.codificacion {padding-left: 0;width: 716px;height: 690px;}
.codificacion #col_izq {display: inline; float: left; background: transparent none; font-size: 1.2em; margin: 0 32px 0 0; padding: 0; width: 189px; text-align: center;}
.codificacion #menu {height: 332px;margin: 55px 0 0 0;background: url(../img/codif/menu_bg.png) left top no-repeat;padding: 6px 0;}
.codificacion #menu li {padding: 0 0 0 13px;background: 0;text-align: left;margin: 11px 0 0;}
.codificacion #menu a {background-position: 0 0;background-repeat: no-repeat;line-height: 24px;display: block;}
.codificacion #menu a:active, #menu a.active, #submenu-rel a:active, #subnav a:active {outline: none;}
#menu_quehacen a {background-image: url(/img/codif/menu_quehacen.png);}
#menu_comohacen a {background-image: url(/img/codif/menu_comohacen.png);}
#menu_inyeccion a {background-image: url(/img/codif/menu_inyeccion.png);}
#menu_transferencia a {background-image: url(/img/codif/menu_transferencia.png);}
#menu_laser a {background-image: url(/img/codif/menu_laser.png);}
#menu_etiquetas a {background-image: url(/img/codif/menu_etiquetas.png);}
#menu_demgota a {background-image: url(/img/codif/menu_demandagota.png);}
#menu_sustratos a {background-image: url(/img/codif/menu_sustratos.png);}
#menu_contactenos a {background-image: url(/img/codif/menu_contactenos.png);}
#menu a:hover, #menu a.active {background-position: 0 -24px;}
.codificacion #col_der {width: 495px;height: 560px;position: relative;}
#col_unica.msg {margin: 20px 60px;font-size: 1.5em;height: 400px;}

.jsactive .tab {display: none;}
.tab { height:620px; position:absolute; top: 15px; width:495px;overflow: hidden;z-index: 2;}
#slideshowdom {margin: 10px 0;}
.tab h2 {font-size: 1.6em;}
.tab h3 {margin-top: -17px;}
#contact_form {padding: 4px 18px 8px;background: #eff6f6;}
#contact_form label {color: #333;font-weight: bold;display: block;font-size: 1.1em;}
#contact_form small {font-weight: normal;color: #555;}
#contact_form input, #contact_form textarea {padding: 2px;width: 300px;font-size: 1.05em;border: 1px solid #bbb;}
#contact_form textarea {font-family: Arial, sans-serif;padding: 3px;width: 450px;}
#contact_form .btn {text-align: right;}
#contact_form .btn input {width: auto;height: auto;padding: 0;border: 0;}
.tab .imagenes {overflow: hidden;text-align: center;}
.tab dt {font-weight: bold;}
.tab dd {padding-left: 15px; background: url(/img/bullet.gif) left .3em no-repeat;margin-left: 10px;}