/*   ++++++++++++++++++++++++++++++++ main CSS Document for Scuba Libre ++++++++++++++++++++++++++++++++   */


/*   --- --- --- --- --- --- --- --- General definitions --- --- --- --- --- --- --- ---   */

body {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-family: trebuchet ms, Arial, Verdana, Helvetica;
	background: #003466;
}

img {
	border: none;
	padding: 0 0 0 0;
}

img.logo {
	padding: 0 0 0 0;
}

h1{
	color: #FF0F19;
	padding: 4px 15px 4px 15px;
	font-size: 18px;
	font-weight: bold;
	background: url(../images/general/40per_pix.png);
}

h1.book{
	color: #FF0F19;
	padding: 4px 15px 4px 15px;
	font-size: 18px;
	font-weight: bold;
	background: url(../images/general/pix_book.png) repeat-x;
	width: 770px;
	float: left;
	margin: 0 0 10px 0;
}

h2{
	color: #FF0F19;
	padding: 3px 15px 2px 15px;
	font-size: 16px;
	font-weight: bold;
}

h2.landing{
	color: #FF0F19;
	padding: 15px 15px 2px 15px;
	font-size: 16px;
	font-weight: bold;
}

h2.block{
	color: #FF0F19;
	padding: 4px 15px 4px 15px;
	font-size: 18px;
	font-weight: bold;
	background: url(../images/general/40per_pix.png);
}

h2.home{
	color: #FF0F19;
	padding: 4px 15px 4px 15px;
	margin: 15px 0 0 0;
	font-size: 18px;
	font-weight: bold;
	background: url(../images/general/40per_pix.png);
}

h2.home_box{
	display: block;
	padding: 5px 10px 5px 10px;
	color: #FF0F19;
	font-size: 14px;
	font-weight: bold;
}

h2.book{
	color: #FF0F19;
	padding: 4px 15px 4px 15px;
	font-size: 18px;
	font-weight: bold;
	background: url(../images/general/pix_book.png) repeat-x;
	width: 770px;
	float: left;
}

h3{
	color: #FFC423;
	padding: 0 0 0 0;
	font-size: 14px;
	font-weight: bold;
}

p{
	padding: 15px 15px 0 15px;
	color: #000000;
	font-weight: normal;
	font-size: 14px;
	text-align: justify;
}

p.home{
	font-size: 12px;
}

a:link, a:visited{
	text-decoration: underline;
	color: #13141F;
	font-weight: bold;
}

a:hover{
	/*color: #31344F;*/
	color: #FF0F19;
}

a.photo{
	color: #FF0F19;
	font-weight: bold;
	text-decoration: underline;
}

a.photo:hover{
	/*color: #FF441F;*/
	color: #000000;
}

a.hidden {
	display: none;
}

a.book{
	background: url(../images/general/book.png) no-repeat;
	float: right;
	padding: 4px 0 4px 0;
	font-size: 18px;
	font-weight: bold;
	width: 115px;
	text-decoration: none;
	margin: 0 0 10px 0;
}

a.book_de{
	background: url(../images/general/book_de.png) no-repeat;
	float: right;
	padding: 4px 0 4px 0;
	font-size: 18px;
	font-weight: bold;
	width: 115px;
	text-decoration: none;
	margin: 0 0 10px 0;
}

a.book_it{
	background: url(../images/general/book_it.png) no-repeat;
	float: right;
	padding: 4px 0 4px 0;
	font-size: 18px;
	font-weight: bold;
	width: 115px;
	text-decoration: none;
	margin: 0 0 10px 0;
}

a.book_fr{
	background: url(../images/general/book_fr.png) no-repeat;
	float: right;
	padding: 4px 0 4px 0;
	font-size: 18px;
	font-weight: bold;
	width: 115px;
	text-decoration: none;
	margin: 0 0 10px 0;
}

a.book_es{
	background: url(../images/general/book_es.png) no-repeat;
	float: right;
	padding: 4px 0 4px 0;
	font-size: 18px;
	font-weight: bold;
	width: 115px;
	text-decoration: none;
	margin: 0 0 10px 0;
}

ul.list{
	padding: 15px 15px 0 15px;
	font-size: 14px;
}

ul.list li{
	list-style: none;
	background: url(../images/pages/courses/arrow.png) 1px 5px no-repeat;
	padding: 2px 0 0 15px;
	line-height: 18px;
	}

