/*
    Tripoli is a generic CSS standard for HTML rendering.
    Copyright (C) 2007  David Hellsing

    This program is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    This program is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with this program.  If not, see <http://www.gnu.org/licenses/>.
*/

* {
	text-decoration: none;
	font-size: 1em;
	outline: none;
	padding: 0;
	margin: 0;
	}
code, kbd, samp, pre, tt, var, textarea,
input, select, isindex, listing, xmp, plaintext {
	white-space: normal;
	font-size: 1em;
	font: inherit;
	}
dfn, i, cite, var, address, em {
	font-style: normal;
	}
th, b, strong, h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	}
a, img, a img, iframe, form, fieldset,
abbr, acronym, object, applet, table {
	border: none;
	}
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
caption, th, td, center {
	vertical-align: top;
	text-align: left;
	}
body {
	background: white;
	line-height: 1;
	color: black;
	text-align:center;
	background:#063780;
	font-family:Verdana,Arial,Helvetica;
	font-size:11px;
	}
q {
	quotes: "" "";
	}
ul, ol, dir, menu {
	list-style: none;
	}
sub, sup {
	vertical-align: baseline;
	}
a {
	/*color: inherit;     */
	color: #cccccc;
	}
hr {
	display: none;
	}
font {
	color: inherit !important;
	font: inherit !important;
	color: inherit !important; /* editor's note: necessary? */
	}
marquee {
	overflow: inherit !important;
	-moz-binding: none;
	}
blink {
	text-decoration: none;
	}
nobr {
	white-space: normal;
	}
	
#bgr {
	position:absolute;
	&position:relative;
	&margin-top:-122px;
	height:100%;
	width:100%;
	z-index:-100;
}

#container {
	margin-left:auto;
	margin-right:auto;
	width:692px;
	text-align:left;
	&z-index:1000;
	&position:absolute;
	
	
}

#header {
	float:left;
	height:80px;
	width:692px;
}

#langBox {
	float:left;
	width:278px;
	margin:30px 0 0 0;
}

#weatherBox {
	float:right;
	width:126px;
	margin:30px 0 0 0;
}

h7.actual {
display:block;
height:7px;
position:relative;
top:-4px;
vertical-align:top;
width:24px;
color: #FFFFFF;
}

h7.weather {
display:block;
height:7px;
position:relative;
top:-4px;
vertical-align:top;
width:97px;
color: #FFFFFF;
}

#logo {
	float:left;
	width:146px;
	height:65px;
	margin:15px 0 0 0;
}

.weatherInfo {
	float:left;
	width:100px;
	height:50px;
	margin:3px 0 0 0;
	text-align:right;
	background:url('../images/ico1.png') no-repeat top left;
}

#hpBoxes {
	float:left;
	width:712px;
	height:458px;
	margin:25px 0 0 0;
}

#pgBoxes {
	float:left;
	width:712px;
	height:458px;
	margin:25px 0 0 0;
}

.box1 {
	float:left;
	width:153px;
	height:332px;
	margin:-5px 18px 0 -2px;
	padding:3px 3px 3px 4px;
	text-align:center;
	background:url('../images/blok_stin.png') no-repeat;
}

.box1 .top {
	float:left;
	height:58px;
	padding-top:45px;
	width:100%;
}

.box1 .middle {
	float:left;
	height:153px;
	width:100%;
}

.box1 .down, .box2 .down {
	float:left;
	width:100%;
	margin:25px 0 0 0;
}

.box1 .down a, .box2 .down a {
	color:#9D95AC;
	text-decoration:none;
}

.box1 .down a:hover, .box2 .down a:hover {
	color:#9D95AC;
	text-decoration:underline;
}

.box1 .down li, .box2 .down li, .box3 .down li {
	margin:0 0 15px 0;
}

.box2 {
	float:left;
	width:153px;
	height:357px;
	padding:3px 3px 3px 4px;
	margin:-5px 19px 0 -1px;
	text-align:center;
	background:url('../images/blok_stin3.png') no-repeat;
}

