img { border: 0px; }
.rosa { color: #DF334D; }
.erosa { color: #DF334D; text-decoration: none;}
.oferta { color: #000; font-size: 0.90em;}
input { font-size: 1.4em; border: solid #E38FA9 1px; color: #999; padding-left: 3px; background-color: #fff; }
p{margin:10px 0;}

body { margin: 0 auto; background-color: #879226; font-size: 0.75em; font-family: verdana; }

#pag { margin: 20px auto; width: 885px; height: auto; background-color: #fff; }
#pag #cab { width: 885px; height: 125px; background: url(../img/cabecera.jpg) top right no-repeat #fff; border-bottom: solid #eee 0px; }
#pag #menu { float: left; width: 153px; background-color: #d9d9d9; border: solid #000 0px; font-size: 0.8em; color: #686868; }

#pag #menu #auth { width: 125px; padding: 14px 14px 0px 14px; } 
#pag #menu #auth a { color: #686868; text-decoration: none; }
#pag #menu #auth a:hover { color: #000; text-decoration: underline; }
#pag #menu #auth form { display: inline }
#pag #menu #auth input { margin-bottom: 7px; }
#pag #menu #auth .inimg { border: 0px; background: transparent; margin: 0px; padding: 0px; vertical-align: top; }
#pag #menu #auth #msgbox { width: auto; display:none; padding: 3px; }
#pag #menu #auth ul { padding: 0px; margin: 0px; list-style-type: square; }
#pag #menu #auth ul li { margin-left: 15px; }
#pag #menu #boletin { padding: 0px 14px 0px 14px; }
#pag #menu #boletin .inimg { border: 0px; background: transparent; margin: 0px; padding: 0px; vertical-align: top; }
#pag #menu #boletin #msg2box { width: auto; display:none; padding: 3px; margin-top: 5px; }
#pag #menu #promo { margin: 15px 0 15px 0; }
#pag #menu #promo #txt { padding: 0px 14px 0px 14px; margin-bottom: 15px; }
#pag #menu #promo ul { padding: 0px; margin: 0px; list-style-type: none;  height: 200px; }
#pag #menu #promo ul li .imagen {position: absolute; z-index: 0; border: solid #000 0px; }
#pag #menu #promo #texto01 { width: 133px; padding: 10px 5px 10px 15px; filter: alpha(opacity=80); -moz-opacity:.8; opacity: 0.8;  position: relative; z-index: 1; background-color: #DC7080; text-align: center; margin-top: 15px; top: 25px; text-align: left; }
html*#pag #menu #promo .texto01 { padding: 5px 7px 5px 7px; } /* hack mac safari */
* html #pag #menu #promo .texto01 { padding: 5px 8px 5px 9px;  } /* hack ie6 */
#pag #menu #promo ul li a { color: #fff; font-weight: bold; }

#pag #content { float: left; width: 690px; padding: 0px 15px 0px 15px; background-color: #fff; }
#pag #content #txt { font-family: verdana; font-size: 0.80em; padding: 0px 0 15px 0; }
#pag #content #txt .cab { background-color: #D53853; border-bottom: solid #aaa 1px; padding: 3px 0 2px 5px; margin-bottom: 10px; color: #fff; }
#pag #content #txt a { color: #fff; text-decoration: none; }
#pag #content #txt a:hover { text-decoration: underline; }

#pag #txt #menu { width: auto; height: 300px; background-color: #fff; font-size: 1.1em; }	
#pag #txt #menu ul { margin: 0px;  padding: 0px; #margin-top: 5px; }	
#pag #txt #menu li { display: inline; list-style-type: none; }
#pag #txt #menu ul li .imagen { position: absolute; z-index: 0; border: solid #000 0px; }	
#pag #txt #menu ul li a { color: #fff; text-decoration: none; }
#pag #txt #menu li img { border: 0px; }
#pag #txt #menu li a:hover img { filter: alpha(opacity=50); -moz-opacity:.4; opacity: 0.5; border: 0px; }
#pag #txt #menu .texto01 { width: 240px; padding: 7px 71px 7px 70px; position: relative; z-index: 1; background-color: #D53853; top: 265px; text-align: center; }
html*#pag #txt #menu .texto01 { padding: 7px 71px 7px 70px; } /* hack mac safari */
* html #pag #txt #menu .texto01 { padding: 7px 71x 7px 70px;  } /* hack ie6 */
#pag #txt #menu .texto02 { width: 40px; padding: 7px 67px 7px 65px; position: relative; z-index: 1; background-color: #879226; top: 265px; text-align: center; }
#pag #txt #menu .texto03 { width: 40px; padding: 7px 85px 7px 84px; position: relative; z-index: 1; background-color: #9F9F9F; top: 265px; text-align: center; }

/*------------------------ world of css  -------------------------------------------------------------*/
#pag #content #txt #cab2 { border-bottom: solid #fff 1px; margin-bottom: 10px; background-color: #D53853; color: #fff; padding: 3px; padding-left: 5px; }
#pag #content #txt #cab2 a { color: #fff; }
#pag #content #txt .caja-titulo { font-size: 1.2em; }
#pag #content #txt .caja-producto { width: auto; padding: 10px; border: solid #fff 1px; margin-bottom: 10px; background-color: #fff; }
#pag #content #txt .caja-producto .comprar { background-color: #FF1C00; color: #fff; }
#pag #content #txt .caja-producto .volver { background-color: #5A5955; color: #fff; }
#pag #content #txt #detalle { width: 410px; float: left; padding: 5px; }
#pag #content #txt #detalle-text { overflow: auto; height: 190px; width: 390px; padding: 10px; }
#pag #content #txt #detalle-imgs { float: left; width: 266px; height: 350px; border: solid #DBDFB5 1px; text-align:center; margin-top: 22px; }
#pag #content #txt #detalle-imgs img { padding: 0px; margin: 0px; border: 0px; }
#pag #content #txt .precio { padding: 5px; color: #000; width: 200px; font-weight: bold; font-size: 1.5em; }
#pag #content #txt #op { clear: both; border-top: solid #D53853 1px; } 
#pag #content #txt #op #opciones {background-color:#D53853;color:#fff;float:right;padding:2px 8px;text-align:center;width:auto;}
#pag #content #txt #op #opciones img { border:0;margin-left:5px;vertical-align:middle;}
#pag #content #txt #op #opciones a { color: #fff; }
#pag #content #txt .clave { color: #879226; }

#pag #content #txt .img { padding: 2px; border: solid #D9D9D9 1px; margin: 5px; }
#pag #content #txt .caja-producto .img { float: right; width: 200px;}
#pag #content #txt .caja-leyenda { font-size: 0.90em; color: #800000; }
#pag #content #txt #error { background-image: url(../img/iconos/ico-denegado.gif); background-repeat: no-repeat; background-position: 540px 30px; }
#pag #content #txt #error fieldset { padding-right: 35px;  }
#pag #content #txt a { color: #800000; }
#pag #content #txt table { width: 100%; border-collapse: collapse; background-color: #fff; }
#pag #content #txt table th { border: solid #fff 1px; background-color: #505050; color: #fff; }
#pag #content #txt table td { border: solid #fff 1px; border-bottom: solid #aaa 1px; }
#pag #content #txt table .izq { text-align: left; padding: 5px; }
#pag #content #txt table .cen { text-align: center; }
#pag #content #txt table .der { text-align: right; padding: 5px; }
#pag #content #txt table .tot { text-align: right; padding: 5px; padding-right: 75px; }
#pag #content #txt table input { border: solid 0px; }
#pag #content #txt #errores { padding: 10px; }
#pag #content #txt fieldset { border: solid #ddd 1px; padding: 15px; margin-bottom: 10px; }
#pag #content #txt legend { font-weight: bold; padding: 2px 17px 2px 17px; background-color: #d9d9d9; color: #DF334D; }
#pag #content #txt label { color: #000; float: left; width: 250px; padding-left: 10px; }
#pag #content #txt input { border: solid #E38FA9 1px; margin-bottom: 2px; background-color: #fff; color: #000; font-size: 1.15em; }
#pag #content #txt textarea { padding: 2px; border: solid #E38FA9 1px; margin-bottom: 2px; background-color: #fff; font-size: 1.3em; }
#pag #content #txt select { font-size: 1em; padding: 2px; border: solid #E38FA9 1px; margin-bottom: 2px; background-color: #fff; color: #000 }
#pag #content #txt h3 { color: #b40001; font-size: 1.4em; }
#pag #content #txt #condiciones { overflow: auto; height: 200px; background-color: #fff; border: solid #aaa 1px; padding: 10px; margin-bottom: 10px; }

#pag #content #txt #contenedor_pedido { width: 100%;  }
#pag #content #txt #contenedor_pedido ul { padding: 0px; margin: 0px 0px 0px 10px;}
#pag #content #txt #contenedor_pedido li { list-style-type: square; } 
#pag #content #txt #contenedor_remite_empresa { width: 50%; padding: 10px; border: solid #000000 0px; }
#pag #content #txt #contenedor_remite_cliente { float: right; width: 40%; padding: 10px; border: solid #000000 0px; text-align: right; }
#pag #content #txt #contenedor_informacion_pedido { clear: both; border-bottom: solid #C0C0C0 1px; border-top: solid #C0C0C0 1px; padding: 10px; padding-bottom: 20px; }
#pag #content #txt #contenedor_informacion_pedido h2 { font-size: 1.05em; }
#pag #content #txt #contenedor_detalle_pedido { clear: both; margin-bottom: 10px; }

/*------------------------ Estilo paginador -------------------------------------------------------------*/
#pag #content #txt .paginador { padding: 5px; margin-top: 5px; margin-bottom: 15px; text-align: right; }
#pag #content #txt .pag_registros { text-decoration: none; background-color: #FFFFFF; padding-left: 5px; padding-right: 5px; padding-top: 1px; padding-bottom: 1px; border: solid #585858 1px; }
#pag #content #txt .enlacep { color: #000000; text-decoration: none; background-color: #FFFFFF; padding-left: 5px; padding-right: 5px; padding-top: 1px; padding-bottom: 1px; border: solid #585858 1px; }
#pag #content #txt .enlacep2 { color: #fff; text-decoration: none; background-color: #D53853; padding-left: 5px; padding-right: 5px; padding-top: 1px; padding-bottom: 1px; border: solid #585858 1px; }
#pag #content #txt .enlacep3 { color: #fff; text-decoration: none; background-color: #D53853; padding-left: 5px; padding-right: 5px; padding-top: 3px; padding-bottom: 1px; border: solid #585858 1px; font-weight: bold; }			
#pag #content #txt .paginador a:hover { color: #000; }		
/*------------------------ Estilo paginador -------------------------------------------------------------*/

#pie { clear: both; margin: auto; width: 885px; font-size: 0.80em; text-align: center; }
#pie ul { padding: 0px; margin: 0px; list-style-type: none; color: #BECA5E; }
#pie ul li { display: inline; }
#pie ul li a { color: #BECA5E; text-decoration: none; }
#pie ul li a:hover { color: #fff; text-decoration: underline; }
#pie #direccion { color: #fff; padding: 10px; }
#pie #direccion a { color: #fff; text-decoration: none; }
#pie #direccion a:hover { color: #aaa; text-decoration: underline; }

/*  Clear de floats  */
.clear:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear{ display: inline-block; }
/*\*/
.clear{ display:block; }
* html .clear{ height:1px; }
/**/
/* the outer div with the black border */
.tickercontainer { width: 670px; height: 25px; overflow: hidden; } /* the outer div with the black border */
.tickercontainer .mask { position: relative; left: 10px; top: 0px; width: 650px; overflow: hidden; }  
#pag #ticker { padding: 5px 0 5px 15px; position: relative; left: 225px;}
#pag #ticker ul { list-style-type: none; }
#pag #ticker li { list-style-type: none;  float: left; padding: 0; background: #fff; }
#pag #ticker li a { white-space: nowrap; }
#pag #ticker li span { margin: 0 10px 0 0; padding: 0px 10px;}