@charset "utf-8";
/* CSS Document */
body,html{
background:#fff ; 
max-height:100%;
margin:0px;
margin-top:0;
margin-left:auto;
margin-right:auto;
padding:0px;
font:10px verdana;
}

/* Inicia TOP */
#top{
float:left;
position: relative;
margin-left:0;
margin-right:0;
width:797px;
height:200px;
background: url("../images/top/bk_up.gif") no-repeat;
z-index:999;
}

.bannerlarge{
margin-left:auto;
margin-right:auto;
top:0;
margin-top:0;
width:757px;
height:53px;
}

#topup{
float:left;
position:relative;
width:757px;
height:81px;
top:67px;
left:23px;
}

#uplogo{
float:left;
position:relative;
width:166px;
height:54px;
top:0;
left:13px;
}

#upvarios{
float:left;
position:relative;
width:204px;
height:36px;
top:70px;
left:190px;
color:#a0a0a0;
font:Verdana;
font-size:10px;
text-align:right;
}

#upvarios a:link{
color:#06244d;
}
#upvarios a:hover{
color: #0033CC;
}
#upvarios a:visited{
color: #0033CC;
}
#upsobremenu1{
float:left;
position:relative;
width:147px;
height:15px;
top:87px;
left:120px;
color:#a0a0a0;
font:Arial;
font-size:11px;
text-align: center;
}

#upsobremenu2{
float:left;
position:relative;
width:129px;
height:19px;
top:85px;
left:118px;
color:#a0a0a0;
font:Verdana;
font-size:9px;
text-align:right;
text-align:left;
}

#upsobremenu3{
float:left;
position:relative;
width:157px;
height:18px;
top:0px;
//top: 3px;
left:0;
color:#a0a0a0;
font:Verdana;
font-size:9px;
text-align:right;
text-align:left;
}

div.menu{
/*width:758px;*/
height:22px;
z-index:100;
float: none;
position: relative;
top:63px;
//top:66px;
text-align:center;
left:150px;
}


/* Finaliza TOP */
/* Inicia Centro */
#frame{
width:797px;
float:none;
top:10px;
position:relative;
margin-left:0;
margin-right:0;
margin-top:0;
padding:0;
	/*text-align:center;*/
}

#center{
position:relative;
float:left;
width:797px;
height:auto;
/*background: url("../images/center/bk_pri.gif") repeat;*/
}

/*Barra lado izquierdo*/
#barraleft{
width:152px;
float: left;
position:relative;
left:18px;
top:8px;
padding:0;
}

div.leftbox{
width:152px;
padding:0;
float: left;
position:relative;
left:0;
top:0;
background: #8ec7ef url("../images/center/boxleft/center_box.gif") repeat;
}

div.titulo{
margin:0, 0, 2px,0;
float: left;
position:relative;
left:10px;
top:0;
color: #2b3f59;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
text-align:center;
padding:0;
}

div.infoleftbox{
width:134px;
float: left;
position:relative;
left:12px;
top:0;
color:#2b3f59;
font-family:verdana;
font-size:11px;
padding:0;
z-index:110;
}
div.imageslink a:link{
color:#2b3f59;
width:auto;
}

div.infoleftbox a:link{
color:#2b3f59;
font-size:11px;
text-decoration:none;
}

div.infoleftbox a:visited{
color:#2b3f59;
font-size:11px;
text-decoration:none;
}

div.infoleftbox a:hover{
color: #fff;
font-size:11px;
text-decoration:none;
}

div.infoleftbox a:active{
color: #333366;
font-size:11px;
text-decoration:none;
font:bold;
}



/*Contenido interno*/
#internofull{
width:592px;
float: left;
position:relative;
left:30px;
top:1px;
}

#centeranim{
width:592px;
height:257px;
float: left;
position:relative;
left:0;
z-index: auto;
}

#promo{
width:592px;
height:257px;
float: left;
position:relative;
left:0;
z-index:5;
bottom:3px;
}

#anim{
width:640px;
height:450px;
float: left;
position: relative;
left:0;
margin:0;
padding:0;
background:#330033;
}
#encartesalida{
width:642px;
height:54px;
float: left;
position: relative;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color:#000033;
text-align:right;
margin:0;
padding:0;
background:url("../images/center/boxleft/encarte/encarte_bk.gif");
}

