html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus {outline: 0}

body {
 font-family:Geneva, Arial, Helvetica, sans-serif; 
 font-size: 13px;
 background:url(../images/bg_header.jpg) no-repeat top center;
}

ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}

img {
    border: none;
} 


#wrapper { 
 margin: 0 auto;
 width: 956px;

}
#header {
 color: #333;
 width: 940px;
 padding:0px 5px;
 float: left;
 height: 91px;
}

	#header #logo{margin:10px 0px 0px 10px; }
	
#leftcolumn { 
 color: #333;
 margin: 0px 5px 5px 0px;
 width: 200px;
 padding-bottom:20px;
 float: left;
}

#content-home { 
 float: left;
 color: #333;
/* background: #F2F2E6;*/
 padding: 0px 4px;
 width: 736px;
 display: inline;
}

#content-home #banner01 { 
background-color:#FFF;
height:240px;
width:730px;
border-bottom:#0D0D0D 4px solid;
margin:0 0 0 4px; padding:0px;
overflow:hidden;
position:relative
}
#nav{
position:absolute;
width:70px;
z-index:999999999;
margin-left:660px;
margin-top:206px;
}
	#nav li {
	position:relative;
	float:left;
	width:35px;
	height:35px;
	overflow:hidden;
}
	#nav li a {
	position:absolute;
	/*
		There's a bug where IE won't re-render position changes unless an
		items display state changes, so we set inline here, which gets
		overridden by the absolute positioning anyways. Then we change
		it to block in the hover state
	*/
	display:inline;
	top:0;
	left:0;
	width:35px;
	height:70px;
	overflow:hidden;
	text-indent:-999em;
	text-decoration:none;
	outline:none;
	background:url(../images/ads-control.jpg) 0 0 no-repeat;
}

#nav a:active,
#nav a:focus,
#nav a:hover {
	display:block; /* see "#matrixDemo a" for explanation */
	top:-35px;
}	
	
 #prevAd {
	background-position:0px -70px!important;
}

#btn-next a {
	background-position:-0px 0px;
}
	
	
/* Style for Usual tabs */
#promos{
width:716px; 
height:400px;
clear:both;
margin:0 auto;

}
/* begin css tabs */

ul#tabnav { /* general settings */
text-align: left; /* set to left, right or center */
margin: 1em 0 0.5em 0; /* set margins as desired */
font: bold 11px Geneva, Arial, Helvetica, sans-serif; /* set font as desired */
border-bottom: 1px solid #CCCCCC; /* set border COLOR as desired */
list-style-type: none;
padding: 3px 10px 10px 0px; /* THIRD number must change with respect to padding-top (X) below */
}

ul#tabnav li { /* do not change */
display: inline;
}



body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3, body#tab4 li.tab4 { /* settings for selected tab */
border-bottom: 1px solid #fff; /* set border color to page background color */
background-color: #006600; /* set background color to match above border color */
}

body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a { /* settings for selected tab link */
background-color: #fff; /* set selected tab background color as desired */
color: #000; /* set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 4px; /* must change with respect to padding (X) above and below */
}

ul#tabnav li a { /* settings for all tab links */
padding: 10px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border-right: 1px solid #CCCCCC; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: #FFF; /* set unselected tab background color as desired */
color: #666; /* set unselected tab link color as desired */
margin-right: 0px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
}

ul#tabnav li a.selected {color:#FFF	; background:#1C1C1C  url(../images/bullet_star.gif) 4px 8px no-repeat; padding: 10px 10px 10px 24px}

ul#tabnav a:hover { 
color:#CCC;
background-color:#333333;
}

