@charset "utf-8";
/* CSS Document */
* { margin: 0px; padding: 0px; border: 0px; text-align: left;}
html, body { width: 100%; background-color: #ff9310; font-family: "Gill Sans",Verdana, sans-serif; overflow-x:hidden;}
a { text-decoration: none;}
img{ border: none; padding-right: 10px;}
li img{ padding-right: 0px;}
#menuCab img{ padding-right: 0px;}
.titulo2{ background: #ff9310; width: 100%; height: 30px; text-align: center; color: #FFFFFF;padding-top: 6px;}
.titulo3{ padding-left: 15px;}
.img{ width: 120px; height: 80px; margin: 0 15px 10px;}
.idiomas{ width: 120px; height: 90px; padding: 5px; margin: 0 10px 10px;}
.banderas{ width: 30px; height: 30px; margin: 5px; float: left;}
#menu {text-align: left; width: 160px; height: 34px; margin: 0px auto; float: left;}
#menu ul { list-style-type: none;}
#menu ul li.nivel1 { float: left; width: 160px; height: 34px; margin: 0px;}
#menu ul li a {display: block; text-decoration: none; color: #fff; background-color: #FFFFFF; position: relative;}
#menu ul li:hover {position: relative;}
#menu ul li a:hover, #menu ul li:hover a.nivel1 {background-color: #CCCCCC; color: #CCCCCC; position: relative;}
#menu ul li a.nivel1 {display: block!important;display: none; position: relative;}
#menu ul li ul {display: none;}
#menu ul li a:hover ul, #menu ul li:hover ul {display: block; position: absolute; left: 0px;}
#menu ul li ul li a {width: 160px; padding: 0px;}
#menu ul li ul li a:hover {position: relative;}
table.falsa {border-collapse:collapse; border:0px; float: left; position: relative;}
#contenedor{ width: 1024px; height: 740px; margin: 10px auto; background-color: #FFFFFF; overflow: hidden;}
#cabecera{ width: 100%; height: 172px; float: left;}
#contenido{ width: 713px; height: 576px; background-color: #FFFFFF; float: left;}
#cuerpo{ width: 1024px; height: 660px; float: left;}
#banner{ width: 713px; height: 118px; background: url(../images/banerhome.jpg); float: left;}
#bannerempresa{ width: 713px; height: 118px; background: url(../images/banerEmpresa.jpg); float: left;}
#bannerprodlight{ width: 713px; height: 118px; background: url(../images/banerLight.jpg); float: left;}
#rpg{ background: url(../images/RPG.jpg); width: 160px; height: 172px; float: left;}
#fawoo{ width: 149px; height: 172px; float: right; background: url(../images/fawoo.jpg);}
#empresa{width: 161px; height: 101px; background:url(../images/ojo.jpg); float: left;}
#empresalight{ width: 161px; height: 101px; background:url(../images/empresalight.jpg); float: left;}
#boxpie{ width: 704px; height: 40px; float: left; text-align: left;}
.menupie{ text-align: center;}
.menupie a{text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666666;}
iframe{ border: 0px; margin: 0px;}
.clearboth{ clear: both;}
#izq{ width: 160px; height: 528px; background-color:#FFFFFF; float: left; overflow: hidden; border-right: solid 1px #CCCCCC;}
#der{ width: 150px; height: 525px; background-color:#FFFFFF; float: right;}
#telefono{ width: 160px; height: 59px; float: left; margin-top: 185px; background: url(../images/telefono.jpg);}
#menuCab{ width: 713px; height: 54px; background: url(../images/menuCabecera.jpg); float: left;}
#btnLight{width: 178px; height: 52px; margin-left: 150px; float: left; vertical-align: top;}
#btnLight:hover{ background: url(../images/btnLightpanel.jpg); cursor: pointer;}
#btnDigital{ width: 178px; height: 52px; float: left; }
#btnDigital:hover {background:url(../images/btnDigital.jpg); cursor: pointer;}
#fotos{ width: 707px; height: 530px; background-color: #FFFFFF; float: left;}
#galeria{ margin: 0px; border: 0px;}
#frame{ width: 713px; height: 530px; float: left; overflow: hidden;}
#lista{ text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; float: right; margin: 0px; padding: 0px;}
#lista li{ text-decoration: none; margin: 0px; padding: 0px; float: left;}
#lista li a{ display: block; text-decoration: none;}
#lista ul{list-style-type: none; margin: 0px; padding: 0px;}
.cursor{ cursor: pointer;}
#corner{ width: 160px; height: 40px; background:url(../images/cornerleft.jpg); float: left;}
#cornerright{ width: 160px; height: 40px; background:url(../images/cornerright.jpg); float: left;}


/* Light Panel */

#bannerl{ width: 713px; height: 118px; background: url(../images/banerLight.jpg); float: left;}
#empresal{width: 161px; height: 101px; background:url(../images/CuadroLight.jpg); float: left;}

/* Digital Signage */

#bannerd{ width: 713px; height: 118px; background: url(../images/banerDigital.jpg); float: left;}
#empresad{width: 161px; height: 101px; background:url(../images/cuadroDigital.jpg); float: left;}

/* Localizacion */
.map{ width: 100%; height: 550px; margin: 20px; background: #cccccc; padding: 5px; text-align: center;}
.titulo1{ width: 300px; height: 20px; border-bottom: solid 1px #FF6600; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; margin-left: 155px; padding: 20px 0 5px 0; margin-bottom: 20px;}
.texto{width: 100px; height: 50px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; float: left; margin-left: 20px;}

/* home */
h1{ font-size: 50px;}

#main{ width: 707px; padding-left: 30px; height: 530px; background-color: #FFFFFF; text-align: center; font-family:Arial, Helvetica, sans-serif 12px;}
#LP2 {widows: 707px; padding-left: 40px; height: 530px; background: url(../images/fondo_LP2.jpg) no-repeat; text-align: center; font-family:Arial, Helvetica, sans-serif 12px;}
#scroll{ widows: 707px; padding-left: 10px; background-color: #FFFFFF; overflow: visible;}
.center{ text-align: center; width: 500px; padding-left: 200px; padding-top: 50px;}
a:link { color: #ffcb8d;}
a:hover{ color: #ff9210;}
a:visited{ color: #ffcb8d;}

/* texto */ 

h3{ font-size: 1.6em; color: #ff9210; font-weight: normal;}
.s1{ color: #ff9310;}
s1{ color: #ff9310;}
s2{ color: #CECECE;} 
s3{ color: #FFFFFF;}
.texto{ width: auto; float: left;}
.texto2{ padding: 20px; width: 85%; text-align: left;}
.texto3{ width: 400px; padding: 20px; float: left; font-size: .80em;}
.texto4{ width: 300px; padding: 10px; float: left; font-size: 1em; color: #FFFFFF;}
.tx{ width: auto; float: left; font-size: .8em;}
.breadcrumb{ color: #999999; padding-top: 10px;}
.parrafo{ width: 90%; padding: 20px; float: left; clear: left;}
.justifyL{ padding: 20px 0px 0px 20px; width: 280px; float: left; text-align: left;}
.justifyR{ padding: 20px; width: 280px; float: left; text-align: right;}
.right{ width: 100%; float: right; text-align: left;}
.left{ width: 100%; float: left; text-align: left;}
.margL{ padding-left: 15px;}
.margL2{ padding-left: 30px;}
.alignR{ text-align: right;}
.f1{ width: 70px; float: left; padding: 20px;}
.centertxt{text-align: center;}
.floatL{ float: left;}
.floatR{ float: right;}
.col{ width: 28%; float: left; padding: 5px; text-align: left;}
.col02{ width: 8%; float: left;}
.barra{ width: 4px; height: 850px; border-left: solid 1px #333333; float: left;}
.piefoto{ width: auto; text-align: left; font-size: 0.8em; float: left; padding: 3px;}
#ancho1{ width: 100px; float: left;}
#ancho2{ width: 150px; float: left;}
#ancho4{ width: 400px; float: left;}
#ancho5{ width: 420px; float: left;}
#ancho6{ width: 670px; float: left;}
.blog{ width: 680px; float: left;}




/* images */
.fotos{ width: auto; float: left;}
.foto{ width: 90%; text-align: center; clear: left; float: left; padding: 20px;}
.foto2{ width: 174px; float: left;}
.filete{ margin-top: 5px; float: left;}
.filete1{ position: absolute; left: 10px; top: 90px; width: 54px; height: 401px;}
.filete3{ position: absolute; right: 0px; top: 30px; width: 54px; height: 460px;}
.filete4{ position: absolute; left: 90px; top: 500px; width: 500px;	height: 29px;}
.separador{ width: 100%; height: 20px; float: left;}
.separador2{ width: 100%; height: 50px; float: left;}
.separador3{ width: 100%; height: 80px; float: left;}
.vert{ width: 20px; height: 600px; float: left;}
.abs01{ position: absolute; top: 280; left: 0; background: #ffe180; padding-top: 10px;}
.abs02{ position: absolute; top: 410; right: 32;}
.dvc{
	position: absolute;
	top: 435px;
	left: 420px;
	width: 206px;
}
.borde{ border: solid 1px #CCCCCC; width: 687px; padding-left: 10px; }
.margtop{ padding-top: 10px; float: left;}
.tabla{ width: 200px; background: #f8d174; padding: 10px; float: left; }
#contabla{ width: 350px; float: left;}

/* formularios */

input{ width: 600px; height: 26px; background: url(../images/input_bg.jpg) no-repeat; padding-left: 10px;}
textarea{ background: url(../images/textarea_bg.jpg) no-repeat; padding: 0 10 10 10px;}
.departamentos{ float: left; padding: 4px; font-size: 12px; text-align: center;}
.departamentos input{ width: 51px; height: 51px; background: #FFFFFF;}