/* CSS Document */

body {
	background: #eeeeee;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #ededed;
	font-size: 14px;
	font-family:  Trebuchet Ms, Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
.oneColFixCtrHdr #container {
	width: 1000px; /* the auto margins (in conjunction with a width) center the page */
	/*border: 1px solid #000000;*/
	text-align: left; /* this overrides the text-align: center on the body element. */
	height: 958px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #FFFFFF;
	background-image: url(../images/bgr_container.png);
}
.oneColFixCtrHdr #header {
	background: #DDDDDD;
	padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	margin: 0px;
	height: 270px;
}
.oneColFixCtrHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.oneColFixCtrHdr #mainContent {
	padding: 0;
	margin: 0px;
	height: 630px;
}
.oneColFixCtrHdr #footer {
	background:#00264b;
	margin: 0px;
	/*height: 58px;*/
	/*border: 3px solid #0051a2;*/
	border-top: solid 4px #0051a2;
	color:#bacee9;
	text-align: center;
	padding: 6px;
	font-size:11px;
	color:#bacee9;
	line-height: 20px;
	clear:both;
}
.oneColFixCtrHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font-size:11px; 
	color:#ededed; 
}
#footer a, #footer a:active, #footer a:visited { 
	font-size:11px; 
	color:#ededed; 
	text-decoration:none; 	
}
#footer a:hover { 
	font-size:11px; 
	color:#7dbeff; 
	text-decoration:none; 
}

