body {font-family: sans-serif; margin-left:2%}
#header {background-color:#fff; /*border-style:solid; border-color:black;border-width:1px;*/}
#content {/*background-color: rgb( 149, 206, 145);*/float:right; width:80%;color:#333;font-family:arial,helvetica,sans serif; font-size:11pt}
#menu_hori {margin: 0 12em;text-indent:20%;border-style:solid; border-width:1px;border-color:#39C}
#page {width:1100px;}
#logo_top {text-indent:20%}
#languages {float:right}
#time {float:left; color:#09C; font-family:arial,helvetica,sans serif; font-size:8pt}

#header a {text-decoration:none}
a img {border:0;}

/*********** Index *******************************************/
#index_container {float:left; width:70%; margin: 0 0 25px 0;}
#index_container h1{font-size:17pt;color:#03A6F6;font-weight:normal;margin:0;}
#index_pictures {margin-top: 80px;float:right; width:28%;}
#index_pictures img {/*border:1px solid #3399CC; padding:3px; margin:5px*/}
/************************************************************/

/************ Gallery *****************************************/
#gallery a {color: #39C;}
#gallery a:hover {color:#600;text-decoration:none}

#comment {font-size:11pt;color:gray;}

#pictlarge {float:left;text-align:center; width:65%; vertical-align:middle}
#nav_pict {float:right;text-align:center; width:35%}

