html{
	width:100%;
	height:100%;
}

body {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Garuda, Tahoma, Verdana, sans-serif;
	background:#3d88c1;
}

body#home,
body#home div#root
{
	margin:0;
	padding:0;
	width:100%;
	height:100%;
}

h1, h2, h3, h4, h5, h6
{
	font-family: "Lucida Grande", "Lucida Sans Unicode", Garuda, Tahoma, Verdana, sans-serif;
}

label, input, textarea, select
{
	font-family: Helvetica, Arial, Sans-serif;
}

a {
	text-decoration:none !important;
	color:#0077bc;
	cursor:hand !important;
	overflow:hidden;
}

a:hover {
	color:#0067a3 !important;
}

::selection {
	background: #3d88c1;
	color: #fff;
}

::-moz-selection {
	background:#3d88c1;
	color:#fff;
}

form, fieldset
{
	margin:0;
	padding:0;
	border:0;
}

.content-box {
	padding:0;
	margin:0 0 2em;
}

.sidebox {
	margin:0 0 .5em;
}

.loading {
	background:url(/static/i/base/loading.gif) no-repeat 50% 25%;
	width:100%;
	height:100%;
}

.m0{
	margin:0 !important;
}

.btn {
	background: url("/i/Assets/i/base/bg-sprites.png") no-repeat -9000pt -9000pt;
}

.ico {
	background: url("/i/Assets/i/base/bg-sprites.png") no-repeat -9000pt -9000pt;
}

.txt {
	background: url("/i/Assets/i/base/bg-sprites.png") no-repeat -9000pt -9000pt;
}

.btn,
.ico,
.txt
{
	background-position: -9000pt -9000pt;
	display:block;
	text-indent:-9000pt;
}

.row{
	margin:1em 0 !important;
	padding:0;
}

#root {
	width:92em;
	margin:2em auto;
	background:#fff;
	padding:2em;
}

#top-sect {
	margin:0em;
}

#top-sect-body {
	margin:0em;
	min-height:88px;
}

h1#logo {
	margin:0;
	padding:0;
	float:left;
}

h1#logo a {
	background-position:0 0 !important;
	width:160px;
	height:74px;
}

h1#logo.logo-didim a{
	background-position:0 -657px !important;
	width:160px;
	height:74px;
}
h1#logo.logo-turgutreis a{
	background-position:0 -568px !important;
	width:160px;
	height:74px;
}


#site-tools {
	width:14%;
	float:right;
}


.logo-dogusgroup{
	background:url(/i/Assets/i/base/logo-dogus-group.png) no-repeat 0 0;
	width:134px;
	height:36px;
	display:block;
	float:right;
	text-indent:-9000pt;
	overflow:hidden;
	margin:.5em 0 0;
}


.sub-home-portlets .three-cols{
	overflow:hidden;
	background:#fff url(/i/Assets/i/base/bg-sub-home-portlets.png) repeat-x 0 100%;
	border:1px solid #cadceb;
	padding:0 0 1em;
	margin:1em 0 0;
}

.sub-home-portlets .three-cols .col-left,
.sub-home-portlets .three-cols .col-middle,
.sub-home-portlets .three-cols .col-right
{
	min-height:14em;
	padding:0;
	overflow:hidden;
}
.sub-home-portlets .three-cols .col-left{
	width:31.6em;
}

.sub-home-portlets .three-cols .col-middle{
	width:25em;
}

.sub-home-portlets .three-cols .col-right{
	width:16em;
}

.sub-home-portlets .three-cols .content-box{
	padding:0 2em 100em;
	margin: 0 0 -100em;
	background:url(/i/Assets/i/base/bg-prim-nav-li.png) repeat-y 0 0;
}

.sub-home-portlets .three-cols .col-left .content-box{
	background:none;
}

.sub-home-portlets .three-cols ul.news-list{
	margin:0;
	padding:0;
	list-style:none;
}

.sub-home-portlets .three-cols .news-list li{
	margin:0 0 1em;
	padding:0 0 1em;
	border:solid #CCC !important;
	border-width:0 0 1px !important;
}