#botonesencart1{
float:left;
position:relative;
left:330px;
top:26px;
margin-left:18px;
}
#encartesalida a:link{
color:#000033;
}

#encartesalida a:hover, a:visited{
color:#000033;
}

#centerproductos{
width:592px;
height:268px;
float: left;
position:relative;
top:4px;
left:7px;
background: url("../images/center/boxproduc/fondo_boxproduc.gif") no-repeat;
/*background: url("../images/center/boxproduc/promocion.gif") no-repeat;*/
}

/*Muestra categorias*/
div.mcategorias{
width:591px;
float: left;
position:relative;
top:19px;
left:0;
background: url("../images/center/boxproduc/bk_productos.gif");
text-decoration:none;
}

div.mcategorias2{
width:125px;
float: left;
position:relative;
top:9px;
left:3px;
margin: 0 0 0 20px;
font: verdana;
color:#000;
font-size:10px;
}

div.mcategorias2 li, a:link{
list-style: none;
color: #0033FF;
text-decoration:none;
}

div.mcategorias2 li, a:visited{
list-style: none;
color: #0033FF;
text-decoration:none;
}

div.mcategorias2 li, a:hover{
color: #003366;
text-decoration: underline;
}


/*Web Ubicacion*/
#webubicacion{
width:583px;
height:78px;
float: left;
top:auto;
position:relative;
left:4px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
}

#webubicaciontop{
height:13px;
top:2px;
float: left;
position:relative;
left:2px;
color: #666666;
}

#webubicaciondown{
width:583px;
height:65px;
top:-6px;
float:left;
position:relative;
}

div.categ_title{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:21px;
color:#FFFFFF;
position:relative;
float:right;
right:20px;
top:20px;
}

/*Muestra noticias*/
div.notititle{
height:auto;
width:565px;
float:left;
position:relative;
left:20px;
top:20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
color:#2b3f59;
font-weight:bold;

}
div.notipreview{
height:auto;
width:555px;
float:left;
position:relative;
left:20px;
top:20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#000;
text-decoration:underline;
}

div.notipreview a{
color:#000;
text-decoration:underline;
}
div.notipreview a:visited{
color:#000;
text-decoration:underline;
}

div.notipreview a:hover{
color:#ccc;
text-decoration:underline;
}

div.notipreview2{
height:auto;
width:555px;
float:left;
position:relative;
left:20px;
top:20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#000;
text-align: justify;
}


div.registro{
height:auto;
width:555px;
float:left;
position:relative;
left:20px;
top:20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color: #666666;
text-align:left;
}
div.notiline{
width:579px;
height:13px;
float:left;
position:relative;
left:20px;
top:20px;
}

.arrosubi{
width:549px;
height:13px;
float:left;
position:relative;
left:20px;
top:20px;
text-align:right;
}

/*Muestra Productos*/
div.mproductos{
width:290px;
float: left;
position:relative;
top:0;
left:3px;
margin: 15px 0 2px 3px;
}

div.number{
color: #FF0000;
font-weight:bold;
}

div.mimage{
width:77px;
float: left;
position:relative;
top:1px;
left:4px;
vertical-align:top;
font: verdana;
color:#ff0000;
background: #EFEFEF;
border:0;
}

div.mtitle{
float: left;
width:195px;
position:relative;
top:3px;
left:8px;
font: verdana;
color:#000;
font-size:12px;
text-align:justify;
}

a.titlemuestra{
font: verdana;
color: #990000;
font-size:14px;
font-weight:bold;
text-decoration:none;
}

a.titlemuestra:visited{
font: verdana;
color: #1C2055;
font-size:14px;
font-weight:bold;
text-decoration:none;
}

a.titlemuestra:hover{
font: verdana;
color: #FF6600;
font-size:14px;
font-weight:bold;
text-decoration:none;
}

a.bodymuestra{
font: verdana;
color: #2B3F59;
font-size:14px;
text-decoration: none;
font-size:11px;
}
a.bodymuestra:visited{
font: verdana;
color: #2B3F59;
font-size:14px;
text-decoration: none;
font-size:11px;
}