.box2 .top {
	float:left;
	height:83px;
	padding-top:20px;
	width:100%;
}

.box2 .middle {
	float:left;
	height:153px;
	width:100%;
	margin:25px 0 0 0;
}

.box3 {
	float:left;
	width:153px;
	height:357px;
	padding:3px 3px 3px 4px;
	margin:-5px 21px 0 1px;
	text-align:center;
	background:url('../images/blok_stin3.png') no-repeat;
}

.box3 .top {
	float:left;
	height:83px;
	padding-top:20px;
	width:100%;
}

.box3 .middle {
	float:left;
	height:153px;
	width:100%;
	margin:25px 0;
}

#mainMenu {
	float:left;
	width:712px;
	height:97px;
}

#mMenu {
	list-style: none;
	height: 97px;
	width: 712px;
}

#mMenu li {
	float: left;
	height: 100%;
	text-align: center;
	margin:0 20px 0 0;
}

#mMenu li a {
	display: block;
	position: relative;
	width: 100%;
	height: 96px;
	line-height: 96px;
}

#mMenu li a span {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	background: 0 0 no-repeat;
}

#mMenu li a:hover span, #mMenu li.active a span {
	background-position: 0 -96px;
}

#mMenu li.active a:hover span {
	background-position: 0px 0px;
}

#mMenu #mAb {
	width: 157px;
}
	#mMenu #mAb a span {
		background-image: url('../images/mAb.png');
	}
	
#home #mMenu #mAb {
	width: 157px;
}
	#home #mMenu #mAb a span {
		background-image: url('../images/mAbH.png');
	}
	
#mMenu #mRe {
	width: 157px;
}
	#mMenu #mRe a span {
		background-image: url('../images/mRe.png');
	}
	
#home #mMenu #mRe {
	width: 157px;
}
	#home #mMenu #mRe a span {
		background-image: url('../images/mReH.png');
	}
	
#mMenu #mOf {
	width: 159px;
}
	#mMenu #mOf a span {
		background-image: url('../images/mOf2.png');
	}
	
#home #mMenu #mOf {
	width: 159px;
}
	#home #mMenu #mOf a span {
		background-image: url('../images/mOfH.png');
	}
	
#mMenu #mLa {
	width: 157px;
}
	#mMenu #mLa a span {
		background-image: url('../images/mLa.png');
	}
	
#home #mMenu #mLa {
	width: 157px;
}
	#home #mMenu #mLa a span {
		background-image: url('../images/mLaH.png');
	}
	



#content {
	float:left;
	width:770px;
	height:338px;
	margin:-2px 0px 0px 2px;
	background:url('../images/Diving_BG_Index.png') no-repeat;

}

#reservations #content {
	float:left;
	width:770px;
	height:338px;
	margin:-2px 0px 0px 2px;
	background:url('../images/Diving_BG_About.png') no-repeat;
}

#lastovo #content {
	float:left;
	width:770px;
	height:338px;
	margin:-2px 0px 0px 2px;
	background:url('../images/Diving_BG_Lastovo.png') no-repeat;
}

#offers #content {
	float:left;
	width:770px;
	height:338px;
	margin:-2px 0px 0px 2px;
	background:url('../images/Diving_BG_Offers.png') no-repeat;
}

#content .left {
	float:left;
	width:475px;
	color:#9D95AC;
}

#content .right {
	float:left;
	width:170px;
	margin:0 0 0 30px;
}

.cMargin1 {
	margin:35px;
}

#sMenu {
	list-style: none;
	height: 40px;
	width: 630px;
}

#sMenu li {
	float: left;
	height: 100%;
	text-align: center;
	margin:0 20px 0 0;
}

#sMenu li a {
	display: block;
	position: relative;
	width: 100%;
	height: 18px;
	line-height: 18px;
}

#sMenu li a span {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	background: 0 0 no-repeat;
}