ul.list_02{
	padding: 15px 15px 0 15px;
	font-size: 14px;
}

ul.list_02 li{
	list-style: disc;
	list-style-position: inside;
	}


.highlight {
	font-weight: bold;
	color: #FF0F19;
	font-size: 14px;
}

#clear{
	height: 1px;
	width: 800px;
	clear: both;
	line-height: 1px;
}

/*   ------------------ header ---------------------   */

#header {
	display: block;
	width: 914px;
	padding: 3px 0 0 0;
	height: 190px;
}

/*   ------------------ footer ---------------------   */

#footer {
	width: 885px;
	height: 20px;
	padding: 10px 15px 2px 15px;
	margin: 25px 0 3px 0;
	font-size: 11px;
	color: #000000;
	display: block;
	background: url(../images/general/40per_pix.png);
}

.social{
float: left;
display: block;
}

.social img{
	padding: 0 5px 0 0;
}

.credits{
	padding: 0 0 7px 15px;
	float: right;
	display: block;
}

/*   ---------------- content -----------------   */


#content {
	display: block;
	width: 915px;	
	padding: 0 0 15px 0;
	background: url(../images/general/60per_pix.png);
}

/* ------------------------ homepage ------------------------ */

.home_box_extra_big {
	margin: 15px 0 15px 15px;
	padding:0 0 1px 0;
	display: block;
	float: left;
	background: url(../images/general/100per_pix.gif) repeat;
	width: 431px;
	height: 272px;
	border: 2px solid #FF0F19;
}

.home_box_big {
	margin: 15px 0 0 15px;
	padding:0 0 1px 0;
	display: block;
	float: left;
	background: url(../images/general/home_block_header.png) repeat-x;
	width: 285px;
	height: 343px;
}

.home_box_small {
	margin: 15px 0 15px 15px;
	float: left;
	background: url(../images/general/home_block_header.png) repeat-x;
	width: 285px;
	height: 217px;
}

.home_box_small .description, .home_box_big .description, #gallery_homepage .description, .home_box_photo_submission .description, .home_box_extra_big .description {
	display: block;
	padding: 5px 5px 5px 5px;
	text-align: justify;
	color: #000000;
	font-size: 12px;
	line-height: 14px;
}

.home_box_big .description a {
	font-size: 12px;
	line-height: 14px;
	text-decoration: underline;
	font-weight: bold;
	display: inline;
}

.home_box_small a.text_link, .home_box_big a.text_link, #gallery_homepage a.text_link, .home_box_photo_submission a.text_link, .home_box_extra_big a.text_link {
	display: block;
	padding: 0 5px 5px 5px;
	color: #FF0F19;
	font-size: 12px;
	line-height: 14px;
}

.home_box_small a.text_link:hover, .home_box_big a.text_link:hover, #gallery_homepage a.text_link:hover, .home_box_photo_submission a.text_link:hover, .home_box_extra_big a.text_link:hover {
	color: #000000;
}

.home_box_small a {
	display: block;
	padding: 0;
	border: 0;
}

.home_box_big .title, .home_box_small .title, #gallery_homepage .title, .home_box_photo_submission .title, .home_box_extra_big .title, .home_box_extra_big .title {
	display: block;
	padding: 5px 10px 5px 10px;
	color: #FF0F19;
	font-size: 14px;
	font-weight: bold;
}

a.home_box_title {
	color: #FF0F19;
	text-decoration: none;
}

#tripadvisor {
	display: block;
	float: right;
	padding: 0 0 0 0;
	margin: 0 15px 0 0;
	height: 355px;
	width: 468px;
	background: #589442;
}

#gallery_homepage {
	display: block;
	float: left;
	margin: 0 15px 0 15px;
	padding: 0 0 0 0;
	height: 355px;
	width: 400px;
	background: url(../images/general/home_block_header.png) repeat-x;
}

.home_box_photo_submission {
	background: url(../images/general/home_block_header.png) repeat-x;
	display: block;
	float: left;
	margin: 15px 15px 0 15px;
	padding: 0 0 0 0;
	height: 150px;
	width: 480px;
}

.home_box_photo_submission img {
	border: none;
	display: block;
	float: left;
	margin: 2px 10px 0 0;
	padding: 0 0 0 0;
}

