/*
Date: 16.02.2011
Author: Oasa Bogdan Valentin
Company: Touch Media
Website: www.touch-media.ro
Project: Quattro - Magic
*/

/* Reset CSS */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	background: transparent;
}
a {
  text-decoration: none;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* CSS start! */

.clear {clear:both; display:block; line-height:0px;}
.clear2 {clear:both; display:block; line-height:0px; height:20px;}
.clear3 {clear: both; display: block; line-height:0; height: 10px;}
.nomargin {margin: 0 !important; }
.noborder {border: 0 !important; }
.rounded {-webkit-border-radius: 3px;	-moz-border-radius: 3px;	border-radius: 3px;}
.right {float: right !important; }
.textblock {float: left; clear: both; width: 100%; }

body {background:#fff url(images/bg.jpg) no-repeat center 32px; font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #404040; }
.concurs {position: absolute; top: 0; left: 0; }

.wrap {width: 980px; margin: 0 auto; }
.top {float: left; clear: both; width: 925px; padding: 0 0 0 55px; }
.logo {float: left; margin: 38px 0 0 0;}
.top-right {float: right; margin: 15px 20px 0 0; }
.top-right h1 {float: right; text-align: right; color: #4f4f4f; font-size: 11px; font-weight: normal; }
.search-form {float: right; clear: both; width: 362px; height: 36px; background: url(images/search.png) no-repeat; margin: 35px 0 0 0; }
.search-form input {float: left; height: 32px; line-height: 32px; padding: 0 0 0 40px; width: 230px; border: 0; background: transparent ; margin: 2px 5px 0 0; }
.search-form input.search {background: none; padding: 0; width: 75px; margin: 2px 0 0 0; cursor: pointer; }
#menu {float: right; clear: both; margin: 30px 0px 0 0; height: 32px; width: 520px; }
#menu li {float: left; }
#menu li a {float: left; height:32px; background-image: url(images/menu.png); background-repeat: no-repeat; margin: 0 1px 0 0; opacity:1; }
#menu li a:hover { opacity:0.9; }
#menu li a.home {background-position: 0 0; width: 75px; }
#menu li a.bilete-de-avion {background-position: -76px 0px; width: 104px; }
#menu li a.servicii {background-position: -181px 0px; width: 66px; }
#menu li a.rezervari {background-position: -248px 0px; width: 76px; }
#menu li a.contact {background-position: -325px 0px; width: 73px; }
#menu li a.impresiile-tale {background-position: -399px 0px; width: 104px; }

.content {float: left; clear: both; background: #fff; padding: 15px 7px; width: 964px; 
-moz-box-shadow: 0 0 7px 4px #e6e6e6;
-webkit-box-shadow: 0 0 7px 4px #e6e6e6;
box-shadow: 0 0 7px 4px #e6e6e6;
	/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=0, Color='#e6e6e6')";
	/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=0, Color='#e6e6e6');
    }
.promo {float: left; padding: 0 6px 0 7px; }
.promo-band {width: 922px; height: 29px; padding: 13px 0 14px 15px ;margin: 306px auto 0 auto; background: url(images/promo-band.png) repeat-x;  }
.promo-band img {float: left; margin: 0 25px 0 0;}
.promo-band img.detalii {margin-right: 35px; }

.sidebar {width: 195px; margin: 13px 0 0 0; }
.sidebar.left {float: left; margin-right: 9px; }
.sidebar.right {float: right; margin-top: 50px; }
.sidebar p {width: 185px; padding: 5px; }
.sidebar-title {float: left; margin-bottom: 4px; }
.sidebar-title.recomandari {margin-top: 53px; }
.sidebar ul {float: left; clear: both; width: 100%; margin: 0 0 20px 0;  }
.sidebar ul li {float: left; clear: both; width: 100%; }
.sidebar ul.verde li:hover {background: #7ed50d url(images/verde.gif) repeat-x 0 bottom; }
.sidebar ul.portocaliu li:hover {background: #ffb400 url(images/portocaliu.gif) repeat-x 0 bottom; }
.sidebar ul.albastru li:hover {background: url(images/albastru.gif) repeat-x; }
.sidebar ul li a {float: left; padding: 0 0 0 20px; background: url(images/sidebar-item.png) no-repeat 11px 11px;  line-height: 26px; color:  #585858; font-size: 12px; width: 175px; }
.sidebar ul li:hover a, .sidebar ul li.active a {background-image: url(images/sidebar-item-sel.png); color: #fff; }

.inchiriaza-box {float: left; width: 181px; border: 1px #c8c8c8 solid; padding: 10px 6px 5px 6px; background: #fff url(images/inchiriaza.jpg) repeat-x 0 bottom; color: #404040; font-size: 13px; letter-spacing: -0.05em; margin: 6px 0 0 0;}
.sidebar-oferta {float: left; clear: both; width: 100%; color: #b20000; font-size: 11px; font-weight: bold; line-height: 16px; margin-bottom: 15px;  }
.sidebar-oferta .oferta-i-pic {margin-bottom: 6px; }
.sidebar-oferta h2 {color: #474747; font-size: 12px; }
.sidebar-oferta.hotel_similar {clear: none; text-align: center; color: #006a99; font-weight: normal; width: 175px; margin-right: 10px;   }
.sidebar-oferta.hotel_similar h2 {color: #434343; width: 100%; text-align: center; font-weight: normal; }

.newsletter {float: left; clear: both; margin-bottom:20px; }
.newsletter input {width: 181px; padding: 0 5px; border: 2px #d9d9d9 solid; float: left; height: 23px; line-height: 23px;   }
.newsletter input.abonare, .click_aici {float: right; background: url(images/verde-button.gif) repeat-x; height: 24px; line-height: 24px; text-align: center; color: #fff; width: 84px; border: 0; margin: 5px 0 0 0; }

.main {float: left; width: 554px !important; }
.main.large {width: 750px !important; }
.main h1, .date_contact h2 {float: left; clear: both; width: 100%; margin: 25px 0; font-size: 15px; color: #606060; }
h1.hotel_h1 {border-bottom: 3px #b9b9b9 solid; text-transform: uppercase; padding-bottom: 10px; font-size: 18px;  }
.merlin {float: left; margin: 13px 0 0 0; }
.oferta-i {float: left; clear: both; width: 100%; margin: 11px 0  0 0; }
.oferta-i-pic {float: left; width: 196px; }
.oferta-i-pic img {float: left; padding: 6px; border: 1px #c8c8c8 solid; }
.oferta-i-text {float: right; width: 340px; padding: 5px 0 0 0; }
h3 {float: left; clear: both; width: 100%; color: #434343; font-size: 12px; margin: 0 0 4px 0;}
.oferta-i-text p {color: #434343; float: left; clear: both; width: 100%; font-size: 11px; height: 57px;  }
.oferta-i-utils {float: left; clear: both; width: 100%; margin: 10px 0 0 0; }
.oferta-i-utils .detalii {float: left; height: 28px; line-height: 28px; text-align: center; color: #fff; width: 120px; background: url(images/verde-detalii.jpg) repeat-x; margin: 4px 0 0 0; }
.oferta-i-utils-right {float: right; width: 205px; color: #434343; font-size: 11px; text-align: left; margin-top: 10px;  }
.oferta-i-utils-right strong {color: #006a99; font-size: 18px; font-weight: normal;}

.contact_form {float: left; clear: both; width: 554px; }
.contact_form div {float: left; clear: both; width: 100%; margin: 2px 0; }
.contact_form label {float: left; margin-left:25px; display:block; height: 25px; line-height: 25px; color: #636363; font-size: 12px; text-align: right;  }
.contact_form p {/*float: left; padding-left: 80px; height: 25px; line-height: 25px;*/ color: #636363; font-size: 11px; margin: 6px 0 0 11px; }
.contact_form input {float: right; width: 490px; height: 23px; line-height: 23px; padding: 0 10px; border: 1px #cbcbcb solid; background: url(images/input.jpg) repeat-x; margin: 0 30px 0 0; }
.contact_form textarea {float: right; width: 490px; height: 158px; padding: 5px 10px; border: 1px #cbcbcb solid; background: url(images/textarea.jpg) repeat-x; margin: 0 30px 0 0;}
.contact_form input.trimiteti  {float: right; background: url(images/verde-button.gif) repeat-x; height: 24px; line-height: 24px; text-align: center; color: #fff; width: 84px; border: 0; margin: 5px 30px 0 0; cursor: pointer; font-weight: bold;}
.contact_form .date_contact {float: right; width: 437px !important; margin: 15px 30px 0 0;clear: both;  }
.contact_form .date_contact h2 {margin: 15px 0;}

.impresii {float: left; width: 400px; background: url(images/impresii.jpg) no-repeat 25px 0; padding: 20px 0 0 130px; margin: -15px 0 25px 0; position: relative; }
.subtitle {float: left; clear: both; width: 100%; margin: 20px 0 10px 0;}
.comentariu {float: left; clear: both; width: 100%; border-bottom: 1px #b8b8b8 solid; margin: 10px 0; }
.comentariu h4 {float: left; clear: both; width: 100%; color: #282828; font-size: 12px;}
.comentariu h4 .data {float: right; color: #848484; font-size: 11px; font-weight: normal; }
.comentariu .textblock {color: #636363; margin: 10px 0; }

.paginare {float: left; clear: both; width: 100%; }
.paginare a {float: left; background: url(images/input.gif) repeat-x 0 bottom; border: 1px #9f9f9f solid; height: 17px; line-height: 17px; width: 17px; text-align: center; font-weight: bold; -webkit-border-radius: 3px;	-moz-border-radius: 3px;	border-radius: 3px; margin-right: 2px; color: #434343; }
.paginare a:hover, .paginare a.active {color: #71a40b; }

.partners {float: left; clear: both; width: 100%; margin: 30px 0;}
.partners img {float: left; margin: 10px; }
.footer {float: left; width: 952px; padding: 0 15px 0 13px; background: url(images/footer.jpg) repeat-x; height: 107px; }
.footer-left {float: left; width: 590px; margin: 20px 0 0 0; }
.footer-left ul {float: left; width: 100%; }
.footer-left ul li {float: left; padding-right: 20px; }
.footer-left ul li a {color: #a8d1e2; font-size: 12px; }
.footer-left p {float: left; width: 100%; margin: 5px 0 15px 0; font-size: 11px; color: #a8d1e2; }
.socials {float: left; clear: both; width: 100%; }
.socials img {float: left; margin: 0 16px 0 0; }
.footer-right {float: right; width: 362px;}
.footer-right .search-form {margin-top: 10px; }
.footer-right .dezvoltat {margin: 37px 0 0 0; float: right; color: #85b3c9; font-weight: bold; font-size: 10.5px; }
.sub-footer {float: left; width: 100%; margin: 9px 0 9px; color: #4f4f4f; text-align: center; }

.sub-footer .footer-text {
	width:575px;
	height:36px;
	float:left;
	text-align:left;
	font-size: 12px;
	line-height:18px;
	font-family:Verdana;
	font-size:12px;
	color:#515151;
}

.sub-footer #trafic {
	float:right;
	margin-right:10px;
}

.tara {float: left; width: 730px; height: 37px; line-height: 37px; padding: 0 14px;  background: url(images/tara.jpg) repeat-x; border: 1px #c4c4c4 solid; -webkit-border-radius: 3px;	-moz-border-radius: 3px;	border-radius: 3px; margin-bottom: 15px; }
.tara h2 {float: left; color: #303030; font-size: 16px; font-weight: normal; width: 246px; }
.tara .pret {float: left; width: 420px; color: #006b9b; font-weight: bold; font-size: 13px; }
.tara .pret img {display: inline-block; top: 5px; position: relative; }
.tara .info {float: right; background: url(images/info.gif) no-repeat right 0 ; height: 21px; line-height: 21px; padding-right: 27px; color: #303030; font-size: 12px; margin: 7px 0 0 0; }
.poze_tara {float: left; margin: 9px 17px;}

.tara_info {float: left; width: 718px;  -webkit-border-radius: 3px;	-moz-border-radius: 3px;	border-radius: 3px; border: 1px #c4c4c4 solid; padding: 10px 20px; margin: 5px 0 15px 0; }
.tabs {float: left; clear: both; width: 100%; border-bottom: 3px #c1c1c1 solid; margin-bottom: 10px;  }
.tabs a {float: left; background: url(images/bullet.gif) no-repeat left center; font-size: 13px; color: #616161; margin: 0 24px 4px 0; padding-left: 13px;  }

.content_ul {list-style-image: url(images/content_ul.gif); padding-left: 24px; }
.content_ul li {margin: 0 0 5px 0;}

.locatie {float: left; clear: both; width: 100%; margin: 0 0 20px 0; }
.locatie_pic {float: left; width: 182px; height: 109px; padding: 4px; border: 1px #c5c6c5 solid; }
.locatie_pic img {float: left; }
.locatie_desc {float: right; width: 540px; }
.locatie_desc h3 {float: left; clear: both; width: 100%; margin: 3px; line-height: 22px; color: #434343; font-size: 17px; font-weight: normal; }
.locatie_desc h3 .pret {color: #006a99; font-size: 18px; float: right; }
.locatie_hoteluri {float: left; margin: 15px 0 0 0; }
.vezi_hoteluri {float: left; margin: 0 10px 0 0;}
.lista_hoteluri {float: left; margin: 3px 0 0 0px; width: 130px;  }

.hotel {clear: both; width: 100%; margin: 0 0 20px 0; float: left; }
.hotel_desc {float: left; width: 340px; }
.hotel_desc h4 {float: left; clear: both; width: 100%; font-size: 13px; color: #434343; padding: 5px 0 5px 0; border-top: 1px #cecece solid; font-weight: normal; }
.hotel_utils_small {float: right; width: 140px; }
.hotel_utils_small .pret {color: #006a99; font-size: 18px; float: left; clear: both; }
.stele {float: left; clear: both; width: 140px; margin: 5px 0 10px 0; }
.stele span {float: left; width: 23px; height: 22px; background: url(images/star.png) no-repeat; margin: 0 4px 0 0; }
.hotel_h1 .stele {float: right; clear: none; margin: 0; width: 140px;  }

.hotel_pics {float: left; clear: left; width: 412px; margin: 29px 10px 20px 0;  }
.hotel_big_pic {float: left; width: 400px; border: 1px #b6b6b6 solid; padding: 5px;  }
.hotel_big_pic img {float: left; }
.hotel_small_pics {float: left; width: 100%; margin: 5px 0; }
.hotel_small_pics img {float: left; margin: 3px 3px 0 0; }
.hotel_small_pics img.nomargin {margin: 3px 0 0 0 !important; }
.pret_de_la {color: #ff8c00; font-size: 17px; }

.hotel_utils {
	float:left;
	clear:both;
	width:100%;
	border:1px #c1c1c1 solid;
	height:40px;
	line-height:46px;
	background:url(images/hotel_utils.jpg) repeat-x #F2F2F2;
	text-align: center;
	word-spacing: 30px;
	margin: 5px 0;
}
.hotel_utils2 {
	line-height:38px;
}
.hotel_utils .tags {
	word-spacing:3px;
	text-align:left;
	margin-left:20px;
}

.filter {float: right; margin: 10px 20px 10px 0; }
.filter label {color: #434343; font-size: 12px; }
.filter label strong {color: #0071a2; }

#popup .title {font-size: 16px; font-weight: bold;}
.form.popup {width: 432px; padding: 0 0 0 32px; margin: 26px 0 0 0; }
.form.popup div {float: left; margin: 0 0 6px 0; width: 100%;  }
.form.popup input {width: 410px; float: right; }
.form.popup input.detalii {width: auto; }

.oferte_similare {float: left; clear: both; width: 100%; font-size: 18px; color: #2d2d2d; font-weight: bold; text-transform: uppercase; padding-bottom: 5px; margin-bottom: 5px; border-bottom: 2px #b9b9b9 solid; margin-top: 20px; }

.err {float: left; clear: both; width: 100%; color: red; font-size: 11px; margin: 0 0 3px 0;}
.succes {float: left; clear: both; width: 100%; color: green; font-size: 11px; }

#merlin_container {float: left; clear: both; width: 100%; position: relative; }

.h1 {
	background:url('images/h1tail.png') repeat-x;
	height:34px;
	line-height:34px;
	text-align:center;
}
.h1 h1 {
	font-weight:normal;
	font-size:12px;
	color:#515151;
	font-family:Verdana;
}
.breadcrumbs {
	margin-top:13px;
	margin-bottom:-10px;
}
.breadcrumbs a {
	color:#515151;
	text-decoration:none;
	font-size:12px;
}
.breadcrumbs a:hover {
	text-decoration:underline;
}
.tags a {
	color:#000;
	text-decoration:underline;
}
.tags a:hover {
	text-decoration:none;
}
.tagc {
	color:#515151;
	text-decoration:none;
}
.tagc:hover {
	text-decoration:underline;
}
.font10 {
	font-size:10px;
}
.font11 {
	font-size:11px;
}
.font12 {
	font-size:12px;
}
.font13 {
	font-size:13px;
}
.font14 {
	font-size:14px;
}
.font15 {
	font-size:15px;
}
.font16 {
	font-size:16px;
}
.font17 {
	font-size:17px;
}
.font18 {
	font-size:18px;
}
.impresie-title {
	padding:10px 0 5px;
	clear:both;
}
.impresie-left {
	padding:0 10px;
}
.impresie-left a {
	color:#000;
	text-decoration:underline;
}
.impresie-left a:hover {
	text-decoration:none;
}
.stiatica {
	width:75px;
	background:url('images/menu_stiatica.png') !important;
}
.stiati2 {
	margin:20px 0 5px !important;
}
.item-stiati {
	margin-top:20px;
}
.item-stiati img {
	padding:6px;
	border:1px solid #C8C8C7;
	float:left;
	margin-right:10px;
}
.item-stiati .right {
	width:333px;
	margin-right:10px;
}
.item-stiati h4 {
	font:bold 12px/18px Verdana;
	color:#434343;
	margin-bottom:5px;
}
.item-stiati h4 a {
	color:#434343;
	text-decoration:none;
}
.item-stiati h4 a:hover {
	color:#434343;
	text-decoration:underline;
}
.item-stiati .desc {
	font:11px/16px Verdana;
	min-height:68px;
	_height:68px;
}
.item-stiati .detalii {
	display:block;
	width:120px;
	height:28px;
	background:url('images/detalii2.png') no-repeat;
	float:left;
	opacity:1;
}
.item-stiati .detalii:hover {
	opacity:0.9;
}
.item-stiati .data {
	float:right;
	width:213px;
	line-height:28px;
	text-align:right;
}
.paginare2 {
	margin-top:20px;
}
.paginare2 a {
	width:24px;
	height:24px;
	float:left;
	margin-right:6px;
	background:url('images/pager_normal.png') no-repeat;
	display:block;
	text-align:center;
	font:bold 11px/24px Verdana;
	color:#FFF;
}
.paginare2 a:hover, .paginare2 a.active {
	background:url('images/pager_active.png') no-repeat;
}
.mes strong {
	color:#000;
}
.hotelsearch select, .hotelsearch input {
	margin:2px;
}
.airsearch {
	border:thin solid #D0D0D0;
	padding:20px;
	width:395px;
}
.airsearch select, .airsearch input {
	margin:2px;
}