.item{margin-right:8px; width:220px; float:left; display:inline;  height:280px;}
	.item h1{text-align:center; font-size:12px; }
	.item h1 a{text-decoration:none; color:#333333}
	.item h1 a:hover{text-decoration:underline; color:#000000}
	.item #precio{ color:#333333; font-weight:bold; text-align:center; margin-top:6px}

/*Content Slider*/
    .single_news_container {
        display:none; /* IMPORTANT: hide all the news containers */
    }

    /*  BELLOW IS JUST STYLING, NOT REQUIRED FOR THIS TO WORK  */

    /* style the h3 (title) in the news container */
    .single_news_container h3 { padding:0px; margin:0px; margin-bottom:10px; }

    /* style the navigation div */
    #news_navigation{ font-size:15px; text-align:center; padding:5px; background:url(../images/bg_counter.jpg) bottom center no-repeat ; color:#666; clear:left; padding-bottom:20px;}

    /* style */
    #all_news_container { padding:4px; float:left; width:auto; margin-left:5px }

    /* if you want this app to have a specific width, just make a specific width for wrapper div */
    #content-wrapper { width:710px; height:auto; margin:0 auto}
		#tabsCopy{font-size:11px}
		#loading{display:none}
		#loading{width:140px; margin:0 auto}
		#loading img {position:relative; top:2px;}
		#loading span{ font-size:10px; padding-bottom:10px; color:#666666}


#content { 
 float: left;
 color: #333;
 border: 1px solid #ccc;
 background: #F2F2E6;
 margin: 0px 5px 5px 0px;
 padding: 10px;
 height: 350px;
 width: 497px;
 display: inline;
}
#rightcolumn { 
 color: #333;
 border: 1px solid #ccc;
 background: #E7DBD5;
 margin: 0px 0px 5px 0px;
 padding: 10px;
 width: 190px;
 float: left;
}
#footer { 
 width: 950px;
 clear: both;
 color: #333;
 text-align:right;
 font-size:10px
}

/*- Menu 2--------------------------- */
	
#menu2 {
	width: 200px;
	font-size:12px;
	background:url(../images/bg_menu.gif) bottom center no-repeat;
	padding-bottom:10px;
	}

#menu2 #menuTop{
	background:#1C1C1C  url(../images/bullet_topmenu.gif) 6px 11px no-repeat;
	color: #CCCCCC;
	display: block;
	padding: 10px 10px 10px 26px ;
	margin: 0 12px;
	border-bottom:#CCCCCC 1px double;
	text-transform:uppercase;
	font-weight:bold
	}
	
#menu2 li a {
	height:20px;
	text-decoration: none;
	}	
	
#menu2 li a:link, #menu2 li a:visited {
	color: #666666;
	display: block;
	background:  url(../images/bullet_menu.gif) 6px 1px no-repeat;
	padding: 4px 0 0 20px;
	margin: 0 12px;
	border-bottom:#F8F8F8 1px solid
	}
	
#menu2 li a:hover{
	color: #000000;
	background:#F8F8F8  url(../images/bullet_menu.gif) 6px -19px no-repeat;
	padding: 4px 0 0 20px;
	}
	
#menu2 li a.activo{
	color: #CCCCCC;
	background:#1C1C1C  url(../images/bullet_activo.gif) 6px 6px no-repeat;
	padding: 4px 0 0 20px;	
}



/*estilos area de listado*/
#banner-buscador{background:url(../images/subnav_bar.jpg) top left no-repeat; height:36px;}

#banner-buscador #opciones{color:#CCCCCC; font-size:11px; margin-left:10px; }
#banner-buscador #opciones span.copy{color:#FFF; width:80px; font-weight:bold; float:left; padding-top:10px}
#banner-buscador #opciones ul.filtros li {float: left; padding-top:5px}

#banner-buscador #opciones ul.filtros li a {
	float: left;
	text-decoration: none;
	color: #ccc;
	padding: 6px 15px 0 0;
	margin-right: 2px;
}

#banner-buscador #opciones ul.filtros li a span {
	float: left;
	padding-right: 15px;
	display: block;
	margin-top: -6px;
	height: 24px;
}

#banner-buscador #opciones ul.filtros li a:hover {
 	color: #FFFFFF;
	background: url(../images/subnav_bar_filtros.jpg) no-repeat top right;
}

#banner-buscador #opciones ul.filtros li a:hover span {
	background: url(../images/subnav_bar_filtros.jpg) no-repeat top left;
}

#banner-buscador #opciones ul.filtros li a.current {
	background: url(../images/subnav_bar_filtros.jpg) no-repeat top right;
 	color: #FFF;
}

#banner-buscador #opciones ul.filtros li a.current span {
	background: url(../images/subnav_bar_filtros.jpg) no-repeat top left;
}

