/* CSS Document */
/* GENERIC */
* {margin:0;padding:0;}
.clear {clear: both;}
body {background: url(images/background.jpg) repeat-x;text-align:center;font: 80% "Trebuchet MS", Tahoma, Verdana, sans-serif; color:#FFF;background-color:#3A95C2;}


#outer{	width:766px; margin: 0 auto; padding: 0; text-align:left;}
#content {width:766px;margin: 0;background: url(images/bg_content.jpg) no-repeat;padding: 0 25px;text-align:left;}
#content_a {width:766px;margin: 0;background: url(images/bg_content.jpg) no-repeat;height:290px;padding: 0 25px;text-align:left;}
#content2 {width:766px;margin: 0;background: url(images/bg_content.jpg) no-repeat;height:380px;padding: 0 25px;text-align:left;}
#pic {background:url(images/bg_img2.jpg) no-repeat bottom left;	width:715px;height:230px;margin-left:31px;padding:0;}
#footer {width: 720px;height: 30px;line-height: 30px;text-align:center;color: #FFF;clear:both;margin:0 auto;}
#headerimage {margin-left:15px;height:77px;padding:0 78px 0 40px;}
/* CLASSES */
.bl_1 {float:left;width:206px;height:264px;margin:2px 15px 0 10px;background:url(images/bl_1.gif) no-repeat;padding:0;display:inline;}
.bl_2 {float:left; width:474px; height:132px; margin: 0 0 4px 7px; background:url(images/bl_2.gif) no-repeat;padding:0;}
.bl_3 {float:left; width:235px; height:142px; margin: 2px 2px 0 4px; background:url(images/bl_3.gif) no-repeat;padding:0;}
.bl_4 {float:left; width:237px; height:277px; margin: 2px 0 0 7px; background:url(images/bl_4.gif) no-repeat;padding:0;}
.bl_5 {float:left; width:230px; height:277px; margin: 2px 0 0 7px; background:url(images/bl_5.gif) no-repeat;padding:0;}
.bl_6 {float:left; width:474px; height:136px; margin: 2px 0 0 7px; background:url(images/bl_6.gif) no-repeat;padding:2px 0 0 2px;}
.bl_7 {float:left; width:474px; height:279px; margin: 2px 0 0 7px; background:url(images/bl_7.gif) no-repeat;padding:10px;}
.left {float:left;margin:4px 5px 0 10px;}
.bottom {float:left;margin:5px 0 0 5px;}

.s_pics {margin-top:5px;}
.right {float:right;margin:2px;}
.right_p {float:right;margin:2px 2px 2px 40px;}
.right_s {float:right;margin-top:4px; color:#FFF;}
.centre {margin:6px 0 3px 27px;}

.roundedcornr_box_197449 {background: #45a3ca;margin: 12px 9px 0 9px;width:699px;}
.roundedcornr_top_197449 div {background: url(images/roundedcornr_197449_tl.png) no-repeat top left;}
.roundedcornr_top_197449 {background: url(images/roundedcornr_197449_tr.png) no-repeat top right;}
.roundedcornr_bottom_197449 div {background: url(images/roundedcornr_197449_bl.png) no-repeat bottom left;}
.roundedcornr_bottom_197449 {background: url(images/roundedcornr_197449_br.png) no-repeat bottom right;}
.roundedcornr_bottom_blue div {background: url(images/blue_bl.png) no-repeat bottom left;}
.roundedcornr_bottom_blue {background: url(images/blue_br.png) no-repeat bottom right;}
.blueline {border-bottom:3px solid #1D80B9;}

.roundedcornr_top_197449 div, .roundedcornr_top_197449, .roundedcornr_bottom_197449 div, .roundedcornr_bottom_197449 .roundedcornr_bottom_blue div, .roundedcornr_bottom_blue  {width: 100%;height: 30px;font-size: 1px;}
.roundedcornr_content_197449 { margin: 0 10px 0 35px; font-size:100%;}
#content-corn{width:766px;margin: 0;background: url(images/bg_content.jpg) no-repeat;padding: 0 25px;text-align:left;}
h4 a {color:#D82B5E;}
#pic a, a:link, #pic a:visited {color:#D82B5E;}
#pic a:hover, #pic a:visited:hover{color:#1D80B9;}
a, a:link {color: #FFF;text-decoration:underline;font-weight: bold;font-size: 110%;}
a:visited {color: #FFF;}
a:hover {color:#FFCC33;}
a:visited:hover{color:#FFCC33;}

/* NAVIGATION */
ul#navigation {padding:26px 0 0 0; list-style-type: none; width:766px; height:40px;margin-left:29px;}
ul#navigation li {display:inline;text-indent:-10000px;float:left;}
ul#navigation li a{display:block;height:40px;}

a#home_btn {background: url(images/home-btn.gif) no-repeat left top;width:126px;}
a#villacana_btn {background: url(images/villacana-btn.gif) no-repeat left top;width:135px;}
a#services_btn {background: url(images/services-btn.gif) no-repeat left top;width:113px;}
a#booking_btn {background: url(images/booking-btn.gif) no-repeat left top;width:111px;}
a#location_btn {background: url(images/location-btn.gif) no-repeat left top;width:111px;}
a#contact_btn {background: url(images/contact-btn.gif) left top;width: 119px;}

a#home_btn:hover, body#home_btn a#home_btn {background: url(images/home-btn.gif) no-repeat left bottom;width:126px;}
a#villacana_btn:hover, body#villacana_btn a#villacana_btn {background: url(images/villacana-btn.gif) no-repeat left bottom;width:135px;}
a#services_btn:hover, body#services_btn a#services_btn {background: url(images/services-btn.gif) no-repeat left bottom;width:113px;}
a#booking_btn:hover, body#booking_btn a#booking_btn {background: url(images/booking-btn.gif) no-repeat left bottom;width:111px;}
a#location_btn:hover, body#location_btn a#location_btn {background: url(images/location-btn.gif) no-repeat left bottom;width:111px;}
a#contact_btn:hover, body#contact_btn a#contact_btn {background: url(images/contact-btn.gif) no-repeat left bottom;width: 119px;}

a#home_btn_es {background: url(images/es/home-btn.gif) no-repeat left top;width:126px;}
a#villacana_btn_es {background: url(images/es/villacana-btn.gif) no-repeat left top;width:135px;}
a#services_btn_es {background: url(images/es/services-btn.gif) no-repeat left top;width:113px;}
a#booking_btn_es {background: url(images/es/booking-btn.gif) no-repeat left top;width:111px;}
a#location_btn_es {background: url(images/es/location-btn.gif) no-repeat left top;width:111px;}
a#contact_btn_es {background: url(images/es/contact-btn.gif) left top;width: 119px;}

a#home_btn_es:hover, body#home_btn_es a#home_btn_es {background: url(images/es/home-btn.gif) no-repeat left bottom;width:126px;}
a#villacana_btn_es:hover, body#villacana_btn_es a#villacana_btn_es {background: url(images/es/villacana-btn.gif) no-repeat left bottom;width:135px;}
a#services_btn_es:hover, body#services_btn_es a#services_btn_es {background: url(images/es/services-btn.gif) no-repeat left bottom;width:113px;}
a#booking_btn_es:hover, body#booking_btn_es a#booking_btn_es {background: url(images/es/booking-btn.gif) no-repeat left bottom;width:111px;}
a#location_btn_es:hover, body#location_btn_es a#location_btn_es {background: url(images/es/location-btn.gif) no-repeat left bottom;width:111px;}
a#contact_btn_es:hover, body#contact_btn_es a#contact_btn_es {background: url(images/es/contact-btn.gif) no-repeat left bottom;width: 119px;}

/* TIPOGRAPHY */
p {padding:2px 15px 2px 15px;font-size:95%;}
h1, h2 {font-family:"Times New Roman", Times, serif;font-size:150%;font-weight:700;color:#FFF;margin:7px 5px 0 15px;font-style:italic;}
h3 {font-size:110%;font-weight:bold;color:#FFCC33;margin:15px 5px 5px 10px;}
h4 {font-size:120%;font-weight:bold;color:#FFCC33;margin:5px 5px 0px 10px;}
h5 {padding:2px 0 2px 20px;font-size:90%;font-weight:normal;line-height:14px;}
.formheading {font-size:120%;font-weight:bold;color:white;margin:5px 5px 0px 10px; font-style:italic;}
ul {list-style-type:square; list-style-position:outside;margin-left:30px;line-height:15px;}
ol {list-style-position:outside;margin-left:30px;line-height:20px;}

/* FORMS */

table{font-size:90%;}
ul table {list-style-type:square; list-style-position:outside;margin-left:10px;line-height:15px;}
input{background:#45A3CA;border:1px solid #fff;font-family:Tahoma;color:#FFCC33;font-size:11px;height:15px;width:190px;} 
textarea{background:#45A3CA;border:1px solid #fff;font-family:Tahoma;color:#FFCC33;font-size:11px;width:190px;} 


.submit2 {width:70px; margin-top:3px; margin-bottom:3px; border:2px solid #000; background:#ffffff; height:20px;font-weight:bold; } 
.submit {width:60px; margin-top:3px; margin-bottom:3px; background:#ffffff; height:20px;color:#d92c61;font-weight:bold; } 

.bl_1 input {background:transparent;border:1px solid #FFF;font-family:Tahoma;color:#FFCC33;font-size:10px;width:90px;height:13px;} 
.opt_dates {height:15px;width:95px;background-color:transparent;font-weight:bold;}
.other_info {background-color:transparent;font-weight:bold;}

.bl_1 form {margin-left:5px;}
.border {border:1px solid #98DBEE;padding:10px;margin-left:10px;}
select{font-family:Tahoma;color:#000000;font-size:10px;}
.selecter {font-family:Tahoma;color:#000000;font-size:10px;width:80px;}
.bl_1 .box_check {width:15px; height:15px;border:none;}
.bl_1 .submit {width:90px; margin-bottom:4px; margin-top:4px;float:right;border:none;margin-rigth:20px;height:16px;font-size:100%;font-weight:700; color:#d92c61; background:#ffffff;}

/* OTHERS */
.listbox {width: 664px;padding: 20px;background-color: #45A3CA ;float: left;margin-top:15px; margin-bottom: 5px; color: #ffffff;border:1px solid #FFF;margin-left:7px;}
.listbox h3 {color: #FFF;font-size: 150%; font-weight: bold;}
#contactbox {width: 474px;padding: 20px;background: url(images/bl_7.gif) no-repeat;float: left;margin-left:5px;color: #ffffff;height:279px;}

#contactbox h3 {color: #FFF;font-size: 150%; font-weight: bold;}
.contacty {	font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif; font-size: 12px; width: 200px;}

.oceanwave {border: 3px #7f051c solid; width: 340px; background: #ffc5d2;font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;font-size: 120%; font-weight: bold;}

.listleft {float: left;width: 210px;}
.listright {float: right; font-size: 120%;width: 410px;}

#profileleft{float: left;background-color: #51a9d7 ;border:1px solid #FFF;margin:0;}
#profileleft h3{color: #FFF;font-size: 150%; font-weight: bold;}
#profileright {float: right;width: 280px;color:#13567D;;margin-top: 35px;padding: 10px;}
#salebox {background:  url(images/searchbox.gif) no-repeat;width: 400px;padding: 20px;height: 216px;margin-left:10px;}
#salebox h3 {color: #ffffff;font-size: 150%; font-weight: bold;}
#salebox td{color: #ffffff; font-weight: bold; font: 12px;}
#salebox select {	font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif; font-size: 12px; width: 122px;}
#salebox input {border: 3px #7f051c solid; width: 260px; background: #ffc5d2;font-family:"Trebuchet MS", Tahoma, Verdana, sans-serif;font-size: 120%; font-weight: bold; color: #7f051c}
.price {color:#ffcc33; font-weight: bold;}

.weather_border {
border: 2px solid #D02046;
}