/*

 +-------------------------------------------------------------------+

 |     D E S T I N A T I O N S O F I A . C O M    MAIN CSS FILE      |

 |                                                                   |

 | 			By aba.bg						                         |

 +-------------------------------------------------------------------+

*/





/* ----------------------------------------------------------------------

	Global styles 

---------------------------------------------------------------------- */

* { padding: 0px; margin: 0px; }



/* Clear */

.clear { clear: both; }

.clear-left { clear: left; }

.clear-right { clear: right; }



/* Alignment */

.align-left { text-align: left; }

.align-justify { text-align: justify; }

.align-right { text-align: right; }



/* Margins */

.mt5 { margin-top: 7px; }

.ml5 { margin-left: 5px; }

.mr5 { margin-right: 5px; }

.mb5 { margin-bottom: 7px; }

.ml12 { margin-left: 12px; }



/* Floats */

.left { float: left; }

.right { float: right; }



/* Images, links */

a img { border: none; }

a { color: #660066; text-decoration: none; outline: none; }

a:hover { color: #222; }



/* Typography */

.violet { color: #660066; }

.orange, .orange a, .orange a:visited, .orange a:active, .orange a:hover{ color: #da7108; }

.bold { font-weight: bold; }

.normal { font-weight: normal; }

h3 { font-size: 14px; }

h1 { 

font-size: 14px;  

margin-bottom: 10px;

font-weight: normal; }



input,

textarea,

select { 

	background: #FFF url(/images/form-bgr.jpg) repeat-x; 

	border-left: 1px solid #e2e9ef; 

	border-right: 1px solid #dbe0e6; 

	border-bottom: 1px solid #e2e9ef; 

	border-top: none; 

	overflow: hidden;

	padding-top: 1px; }



p { padding:5px 0; }

/* ---------------------------------- */



body {

	background: url(/images/background.jpg) repeat; 

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #222; }

	

#wrap {

	width: 985px;

	height: auto;

	margin: 0 auto; }





/* ----------------------------------------------------------------------

	Header 

---------------------------------------------------------------------- */

#header {

	width: 980px;

	height: auto;

	float: left;

	display: inline; }

	

.logo {

	background: url(/images/destinationsofia.gif) no-repeat;

	width: 209px;

	height: 14px;

	margin-bottom: 5px; 

	margin-top: 16px;

	margin-left: 0px;

	float: left;

	display: block;}

	

#langbox {

	width: auto;

	height: 19px;

	float: right; 

	margin-top: 16px; }



#langbox ul li {	

	list-style: none;

	display: inline;

	float: left; }

	

#langbox ul li a {

	background:  url(/images/langbox-right.jpg) no-repeat right;

	height: 19px;

	line-height: 19px;

	padding-right: 6px;

	display: block !important;

	display: inline-block;

	cursor: pointer;

	font-size: 11px;

	font-weight: normal; }

	

#langbox ul li a b {

	background: red url(/images/langbox-left.jpg) no-repeat left;

	height: 19px;

	line-height: 19px;

	padding-left: 6px;

	display: block !important;

	display: inline-block;

	color: #cc6600;

	font-weight: normal; }

	

/*.english {

	background: url(/images/english.gif) bottom no-repeat;

	width: 55px;

	height: 19px; 

	float: left;

	display: block; }

	

.english-active {

	background: none;

	width: 55px;

	height: 19px; 

	float: left;

	display: block; }

	

.bulgarian {

	background: url(/images/bulgarian.gif) bottom no-repeat;

	width: 76px;

	height: 19px; 

	float: left;

	display: block;

	margin-left: 5px; }

	

.bulgarian-active {

	background: none;

	width: 76px;

	height: 19px; 

	float: left;

	display: block; }*/

	

.topnav {

	background: #FFF url(/images/topnav-bgr.jpg) no-repeat top;

	width: 980px;

	height: 75px; 

	float: left; }

	

.booking-box {

	background: #F9F9F9 url(/images/booking-bgr.jpg) repeat-x top;

	width: 137px;

	height: 75px;

	float: left; }

	