.home_box_photo_submission .title  {
	display: block;
	padding: 8px 10px 6px 35px;
	color: #FF0F19;
	font-size: 14px;
	line-height: 14px;
	font-weight: bold;
	background: url(../images/general/camera.png) 8px no-repeat;
}

.home_box_photo_submission .description {
	display: block;
	padding: 7px 10px 5px 0;
	text-align: justify;
	color: #000000;
	font-size: 12px;
	line-height: 14px;
}

.home_box_photo_submission a.text_link {
	display: block;
	padding: 0 10px 5px 0;
	color: #FF0F19;
	font-size: 12px;
	line-height: 14px;
}

.home_box_photo_submission a.text_link:hover{
	color: #000000;
}

img.facebook{
	padding: 15px 0 0 0;
	border: none;
	margin: 0 0 0 0;
	float:left;
	}

.weather {
	display: block;
	float: right;
	margin: 15px 15px 0 0;
	padding: 0 0 0 0;
	height: 150px;
	width: 180px;
}

/* this one is for shaddowbox */
.home_box_big a.hidden, .home_box_small a.hidden {
	display:none;
}

/* ------------------------ other pages ------------------------ */

/* --- content blocks --- */

.info_block {
	display: block;
	padding: 10px 0 0 0;
	height: 190px;
}

.info_block_02 {
	display: block;
	padding: 5px 0 0 0;
	height: 185px;
}

.info_block img{
	border: none;
	padding: 15px;
	float: left;
}

.info_block_02 img{
	border: none;
	padding: 15px 15px 0 15px;
	float: left;
}

.mini_block {
	display: block;
	padding: 0 0 0 0;
	height: 120px;
}

.mini_block img{
	border: none;
	padding: 15px;
	float: left;
}

.course_block {
	display: block;
	padding: 10px 0 5px 0;
}

.course_block img{
	border: none;
	padding: 15px 15px 5px 15px;
	float: left;
}

.info_img{
	float: left;
	border: none;
	padding: 5px 15px 5px 15px;
	display: block;
}

.info_img_02{
	border: none;
	padding: 5px 15px 10px 15px;
	float: left;
	display: block;
}

.info_img_03{
	border: none;
	padding: 5px 15px 20px 15px;
	float: left;
	display: block;
}

.info_img_04{
	border: none;
	padding: 5px 15px 30px 15px;
	float: left;
	display: block;
}

.info_img_05{
	border: none;
	padding: 5px 15px 40px 15px;
	float: left;
	display: block;
}

.info_img_06{
	border: none;
	padding: 5px 15px 70px 15px;
	float: left;
	display: block;
}

.info_img_07{
	border: none;
	padding: 5px 15px 100px 15px;
	float: left;
	display: block;
}

p.first {
	padding: 5px 15px 0 15px;
}

#spacer {
	height: 10px;
	width: 800px;
	clear: both;
	line-height: 15px;
}

img.elearning {
	float: right;
	padding: 20px 15px 0 0;
}

.links_block, .links_text_block{
	display: block;
	padding: 10px 0 5px 15px;
	font-size: 12px;
}

.links_block h2, .links_text_block h2{
	padding: 0 15px 15px 0;
}

.links_block img{
	border: none;
	padding: 0 15px 15px 0;
}

.links_text_block img{
	border: none;
	padding: 0 15px 15px 0;
	float: left;
}

.data {
	padding: 15px 15px 15px 15px;
	color: #000000;
	font-weight: normal;
	font-size: 12px;
	display: block;
}
	
.data label {
	font-weight: bold;
	width: 120px;
	float: left;
}

.sitemap_c1{
	padding: 10px 0 15px 0;
	width: 410px;
	display: block;
	float: left;
}

.sitemap_c2{
	padding: 10px 0 15px 0;
	width: 470px;
	display: block;
	float: right;
}

.sitemap_c1 ul, .sitemap_c2 ul{
	padding: 5px 0 10px 45px;
	font-size: 12px;
	line-height: 14px;
}

.sitemap_c1 ul li ul, .sitemap_c2 ul li ul{
	padding: 5px 0 0 15px;
	line-height: 14px;
}

.sitemap_c1 li, .sitemap_c2 li{
	padding: 0 0 5px 0;
	line-height: 14px;
}