#pictlarge a img {border:1px solid #39C; padding:3px; margin:5px}
td.pictsmall {text-align:center;width:200px;}
.pictsmall a img {border:1px solid #39C; padding:4px; margin:5px}
.pictsmall a:hover img {border:1px solid #000; padding:4px; margin:5px}

/*#gallery_name {font-family:arial,helvetica,sans serif;text-indent:30%;color:#600;margin-top:15px;text-align:center;}*/
#gallery_name {margin-top:20px;text-indent:30%;}
#gallery_name h1{font-size:18pt;color:#03A6F6;font-weight:normal;margin:0;}

#menu_nav_page {font-family:arial,helvetica,sans serif;text-indent:25%;color:#600;margin-top:15px;}

#gallery_name_pict {font-family:arial,helvetica,sans serif;width:65%;text-align:center;color:#600;margin-top:15px;}
#gallery_name_pict h1 {font-size:18pt;color:#03A6F6;font-weight:normal;margin:0;}

#menu_nav_pict {font-family:arial,helvetica,sans serif;width:65%;text-align:center;color:#600;margin-top:15px;}

#first_link , #last_link {color:gray;}

#back_gallery {text-align: center; margin-top:5px;}
#back_gallery a {font-family:arial,helvetica,sans serif;color:#39C;}
#back_gallery a:hover {color:#600;text-decoration:none}

#nav_pict a img {text-align: center}
#nav_pict a img.normal {border:1px solid #39C; padding:4px; margin:5px;}
#nav_pict a:hover img.normal {border:1px solid #600; padding:4px; margin:5px;}
/*#nav_pict a img.opacity  {border:1px solid #000; padding:4px; margin:5px; filter:alpha(opacity=50);-moz-opacity:0.6;opacity:0.6;}
#nav_pict a:hover img.opacity {border:1px solid #600; padding:4px; margin:5px; filter:alpha(opacity=100);-moz-opacity:1.0;opacity:1.0;}*/

.link_dl a {color:#39C;}
.link_dl a:hover {color:#600;}
/************************************************************/


/************ Touristical information ***********************/
#touristical_container {float:left; width:70%; margin: 0 0 25px 0;}
#touristical_pictures {float:right; width:30%;text-align:center}
#touristical_pictures img {border:1px solid #39C; padding:3px; margin:5px}
#more_pictures {font-family:arial,helvetica,sans serif; font-size:11pt; text-align:center;}
#more_pictures a {color:#39C}
#more_pictures a:hover {color:#600}
.th{font-family:arial,helvetica,sans serif; font-size:14pt; font-weight:bold;font-style:italic;text-align:center;color:#600}
.ti{font-family:arial,helvetica,sans serif; font-size:10pt}
.tt {font-family:arial,helvetica,sans serif; font-size:11pt; font-weight:bold;font-style:italic;color:#600}
.tl {font-family:arial,helvetica,sans serif; font-size:11pt;}
.tl a {color:#39C;}
.tl a:hover {color:#600}
.cr {color:#600;font-family:arial,helvetica,sans serif; font-size:10pt; font-weight:bold;font-style:italic;text-align:right}
/**********************************************************/


/*********** shopping (compras) *******************************/
#s_container {color:#333;margin-top:30px;width:90%}
#s_introduction {font-family:arial,helvetica,sans serif; font-size:10pt;}
.s_container {border:1px solid #aaa; margin-top:35px;}
.s_container2 {margin: 10px 10px 10px 10px; position:relative;}
.s_title {font-size:12pt;font-weight:bold;color:#600;overflow:auto;}
.s_address {font-size:11pt;font-weight:bold;color:black}
.s_transportation {font-size:10pt;font-style:italic;color:black}
.s_open {font-size:10pt;font-style:italic;color:black}
.s_website a {font-size:11pt;color:#39C;}
.s_website a:hover {font-size:11pt;color:#600;}
.s_description {font-size:11pt; margin-top:15px;}
.s_title a {text-decoration:none;font-weight:normal;color:#600;position:absolute;right:20px;}
.shopContent {display:none;}
/**********************************************************/



/************ Contact ***************************************/
#contact {padding:30px;margin:25px;}
#contact_introduction {font-size:18pt;color:#03A6F6;}
#contact a {font-family:arial,helvetica,sans serif;color:#39C;}
#contact a:hover {color:#600;text-decoration:none;}
fieldset {margin: 1.5em 0 0 0; padding: 0; border: 1px solid #39C; width:75%;}
legend {margin-left: 1em; color: #600; font-weight: bold;}
fieldset ol { padding: 1em 1em 0 1em; list-style: none;}
fieldset li { padding-bottom: 1em;}
submit {float:none;padding-left:12em;}
fieldset.submit { border-style: none;}
label { float: left;  width: 15em;  margin-right: 1em;}
fieldset {float: left; clear: left; width: 75%; margin: 1.5em 0 1.5em 0; padding: 0;}
.contact_box {border:1px solid #39C; margin-top:25px;padding-top:25px;padding-left:25px; padding-right:50px; padding-bottom:25px;margin-right:auto;margin-left:auto;width:auto;}
.section_name {font-size:13pt; font-weight:bold;color:#39C;margin-top:15px; margin-bottom:5px;}
.inputsubmit{padding:2px 15px 3px 15px;border-style:solid;border-top-width:1px;border-left-width:1px;border-bottom-width:1px;border-right-width:1px;border-top-color:#D9DFEA;border-left-color:#D9DFEA;border-bottom-color:#0e1f5b;border-right-color:#0e1f5b;background-color:#3b5998;color:#FFFFFF;font-size:11px;font-family:"lucida grande", tahoma, verdana, arial, sans-serif;text-align:center;}
.contact_button {padding-left:224px;}
.contact_div{padding:10px; width:370px}
.contact_div2{padding:10px; width:370px}
.contact_left{width:150px;float:left;padding:7px 0px 0px 7px;	min-height:24px;}
.contact_right{width:190px;float:left;padding:5px;min-height:24px;}
.contact_clear{float:none;clear:both;	height:0px;}
.contact_row{	background-color:#fff;display:block;min-height:32px;}
.contact_text{width:190px;}
.ruler{width:400px; border-bottom:dashed 1px #dcdcdc;}
tr:focus{background-color:#fcfcf0;}
td{vertical-align:top;}
.over{background-color:#e6e2af;}
.out{	background-color:#fff;}
span.required:after {content: ' *';}

/***********************************************************/


/************ Links  ***************************************/
#link_container {font-family:arial,helvetica,sans serif;font-size:10pt; margin-top: 25px; padding-top:25px;padding-left:25px;}
#link_introduction, #link_introduction h1{font-size:18pt;color:#03A6F6;font-weight:normal;margin:0;}
.link_section {font-size:14pt;margin-top:10px}
.link {margin-top: 15px;}
.link a {color:#03A6F6;font-weight:bold;font-size:9pt}
.link a:hover {color:#600;text-decoration:none;}
#link_add {font-size:12pt; color:#03A6F6;}
#link_add a {font-size:16pt; color:#600;margin:150px;}
#link_add a:hover {text-decoration:none}
/***********************************************************/


/************* Amenities *******************/
#service_container  {margin-top:25px;padding-top:25px; padding-left:25px;}
#service_introduction, #service_introduction h1 {font-size:18pt;color:#03A6F6;font-weight:normal;margin:0;}
.service_line {margin-top:10px;}
#service_list {margin-top:25px;list-style:none;}
#service_list li {padding-left:25px;margin-top:15px;background-image : url(../img/blue-cross.gif); background-repeat: no-repeat; background-position: 0 0;} 
.italic {font-style:italic;font-weight:normal;}
/******************************************/

/************ Location *********************/
#location_container {margin-top:25px;padding:25px;}
#location_introduction, #location_introduction h1{font-size:18pt;color:#03A6F6; font-weight:normal;margin:0;}
.location_line {margin-top:10px;}
.location_line2 {font-size:13pt;color:#03A6F6;margin-top:10px;}
.location_headline h1{font-size:18pt;color:#03A6F6;margin-top:50px; font-weight:normal;}
.location_list {margin-top:15px;list-style:none;}
.location_list li {padding-left:25px;margin-top:15px;background-image : url(../img/blue-cross.gif); background-repeat: no-repeat; background-position: 0 0;} 
/******************************************/

/************ Link Exchange *********************/
#lx_container {margin-top:25px;}
#lx_introduction {font-size:18pt;color:#03A6F6;}
.lx_line {font-size:15pt; margin-top:12pt; padding-left:25px; color:#03A6F6;background-image:url(../img/blue-cross.gif); background-repeat: no-repeat; background-position: 0 3px;}
.lx_line2 {margin:15px 0 0 40px;}
.lx_headline {font-size:18pt;color:#03A6F6;margin-top:50px;}
.lx_list {margin-top:15px;list-style:none;margin: 0 0 0 45px;}
.lx_list li {padding-left:25px;margin-top:15px;background-image : url(../img/blue-cross.gif); background-repeat: no-repeat; background-position: 0 0;} 
#lx_block {margin: 15px 0 0 40px;border: 1px solid #222;padding:5px;background-color:#d6d6cb}
/******************************************/

/******************* News ****************************/
#article_container {margin:25px 0 0 0;width:85%}
#article {}
#article a { color:#39C;}
#article a:hover { color:#600;text-decoration:none}
.article_cell { border: 1px solid #39C; margin:15px 0 0 0; padding:5px;}
.article_title_summary  a {color:#000; font-size: 13pt; font-weight:bold;text-decoration:none}
.article_read {margin:10px 0 0 0;}
.article_teaser {margin: 10px 0 0 0;}
.article_teaser a {text-decoration:none;color:#333;}
.article_date {color:#AAA;}
.article_read a {color:#39C;}
.article_read a:hover {color:#600;text-decoration:none}
#article_title {font-size:16pt; margin: 25px 0 0 0;}
#article_content {margin: 25px 0 0 0;}
#article_date {margin:15px 0 0 0;color:#AAA;}
#article_back {margin: 15px 0 0 0;}
#article_back a {color:#39C;}

table.articlelist {border-width:1px; border-color:#222;}
.articleadd_block {margin:25px 0 0 0;}
.articleadd_col {font-size:15pt; font-weight:bold; margin: 0 0 0 0;}
.articleadd_val {font-size: 12pt; font-weight:normal; margin: 5px 0 0 0;}

/*****************************************************/

/************* ToDo *******************/
#todo_container  {margin-top:25px;padding-top:25px; padding-left:25px;}
#todo_introduction, #todo_introduction h1 {font-size:18pt;color:#03A6F6;font-weight:normal;margin:0;}
.todo_elem {margin-top:30px; margin-left: 15px; padding:10px;width:800px;border:1px solid #222; position:relative}
.todo_header , .todo_header h2 {font-size:12pt; font-weight:bold; overflow:auto; margin:0;}
.todo_header a  {text-decoration:none;font-weight:normal;position:absolute;right:20px;color:#03A6F6;}
.todo_howtogothere {font-size:11pt;font-style:italic;margin-top:5px;}
.todo_content {display:none;}
/******************************************/


/**************** NEW *************************************/

.fullpage_container {width:1150px;padding-top:2px;padding-right:12px;padding-bottom:2px;padding-left:12px;margin-top:0px;margin-right:auto;margin-bottom:0px;margin-left:auto;border:1px solid #39c;font-family:arial, helvetica, sans-serif;font-size:12pt;}

/********************* Header *****************************/
.header {margin-top:5px;margin-right:auto;margin-bottom:1px;margin-left:auto;padding-top:5px;/*padding-right:150px;bottom:50px;*/padding-left:12px; /*border:1px solid #39C;*/overflow:auto;}
.time {font-size:9pt;color:#09C;float:left;}
.lang {float:right; padding-right:35px;}
.logo_top {padding-left:350px;}
/*********************************************************/

/********************** Container **************************/
.container { /*border:1px solid #39C;*/ overflow: auto; padding-left:5px; padding-right:5px;padding-top:1px;padding-bottom:10px;}

.container_box {width:930px; padding-top:10px; padding-bottom:10px;height:auto;float:right;/*border:1px solid #39C;*/overflow:auto;}
.content {color:#333;font-family:arial,helvetica,sans serif; font-size:11pt;min-height:300px;}

.menu_horizontal_container {/*border:1px solid #39C;*/ overflow:auto; padding-left:35px;padding-right:5px; padding-top:1px; padding-bottom:1px;}

/***********************************************************/

/*********************** Footer ****************************/
.footer {margin-top:5px;margin-right:auto;margin-bottom:10px;margin-left:auto;padding-top:5px;/*padding-right:150px;bottom:50px;padding-left:150px;*/ border-top:1px dashed #39C;}
.footer1 {font-size:10pt;font-weight:bold; color: #600; padding-left:350px;}
.footer2 {font-size:9pt;font-weight:bold; color: #999;padding-left:350px;}
.footer2 a {text-decoration:none; color:#39C;}
.footer2 a:hover {color:#600;}
/***********************************************************/


/**************************************************************/
#suckerfishnav {
    background:#fff;
    font-size:14pt;
    font-family:arial, verdana,sans-serif;
    font-weight:bold;
    width:100%;
    }
#suckerfishnav, #suckerfishnav ul {
    float:left;
    list-style:none;
    line-height:40px;
    padding:0;
    /*border:1px solid #aaa;*/
    margin:0;
    width:100%;
    }
#suckerfishnav a {
    display:block;
    color:#fff;
    text-decoration:none;
    padding-right:20px;
    padding-left:20px;
	}
#suckerfishnav li {
    float:left;
    padding:0;
	background:#39c;
	border-right:1px solid #aaa;
    }
	
#suckerfishnav ul {
    position:absolute;
    left:-999em;
    height:auto;
    width:151px;
    font-weight:normal;
    margin:0;
    line-height:1;
    border:0;
    border-top:1px solid #666666;
    }
#suckerfishnav li li {
    width:149px;
    border-bottom:1px solid #666666;
    border-left:1px solid #666666;
    border-right:1px solid #666666;
    font-family:arial, verdana,sans-serif;
	height:30px;
	line-height:30px;
	color:#fff;
	padding:4px 10px;
    }
#suckerfishnav li li a {
    padding:0px;
	width:130px;
    font-size:12pt;
	font-weight:bold;
    color:#fff;
    }
#suckerfishnav li ul ul {
    margin:-21px 0 0 150px;
    }
#suckerfishnav li li:hover {
    background:#03A6F6/*#0B5A81*/;
    }
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a {
    color:#fff;
    }
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
    color:#fff;
    }
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {
    color:#fff;
    }
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {
    left:-999em;
    }
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {
    left:auto;
    background:#444444;
    }
#suckerfishnav li:hover, #suckerfishnav li.sfhover {
     background:#03A6F6/*#0B5A81*/;
    }


/***************** Suckerfish vertical menu *****************/
.vertmenu {width: auto; padding-top:76px;padding-left:10px;padding-right:10px;padding-bottom:10px;float: left; /*border:1px solid #39C;*/}

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	float : left;
	width : 11em;
}
	
#nav li { /* all list items */
	position : relative;
	float : left;
	line-height : 35px;
	margin-bottom : -1px;
	width: 11em;
}

#nav li:hover {background-color:#03A6F6;}
#nav li:hover > a {color:#fff; background:#03A6F6;}

#nav li ul { /* second-level lists */
	position : absolute;
	left: -999em;
	margin-left : 11.05em;
	margin-top : -37px;
}
	
#nav li ul ul { /* third-and-above-level lists */
	left: -999em;
}
	
#nav li a {
	width: 11em;
	w\idth : 10em;
	display : block;
	color : #39c;
	font-weight : normal;
	text-decoration : none;
	background-color : #fff;
	border : 1px solid #39c;
	padding : 0 0.5em;
}

#nav li ul li a {color:#600; font-weight:normal;}

#nav li a:hover {
	color : white;
	background-color : #03A6F6;
}
	
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}
	
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}
	
/*************************** END Suckerfish ***************************/

/***************************  AutoSuggest *****************************/
#search-wrap input{width:400px; font-size:16px; color:#999999; padding:6px; border:solid 1px #999999;}
#results{width:260px; border:solid 1px #DEDEDE; display:none;}
#results ul, #results li{padding:0; margin:0; border:0; list-style:none;}
#results li {border-top:solid 1px #DEDEDE;}
#results li a{display:block; padding:4px; text-decoration:none; color:#000000; font-weight:bold;}
#results li a small{display:block; text-decoration:none; color:#999999; font-weight:normal;}
#results li a:hover{background:#FFFFCC;}
#results ul {padding:6px;}
/*********************************************************************/

#home-slide {
	border: 1px solid #ccc;
	padding: 5px;
	margin: 20px 0;
}


/***************************************** Accordeon ************************************************************************/
#accordeon-container {margin-top: 25px; padding-right: 20px;}
.accordeon-container {border:solid 1px #c4c4c4;padding:0;margin:0;width:780px;margin-top:20px;}
.first {border:solid 1px #c4c4c4;padding:0;margin:0;width:780px;margin-top:20px;}
.accordeon-container > h2 {padding: 7px 10px; margin: 0;background: #e9e7e7 url(../img/arrow-square.gif) no-repeat right -48px; cursor: pointer;}
.accordeon-container > h2:hover {background-color: #e3e2e2;}
.accordeon-container .my-active {background-position: right 8px;}
.accordeon-content {display: none; padding: 7px 10px;}
.flight-container {margin-bottom: 20px;}
.accordeon-container h3 {padding: 7px 10px; margin: 0; background: #e9e7e7 url(../img/arrow-square.gif) no-repeat right -45px; cursor: pointer;}
.flight-content {display:none; padding: 7px 10px;}
.airline-container { border: 1px solid #c4c4c4; padding:0; margin-bottom: 15px; width: 90%;}
.airline-container > h4 { padding: 7px 10px; margin: 0; background: #e9e7e7 url(../img/arrow-square.gif) no-repeat right -45px; cursor: pointer;}
.airline-content {display: none; padding: 7px 10px;}
/***************************************************************************************************************************/