* {	padding:0; border:none; margin-top:0px; margin-bottom:0px; text-decoration:none; list-style-type:none;}
body { margin: auto; background-color:#203b22; width:80%; font-size:80%; margin-bottom:10px;  font-family:Arial; color:#203b22;}

a img { border:none; }

h1 { font-size:100%;}
h2 { font-size:90%;}
h3 { font-size:80%;}

.topBgContainer { height:14px; }
.topBgContainer img{ width:100%; height:100%;}

.bgContainer{ font-weight:normal; font-style:normal;}

.topMainContainer { height:16px; width:100%;}
.topMainContainer img{ width:100%; height:100%;}
.mainContainer{  width:100%; /* border:solid 1px #89AF3B;*/  background-color:#ffffff;}

.headContainer{ margin-top:10px; padding-top:10px; padding-bottom:20px;}
.logo { margin-top:10px; width:15%; float:left;}
.logo img { width:100%; padding-left:25%;}

.headImage{ clear:both; width:100%; padding-top:10px;}
.headImage img{ width:92%; padding-left:4%;}

.nombre { float:left;  width:40%; padding-top:10px; padding-left:2%;}
.nombre h1 { font-size:150%; text-align:left; font-weight:normal; padding-bottom:20px;}
.menorca{ color:#203b22; padding-left:30px; padding-top:2px; padding-bottom:2px; font-size:150%; }
.slogan{ color:#6BA826; font-size:150%; padding-top:40px; text-align:right; padding-right:4%;}


.mainDate{ color:#555555; padding-right:2%; text-align:right; padding-bottom:20px; }

.languageMenu{ width:100%; padding-top:4px; padding-bottom:4px; height:16px; }
.languageMenu ul{ padding-right:4%;}
.languageMenu li{ width:4%; float:right;}
.languageMenu li img{ width:44%; float:right; padding-top:5px;}
.languageMenu li a{ color:#dddddd;}
.languageMenu li a:hover{ color:#000000;}
.languageMenu li.activLang a{ color:#000000;}

p.error{ color:#ff0000; font-weight:bold; text-align:center; padding-bottom:20px;}

.headerRight{ float:left; width:20%; padding-left:9%;}
.buscador input{ float:left; border:solid 1px #eeeeee; margin-bottom:0px; width:70%;}
.buscador .findBtn{ margin-top:4px;  width:6%;}
.noticias { clear:left;  padding-top:10px; }
.noticias a{ color:#89AF3B;  font-weight:bold;}
.noticias a:hover{ color:#89AF3B; font-weight:bold;}

.mainMenu { clear:both; text-align:right; padding-left:13%;  background: url('images/gradGrey.gif') repeat-x; background-color:#ffffff;/* background-color:#f4f4f4;*/ height:30px;}
.mainMenu ul{ padding-top:6px;}
.mainMenu li{ display:block; float:left; width:12%; padding-right:4%; padding-left:1.5%;}
.mainMenu li a{ color:#000000; font-weight:bold;}
.mainMenu li.activMenu a{ color:#C30119;}
.mainMenu li a:hover{ color:#C30119;}

.mainPanel{ clear:both; width:93.5%; padding-bottom:30px; margin-left: 4%;}

.leftPanel{ width:20%; float:left; padding-bottom:40px;}

.leftPanelTab{ width:100%; /*background: url('images/gradGrey.gif') repeat-x;*/ color:#444444; padding-top:32px;}
.leftPanelTab a{ display:block;font-weight:bold; padding-left:10px;}
.leftPanelTab a:hover{/* color:#C30119;*/}
.leftPanelTab li.activMenu a{ background-color:#203b22; /*background-color:#203b22;*/ color:#FEA82D; }
.leftPanelTab h1{  width:80%; text-align:left; padding-top:30px; padding-bottom:20px; color:#89AF3B;}
.leftPanelTab h2{  width:80%; text-align:left; padding-bottom:10px; color:#89AF3B;}
.leftPanelTab ul{  display:block; padding-bottom:14px;}
.leftPanelTab li{  line-height:20px; border-bottom:solid 1px #6BA826; }

.leftPanelTab li a{ color:#203b22; font-weight:bold;}

.leftPanelTab li a:hover{ color:#FEA82D; }

.leftPanelTab .subMenuTab a{  width:100%; text-align:right; padding-top:50px; color:#aef320;}
.leftPanelTab .subMenuTab a:hover{ color:#89AF3B;}

.leftSponsorsPanel {  width:100%; background: url('images/gradGrey.gif') repeat-x;  background-color:#ffffff; padding-top:20px;}
.leftSponsorsPanel li a img{ width:90%; padding-left:2%;}

.advise{ font-weight:bold; font-family: Arial;  padding-left:24%;  padding-bottom:10px;} 
.advise a{ display:block; color:#89AF3B;  margin-top:12px;}
.advise a:hover{ color:#ff0000;}

.adviseRight{ font-family: Arial; } 
.rightPanelTab .adviseRight a{ color:#89AF3B;}

.centralPanel{ width:78%; float:left; border:solid 1px #89AF3B; margin-bottom:30px; background-color:#e8f4e8}
.centralPanel a{ color:#555555; font-weight:bold;}
.centralPanel a:hover{ color:#89AF3B;}
.centralPanelTab{ width:100%; /*background: url('images/gradGrey.gif') repeat-x;  background-color:#ffffff;*/  color:#444444; }

.centralIndexPanel{ width:70%; float:left;}

.videoPanel{ width:70%; background: url('images/gradGrey.gif') repeat-x; color:#444444; margin-bottom:40px; }
.videoPanel img{ width:100%; border:solid 1px #cccccc;}

.mainText{ width:100%; padding-bottom:20px;}

.newsPanel{ width:100%; background: url('images/gradGrey.gif') repeat-x;  background-color:#ffffff; color:#444444; border-top:solid 1px #dddddd; }
.newsPanel img{ width:40%; padding-left:1%; padding-right:2%; float:left; padding-top:5px; padding-bottom:10px;}
.newsPanel h1{  padding-top:10px; color:#444444;  padding-left:3%; }
.newsPanel h3{  text-align:right; padding-top:10px; color:#444444;  padding-right:2%; font-style:italic; font-weight:normal;}
.newsPanel h2{  padding-top:10px; color:#555555; padding-right:2%; }
.newsPanel p{  margin-top:8px; padding-bottom:8px; color:#666666; padding-right:2%; padding-left:2%; text-align:justify;}
.newsPanel a{ color:#555555;}
.newsPanel a:hover{ color:#89AF3B;}

/*
.mainContentPanel{ width:100%; background: url('images/gradGrey.gif') repeat-x;  background-color:#ffffff;  color:#444444; border-top:solid 1px #dddddd; }
.mainContentPanel img{ width:96%; padding-left:2%; float:left; padding-top:5px; padding-bottom:10px;}
.mainContentPanel h1{ font-size:120%; text-align:left; padding-top:30px; padding-bottom:30px; color:#444444;  padding-left:2%; }
.mainContentPanel h2{  padding-top:10px; color:#555555; padding-right:2%; }
.mainContentPanel p{  padding-top:8px; text-align:justify; color:#666666; padding-right:2%; padding-left:2%; }
*/
.mainContentPanel{ width:100%;/* background: url('images/gradGrey.gif') repeat-x; background-color:#ffffff;*/ color:#444444; padding-bottom:10px;}
.mainContentPanel h3{  padding-top:20px; padding-bottom:5px; color:#89AF3B;}

.mainContent { width:100%; /*background: url('images/gradGrey.gif') repeat-x; background-color:#ffffff;*/ padding-top:26px; padding-bottom:26px;}
.mainContent img{ width:15%; padding-left:2%; padding-right:2%; float:left; padding-top:5px; padding-bottom:10px;}
.mainContent h1{ font-size:120%; text-align:left; padding-bottom:30px; color:#444444;  padding-left:2%; }
.mainContent h2{  padding-top:10px; color:#555555; padding-right:2%; }
.mainContent p{  padding-top:8px; text-align:justify; color:#203b22; padding-right:4%; padding-left:2%; line-height:20px;}

.mainSubContent { width:100%; margin-bottom:20px; padding-bottom:10px; }
.mainSubContent img{ width:96%; padding-left:2%; float:left; padding-top:5px; padding-bottom:10px;}
.mainSubContent h1{ font-size:120%; text-align:left; color:#dddddd; padding-top:5px;  padding-left:2%; }
.mainSubContent h2{  color:#aaaaaa; padding-right:2%; }
.mainSubContent p{  padding-bottom:8px; text-align:justify; color:#999999; padding-right:2%; padding-left:2%; }
.mainSubContent a{ color:#89AF3B;}
.mainSubContent a:hover{ color:#FEA82D;}

.mainBooking { width:100%; margin-bottom:20px; padding-bottom:10px; }
.mainBooking p{ clear:both; width:96%; padding-right:2%; padding-left:2%; padding-bottom:10px; }
.mainBooking span{ width:30%; float:left; margin-bottom:10px; }
.mainBooking input{ width:40%; float:left; margin-bottom:10px; }
.mainBooking input.dataFormat{ width:100px; float:left; margin-bottom:10px; }
.mainBooking textarea{ width:40%;}
.mainBooking select{ width:100px;}
.mainBooking p.bookingTitle{ font-weight:bold; padding-bottom:20px; padding-top:10px; color:#203b22; }

.mainPersonPanel{ width:100%; background: url('images/gradGrey.gif') repeat-x;  background-color:#ffffff;  color:#444444; border-top:solid 1px #dddddd; }
.mainPersonPanel img{ width:30%; padding-left:2%; padding-right:2%; float:left; padding-bottom:10px;}
.mainPersonPanel h1{ font-size:120%; text-align:left; padding-top:30px; padding-bottom:30px; color:#444444;  padding-left:2%; }
.mainPersonPanel h2{  padding-top:10px; color:#555555; padding-right:2%; }
.mainPersonPanel h3{  padding-top:20px; padding-bottom:5px; color:#89AF3B;}
.mainPersonPanel p{  padding-top:8px; text-align:justify; color:#666666; padding-right:2%; padding-left:2%; }
.mainPersonPanel .personDat { width:64%; float:left; border:solid 1px #eeeeee; background-color:#f4f4f4; padding-bottom:10px; padding-top:4px;}
.mainPersonPanel .personDat p{  padding-top:8px; text-align:justify; color:#666666; padding-right:2%; padding-left:2%;}
.mainPersonPanel .personExtraDat { clear:both; width:96%; border:solid 1px #dddddd; background: url('images/gradGrey.gif') repeat-x;  background-color:#fbfbfb; padding-bottom:20px; padding-top:10px;}
.mainPersonPanel .personExtraDat p{  padding-top:8px; text-align:justify; color:#666666; padding-right:2%; padding-left:2%;}

.photoSet{ clear:both; width:96%; margin-top:20px; margin-bottom:20px; margin-left:2%;}
.photoList { width:auto; float:left; height:66px; background-color:#000000;}
.mainPersonPanel .photoList a img{ height:90%; width:auto; float:left; padding:0px; border:solid 3px #000000;}
.mainPersonPanel .photoList a:hover img{ border:solid 3px #89AF3B;}
.mainContentPanel .photoList a img{ height:90%; width:auto; float:left; padding:0px; border:solid 3px #000000;}
.mainContentPanel .photoList a:hover img{ border:solid 3px #89AF3B;}

.advisePhoto{ float:left;  padding-left:2%; padding-top:20px; font-family:Bradley Hand ITC, Arial; font-weight:bold;} 
.advisePhoto a{color:#89AF3B;}

.videoSet{ clear:both; width:96%; margin-top:20px; margin-bottom:20px;}

.mainForumPanel{ width:100%; background: url('images/gradGrey.gif') repeat-x; background-color:#ffffff;  color:#444444; border-top:solid 1px #dddddd; }
.mainForumPanel img{ width:96%; padding-left:2%; float:left; padding-top:5px; padding-bottom:10px;}
.mainForumPanel h1{ font-size:120%; text-align:left; padding-top:5px; padding-bottom:5px; color:#444444;  padding-left:2%; }
.mainForumPanel h2{  padding-top:5px; color:#555555; padding-left:2%; }
.mainForumPanel p{  padding-top:5px; text-align:justify; color:#666666; padding-right:2%; padding-left:2%; }
.mainForumPanel span{  padding-top:5px; text-align:justify; color:#666666; padding-right:2%; padding-left:2%; }
.mainForumPanel a span{ color:#555555;}
.mainForumPanel a:hover span{ color:#89AF3B;}

.mainImagePanel{ width:100%; background: url('images/gradGrey.gif') repeat-x;  background-color:#ffffff;  color:#444444; border-top:solid 1px #dddddd; }
.mainImagePanel img{ width:96%; padding-left:2%; float:left; padding-top:5px; padding-bottom:10px;}
.mainImagePanel h1{  text-align:left; padding-top:20px; padding-bottom:15px; color:#444444;  padding-left:2%; }
.mainImagePanel h1.greenColour { color:#7DB942;}
.mainImagePanel h3{  padding-top:20px; padding-bottom:5px; color:#89AF3B;}
.mainImagePanel p{  padding-top:5px; text-align:justify; color:#666666; padding-right:2%; padding-left:2%; }
.mainImagePanel .photoList a img{ height:90%; width:auto; float:left; padding:0px; border:solid 3px #000000;}
.mainImagePanel .photoList a:hover img{ border:solid 3px #89AF3B;}

.mainShopPanel{ width:100%; background: url('images/gradGrey.gif') repeat-x;  background-color:#ffffff;  color:#444444; border-top:solid 1px #dddddd; }
.mainShopPanel img{ width:96%; padding-left:2%; float:left; padding-top:5px; padding-bottom:10px;}
.mainShopPanel h1{ font-size:120%; text-align:left; padding-top:20px; padding-bottom:15px; color:#444444;  padding-left:2%; }
.mainShopPanel h1.greenColour { color:#89AF3B;}
.mainShopPanel p{  padding-top:5px; text-align:justify; color:#666666; padding-right:2%; padding-left:2%; }

.subContentTab{ width:45%; margin-left:2%; margin-bottom:8px; float:left; background: url('images/gradGrey.gif') repeat-x; background-color:#f4fff4; border:solid 1px #89AF3B;}
.subContentTab img{ height:100px; width:auto; float:left; padding-top:10px; padding-bottom:14px; padding-right:4%; padding-left:4%;}
.subContentTab span{  display:block; padding-left:2%; padding-right:2%; padding-top:10px; }
.subContentTab span.textImage:first-letter {font-size:150%;}
.subContentTab a{color:#203b22; font-weight:normal;}
.subContentTab a:hover{ color:#89AF3B;}
.subContentTab p{  color:#666666; padding-top:10px; padding-right:2%; padding-left:2%; }

.subContentExp p{  color:#999999;  text-align:justify;}
.subContentExp img{ width:30%; float:left; padding-top:10px; padding-bottom:14px; padding-right:4%; padding-left:4%;}
.subContentExp span{ width:50%;  padding-left:2%;  margin-top:20px; font-weight:bold;}
.subContentExp a{ color:#555555;}
.subContentExp a:hover{ color:#89AF3B;}


.subPatrocinadorsTab{ width:46%; margin-left:2%; margin-bottom:8px; float:left; background: url('images/gradGrey.gif') repeat-x;  background-color:#ffffff; border:solid 1px #dddddd;}
.subPatrocinadorsTab img{ width:90%; padding-top:10px; padding-bottom:14px; padding-right:4%; padding-left:4%;}
.subPatrocinadorsTab a{ color:#999999;}
.subPatrocinadorsTab a:hover{ color:#89AF3B;}
.subPatrocinadorsTab p{  color:#666666; padding-right:2%; padding-left:2%; text-align:center;}

.subContentExtTab{ width:90%; margin-left:3%; margin-bottom:8px; float:left; background: url('images/gradGrey.gif') repeat-x; background-color:#ffffff; border:solid 1px #89AF3B;}
.subContentExtTab img{ width:10%; float:left; padding-top:10px; padding-bottom:14px;}
.subContentExtTab span{ width:70%; padding-left:4%; text-align:right; margin-top:20px; font-weight:bold;}
.subContentExtTab a{ color:#555555;}
.subContentExtTab a:hover{ color:#89AF3B;}

.subContentTab .subPersonText{ width:60%; border:solid 1px #89AF3B; background-color:#eeeeee; float:left; padding-bottom:10px; padding-top:10px; margin-bottom:8px; margin-top:8px;}
.subContentTab .subPersonText p{padding-right:2%; padding-left:2%; margin-left:4%; text-align:left;}

.subContentTab p.advisePerson { font-family:Bradley Hand ITC, Arial;  margin-top:16px;}
.subContentTab p.advisePerson a{color:#89AF3B;}

.messageTab{ width:90%; border:solid 1px #89AF3B; background-color:#f4f4f4; padding-bottom:10px;}
.messageTab a{ color:#777777;  display:block; width:90%; text-align:right;}
.messageTab a:hover{ color:#89AF3B;}

.messageExpressTab{ width:90%; border:solid 1px #89AF3B; background-color:#f4f4f4; padding-bottom:10px; padding-top:10px; margin-bottom:10px; font-weight:bold; }
.messageExpressTab a{display:block; color:#777777; width:90%;  }
.messageExpressTab a:hover{ color:#89AF3B;}
.messageExpressTab span{ font-weight:normal; }

.companyLogo { padding-left:60%; padding-top:20px; text-align:right;}
.companyLogo img { width:90%;}

.companyText { width:90%; padding-left:2%; padding-right:2%; border:solid 1px #cccccc; background-color:#f4f4f4; padding-bottom:30px;}
.companyText h1{ font-size:120%; text-align:left; padding-top:30px; padding-bottom:30px; color:#444444;  padding-left:2%; }
.companyText p{  padding-top:8px; text-align:justify; color:#666666; padding-right:2%; padding-left:2%; }


.linksList p{  padding-top:8px; padding-bottom:10px; text-align:justify; color:#666666; padding-right:2%; padding-left:2%; }

.mailLink { width:46%; padding-left:4%; float:left;}
.mailLink img { width:10%; float:left;}
.mailLink a{ color:#999999;}
.mailLink a:hover{ color:#89AF3B;}

.webLink { width:42%; float:left;}
.webLink img { width:10%; float:left;}
.webLink a{ color:#999999;}
.webLink a:hover{ color:#89AF3B;}

.links{ clear:both; width:96%; margin-top:10px; margin-bottom:10px; padding-left:2%;}
.contentLink { width:46%; height:auto; float:left; padding-left:2%; padding-top:2px; padding-bottom:2px;  background-color:#f4f4f4;}
.contentLink img { width:20%; padding-right:2%; float:left;}
.contentLink a{ color:#999999;}
.contentLink a:hover{ color:#89AF3B;}

.pdfs { padding-left:2%;}
.contentPdf { width:50%; float:left;}
.contentPdf img{ width:8%; float:left; padding:2%;}
.contentPdf span{ display:block; width:80%; float:left; margin-top:20px;}

.enlaces { padding-left:2%;}
.enlaces p{ padding-top:10px;}

.mainOptions { padding-top:20px; text-align:center; padding-bottom:20px; font-weight:bold; font-family:Bradley Hand ITC, Arial;} 
.mainOptions li{ width:30%; display:inline;}
.mainOptions a{ padding-left:8%; color:#999999; }
.mainOptions a:hover{ color:#89AF3B; }

.optionBtn { clear:both;  width:100%; margin-top:20px; padding-top:20px; padding-bottom:20px; font-weight:bold; font-family: Arial;} 
.optionBtn a{   padding-left:2%; color:#999999; }
.optionBtn a:hover{ color:#FEA82D; }

.optionsForm{ clear:both; padding-left:250px;padding-top:10px; padding-bottom:10px; vertical-align:center; text-align:center; }
.optionsForm input{ margin-left:30%; background: url('images/backOptionBg.jpg') repeat-x; height:25px; line-height:25px; width:100px; text-align:center; font-weight:bold; color:#203b22; }

.messageBtn { clear:both; padding-top:20px; padding-bottom:20px; font-family:Bradley Hand ITC, Arial;} 
.messageBtn a{ font-size:130%; padding-left:2%; color:#555555; }
.messageBtn a:hover{ color:#89AF3B; }

.rightPanel{ width:23%; float:left; padding-top:30px;}
.rightPanelTab{ width:100%;/*background: url('images/gradGrey.gif') repeat-x;  background-color:#ffffff; */ color:#444444; padding-bottom:20px; }
.rightPanelTab img{ width:100%; padding-top:10px;}
.rightPanelTab h1{ width:80%; text-align:left; padding-top:10px; border-bottom:solid 1px #888888;}
.rightPanelTab a{ color:#999999;}
.rightPanelTab a:hover{ color:#89AF3B;}
.rightPanelTab p{  width:80%; padding-top:8px; text-align:justify; color:#666666;}
.rightPanelTab h1.destacat{ color:#89AF3B;}

.greenColour { color:#7DB942;}

.rightSponsorsPanel { width:100%; /*background: url('images/gradGrey.gif') repeat-x; */ background-color:#ffffff; padding-top:20px;}
.rightSponsorsPanel li a img{ width:100%; }

.advertising { clear:both; padding-left:5%; margin-top:10px; }
.advertising a{ color:#999999;}
.advertising a:hover{ color:#89AF3B;}

.foot{ clear:both; color:#999999;}

.sponsors { padding-left:8%; padding-top:16px; padding-bottom:20px;}
.sponsors li { display:inline; width:12%;}
.sponsors li a img{ width:8%; }

.bottomFoot{ clear:both; width:96%;}
.bottomFoot img{ width:100%;}

.advisePage{ clear:both;  width:100%; padding-top:8px; padding-bottom:14px; color:#ffffff;}
.advisePage ul{ text-align:center;}
.advisePage ul li{ display:inline; padding-left:2%; padding-top:4px; }
.advisePage ul li a{ color:#cccccc;} 
.advisePage ul li a:hover{ color:#ffffff;} 
.advisePage{ text-align:center;}

.bottomBgContainer{ clear:both;}
.bottomBgContainer img{ width:100%; height:100%;}

.mainContent p.mainPrice{ color:#990000; font-weight:bold; font-size:100%; text-align:center; padding-top:20px;} 

.spaceH{ clear:both; height:10px;}


.infobar{ /*background-color:#000;*/ height:28px; line-height:28px; right:20px; position:fixed; bottom:0px; left:20px; z-index:999999999; text-align:center; color:#ddd; 
	-moz-border-radius:10px 10px 0px 0px; -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px; border-top-left-radius:10px; border-top-right-radius:10px;
	text-shadow:0px 0px 1px #ccc;}
span#description{ color:#fff; text-shadow:1px 1px 1px #000; display:none;}
span#loading{ display:none; padding-right: 30px; background:transparent url(images/loading.gif) no-repeat center right;}
#thumbsWrapper{ /* overflow:hidden; position:fixed; height:100%; width:100%; left:0px; right:0px; bottom:0px;*/}
#content{ /*position:absolute; top:0px; height:100%; width:100%; left:0px; background-color:#111; overflow-y:scroll; display:none;*/ padding-left:15px;}
#content img{ float:left; margin:2px; height:80px; cursor:pointer; opacity:0.9; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);}
.placeholder{ float:left; clear:both; width:100%; height:30px;}
#panel{ background-color:#000; /* */ width:100%; position:fixed; bottom:0px; left:0px; right:0px; height:0px; text-align:center;}
#panel img{ cursor:pointer; position:relative; /*border:1px solid #000; */ 
	-moz-box-shadow:0px 0px 10px #111; -webkit-box-shadow:0px 0px 10px #111; box-shadow:0px 0px 10px #111; display:none;}
#wrapper{ position:relative; margin:40px auto 0px auto;}
a#next, a#prev{ width:40px; height:40px; position:fixed; cursor:pointer; outline:none; display:none; background:#aaa url(images/nav.png) no-repeat top left;}
a#next:hover, a#prev:hover{ background-color:#fff;}
a#next{ right:0px; top:50%; margin-top:-20px; background-position: 0px 0px;}
a#prev{ left:0px; top:50%; margin-top:-20px; background-position: 0px -40px;}