/* General styles */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{ margin: 0; padding: 0; }

body { background: #C6DCE7 url(../css/body.jpg) repeat-x left top; color:  #54110D; font: 62.5% normal Arial, Helvetica, sans-serif; text-align: center; }

h1 { color: #000; font-size: 2.6em; font-weight: bold; line-height: 130%; margin: 10px 0 10px 0; }
h2 { color: #b93800; font-size: 1.6em; font-weight: normal; line-height: 130%; margin: 5px 0 10px 0; }
h3 { color: #333; font-size: 1.5em; font-weight: bold; line-height: 130%; margin: 10px 0 5px 0; }
h4 { color: #6c5932; font-size: 1.4em; font-weight: bold; line-height: 130%; margin: 5px 0; }

p{ color: #333; font-size: 1.3em; line-height: 140%; margin: 5px 0; }

ul, ol { color: #333; font-size: 1.3em; margin-left: 20px; }
ul li, ol li { font-size: 1em; line-height: 150%; margin-bottom: 5px; }
ul li { background: url(../css/bullet.gif) no-repeat left 5px; margin-left: 0; padding-left: 12px; }
ul ul li, ol ol li { font-size: 1.1em; margin-left: 20px;}

blockquote { color: #333; font-size: 10px; line-height: 140%;  }

img { border: 0; }

a:link { color: #009EDF; }
a:hover { text-decoration: none; }
a:visited { color: #74beea; }

hr { display: none; }
.last { border: none !important;}
.clearb { clear: both !important;}
/* end General styles */

/* Global wrapper */
#global_wrapper { background: url(../css/wrapper.jpg) no-repeat center top; display: block; height: 100%; min-width: 1100px; width: 100%;}

/* Header */
div#header { height: 197px; margin: 0 auto; overflow: hidden; position: relative; width: 900px; }
	div#header h1 a{ background: url(../css/cielo_azul.png) no-repeat left top; display: block; height: 82px; position: absolute; left: 0; top: 44px; text-indent: -10000px; width: 282px; }
	
	p#top_phone { background: url(../css/tab_sup.png) no-repeat left top; color: #b6d3e5; display: block; font-size: 1.7em; height: 35px; margin: 0; padding: 5px 0 0 0; position: absolute; right: 12px; top: 0px; text-align: center; width: 420px; }
		p#top_phone a { color: #b6d3e5; }
	
	/* Menu */
	ul#main_navigation { list-style: none; overflow: hidden; position: absolute; left: 296px; top: 81px; width: 600px; }
	   ul#main_navigation li { background: none; float: left; margin: 0; padding: 0; }
		ul#main_navigation li a { background: url(../css/menu.jpg) no-repeat; color: #fff; display: block; height: 50px; text-decoration: none; text-transform: capitalize; text-indent: -1000000px; }
		   ul#main_navigation a#servicios { background-position: 0 0; width: 110px; }
		   ul#main_navigation a#flotilla { background-position: -110px 0; width: 103px;  }
		   ul#main_navigation a#sobre_nosotros { background-position: -214px 0; width: 122px; }
		   ul#main_navigation a#turismo_responsable { background-position: -336px 0; width: 145px; }
		   ul#main_navigation a#contacto { background-position: -481px 0; width: 117px; }
				

/* Decos left and right */
#shadows { margin: 0 auto; width: 1100px; background: url(../css/shadow.jpg) repeat-y center top;  }
#decos { margin: 0 auto; width: 1100px; }

/* Banners and Secondary Navigation */
#banner_secnav { display: block; height: 215px; margin: 0 auto; padding: 0; position: relative; width: 1100px; }
#sec_navigation { list-style: none; margin: 0; min-height: 250px; padding: 0 15px 20px 0; position: absolute; left: 100px; top: 0; text-align: left; width: 185px; }
  #sec_navigation li { height: 42px; }
    #sec_navigation li.lastChild { background: none !important;}
  #sec_navigation li a { display: block; font-size: 0.9em; font-weight: bold; height: 32px; padding: 10px 0 0 10px; text-decoration: none;}

/* Content */
#content_wrapper { margin: 0 auto; width: 1100px; }
#content { background: url(../css/content_bottom.gif) no-repeat left bottom; margin: 0 auto; overflow: hidden; padding: 0 100px; position: relative; text-align: left; width: 900px; }

/* Main area */
#main_content { display: block; float: left; padding: 0 25px 40px 25px; width: 578px; }
 #main_content img { float: left; margin:}
  #main_content ul { margin: 0 0 0 20px; padding: 0;}
 #main_content ul li { margin: 0; padding-left: 10px; }

#main_content table { margin: 10px auto; width: 100%; }
  #main_content table * {  color: #666; font-size: 11px; padding: 4px; }
  #main_content table th { background: #C3D9E4;  }
  #main_content table td { border-bottom: 1px solid #C3D9E4; }
  #main_content table td a { padding: 0;}
 
/* 3 columns */
#content div.three_col { border-bottom: #E3DEEB solid 1px; display: block; margin: 20px auto 10px auto; overflow: hidden; padding-bottom: 10px; width: 100%; }
  #content div.three_col div { display: block; float: left; heigth: 90px; margin: 0 5px; overflow: hidden; width: 180px; }
    #content div.three_col div img { float: none; }
    #content div.three_col div ul { margin: 0 0 0 10px; padding: 0; }
    #content div.three_col div ul li { background: url(../css/li-icon.gif) no-repeat left 6px; color: #9FA1A4; font-size: 11px; list-style: none; padding-left: 8px; }
    #content .three_col div a.button { background: url(../css/button_arrow.png) no-repeat left top; color: #fff; display: block; font-size: 1.2em; height: 18px; margin: 5px auto; padding: 2px 0 0 15px; text-decoration: none; width: 158px; }
    #content .three_col div a.button:hover { text-decoration: underline; }

 
/* Sidebar */
#sidebar { float: right; padding: 0 20px; width: 231px; }
  #sidebar h2 { font-size: 1.1em; } 
  #sidebar ul { list-style: none; }
  #sidebar a { text-decoration: none; }
    #sidebar a:hover { text-decoration: underline; }
  #sidebar a.button { background: url(../css/big_button.gif) no-repeat left center; color: #fff; display: block; font-size: 1.2em; font-weight: bold; height: 21px; padding: 6px 0 0 0; text-align: center; text-decoration: none; width: 223px;  }
    #sidebar a.button:hover { text-decoration: underline; }
	
  #sidebar div { clear: both; margin: 0 0 50px 0; overflow: hidden; }
  #sidebar div#evaluacion { clear: both; margin: 0 0 50px 0; overflow: hidden; }

/* Forms */
form { color: #333; font-size: 1.2em; margin: 10px auto; }
  form fieldset { border: 0; }
  form div { margin: 5px auto 10px auto; overflow: hidden; }
  form label { color: #DF1379; display: block; float: left; margin-right: 10px; padding-top: 4px; text-align: right; width: 110px; }

  form span { clear: both; color: #aaa; display: block; font-size: 0.9em; margin: 10px 0 0 120px; padding-top: 3px; width: 310px; }
  form span.ejemplos, form p, form p span { clear: none; color: #aaa; display: block; float: right; font-size: 0.9em; margin: 0; padding-top: 3px; width: 135px; }
    form label span { clear: none; color: #A7A9AC; display: inline; font-style: italic; margin: 0; }
    form label.error { color: red !important; display: block; font-weight: bold; margin: 0; padding: 0 !important; text-align: left; width: 130px; }

  form input { background: url(../css/input.png) no-repeat left top; border: 0; float: left; font: 1.1em Arial, Helvetica, sans-serif; height: 21px; margin-right: 5px; padding: 3px 3px 0 5px; width: 305px; }
  form textarea { background: url(../css/textarea.png) no-repeat left top; border: 0; float: left; font: 1.1em Arial, Helvetica, sans-serif; height: 107px; padding: 3px 3px 0 5px; width: 313px; }
  form select { float: left; }
  form button { background: url(../css/button.png) no-repeat left top; border: 0; color: #fff; font-size: 0.9em; font-weight: bold; height: 27px; width: 168px; }
  form div#submit_button { margin-top: 10px; padding-left: 120px; }


/* Footer */
div#footer {
	background: transparent url(../css/footer.gif) no-repeat center top;
	color: #0077CE;
	margin: 0 auto;
	overflow: hidden;
	padding: 10px 0;
	text-align: left;
	width: 900px;
}
	div#footer #logos { border-bottom: #80B0D0 solid 1px; height: 70px; width: 100%; }
		div#footer #logos li { visibility: hidden;}
	div#footer ul { clear: left; float: left; margin: 0 0 5px 0; overflow: hidden; }
		div#footer ul li { color: #005BA0; display: block; float: left; font-size: 10px; margin: 0 5px 0 0; padding: 0; letter-spacing: -1px; }
		div#footer ul li.fixed_width { text-align: right; width: 103px; }
		div#footer a { color: #5ba3cf; font-size: 10px; }
	div#footer div#copyright { float: right; width: 320px; }
		div#footer div#copyright p { color: #5ba3cf; font-size: 9px; margin: 0 0 3px 0; }

/* Gallery */
#main_content .picture_gallery { margin: 10px 0px 0; overflow: hidden; }
#main_content .picture_gallery ul { overflow: hidden; margin: 0; padding: 0 0 0 5px;}
#main_content .picture_gallery ul li { float: left; margin: 0 8px 20px 8px; overflow: hidden; width: 150px; }

/* Afiliaciones importantes */
#main_content .afiliaciones { margin: 10px 0px 0; overflow: hidden; }
#main_content .afiliaciones img { float: none; margin:0 115px 0 0;}
#main_content .afiliaciones ul { overflow: hidden; margin: 0; padding: 0 0 0 5px;}
#main_content .afiliaciones ul li { float: left; margin: 0 8px 20px 8px; overflow: hidden; width: 150px; }



.ui-tabs .ui-tabs-hide { display: none; }