/** **** Hoja de estilos sitio Celulares Alex - Rolando Avalos ZEWS.SA(10 Julio 2008) ****/
body{background:#0E346A url(../img/bgcuerpo.jpg) repeat-x;font-size:0.75em;}

.icono{vertical-align:middle;}
* html input,* html .icono,.txtvermas{behavior:url("iepngfix.htc");}

#frtop{background: url(../CelAlexBan/cab.jpg) no-repeat;height:145px;margin:0 auto;width:749px;}
#frtop h1,#intop h1{display:none;}

#main{background:url(../img/bgcel.jpg) no-repeat left top;width:100%;}

#frcontenedor,#contenedor{background:#627B9E;margin:0 auto;width:749px;}
#subencab{height:207px;}

#frmenu{background:#993300;height:23px;}
#frmenu ul li{float:left;margin-top:5px;padding-left:10px;}
#frmenu ul li a{color:#FFFFE7;float:left;font-weight:bold;text-decoration:none;}
#frmenu ul li a:hover,#frmenu ul li a.actual{border-bottom:3px solid #FFCD5E;color:#FFCD5E;}

#bannerpro{border:2px solid #fff;height:100px;margin-top:12px;}
.intbn{margin-bottom:15px;}
#bannerpro .slideshow-images{height:90px;margin:5px auto;width:728px;}

#frwraper{float:left;border-top:1px solid #5A7186;border-bottom:4px solid #5A7186;width:100%;}
#frcuerpo{float:left;width:490px;}

#frcontder{float:right;width:256px;}

#frcuerpo h2,#frcontder h2,#paneles h2,#panelesinfer h2{background:#FFCD5E;font-size:130%;height:20px;padding-left:5px;}

#frcatalogo,#froferta,#cont-sec,#panelder{border:2px solid #FFF;}

#frcatalogo .carousel-component{background:#7389A8 url(../img/bgcat.gif) repeat-x;margin:1px;min-height:250px;_height:250px;width:99.5% !important;width:100%;}
#frcatalogo .carousel-component ul.carousel-list{margin:0px;overflow:hidden;padding:15px 0 10px;}
#frcatalogo .carousel-component .carousel-list li{float:left;margin:0 10px 15px 10px;width:221px;_width:210px;}
#frcatalogo .carousel-component .carousel-list li h3{color:#3366CC;font-size:100%;}
#frcatalogo .carousel-component .carousel-list li p{line-height:14px;margin-bottom:5px;}
#frcatalogo li a.tnfot{float:left;margin-right:5px;}

a.tnfot{background:#993300;display:-moz-inline-box;display:inline-block;margin:0 auto;padding:2px;}
a.tnfot:hover{background:#EAC431;}
* html a.tnfot{padding:1px 2px 3px;}

#froferta img{margin:1px !important;margin-top:-1px;}
#froferta .slideshow-images{height:246px;margin-left:0px;width:250px;}

#paneles{float:left;min-height:207px;width:100%;background: url(../img/bg_paneles.gif) repeat-x;}
#paneles h2{background:#FF9A00;font-size:125%;}
#paneles .subpanel{float:left;width:248px;}

.subpanel .cont_panel{border:2px solid #D1DEF0;min-height:149px;_height:149px;padding:8px 10px 3px;text-align:justify;}

.cont_panel h3,.pcont h3,#panelder h3{color:#FFCD5E;font-size:110%;}
.cont_panel,.pcont,#panelder{color:#FFF;}
.cont_panel .tnfot,.pcont .tnfot{float:right;margin:0 0 0 5px;}
.cont_panel ul li{display:inline-block;margin-bottom:10px;}
.cont_panel .preg h3{color:#FFF;font-size:100%;}

#panelserv{margin:0 2px 0 3px;}

.rbbot,.rbbot div{float:left;width:100%;}
#paneles .rbbot{background:url(../img/derabj.gif) no-repeat bottom right;height:23px;}
#paneles .rbbot div{background:url(../img/izqabj.gif) no-repeat bottom left;height:23px;}

.clearfix:after{clear:both;content:".";display:block;height:0px;visibility:hidden;}
.clearfix{display:inline-block;}
* html .clearfix{height:1%;}
.clearfix{display:block;}

/* ================= ESTILOS PARA EL INTERNO ======================*/
#contenedor{background:#59799F;}
#contenedor .rbbot{background:url(../img/cont-dab.gif) no-repeat bottom right;height:16px;}
#contenedor .rbbot div{background:url(../img/cont-iab.gif) no-repeat bottom left;height:16px;}

#intop{height:190px;margin:0 auto;width:749px;}
#intop .logo{background:url(../img/logo_interno.jpg) no-repeat top left;height:100%;width:341px;float:left;}
#intop #rotat{background:#FFF;height:100%;width:408px;float:right;}

#wrapcont{background:#59799F url(../img/bgcont.gif) repeat-x top left;float:left;width:100%;}
#contenedor #frcuerpo{background:#FFF;width:485px;margin-left:0px;}

#frcuerpo .rbbot{background:url(../img/sec-dab.gif) no-repeat bottom right;height:13px;}
#frcuerpo .rbbot div{background:url(../img/sec-iab.gif) no-repeat bottom left;height:13px;}

#frcuerpo h2 a{color:#000; background:url(../img/sig.png) no-repeat right 80%;padding-right:10px;margin-right:3px;text-decoration:underline;}
#frcuerpo h2 a:hover{text-decoration:none;color:#993300;}
#frcuerpo h2 a.last{background:transparent;padding-right:0px;}

#cont-sec{background:#FFF url(../img/sec-dec.jpg) no-repeat top left;min-height:500px;padding:45px 25px 0;_height:500px;}
#cont-sec h3{color:#006699;font-size:115%;margin-bottom:5px;}
#cont-sec p{padding-bottom:10px;}

#panelder{background:#6493C0;padding:3px;margin-bottom:10px;}
#panelder ul li{float:left;padding:0 4px;text-align:center;width:112px;}
#panelder ul li.separ{border-bottom:1px solid #FFCD5E;height:1px;margin:5px 0;_margin-top:-7px; padding:0;width:100%;}

#panelesinfer{float:left;margin:5px 0 10px;width:485px;}
#panelesinfer div.subpanel{float:left;width:49%;}
#panelesinfer div.subpanel .pcont{border:2px solid #D1DEF0;_height:150px;min-height:150px;padding:5px;}
#panelesinfer div#serv-panel{float:right;}

.subpanel .pcont .carousel-component .carousel-clip-region{width:224px;}
.subpanel .pcont .carousel-component .carousel-list li{width:224px;}
.subpanel .pcont .carousel-component ul.carousel-list{margin:0px;overflow:hidden;padding:0 0 5px;}

.tabset{background:#D1DEF0;float:left;height:20px;text-align:left;width:97%;padding-left:3%;}
.tabset strong{color:#006699;font-size:0.88em;}
.tabset a{color:#006699;font-weight:bold;font-size:0.88em;text-decoration:underline;padding:2px 4px;}
.tabset a:hover{color:#FFCD5E;text-decoration:none;background:#FFF;}

#subsecs{margin:20px 0 0 5px;text-align:left;width:95%;}

.tabs_container .panel,.pie-sec .panel{background:url(../img/mid_r.gif) top right repeat-y;border-left:1px solid #D1DEF0;padding:0 14px 0 5px;position:relative;}

.tabs_container .panel ul{list-style-image:url(../img/bullet-grey.gif);margin-left:15px;}
.tabs_container .panel ol{list-style-position:inside; margin-left:10px;}
/*.tabs_container h3{font:bold 14px/18px sans-serif;_height:18px;}*/
.tabs_container .panel a.tnp img{border:2px solid #FFF;}
.tabs_container .panel a.tnp img:hover{border-color:#F5BEC2;}
.tabs_container .panel p{text-align:left;}
.tabs_container .panel fieldset{text-align:left;width:90%;margin:0 auto;}
.tabs_container .panel ul li h4,.tabs_container .panel ol li h4{font-size:12px;}
.tabs_container .panel ul li,.tabs_container .panel ol li{margin-bottom:10px;}
.tabs_container .panel h3 a{color:#006699;}
.tabs_container .panel h3 a:hover{text-decoration:none;color:#993300;}
.tabs_container .panel h3 span{font-size:0.75em;}
.panel .tnleft{float:left;margin-right:5px;}

.tabs_top{height:11px;background:url(../img/containerbg.gif) left -20px repeat-x;z-index:10;}
* html .tabs_top{margin-bottom:-4px;}
.tabs_topL{background:url(../img/containerbg.gif) left top no-repeat;float:left;height:11px;width:14px;}
.tabs_topR{background:url(../img/containerbg.gif) right -40px no-repeat;float:right;height:11px;width:14px;}

.tabs_bot{background:url(../img/containerbg.gif) left -100px repeat-x;height:20px;}
.tabs_botL{background:url(../img/containerbg.gif) left -60px no-repeat;float:left;height:16px;width:17px;}
.tabs_botR{background:url(../img/containerbg.gif) right -80px no-repeat;float:right;height:16px;width:17px;}

div.coment_cont{background: url(../img/coment-izq.gif) left 10px no-repeat;padding-left:20px; float:right;text-align:left;width:310px;}
.tabs_container .panel2{border:0;}

div.cajapro{float:left;margin-right:6px;text-align:center;width:135px;}
div.caja2{margin-right:5px;width:130px;text-align:center;}

.sup_der, .sup_izq, .inf_der, .inf_izq{background:url(../img/box.png) no-repeat;}
.sup_der {background-position:right top;}
.sup_izq {margin:0 10px 0 -2px;padding:25px 0 7px 10px;}
.inf_der{background-position:right bottom;z-index:0;position:relative;margin-top:0!important;margin-top:-8px;}
.inf_izq {background-position: left bottom;height: 10px;margin: 0 10px 0 -2px;}

.sup_izq h3{font-size:0.75em;}
.sup_izq .tnfot{background:#FFF;}
.sup_izq .texto{text-align:center;}
.sup_izq fieldset{text-align:left;width:95%;margin:10px auto 0;}

.caja2 .sup_izq h4{font-size:100%;clear:both;}
.caja2 .sup_izq .tnfot{margin-top:3px;}

.thum{float:left;margin-right:5px;text-align:center;width:auto;}
.thum a{border:1px solid #CCC;color:#006699;display:block;font-size:10px;padding:3px;text-decoration:none;position:relative;}
.thum a:hover{background-color:#D1DEF0;}
.rthum{float:right;margin:0 0 0 5px;}

.pie-sec{clear:both;margin:10px auto 5px auto;padding:7px 0 5px 0;text-align:center;}
div.fila{float:left;margin:5px 0;width:100%;}

.add{float:right;vertical-align:middle;}

#buscar legend,#busnot legend,#frcuerpo h2 span{display:none;}
#buscar select{margin-right:10px;}

#det-pro,#fotos-pro{width:100%;position:relative;}
#fotos-pro{padding-top:10px;}
.opcion-pro{padding-bottom:10px;text-align:justify;position:relative;}
.opcion-pro h3{border-bottom: 1px solid #D1DEF0;}
.opcion-pro h3.subab{width:90%;}

#pro_tabs{height:30px;padding-right:10px;position:relative;z-index:9;width:97%;}
#pro_tabs ul{float:right;list-style:none;margin:;background:#f0f0f0;margin-top:6px;}
#pro_tabs ul li{border-style: none outset outset;border-color:#fff;border-width: 0px 1px 1px;float: left;font-size: 0.9em;font-weight: bold;margin:0;padding: 4px 0px;}

#pro_tabs ul li a.inactivo{color:#000;font-size: 1em;padding: 4px 16px 0px;text-decoration: none;}
#pro_tabs ul li a.inactivo:hover, #pro_tabs ul li a.inactivo:focus, #pro_tabs ul li a.inactivo:active, #pro_tabs ul li a.activo {background:  #ffcd5e none repeat scroll 0% 50%;border: 1px inset #006699;color: rgb(44, 0, 0);font-size: 1em;margin: 1px;padding: 2px 14px 3px;text-decoration: none;}
#pro_tabs  ul li a.activo:hover{cursor: text;}

/**Listado del pedido */
.tabla-carro{border-color:#DDD;border-style:solid;border-width:1px 0px 0px 1px;margin:10px 0px;width:100%;}
.tabla-carro tr td{border-right: 1px solid #DDD;border-bottom:1px solid #DDD;padding:4px 4px;}
.tr-titulos{background:url(../img/bgtitulo.gif) repeat-x;color:#000;font-size:13px;font-weight:bold;text-align:center;}
.tot{color:#993300;font-size:13px;font-weight:bold;}

#pie-orden{background:url(../img/sep-abajo.png) no-repeat bottom;margin:15px auto 10px;padding-bottom:15px;text-align:center;width:98%;}

.b-abajo{background:url(../img/sep-abajo.png) no-repeat bottom;clear:both;margin-bottom:10px;padding-bottom:10px;}
.b-abajo strong{font-size:110%;color:#5874AB;}

.botbuy,.bot2,.bot3{background:url(../img/botones1.png) no-repeat left top;color:#666;display:block;font:bold 90%/25px Verdana;float:left;height:39px;margin:0 3px;text-decoration:none;padding-top:0px;text-align:center;outline:none;}
.botbuy{width:90px;margin:0 1px;}
.bot2{background:url(../img/botongr.png) no-repeat left top;width:135px;}
.bot3{/*background:url(../img/boton1.png) no-repeat left top;*/width:90px;}
.botbuy:hover,.bot2:hover,.bot3:hover{background-position:left bottom;color:#000;}

#carrito{margin:10px 3px 0 3px;}
#carrito .tit {background:#993300;color:#FFFFE7;font-weight:bold;float:left;_float:none;margin-bottom:1px;padding-bottom:3px;text-align:center;width:99.5%;}
#carrito .celda,#carrito .celdad {background:#FFF;border-bottom:1px solid #CCC;border-right:1px solid #CCC;color:#7F5D16;float:left;_height:20px;margin:0 1px 1px 0;min-height:20px;vertical-align:middle;width:49.2%;}
#carrito .celdad{text-align:center;}
#carrito a{color:#FFFFE7;text-decoration:underline;position:relative;}
#carrito a:hover,#idioma a:hover{color:#FFCD5E;text-decoration:none;}

#busnot{float:right;padding:5px;margin:5px 5px 10px 0;text-align:left;width:50%;}
#frmbuscar{background: url('../img/bg-search.gif') no-repeat 0 0;float:right;height: 29px;width: 285px;}
#frmbuscar #criterio{background:transparent;border: none;color: #999;padding: 8px 10px;width: 228px;}
#frmbuscar #btnbuscar{padding:5px;vertical-align:top;}

/*================== TEXTO y LOS ENLACES ==========================*/
.txtEnlace,.txtEnlacep,.txtreg{color:#5874AB;font-weight:bold;text-decoration:underline;}
.txtEnlace:hover,.txtEnlacep:hover{color:#000;text-decoration:none;}
.txtEnlacep{color:#DE8B04;}

.txtvermas{color:#FFF;text-decoration:underline;background:url(../img/sig.png) no-repeat 100% 50%;padding-right:15px;font-weight:bold;float:right;margin-right:15px;font-size:90%;}
.txtreg{background:url(../img/izq.gif) no-repeat left;padding-left:16px;}
.txtvermas:hover,.txtreg:hover{text-decoration:none;}

.txtPrecio{color:#DE8B04;font-size:0.88em;font-weight:bold;}
.txtVisitas{color:#993300;font-style:italic;font-size:0.88em;font-weight:normal;}

.simb{color:#5874AB;font-weight:bolder;}
.txtPeq{font-weight:normal;font-size:.88em;}
.fech{color:#DE8B04;font-weight:bold;font-size:.88em;}

/***** PAGINACION ******/
#paginacion{clear:both;font-weight:bold;font-size:90%;margin:10px 0px;padding:5px;text-align:center;width:98%;}
#paginacion a,#paginacion span.actual{background:url(../img/page.gif) no-repeat left top;display:block;float:left;margin:0 3px;padding:4px 9px;}
#paginacion a {color:#FFF;text-decoration:none;position:relative;}
#paginacion a:hover{color:#6493c0;background-position:left bottom;}
#paginacion span.actual{color:#000;}
#paginacion span.disabled{display:none;}

/********************* ESTILO PARA LOS FORMULARIOS ************************/
label{font-weight:bold;/*color:#91582D;*/}
select option{padding:0 4px;}

.textbox,.textcant,.textcant1,.textarea,select{color:#006699;background:#FFF url(../img/shadow_top.gif) repeat-x top;border:#CCC 1px solid;font-size:12px;}

.textbox{padding:2px;}
.textcant,.textcant1{padding:2px;text-align:center;}
.textcant{padding-right:2px;}
.textcant1{border:1px solid #9A4E27;height:16px;vertical-align:middle;width:18px;}
.textarea{font-size:12px;padding: 5px 3px 3px 7px;}
.textboxError{background:#ffffec;border:1px solid #F37D60;color:#006699;font-size:12px;padding: 1px 2px;}
.textbox:focus,.textcant1:focus,.textarea:focus,.textboxError:focus,select:focus{background:#fff url(../img/shadow_top.gif) repeat-x top;border:#F3973D 1px solid;}

.imgadd{margin-left:5px;vertical-align:middle;}
.lengthtext{color:#000;background-color:transparent;border:0;font-size:10px;text-align:center;}

#forminfo{margin:0 auto;width:95%;}
#forminfo label{margin-left:5px;}
#forminfo input{vertical-align:middle}
#forminfo legend{color:#000;font-size:20px;font-weight:normal;}
#forminfo fieldset.groupf{border:1px solid #ccc;margin-bottom:10px;padding-top:5px;}
#forminfo legend.group{color:#F3973D;font-size:14px;font-weight:bold;margin-left:15px;padding-left:2px;}

.formcont{padding:5px 0px 15px;}
.trform{clear:both;margin:5px auto;vertical-align:top;text-align:center;width:95%;}
.tdlabels{float:left;margin-bottom:15px;text-align:left;width:30%;}
.formcont strong{color:#FF0000;font-size:.75em;font-family:"Verdana";}
.tdimputs{margin-bottom:15px;float:left;text-align:left;width:70%; }
.trindic{margin:0 auto;text-align:left;vertical-align:top;width:95%;}

.boton{background:url(../img/boton1.png) bottom left;border:none;color:#FFF;font-size:100%;font-weight:bold;height:39px;margin:0px 2px;padding-bottom:12px;width:90px;outline:0;}
.btn2{color:#666;outline:0;}

#error,#exitoso{margin:10px auto;width:406px;}
#error .sup,#exitoso .sup{background:url("../img/exitoso-error/top-err.gif") no-repeat;height:20px;}

#error .msj{background:url("../img/exitoso-error/bg-err.gif") repeat-y;text-align:left;}
#error .msj h3{color:#CC0000;font-size:15px;font-weight:bold;margin-top:-10px;padding:0px 20px 0px 15px;}
#error .msj ul{color: #666666;list-style-image:url(../img/exitoso-error/flecha.gif);list-style-position:inside;padding-left:25px;}
#error .msj ul li{margin-top:10px;}
#error .msj em{color:#000;display:block;margin:20px 0 0 20px;font-size:10px;font-style:normal;}
#error .pie{background:url("../img/exitoso-error/bot-err.gif") no-repeat;height:46px;}

#exitoso .msj h3{color:#336600;font-size:15px;font-weight:bold;padding:0px 20px 0px 15px;margin-top:-10px;}
#exitoso .msj{background:url("../img/exitoso-error/bg-err.gif") repeat-y;text-align:center;}
#exitoso .msj p{color:#666;padding:0px 25px 0px 10px;}
#exitoso .pie{background:url("../img/exitoso-error/exitoso-pie.gif") no-repeat;height:55px;margin-top:-10px;}

/* ====== === === === ESTILOS PARA EL PIE === === === === === === =======*/
#pie{background:#000 url(../img/bg_pie.gif) repeat-x;clear:both;font-size:11px;height:112px;text-align:left;width:100%;}
.contpie{color:#FFF;margin:5px auto 0;width:749px;clear:both;}
.contpie img{vertical-align:middle;}
.contpie p{text-align:center;}