.booking-button {

	background: url(/images/booking-button.jpg) no-repeat;

	width: 109px;

	height: 22px;

	margin: 0 auto;

	padding-top: 7px;

	margin-left: 20px;

	margin-top: 22px;

	float: left;

	text-align: center;

	text-transform: uppercase;

	font-weight: bold;

	color: #9336b2; }

	

.apbox {

	width: 411px;

	height: 65px;

	padding: 5px;

	float: left;  }

	

.l-width-home {

	width: 411px; }



.l-width-home ul li {

font-weight:bold;

}



.l-width-home ul {

	width: 130px;

/*	width: auto; */

}

	

.r-width {

	width: 398px;

	margin-left: 0px; }

	

.r-width ul {

	width: 120px;

/*	width: auto; */

}

.apbox h3 {

	width:130px;

	text-align:center;

	color: #da7108;

	font-size: 14px;

	font-weight: normal;

	margin-top: 25px;

	float: left; }



.apbox h3 a, .apbox h3 a:visited, .apbox h3 a:active, .apbox h3 a:hover {	

	color: #da7108;

	font-size: 14px;

}



.apbox ul {

	height: 55px;

	margin-top: 5px;

	margin-left: 10px; 

	list-style: none; 

	float: left; }

	

.apbox ul li {

	float: none; }

	

.apbox ul li, .apbox ul li a {

	font-size: 11px;

	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;

	color: #333; }

	

.apbox ul li a:hover {

	color: #660066;

	font-weight: bold;

	text-decoration: underline; }

	

.apbox-sep {

	background: url(/images/apbox-sep.gif) repeat-y;

	width: 2px;

	height: 73px;

	margin: 0px;

	float: left; }



	

/* ----------------------------------------------------------------------

	Main Navigation 

---------------------------------------------------------------------- */

#mnavbox {

	width: 980px;

	height: 31px;

	float: left;

	display: block; }

	

.mnav-left {

	background: url(/images/mnav-left.jpg) no-repeat;

	width: 6px;

	height: 31px;

	float: left; 

	display: block; }

	

.mnav-right {

	background: url(/images/mnav-right.jpg) no-repeat;

	width: 6px;

	height: 31px;

	float: right;

	display: block;}

	

.mnav-content {

	background: url(/images/mnav-bgr.jpg) repeat-x;

	width: 968px;

	height: 31px;

	display: block;

	float: left; }



.mnav-content ul {

	float: left;

	list-style: none;

	display: inline; }



.mnav-content ul li {

	float: left;

}

	

.mnav-content ul li a {

	background: url(/images/mnav-sep.jpg) repeat-y right;

	height: 22px;

	width: 139px;

	float: left;

	text-align: center;

	padding-top: 9px;

	font-size: 12px;

	font-weight: bold;

	color: #660066; }

	

.mnav-content ul li a:hover {

	background: url(/images/mnav-hover.jpg) repeat-x;

	color: #e2e2e2; }

	

.mnav-content ul li a:active {

	background: url(/images/mnav-current.jpg) repeat-x;

	color: #222; }

	

#current {

	background: url(/images/mnav-current.jpg) repeat-x;

	color: #222; }



#home {

	width: 133px; }

#home-current {

	/*padding-right: 2px;*/

	width: 133px;

	background: url(/images/mnav-current.jpg) repeat-x;

	color: #222; }



#about,

#suites,

#service {

	width: 141px; }	



#sofia-info {

	width: 146px; }

	

#about:hover,

#suites:hover,

#service:hover,

#sofia-info:hover {

	background: url(/images/mnav-hover.jpg) repeat-x;

	color: #e2e2e2; }	

	

#about-current,

#service-current {

	padding-right: 2px;

	background: url(/images/mnav-current.jpg) repeat-x;

	color: #222; }

	



#suites-current {

	width: 141px;

	padding-right: 0px;

	background: url(/images/mnav-current.jpg) repeat-x;

	color: #222; }

	

#sofia-info-current {

	padding-right: 7px;

	background: url(/images/mnav-current.jpg) repeat-x;

	color: #222; }

	

#discounts {

	width: 130px; }

	

#last {

	width: 131px;

	background: none; }

	

#last-current,

#discounts-current {

	background: url(/images/mnav-current.jpg) repeat-x;

	color: #222;

	width: 135px; }



#last:hover,

#discounts:hover {

	background: url(/images/mnav-hover.jpg) repeat-x;

	color: #e2e2e2; }

	

	

/* ----------------------------------------------------------------------

	Left column 

---------------------------------------------------------------------- */

#column-left {

	width: 135px;

	height: auto;

	float: left;

	margin-top: 9px;

	margin-right: 5px;

	display: inline; }

	

.ul-title {

	background: url(/images/left-title.jpg) no-repeat;

	width: 128px;

	height: 20px; 

	padding-top: 7px;

	padding-left: 7px;

	color: #444;

	font-size: 11px;

	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;

	font-weight: bold;

	float: left;

	display: inline; }

	

