.clear{
clear: both;}

body{
background-color: #000;
color: #fff;
font-family: Arial, Helvetica, sans-serif;
font-size: 90.1%;margin: 0px;padding: 0px;}

h1{
color: #999;
font-size: 22px;
font-weight: normal;
}

div#mainContainer{
position: relative;
width: 874px;
height: 800px;
margin-left: auto;
margin-right: auto;
padding: 0px;
margin-top: 0px;
margin-bottom: 125px;
background-image: url(img_std/subButtonGrad.gif);
background-repeat: repeat-x;
background-position: 0px 440px;}


/**
Corner decorations
**/
div#mainContainer img#angelet, div#mainContainer span#angelet
{position: absolute;right:-7px;
top: 0px;z-index: 50;}

div#mainContainer img#timon, div#mainContainer span#timon
{position: absolute;right:-37px;
top: 0px;z-index: 50;}

div#mainContainer img#dolls, div#mainContainer span#dolls
{position: absolute;right:6px;
top: 374px;z-index: 50;}

div#mainContainer img#shelf, div#mainContainer span#shelf
{position: absolute;right:-5px;
top: 5px;z-index: 50;}

div#mainContainer img#phone, div#mainContainer span#phone
{position: absolute;right:-20px;
top: 5px;z-index: 50;}






div#myscreen
{
width: 874px;
height: 420px;
background-color: #000;
color: #ccc;}

/*
site nav section, top bar
*/
div#siteNav, div#langlinks{
padding-top: 0px;
padding-left: 20px;
padding-bottom: 0px;
padding-right: 20px;color: #666;
font-size: 14px;
font-weight: bold;margin: 0px;
height: 23px;}

/*div#siteNav ul{padding-top: 5px;padding-left: 0px;padding-bottom: 0px;padding-right: 0px;margin-top: 0px;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;}*/
div#siteNav ul{padding: 5px 0; margin: 0; float:left;}
div#siteNav div#fb_link {float:left; padding: 5px;}
div#siteNav div#fb_link img {border: 0px;}

div#siteNav ul li{
display: inline;
list-style-type: none;}

div#siteNav a, div#siteNav a:VISITED, div#langlinks a, div#langlinks a:VISITED{
color: #666;
text-decoration: none;
font-size: 14px;
font-weight: bold;}

div#siteNav a.curSection, div#siteNav a.curSection:VISITED{
color: #eee;}

div#siteNav a:HOVER, div#langlinks a:HOVER
{
text-decoration: underline;
}

div#langlinks
{
float: right;
padding-top: 5px;
padding-left: 0px;
padding-bottom: 0px;
padding-right: 20px;margin-top: 0px;
height: 18px;
}

div#langlinks.luz_de_gas
{margin-right: 173px;}

div#langlinks.sala_b
{margin-right: 0px;}

div#langlinks.port_vell
{margin-right: 171px;}

div#langlinks.taxi
{margin-right: 150px;}

div#langlinks.oli
{margin-right: 97px;}

/*
Main image, replaced by Flash movie
*/
div#mainImgContainer{
width: 874px;
height: 420px;
background-color: #000;
line-height: 0.01%;}

/*
Holds main content
*/
div#contentContainer
{
padding: 0px;
/*background-color: #330000;*/
margin-top: 20px;
margin-left: 20px;
margin-right: 20px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-bottom: 0px;
padding-right: 0px;
font-size: 12px;
color: #999;
/*background-image: url(img_std/sepVert.gif);
background-repeat: repeat-y;
background-position: 354px 0px;*/
}

div#situacioContainer, div#concertsContainer, div#riderContainer, div#contactContainer{
/*position: relative;*/
background-image: url(img_std/sepVert.gif);
background-repeat: repeat-y;
background-position: 354px 0px;
/*width: 855px;*/
height: 440px;
margin-top: 0px;
margin-left: 0px;
margin-bottom: 0px;
margin-right: 0px;
padding-top: 0px;
padding-left: 0px;
padding-bottom: 0px;
padding-right: 0px;}

div#contactContainer{
height: auto;
}

div#situacioContainer #map
{
width: 469px;
height: 420px;
/*height: 347px;*/
float: right;
}

div#concertsContainer, div#riderContainer, div#contactContainer
{
height: auto;
}

