#banner
{margin:0;
padding:0 0 54.5% 0;
background:#000;
border-bottom:5px solid green;}

#banner #top
{background:#FFFFD4;
padding:0;
margin:0;}

#banner #top h3
{margin:0%;
padding:0% 0%;
clear:both;
color:green;
text-align:center;
font-family:Centaur;
font-size:300%;}

#banner #top p
{text-align:center;
padding:0% 0% 1% 0%;
font-size:140%;
font-family:Century Gothic;
width:80%;
margin: 0 auto;}

#banner #top #divider
{background:#aaa;
padding:0.1%;
width:80%;
margin: 0 auto;}

#banner #top
{border-bottom:5px solid green;}

#banner span
{font-family:Century Gothic;
font-size:150%;
position:absolute;
color:#FFFFD4;
opacity:0;
-webkit-transition: all 2s ease;
-moz-transition: all 2s ease;
-o-transition: all 2s ease;
-ms-transition: all 2s ease;
transition: all 2s ease;}

#banner #first span
{padding:20% 37%;}
#banner #second span
{padding:20% 30%;}
#banner #third span
{padding:20% 25%;}
#banner #fourth span
{padding:20% 27%;}
#banner #fifth span
{padding:17% 33%;}
#banner #sixth span
{padding:20% 30%;}
#banner #seventh span
{padding:20% 23%;}
#banner #eighth span
{padding:18% 28%;}
#banner #ninth span
{padding:20% 25%;}
#banner #tenth span
{padding:8% 35%;}
#banner #eleventh span
{padding:8% 33%;}

#banner #first
{clear:both;
float:left;
width:22%;
padding:0% 10% 15% 0%;
background:url('teatro.png') center;}
#banner #second
{float:left;
width:22%;
padding:0% 13% 15% 0%;
background:url('ola.png') center;}
#banner #third
{float:left;
width:22%;
padding:0% 11% 15% 0%;
background:url('gallery_3.jpg') center;}
#banner #fourth
{float:left;
width:22%;
padding:0% 10% 15% 0%;
background:url('moy.jpg') center;}
#banner #fifth
{float:left;
width:22%;
padding:0% 13% 15% 0%;
background:url('back2.jpg') center;}
#banner #sixth
{float:left;
width:22%;
padding:0% 11% 15% 0%;
background:url('gazebopark.jpg') center;}
#banner #seventh
{float:left;
width:22%;
padding:0% 10% 14% 0%;
background:url('freedompark.jpg') center;}
#banner #eighth
{float:left;
width:22%;
padding:0% 13% 14% 0%;
background:url('museum1.jpg') center;}
#banner #ninth
{float:left;
width:22%;
padding:0% 11% 14% 0%;
background:url('hotel2.jpg') center;}
#banner #tenth
{float:left;
width:30%;
padding:0% 20% 10.5% 0%;
background:url('gallery_1.jpg') center;}
#banner #eleventh
{float:left;
width:30%;
padding:0% 20% 10.5% 0%;
background:url('gallery_2.jpg') center;}

#banner #first, #second, #third, #fourth, #fifth, #sixth, #seventh, #eighth, #ninth, #tenth, #eleventh
{opacity:0.5;
position:relative;
-webkit-transition: background-position 2s ease;
-moz-transition: background-position 2s ease;
-o-transition: background-position 2s ease;
-ms-transition: background-position 2s ease;
transition: background-position 2s ease;}

#banner #first:hover
{opacity:0.9;
background-position:0% 3%;}
#banner #second:hover
{opacity:0.9;
background-position:0% 3%;}
#banner #third:hover
{opacity:0.9;
background-position:0% 3%;}
#banner #fourth:hover
{opacity:0.9;
background-position:0% 3%;}
#banner #fifth:hover
{opacity:0.9;
background-position:0% 3%;}
#banner #sixth:hover
{opacity:0.9;
background-position:0% 3%;}
#banner #seventh:hover
{opacity:0.9;
background-position:0% 3%;}
#banner #eighth:hover
{opacity:0.9;
background-position:0% 3%;} 
#banner #ninth:hover
{opacity:0.9;
background-position:0% 3%;}
#banner #tenth:hover
{opacity:0.9;
background-position:0% 3%;}
#banner #eleventh:hover
{opacity:0.9;
background-position:0% 3%;}

#banner #first:hover span
{opacity:1}
#banner #second:hover span
{opacity:1}
#banner #third:hover span
{opacity:1}
#banner #fourth:hover span
{opacity:1}
#banner #fifth:hover span
{opacity:1}
#banner #sixth:hover span
{opacity:1}
#banner #seventh:hover span
{opacity:1}
#banner #eighth:hover span
{opacity:1}
#banner #ninth:hover span
{opacity:1}
#banner #tenth:hover span
{opacity:1}
#banner #eleventh:hover span
{opacity:1}

#des
{width:80%;
margin:0 auto;}

#des h3
{color:green;
font-family:Centaur;
font-size:140%;}

#des p
{font-family:Century Gothic}

#des #divider
{padding:0.2%;
background:#aaa;}

#des #des-left
{width:50%;
float:left;}

#des #des-right
{width:50%;
float:left;}

#des ul
{list-style:none}

#des li
{border-bottom:2px solid #aaa}