.sub-home-portlets .three-cols .news-list li:last-child{
	border:0 !important;
	padding:0;
}

.sub-home-portlets .three-cols .news-list li a{
	color:#666;
}

ul.coordinates-list{
	margin:0;
	padding:0;
	list-style:none;
}

ul.coordinates-list li.column{
	background:#ccdff0;
	padding:1em;
	width:40% !important;
}

ul.coordinates-list li:first-child{
	background:#fff;
}

ul.text-list{
	margin:0;
	padding:0;
	list-style:none;
}

ul.text-list li{
	margin:0 0 1em;
}

ul.text-list li h4{
	margin:0;
	padding:0;
	color:#3d88c1;
}

ul.text-list li p{
	margin:0;
	padding:0;
	font-size:1.2em;
}

#nav-sect {
	float:left;
	width:16.2em;
	margin:0 2em 0 0;
}

#prim-nav {
	display:block;
}

#prim-nav ul {
	margin:0;
	padding:0;
	list-style:none;
}

#prim-nav li {
	background: url(/i/Assets/i/base/bg-prim-nav-li.png) repeat-x 0 0;
	margin:0;
	padding:.25em 0;
}

#prim-nav li a {
	display:block;
	text-align:center;
	font:normal 1.32em "Lucida Grande", "Lucida Sans Unicode", Garuda, Tahoma, Verdana, sans-serif;
	color:#007dc3;
	margin:.25em 0 0;
	padding:.5em;
}

#prim-nav li:first-child {
	background: none;
}

#prim-nav li.active a {
	color:#333;
}

.sub-sect-pnav ul {
	margin:1em 0;
	padding:0;
	list-style:none;
}

.sub-sect-pnav ul li {
	margin:0;
	padding:0;
}

.sub-sect-pnav ul li ul {
	margin:-.5em 0 0;
	padding:0;
	width:161px;
	background:#e2e6ea;
	border:solid #a6c4de;
	border-width:0 1px 1px;
}

.sub-sect-pnav ul li ul li {
	border:solid;
	border-width:1px 0;
	border-color:#c7d6e3 #fff #f6f8f9;
}

.sub-sect-pnav ul li ul li:first-child{
	border-width:0 0 1px;
}

.sub-sect-pnav ul li ul li:last-child{
	border-width:1px 0 0;
}

.sub-sect-pnav ul li ul li a{
	padding:4px 0;
	font:normal 1.16em "Lucida Grande", "Lucida Sans Unicode", Garuda, Tahoma, Verdana, sans-serif;
	color:#005595;
	display:block;
	text-align:center;
}

.sub-sect-pnav ul li ul li a:hover,
.sub-sect-pnav ul li ul li.active a
{
	background:#c4d4e1
}

#cont-head {
	position:relative;
}

.cont-head-overlay {
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:42px;
	height:147px;
	background:url(/i/Assets/i/base/bg-overlay-content-header.png) no-repeat;
	z-index:99;
}

img.header-img {
	position:relative;
	display:block;
}

.img-left{
	float:left;
	margin:0 1em 1em 0;
}

.img-right{
	float:right;
	margin:0 0 1em 1em;
}

.sect-header {
	position:relative;
	background-color:#3d88c1;
	color:#e6e7e8;
	padding:1em 2em;
	margin:0;
}

.sect-header h2 {
	font-size:1.6em;
	width:320px;
	height:26px;
	padding:0;
	margin:0;
}

#cont-sect {
	float:left;
	margin:0;
	width:73.7em;
}

#cont-body {
	padding:2em;
	background:#e6e7e8;
	margin:1em 0;
}

#cont-body h1,
#cont-body h2,
#cont-body h3,
#cont-body h4,
#cont-body h5,
#cont-body h6
{
	margin:0 0 .5em;
	padding:0;
	color:#3d88c1;
}

#cont-body h1{font-size:2.2em;}
#cont-body h2{font-size:2em;}
#cont-body h3{
	font-size:1.8em;
	color:#005595;
}