div#concertsRightSide, div#riderRightSide, div#contactRightSide, div#discosRightSide
{
width: 469px;
float: right;
font-size: 12px;
color: #999;
}
div#concertsRightSide table
{
width: 469px;
font-size: 12px;
color: #ccc;
margin-bottom: 40px;
background-color:#0B0B0B;
}
div#concertsRightSide table tr
{
cursor: pointer;
}
div#concertsRightSide table tr.lt
{
background-color:#1F1F1F;}
div#concertsRightSide table tr.dk
{
background-color:#0B0B0B;}
div#concertsRightSide table tr.on
{
background-color: #49241E;background-repeat: repeat-x;background-image: url(img_std/concertsOnBg.gif);}

div#concertsRightSide table td
{
padding-left: 5px;
height: 25px;
line-height: 25px;}
div#concertsRightSide table td.showDate
{
width: 100px;
color: #847040;
}
div#concertsRightSide table td.showTime
{
width: 80px;
}
div#concertsRightSide table td.separator
{
background-image: url(img_std/sepFancy.gif);
background-repeat: no-repeat;
background-position: center 10px;
height: 31px;
line-height: 31px;
cursor: default;
}

div#concertsLeftSideContainer img{
margin-right: 5px;
}

div#concertsLeftSideContainer h1{
display: inline;
}

ul#futureMonths
{
margin-top: 20px;
margin-left: 0px;
margin-bottom: 20px;
margin-right: 0px;
padding: 0px;
list-style-type: none;
}


div#concertPopup
{
width: 615px;
height: 455px;
background-image: url(img_std/concertPopup.gif);
background-repeat: no-repeat;
position: absolute;
top: 600px;
left: 400px;}

div#concertPopup div#closer{
position: absolute;
top: 0px;
left: 0px;
/*margin-top: 30px;
margin-left: 30px;*/
width: 36px;
height: 36px;
cursor: pointer;}

div#concertPopup div#concertPopupLeftSide
{
position: absolute;
top: 34px;
left: 30px;
/*margin-top: 30px;
margin-left: 30px;*/
width: 200px;
height: 404px;
background-image: url(img_std/sepVert.gif);
background-repeat: repeat-y;
background-position: 198px 0px;
font-size: 12px;
color: #ccc;
overflow: auto;
}

div#concertPopup div#concertPopupLeftSide p
{
margin-bottom: 10px;}

div#concertPopup div#concertPopupLeftSide ul
{
margin: 0px;
padding: 0px;}

div#concertPopup div#concertPopupLeftSide ul li
{
list-style-type: none;
margin-bottom: 4px;
}

p.concertPopupTitle{
margin-top: 0;
margin-left: 0px;
margin-bottom: 10px;
margin-right: 0px;}

div#concertPopup div#concertPopupRightSide
{
position: absolute;
top: 34px;
left: 240px;
/*margin-top: 30px;
margin-left: 30px;*/
width: 358px;
height: 381px;
/*background-color: #666;*/
}
div#concertPopup div#concertPopupRightSide div#concertPopupMedia
{
height: 240px;
}

ul#concertPopupMediaList
{
width: 360px;
height: 172px;
margin-top: 0px;
margin-left: 0px;
margin-bottom: 0px;
margin-right: 0px;
padding-top: 0px;
padding-left: 0px;
padding-bottom: 0px;
padding-right: 0px;
/*background-color: #666;*/
overflow: auto;}

ul#concertPopupMediaList li
{
list-style-type: none;
font-size: 11px;
color: #ccc;
line-height: 12px;
padding-bottom: 7px;
background-image: url(img_std/sepHoriz.gif);
background-repeat: repeat-x;
background-position: bottom left;
margin-top: 5px;}

ul#concertPopupMediaList li a
{
padding-left: 18px;
padding-right: 5px;
background-repeat: no-repeat;
background-position: left top;}

ul#concertPopupMediaList li.imageFile a
{
background-image: url(img_std/iconImage.gif);
}

ul#concertPopupMediaList li.videoFile a
{
background-image: url(img_std/iconVideo.gif);
}
ul#concertPopupMediaList li.audioFile a
{
background-image: url(img_std/iconAudio.gif);
}
ul#concertPopupMediaList li.website a
{
background-image: url(img_std/iconLink.gif);
}


