body {
	margin:0;
	padding:0;
	background:#333;
	font:11px Arial, Helvetica, sans-serif;
	color:#777;
}
p.links {
	margin:0 13px 20px 0;
	width:140px;
	float:left;
}
h3 {
	border-left:3px solid #990000;
	text-transform:uppercase;
	font-size:11px;
	background-color:#111;
	text-indent:3px;
	color:#CCC;
	padding:2px 0 2px 0;
	font-weight:normal;
}
code {
	font-size:11px;
	color:#999;
}
a {
	color:#FFF;
	text-decoration:none;
}
a:hover {
	color:#CC0000;
}
h2 {
	margin:20px 0 30px 0;
	color:#FFF;
	text-transform:uppercase;
	font-size:9px;
	font-weight:normal;
}

table   { border-collapse: collapse; }


#container {
	margin:0 auto 0 auto;
	padding:0;
	width:920px;
	background:url(../images/bg.gif) no-repeat;
}
.orange {
	color:#FF3300;
}
.red {
	color:#CC0000;
}
.grey {
	color:#333;
}
.logo {
	margin: 80px 0 0px 128px;
}

/* ............................................. Menu ... */
.invisible {
	visibility:hidden;
}


#menu {
	margin:-60px -90px 0px 0px;
	padding:0;
	width:600px;
	height:120px;
	float:right;
	overflow:hidden;
}
	
#menu ul {

	width:350px;
	height:30px;
	list-style-type:none;
	z-index:1000;
}
#menu li {
	float:left;
}
#menu li a {
	text-decoration:none;
}

#menu li.casa a {
	margin:0;
	padding:0;
	width:90px;
	height:30px;
	background:url(../images/casa.gif) no-repeat;
	display:block;
}
#menu li.casa a:hover {
	background:url(../images/casa.gif) 0 -30px no-repeat;
}
#menu li.elbar a {
	margin:0;
	padding:0;
	width:80px;
	height:30px;
	background:url(../images/elbar.gif) no-repeat;
	display:block;
}
#menu li.elbar a:hover {
	background:url(../images/elbar.gif) 0 -30px no-repeat;
}
#menu li.localdeensayo a {
	margin:0;
	padding:0;
	width:170px;
	height:30px;
	background:url(../images/localdeensayo.gif) no-repeat;
	display:block;
}
#menu li.localdeensayo a:hover {
	background:url(../images/localdeensayo.gif) 0 -30px no-repeat;
}
#menu li.tiendademusica a {
	margin:0;
	padding:0;
	width:170px;
	height:30px;
	background:url(../images/tiendademusica.gif) no-repeat;
	display:block;
}
#menu li.tiendademusica a:hover {
	background:url(../images/tiendademusica.gif) 0 -30px no-repeat;
}

#menu li.saladeconciertos a {
	margin:0;
	padding:0;
	width:170px;
	height:30px;
	background:url(../images/saladeconciertos.gif) no-repeat;
	display:block;
}
#menu li.saladeconciertos a:hover {
	background:url(../images/saladeconciertos.gif) 0 -30px no-repeat;
}
/* Commented backslash hack hides rule from IE5-Mac \*/
#menu li a {
	float:none;
}
#menu li ul {
	position:absolute;
	width:120px;
	left:-999em;
	padding:0;
	margin:0;
	z-index:1000;
}

#menu li:hover ul {
	left: auto;
}
#menu li:hover ul, #menu li.sfhover ul {
	left: auto;
}


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

#mascosas ul li a {
	padding:5px 0 5px 0;
	margin:0;
	border-bottom:1px dotted #666;
	display:block;
	width:170px;
}

#skyline {
 width: 700px;
 height: 200px;
 background: url(../images/ciudad.gif);
 margin: 75px 0 0 105px ; 
 padding: 0;
 position: relative;
}
#skyline li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}

#skyline li, #skyline a {height: 200px; display: block;}
#panel1b {left: 0; width: 130px;}
#panel2b {left: 131px; width: 130px;}
#panel3b {left: 261px; width: 130px;}
#panel4b {left: 391px; width: 130px;}
#panel5b {left: 521px; width: 170px;}


#panel1b a:hover {background: transparent url(../images/ciudad.gif) 0 -200px no-repeat;}
#panel2b a:hover {background: transparent url(../images/ciudad.gif) -131px -200px no-repeat;}
#panel3b a:hover {background: transparent url(../images/ciudad.gif) -261px -200px no-repeat;}
#panel4b a:hover {background: transparent url(../images/ciudad.gif) -391px -200px no-repeat;}
#panel5b a:hover {background: transparent url(../images/ciudad.gif) -521px -200px no-repeat;}


#proximamente {
	margin:50px 0px 0 0px;
	padding:0;
	width:260px;
	height:222px;
	position: relative;
	overflow:hidden;
	background:url(../images/proximamente.gif) no-repeat;
}
html>body #proximamente {
	margin: 40px 0 0 10px;
}

#proximamente ul {
	margin:0;
	padding:0;
	color:#666;
	font-size:10px;
	list-style:none;
}
#proximamente ul li {
	margin:0 0 9px 0;
	padding:0 0 9px 15px;
	background:url(../images/bullit.gif) 0 3px no-repeat;
	border-bottom:1px solid #141414;
}