#listado #paginador{ clear:left;  height:50px; padding-bottom:10px}
#listado #paginador ul#paginas{margin-left: 0;padding-left: 0;white-space: nowrap; margin-top:5px; font-family:"Trebuchet MS"}
#listado #paginador #paginas li{display: inline;list-style-type: none; padding:0px 2px}
#listado #paginador #paginas li#active a{background-color:#1C1C1C; color:#FFF; border:#1C1C1C 1px solid}
#listado #paginador #paginas a { padding: 3px 5px; font-size:11px }
#listado #paginador #paginas a:link, #paginas a:visited{color: #1C1C1C; text-decoration: none; border:#FFF 1px solid}
/*#listado #paginador #paginas a:hover{color: #fff;background-color: #369;text-decoration: none;}*/
#listado #paginador #paginas a:hover{color: #1C1C1C; background-color: #FFF; text-decoration: none; border:#CCC 1px solid}


#listado .boton_vermas a{background:url(../images/btn_vermas.jpg) no-repeat; width:124px; height:28px; margin:0 auto; display:block;
text-decoration:none; color:#CCC; padding-top:9px;
}
#listado .boton_vermas a:hover{background:url(../images/btn_vermas.jpg) 0px -37px no-repeat; color:#FFF;}


	.itemGallery{width:154px; overflow:hidden; float:left; height:290px; margin:5px; padding:5px; font-size:13px; position:relative; text-align:center}

	.itemGallery h1.titulo {color:#FF0000}
	.itemGallery h1 a{text-decoration:none; line-height:13px; color:#333333; font-size:12px;  font-weight:bold; text-align:center}
	.itemGallery .fotoG{margin-left:20px; margin-top:5px}
	.itemGallery .shadow{margin-top:5px}
	.itemitemGallery .precio{color:#003366; font-size:14px; font-weight:bold; margin:5px 0px 0px 0px; text-align:center}
	.itemGallery .infoArticulo{font-size:11px; color:#333333; line-height:16px;}	
	
/***************************/
/* Buscador */
#buscador{width:170px; float:left; padding-left:167px; position:relative; padding-top:3px}
#buscador #buscar_palabras{width:120px; background-color:#E9E9E9; border:#E9E9E9 1px solid;  height:14px; font-size:11px; margin-top:7px}
#buscador #btn_buscar{width:27px; position:absolute; top:4px; left:306px}	

#topeListado{width:518px; height:17px; padding:8px 5px 3px 10px; margin-top:7px}
#topeListado a{color:#666666; font-size:12px; text-decoration:none; margin-bottom:10px}
#topeListado a:hover{color:#1C1C1C; font-size:12px; text-decoration:underline}
#topeListado p{font-size: 12px;color: #666666;}
#topeListado #promotitulo{color:#003399; font-weight:bold}
#topeListado p span{color: #1C1C1C;font-weight:bold}
#topeListado p span#articulos{font-size: 11px;color:#999999; font-weight:normal}


/*Video*/
#youtubePlayer{border:#1C1C1C 5px solid; width:640px; height:360px; margin:0 auto; margin-bottom:20px}

#navcontainer { float:inherit; margin-left:34px}

#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: verdana, arial, Helvetica, sans-serif;
}

#navcontainer li { margin: 0 0 1px 0; float:left; display:inline; margin:4px}

#navcontainer a
{
display: block;
padding: 5px 10px;
width: 140px;
height:160px;
color: #1C1C1C;
background-color: #F5F5F5;
text-decoration: none;
font-size:11px;
text-align:center
}

#navcontainer li.currentvideo a
{
color: #fff;
background-color: #1C1C1C;
text-decoration: none;
}

#navcontainer a:hover
{
color: #000000;
background-color: #CCCCCC;
text-decoration: none;
}
	
#navcontainer ul li img {
    width: 120px;
    margin: 0 auto;
    border: 1px solid #999;
}

#tituloVideos h1{font-size:20px; margin-top:10px}
#migasPan{color:#999999; font-size:12px}
#migasPan a{color:#666666; text-decoration:none; font-weight:bold}
#migasPan a:hover{text-decoration:underline}
#migasPan span{color:#003366; font-weight:bold; background-color:#CCCCCC}