.sitemap_c1 li.spacer, .sitemap_c2 li.spacer{
	padding: 0 0 5px 0;
	font-size: 5px;
	line-height: 5px;
}

.sitemap_c1 h2, .sitemap_c2 h2{
	padding: 10px 0 5px 43px;
	background: url(../images/general/star.png) 23px 12px no-repeat;
}

/* --- tables --- */

/* - fishing - */

table.fish {
	border: none;
	margin: 15px 15px 0 15px;
	width: 885px;
	font-size: 12px;
}

table.fish td {
	border: none;
	padding: 2px 2px 2px 7px;
	border-top: 1px solid #666666;
	border-left: 1px solid #666666;

}

table.fish td.corner {
	border: none;
}

table.fish td.fish {
	width: 101px;
	height: 23px;
	font-weight: bold;
	border-left: none;
}

table.fish td.month {
	width: 53px;
	font-size: 10px;
	font-weight: bold;
	border-top: none;
	height: 15px;
	padding: 2px 2px 4px 7px;
}

/* - prices - */

table.prices {
	border: none;
	margin: 15px;
	width: 885px;
	font-size: 14px;
	background-color: #FFFFFF;
}

table.prices_last {
	border: none;
	margin: 15px 15px 0 15px;
	width: 885px;
	font-size: 14px;
	background-color: #FFFFFF;
}

td.head, td.head a {
	color: #FF0F19;
	font-weight: bold;
	font-size: 16px;
} 

td.head {
	background-color: #E0EBEF;
	padding: 5px 5px 5px 10px;
	width: 650px;
} 

td.price {
	color: #31344F;
	font-size: 12px;
	background-color: #E0EBEF;
	padding: 5px;
	width: 90px;
} 

td.book {
	background-color: #E0EBEF;
	padding: 5px;
	width: 70px;
} 

td.first {
	padding: 2px 2px 2px 10px;
}

td.first_note{
	font-size: 12px;
	padding: 2px 2px 2px 10px;
	background-color: #E0EBEF;

}

td.price_note {
	font-size: 12px;
	padding: 2px 2px 2px 2px;
	background-color: #E0EBEF;
}

td.inbetween {
	height: 10px;
	font-size: 4px;
}

/* --- images --- */

#one_image {
	padding: 15px 15px 15px 15px;
}

#one_image_02 {
	padding: 15px 15px 0 15px;
}

#three_images {
	padding: 15px 15px 15px 15px;
}

#three_images_02 {
	padding: 15px 15px 0 15px;
}

.middle_image{
	padding: 0 15px 0 15px;
}

#logos_down {
	width: 103px;
	padding: 15px 15px 0 15px;
	display: block;
	float: left;
}

#logos_down_longer {
	width: 103px;
	padding: 15px 15px 15px 15px;
	display: block;
	float: left;
}

#logos_down_longest {
	width: 103px;
	padding: 15px 15px 60px 15px;
	display: block;
	float: left;
}

#logos_down img, #logos_down_longer img, #logos_down_longest img {
	padding: 0 0 15px 0;
}


/* ------------------------ gallery ------------------------ */

.gallery_box {
	margin: 15px 0 0 15px;
	float: left;
	background: url(../images/general/home_block_header.png) repeat-x;
	width: 285px;
	height: 280px;
}

.gallery_box .title {
	display: block;
	padding: 5px 10px 5px 10px;
	color: #FF0F19;
	font-size: 14px;
	font-weight: bold;
}

.gallery_box .description {
	display: block;
	padding: 10px 10px 5px 10px;
	color: #000000;
	font-size: 12px;
	line-height: 14px;
}

.gallery_box a.text_link {
	display: block;
	padding: 0 10px 5px 10px;
	color: #FF0F19;
	font-size: 12px;
	line-height: 14px;
}

.gallery_box a.text_link:hover {
	color: #000000;
}

.gallery_box a {
	display: block;
	padding: 0;
	border: 0;
}

/* this one is for shaddowbox */
.gallery_box a.hidden {
	display:none;
}


/* ------------------------ contact, reservations & forms ------------------------ */

#contact_form_left {
	padding: 0 0 0 0;
	width: 410px;
	display: block;
	float: left;
}

#contact_form_left img {
	border: none;
	padding: 15px 15px 15px 15px;
	float: left;
}