a.bodymuestra:hover{
font: verdana;
color: #FF6600;
font-size:14px;
text-decoration:none;
font-size:11px;
}

/*Muestra Productos*/
div.pboxpfinal{
width:591px;
float: left;
position:relative;
top:19px;
left:0;
/*background: url("../images/center/boxproductos/bk_p_productos.gif");*/
}

div.pboxpfinal22{
width:591px;
height:375px;
float: left;
position:relative;
top:19px;
left:35px;
background: url("../images/center/boxproductos/bk_p_productos.gif");
}

div.pboxpfinal2{
width:591px;
float: left;
position:relative;
top:19px;
left:0;
background: url("../images/center/info/bk_info.gif");
}

div.boxpleft{
width:236px;
height:320px;
float: left;
position:relative;
top:8px;
left:7px;
}

div.boxpimage{
width:234px;
height:234px;
float: left;
position:relative;
top:8px;
left:1px;
background: #666;
}

div.boxpimage1{
width:53px;
height:53px;
float: left;
position:relative;
top:15px;
left:1px;
margin: 0 0 0 3px;
border:solid 1px #666666;
}

div.boxpright{
width:332px;
height:320px;
float: left;
position:relative;
top:8px;
left:12px;
}

div.titleproduc{
height:15px;
float: left;
position:relative;
top:3px;
left:15px;
font-family:verdana;
font-size:15px;
color:#030b4e;
font-weight:bold;
}

div.refproduc{
height:12px;
float: left;
position:relative;
top:6px;
left:15px;
font-family:verdana;
font-size:12px;
color:#ff6406;
font-weight:bold;
}

div.descproduc{
float: left;
position:relative;
top:30px;
left:15px;
font-family:verdana;
font-size:10px;
color:#030b4e;
}

div.espeproduc{
float: left;
position:relative;
top:45px;
left:15px;
font-family:verdana;
font-size:10px;
color:#030b4e;
}

div.exisproduc{
float: left;
height:59px;
position:relative;
top:65px;
left:15px;
font-family:verdana;
font-size:10px;
color:#030b4e;
}

div.exisproduc2{
float: left;
position:relative;
top:70px;
left:15px;
font-family:verdana;
font-size:10px;
color:#030b4e;
text-align:left;
}

#boxproduca{
width:137px;
height:225px;
float:left;
top:32px;
left:9px;
position:relative;
background:#CCCCCC;
margin:0;
padding:0;
background: url("../images/center/boxproduc/fondo_box.gif") no-repeat;
}

div.boximage{
width:121px;
height:132px;
float:left;
top:12px;
left:9px;
position:relative;
margin:0;
padding:0;
}

div.boxdescripcion{
width:129px;
height:30px;
float:left;
top:14px;
left:4px;
position:relative;
margin:0;
padding:0;
text-align:center;
}

div.boxcolor{
width:129px;
height:7px;
float:left;
top:20px;
left:4px;
position:relative;
background:#003333;
margin:0;
padding:0;
}

div.boxproducb{
width:137px;
height:225px;
float:left;
left: 12px;
top:32px;
margin:0;
padding:0;
position:relative;
background: #CCCCCC;
background: url("../images/center/boxproduc/fondo_box.gif") no-repeat;
}

div.boxproducc{
width:137px;
height:225px;
float:left;
top:32px;
left:15px;
position:relative;
background:  #CCCCCC;
background: url("../images/center/boxproduc/fondo_box.gif") no-repeat;
}

div.boxproducd{
width:137px;
height:225px;
float:left;
top:32px;
left:18px;
position:relative;
background:  #CCCCCC;
background: url("../images/center/boxproduc/fondo_box.gif") no-repeat;
}

/* Finaliza Centro */

#footer{
float: left;
position:relative;
padding:0;
width:797px;
height:41px;
text-align:center;
background: url("../images/footer/bk_footer.gif") no-repeat;
}


#linksb{
float:left;
position:relative;
left:30px;
width:737px;
border:dotted 1px;
border-color:#CCCCCC;
padding: 5px 5px 2px 0;
font-family:verdana;
font-size: 9px;
text-align:center;
color: #666666;
}

#linksb a:link{
color: #333366;
}

