@charset "utf-8";
/* CSS Document */

#bot_gral{

width:780px;
height:45px;
position: absolute;
top: 0;
left: 70px;
z-index:2;
}

ul#topnav {
	margin: 0; 
	padding: 0 0 0 12px;
	width: 780px;
	height: 45px;
	list-style: none;
	position: relative; /*--Set relative positioning on the unordered list itself - not on the list item--*/
	background: url(topnav_stretch.gif) repeat-x;
	font-size: 13px;
	font-weight: normal;
	font-family: /*"trebuchet Ms"*/ Arial, Helvetica, sans-serif;
	background-image: url(../img/botonera/fondo_botonera.png);
	background-repeat: no-repeat;
	background-position: top left;
}

ul#topnav li {
	float: left;
	list-style: none;
}

ul#topnav li.sep_bot_gral {
	float: left;
	width:1px;
	height:32px;
	background: url(../img/botonera/separador_bot_general.png) no-repeat center center;
	margin-top: 2px;
}

ul#topnav li a {
	padding: 9px 12px;
	display: block;
	color: #f0f0f0;
	text-decoration: none;
	font-size: 13px;
	font-weight: normal;
}

ul#topnav li:hover {
	background-image: url(../img/botonera/bot_hover.png);
	background-position: center center;
	background-repeat: repeat-x;
}
/*--Notice the hover color is on the list item itself, not on the link. This is so it can stay highlighted even when hovering over the subnav--*/


/**** SUBMENU ****/


ul#topnav li span {
	position: absolute;
	z-index:0;
	left: 7px; 
	top: 33px;
	display: none; /*--Hide by default--*/
	width: 750px;
	height: 72px;
	color: #fff;
	background-image: url(../img/botonera/fondo_subbotonera.png);
	background-repeat: no-repeat;
	/*--Bottom right rounded corner--
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;*/
}

ul#topnav li:hover span { display: block;} /*--Show subnav on hover--*/

ul#topnav li span a { display: inline; float: left; margin-left:25px;}

ul#topnav li span a.netbook {
width: 50px;
background-image: url(../img/botonera/netbook.png);
background-position: left center;
background-repeat: no-repeat;
display: block;
color: #FFFFFF;
font-size: 11px;
padding: 18px 10px 28px 60px;
} 

ul#topnav li span a:hover.netbook {
text-decoration: underline;
background-image: url(../img/botonera/netbook_hover.png);
background-position: left center;
background-repeat: no-repeat;
display: block;
}

ul#topnav li span a:active.netbook {
text-decoration: underline;
background-image: url(../img/botonera/netbook_hover.png);
background-position: left center;
background-repeat: no-repeat;
display: block;
}

ul#topnav li span a.notebook {
width: 50px;
background-image: url(../img/botonera/notebook.png);
background-position: left center;
background-repeat: no-repeat;
display: block;
color: #FFFFFF;
font-size: 11px;
padding: 18px 10px 28px 60px;
} 

ul#topnav li span a:hover.notebook {
text-decoration: underline;
background-image: url(../img/botonera/notebook_hover.png);
background-position: left center;
background-repeat: no-repeat;
display: block;
}

ul#topnav li span a:active.notebook {
text-decoration: underline;
background-image: url(../img/botonera/notebook_hover.png);
background-position: left center;
background-repeat: no-repeat;
display: block;
}


ul#topnav li span a.monitor {
width: 50px;
background-image: url(../img/botonera/monitor.png);
background-position: left center;
background-repeat: no-repeat;
display: block;
color: #FFFFFF;
font-size: 11px;
padding: 18px 10px 28px 60px;
} 

ul#topnav li span a:hover.monitor {
text-decoration: underline;
background-image: url(../img/botonera/monitor_hover.png);
background-position: left center;
background-repeat: no-repeat;
display: block;
}

ul#topnav li span a:active.monitor {
text-decoration: underline;
background-image: url(../img/botonera/monitor_hover.png);
background-position: left center;
background-repeat: no-repeat;
display: block;
}



ul#topnav li span a.desktop {
width: 50px;
background-image: url(../img/botonera/desktop.png);
background-position: left center;
background-repeat: no-repeat;
display: block;
color: #FFFFFF;
font-size: 11px;
padding: 18px 10px 28px 60px;
} 

ul#topnav li span a:hover.desktop {
text-decoration: underline;
background-image: url(../img/botonera/desktop_hover.png);
background-position: left center;
background-repeat: no-repeat;
display: block;
}

ul#topnav li span a:active.desktop{
text-decoration: underline;
background-image: url(../img/botonera/desktop_hover.png);
background-position: left center;
background-repeat: no-repeat;
display: block;
}

ul#topnav li span a.accesorios {
width: 50px;
background-image: url(../img/botonera/accesorios.png);
background-position: left center;
background-repeat: no-repeat;
display: block;
color: #FFFFFF;
font-size: 11px;
padding: 18px 10px 28px 60px;
} 

ul#topnav li span a:hover.accesorios {
text-decoration: underline;
background-image: url(../img/botonera/accesorios_hover.png);
background-position: left center;
background-repeat: no-repeat;
display: block;
}

ul#topnav li span a:active.accesorios{
text-decoration: underline;
background-image: url(../img/botonera/accesorios_hover.png);
background-position: left center;
background-repeat: no-repeat;
display: block;
}


/******* SUBMENU2 ********/
ul#topnav li span.soporte {
	margin:0;
	padding: 0;
	position: absolute;
	z-index:0;
	left: 125px; 
	top: 33px;
	display: none; /*--Hide by default--*/
	width: 540px;
	height: 72px;
	color: #fff;
	background-image: url(../img/botonera/fondo_soporte.png);
	background-repeat: no-repeat;
	/*--Bottom right rounded corner--
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;*/
}

ul#topnav li:hover span.soporte { display: block;} /*--Show subnav on hover--*/

ul#topnav li span.soporte a { color:#FFFFFF; padding:24px 22px; font-size: 12px; margin:0; display: inline; float: left; text-decoration: none; /*margin-left:25px;*/}
ul#topnav li span.soporte a:hover { color:#FFF; text-decoration: underline;}


.sep_soporte{
width:2px;
height: 72px;
background: url(../img/botonera/separador_botonera.png) no-repeat center center;
float: left;
}



/**** BUSCADOR ****/

#buscador{
width: 200px;
height: 25px;
position: absolute;
right: 30px;
top: 6px;
z-index: 100;
}

#buscar{
width:165px;
height: 25px;
float: left;
background: url(../img/botonera/buscador/buscar.png) no-repeat left center;
}

#buscar input#search{
width: 120px;
height: 11px;
padding: 5px 0 9px 0;
margin-left: 25px;
color: #666666;
font-size: 11px;
background-color: transparent;
border: none;
}

#buscar input:focus#search{
border: none;
}

#bot_buscar{
width: 35px;
height: 25px;
float: left;
}

#bot_buscar a{
width: 35px;
height: 25px;
display: block;
background: url(../img/botonera/buscador/buscador.png) no-repeat center center;
}

#bot_buscar a:hover, #bot_buscar a:active{
width: 35px;
height: 25px;
background: url(../img/botonera/buscador/buscador_hover.png) no-repeat center center;
}