#bienvenido {
	margin:40px 0 20px 60px;
	padding:0 20px 0 0;
	width:170px;
	height:245px;
	float:left;
	background:url(../images/bienvenido.gif) no-repeat;
	border-right:1px dashed #222;
	overflow:hidden;
}
html>body #bienvenido {
	margin:40px 0 20px 118px;
}
#mascosas {
	margin:100px 0 0px 60px;
	padding:0 0 0 0;
	width:170px;
	float:left;
	background:url(../images/dateunavuelta.gif) no-repeat;
}
html>body #mascosas {
	margin:100px 0 0px 120px;
}
#featured {
	margin:40px 0 20px 20px;
	padding:0 20px 0 0;
	width:170px;
	height:245px;
	float:left;
	background:url(../images/maqueta.gif) no-repeat;
	border-right:1px dashed #222;
	overflow:hidden;
}

#contentBar {
	margin:40px 0 20px 0;
	padding:0 0 0 20px;
	width:460px;
	float:left;
	background:url(../images/bar.gif) 20px 0 no-repeat;
	border-left:1px dashed #222;
}

#contentLibrodevisitas {
	margin:40px 0 20px 0;
	padding:0 0 0 20px;
	width:460px;
	float:left;
	background:url(../images/librodevisitas.gif) 20px 0 no-repeat;
	border-left:1px dashed #222;
}

#contentCocina {
	margin:40px 0 20px 0;
	padding:0 0 0 20px;
	width:460px;
	float:left;
	background:url(../images/lacocina.gif) 20px 0 no-repeat;
	border-left:1px dashed #222;
}

#contentLocal {
	margin:40px 0 20px 0;
	padding:0 0 0 20px;
	width:460px;
	float:left;
	background:url(../images/local.gif) 20px 0 no-repeat;
	border-left:1px dashed #222;
}

#contentGaleriadefotos {
	margin:40px 0 20px 0;
	padding:0 0 0 20px;
	width:460px;
	float:left;
	background:url(../images/galeriadefotos.gif) 20px 0 no-repeat;
	border-left:1px dashed #222;
}

#contentBiografia {
	margin:40px 0 20px 0;
	padding:0 0 0 20px;
	width:460px;
	float:left;
	background:url(../images/biografia2.gif) 20px 0 no-repeat;
	border-left:1px dashed #222;
}

#contentContacto {
	margin:40px 0 20px 0;
	padding:0 0 0 20px;
	width:460px;
	float:left;
	background:url(../images/contacto.gif) 20px 0 no-repeat;
	border-left:1px dashed #222;
}

#contentTienda {
	margin:40px 0 20px 0;
	padding:0 0 0 20px;
	width:460px;
	float:left;
	background:url(../images/tienda.gif) 20px 0 no-repeat;
	border-left:1px dashed #222;
	link: red;
}

#contentTienda img{border-color:#666;}

#contentConciertos {
	margin:40px 0 20px 0;
	padding:0 0 0 20px;
	width:460px;
	float:left;
	background:url(../images/salaconciertos.gif) 20px 0 no-repeat;
	border-left:1px dashed #222;
}

#footer {
	margin:0;
	padding:0;
	width:920px;
	height:160px;
	clear:both;
	background:url(../images/footer.gif) no-repeat;
}
#footer p {
	margin:0 0 0 118px;
	padding:10px 0 0 0;
	line-height:14px;
	font-size:9px;
	width:680px;
	border-top:1px dotted #222;
}
#footer a {
	color:#666;
}
#footer a:hover {
	color:#CC0000;
}

div.galleryMainPic{
margin-top: 3%;
margin-left: 10px;
float:left;
width: 100px;
}
img.galleryMain{
border: solid;
border-width: 1px;
border-color: black;
}



div.galleryMain{
height: 120px;
background-color:#000000;
margin-left: 50px;
margin-right: 50px;
margin-top: 20px;
margin-bottom: 20px;
border: solid;
border-width: 1px;
border-color: #eeeeee;
}
div.galleryMainhover{
height: 120px;
background-color:#000000;
margin-left: 50px;
margin-right: 50px;
margin-top: 20px;
margin-bottom: 20px;
border: solid;
border-width: 1px;
border-color: #cc0000;
cursor:pointer;
}
div.galleryMainText{
margin-top: 10%;
margin-left: 10px;
}


a.galleryMainText{
color: white;
text-decoration:none;
font-size: 16px;
}


div.galleryBrowse{
margin-left: 30px;
margin-right: 30px;margin-bottom: 20px;
}

img.galleryView{
	
	border:solid;
	border-color:#ccc;
	margin-bottom: 20px;
}

div.galleryView{
	
	margin-left:23px;
	margin-top: -20px;
}

img.galleryBrowse{
margin: 5px;
padding: 10px;
border: solid;
border-width: 1px;
background-color:#cccccc;
border-color:#000000;
}
img.galleryBrowsehover{
margin: 5px;
padding: 10px;
border: solid;
border-width: 1px;
background-color:#ffffff;
border-color:#000000;
}