#sMenu li a:hover span, #sMenu li.active a span {
	background-position: 0 -18px;
}

#mMenu li.active a:hover span {
	background-position: 0px 0px;
}

#sMenu #sAb1 {
	width: 65px;
}
	#sMenu #sAb1 a span {
		background-image: url('../images/sAb1.png');
	}
	
#sMenu #sAb2 {
	width: 59px;
}
	#sMenu #sAb2 a span {
		background-image: url('../images/sAb2.png');
	}

#sMenu #sAb3 {
	width: 56px;
}
	#sMenu #sAb3 a span {
		background-image: url('../images/sAb3.png');
	}
	
#sMenu #sAb4 {
	width: 71px;
}
	#sMenu #sAb4 a span {
		background-image: url('../images/sAb4.png');
	}

#sMenu #sAb5 {
	width: 43px;
}
	#sMenu #sAb5 a span {
		background-image: url('../images/sAb5.png');
	}

#sMenu #sRe1 {
	width: 62px;
}
	#sMenu #sRe1 a span {
		background-image: url('../images/sRe1.png');
	}

#sMenu #sRe2 {
	width: 44px;
}
	#sMenu #sRe2 a span {
		background-image: url('../images/sRe2.png');
	}

#sMenu #sOf1 {
	width: 94px;
}
	#sMenu #sOf1 a span {
		background-image: url('../images/sOf1.png');
	}

#sMenu #sOf2 {
	width: 111px;
}
	#sMenu #sOf2 a span {
		background-image: url('../images/sOf2.png');
	}

#sMenu #sOf3 {
	width: 107px;
}
	#sMenu #sOf3 a span {
		background-image: url('../images/sOf3.png');
	}
	
#sMenu #sOf4 {
	width: 91px;
}
	#sMenu #sOf4 a span {
		background-image: url('../images/sOf4.png');
	}
	
#sMenu #sLa1 {
	width: 33px;
}
	#sMenu #sLa1 a span {
		background-image: url('../images/sLa1.png');
	}
	
#sMenu #sLa2 {
	width: 48px;
}
	#sMenu #sLa2 a span {
		background-image: url('../images/sLa2.png');
	}
	
#sMenu #sLa3 {
	width: 58px;
}
	#sMenu #sLa3 a span {
		background-image: url('../images/sLa3.png');
	}

#content p {
	color:#9D95AC;
	line-height:120%;
}

#s1m {
	list-style: none;
	height: 126px;
	width: 152px;
	margin:5px 0 0 0px;
	&margin:5px 0 0 0px;
}

#s2m {
	list-style: none;
	height: 126px;
	width: 152px;
/*	margin:5px 0 0 43px;*/
	margin:5px 0 0 0px;
	&margin:5px 0 0 0px;
}

#s3m {
	list-style: none;
	height: 126px;
	width: 152px;
/*	margin:5px 0 0 30px;*/
	margin:5px 0 0 0px;
	&margin:5px 0 0 0px;
}

#s4m {
	list-style: none;
	height: 126px;
	width: 152px;
/*	margin:25px 0 0 50px;*/
	margin:5px 0 0 0px;
	&margin:5px 0 0 13px;
}




#s1m li, #s2m li, #s3m li, #s4m li {
	float: left;
	height: 10px;
	text-align: center;
}
/*
#s1m li a, #s2m li a, #s3m li a, #s4m li a {
	display: block;
	position: relative;
	width: 100%;
	height: 16px;
	line-height: 16px;
	cursor:pointer;
}*/

#s1m li a, #s2m li a, #s3m li a, #s4m li a {
	display: block;
	position: relative;
	width: 100%;
	height: 20px;
	line-height: 20px;
	cursor:pointer;
}
/*#s1m li a{
	height: 20px;
	line-height: 20px;

}*/

#s1m li a span, #s2m li a span, #s3m li a span, #s4m li a span {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	background: 0 0 no-repeat;
}

