@font-face {
	font-family: 'JunctionRegular';
	src: url('/Fonts/Quicksand_Book-webfont.eot');
	src: local('junction regular'), url('/Fonts/Quicksand_Book-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'NotethisRegular';
	src: url('/Fonts/Note_this-webfont.eot');
	src: local('Note this'), url('/Fonts/Note_this-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}


html, body { padding: 0; margin: 0; height: 100%; font: 14px Verdana; }
body { background: #f6fdd4 url('/Images/inBack.jpg') no-repeat center top; }

#preloadedImages { display: none; }

#container { width: 1011px; margin: 0 auto 0 auto; }

#body { width: 945px; background: url('/Images/backBody.png'); padding: 10px 30px 10px 30px; }

.cenH { display: table; height: 100%; width: 910px; margin: 0 auto 0 auto; }
.xxx { margin: 0px; border-width }
.cenH .col { float: left; height: 337px; width: 454px; margin: 0px; display: inline; }
.cenH .sem { background-image: url('/Images/inSEMoff.png'); background-repeat: no-repeat; padding-top: 40px; }
.cenH .sem:hover { background-image: url('/Images/inSEMon.png'); background-repeat: no-repeat; }
.cenH .pro { background-image: url('/Images/inPROoff.png'); background-repeat: no-repeat; padding-top: 40px; }
.cenH .pro:hover { background-image: url('/Images/inPROon.png'); background-repeat: no-repeat; }

img { border: 0; }
a { text-decoration: none; color: #23ae07; }
h1 { font: 18px Arial ; color: #FFFFFF; font-weight: lighter; text-transform: uppercase; letter-spacing: 1px; padding: 15px 0 0 15px; background-image: url('/Images/sub_azul.jpg'); width: 933px; height: 59px; }
h1.amarillo { background-image: url('/Images/sub_amarillo.jpg'); }
h1.anaranjado { background-image: url('/Images/sub_anaranjado.jpg'); }
h1.azul { background-image: url('/Images/sub_azul.jpg'); }
h1.rojo { background-image: url('/Images/sub_rojo.jpg'); }
h1.verde { background-image: url('/Images/sub_verde.jpg'); }
.cat { color: #FFFFFF; font-weight: lighter; padding: 15px 0 0 15px; width: 933px; height: 59px; margin: 0 0 10px 0; background-image: url('/Images/sub_amarillo.jpg'); }
.cat>h1 { margin:0; font: 18px Arial; text-transform: uppercase; letter-spacing: 1px; padding: 0; background-image: none; width:auto; height:auto; }
.cat>p { margin:8px 0 0 0; }
.cat>p>a, .cat>h1>a { color: #FFFFFF; }
.cat>p>a:hover, .cat>h1>a:hover { text-decoration: underline; }

.hidden { visibility: hidden; }
.none { display:none; }
.center { text-align: center; }
.fcenter { text-align: center; color: #666666; font-size: 12px; }
.slideshow { margin: 0 0 10px 0; }
.dothrx { background: url(/Images/dots.png) repeat-x center; height: 20px; width:100%; clear: both; }
.zmd { margin: 0 3px 0 2px }
.alarm { color: red; }

.zrss { background-image: url('/Images/rss.jpg'); border: 1px solid #C0C0C0; height: 166px; width:207px; display:inline-block; margin: 0 10px 0 0; padding: 8px; vertical-align: top; }
.zrss a { color: #000000; font-size: 10px; display: block; margin: 0 0 10px 0; }
.zrss a:hover { color: #23ae07 }

.borde { border: 1px solid #CCCCCC; padding: 30px; overflow: hidden; }
.borde h2 { padding: 0 0 15px 0; color: #666666; font-size: 26px; font-family: JunctionRegular, Arial, Helvetica, sans-serif }
.borde p { line-height: 20px; padding: 0 0 10px 0; font-size: 12px; color: #333333; }
.borde .empty { width:600px; height:100px; background: no-repeat url('/Images/empty.png'); padding: 228px 0 0 270px; color: #808080; }
.borde fieldset { float:left; border: 0px none white; width:374px; height:184px; background: no-repeat url('/Images/boxBgS.png'); padding: 30px; margin: 0 0 0 9px; }
.borde fieldset strong { font-size: 22px; float:right; color: #666666; }

.nota { color: #666666; font-size: 20px; font-family: NotethisRegular, Verdana }

/*-----------------------------------------------------------
   Styles for header bar
-----------------------------------------------------------*/
#hnbar { width: 1011px; height: 39px; }

#hnbar>a.ld { background: url('/Images/btnEmpresa.png'); width: 188px; height: 39px; display: table-cell; }
#hnbar>a.ld:hover { background: url('/Images/btnEmpresaON.png'); }

#hnbar>a.lr { background: url('/Images/btnContacto.png'); width: 172px; height: 39px; display: table-cell; }
#hnbar>a.lr:hover { background: url('/Images/btnContactoON.png'); }

#hnbar>div.lv { display: table-cell; width: 172px; }
#hnbar>div.lv>ul>li>a.lv { background: url('/Images/btnProducto.png'); width: 172px; height: 39px; display: table-cell; }
#hnbar>div.lv>ul>li>a.lv:hover { background: url('/Images/btnProductoON.png'); }

#hnbar>a.la { background: url('/Images/btnCatalogo.png'); width: 172px; height: 39px; display:table-cell; }
#hnbar>a.la:hover { background: url('/Images/btnCatalogoON.png'); }

#hnbar > div.ln1 { background: url('/Images/btnBusqueda1.png'); width: 248px; height: 39px; display: table-cell; vertical-align:top; text-align:right; }
#hnbar>div.ln1>input { width: 145px; margin: 7px 0; }

#hnbar>a.ln2 { background: url('/Images/btnBusqueda2.png'); width: 26px; height: 39px; display: table-cell; }
#hnbar>div.ln3 { background: url('/Images/btnBusqueda3.png'); width: 33px; height: 39px; display: table-cell; }

/*-----------------------------------------------------------
   Styles for footer bar
-----------------------------------------------------------*/
#footer { font: normal bold 12px/12px Verdana; width: 1011px; height: 50px; margin: 0; color: #666666; }
#footer>div.fbarl { background: url('/Images/fbarl.png'); display: table-cell; width: 37px; height: 50px; }
#footer>div.fbar { background: url('/Images/fbar.png'); display: table-cell; width: 937px; height: 20px; padding: 15px 0; vertical-align: top; }
    .fbar a:link, .fbar a:visited { color: #666666; }
    .fbar a:hover { text-decoration: underline; }
#footer>div.fbarr { background: url('/Images/fbarr.png'); display: table-cell; width: 37px; height: 50px; }

#footer>div.cr { text-align:center; }

/*-----------------------------------------------------------
   Styles for forms
-----------------------------------------------------------*/
.formulario ul, .formulario li { border: 0; margin: 0; padding: 0; list-style: none; }
.formulario li { padding: 20px 0; }
.formulario label { width: 140px; float: left; }
.formulario input { float: left; }
.formulario a { text-align: center; color: #23ae07; border: 1px solid #CCDBE4; padding: 8px 16px; background: White; }
.formulario a:hover { color: #FFFFFF; background: #23ae07; border-color: green; }

/*-----------------------------------------------------------
   Styles for rows
-----------------------------------------------------------*/
.fila ul, .fila li { border: 0; margin: 0; padding: 0; list-style: none; }
.fila li { padding: 20px 0; overflow: hidden; line-height: 25px; }
.fila img { float: left; border: 1px solid #999999; margin: 0 20px 0 0; }
.fila .cenV { height: 152px; }

/*-----------------------------------------------------------
   Styles for products
-----------------------------------------------------------*/
.pro { overflow: hidden; }
ul.pro { padding: 0; }
.pro li { display: inline; float: left; margin: 0 0 25px 15px; width: 424px; padding: 0 0 25px 0; border-bottom: thin dotted #808080; }
.pro img.pri { float: left; border: 0px solid #999999; margin: 0 30px 10px 0; }
.pro img.small { float: left; border: 1px solid #999999; margin: 0 10px 10px 0; }
.pro img { float: left; border: 0px solid #999999; margin: 0 10px 10px 0; }
.pro .cenV { height: 152px; }
.pro .ci { float:left; width:340px; }
.pro .ci>div { color:Gray; clear: both; }
.pro .cd { float:left; width:536px; }
.pro .cd p.dev a { margin: 0 40px 0 0; }
.pro .cd p.dev img { float:none; border: 0; margin: 0 5px 0 0; vertical-align: middle; }
.pro .cd strong { font-size:12px; color: #333333; padding: 0 0 10px 0; }

#div_to_popup {display:none; background-image: url('/Images/boxBgBig.png'); width:600px; height:420px; padding:30px; border: 0px;}
#div_to_popup a { margin: 0 20px 0 0; }

/*-----------------------------------------------------------
   Styles for menu
-----------------------------------------------------------*/
.menu {list-style:none;margin:0;padding:0;}
.menu * {margin:0; padding:0}
.menu a {display:block; color:#000; text-decoration:none; padding: 0 40px 0 40px;}
.menu a:hover { color:#FFFFFF; }
.menu li {position:relative; float:left;}
.menu ul {position:absolute; top:37px; left:0; background:#d1d1d1; display:none; opacity:0; list-style:none; font: normal normal 10px/20px Verdana;text-transform: none;}
.menu ul li {position:relative; border:1px solid #aaa; border-top:none; width:172px; margin:0}
.menu ul li a {display:block; padding:3px 7px 5px; background-color:White}
.menu ul li a:hover {background-color:#c5c5c5}
.menu ul li a strong { float: right; font: normal lighter 20px/inherit Verdana; color:#CCCCCC; }
.menu ul ul {left:172px; top:0}