#cont-body h4{font-size:1.4em;}
#cont-body h5{font-size:1.2em;}
#cont-body h6{font-size:1em;}

.underwave{
	padding:0 0 4px !important;
	background:url(/i/Assets/i/base/bg-prim-nav-li.png) repeat-x 0 100%;
}

#cont-body ul {
	margin:0;
	padding:0;
	list-style:none;
}

#cont-body p,
#cont-body ul li
{
	font-size:1.1em;
}

#cont-body ul li ul li,
#cont-body ul li p,
#cont-body ul li ul li p
{
	font-size:1em !important;
}

#cont-body ul li,
#cont-body ul.content-list li
{
	background: url(/i/Assets/i/base/bg-li.png) no-repeat 0 3px;
	padding:0 0 0 20px;
	margin:0 0 .32em;
}


#cont-body ul.two-cols li,
#cont-body ul.thre-cols li
{
	background-image: none;
	padding:0;
	margin:0;
}

#cont-body form ul li {
	background:none;
	font-size:inherit !important;
}

#cont-body p {
	padding:0;
	margin:0 0 1em;
}

.article-context {
	width:18.5em;
	float:right;
	margin:0 0 0 1em;
	position:relative;
}

.sidebox{
	margin:0 0 1em;
}

ul.link-box{
	margin:0;
	padding:0;
}

ul.link-box li{
	background: #fff url(/i/Assets/i/base/blt-links.png) no-repeat .64em .64em !important;
	padding:.5em .5em .5em 2em !important;
	margin:0 0 .25em !important;
}

.half-width {
	width:50% !important;
}

.article-context .thumb-item {
	margin:0 0 1em;
	position:relative;
}

.article-context .thumb-item .thumb-text {
	width:94%;
	display:block;
	background:#fff;
	padding:2px;
	position:absolute;
	left:0;
	top:auto;
	bottom:6px;
	margin:0 4px;
	z-index:99;
}

.article-content.column{
	width:50em;
	float:left;
}

.box-content {
	width:50em;
	border:solid 1px #b2c5d3;
	float:left;
}

.box-content .article-content {
	width:46em;
	padding:1em 2em;
	float:none !important;
	background:#f2f3f3;
}

.article-content .two-cols .col-left{
	width:48% !important;
	margin:0;
}

.article-content .two-cols .col-right{
	width:24em !important;
	margin:0;
}

.article-content .two-cols .col-right.uydu-goruntusu{
	width:32em !important;
	overflow:hidden;
	zoom:1;
}

#cont-body .box-content h3.article-header{
	background:#2e72a6;
	color:#fff !important;
	padding:.5em 1em !important;
	font:normal 1.6em "Lucida Grande", "Lucida Sans Unicode", Garuda, Tahoma, Verdana, sans-serif !important;
	color:#fff;
	margin:0 !important;
}

ul.two-cols li{
	font-size:inherit !important;
}

.sub-nav.column{
	width:18.5em;
	float:left;
	margin:0 1em 0 0;
}

.sub-nav ul{
	margin:0;
	padding:0;
	list-style:none;
}

.sub-nav ul li{
	margin:0 !important;
	padding:0 0 .1em !important;
	background:none !important;
	font-size:inherit !important;
}

.sub-nav ul li a{
	display:block;
	color:#005595;
	font-size:1em;
	background:#d7d7d8;
	padding:1em 2em 1em 1em;
}

.sub-nav ul li a:hover,
.sub-nav ul li.active a
{
	background:#b5c9da url(/i/Assets/i/base/blt-sub-section-nav-active-li.png) no-repeat 94% 50%;
}

p#form-submit-log{
	display:none;
	border:solid 1px;
	font-size:1.1em;
	padding:.5em;
}

p#form-submit-log.success{
	border-color:#090;
	background:#E0FFE6;
	color:#0c0;
}

p#form-submit-log.error{
	border-color:#900;
	background:#FFDCE0;
	color:#c00;
}

.required-field{
	color:#c00;
}

form ul.two-cols {
	margin:0;
	padding:0;
}

form ul.two-cols li {
	margin:0;
	padding:0;
	font-size:inherit !important;
}

