/* - - - - - - - - - - - - - - - - - - - - -

T’tulo		: 	ON music recordings
Autor		: 	Alvaro Talavera
URL 		: 	

Descripci—n : 	css para ON music recordings

Creado 		:	6 de diciembre, 2007
Modificado	:	12 de febrero, 2010

- - - - - - - - - - - - - - - - - - - - - */


.stroke{border:1px solid red;}



body {
	background: #0d0906;
	margin: 0px;
	font-size: small;
	}
* 	html body { 
	font-size: x-small; /* para IE5/WIN */
	f\ont-size: small; /*for other IE versions*/
}
body,td,th {
	font-family: "Trebuchet MS", Arial, sans-serif;
	color: #fff;
}

img{border: none;}



/*** tipografias ***/

h1, h2, h3, p, ul {
	margin: 0;
	padding: 0;
	line-height: 16px;
}

#columna2 h3{margin-bottom: 0px;}

h1 {
	color: #fff;
	font-size: 115%;
	margin-bottom: 15px;
}

h2 {
	color: #86817b;
	font-size: 90%;
}
h4 {
	color: #86817b;
	font-size: 115%;
	margin-bottom: 15px;
}
#inner h2 {
	color: #fff;
}

small {
 /*	color: #4c4133;  */
 	color: #816D56;
	font-size: 75%;
	display: block;
	margin-bottom: 5px;
}

.barbosa {
 width:120px;
 height:30px;
}


a {
	color: #86817b;
	text-decoration: none;
}

a:hover {
	color: #fff;
	text-decoration: underline;
}

h1 a:hover, h2 a:hover {
	color: #fff;
	text-decoration: none;
}

a.price {
	background: url('../gfx/icos/basket.gif') no-repeat;
	padding-left: 20px;
	font-size: 90%;
	display: block;
}

a.price span {
	font-size: 70%;
}

a.price:hover {
	background: url('../gfx/icos/basket_active.gif') no-repeat;
	color: #fff;
	text-decoration: none;
}

.it{font-family:Arial; font-style: italic;}



#promo h2{font-size: 120%; color:#c26c33; font-weight: 100; margin-bottom: 10px;}
#promo p, #promo a{color: #e6e5e5; line-height: 150%;}
#slideshow h1{font-size: 160%; font-weight: 100;margin: 5px 0 5px 0;line-height: 100%;}
#slideshow p{color:#b8a68f;line-height: 150%; margin-bottom: 7px;}
#slideshow a{color: #fff;}
#slidewho h1 a:hover{text-decoration: underline;}


/*** layouts ***/



.wrapper {
	width: 905px;
	margin: 0 auto 0 auto;
	padding: 40px;
}

.wrap{height: auto; width: 940px; margin: 30px auto;}

#slideshow{height: 330px; width: 940px;margin-bottom: 40px; border-bottom: 1px solid #9c9b9b; border-top: 1px solid #9c9b9b;background-image: url(../gfx/tile-slideshow.gif);position: relative;}
#promo{width:940px; height: auto;}
#box1{width: 390px; height: auto;float: left; margin-right: 30px;}
#box2{width: 220px; height: auto;float: left; margin-right: 30px;}
#box3{width: 270px; height: auto;float: left;}
.clear{clear: both;}
#video{width:270px; height:auto; border: 1px solid #9c9b9b;margin-top: 20px;}

#promo li{text-decoration: none; list-style: none;}
#box1 img{margin-right: 20px;}

.cover{width: 265px;height: 265px;margin: 33px 40px 0 60px;float: left; position: relative;-moz-box-shadow: 3px 3px 3px #1c1612;-webkit-box-shadow: 3px 3px 3px #1c1612;box-shadow: 3px 3px 3px #1c1612;}

.cover-dvd{width: 209px;height: 265px;margin: 33px 40px 0 60px;float: left; position: relative;-moz-box-shadow: 3px 3px 3px #1c1612;-webkit-box-shadow: 3px 3px 3px #1c1612;box-shadow: 3px 3px 3px #1c1612;}

.cover-sheet{width: 181px;height: 265px;margin: 33px 40px 0 60px;float: left; position: relative;-moz-box-shadow: 3px 3px 3px #1c1612;-webkit-box-shadow: 3px 3px 3px #1c1612;box-shadow: 3px 3px 3px #1c1612;}


.item-desc{width: 400px; height: auto; margin-top: 30px;float: left;}
.new{position: absolute;top:-2px; left: -2px;}

/** header **/ 

#header {
	/*background: #9e3f08 url('../gfx/backs/head_back_wood.jpg') repeat-x;*/
	background-color: #0d0906;
	height: 100px;
	text-align: center;	
}


#header2 {
	background: #000000;
	height: 100px;
	text-align: center;	
}


/** main **/

#col2 .title1{
display:block;
height: 17px;
width:585px;
background: #261d16;
padding:5px 0 5px 5px;
margin-bottom:15px;
}

#col2 .title2{
display:block;
height: 17px;
width:270px;
background: #261d16;
padding:5px 0 5px 5px;
margin-bottom:15px;
}