/*
Trajectoria page
*/
ul#trajectoria
{
margin-bottom: 0px;
margin-top: 10px;
margin-left: 0px;
margin-right: 0px;
padding-top: 0px;
padding-left: 0px;
padding-bottom: 10px;
padding-right: 0px;
color: #999;
font-size: 12px;
text-align: justify;}

ul#trajectoria li{
background-image: url(img_std/trajectoriaBullet.gif);
padding-left: 11px;
display: inline;
background-repeat: no-repeat;
text-transform: uppercase;
white-space: nowrap;}

ul#trajectoria li.first
{background-image: none;
padding-left: 0px;}


ul#trajectoria li a, div.trajPopup strong, p.concertPopupTitle, ul#concertPopupMediaList li a, div#galleryImgInfo strong, div#riderRightSide strong, div#riderLeftSideTitle strong, ul#futureMonths a, div#galleryNav a, div#legalPopup a, p.specShowTitle{
color: #847040;
font-weight: bold;
}

ul#trajectoria li a, ul#concertPopupMediaList li a{
cursor: pointer;
text-decoration: none;}

div.trajPopup{
position: absolute;
width: 250px;
height: 134px;
background-image:url(img_std/trajPopup.gif);
cursor: pointer;
}

div.trajPopupContentContainer{
width: 240px;
height: 96px;
margin-left: 7px;
margin-top: 7px;
color: #999;
font-size: 12px;
}

img.trajPopupImg{
float: right;
padding-left: 5px;
margin-left: 5px;
background-image: url(img_std/sepVert.gif);
background-repeat: repeat-y;
}

/*
Gallery
*/
div#galleryMain
{
width: 834px;
height: 556px;
text-align: center;
line-height: 556px;
/*margin-bottom: 20px;
background-color: #888;*/}


div#galleryImgInfo
{
width: 834px;
height: 25px;
text-align: left;
line-height: 25px;
font-size: 12px;
color: #999;
margin-bottom: 20px;
background-image: url(img_std/sepHoriz.gif);
background-repeat: repeat-x;
background-position: bottom left;}

div#galleryImgInfo div#galleryNav
{
float: right;
font-weight: bold;
}

div#galleryBottom{
width: 834px;
margin-top: 20px;
background-repeat: no-repeat;
}

div#galleryBottom div#galleryThumbsContainer
{
margin-left: 125px;
width: 709px;
height: 232px;
}

div.thumbContainer
{
width: 144px;
height: 96px;
margin-right: 20px;
margin-bottom: 20px;
float: left;
text-align: center;
line-height: 96px;
}

div.thumbContainer img{
cursor: pointer;
}

/*
Individual galleries
*/
div#galleryBottom.luz_de_gas{
background-image: url(img_std/logoLuzDeGas.gif);
}
div#galleryBottom.sala_b{
background-image: url(img_std/logoSalaBMini.gif);
}
div#galleryBottom.port_vell{
background-image: url(img_std/logoPortVellMini.gif);
}
div#galleryBottom.oli{
background-image: url(img_std/logoOliMini.gif);
}


/*
Rider
*/
div#riderLeftSideTitle, div.riderImgContainer
{
width: 348px;
padding-bottom: 10px;
margin-bottom: 10px;
background-image: url(img_std/sepHoriz.gif);
background-repeat: repeat-x;
background-position: bottom left;
}

/*
Contact form
*/
div#contactRightSide table th, div#contactRightSide table td{
padding-top: 4px;
padding-bottom: 4px;
padding-left: 0px;
padding-right: 0px;}

div#contactRightSide table th{
padding-left: 0px;
padding-right: 10px;
text-align: left;
vertical-align: top;
}

div#contactRightSide table td{
padding-left: 0px;
padding-right: 0px;}

div#contactRightSide form input, div#contactRightSide form textarea, input#formSubmit{
width: 400px;
border: none;
background-color: #666;
padding-left: 5px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #ccc;
}

div#contactRightSide form textarea{
height: 80px;}