/*#s1m li a:hover span, #s1m li.active a span, #s2m li a:hover span, #s2m li.active a span, #s3m li a:hover span, #s3m li.active a span, #s4m li a:hover span, #s4m li.active a span {
	background-position: 0 -16px;
}*/

#s1m li a:hover span, #s1m li.active a span, #s2m li a:hover span, #s2m li.active a span, #s3m li a:hover span, #s3m li.active a span, #s4m li a:hover span, #s4m li.active a span {
	background-position: 0 -20px;
}

/*#s1m li a:hover span, #s1m li.active a span{
    	background-position: 0 -20px;
}*/

#s1m li.active a:hover span, #s2m li.active a:hover span, #s3m li.active a:hover span, #s4m li.active a:hover span {
	background-position: 0px 0px;
}


#s1m #s1m1, #s1m #s1m2, #s1m #s1m3, #s1m #s1m4, #s1m #s1m5, #s2m #s2m1, #s2m #s2m2 {width: 152px;}
#s3m #s3m1, #s3m #s3m2, #s3m #s3m3, #s3m #s3m4 {width: 152px;}
#s4m #s4m1, #s4m #s4m2, #s4m #s4m3 {width: 152px;}

#s1m #s1m1 a span {background-image: url('../images/s1m1.png');}
#s1m #s1m2 a span {background-image: url('../images/s1m2.png');}
#s1m #s1m3 a span {background-image: url('../images/s1m3.png');}
#s1m #s1m4 a span {background-image: url('../images/s1m4.png');}
#s1m #s1m5 a span {background-image: url('../images/s1m5.png');}

#s2m #s2m1 a span {background-image: url('../images/s2m1.png');}
#s2m #s2m2 a span {background-image: url('../images/s2m2.png');}

#s3m #s3m1 a span {background-image: url('../images/s3m1.png');}
#s3m #s3m2 a span {background-image: url('../images/s3m2.png');}
#s3m #s3m3 a span {background-image: url('../images/s3m3.png');}
#s3m #s3m4 a span {background-image: url('../images/s3m4.png');}

#s4m #s4m1 a span {background-image: url('../images/s4m1.png');}
#s4m #s4m2 a span {background-image: url('../images/s4m2.png');}
#s4m #s4m3 a span {background-image: url('../images/s4m3.png');}

strong {
	font-weight:bold;
}

.left ul {
	color:#9D95AC;
	line-height:120%;
}

#footer {
	float:left;
	height:20px;
	width:685px;
	margin:0px 0 0 0;
	padding:0 5px 0 0;
	text-align:right;
	color:#FFFFFF;
	font-size:9px;
}

.photo {
	float:left;
	width:171px;
	height:103px;
	margin:0 82px 12px 0px;
}

.photo2 {
	float:left;
	width:171px;
	height:103px;
	margin:0 0px 12px 0px;
}

.left a {
	text-decoration:underline;
}

.left a:hover {
	text-decoration:none;
}

.left table {
	margin:15px 0 15px 0;
	width:100%;
}

.left table td {
	padding:4px;
}

.left table td.td2 {
	background:#F2F2F2;
}

.slider1 {
height:200px;
overflow:auto;
width:478px;
padding-right:15px;
}

a.news {
	line-height:200%;
}

#Activity-Daytimediving{
  ^margin: 0 0 0 -40px;
}

#Name{
  ^margin: 0 0 0 -40px;
}

#Surname{
  ^margin: 0 0 0 -40px;
}

#Activity{
  ^margin: 0 0 0 -40px;
}

#Otheractivities{
  ^margin: 0 0 0 -40px;
}

#Appointmentdate{
  ^margin: 0 0 0 -40px;
}

#Numofpeople{
  ^margin: 0 0 0 -40px;
}

#Email{
  ^margin: 0 0 0 -40px;
}

#Tel{
  ^margin: 0 0 0 -40px;
}

#paginationControl{
  float: left;
  margin: 4px 0 0 95px;
  &margin: 4px 0 0 60px;
}