#linksb a:hover{
color: #6699CC;
}

#linksb a:visited{
color: #336699;
text-decoration:none;
}

/*Boton Ver mas*/
div.boton{
float: left;
position:relative;
padding:0;
width:71px;
height:20px;
top:40px;
left:35px;
}

.banners{
width:755px;
height:92px;
float:left;
position:relative;
top:15px;
left:16px;
}

.bannermiddle{
width:592px;
height:92px;
float:left;
position:relative;
top:15px;
left:3px;
}

#promo2{
width:240px;
height:90px;
float:left;
position:relative;
top:2px;
left:4px;
}
.promo3{
width:auto;
height:90px;
float:left;
position:relative;
top:2px;
left:23px;
}

.promo4{
width:auto;
height:90px;
float:left;
position:relative;
top:2px;
left:37px;
}

#promo5{
width:auto;
height:90px;
float:left;
position:relative;
top:2px;
left:1px;
}


#noticias{
width:772px;
height:181px;
float:left;
position:relative;
left:12px;
margin-top:3px;
}

div.boxnoticias{
width:254px;
height:181px;
margin:0 0 0 3px;
float:left;
position:relative;
top:12px;
left:12px;
background: url("../images/center/noticias/box_bk.gif") no-repeat;
}
div.titulonoticias{
width:220px;
height:15px;
float:left;
position:relative;
top:11px;
left:28px;
font:Verdana;
font-size:12px;
font-weight:bold;
color: #1e2e43;
}
div.textonoticias{
width:228px;
height:127px;
float:left;
position:relative;
top:20px;
left:12px;
text-align:left;
}
div.textonoticias a:link{
color:#000;
text-decoration: none;
}
div.textonoticias a:visited{
color: #000;
text-decoration:none;
}
div.textonoticias a:hover{
color: #666;
text-decoration: underline;
}
div.h3titulo{
width: 235px;
height:auto;
color:#ff5a00;
font:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
}
/* Separar */
.break {
clear:both;
}

/* Colapse */
.root{
cursor: hand;
cursor: pointer;
color:#2b3f59;
}

.opencategory{
color: #EE3B33;
font-weight:bold; 
}

.closedcategory{ 
color:#2b3f59;
}

.mouseover{
color:#fff;
}

div.category ul{
list-style-type:none;
list-style-image:url("../images/center/boxleft/list_dot.gif");
margin-left:27px;
margin-top:3px;
margin-bottom:3px;
}

/*Campo*/
.campo{
background:url("../images/top/menu/m_campo.gif") no-repeat;
width:89px;
height:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
float:left;
border:none;
position:relative;
left:129px;
top:-15px;
*top:-18px;
color: #006699;
}

.buscar{
width:58px;
height:15px;
	top:-16px;
	left: 133px;
*top:-20px;
/*/left: 131px;*/
float:left;
	position:relative;
	background-image: url("../images/top/menu/m_buscar.gif");
	border:0;
}

.buscar:hover{
width:58px;
height:15px;
	top:-16px;
	left: 133px;
	/*/top:-35px;*/
/*//left: 131px;*/
float:left;
	position:relative;
	background-image: url("../images/top/menu/m_buscar2.gif");
	border:0;
}


.moreimage{
width:71px;
height:20px;
float:left;
	position:relative;
	background-image: url("../images/center/boxproduc/b_vermas.gif");
	border:0;
}

.moreimage:hover{
width:71px;
height:20px;
float:left;
	position:relative;
	background-image: url("../images/center/boxproduc/b_vermas2.gif");
	border:0;
}


/*Formularios*/

/*##########################################
Name: Default styling for Niceforms v.1.0
Author: Lucian Slatineanu
URL: http://www.badboy.ro/
##########################################*/

/*General styles - NOT really related to the forms*/

img {border:0;}

