@charset "UTF-8";
/* CSS Document */

/*GLOBAL stYLES*/
body{
background:#386d23 url(../images/bg-isla-verde.jpg)  repeat;
font: 10px Verdana, Arial, Helvetica, sans-serif;
color:#000;
}

html, body, ul, li, p, h1, h2, h3, h4, h5, h6, form, a img, table,form {
margin: 0;
padding: 0;
border: 0;
outline:none;
}



/*CONTainerS*/
#container{
width:862px;
margin:auto;
background: #51310e url(../images/bg-container-hotel-restaurant.jpg) repeat;
border: 0 solid #2d1e07;
border-width:2px;
}

.content-isla-verde{
float:left;
width:542px;
padding: 8px 0 9px 11px;
}

.content-isla-verde-2{
width:827px;
padding: 8px 0 9px 11px;

}

.images-hotel-restaurant{
float:left;
width:299px;
padding:0 4px;
}

.box-content{
background:#FFFFFF;
border: 2px solid #330000;
border-width:0 2px;
width:477px;
padding:18px 30px;
height:402px;
}


.box-content-3{
background:#FFFFFF;
border: 2px solid #330000;
border-width:0 2px;
width:802px;
padding:18px 10px;
margin-left:2px;
height:402px;
}

.box-content-4{
background:#FFFFFF;
border: 2px solid #330000;
border-width:0 2px;
width:802px;
padding:18px 10px;
margin-left:2px;
}

.box-content-2{
background:#FFFFFF;
border: 2px solid #330000;
border-width:0 2px;
width:477px;
padding:18px 30px;

}

.bar-language{
background:url(../images/box-language-isla-verde.jpg) no-repeat;
height:20px;
padding-top:7px;
width:252px;
margin:10px 0 10px 20px;
color:#FFFFFF;
}

.bar-language-location{
background:url(../images/box-language-isla-verde.jpg) no-repeat;
background-position:right;
height:20px;
padding:7px 80px 0 0;
width:760px;
margin:0 0 10px 0;
color:#FFFFFF;
}

.header-1{
float:left;
width:688px;
margin-left:13px;
}

.header-2{
float:left;
width:144px;
}



/*nAVs-MENuS*/
.nav-hotel-isla-verde a {
float:left;
color:#fff;
height: 28px;
width:118px;
text-decoration: none;
text-align:center;
background:url(../images/nav-a-hotel-restaurant.jpg) repeat-x;
padding:15px 0 4px 0;
}
	
.nav-hotel-isla-verde a:hover {
color:#fff;
outline:none;
background:url(../images/nav-hover-isla-verde.jpg) repeat-x;
}

.border-left{
background:url(../images/nav-left-hotel.jpg) no-repeat;
float:left;
width:3px;
height:43px;
}

.border-right{
background:url(../images/nav-right-restaurant.jpg) no-repeat;
float:left;
width:3px;
height:43px;
}

.border-1{
background:url(../images/nav-left-hotel.jpg);
float:left;
width:3px;
height:43px;
}

ul.footer-isla-verde {
list-style:none;
text-align:center;
font: 10px Verdana, Arial, Helvetica, sans-serif;
color:#000;
}

ul.footer-isla-verde a {color:#000; text-decoration:none;}
ul.footer-isla-verde a:hover {color:#f1fa03; text-decoration:none;outline:none;}

ul.footer-isla-verde  li{display:inline;}




/*IMagES*/
.bar-isla-verde{
clear:both;
background:url(../images/bar-restaurant.jpg) repeat-x;
height:5px;
}

.menu01{ background:#FFF; padding:0 20px;}


.line-restaurant{
background:url(../images/line-title-restaurant.jpg) repeat-x;
height:8px;
clear:both;
margin-bottom:20px;
}

.border-style{
border:2px solid #336600;
border-width:2px;
}



/*TEXt*/
p, ul{ margin:10px;}

.txt-1{ font-size:14px; color:#2d1e07;}

h2{ font-size:12px; margin:0;}
h3{ font-size:12px; margin:0;}



/*BREAThes*/
.breathe{ padding:10px 0;}
.breathe-2{ margin:0; padding:0;}
.breathe-3{ padding-top:11px;}
.breathe-4{ padding-top:60px;}


/*LinKS*/
a:link{ color:#FFFFFF; text-decoration:none;}
a:hover{ color:#FFFFFF; text-decoration:underline;}
a:visited{ color:#FFFFFF; text-decoration:none;}

.other-links a:link{ color:#330000; text-decoration:none;}
.other-links a:hover{ color:#330000; text-decoration:underline;outline:none;}
.other-links a:visited{ color:#330000; text-decoration:none;}

.box-content a:link{ color:#330000; text-decoration:none;}
.box-content a:hover{ color:#330000; text-decoration:underline;outline:none;}
.box-content a:visited{ color:#330000; text-decoration:none;}

.breathe-2 a:link{ color:#330000; text-decoration:none;}
.breathe-2  a:hover{ color:#330000; text-decoration:underline;outline:none;}
.breathe-2  a:visited{ color:#330000; text-decoration:none;}


/*mapa*/
a.info2{
position:relative;
z-index:24; background-color:#E6E6E6;
color:#000;
text-decoration:none}

a.info2:hover{z-index:25; background-color:#ff0;outline:none;}

a.info2 span{display: none}

a.info2:hover span{
display:block;
position:absolute;
top:-450px; left:-15px; width:800px;
border:3px solid #666666;
background-color:#000000; color:#fff;
text-align: center;
outline:none;}


.titlemenu{ font-size:24px; font-family:"Times New Roman", Times, serif; color:#F90;}

#wrapper {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom:100px;
	}

.accordionButton {	
	width: 800px;
	float: left;
	_float: none;  /* Float works in all browsers but IE6 */
	background: #ffffff;
	border-bottom: 1px solid #FFFFFF;
	cursor: pointer;
	}
	
.accordionContent {	
	width: 800px;
	float: left;
	_float: none; /* Float works in all browsers but IE6 */
	background:;
	}
	
/***********************************************************************************************************************
 EXTRA STYLES ADDED FOR MOUSEOVER / ACTIVE EVENTS
************************************************************************************************************************/

.on {background:#ffffff;}
	
.over {background:#FFC;}