.galery_name {
	font-size: 12px;
	height: 200px;
	background-color: transparent;
	background-image: url(../images/menu_bgr_big.gif);
	background-repeat: no-repeat;
	background-position: left top;
	float: right;
	text-transform: uppercase;
	font-weight: bold;
	width: 886px;
	padding-top: 8px;
}
.center {
	padding-top: 10px;
}
.news {
	font-size: 12px;
	float: left;
	width: 180px;
	height: 200px;
	background-color: transparent;
	background-image: url(../images/news_bgr.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 8px;
}
.optim {
	font-size: 10px;
	text-align: center;
	color: #CCCCCC;
	margin-top: -14px;
}
.slidera {
	height: 180px;
	width: 830px;
	border: 1px solid #FFCC00;
}
.texta {
	/*border: 1px solid #99CC66;*/
	background-image: url(../images/za_kompleksa_bgr.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 358px;
	clear: both;
}
.texta_razp {
	/*border: 1px solid #99CC66;*/
	background-image: url(../images/bgr_razpolojenie.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 358px;
	clear: both;
}
.texta_soz {
	/*border: 1px solid #99CC66;*/
	background-image: url(../images/bgr_za_sozopol.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 358px;
	clear: both;
}
.texta_cont {
	/*border: 1px solid #99CC66;*/
	background-image: url(../images/bgr_contact.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 358px;
	clear: both;
}
.texta_ceni {
	/*border: 1px solid #99CC66;*/
	background-image: url(../images/bgr-ceni.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 358px;
	clear: both;
}
.galery {
	padding-left: 20px;
}
.news_head {
	/*border: 1px solid #33CC66;*/
	text-transform: uppercase;
	font-weight: bold;
	padding-left: 10px;
}
.news_text {
	padding-left: 10px;
}
.text_div {
	height: 340px;
	width: 486px;
	position:relative;
	left: 470px;
	padding-top: 14px;
}
.text_div h2 {
	font-size:20px;
	margin: 0;
	padding: 0;
}
.text_div_cont {
	height: 350px;
	width: 400px;
	float: right;
	padding-right: 60px;
	padding-top: 14px;
}
.text_div_ceni {
	height: 314px;
	/*border: 1px solid #FFFFFF;*/
	width: 786px;
	background-image: url(../images/svetlina_za_bgr.png);
	background-repeat: no-repeat;
	background-position: left 36px;
	float: right;
	padding-right: 1px;
}
.ceni_table {
	/*position: relative;
	height: 250px;
	width: 710px;
	top: -300px;
	border: 1px solid #66FF99;
	left: 240px;*/
}
.ceni_table {
	height: 250px;
	/*border: 1px solid #66FF99;*/
	padding-left: 1px;
	padding-top: 14px;
	overflow: auto;
	scrollbar-face-color: #3982af;
	scrollbar-highlight-color: #2da5d6;
	scrollbar-3dlight-color: #2da5d6;
	scrollbar-darkshadow-color: #2da5d6;
	scrollbar-shadow-color: #2da5d6;
	scrollbar-arrow-color: #2da5d6;
	scrollbar-track-color:#3b86b0;
}
.ceni_title {
	/*border: solid 1px #00CCFF;*/
	text-transform: uppercase;
	padding-left: 30px;
	padding-top: 54px;
	margin: 0px;
	padding-bottom: 10px;
}
.table_head {
	/*border-top: solid 3px #11679a; */
	border-bottom:solid 5px #11679a;
	border-right:dashed 1px #11679a;
	text-align: center;
}
.table_cenata {
	/*border-top: solid 3px #11679a; */
	border-bottom:solid 1px #11679a;
	border-right:dashed 1px #11679a;
	text-align: center;
}
.table_bottom {
	padding-left: 8px;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #11679a;
}
.table_head_left {
	/*border-top: solid 3px #11679a; */
	border-bottom:solid 5px #11679a;
	border-right:solid 5px #11679a;
	text-align: center;
	width: 14%;
}
.pod_ceni {
	font-weight: bold;
	color: #99a2af;
	padding-left: 0px;
	padding-top: 3px;
}
.rezervacia {
	font-weight: bold;
	text-align: center;
	padding-top: 0px;
	padding-bottom: 2px;
	text-transform: uppercase;
}
.rezervacia a, .rezervacia a:active, .rezervacia a:visited { 
	font-size:14px; 
	color:#ededed; 
	text-decoration:none; 	
}
.rezervacia a:hover { 
	font-size:14px; 
	color:#7dbeff; 
	text-decoration:none; 
}
.telefona {
	float: left;
	height: 250px;
	width: 210px;
	padding-left: 10px;
	padding-top: 80px;
}
.contacta {
	float: left;
	height: 160px;
	width: 300px;
	padding-top: 170px;
	font-weight: bold;
	font-size: 12px;
}
.bqla_lenta {
	height: 106px;
	width: 15px;
	float: left;
	background-color: #FFFFFF;
}
.bqla_lenta_rast {
	height: 106px;
	width: 10px;
	float: left;
}
.contact_head {
	padding-left: 30px;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.contact_head h2 {
	margin: 0;
	padding-top: 0px;
	padding-bottom: 10px;
}
.contact_body {
	padding-top: 6px;
}
.form_td {
	text-align: right;
	padding-bottom: 8px;
	padding-top: 8px;
	font-weight: bold;
	width: 94px;
	padding-right: 6px;
}
.form_inbox {
	padding-bottom: 6px;
	padding-top: 6px;
	padding-left: 10px;
	background-image: url(../images/input_bgr.gif);
	background-repeat: no-repeat;
	background-position: 1px 4px;
}
.inbox_text {
	border: 0;
	background-color: #839ebb;
	background-image: url(../images/input_clean_bgr.gif);
	background-repeat: repeat-x;
	color: #FFFFFF;
	font-weight: bold;
}
form {
	padding:0;
	margin:0;
}
.textarea {
	background-image:url(../images/input_text_bgr.gif);
	background-repeat:no-repeat;
	background-position: 1px 4px;
	padding-left: 10px;
	padding-top: 7px;
	padding-bottom: 10px;
}
.input_textarea {
	height: 104px;
	background-color: #839ebb;
	border: 0;
	color: #FFFFFF;
	font-weight: bold;
	scrollbar-face-color: #3982af;
	scrollbar-highlight-color: #839ebb;
	scrollbar-3dlight-color: #839ebb;
	scrollbar-darkshadow-color: #839ebb;
	scrollbar-shadow-color: #839ebb;
	scrollbar-arrow-color: #2da5d6;
	scrollbar-track-color:#839ebb;
}
.kopmeksa_head {
	text-transform: uppercase;
}
.list {
	list-style-image: url(../images/paragraph.png);
}
.za_sozopol_text {
	overflow: auto;
	height: 300px;
	scrollbar-face-color: #3982af;
	scrollbar-highlight-color: #2da5d6;
	scrollbar-3dlight-color: #2da5d6;
	scrollbar-darkshadow-color: #2da5d6;
	scrollbar-shadow-color: #2da5d6;
	scrollbar-arrow-color: #2da5d6;
	scrollbar-track-color:#3b86b0;

}

html { 
	scrollbar-face-color: #3982af;
	/*scrollbar-highlight-color: #3b86b0;*/ 
	scrollbar-3dlight-color: #2da5d6;
	scrollbar-darkshadow-color: #2da5d6;
	scrollbar-shadow-color: #2da5d6;
	scrollbar-arrow-color: #2da5d6;
	scrollbar-track-color: #2da5d6;
} 
.sozopol_map {
	text-align: center;
}
.sozopol_map:hover {
	cursor: pointer;
}
a:visited {
	color: #FFF;
}
.ceni_pic {
	float: left;
	height: 350px;
	width: 210px;
	cursor: pointer;
}
a.price {
	text-decoration: underline;
	color:#FFFFFF;
}
a.price:hover {
	text-decoration: none;
	color:#FFFFFF;
}
.razp_cont {
	text-align: center;
	padding-top: 6px;
	padding-bottom: 6px;
}
.thanks {
	text-align: center;
}
a.hover {
	text-decoration: none;
	color:#FFFFFF;
}
a.hover:hover {
	text-decoration: underline;
}
.kopmeksa_head a {
	color: #FFFFFF;
	text-decoration: none;
}
.kopmeksa_head:hover a {
	text-decoration: underline;
}