div#contactRightSide input#formSubmit{
background-color: #333;
font-weight: bold;
width: 100px;
}
/*
Footer
*/
div#footer
{
margin-left: 20px;
margin-top: 0px;
margin-bottom: 20px;
margin-right: 20px;
padding-top: 5px;
padding-bottom: 5px;
background-image: url(img_std/sepHoriz.gif);
background-repeat: repeat-x;
background-position: 0px 0px;
text-align: center;
font-size: 10px;
color: #999;
line-height: 10px;}

div#footer p
{
margin-top: 5px;
margin-bottom: 8px;
padding: 0px;}
div#footer a
{
text-decoration: none;
color: #847040;
}

div#legalPopup
{
position: absolute;
top: 100px;
left: 100px;
width: 300px;
height: 450px;
padding: 10px;
background-color: #000;
color: #ccc;
border: 3px solid #fff;
overflow: auto;
font-size: 12px;}

div#legalPopup h1
{
border-top: dotted 2px #847040;
border-bottom: dotted 2px #847040;
color: #847040;
font-weight: bold;
font-size: 12px;
margin-top: 5px;
margin-bottom: 5px;
padding-top: 5px;
padding-bottom: 5px;}

div#concertsRightSide p
{
margin-top: 0px;
margin-bottom: 14px;
}

div#concertsRightSide ul
{
list-style: none;margin: 0px;padding-top: 0px;padding-left: 0px;padding-bottom: 14px;padding-right: 0px;}

p.specShowTitle,p.specShowDate, p.specShowWeblink{
padding-bottom: 5px;
padding-top: 5px;
margin-top: 0px;
margin-bottom: 14px;}

p.specShowTitle,p.specShowDate
{
background-image: url(img_std/sepHoriz.gif);
background-repeat: repeat-x;
background-position: bottom left;
}

p.specShowWeblink a, p.specShowWeblink a:VISITED
{
color: #999;
text-decoration: none;
font-size: 11px;}

p.specShowWeblink a:HOVER{
text-decoration: underline;}

div.specShowSep{
height:11px;
margin-top: 10px;
margin-bottom: 20px;
background-image: url(img_std/sepFancy.gif);
background-repeat: no-repeat;
background-position: center;}

div#discosCoverArrayContainer
{
width: 240px;
/*background-color: #333;*/
float:left;
}
div#discosCoverArrayContainer img
{
margin-bottom: 8px;
margin-right: 8px;}

div#discosRightSide div.album
{
background-image: url(img_std/sepFancy.gif);
background-repeat: no-repeat;
background-position: bottom center;
padding-bottom: 20px;
margin-bottom: 20px;
}

div#discosRightSide div.album img
{
float: left;
margin-right: 10px;}
div#discosRightSide div.album div.albumText
{
float: left;
width: 184px;
}
div#discosRightSide div.album div.albumText h2
{
font-size: 11px;
color:#847040;
margin-top: 0px;
margin-left: 0px;
margin-bottom: 10px;
margin-right: 0px;
padding-bottom: 10px;
background-image: url(img_std/sepHoriz.gif);
background-repeat: repeat-x;
background-position: bottom left;}

div#discosRightSide div.album div.albumText ol
{
margin: 0px;
padding: 0px;
margin-left: 28px;
font-size: 11px;}

div#discosRightSide div.album div.albumText ol span
{
color:#666;}

div#monthHilite{
width: 348px;
}

div#monthHilite div#monthHiliteTop
{
width: 348px;
height: 45px;
background-image: url(img_std/monthHilite_top.gif);background-repeat: no-repeat;margin: 0px;}

div#monthHilite div#monthHiliteTop div
{
padding-left: 56px;padding-top: 15px;font-size: 18px;font-weight: bold;color: #fff;}

div#monthHilite div#monthHiliteText{
width: 348px;background-color: #1F1F1F;}

div#monthHilite div#monthHiliteText div{color: #fff;font-size: 13px;margin: 0px;padding-left: 10px;padding-right: 10px;padding-top: 10px;padding-bottom: 10px;}

div#monthHilite div#monthHiliteBottom
{
width: 348px;
height: 36px;
background-image: url(img_std/monthHilite_bottom.gif);background-repeat: no-repeat;margin-top: 0px;margin-bottom: 25px;}
div.fb-like-title {font-weight:bold;font-size:110%;margin: 10px 0;}
div.fb-like-title a {color:#847040;text-decoration:none;}
div.fb-like-title a:HOVER {text-decoration:underline;}

