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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0px;
	padding: 0px;
	border: 0px;
	outline: 0px;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a {

text-decoration: none;
color: #fff;

}

body {
	overflow: hidden;
	font-family: "Oxygen";
	font-weight:300;
	color: #f9f9f9;
}

#switcher {
	height: 60px;
	background: #176B8C;
	border-bottom: 6px solid #57b7df;
	z-index: 99999;
	padding-bottom:10px;
	position: fixed;
	width: 100%;
}
#theme_select {
	margin-top: 7px;
	margin-left: 72px;
	background: url(dropdown.png) no-repeat;
	width:320px;
	display: block;
	padding: 9px 8px;
	color: #f9f9f9;
	font-family: "Oxygen";
	font-size:12px;
    position: relative;
    z-index: 999;    
}

#theme_dropdown_list {
padding: 20px;

}

.center {
margin: auto;
width: 1024px;
padding-top: 2px;

}

.center ul li {
    display: inline;
    float: left;
    position: relative;
}

.center ul li ul {
	display: none;
	margin-left: 72px;
    position: absolute;
    width: 234px;
}

.center ul li ul li {
	background: #513f32;
	border-bottom: 1px solid #2f2218;
	border-top: 1px solid #674f3c;
	border-right: 1px solid #3E3127;
	border-left: 1px solid #3E3127;
	
	/* grey style (styles by flow) */
	background: #404040;
	border-bottom: 1px solid #222222;
	border-top: 1px solid #4f4f4f;
	border-right: 1px solid #222222;
	border-left: 1px solid #222222;
}

.center ul li ul li a {
	color: #D0C2BB;
	color: #c5c5c5;
    display: block;
    font-family: "Lucida Sans", Arial, sans-serif;
    font-size: 11px;
    min-width: 212px;
    padding: 7px 10px;
}

.center ul li ul li:first-child {
	border-top: 1px solid #3E3127;
	border-top: 1px solid #313131;
    box-shadow: 0 1px 0 #3E3127 inset;
    box-shadow: 0 1px 0 #313131 inset;
    margin-top: -1px;
}
.center ul li ul li:hover {
	/* border-top: 1px solid #3E3127; */
	border-top: 1px solid #9a9a9a;
    box-shadow: 0px 0px 3px #523d2d inset;
    box-shadow: 0px 0px 3px #4f4f4f inset;
	background-color: #715745;
	background-color: #717171;
	
	background-image: linear-gradient(bottom, rgb(100,100,100) 0%, rgb(122,122,122) 100%);
	background-image: -o-linear-gradient(bottom, rgb(100,100,100) 0%, rgb(122,122,122) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(100,100,100) 0%, rgb(122,122,122) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(100,100,100) 0%, rgb(122,122,122) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(100,100,100) 0%, rgb(122,122,122) 100%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(100,100,100)),
		color-stop(1, rgb(122,122,122))
	);
	box-shadow: none;
}
.center ul li ul li:hover .item-type { background-color: #999999; }
li.purchase {
    margin-left: 5px;
    padding-top: 5px!important; top: 0px;
}

li.purchase a {
padding-top: 5px!important; top: 0px;

}

li.video {
    margin-left: 5px;
    padding-top: 5px!important; top: 0px;

}

li.video a {
padding-top: 5px!important; top: 0px;
}

li.remove_frame {
margin-left:5px;
padding-top: 5px!important; top: 0px;
}
 

#iframe {

margin-top: 50px;

}

.thumb{
left: 290px;
position: absolute;
top: 10px;
padding: 20px;
position: absolute;
top: 10px;
background:#333;
display:none;

}

.shadow{
	display:none;
	position:relative;

}

@media only screen and (min-width: 999px) {
  
	.shadow{
		box-shadow:0 0 0 2500px rgba(0, 0, 0, 0.7);
	}  	
}


.thumb img{
border:5px solid #fff;
}

#theme_list ul li {
	position:relative;
}
.product-preview{
	position:absolute;
	left:230px;
	margin-left:6px;
	margin-top:6px;
	background:#222;
	padding:3px;
	display:none;
}
.product-preview img{
	display:block;
	opacity:0;
}

#theme_list ul li a:hover .product-preview{
	display:block;
}
#theme_list ul li a:hover .product-preview img{
	display:block;
	opacity:1;
}

.product-type {
	background:#ececec;
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.6) inset;
    color: #222222;
    font-size: 11px;
    opacity: 0.9;
    padding: 3px;
    position: absolute;
    right: 6px;
    text-transform: uppercase;
    top: 4px;
}
#theme_list ul li a:hover .product-type{
	opacity:1;
}



@media screen and (max-width: 960px){
	.center ul li.video, .center ul li.purchase, .center ul li.remove_frame {
			display:none;
		}
	.center{
		padding-left:10px;
	}
}

@media screen and (max-width: 525px){
	.center ul li:first-child{
		display:none;
	}
		
	#theme_select{
		margin-left:10px;
	}
}

#lista{
	background:#7A7A7A;
	height:510px;
	width:280px;
	overflow-y:scroll;
	overflow-x:hidden;
	position:static;
}

.nombre_theme{
	display:block;
	width:120px;
	float:left;
}

#theme_list ul li{
	position:static;
}

#lista li{
	display:block;
	float:none;
}

#cabecera{
	position:relative;
}

.product-type{
	position:static;
	width:120px;
	display:inline-block;
	text-align:center;
	font-size:10px;
}

.product-preview{
	position:absolute;
	left:345px;
	top:30px;
	z-index:999;
}