@charset "UTF-8";

/* CSS Document */

* { margin: 0; padding: 0; }

a img { border: none; }

.floatLeft { float: left; }

.floatRight { float: right; }

.clear { clear: both; }

.blackBorder { border: 1px solid #000; }

.completo { padding: 5px; }

/* commented backslash hack for ie5mac \*/ 
html, body { height:100%; }

/* end hack */
body { margin:0; padding:0; text-align:left; background-color: #FFF; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFF; }

img { border: 0; }

/* #centreSite { position: absolute; left:50%; top: 50%; margin-top: -282px; margin-left: -450px; height: 564px; width: 900px; text-align: left; } */

#centreSite { position: absolute; left:50%; margin-left: auto; height: 564px; width: 900px; margin-top: 64px; margin-right: auto; }

#siteContainer { height: 564px; width: 900px; position: relative; background-repeat: no-repeat; margin-top: 64px; margin-right: auto; margin-left: auto; }

#siteContainerCaracol { height: 564px; width: 900px; position: relative; background-repeat: no-repeat; margin-top: 64px; margin-right: auto; margin-left: auto; background-image: url(../images/bg_caracol.jpg); }

#siteContainerAccommodation { height: 564px; width: 900px; position: relative; background-repeat: no-repeat; margin-top: 64px; margin-right: auto; margin-left: auto; background-image: url(../images/bg_accommodation.jpg); }

#siteContainerFacilities { height: 564px; width: 900px; position: relative; background-repeat: no-repeat; margin-top: 64px; margin-right: auto; margin-left: auto; background-image: url(../images/bg_facilities.jpg); }

#siteContainerCadiz { height: 564px; width: 900px; position: relative; background-repeat: no-repeat; margin-top: 64px; margin-right: auto; margin-left: auto; background-image: url(../images/bg_cadiz.jpg); }

#siteContainerHistory { height: 564px; width: 900px; position: relative; background-repeat: no-repeat; margin-top: 64px; margin-right: auto; margin-left: auto; background-image: url(../images/bg_history.jpg); }

#siteContainerLinks { height: 564px; width: 900px; position: relative; background-repeat: no-repeat; margin-top: 64px; margin-right: auto; margin-left: auto; background-image: url(../images/bg_links.jpg); }

#siteContainerReservation { height: 564px; width: 900px; position: relative; background-repeat: no-repeat; margin-top: 64px; margin-right: auto; margin-left: auto; background-image: url(../images/bg_links.jpg); }

#siteContainerGalleryHub { height: 564px; width: 900px; position: relative; background-repeat: no-repeat; margin-top: 64px; margin-right: auto; margin-left: auto; background-image: url(../images/bg_gallery-hub.jpg); }

#siteContainerGallery { height: 564px; width: 900px; position: relative; background-repeat: no-repeat; margin-top: 64px; margin-right: auto; margin-left: auto; background-image: url(../images/bg_gallery.jpg); }

/* SELECT LANGUAGE */

#selectLanguage { position: absolute; height: 14px; width: 170px; top: 5px; right: 0px; font-size: 10px; }

#selectLanguage ul { list-style-type: none; }

#selectLanguage li { list-style-type: none; float: left; line-height: 14px; }

#selectLanguage a { color: #FFF; text-decoration: none; background-repeat: no-repeat; display: block; padding-left: 23px; }

#selectLanguage a.english { background-image: url(../images/flag_en.gif); margin-right: 17px; }

#selectLanguage a.spanish { background-image: url(../images/flag_es.gif); }


/* NAVIGATION */

#navigation { position: absolute; left: 15px; top: 15px; width: 300px; }

#navigation ul { list-style-type: none; }

#navigation li { list-style-type: none; line-height: 22px; margin-bottom: 18px; font-size: 22px; background-image: url(../images/navigation_link_bg.png); background-repeat: no-repeat; padding-left: 30px; background-position: 0px 6px; }

* html #navigation li { background-image: url(../images/navigation_link_bg.gif); }

#navigation li.currentPage { background-image: url(../images/navigation_link_bg_current.png); }

* html #navigation li.currentPage { background-image: url(../images/navigation_link_bg_current.gif); }

#navigation a { color: #FFF; text-decoration: none; }

#navigation a:hover { color: #FFCC00; }

/* CONTENT */

#blurb { position: absolute; width: 200px; top: 10px; right: 10px; text-align: right; color: #FFF; }

#blurb h1 { font-size: 16px; font-weight: bold; }

#blurb p { }

#contentBox { position: absolute; background-image: url(../images/content_panel_bg.png); background-repeat: no-repeat; height: 492px; width: 490px; color: #000; }

* html #contentBox { background-image: url(../images/content_panel_bg.gif); }

#contentBoxCaracol { position: absolute; background-image: url(../images/content_panel_bg.png); background-repeat: no-repeat; height: 492px; width: 490px; color: #000;  left: 250px; top: 49px; }

* html #contentBoxCaracol { background-image: url(../images/content_panel_bg.gif); }

#contentBoxFacilities { position: absolute; background-image: url(../images/content_panel_bg.png); background-repeat: no-repeat; height: 492px; width: 490px; color: #000;  top: 49px; right: 40px; }

* html #contentBoxFacilities { background-image: url(../images/content_panel_bg.gif); }

#content { height: 460px; width: 480px; overflow: auto; padding: 16px; margin-right: 16px; }

#content h1 { font-size: 22px; margin-bottom: 16px; font-weight: normal; }

#content h1.alt { margin-bottom: 0px; }

#content h2 { font-size: 16px; margin-bottom: 16px; font-weight: normal; }

#content h3 { font-size: 14px; margin-bottom: 16px; font-weight: normal; }

#content p { margin-bottom: 16px; }

#content a { color: #039; text-decoration: none; }

#content a:hover { color: #FFF; }

#content ul { margin-bottom: 16px; list-style-type: none; }

#content li { list-style-type: none; background-image: url(../images/bullet.gif); background-repeat: no-repeat; background-position: 3px; padding-left: 13px; }

#content table { margin-bottom: 16px; border-right-width: 1px; border-right-style: solid; border-right-color: #426382; border-top-width: 1px; border-top-style: solid; border-top-color: #426382; }

#content th { font-weight: bolder; text-align: left; vertical-align: top; padding: 3px; border-bottom-width: 1px; border-left-width: 1px; border-bottom-style: solid; border-left-style: solid; border-bottom-color: #426382; border-left-color: #426382; background-color: #648dab; color: #FFF; }

#content td { vertical-align: top; padding: 3px; border-bottom-width: 1px; border-left-width: 1px; border-bottom-style: solid; border-left-style: solid; border-bottom-color: #648dab; border-left-color: #648dab; background-color: #e7ebef; }

#gallery { position: absolute; height: 494px; width: 621px; color: #000; left: 279px; top: 70px; }

#gallery ul { list-style: none; width: 577px; }

#gallery ul li { display: block; margin-top: 7px; float: left; margin-bottom: 22px; margin-left: 10px; padding: 0px; width: 50px; height: 50px; }

#gallery ul img { border: 1px solid #dee5ef; }

#gallery ul a:hover img { border: 1px solid #fff; color: #fff; }

#gallery ul a:hover { color: #fff; }


#gallery2 { color: #000; height: 50px; margin-bottom: 20px; }

#gallery2 ul { list-style: none; }

#gallery2 ul li { display: block; float: left; padding: 0px; width: 50px; height: 50px; margin-right: 10px; }

#gallery2 ul img { border: 1px solid #dee5ef; }

#gallery2 ul a:hover img { border: 1px solid #fff; color: #fff; }

#gallery2 ul a:hover { color: #fff; }


#backToGalleries { position: absolute; height: 59px; width: 98px; left: 148px; top: 455px; }

#galleryTitle { height: 39px; width: 628px; position: absolute; left: 272px; top: 31px; }

.TA_excellent { float: right; }