#contact_form_left h2 {
	padding: 5px 0 10px 33px;
	background: url(../images/general/star.png) 13px 7px no-repeat;
	display: block;
	float: left;
	width: 350px;
}

p.contact {
	padding: 15px 15px 0 33px;
}

#contact_tripadvisor_left {
	margin: 30px 0 0 15px;
	padding: 0 0 0 0;
	background: #FFFFFF;
	width: 390px;
	display: block;
	float: left;
}

#contact_tripadvisor {
	padding: 0 0 0 0;
	margin: 0 15px 0 15px;
	width: 465px;
	display: block;
	float: right;
	font-size: 12px;
	background: #FFFFFF;
}

#contact_right {
	padding: 15px 15px 15px 15px;
	margin: 15px 15px 15px 15px;
	width: 435px;
	display: block;
	float: right;
	font-size: 12px;
	background: #FFFFFF;
}

#contact_right img {
	border: none;
	padding: 0 15px 15px 0;
	float: left;
}

#contact_form_right {
	padding: 15px 15px 15px 15px;
	margin: 15px 15px 15px 15px;
	width: 435px;
	display: block;
	float: right;
	background: #FFFFFF;
}

#contact_form_right .title, #contact_right .title  {
	color: #FF0F19;
	padding: 0 0 10px 0;
	font-size: 16px;
	font-weight: bold;
	display: block;
}

#contact_form_right .sub_title {
	padding: 0 0 20px 0;
	font-size: 12px;
	font-weight: bold;
	display: block;

}

a.facebook {
	display: block;
	}

input.short{
	border: 1px solid #8d8d8d;
	background: #ffffff;
	margin: 0 10px 10px 0;
	width: 280px;
	height: 20px;
	font-size: 14px;
}

input.shorter{
	border: 1px solid #8d8d8d;
	background: #ffffff;
	margin: 0 10px 10px 0;
	width: 200px;
	height: 20px;
	font-size: 14px;
}

input.longer{
	border: 1px solid #8d8d8d;
	background: #ffffff;
	margin: 5px 10px 10px 0;
	width: 420px;
	height: 20px;
	font-size: 14px;
}

input.mini{
	border: 1px solid #8d8d8d;
	background: #ffffff;
	margin: 0 10px 10px 0;
	width: 100px;
	height: 20px;
	font-size: 14px;
}

input.tick{
	margin: 0 10px 0 0;
	font-size: 12px;
	float: left;
}

textarea{
	border: 1px solid #8d8d8d;
	background: #ffffff;
	margin: 5px 10px 10px 0;
	width: 420px;
	height: 200px;
	font-size: 14px;
}

select {
	width: 150px;
	font-size: 12px;
}

label.form{
	width: 140px;
	float: left;
	font-size: 14px;
}

label.code_check{
	width: 320px;
	float: left;
	font-size: 14px;
}

label.newsletter{
	width: 400px;
	font-size: 14px;
}

label.message{
	width: 420px;
	font-size: 14px;
}

/* --- buttons --*/

input.send{
	background: #088F00 url(../images/general/send.png) 3px 3px no-repeat;
	padding: 3px 7px 3px 27px;
	color: #FFFFFF;
	font-size: 14px;
	border: 1px solid #FFFFFF;
	cursor: pointer;
	margin: 0 30px 0 0;
}

input.reset{
	background: #FF5A00 url(../images/general/reset.png) 3px 3px no-repeat;
	padding: 3px 7px 3px 27px;
	color: #FFFFFF;
	font-size: 14px;
	border: 1px solid #FFFFFF;
	cursor: pointer;
	margin: 0 10px 0 0;
}

input.send:hover{
	background: #0ABF00 url(../images/general/send.png) 3px 3px no-repeat;
}

input.reset:hover{
	background: #FF782F url(../images/general/reset.png) 3px 3px no-repeat;
}

/*  --- messages ---  */

.error{
	background: url(../images/general/achtung.png) no-repeat;
	display: block;
	color:#EC0000;
	padding: 2px 0 20px 27px;
	font-size: 14px;
}

.success{
	background: url(../images/general/happy.png) no-repeat;
	display: block;
	color: #00CC00;
	padding: 2px 0 20px 27px;
	font-size: 14px;
}