form ul.two-cols li.col-left label{
	font-size:1.2em;
	display:block;
	text-align:right;
	padding:.25em 0 0;
}

form span.field-error,
form span.help-text
{
	display:block;
	margin:.2em 0;
	font-size:.9em;
	padding:.2em;
	font-style:italic;
}

form span.field-error {
	color:#f00;
	background:#c00;
	color:#fff;
}

form.contact-form {
	overflow:hidden;
}

form.contact-form ul {
	position:relative;
	padding:4em 0 1em !important;
	border:1px solid #c9d6e1;
	overflow:hidden;
	width:100%;
}

form.contact-form ul.two-cols li.col-left {
	width:30% !important;
	margin:0 0 .5em .5em !important;
	padding:0 !important;
}

form.contact-form ul.two-cols li.col-right {
	width:60% !important;
	margin:0 0 .5em .5em !important;
	padding:0 !important;
}

form.contact-form fieldset {
	background:#f3f3f4;
	margin:0;
	position:relative;
}

form.contact-form legend {
	padding:0;
	margin:0;
}

form.contact-form legend span {
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	margin:0;
	padding:.5em;
	font-weight:bold;
	color:#fff;
	background:#2e72a6;
	font-size:1.4em;
}

form.contact-form input[type="text"],
form.contact-form input.i-text,
form.contact-form textarea
{
	width:100%;
	font-size:1.1em;
}


form.contact-form li.btn-bar {
	float:none !important;
	width:90% !important;
}

form.contact-form input.i-btn {
	background:#4e89bd;
	color:#fff;
	float:right;
	padding:.5em;
	font-size:1.32em;
	margin:0 .5em;
}

form#calculate-form{
	
}

form#calculate-form p{
	overflow:hidden;
	zoom:1;
}

form#calculate-form p label{
	width:25%;
	display:block;
	float:left;
	padding:.25em;
}

form#calculate-form p input{
	float:left;
	border:1px solid #999;
	padding:.25em;
	font-size:1.2em;
}

form#calculate-form p#hesap_sonuc{
	border:1px solid #999;
	margin:.5em;
	font-size:1.4em;
	padding:.5em;
}

form#calculate-form p.btn-bar{
	padding:0 0 0 28%;
}

form#calculate-form-didim{
	
}

form#calculate-form-didim p{
	overflow:hidden;
	zoom:1;
}

form#calculate-form-didim p label{
	width:25%;
	display:block;
	float:left;
	padding:.25em;
}

form#calculate-form-didim p input{
	float:left;
	border:1px solid #999;
	padding:.25em;
	font-size:1.2em;
}

form#calculate-form-didim p#hesap_sonuc{
	border:1px solid #999;
	margin:.5em;
	font-size:1.4em;
	padding:.5em;
}

form#calculate-form-didim p.btn-bar{
	padding:0 0 0 28%;
}

h4.question{
	background:#f3f3f4 url(/i/Assets/i/base/bg-question.png) no-repeat .74em .74em;
	padding:1em 0 1em 3em !important;
	cursor:pointer !important;
}

div.answer{
	display:none;
	background:#ccdff0;
	padding:1em;
	margin:-.6em 0 2em;
	border:#f3f3f4 solid;
	border-width:0 1px 1px;
}

form.rezervasyon-form{
	display:block;
	float:none;
}

form.rezervasyon-form .two-cols{
	width:98%;
	padding:1em 0;
	margin:0 1em;
	background:#c7d9e8;
	border:1px solid #bbcedd;
}

form.rezervasyon-form .two-cols .column{
	width:45% !important;
	margin:0 1em 0;
}

form.rezervasyon-form p{
	overflow:hidden;
	zoom:1;
}

form.rezervasyon-form p label{
	display:block;
	float:left;
	width:38%;
	margin: 6px 0 0 4px;
}

form.rezervasyon-form p input.i-text,
form.rezervasyon-form p textarea{
	border:1px solid #999;
	font-size:1.24em;
	padding:.2em;
	width:58%;
}