.ul-bottom {

	background: url(/images/left-bottom.jpg) no-repeat;

	width: 135px;

	height: 5px;

	float: left; }

	

.the-ul {

	background: url(/images/left-bgr-y.jpg) repeat-y;

	list-style: none;

	float: left;

	width: 135px;

	display: inline-block; }

	

.the-ul li {

	width: 130px;

	height: 24px;

	margin-left: 2px; }

	

.the-ul li a {

	background: url(/images/left-a-bgr.jpg) repeat-x;

	height: 18px;

	padding-top: 6px;

	padding-left: 5px;

	display: block;

	font-size: 11px;

	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;

	color: #333; }

	

.the-ul li a:hover {

	color: #660066;

	font-weight: normal;

	text-decoration:underline; }

 

.fawn-top {

	background: url(/images/fawn-top.jpg) no-repeat;

	width: 136px;

	height: 6px;

	display: block; 

	float: left; }

	

.fawn-bottom {

	background: url(/images/fawn-bottom.jpg) no-repeat;

	width: 136px;

	height: 6px;

	display: block;

	float: left; }

	

.weather-box {

	background: url(/images/fawn-weather-bgrw.jpg) no-repeat;

	width: 124px;

	height: 66px;

	float: left;

	padding: 0px 6px 6px 6px; }

	

.weather-box img {

	float: left; 

	margin-top: 10px;

	margin-left: 2px; }

	

.number-t {

	margin-top: 4px;

	float: left;

	margin-left: 10px;

	font-size: 28px;

	font-family: Arial, Helvetica, sans-serif;

	color: #555;

	width: 75px; }

	

.what-t {

	float: left; 

	margin-left: 10px;

	font-size: 12px;

	font-family: Arial, Helvetica, sans-serif;

	color: #555;

	}

	

.left-title {

	font-size: 11px;

	font-weight: bold;

	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;

	color: #555; } 

	

	

 

.fawn-two-top {

	background: url(/images/fawn-two-top.jpg) no-repeat;

	width: 118px;

	height: 12px;

	padding: 9px;

	float: left;

	margin-top: 5px; }

	

.fawn-two-bottom {

	background: url(/images/fawn-two-bottom.jpg) no-repeat;

	width: 118px;

	height: 12px;

	padding: 9px;

	float: left; }

	

.fawn-two-top a {

	font-size: 10px;

	font-weight: bold;

	color: #555; }

	

.fawn-two-top a:hover {

	color: #660066; }

	

.fawn-two-bottom a {

	font-size: 10px;

	font-weight: bold;

	color: #555; }	

	

.fawn-two-bottom a:hover {

	color: #660066; }

	

.circle {

	background: url(/images/c-icon.jpg) no-repeat left center;

	padding-left: 8px; }

	

.make-home {

	background: url(/images/house-icon.jpg) no-repeat left bottom;

	padding-left: 10px; }

	

.save {

	background: url(/images/plus-icon.jpg) no-repeat left bottom;

	padding-left: 10px; }

	

	

/* ----------------------------------------------------------------------

	Content

---------------------------------------------------------------------- */

#content {

	width: 844px;

	height: auto;

	float: right;

	margin-top: 9px;

	display: inline; }



	/* --------------------------------------------------

		Content -> One-Half-Box

	-------------------------------------------------- */ 

.one-half-box {

	width: 212px;

	height: auto;

	float: left;

	margin-right: 5px; }

	

.one-half-top {

	background: url(/images/1-half-top.jpg) no-repeat;

	width: 212px;

	height: 7px;

	display: block;

	float: left; }

	

.one-half-bottom {

	background: url(/images/1-half-bottom.jpg) no-repeat;

	width: 212px;

	height: 7px;

	display: block;

	float: left; }

	

.one-half-content {

	background: url(/images/1-half-bgr.jpg) repeat-y;

	width: 198px;

	height: auto; /* 277px; - home (en) */

	padding-left: 7px;

	padding-right: 7px;

	display: block;

	float: left;

	font-size: 11px;

	text-align: justify;

	line-height: 1.3em;

	color: #333; }





	/* --------------------------------------------------

		Content -> Two-Half-Box

	-------------------------------------------------- */ 	

.two-half-box {

	width: 347px;

	height: auto;

	float: left; 

	margin-right: 5px; }

	

.two-half-top {

	background: url(/images/2-half-top.jpg) no-repeat;

	width: 347px;

	height: 7px;

	display: block;

	float: left; }

	

.two-half-bottom {

	background: url(/images/2-half-bottom.jpg) no-repeat;

	width: 347px;

	height: 7px;

	display: block;

	float: left; }

	

.two-half-content {

	background: url(/images/2-half-bgr.jpg) repeat-y;

	width: 333px;

	height: auto; /* 277px; - home page (en) */

	padding-left: 7px;

	padding-right: 7px;

	display: block;

	float: left;

	font-size: 11px;

	text-align: justify;

	line-height: 1.3em;

	color: #333; }





	/* --------------------------------------------------

		Content -> Two box

	-------------------------------------------------- */ 

.two-box {

	width: 271px;

	height: auto;

	float: left; }

	

.two-top {

	background: url(/images/2-top.jpg) no-repeat;

	width: 271px;

	height: 7px;

	display: block;

	float: left; }

	

.two-bottom {

	background: url(/images/2-bottom.jpg) no-repeat;

	width: 271px;

	height: 7px;

	display: block;

	float: left; }

	

.two-content {

	background: url(/images/2-bgr.jpg) repeat-y;

	width: 257px;

	height: auto;

	padding-left: 7px;

	padding-right: 7px;

	display: block;

	float: left;

	font-size: 11px;

	text-align: justify;

	line-height: 1.3em;

	color: #333; }

	

.two-content-align-left {

	background: url(/images/2-bgr.jpg) repeat-y;

	width: 257px;

	height: auto;

	padding-left: 7px;

	padding-right: 7px;

	display: block;

	float: left;

	font-size: 11px;

	text-align: left;

	line-height: 1.4em;

	color: #333; }



.title {

	font-size: 13px;

	font-weight: bold;

	margin-bottom: 5px; }

	

.from-pr {

	font-size: 14px;

	font-weight: bold; 

	color: #660066; }

	

	

	/* --------------------------------------------------

		Content -> Four box

	-------------------------------------------------- */ 

.four-box {

	width: 564px;

	height: auto;

	float: left;

	display: inline; }

	

.four-top {

	background: url(/images/4-top.jpg) no-repeat;

	width: 564px;

	height: 7px;

	display: block;

	float: left; }



.four-bottom {

	background: url(/images/4-bottom.jpg) top no-repeat;

	width: 564px;

	height: 12px;

	display: block;

	margin-top: 0px;

	float: left; }

	

.four-bottom-ie6 {

	background: url(/images/4-bottom.jpg) top no-repeat;

	width: 564px;

	height: 12px;

	display: block;

	margin-top: 0px !important;

	margin-top: -7px;

	float: left; }

	

.four-content {

	background: url(/images/4-bgr.jpg) repeat-y;

	width: 550px;

	height: auto;

	padding-left: 7px;

	padding-right: 7px;

	display: block;

	float: left;

	font-size: 11px;

	text-align: justify;

	line-height: 1.4em;

	color: #333; }

	

#conti table {

width:100%; }



#conti table td {

margin:10px;

border-spacing:10px;

}



#conti ul {

margin-left:20px;

}

	

	/* --------------------------------------------------

		Content -> Title box

	-------------------------------------------------- */

.title-box {

	width: auto;

	height: 30px;

	float: left; 

	margin-bottom: 5px; }

	

.title-box-left {

	background: url(/images/title-box-left.jpg) no-repeat;

	width: 7px;

	height: 30px;

	float: left;

	display: block; }

		

.title-box-right {

	background: url(/images/title-box-right.jpg) no-repeat;

	width: 7px;

	height: 30px;

	float: left;

	display: block; }

	

.title-box-content {

	background: url(/images/title-box-bgr.jpg) repeat-x;

	width: auto;

	height: 14px;

	padding-top: 8px;

	padding-bottom: 8px;

	float: left;

	display: block;

	text-align: center; }



.width-4 {

	width: 550px; }

	

.w-max {

	width: 825px; }

	

	

	/* --------------------------------------------------

		Content -> Preview -> Text Columns 

	-------------------------------------------------- */

.text-columns { 

	float: left;

	margin-top: 0px;

	width: auto;

	height: auto; }







	/* --------------------------------------------------

		Content -> Suites

	-------------------------------------------------- */ 



/* txt box */

.suites-box-100 {

	width: 841px;

	height: auto;

	float: left;

	margin-bottom: 10px; }

	

.suites-top-100 {

	background: url(/images/suites-top-100.jpg) no-repeat;

	width: 841px;

	height: 7px;

	float: left; 

	display: block; }

	

.suites-bottom-100 {

	background: url(/images/suites-bottom-100.jpg) no-repeat;

	width: 841px;

	height: 7px;

	float: left; 

	display: block; }

	

.suites-contet-100 {

	background: url(/images/suites-bgr-100.jpg) repeat;

	width: 827px;

	height: auto;

	padding-left: 7px;

	padding-right: 7px;

	display: block;

	float: left;

	font-size: 11px;

	text-align: justify;

	line-height: 1.4em;

	color: #333; }





/* boxes */

.suites-box {

	width: 277px;

	height: auto;

	float: left; }

		

.suites-top {

	background: url(/images/suites-titles.jpg) no-repeat;

	width: 263px;

	height: 57px;

	padding-left: 7px;

	padding-right: 7px;

	display: block;

	line-height: 25px;

	float: left; }

	

.suites-top .title {

	font-size: 11px; }

	

.suites-top .gray {

	color: #333;

	font-size: 12px; }

	

	

.suites-top-v2 {

	background: url(/images/suites-titles-v2.jpg) no-repeat;

	width: 263px;

	height: 52px;

	padding-left: 7px;

	padding-right: 7px;

	display: block;

	line-height: 25px;

	float: left; }

	

.suites-top-v2 .title {

	font-size: 11px; }

	

.suites-top-v2 .gray {

	color: #333;

	font-size: 12px; }



.suites-bottom {

	background: url(/images/suites-bottom.jpg) top no-repeat;

	width: 277px;

	height: 12px;

	display: block;

	margin-top: 0px;

	margin-bottom: 7px;

	float: left; }

	

.suites-content {

	background: url(/images/suites-bgr.jpg) repeat-y;

	width: 263px;

	height: auto;

	padding-left: 7px;

	padding-right: 7px;

	display: block;

	float: left;

	font-size: 11px;

	text-align: justify;

	line-height: 1.4em;

	color: #333; }

	

.suites-content img {

	float: left;

	margin-bottom: 5px; }



.img-column {

	width: 550px; /* Според ширината на снимките */

	height: auto;

	float: left;  }

	

.img-column img {

	margin-left: 2px;

	margin-right: 2px;

	display: inline;  }



/* ----------------------------------------------------------------------

	Contact us 

---------------------------------------------------------------------- */

#contact-us {

	width: 550px; }

	

#contact-us th {

	width: 85px;

	text-align: right; }

	

#contact-us td {

	width: 458px;

	padding-left: 7px;

	text-align: left; }

	

#contact-us tr {

	height: 20px; }

	

	/* --------------------------------------------------

		Contact us -> Inq form 

	-------------------------------------------------- */

.inq-form {

	margin-top: -2px;

	width: 550px;

	font-size: 12px; }

	

.inq-form tr {

	height: 30px; }

	

.inq-form td {

	width: auto; 

	text-align: left;

	padding: 2px;

	vertical-align: middle; }

	

.inq-form th {

	width: auto; 

	height: 22px;

	text-align: left;

	padding: 8px 2px 2px 2px; }

	

.width-max {

	width: 435px; }

	

.width-100 {

	width: 100px;

	display: block;

	font-weight: normal; }

	

.i-s-width {

	float: left; 

	display: block;

	margin-left:10px;

	width: 75px; }

	

.i-sm-width {

	float: left; 

	display: block;

	margin-left:0px;

	width: 260px; }

	

.i-m-width {

	float: left; 

	display: block;

	margin-left:10px;

	width: 125px; }

	

.i-l-width {

	float: left; 

	display: block;

	margin-left:10px;

	width: 200px; }

	

.txt-area {

	width: 250px;

	height: 55px;

	padding: 5px;

	margin-top: 2px;

	float: left;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px; }



.separator-x {

	background: url(/images/separator-x.jpg) repeat-x center center;

	width: 100%;

	height: 5px; }



.send-button {

	background: #FFF url(/images/button-bgr.jpg) repeat-x;

	border: 1px solid #757575; }

	

/* ----------------------------------------------------------------------

	Footer

---------------------------------------------------------------------- */

#footer-wrap {

	width: 100%;

	height: 60px;

	float: left; }

	

#footer {

	margin: 0px auto;

	margin-top: 20px;

	margin-bottom: 20px;

	color: #919191;

	font-size: 11px;

	text-align: center; }

    
    
#footer a, #footer a:link, #footer a:visited, #footer a:active, #footer a:hover {

	color: #919191;
    
    text-decoration: none; }
    
    

.siteby {

	background: url(/images/aba.gif) no-repeat bottom;

	width: 42px;

	height: 14px;

	display: block;
    
	margin-left: 8px;

	float: left; }

	

.siteby:hover {

	background: url(/images/aba.gif) no-repeat top; }