/* Web Vitrogres */
html{color:#a3a7b0; font-family: Arial, Helvetica, sans-serif; font-size:1em;}
a{text-decoration:none;border:none;color:#a3a7b0;}
a:hover{color:#fff;}
li.activo a{color:#fff;}
img{border:none;}
/****BODY*******/
body#index{ background:#000 url('../images/fondo_index.jpg') no-repeat top left;margin:0 auto; text-align:center }
body#empresa{margin:0; padding:0;background:#000 url('../images/fondo_empresa.jpg') no-repeat top left;}
body#noticias{margin:0; padding:0;background:#000 url('../images/fondo_noticias.jpg') no-repeat top left;}
body#productos{margin:0; padding:0;background:#000 url('../images/fondo_prod.jpg') no-repeat top left;}
body#pedidos{margin:0; padding:0;background:#000 url('../images/fondo_pedidos.jpg') no-repeat top left;}
body#descargas{margin:0; padding:0;background:#000 url('../images/fondo_descargas.jpg') no-repeat top left;}
body#contacto{margin:0; padding:0;background:#000 url('../images/fondo_contacto.jpg') no-repeat top left;}
/****INDEX*******/
#cabecerauno{ margin:0; padding:0;margin-top:180px;text-align:center;}
#cabecerauno h1 span{display:none; margin:0; padding:0;}
#cabecerauno img{ margin:0; padding:0;}
#cabecera{ margin:0; padding:0;margin-top:181px;text-align:center;}
#cabecera h1{ margin:0; padding:0; height:33px; width:100%;/*176px;246*/ text-align:right; float:right; display:block;margin-bottom:20px;clear:both;}
#cabecera h1 span{display:none; margin:0; padding:0;}
#cabecera img{ margin:0; padding:0;}
#cabecerauno #idioma, #cabecera #idioma{ display:block; width:148px;margin:0 auto; padding-right:10px;}
#cabecerauno #idioma ul, #cabecera #idioma ul{ list-style-type:none; font-size:0.77em; text-align:right;width:148px;}
#cabecerauno #idioma li, #cabecera #idioma li{float:left; padding-left:5px;display:block;}
#cabecera #idioma ul.mapaweb{margin-right:60px;float:left;}
#cabecera #menu{display:block; width:148px;margin:0 auto; padding:0;text-align:right; text-transform:uppercase;}
#cabecera #menu ul{ list-style-type:none; font-size:0.70em; text-align:right;margin:0; padding:0;width:148px;display:block; /*margin-top:5px;*/}
#cabecera #menu li{padding-left:5px;display:block;}
#cabecera #menu li.activo a{color:#fff;}
/****INICIO*******/
#inicioizq{float:left;width:48%;min-height:800px;height:auto!important;height:800px;display:block; text-align:right; padding:0; margin:0; border-right:solid 1px #a3a7b0; }
#inicioizq #topidioma{margin:0; padding:0;text-align:right; float:right;padding-right:10px; font-size:0.7em;}
#inicioizq #topidioma ul{ list-style-type:none; text-align:right;display:block;}
#inicioizq #topidioma li{float:left; padding-left:5px;display:block;}
#inicioizq #cabecera{text-align:right; padding-right:10px;}
#inicioizq #cabecera #menu{margin:0; padding:0;text-align:right; float:right;padding-right:5px;}
#inicioder{float:left;margin:0; padding:0;min-height:800px;height:auto!important;height:800px;text-align:left;}
/*#inicioder img.png { margin:0; padding:0;width:99%;clear:right; height:640px; z-index:0; border:solid 2px red;}*/
/****EMPRESA CON PNG TRANSPARENTE****/
#inicioizq{float:left;width:24%;min-height:800px;height:auto!important;height:800px;display:block; text-align:right; padding:0; margin:0; border-right:solid 1px #a3a7b0; }
#inicioder{background:url(../images/transparencia.png) repeat-x; float:left;margin:0; padding:0;width:74%;min-height:800px;height:auto!important;height:800px;text-align:left;}
#inicioder #contenido{color:#a3a7b0; z-index:1; margin:206px 0 0 40px;/*212*/ padding:0; width:90%; height:auto; border-top:solid 1px #a3a7b0; padding-top:27px;}
#inicioder #contenido H2{margin:0; padding:0; margin-bottom:10px;font-size:1em; color:#fff; font-weight:normal; text-transform:uppercase;}
#inicioder #contenido p{color:#a3a7b0; font-size:0.7em; margin:0; padding:0; margin-bottom:10px; text-align:justify;font-weight:normal;}
#inicioder #contenido p.nombre{color:#fff;}
#inicioder #contenido #fotos a img{ width:76px; height:94px; margin-right:5px; margin-bottom:10px;}
#inicioder #contenido #fotos div.ficha{ float:left; width:100px; height:auto; font-size:0.8em;}
#inicioder #contenido #fotos div.ficha p.foto A:hover {margin:0;padding:0; /*BACKGROUND-COLOR: transparent;*/ border:solid 1px #000;}
#inicioder #contenido #fotos div.ficha p.foto a {margin:0;padding:0;color:#000; display:block; width:76px; height:94px; background:url(../images/foto.gif) no-repeat top left; TEXT-DECORATION: none}
#inicioder #contenido #fotos div.ficha p.foto a span {margin:0;padding:0; display:none;}
#inicioder #contenido #fotos div.ficha p.foto a strong{ display:block; margin-top:100px;background:none;padding:0;}
/*#inicioder #contenido #fotos div.ficha p.foto { background:url(../images/fotoHover.gif); }*/
#inicioder #contenido #fotos div.ficha p.foto A:hover{margin:0; padding:0;color:#fff; background:url(../images/fotoHover.gif) no-repeat top left; border:solid 1px #000; }
/*#inicioder #contenido #fotos div.ficha p{ background:none;}*/
/****NOTICIAS**
body#noticias #inicioizq{background:#000 url('../images/fondo_noticias.jpg') no-repeat top left;margin:0;padding:0; text-align:center;float:left;width:24.7%;min-height:800px;height:auto!important;height:800px ;display:block; text-align:right;border-right:1px solid #fff; }
body#noticias #inicioder{background:#000 url('../images/fondo_noticiasOsc.jpg') no-repeat top right ;float:right;margin:0; padding:0;width:75%;min-height:800px;height:auto!important;height:800px ;text-align:left;display:block}**/
#contenido .lista {margin:0; padding:0;float:left; width:25%;height:200px; margin-right:20px; text-transform:uppercase; display:block;}
#contenido .lista input{background:#555; color:#fff; border:solid 1px #000;}
#contenido .lista textarea{width:95%;}
#contenido .listadescargas {margin:0; padding:0;float:left; width:25%; margin-right:20px; text-transform:uppercase; display:block;}
#contenido .lista ul, #inicioder #contenido .listadescargas ul{ list-style-type:none; font-size:0.60em; text-align:left;margin:0; padding:0;}
#contenido .lista li, #inicioder #contenido .listadescargas li{margin:0; padding:0;padding-left:5px;display:block; margin-bottom:6px;}
#contenido .lista li a span, #inicioder #contenido .listadescargas span{padding:0;margin:0;display:block; clear:both;vertical-align:top;height:auto;margin-bottom:0px;line-height:15px;}
#contenido .lista li a {padding:0;margin:0;}
#contenido .lista h2.titulolista {font-size:1.15em; text-transform:uppercase; font-weight:bold; margin-bottom:10px;}
#contenido span{margin-right:5px;}
#contenido #noticia{float:left;width:70%;}
#contenido #noticia p{ margin-bottom:25px;}
#contenido #noticia #images a{ margin-right:15px;}
/****PRODUCTOS**
body#productos #inicioizq{background:#000 url('../images/fondo_prod.jpg') no-repeat top left;margin:0;padding:0; text-align:center;float:left;width:24.7%;min-height:800px;height:auto!important;height:800px ;display:block; text-align:right;border-right:1px solid #666; }
body#productos #inicioder{background:#000 url('../images/fondo_prodOsc.jpg') no-repeat top right ;float:right;margin:0; padding:0;width:75%;min-height:800px;height:auto!important;height:800px ;text-align:left;display:block}**/
#inicioder #contenido .listaProd{float:left;width:43%;height:400px;/*overflow:auto;*/ position:relative;font-size:0.9em;}/*320 position:absolute; border:solid 1px pink;*/
#inicioder #contenido .listaProd ul{ list-style-type:none; margin:0; padding:0;}
#inicioder #contenido .listaProd li{ z-index:0; display:block; margin-top:5px;width:100%;float:none;clear:both; }/*100*/
#inicioder #contenido .listaProd li img{float:left; margin-right:15px;padding-bottom:10px;}
#inicioder #contenido .listaProd p{ margin-bottom:2px;/*width:80%;40*/}
#inicioder #contenido .listaProd li p{float:left; text-transform:uppercase; margin-top:0px; padding-right:5px; }
#inicioder #contenido .listaProd p.ejemplo{ margin-bottom:25px;width:100%;}
#inicioder #contenido .listaProd #images a{ margin-right:15px;}
#inicioder #contenido .listaProd2{float:left;width:43%;height:400px;/*overflow:auto;*/ position:relative;font-size:0.9em;}/*320 position:absolute; border:solid 1px pink;*/
#inicioder #contenido .listaProd2 ul{ list-style-type:none; margin:0; padding:0;}
#inicioder #contenido .listaProd2 li{ z-index:0; display:block; margin-top:5px;width:100%;float:none;clear:both; }/*100*/
#inicioder #contenido .listaProd2 li img{float:left; margin-right:15px;padding-bottom:10px;}
#inicioder #contenido .listaProd2 p{ margin-bottom:2px;/*width:80%;40*/}
#inicioder #contenido .listaProd2 li p{float:left; text-transform:uppercase; margin-top:0px; padding-right:5px; }
#inicioder #contenido .listaProd2 p.ejemplo{ margin-bottom:25px;width:100%;}
#inicioder #contenido .listaProd2 #images a{ margin-right:15px;}
#inicioder #contenido p.vermuestra{ padding:5px 3px; border-top:solid 1px #a3a7b0; margin-top:10px; overflow: hidden; text-transform:uppercase;}
#inicioder #contenido p.vermuestra img{ margin-left:10px;}
/****PEDIDOS**
body#pedidos #inicioizq{background:#000 url('../images/fondo_pedidos.jpg') no-repeat top left;margin:0;padding:0; text-align:center;float:left;width:24.7%;min-height:800px;height:auto!important;height:800px;display:block; text-align:right;border-right:1px solid #fff; }
body#pedidos #inicioder{background:#000 url('../images/fondo_pedidosOsc.jpg') no-repeat top right ;float:right;margin:0; padding:0;width:75%;min-height:800px;height:auto!important;height:800px ;text-align:left;display:block}**/
#inicioder #contenido select{ color:#fff;font-size:0.9em;border:solid 1px #555; padding:1px 0; text-transform:uppercase; background:#555; width:100%;margin-top:5px;}
#inicioder #contenido div select { color:#fff;font-size:0.9em;border:solid 1px #555; padding:1px 0; text-transform:uppercase; background:#555; width:100%;margin-top:5px;}
#contenido .total{border-top:solid 1px #a3a7b0;width:52.5%; display:block; clear:both;text-transform:uppercase;font-size:0.8em; margin:0; padding:0; text-align:right; }
#contenido .total span{ text-align:right; width:30%; color:#fff;}
#contenido .total p{ font-size:1em; margin:0; padding:2px; color:#fff; }
#contenido .total a{font-weight:bold;}
#contenido .total input{ text-align:right; width:46%; display:inline;font-size:0.9em; margin-top:3px;background:#555; color:#fff; border:none;}
/****descargas**
body#descargas #inicioizq{background:#000 url('../images/fondo_descargas.jpg') no-repeat top left;margin:0;padding:0; text-align:center;float:left;width:24.7%;min-height:800px;height:auto!important;height:800px ;display:block; text-align:right;border-right:1px solid #fff; }
body#descargas #inicioder{background:#000 url('../images/fondo_descargasOsc.jpg') no-repeat top right ;float:right;margin:0; padding:0;width:75%;min-height:800px;height:auto!important;height:800px;text-align:left;display:block}**/
/****contacto**
body#contacto #inicioizq{background:#000 url('../images/fondo_contacto.jpg') no-repeat top left;margin:0;padding:0; text-align:center;float:left;width:24.7%;min-height:800px;height:auto!important;height:800px ;display:block; text-align:right;border-right:1px solid #fff; }
body#contacto #inicioder{background:#000 url('../images/fondo_contactoOsc.jpg') no-repeat top right ;float:right;margin:0; padding:0;width:75%;min-height:800px;height:auto!important;height:800px ;text-align:left;display:block}**/
#direccion{text-transform:uppercase; padding-bottom:20px;border-bottom:solid 1px #a3a7b0;}
#formulario{font-size:0.7em; width:60%;text-align:justify; text-transform:uppercase;}
#formulario FORM{width:100%;text-align:justify;padding:0px; margin-top:30px;}
#formulario legend{ text-transform:uppercase; font-weight:bold;}
#formulario fieldset{border:0px;}
#formulario label {width:150px; width:40%;display:block;float:left;margin:2px 0;}
#formulario input{background:#555; color:#fff; border:solid 1px #000;}
#formulario input.contacto, textarea{width:50%; float:left;margin:2px 0; vertical-align:middle; clear:right;background:#555; font-size:1.1em;color:#fff; border:none; font-family:Arial;}
#formulario input.enviar{margin:0; padding:0; margin-top:-20px;}
textarea{width:55%;}
.nota{ display:block; margin:0; margin-bottom:0; font-size:0.7em; width:90%;}
.botones img{ margin:0 20px 0 10px; }
.cargo {
float:left;
color:#000;
}
.cargo:hover {
color:#fff;
/*float:left;*/
}
#flecha1{
display:none;
position:absolute;
left:43%;
top:240px;
z-index:5;
}
#flecha2{
display:none;
position:absolute;
left:43%;
top:525px;/*525*/
z-index:5;
}
.lista #divContainer{
margin:0; padding:0;
position: absolute;
width: 178px;
z-index: 0;
left: 28%;
top: 234px;/*233jessi*/
overflow:visible;
visibility: visible;
}
.lista #divContent{
position: absolute;
visibility: visible;
left: 0px;
top: 0px;
}
#inicioder #contenido .lista2{float:left; width:23%;height:200px; margin-right:30px; text-transform:uppercase;}
#inicioder #contenido .lista2 ul{ list-style-type:none; font-size:0.60em; text-align:left;margin:0; padding:0;width:150px;}
#inicioder #contenido .lista2 li{ z-index:0;padding-left:5px;display:block;margin:0; padding:0; margin-bottom:4px;width:152px;}
#inicioder #contenido .lista2 li a{width:152px;display:block;margin:0; padding:0;}
#inicioder #contenido .lista2 li span{display:block; clear:both;}
#inicioder #contenido .lista2 h2.titulolista{font-size:1.15em; text-transform:uppercase; font-weight:bold; margin-bottom:10px;}
#inicioder #contenido p.vermuestra2{ width:80%; position:relative;padding:5px 3px; border-top:solid 1px #a3a7b0; overflow:hidden; text-transform:uppercase;}
#inicioder #contenido p.vermuestra2con{ width:80%; position:relative; top:210px; padding:5px 3px; border-top:solid 1px #a3a7b0; overflow:hidden; text-transform:uppercase;}
#inicioder #contenido p.vermuestra2script{ width:300px; position:relative; padding:5px 3px; border-top:solid 1px #a3a7b0; overflow:hidden; text-transform:uppercase;}
#inicioder #contenido p.vermuestra2 img{ margin-left:10px;}
#inicioder #contenido p.vermuestra2script img{ margin-left:10px;}
.lista2 p#flecha3{
/*display:none;*/
position:absolute;
left:60%;
top:237px;
z-index:5;
}
.lista2 p#flecha4{
/*display:none;*/
position:absolute;
left:60%;
top:425px;
z-index:5;
/*top:458px;*/
}
div.lista2 #divContainer2{
position: absolute;
width: 162px;
z-index: 0;
/*left: 40%; */
top: 235px; /*230jessi*/
overflow:visible;
visibility: visible;
margin-right:10px;
}
div.lista2 #divContainer2 #divContent2{
position: absolute;
visibility: visible;
left: 0px;
top: 0px;
width:100px;
display:block;
margin:0; padding:0;
clear:right;
}
.listaProd p#flecha5{
/*display:none;*/
position:absolute;
left:98%;
top:9px;
z-index:5;
}
.listaProd p#flecha6{
/*display:none;*/
position:absolute;
left:98%;/*86*/
/*top:580px;*/
top:465px;
z-index:5;
}
.listaProd #divContainer3{
position: absolute;
width: 300px; /*178 */
z-index: 0;
/*left: 40%; */
top: 0px;
/*overflow:visible;*/
overflow:hidden;
visibility: visible;
height:100%;
clear:both;
}
.listaProd #divContainer3 #divContent3{
position: absolute;
visibility: visible;
left: 0px;
top: 0px;
height:auto;
}
.listaProd #divContainer3 #divContent3 div{ height:100%; width:auto; margin:0; padding:0;}/*jessi*/
.clear{clear:both; width:100%;height:1px;}
.listaProd p#flecha7{
/*display:none;*/
position:absolute;
left:96%;
top:9px;
z-index:5;
}
.listaProd p#flecha8{
/*display:none;*/
position:absolute;
left:96%;
/*top:580px;*/
top:310px;
z-index:5;
}
.listaProd #divContainer4{
position: absolute;
width: 300px;
z-index: 0;
/*left: 40%; */
top: 0px;
/*overflow:visible;*/
overflow:hidden;
visibility: visible;
height:100%;
clear:both;
}
.listaProd #divContainer4 #divContent4{
position: absolute;
visibility: visible;
left: 0px;
top: 0px;
height:auto;
}
#inicioder #contenido div.listadescargas{ width:70%;display:block;}
#inicioder #contenido div.listadescargas ul li{ z-index:0; width:100%; clear:both;display:block; float:none;}
#inicioder #contenido div.listadescargas div.sublista{width:42%;font-size:1.25em;height:auto;margin:6px 16px;float:left; display:block;}
#inicioder #contenido div.listadescargas div.sublista ul{}
#inicioder #contenido div.listadescargas div.sublista ul li{}
#inicioder #contenido div.listadescargas div.sublista ul li a{font-size:1.2em;}
.listaProd p#flecha9{
/*display:none;*/
position:absolute;
left:78%;
top:9px;
z-index:5;
}
.listaProd p#flecha10{
/*display:none;*/
position:absolute;
left:78%;
/*top:580px;*/
top:390px;
z-index:5;
}
.listaProd #divContainer5{
position: absolute;
width: 200px;
z-index: 0;
/*left: 40%; */
top: 0px;
/*overflow:visible;*/
overflow:hidden;
visibility: visible;
height:100%;
clear:both;
}
.listaProd #divContainer5 #divContent5{
position: absolute;
visibility: visible;
left: 0px;
top: 0px;
height:auto;
}
#inicioder #contenido .listaProd p.vermuestra3alar{width:98%; position:absolute; top:490px;padding:5px 3px; border-top:solid 1px #a3a7b0; text-transform:uppercase;}
#inicioder #contenido .listaProd p.vermuestra3alar img{ margin-left:10px;}
#inicioder #contenido .listaProd p.vermuestra3{width:98%;position:absolute; top:495px;padding:5px 3px; border-top:solid 1px #a3a7b0; text-transform:uppercase;}
#inicioder #contenido .listaProd p.vermuestra3 img{ margin-left:10px;}
#inicioder #contenido .listaProd p.vermuestra3alarscript{width:98%; position:relative; padding:5px 3px; border-top:solid 1px #a3a7b0; text-transform:uppercase; z-index:100;}
#inicioder #contenido .listaProd p.vermuestra3alarscript img{ margin-left:10px;}
#inicioder #contenido .listaProd p.vermuestra3script{width: 98%;position:relative; padding:5px 3px; border-top:solid 1px #a3a7b0; text-transform:uppercase; z-index:100;}
#inicioder #contenido .listaProd p.vermuestra3script img{ margin-left:10px;}
#inicioder #contenido .listaProd p.vermuestra4alar{width:90%; position:absolute; top:410px;padding:5px 3px; border-top:solid 1px #a3a7b0; text-transform:uppercase;}
#inicioder #contenido .listaProd p.vermuestra4alar img{ margin-left:10px;}
#inicioder #contenido .listaProd p.vermuestra4alar2{width:90%; position:absolute; top:440px;padding:5px 3px; text-transform:uppercase;}
#inicioder #contenido .listaProd p.vermuestra4alar2 img{ margin-left:10px;}
#inicioder #contenido .listaProd p.vermuestra4{width:99%;position:absolute; top:330px;padding:5px 3px; border-top:solid 1px #a3a7b0; text-transform:uppercase;}
#inicioder #contenido .listaProd p.vermuestra4 img{ margin-left:10px;}
#inicioder #contenido .listaProd p.vermuestra4alarscript{width:90%; position:relative; padding:5px 3px; border-top:solid 1px #a3a7b0; text-transform:uppercase;}
#inicioder #contenido .listaProd p.vermuestra4alarscript img{ margin-left:10px;}
#inicioder #contenido .listaProd p.vermuestra4alarscript2{width:90%; position:relative; padding:5px 3px; text-transform:uppercase;}
#inicioder #contenido .listaProd p.vermuestra4alarscript2 img{ margin-left:10px;}
#inicioder #contenido .listaProd p.vermuestra4script{width:99%;position:relative; padding:5px 3px; border-top:solid 1px #a3a7b0; text-transform:uppercase;}
#inicioder #contenido .listaProd p.vermuestra4script img{ margin-left:10px;}
#inicioder #contenido #muestrario{ padding:0; margin:0;}
#inicioder #contenido #muestrario h2{float:left; font-size:0.7em; text-transform:uppercase;margin-top:0; margin-bottom:10px;color: #a3a7b0;}
#inicioder #contenido #muestrario h2 strong{font-weight:bold; margin-left:10px;color:#fff;}
#inicioder #contenido #muestrario .bloque{padding:0; margin:0; width:100%;}
#inicioder #contenido #muestrario .bloque h2.titulobloque{ float:none;border-bottom:solid 1px #a3a7b0; padding-bottom:3px;}
#inicioder #contenido #muestrario .bloque ul{padding:0; margin:0; width:98%; display:block; clear:both; height:auto; }
#inicioder #contenido #muestrario .bloque li{float:left; list-style-type:none; margin:8px 5px; color: #a3a7b0;font-size:0.7em;}
#inicioder #contenido #muestrario .bloque li img{display:block; margin-bottom:2px;}
#inicioder #contenido #muestrario .paginacion{padding:0; margin:0;float:left;}
#inicioder #contenido #muestrario .paginacion ul{width:68%; display:block; clear:both; height:auto;}
#inicioder #contenido #muestrario .paginacion li{float:left; list-style-type:none; font-size:0.7em;}
#inicioder #contenido #muestrario .paginacion li a{color:#a3a7b0; margin:0 3px;}
#inicioder #contenido #muestrario .paginacion li.activo a{font-weight:bold;color:#fff;}
/*nuevo listaprod*/
#inicioder #contenido .listaProd .paginado{ /*border:solid 2px red;*/ width:300px;}
#inicioder #contenido .listaProd .paginado li{ float:left; width:98px; display:block; height:auto; clear:none; margin:0; padding:0;}
#inicioder #contenido .listaProd .paginado li p{ display:block; float:none;width:90px; margin:3px 0; padding:0;}
#inicioder #contenido .listaProd .paginado li img{ display:block; float:none; width:90px; margin:0; padding:0;}/*height z*/
#inicioder #contenido .listaProd .paginado li a{height:89px;}
#inicioder #contenido .listaProd .paginado li img.alargada{width:auto;}
#inicioder #contenido .listaProd .paginado li.clear{ width:100%; height:1px; clear:both; display:block; float:none; margin:0; padding:0;}
#inicioder #contenido .listaProd .paginado .paginacion{padding:0; margin:0; text-align:right;width:100%;}
#inicioder #contenido .listaProd .paginado .paginacion ul{width:100%; display:block; clear:both; height:auto; margin-bottom:5px; margin-top:5px; text-align:right;}
#inicioder #contenido .listaProd .paginado .paginacion li{ list-style-type:none; font-size:0.7em; width:auto;text-align:right; float:none; display:inline;}
#inicioder #contenido .listaProd .paginado .paginacion li a{color:#a3a7b0; margin:0 3px;}
#inicioder #contenido .listaProd .paginado .paginacion li.activo a{font-weight:bold;color:#fff;}
p.fotoejem{ display:block; width:100%; clear:both;}
p.fotoejem img{ width:60px; height:54px;margin-right:7px;}/*height z*/
div.rojo{ width:100%;font-size:0.8em;margin:0;padding:6px; color:#ff0000; background:#fff;}
div.verde{ width:100%;font-size:0.8em;margin:0;padding:6px; color:green; background:#fff;}
#rayota {
position: absolute;
z-index: 100;
height: 100%;
left: 24%;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #999999;
}
.popup{ padding:20px; width:100%;}
#contenido.popup .lista{margin:0; padding:0;float:left; width:45%;height:200px; margin-right:20px; text-transform:uppercase; display:block;}
#contenido.popup .total{width:95%; }
#contenido.popup .total p{}