form.rezervasyon-form p.btn-bar .i-btn{
	float:right;
	margin:0 1em 0 0;
}

.tab-box ul.tab-nav{
	margin:0;
	padding:0;
	list-style:none;
}

.tab-box ul.tab-nav li{
	float:left;
	background:url(/i/Assets/i/base/bg-prim-nav-li.png) repeat-x 0 100% !important;
	margin:0 !important;
	padding:0 0 2px 0 !important;
}

.tab-content{
	background:#f2f3f3;
	border:solid #bbcedd;
	border-width:0 1px 1px;
	padding:1em;
}

.price-box{
	float:left;
	width:40%;
	margin:1em 1em 0 0;
	background:#c6def1;
	border:1px solid #aacde9;
	padding:1em;
}

.price-box.full-width{
	width:94% !important;
	display:block;
	float:none;
}

#cont-body .price-box h4{
	margin:0 0 1em;
	padding:0;
	color:#363636;
	font-size:1.1em;
}

table.tbl-price,
table.tbl-gray{
	width:100%;
	border:0;
	border-collapse:collapse;
}

table.tbl-price tbody tr td,
table.tbl-gray tbody tr td{
	background:#e5e6e7;
	color:#666;
	border:1px solid #B0B1B2;
	border-collapse:collapse;
	padding:.5em;
}

.info-list{
	clear:both;
	margin:2em 0 0;
}

.info-list ul{
	margin:0 1em 1em 3em !important;
	padding:0 !important;
}

.info-list ul li{
	list-style:disc !important;
	background:none !important;
	color:#989898;
	padding:0 !important;
	margin:0 0 1em !important;
}

.basin-bultenleri ul li{
	border:solid #bbcede;
	border-width:0 0 1px;
	padding-bottom:1em !important;
}

.basin-bultenleri ul li span.date{
	display:block;
	margin:0 0 .25em;
}

.basin-bultenleri ul li span.summary{
	display:block;
	margin:.5em 0;
}

.galeri-list{
	
}

.galeri-list ul{
	margin:0 !important;
	padding:0 !important;
	list-style:none;
}

.galeri-list ul li{
	background:none !important;
	padding:0 !important;
	float:left;
	margin:0 1.32em 1.32em 0 !important;
	width:100px !important;
}

.galeri-list ul li h5.headline{
	
}

.galeri-list ul li a.thumb{
	display:block;
	border:2px solid #fff;
}

.galeri-list ul li a.thumb:hover{
	border:2px solid #f00;
}


.site-tools{
	margin:1em 0;
	border:1px solid #bbcede;
}

.site-tools{
	padding:0 1em 0 !important;
}

#site-mp3{
	float:right;
	margin:.5em 0;
}

.rss-icon{
	background: url(/i/Assets/i/base/feed-icon-14x14.png) no-repeat 0 0;
	padding:0 0 0 20px;
}

.ebullettin-box{
	margin:1em 0;
	border:1px solid #bbcede;
}
.ebullettin-box form{
	padding:.5em;
}
.ebullettin-box form p{
	color:#666;
}
.ebullettin-box form p label{
	display:block;
	margin:0 0 .5em;
}

.ebullettin-box form p input.i-text{
	width:100%;
	font-size:1.2em;
	border:1px solid #BFBFBF;
}

.ebullettin-box form p input.i-btn{
	margin:.5em 0 0;
	font-size:1.2em;
	padding:.25em;
	color:#fff;
	background:#3d87c1;
}

#maps-canvas{
	width:320px;
	height:400px;
}










ul.sail-dict-letters{
	margin:0 0 2em !important;
	padding:0;
	list-style:none !important;
}

ul.sail-dict-letters li{
	background:none !important;
	float:left;
	margin:0 .5em 0 0 !important;
	padding:0 !important;
}

ul.sail-dict-letters li a{
	padding:1px 2px;
}

ul.sail-dict-letters li.active a{
	background:#CCC;
	font-weight:bold;
}

#sail-dict-content .dict-content-by-letter{
	display:none;
}

#sail-dict-content .active{
	display:block !important;
}




/*********** SPRITES { */

