/* Suecos the cooles shoes in Europe*/

html { height: 100%; }
* { /* global settings for every element on the site */
	margin: 0;
	padding: 0;
	}

body {margin: 0;padding:0;font-family: Arial, Helvetica, Verdana, sans-serif;color: #000000;font-size: 11px;background-color: #000000;line-height: 16px;}
.clear{clear:both;height:0px;}
.clearfix:after {display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
*+html .clearfix {height: 1%;}
.clearfix {display: block;}

/* estilo titulos y sub..*/		
.garcy	{color: #00a9e2;}
.dates{	font-size: 12px;color: #314257;}
h2{font-size: 21px;color: #FF008A; margin: 10px;}
a{text-decoration:none;color: #ffffff;}
a:hover {color: #2A2C2C;}
p{text-align: left;line-height: 16px;margin-bottom: 10px; background-color: #171717; color: #ffffff; padding: 3px;}
ul {list-style-type: none;}
img {border: 0; text-align: left;}
	
/* cabezera */		
#topo {position:relative; height: 30px; width: 100%;}
#menu ul {width:700px;height: 16px; margin: 28px auto 0 auto;padding:0; word-spacing: 2px;font-size: 12px; text-align: right;color: #FF008A;}
#menu li {display: inline; padding: 0 1em 0 1em;}  
#menu a{text-decoration:none; color: #3E3C38;}
#menu a:hover  {color: #ffffff;}

#player {width:700px;height: 20px;margin: 0 auto 30px auto;padding: 10px 0 5px 0; border-bottom: 1px solid #000000;}


/* CUERPO */
#garcynoise {height: 320px;width:440px;position: relative;margin: 0 auto;}
#bkg {height: 502px;width:899px;position: relative;margin: 0 auto;background-image: url(newimages/vinyl.gif);background-position: left;background-repeat: no-repeat;}
#main {height: 502px;width: 699px;position: relative;margin: 0 100px 0 100px;background-image: url(newimages/gb.jpg);}
#bot {height: 502px;width: 699px;position: relative;margin: 0 100px 0 100px;background-image: url(newimages/gbbb.jpg);}
#fotos {padding-top: 160px; padding-left: 10px; height: 342px;width: 689px;position: relative;margin: 0 100px 0 100px;background-image: url(newimages/gbbf.jpg);}
#bkg #left{ width: 255px; height: 390px; position:relative; float: left;margin: 0; padding: 10px; border-left: 1px solid #D7D7D9;}
#bkg #right{ width: 400px; height: 340px; position: relative; float: right; margin-top: 60px; padding: 5px;}
/* gallery */

#fotscroll{ height: 255px;width: 670px;overflow: auto;padding: 3px;border: 1px solid #000000;}
div.fotoss{height: 235px;width: 3600px; }
div.titlef{ height: 18px; width: 669px; padding: 2px 0 2px 10px; text-align: left; background-color: #000000; word-spacing: 4px; font-size: 12px; color: #FF008A;background-color: #000000;}


#discos { height: 70px; width: 350px; float: left; display: inline;padding: 1px; border-bottom: 1px solid #000000;}	
#discos img { float: left; margin-right: 5px;}
#discos ul {margin-top: 1px;}

#bkg ul {line-height: 18px; color: #ffffff;}
#bkg li { padding: 2px; margin-bottom: 1px;}

.music { width: auto; color: #FF008A; background-color: #000000;}
.house { width: auto; background-color: #000000;}
.techno{color:#8F768F;}
.track { background-color: #171717;}
.label { background-color: #2B2B2B;}
.cod { color:#737373; font-size: 9px;}

/* noticias */
div.titler{ height: 18px; width: 387px; padding: 2px 0 2px 10px; text-align: left; background-color: #000000; word-spacing: 4px; font-size: 12px; color: #FF008A;background-color: #000000;}
div.scroll{height: 320px; width: 375px; overflow: auto; padding: 10px; border: 1px solid #000000;}
		
/* footer */
#end {width: 700px;height: 50px;margin: 0 auto;position: relative; word-spacing: 2px;color: #FF008A;}
#end a {color: #ffffff;text-decoration: none;}
#end a:hover {color: #8D8D8D;}
#end p { width: 150px; float: right;margin-top: 5px; margin-right: 10px; position: relative;text-align: right; color: #3D3D3D;line-height: 12px; background-color: #000000;}
#end ul {float: left;margin-top: 5px;}
#end li {padding: 0 1em 0 1em;float: left;}
#end li.first { padding: 0 1em 0 0;float: left;}
#ende {width: 700px;height: 50px;margin: 0 auto;position: relative; word-spacing: 2px;text-align:center;}

/* welcome foot */
#wel {width: 500px;height: 30px;margin: 0 auto;position: relative; word-spacing: 2px;text-align: center;}
.wel{ position: relative;text-align: center; color: #3D3D3D;line-height: 12px; background-color: #ffffff;}
#wel a {color: #ffffff;text-decoration: none;}
#wel a:hover {color: #8D8D8D;}
#wel p { color: #3D3D3D;}
.low { font-size: 9px; color: #CBCBCD;}
	
/* Misc ------------------------------------------ */
.vinyl {float: left;}
.legs {float: right;}
.minilog {float: right;margin-top: 5px;}

/* formulario*/

input { border: 1px solid #000000; background-color: #3D3D3D;} 
textarea{ border: 1px solid #000000; background-color: #3D3D3D;}