#col2 .title{
display:block;
height: 17px;
width:120px;
background: #261d16;
padding:5px 0 5px 5px;
margin-bottom:15px;
}

#col2 .title3{
display:block;
height: 17px;
width:120px;
background: #261d16;
padding:5px 0 5px 5px;
margin-bottom:15px;
}


.title span, .title1 span, .title2 span{
font-size:x-small;
}

#col1{ 
	width:185px;
	float:left;
	margin-right: 60px;
}

#col1 img{ margin-bottom: 30px;}

#col1 p{font-size: 90%;}

#col1 .title{margin: 12px 0 7px 0;}

#col2{ 
	width:650px;
	float:left;
	
}

#col3{ 
	width:150px;
	float:left;
}

#main {
	/*background: #000 url('../gfx/backs/main_back.gif') repeat-x;*/
	}

.item img, .item-active img {
	position: relative;
}

.item a.thumb, .item-active a.thumb {
	height: 227px;
	display: block;
}

#main #albums {
	width: 600px;
	height:300px;
	float: left;

}

#albums .item, #albums .item-active {
	position: relative;
	width: 125px;
	float: left;
	margin-right: 20px;
	
}


#main #discovery {
	width: 305px;
	float: left;
	margin-top:20px;
}

#discovery .item, #discovery .item-active {
	position: relative;
	width: 125px;
	float: left;
	margin-right: 20px;
	
}

.release{margin-bottom: 7px;}



#main #dvds, #main #books {
	width: 125px;
	float: left;
	margin:20px 25px 0 0;
}

#dvds .item, #dvds .item-active {
	position: relative;
	margin-bottom:10px;
}



#books .item, #books .item-active {
	position: relative;
}

/* desc */

div.desc {
	position: relative;
	margin-top: -80px;
}

div.item-active .desc, div.item-active .desc h2 {
	color: #fff;
}


div.item-active a.price {
	color: #fff;
	background: url('../gfx/icos/basket_active.gif') no-repeat;
}

#albums div.desc {
	width: 175px;
}

#dvd div.desc {
	width: 155px;
}

#books div.desc {
	width: 120px;
}



/** interna **/
#inner {
	padding-bottom: 30px;
}

#inner h1 a {
	background: url('../gfx/icos/previous_arrow.gif') no-repeat;
	padding-left: 25px;
	display: block;
}

#inner input {
	color: #fff;
	background-color: transparent;
	border: none;
	border-bottom: 1px dashed #fff;
}


#inner input.btn {
	color: #fff;
	background-color: transparent;
	border: none;
	border-bottom: 2px solid #251e16;
	font-size: 110%;
}

#inner input.btn:hover {
	border-bottom: 2px solid #fff;
}


#inner #columna1 {
	width: 410px;
	float: left;
}

#inner #columna1 p {
	clear: both;
	width: 265px;
}

#inner #columna1 img {
	float: left;
	position: relative;
	z-index: 100;
}

#disc {
	width: 145px;
	float: left;
	position: relative;
	z-index: 5;
	left: -145px;
}

#inner #columna2 {
	width: 495px;
	float: left;
}

#inner #columna2 p {
	padding-top: 20px;
}

#columna2 ul {
	list-style: none;
}

#columna2 ul li {
	line-height: 23px;
	padding: 0 0 0 10px;
}

#columna2 li a {
	background: url('../gfx/icos/corchea.gif') no-repeat right 50%;
	display: block;	
	color: #fff;
}

#columna2 li.color1 {
	background-color: #0c0803;
}

#columna2 li.color2 {
	background-color: #211d18;
}


/** cart **/

.buying_item, .buying_item-colorized {
	float: left;
	width: 885px;
	padding: 20px;
	margin-bottom: 20px;
}

.buying_item-colorized { 
	background-color: #251e16;
}

#shopping_cart h2.price {
	font-size: 180%;
	margin-bottom: 10px;
}

#shopping_cart img {
	float: left;
	margin-right: 20px;
}

#shopping_cart .info {
	float: left;
	width: 585px;
}

#shopping_cart .details {
	width: 180px;
	float: right;
	text-align: right;
}

#shopping_cart .sub-total {
	padding: 10px 0 0 0;
}



#basquet {
	clear: both;
	width: 905px;
	border-top: 1px solid #fff;
	font-size: 150%;
	padding-top: 10px;
	text-align: right;
}

#submit {
	clear: both;
	padding-top: 10px;
}

#shopping_cart .remove-cart {
	position: absolute;
	margin: -35px 0 0 190px;
}


/** footer **/

#footer {
	background: #fff url('../gfx/backs/footer_back.gif') repeat-x;
	height: 102px;
}

#footer a {
	color: #2e2315;
	font-size: 110%;
}

#footer #cart {
	background: url('../gfx/icos/basket_status.gif') no-repeat;
	padding-left: 20px;	
	display: block;	
	float: left;
}

#footer #info {
	float: right
}



/* reproductor */

#player {
	padding-top: 20px;
}

#message{
	color: #816D56;
	font-size: 12px;
	display: block;
}

#message  a{
	color: #86817b;
	font-size: 14px;
}

#message  a:hover {
	color: #fff;
	font-size: 14px;
}

.leftM{margin-left: 30px;}