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

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

Descripción : 	css para ON music recordings

Creado 		:	6 de diciembre, 2007
Modificado	:	6 de diciembre, 2007

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


.stroke{border:1px solid red;}

#flashcontent{height: 270px; width: 480px;background: #000000;margin-top: 20px;}


body {
	background: #fff;
	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;
}



/*** tipografias ***/

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

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

h2 {
	color: #86817b;
	font-size: 110%;
}
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;
}


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: 110%;
	display: block;
}

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

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

#columna2 h3{margin: 13px 0 0 0;}

.it{font-style: italic;margin: 0;}





/*** layouts ***/



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



/** header **/ 

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


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


/** main **/

#col2 h1, #col3 h1{
display:block;
height: 25px;
width:100%;
background: #261d16;
}


#col1{ 
	width:170px;
	float:left;
	margin-right: 65px;
}

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

#col2{ 
	width:420px;
	float:left;
	margin-right: 65px;
	
}

#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: 590px;
	margin-right: 20px;
	float: left;
	background: url('../gfx/backs/dotted_separator.gif') no-repeat top right;
}

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


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

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



#main #dvds {
	width: 155px;
	margin-right: 20px;
	float: left;
	background: url('../gfx/backs/dotted_separator.gif') no-repeat top right;
}

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


#main #books {
	width: 120px;
	float: left;
}

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

/* desc */

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

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 {
	margin: 0;
	padding: 0;
	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;
}