/*Forms defaults - change as needed*/
input, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#404040;
}
label {
	color:#999;
	cursor:pointer;
	padding-left:2px;
	line-height:16px;
}
label.chosen {color:#333;}

/*Transparent items*/
.outtaHere {
	position:absolute;
	left:-3000px;
}

/*Radio buttons*/
.radioArea, .radioAreaChecked {
	display:block;
	float:left;
	clear:left;
	width:15px;
	height:14px;
	font-size:0;
	cursor:pointer;
}
.radioArea {background:url(../images/radio.gif) no-repeat left top;}
.radioAreaChecked {background:url(../images/radio.gif) no-repeat left bottom;}

/*Checkboxes*/
.checkboxArea, .checkboxAreaChecked {
	display:block;
	float:left;
	clear:left;
	width:13px;
	height:13px;
	font-size:0;
	padding:0;
	margin:0;
	cursor:pointer;
}
.checkboxArea {background:url("../images/checkbox.gif") no-repeat left top;}
.checkboxAreaChecked {background:url("../images/checkbox.gif") no-repeat left bottom;}
.focused {border:1px dotted #ddd;}

/*Text inputs*/
.textinput, .textinputHovered {
	height:15px;
	background:url("../images/input_bg.gif") repeat-x left top;
	border:none;
	padding:4px 0;
	vertical-align:middle;
}
.textinputHovered {background-position:left bottom;}
.inputCorner {
	padding-bottom:0;
	vertical-align:middle;
}

/*Text areas*/
.txtarea .tr, .txtarea .tr_xon {background:url("images/txtarea_tr.gif") no-repeat top right;}
.txtarea .tr_xon {background:url("images/txtarea_tr_xon.gif") no-repeat top right;}
.txtarea img.txt_corner {
	width:5px;
	height:5px;
	display:block;
}
.txtarea .br, .txtarea .br_xon {background:url("../images/txtarea_br.gif") no-repeat top right;}
.txtarea .br_xon {background:url("../images/txtarea_br_xon.gif") no-repeat top right;}
.txtarea .cntr {background:url("../images/txtarea_cntr.gif") repeat-y right top;}
.txtarea .cntr_xon {background:url("../images/txtarea_cntr_xon.gif") repeat-y right top;}
.txtarea .cntr_l, .txtarea .cntr_l_xon {
	width:5px;
	background:url("../images/txtarea_l.gif") repeat-y left top;
	float:left;
}
.txtarea .cntr_l_xon {background:url("../images/txtarea_l_xon.gif") repeat-y left top;}
.txtarea textarea {
	border:0;
	background:none;
	padding:0;
	margin:5px;
}

/*Selects*/
.selectArea {
	width:200px;
	height:21px;
	background:url("../images/select_bg.gif") repeat-x left top;
}
.selectArea .left {
	width:8px;
	height:21px;
	float:left;
	background:url("../images/select_left.gif") no-repeat left top;
}
.selectArea .right {
	width:21px;
	height:21px;
	float:right;
	background:url("../images/select_right.gif") no-repeat left top;
}
.selectArea .right a {
	display:block;
	width:200px;
	height:21px;
	margin-left:-179px;
	position:absolute;
}
.selectArea .right i {display:none;}
.selectArea .center {
	width:160px;
	color:#FFF;
	padding-top:3px;
	overflow:hidden;
	white-space:nowrap;
}

/*Selects drop-down*/
.optionsDivInvisible, .optionsDivVisible {
	position:absolute;
	margin-top:-1px;
	margin-left:3px;
	width:172px;
	background:#6f7074;
	padding:2px;
	font-size:11px;
	z-index:20;
}
.optionsDivInvisible {display:none;}
.optionsDivVisible {display:block;}
.optionsDivVisible p {
	margin:0;
	padding:0;
}
.optionsDivVisible a {
	color:#F2F2F2;
	text-decoration:none;
	display:block;
	padding:1px 4px;
	border:1px solid #6f7074;
}
.optionsDivVisible a:hover {
	color:#FFF;
	background:#5F6062;
	border-color:#cfd0d6;
}

/*Button*/
.buttonSubmit, .buttonSubmitHovered {
	width:auto;
	height:26px;
	color:#FFF;
	font-weight:bold;
	padding:2px;
	background:url("../images/button_bg.gif") repeat-x left top;
	cursor:pointer;
	border:none;
}
.buttonSubmitHovered {background-position:left bottom;}
.buttonImg {vertical-align:bottom;}


#registro{
margin-right:0;
margin-left:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color:#999999;
width:796px;
text-align:center;
}