/* WC3 Validated CSS 2.1 23/3/10 */
h1 {
font-family : "Tahoma", "Arial", "Helvetica", sans-serif;
padding : 5px;
margin : 0;
font-size : 1.07em;
}

.menu-tabs {
font-family : "Tahoma", "Arial", "Helvetica", sans-serif;
padding : 5px;
margin : 0;
}

h2 {
font-family : "Tahoma", "Arial", "Helvetica", sans-serif;
padding : 0 5px;
font-size : 85%;
font-weight : 600;
color : blue;
}

p {
font-family : "Tahoma", "Arial", "Helvetica", sans-serif;
padding : 0 5px;
font-size : 80%;
text-align : justify;
}

body{
background : 	#6495ED;
top: 0px;
width: 80%;
}

#header {
background : blue url('images/jpgs/banner.jpg') no-repeat ;
top: 0px;
height : 153px;
width : 1120px;
}

#url {
color : white;
background : transparent;
position: absolute;
top : 70px;
left : 900px;
font-size : 21px;
font-weight : bold;
}

#flag {
background : transparent url('images/gifs/smiley-es-flag.gif') no-repeat;
height : 53px;
width : 43px;
position : absolute;
top : 35px;
left : 990px;
}
#main {
position: absolute;
top: 200px;
padding-left: 50px;
margin-left : 100px;
margin-bottom : -70px;
background : 	#6495ED;
width : 80%;
clear : both;
}
#main-index {
position: absolute;
top: 200px;
margin-left : 200px;
margin-bottom : -70px;
background : 	#6495ED;
width : 65%;
clear : both;
}
#main-gallery {
position: absolute;
top: 200px;
padding-top: 0px;
margin-left : 0px;
padding-left : 30px;
margin-bottom : -70px;
background : 	#6495ED;
width : 85%;
clear : both;
}

#main-links {
margin-left : 10px;
margin-bottom : -70px;
background: 	#6495ED;
width : 100%;
}
#videos {
position: absolute;
top: 210px;
margin-left : 12px;
padding-left : 3px;
height: 150px;
width: 130px;
border: 1px solid;
background : #BDE8E0;
font-size: 14px;
}


#excursions {
position: absolute;
top: 380px;
margin-left : 10px;
padding-left : 3px;
border: 1px solid;
height: 150px;
width: 130px;
background : yellow;
font-size: 11px;
}
#weather-widget {
position: absolute;
top: 550px;
margin-left : 10px;
border: 1px solid;
}
#carhire-widget {
position: absolute;
top: 790px;
margin-left : 10px;

}


.menu-tabs {
position: absolute;
top: 145px;
font-size : 14px;
font-weight : bold;
left : 10px;
line-height : 14px;
list-style-image : none;
list-style-type : none;
margin : 1pt;
padding : 0;
text-transform : lowercase;
}

.menu-tabs li {
display : inline;
margin : 1pt;
padding : 0;
}

.menu-tabs a {
background : blue url('images/gifs/tab-left.gif') no-repeat scroll left top;
float : left;
padding-left : 5px;
text-decoration : none;
}

.menu-tabs a span {
background : blue url('images/gifs/tab-right.gif') no-repeat scroll right top;
display : block;
height: 15px;
color : red;
float : left;
padding: 4px 10px 0 2px;
}

.menu-tabs a.menutab-selected {
background : transparent url('images/gifs/tab-left-white.gif') no-repeat scroll left top;
color : blue;
}

.menu-tabs a.menutab-selected span {
background : transparent url('images/gifs/tab-right-white.gif') no-repeat scroll right top;
color : blue;
}

.menu-tabs a:hover {
background : transparent url('images/gifs/tab-left-white.gif') no-repeat scroll left top;
color : blue;
text-decoration : none;
}

.menu-tabs a:hover span {
background : transparent url('images/gifs/tab-right-white.gif') no-repeat scroll right top;
color : blue;
cursor : pointer;
}

#column-1 {
top: 0px;
margin-top : 0px;
float : left;
width : 450px;
padding-left : 5px;
padding-right : 5px;
margin-bottom : 10px;
}

#play-movie {
margin-top :10px;
float : left;
width : 450px;
padding-left :40px;
padding-right : 5px;
margin-bottom : 10px;
}