.btn-dmarin-turgutreis {
	background-position:0 -376px !important;
	width:163px;
	height:81px;
}

.btn-dmarin-didim {
	background-position:0 -466px !important;
	width:163px;
	height:81px;
}

.txt-hakkimizda {
	background-position:-320px 0 !important;
}

.txt-haberler {
	background-position:-320px -312px !important;
}

.txt-cevre-ve-oduller {
	background-position: -320px -26px !important;
}

.txt-denizci-rehberi {
	background-position:-320px -52px !important;
}

.txt-iletisim {
	background-position: -320px -78px !important;
}

.txt-ulasim {
	background-position:-320px -104px !important;
}

.txt-iklim-kosullari {
	background-position: -320px -130px !important;
}

.txt-yerlesim-plani {
	background-position:-320px -156px !important;
}

.txt-hizmetler {
	background-position:-320px -182px !important;
}

.txt-fiyatlar {
	background-position:-320px -208px !important;
}

.txt-yat-baglama-rezervasyon {
	background-position:-320px -234px !important;
}

.txt-basin-odasi {
	background-position:-320px -260px !important;
}

.txt-yacht-club {
	background-position:-320px -286px !important;
}

.txt-banka-hesap-bilgileri {
	background-position:-640px -300px !important;
	width:180px;
	height:20px;
}

.txt-portlet-haberler{
	background-position:-640px -0 !important;
	height:24px;
}

.txt-portlet-fener-koordinatlari{
	background-position:-640px -24px !important;
	height:24px;
}

.txt-portlet-telsiz-iletisim{
	background-position:-640px -48px !important;
	height:24px;
}

.txt-ico-rehber-linkleri {
	background-position:0 -1409px !important;
	width:170px;
	height:25px;
}

.txt-ico-meteoroloji-linkleri {
	background-position:0 -1093px !important;
	width:182px;
	height:25px;
}

.txt-ico-konum {
	background-position:0 -1128px !important;
	width:170px;
	height:25px;
}

.txt-ico-uydu-goruntusu {
	background-position:0 -1164px !important;
	width:170px;
	height:25px;
}

.txt-ico-havayolu {
	background-position:0 -1198px !important;
	width:170px;
	height:25px;
}


.txt-ico-sicakliklar {
	background-position:0 -1234px !important;
	width:170px;
	height:25px;
}

.txt-ico-yagis {
	background-position:0 -1268px !important;
	width:170px;
	height:25px;
}

.txt-nem-orani {
	background-position:0 -1303px !important;
	width:170px;
	height:25px;
}

.txt-ico-ruzgarlar {
	background-position:0 -1339px !important;
	width:170px;
	height:25px;
}

.txt-ico-med-cezir {
	background-position:0 -1374px !important;
	width:170px;
	height:25px;
}

.txt-ico-ruzgar-gulu {
	background-position:0 -1444px !important;
	width:170px;
	height:25px;
}


li#tab-denizyolu-mesafeleri.active a{
	background-position:-2px -985px !important;
}

li#tab-denizyolu-mesafeleri a:hover{
	background-position:-2px -985px !important;
}

li#tab-denizyolu-mesafeleri a {
	background-position:-2px -1025px;
	width:209px;
	height:36px;
}
li#tab-karayolu-mesafeleri.active a{
	background-position:-212px -985px !important;
}

li#tab-karayolu-mesafeleri a:hover {
	background-position:-212px -985px !important;
}

li#tab-karayolu-mesafeleri a {
	background-position:-212px -1025px !important;
	width:218px;
	height:36px;
}


li#tab-turistik-mekan-mesafeleri a {
	background-position:-432px -1025px !important;
	width:268px;
	height:36px;
}

li#tab-turistik-mekan-mesafeleri a:hover,
li#tab-turistik-mekan-mesafeleri.active a
{
	background-position:-432px -985px !important;
}


/********** } // SPRITES */

.lang-select{
	text-align:right !important;
	margin:0 !important;
}

.languages a{
	color:#666;
	text-decoration:none;
	font:normal 1.1em Helvetica, Arial, Sans-serif;
}