@charset "utf-8";

/* CSS Document */


body {
	background: #F1F0F0 url(../img/fnd-pagina.png) repeat-x;
	/*background: #F1F0F0 url(../img/fnd-paginaNAVID.jpg) repeat-x;*/
}
body,
td,
th {
	font: 0.8em "Trebuchet MS", Arial, Helvetica, sans-serif;
}
td,
th {
	font: 1em;
}



#envoltura {
	width: 909px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	clear: both;
}



#cabezote {
	background-image: url(../img/cabezote.jpg);
	height: 155px;
	background-repeat: no-repeat;
	text-indent: -5000px;
	z-index: 1;
	background-position: 23px 0px;
}

#home #navegacion .home,
#products #navegacion .products,
#bundles #navegacion .bundles,
#make #navegacion .make,
#news #navegacion .news,
#brands #navegacion .brands,
#custtestim #navegacion .custtestim,
#support #navegacion .support {
	background: url(../img/btn-activo.png);
	font-size: 0.8em;
}

#navegacion {
	height: 40px;
	margin-top: 3px;
}

#navegacion li {
	display: inline;
}

#navegacion a.principal {
	background-image: url(../img/btn-navegacion2.png);
	display: block;
	height: 21px;
	width: 76px;
	float: left;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	text-align: center;
	padding-top: 14px;
	text-transform: uppercase;
}

#navegacion a:hover {
	background-position: 0 -40px;
}

#navProductos {
	float: right;
}

#navProductos a.productos {
	background-image:url(../img/btn-productsv2.png);
	width: 200px;
	text-indent: -5000px;
	display: block;
	height: 40px;
	margin-top:-5px;
	/*padding-top: 14px;*/
}

#navProductos div {
	position: absolute;
	top: 192px;
	right: -5px;
	z-index: 1000;
	display: none;
	overflow: auto;
	height: 400px;
	width: 230px;
	background: #EDEDED;
	border: 10px solid #B95200;
	border-radius:5px;
	font-size: 1.1em;
}

#navProductos:hover div {
	display: block;
}

#navProductos2 h3 {
	text-transform: uppercase;
	background-color: #B2B2B2;
	margin-top: 0px;
	padding-left: 5px;
	padding-right: 5px;
	color: #303030;
	clear: both;
	padding-bottom: 5px;
	font-size: 0.8em;
}

#navProductos2 p {
	clear: both;
	font-weight: normal;
}

#navProductos2 p a {
	background-image: none;
	display: block;
	margin: 0px;
	text-indent: 0;
	line-height: 1.3em;
	text-align: left;
	clear: both;
	padding: 5px 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B2B2B2;
	font-weight: normal;
	color: #303030;
	height: auto;
	font-size: 0.7em;
	text-decoration: none;
}

#navProductos2 p a:hover {
	background-color: #C6C5C5;
	width: auto;
}

#navegacionAdicional {
	position: absolute;
	z-index: 5;
	/*	top: 121px;
	right: 270px;*/
	top:28px;
	right:20px;
}

#navegacionAdicional li {
	display: inline;
}

#navegacionAdicional a {
	display: block;
	/*height: 14px;
	width: 14px;
	margin-left: 10px;
	margin-top: 2px;
	*/
	height:32px;
	width:32px;
	margin-left:5px;
	float: left;
	text-indent: -5000px;
	background-repeat: no-repeat;
	opacity:0.8;

}

#navegacionAdicional a:hover {
	/*background-position: 0 -14px;*/
	opacity:1.0;
}

#navegacionAdicional #btnContact {
	/*background-image: url(../img/btn-correo.png);*/
	background-image: url(/img/icoMail.png);
}

#navegacionAdicional #btnXiglaTV {
	background-image: url(../img/btn-xigla-tv.png);
}

#navegacionAdicional #btnTwitter {
	/*background-image: url(../img/btn-twitter.png);*/
	background-image: url(../img/icoTwitter.png);
}

#navegacionAdicional #btnFB {
	/*background-image: url(../img/btn-twitter.png);*/
	background-image: url(../img/icoFB.png);
}

#navegacionAdicional #btnRSS {
	/*background-image: url(../img/btn-rss.png);*/
	background-image: url(../img/icoRss.png);
}

#navegacionAdicional #btnBookmark {
	background-image: url(../img/btn-bookmark.png);
	width: 83px;
	height: 16px;
	margin-top: 0px;
}

#navegacionAdicional #btnBookmark:hover {
	background-position: 0 -16px;
}

#navegacionAdicional #btnMyCart {
	/*background-image: url(../img/btn-MyCart.png);
	width: 83px;
	height: 16px;*/
	width:96px;
	background-image: url(../img/icoCart.png);
}

#navegacionAdicional #btnMyCart:hover {
	/*background-position: 0 -16px;*/
}

#busqueda {
	position: absolute;
	top: 112px;
	height: 36px;
	z-index: 10;
	left: 641px;
}

#busqueda #cpBuscar {
	width: 234px;
	height: 28px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1em;
	background-image: url(../img/fnd-buscar.png);
	background-repeat: no-repeat;
	padding-top: 7px;
	padding-left: 12px;
	border: none;
}

#busqueda #cpBuscar:focus {
	background-position: 0 -36px;
}