#column-1-map {
margin-top : 0px;
margin-left: 0px;
height: 750px;
float : left;
width : 450px;
padding-left : 5px;
padding-right : 5px;
margin-bottom : 10px;
}

.prices-text {
border : 2px solid blue;
margin-left : 40px;
width : 335px;
height : 125px;
padding-left: 10px;
font-family : "Tahoma", "Arial", "Helvetica", sans-serif;
font-size : 100%;
text-align : left;
}
.comments-text {
margin-top: -12px;
margin-bottom: 30px;
font-style: Italic;
font-size : 120%;
text-align : left;
}
.guest {
padding-left: 0px;
font-weight: 400;
font-size : 100%;
color: blue;
}

#column-2 {
left : 400px;
margin-top : 8px;
margin-left : 25px;
float : left;
width : 320px;
margin-bottom : 10px;
}

#column-2-list {
border: none;
line-height: 10pt;
left : 550px;
height: 720px;
margin-top : 8px;
margin-left : 30px;
padding-left : 40px;
float : left;
width : 280px;
padding-bottom : 10px;
}

#link-column-1 {
margin-top : 2px;
float : left;
width : 250px;
padding-left : 5px;
padding-right : 5px;
margin-bottom : 10px;
}

#link-column-2 {
left : 150px;
margin-top : 8px;
margin-left : 15px;
float : left;
width : 350px;
margin-bottom : 10px;
}

#link-column-3 {
left : 350px;
margin-top : 8px;
margin-left : 15px;
float : left;
width : 300px;
margin-bottom : 10px;
}

.img-homepage {
width:  240px; 
height:  180px;
margin-top : 10px;
padding-bottom : 20px;
padding-left : 12px;
}

.img-caption {
margin-top: -10px;
padding-left: 10px;
margin-left: 2px;
text-align: left;
}

#clearfooter {
height : 10px;
clear : both;
}

#footer {
margin-top : 2px;
height :70px;
width : 900px;
border-top : 5px ridge blue;
padding : 2px;
font-family : "Arial", "Helvetica", sans-serif;
font-size : 75%;
color : black;
text-align : left;
}

#footerlogos {
position:absolute;
margin-left : 260px;
margin-top: -48px;
float : left;
color : #fff;
width : 700px;
}

#webmaster {
margin-left : 0px;
float : left;
color : #fff;
width : 100px;
}

#gallerycontainer {
height : 600px;
left : 0;
width : 600px;
margin-top : 15px;
}

.thumbnail img {
border : 1px solid white;
margin : 0 5px 5px 0;
}

.thumbnail:hover {
background-color : transparent;
}

.thumbnail:hover img {
border : 1px solid blue;
}

.thumbnail span {/*CSS for enlarged image*/
position: absolute;
background-color : transparent;
padding : 5px;
left : 1500px;
border : 0;
visibility : hidden;
color : black;
text-decoration : none;
white-space: nowrap;
}

.thumbnail span img {/*CSS for enlarged image*/
border-width : 0;
padding : 2px;
white-space: nowrap;
/* size of large image */
top : 220px;
left : 1000px;

}

.thumbnail:hover span {/*CSS for enlarged image*/
visibility : visible;
position : absolute;
/* position of large image */
top : 0px;
left :620px;
z-index : 50;
}

a.ovalbutton {
background : transparent url('images/gifs/oval-orange-left.gif') no-repeat top left;
position: relative;
display : block;
float : left;
font : normal 13px Tahoma;
line-height : 16px;
height : 24px;
padding-left : 11px;
text-decoration : none;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton {
color : #494949;
}

a.ovalbutton span {
background : transparent url('images/gifs/oval-orange-right.gif') no-repeat top right;
display : block;
padding : 4px 11px 4px 0;
}

a.ovalbutton:hover {
background-position : bottom left;
}

a.ovalbutton:hover span {
background-position : bottom right;
color : black;
}

.special-offer-frame {
position: relative;
top: 20px;
left: 20px;
padding-left: 50px;
overflow : hidden;
width : 120%;
padding-bottom: 30px;
}

.contacts-frame {
position: relative;
overflow : hidden;
border-top : 5px ridge red;
top : 20px;
padding-top : 20px;
padding-left: 50px;
left : 20px;
width : 85%;
}