#busqueda #btnBuscar {
	height: 36px;
	width: 34px;
	position: absolute;
	z-index: 1;
	text-indent: -5000px;
	left: 234px;
	top: 0px;
	background: url(../img/btn-buscar.jpg);
	border: none;
}

#busqueda #btnBuscar:hover {
	background-position: 0 -36px;
	cursor: pointer;
}

#bannerPrincipal a {
	text-align: center;
}

#remate {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0px;
}

#pie {
	background: #333 url(../img/fnd-pie.png) repeat-x;
	height: 90px;
	overflow: hidden;
	left: 0px;
	color: #FFF;
	font-size: 0.85em;
	font-weight: bold;
	clear: both;
	position: relative;
}

#pie ul {
	position: relative;
	z-index: 2;
}

#pie li {
	display: inline;
}

#pie #brand {
	top: 20px;
	text-align: right;
	right: 50%;
	padding-right: 80px;
}

#pie #policy {
	left: 50%;
	top: 1px;
	padding-left: 80px;
	width: 40%;
}

#pie #copy {
	background: url(../img/fnd-enlaces-abajo.png) no-repeat center 0px;
	position: absolute;
	z-index: 1;
	font-size: 0.9em;
	text-align: center;
	line-height: 1.2em;
	width: 500px;
	left: 50%;
	margin-left: -250px;
	top: 0px;
	height: 33px;
	padding-top: 57px;
}

#pie a {
	color: #FFF;
	text-decoration: none;
}

#pie a:hover {
	text-decoration: underline;
}

#pie #copy a {
	color: #C9C9C9;
}

#pie #copy a:hover {
	color: #FFF;
}


/* SHAREIT SEO */



#marginit {
position:relative;
width:480px;
}





/* style the outer div to give it width */
.menu1 {
width:150px;
font-size:11px;
margin:5px 0 0 5px;
font-weight:bold;
}

*html .menu1 {
margin:0 0 0 5px;
padding-top:10px;
}

*+ html .menu1
{
margin-top:10px;
}

/* remove all the bullets, borders and padding from the default list styling */
.menu1 ul 
{
padding:0;
margin:0;
list-style-type:none;
}

.menu1 ul ul
{
width:150px;
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu1 li
{
float:left;
width:150px;
position:relative;
}

/* style the links for the top level */
.menu1 a, .menu1 a:visited
{
display:block;
font-size:11px;
text-decoration:none; 
color:#fff; 
width:139px; 
border:none;
background:transparent; 
padding-left:2px; 
text-align:left;
}

/* a hack so that IE5.5 faulty box model is corrected */
* html .menu1 a, * html .menu1 a:visited
{
width:150px;
w\idth:139px;
}

/* style the second level background */
.menu1 ul ul a.drop, .menu1 ul ul a.drop:visited
{
background:#999998;
}

/* style the second level hover */
.menu1 ul ul a.drop:hover
{
background:#666667;
}

.menu1 ul ul :hover > a
{
background:#666665;
}

/* style the third level background */
.menu1 ul ul ul a, .menu1 ul ul ul a:visited
{
background:#999997;
}

/* style the third level hover */
.menu1 ul ul ul a:hover
{
background:#666664;
}

.menu1 ul ul ul :hover > a
{
background:#666667;
}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu1 table {border-collapse:collapse; border:0; position:absolute; left:0; bottom:-1px;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu1 ul ul
{
visibility:hidden;
position:absolute;
bottom:14px;
left:0; 
width:150px;
}

* html .menu1 ul ul
{
bottom:13px;
}

/* position the third level flyout menu */
.menu1 ul ul ul
{
left:-150px; 
bottom:0;
width:150px;
}

/* position the third level flyout menu for a left flyout */
.menu1 ul ul ul.left
{
left:-150px;
}


/* style the second level links */
.menu1 ul ul a, .menu1 ul ul a:visited
{
border:1px solid #999;
background:#999; 
color:#000; 
height:auto; 
padding:2px 10px; 
width:129px
/* yet another hack for IE5.5 */
}

* html .menu1 ul ul a
{
font-size:11px;
width:150px;
w\idth:129px;
}


/* style the top level hover */
.menu1 a:hover, .menu1 ul ul a:hover
{
color:#fff;
font-size:11px;
background:#666666;
}

.menu1 :hover > a, .menu1 ul ul :hover > a
{
color:#000;
font-size:11px;
background:#666;
}

/* make the second level visible when hover on first level list OR link */
.menu1 ul :hover ul
{
visibility:visible;
height:auto;
}

/* keep the third level hidden when you hover on first level list OR link */
.menu1 ul :hover ul ul
{
display:none;
}

/* keep the fourth level hidden when you hover on second level list OR link */
.menu1 ul :hover ul :hover ul ul
{
display:none;
}

/* make the third level visible when you hover over second level list OR link */
.menu1 ul :hover ul :hover ul
{ 
display:block;
bottom:0;
}

/* make the fourth level visible when you hover over third level list OR link */
.menu1 ul :hover ul :hover ul :hover ul
{ 
display:block;
bottom:0;
}

#submenu
{
	position:absolute;
	width:200px;
	margin-top:-75px;
	left:50%;
	margin-left:-85px;
	z-index:1000;
}

* html #submenu
{
	margin-top:-80px;
	margin-left:-83px;
}

*+ html #submenu
{
	margin-top:-80px
}