/* DEFAULT DEFINITION */
html, body { margin:0; padding:0; font:12px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; color:#000000; height:100%; }
.home { background:#000000 url(../img/bg_body_home.jpg) top center no-repeat; }
.binder-bubi { background:#000000 url(../img/bg_body_binder_bubi.jpg) top center no-repeat; }
.traube { background:#000000 url(../img/bg_body_traube.jpg) top center no-repeat; }
.greweln { background:#000000 url(../img/bg_body_greweln.jpg) top center no-repeat; }
.lg { background:#000000 url(../img/bg_body_lg.jpg) top center no-repeat; }
.binderbubi-sighisoara { background:#000000 url(../img/bg_body_binderbubi_sighisoara.jpg) top center no-repeat; }
.interior-page { background:#000000 url(../img/bg_body_interior_page.jpg) top center no-repeat; }

img, table, td, fieldset, form, legend, h1, h2, h3, h4, h5, h6, ol, ul, p, dl, dt, dd { margin:0; padding:0; border:0; list-style:none; }
a { color:#dc3a37; text-decoration:underline; outline:none; }
a:hover { text-decoration:none; }
.floatLeft { float:left; }
.floatRight { float:right; }
.alignLeft { text-align:left; }
.alignRight { text-align:right; }
.offleft { position:absolute; left:-5000px; width:2000px; }
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }/*ie7*/
.clearfix { display:block; }
* html .clearfix { height:1%; }
abbr { border:none; }
.smallTxt { font-size:0.9em; }
.bigTxt { font-size:1.1em; }
.blue { color:#3B8BD4; }
ol { padding:0 0 12px 30px; list-style:decimal; }


/* Trebuchet MS, Verdana, Arial, Helvetica, sans-serif */

/* FORMS */
input, select, textarea, button { font:1em Arial, Verdana, Helvetica, sans-serif; color:#333; }
textarea  { border:1px solid #7E7E7E; padding:2px; }
select { border:1px solid #7f9db9; padding:1px; }

hr { display:none; }
.hr-dotted { clear:both; height:30px; background:url(../img/bg-separator-dotted.gif) 0px 15px repeat-x;  }
.hr { height:20px; background:url(../img/bg-separator.gif) 0px 10px repeat-x;  }

.fontsize22 { font-size:22px; }
.fontsize14 { font-size:14px; }
.fontsize13 { font-size:13px; }
.fontsize11 { font-size:11px; }
.fontsize10 { font-size:10px; font-weight:bold; }
.colororange { color:#FF7E00; }
.color01 { color:#AD0000; }
.color02 { color:#750021; }

/* H TITLES */
h1 { display:block; margin:0 0 18px 0; color:#355c04; font-weight:bold; font-size:22px; }
h1 span { font-size:16px; font-weight:normal; }
h2 { display:block; font:16px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; margin:0 0 12px 0; color:#333; font-weight:bold; text-transform:uppercase; }
h3 { display:block; font:14px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; margin:0 0 12px 0; color:#ead8b4; font-weight:bold; }

.read-more { display:block; height:26px; overflow:hidden; margin:10px 0 0 0; }
.read-more a { background:url(../img/bg_readMoreRight.gif) right top no-repeat; float:left; height:26px; text-decoration:none; color:#fef8a2; font-size:11px; text-transform:uppercase; } 
.read-more a:hover { background-position:right -26px; color:#fef8a2; }
.read-more a strong { background:url(../img/bg_readMoreLeft.gif) left top no-repeat; height:26px; padding:5px 40px 0 16px; float:left; display:block; cursor:pointer;  }
.read-more a:hover strong { background-position:left -26px; }


/*	--- Important! ----------------------------------------
	#wrap-footer, #footer and .push must be the same height
	------------------------------------------------------- */	
#mainWrapper, #footer, .push { height: 62px; }

.push	{clear: both;}

/* --- Important! -------------------------------
	The bottom margin of #wrap-container
	is the negative value of the footer's height 
	---------------------------------------------- */	

/* MAIN CONTAINER */
#mainWrapper { margin: 0 auto -62px; }
#mainWrapper { min-height: 100%; height: auto !important; height: 100%; } 

#container { margin:0 auto; }


/* MAIN HEADER */
#main-header { width:100%; float:left; }
#main-header #header { width:1000px; margin:0px auto; position:relative; }

#home-content #main-header { height:116px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.daforaturism.ro/fileadmin/daforaturism.ro/templates/img/bg_mainHeaderHome.png', sizingMethod='scale'); }
* > #home-content #main-header { background: url(../img/bg_mainHeaderHome.png) top center no-repeat; }

#pages-content #main-header {  height:130px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.daforaturism.ro/fileadmin/daforaturism.ro/templates/img/bg_mainHeaderHome.png', sizingMethod='scale'); }
* > #pages-content #main-header { background: url(../img/bg_mainHeaderHome.png) top center no-repeat; }


/* MAIN HEADER - LOGO */
#logo {  }
#logo a { position:absolute; left:6px; }
#home-content #logo a { top:12px; }
#pages-content #logo a { top:12px; }

#contact-top { position:absolute; background:url(../img/bg_contact_top.jpg) top left no-repeat; width:358px; height:55px; top:0px; right:0px; }
#contact-top p { color:#000; font-size:12px; text-align:right; display:block; padding:3px 206px 0 0; line-height:15px; }
#contact-top p a { color:#000; text-decoration:none; }
#contact-top p a:hover { text-decoration:underline; color:#000; }

#languages { display:block; padding:2px 0 0 284px; }
#languages ul { height:12px; overflow:hidden; }
#languages ul li { display:inline; }
#languages ul li.first { background:none; }
#languages ul li a { padding-top:12px; width:18px; background:url(../img/bt_languages.gif) left top no-repeat; white-space: nowrap; /* required in IE 6 */  float:left; display:block; height:0px; overflow:hidden; margin:0 0 0 4px; }
* html #languages ul li a { float:left; }
#languages ul li a:hover { color:#000; text-decoration:none; }
#languages ul li.item1 a {  }
#languages ul li.item1 a:hover, #languages ul li.item1-active a { background-position:0 -12px; }
#languages ul li.item2 a { background-position:-18px 0; }
#languages ul li.item2 a:hover, #languages ul li.item2-active a { background-position:-18px -12px; }
#languages ul li.item3 a { background-position:-36px 0; }
#languages ul li.item3 a:hover, #languages ul li.item3-active a { background-position:-36px -12px; }


#book-now { position:absolute; top:61px; right:0px; height:25px; overflow:hidden; }
#book-now a { background:url(../img/bt_bookNowRight.gif) top right no-repeat; float:left; display:block; color:#fff; text-transform:uppercase; font-weight:bold; text-decoration:none; height:25px; font-size:12px; }
#book-now a:hover { background-position:right -25px; color:#3f4245; }
#book-now a span { background:url(../img/bt_bookNowLeft.gif) top left no-repeat; cursor:pointer; float:left; display:block; height:25px; padding:4px 60px 4px 20px; }
#book-now a:hover span { background-position:left -25px; }


/* MAIN NAVIGATION - MAINNAV1 */
#mainNav {  }
#mainNav ul { position:absolute; top:91px; right:0px; height:42px; overflow:hidden; }
#mainNav ul li { display:inline; }
#mainNav ul li.first { background:none; }
#mainNav ul li a { padding:16px 0; text-align:center; color:#fff; text-decoration:none; background:url(../img/bg_mainNav.gif) left top no-repeat; white-space: nowrap; /* required in IE 6 */  float:left; display:block; text-transform:uppercase; font-weight:bold; font-size:11px; margin:0 0 0 2px; }
* html #mainNav ul li a { float:left; }
#mainNav ul li a:hover { color:#000; text-decoration:none; }

#mainNav ul li.item1 a { width:59px; }
#mainNav ul li.item1 a:hover { background-position:0 -42px; }
#mainNav ul li.item1-active a { background-position:0 -42px; color:#000; text-decoration:none; width:59px; }

#mainNav ul li.item4 a { width:109px; background-position:-61px 0; }
#mainNav ul li.item4 a:hover { background-position:-61px -42px; }
#mainNav ul li.item4-active a { width:109px; background-position:-61px -42px; color:#000; text-decoration:none; }

#mainNav ul li.item3 a { width:139px; background-position:-172px 0; }
#mainNav ul li.item3 a:hover { background-position:-172px -42px; }
#mainNav ul li.item3-active a { background-position:-172px -42px; color:#000; text-decoration:none; width:139px; }

#mainNav ul li.item5 a { width:119px; background-position:-313px 0; }
#mainNav ul li.item5 a:hover { background-position:-313px -42px; }
#mainNav ul li.item5-active a { background-position:-313px -42px; color:#000; text-decoration:none; width:119px; }

#mainNav ul li.item6 a { width:99px; background-position:-434px 0; }
#mainNav ul li.item6 a:hover { background-position:-434px -42px; }
#mainNav ul li.item6-active a { background-position:-434px -42px; color:#000; text-decoration:none; width:99px; }

#mainNav ul li.item2 a { width:193px; background-position:-535px 0; }
#mainNav ul li.item2 a:hover { background-position:-535px -42px; }
#mainNav ul li.item2-active a { background-position:-535px -42px; color:#000; text-decoration:none; width:193px; }



/* MAIN CONTENT */
#main-container { width:100%; position:relative; float:left; padding-bottom:10px; }
#home-content #main-container { margin-top:0px; }
#pages-content #main-container { margin-top:20px; }
#main-container #container-content { width:1000px; margin:0px auto; font-size:13px; }

#flashheader { position:relative; height:400px; width:100%; }
#flashheader1 { position:relative; height:362px; width:100%; margin-bottom:10px; }

#container-bg { background:#fff; float:left; width:100%; padding-bottom:10px; }
#container-top { background:url(../img/bg_container_top.gif) top left no-repeat; padding:14px 20px 0 20px; }
#container-bot { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.daforaturism.ro/fileadmin/daforaturism.ro/templates/img/bg_container_bot.png', sizingMethod='scale'); padding:12px 0 0 0; font-size:0px; width:1000px; margin:0px auto; clear:both; }
* > #container-bot { background: url(../img/bg_container_bot.png) bottom left no-repeat; }


/* PATH */
#path { display:block; width:100%; font-size:12px; color:#666666; height:30px; }
#path p { margin:0px; padding:0px; }
#path a { text-decoration:underline; color:#666666; }
#path a:hover { text-decoration:none; }


.paragraph { clear:both; display:block; }
.paragraph p { display:block; margin:0 0 12px 0; line-height:18px; }

.list01 { padding:0 0 12px 20px; }
.list01 li { background:url(../img/bg_list01.gif) left 4px no-repeat; padding:0 0 2px 12px; }
.list01 li a { text-decoration:none; }
.list01 li a:hover { text-decoration:underline; color:#000; }
.list01 li ul { padding:0 0 0 30px; }
.list01 li ul li { background:none; list-style:circle; padding:0 0 0 0; }

.list02 { padding:20px 0 0 0; }
.list02 li { display:block; padding:0 0 20px 0; }
.list02 li a { background:url(../img/bg_list02.gif) left 100px no-repeat; padding:0 0 0 10px; font-size:11px; text-decoration:none; font-weight:bold; }
.list02 li a:hover { color:#fff; background-position:left 4px; }

.picRight img { border:2px solid #f1f1f1; float:right; margin:0 0 10px 10px; }
.picLeft img { float:left; margin:0 10px 10px 0; border:4px solid #f5f5f5; }




/* */
.utils-home { width:100%; position:relative; float:left; padding:0 0 10px 0; }
.utils { background:url(../img/bg_utils.gif) top left no-repeat; width:320px; height:212px; position:relative; }
.utils .text { padding:12px 14px 12px 14px; }
.utils .text .title { height:50px; font-size:18px; color:#fff; text-transform:uppercase; }
.utils .text ul {}
.utils .text ul li { background:url(../img/bg_arrow01.gif) left 3px no-repeat; padding:0 0 0 14px; font-size:12px; margin:0 0 4px 0; position:relative; }
.utils .text ul li strong { color:#000; font-size:13px; }
.utils .text ul li a { text-decoration:none; color:#666; }
.utils .text ul li a:hover { text-decoration:underline; }
.utils .text .details a { position:absolute; right:24px; bottom:-10px; float:left; display:block; background:url(../img/bt_details.gif) top left no-repeat; height:35px; overflow:hidden; text-decoration:none; color:#fef8a2; text-transform:uppercase; width:95px; text-align:center; cursor:pointer; }
.utils .text .details strong { display:block; padding:8px 0 0 0; } 
.utils .text .details a:hover { background-position:0 -35px; color:#fff; }
.utilsMidd { margin-left:20px; }
.utilsMidd .text { padding: 12px 6px; }
.utilsMidd .text .title { padding:0px 8px; }
.utilsMidd .text ul li { background:url(../img/bg_arrow01.gif) left 3px no-repeat; padding:0 0 0 14px; font-size:12px; margin:0 0 4px 0; position:relative; }
.utilsMidd .text ul li img { float:left; margin:0 8px 0 0; border:1px solid #f1f1f1; padding:2px; background:#fff; }
.utilsMidd .text ul li strong { color:#000; font-size:13px; }
.utilsMidd .text ul li a { text-decoration:none; color:#666; }
.utilsMidd .text ul li a:hover { text-decoration:underline; }

#flashhomelinks { position:relative; height:180px; clear:both; }



/* LEFT CONTENT */
#leftCol { width:145px; float:left; }


#menuLeft { width:100%; float:left; background:#fff; margin:0 0 10px 0; }
#menuLeft .top { background:url(../img/bg_menuLeft_top.gif) top left no-repeat; height:48px; }
#menuLeft .top h2 { display:block; padding:16px 0 0 14px; text-transform:uppercase; color:#ffde00; font-size:12px; font-weight:bold; }
#menuLeft .bot { background:url(../img/bg_menuLeft_bot.gif) bottom left no-repeat; font-size:0px; padding:43px 0 0 0; float:left; width:100%; }
#menuLeft ul { padding:1px 0 0 0; }
#menuLeft ul li { float:left; width:100%; }
#menuLeft ul li a { color:#355c04; text-decoration:none; background:#e8f4d9 url(../img/bg_menuLeft.gif) 10px 7px no-repeat; padding:2px 10px 2px 20px; display:block; margin:0 0 1px 0; }
#menuLeft ul li a:hover, #menuLeft ul li.active a { text-decoration:none; color:#fff; background:#d53531 url(../img/bg_menuLeft.gif) 10px -8px no-repeat; }



/* RIGHT CONTENT */
#rightCol { width:780px; float:right; margin:10px 0 0 0; }

.photo-gallerie-content { position:relative; width:724px; height:209px; margin:0px auto; clear:both; background:url(../img/bg_galerie_foto.jpg) top left no-repeat; }
.photo-gallerie-content .photo_title { position:absolute; font-size:16px; left:14px; top:54px; }
.photo-gallerie-content .photo_logos { position:absolute; right:16px; bottom:136px; }
.photo-gallerie { width:100%; height:209px; position:relative; }


/* PAGINATION */
.pagination { background:url(../img/bg_pagination.gif) left 6px no-repeat; height:37px; overflow:hidden; width:100%; padding:6px 0; position:relative; clear:both; }
.pagination ul { display:block; padding:10px 0 0 10px; }
.pagination ul li { float:left; color:#9d9d9d; background:url(../img/pipe-menu-footer.gif) right 4px no-repeat; padding:0 6px; }
.pagination ul li a { text-decoration:underline; color:#db3632; padding:0 4px; }
.pagination ul li a:hover { text-decoration:none; }
.pagination ul li.next { background:none; }
.pagination ul li.next a { background:url(../img/bt-next-pg.gif) left 2px no-repeat; padding-top:18px; overflow:hidden; height:0px; float:left; display:block; }
.pagination ul li.prev { padding:0 0 0 6px; }
.pagination ul li.prev a { background:url(../img/bt-prev-pg.gif) left 2px no-repeat; padding-top:18px; overflow:hidden; height:0px; float:left; display:block; width:18px; }
.pagination ul li.first { background:none; color:#000; }



.pic { float:left; margin:0 16px 0 0; }
.pic img { border:2px solid #f5f5f5; padding:2px; }

.block-description { background:url(../img/bg_block_desc.gif) top left repeat-y; display:block; float:left; width:100%; margin:6px 0; }
.block-description .top { background:url(../img/bg_block_desc_top.gif) top left no-repeat; font-size:0px; height:0px; padding:14px 0 0 0; }
.block-description .bot { background:url(../img/bg_block_desc_bot.gif) bottom left no-repeat; font-size:0px; height:0px; padding:14px 0 0 0; clear:both; }
.block-description .text { padding:0 20px; }
.block-description .text .title { display:block; margin:0 0 10px 0; color:#355c04; font-size:14px; font-weight:bold; text-transform:uppercase; }


.map-medias { float:left; width:468px; }
.map-medias #greweln, .map-medias #traube, .map-medias #lg, .map-medias #binderbubi { cursor:pointer; }
.map-sighisoara { float:right; width:468px; }
.map-sighisoara #binderbubi-sighisoara { cursor:pointer; }
 
.tooltip { display:none; width:300px; }
.tooltip .top { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.daforaturism.ro/fileadmin/daforaturism.ro/templates/img/bg_tooltip_top.png', sizingMethod='scale'); padding-top:20px; font-size:0px; }
* > .tooltip .top { background: url(../img/bg_tooltip_top.png) top left no-repeat; }
.tooltip .bot { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.daforaturism.ro/fileadmin/daforaturism.ro/templates/img/bg_tooltip_bot.png', sizingMethod='scale'); padding-top:39px; font-size:0px; }
* > .tooltip .bot { background: url(../img/bg_tooltip_bot.png) bottom left no-repeat; }
.tooltip .text { padding:0 16px; background:url(../img/bg_tooltip.gif) top left repeat-y; }


.forms-design label { display:block; padding:0 0 2px 0; font-weight:bold; }
.forms-design .inputText { font:11px Arial, Verdana, Helvetica, sans-serif; color:#333; padding:4px; border:1px solid #e0e0e0; width:210px; }
.forms-design select { font:11px Arial, Verdana, Helvetica, sans-serif; color:#333; padding:1px; border:1px solid #e0e0e0; height:24px; vertical-align:middle; }
.forms-design td { padding:6px; }
.forms-design textarea { font:11px Arial, Verdana, Helvetica, sans-serif; color:#333; padding:4px; border:1px solid #e0e0e0; width:442px; height:120px; }
.forms-design .btn-submit { font-size:11px; font-weight:bold; text-transform:uppercase; background:url(../img/bt_submit.gif) top left no-repeat; width:158px; height:26px; border:0px; color:#fef8a2; cursor:pointer; text-align:right; padding-right:40px; }
.forms-design .btn-submit:hover { color:#fff; }
.forms-design .inputMedium { width:160px; }

.datepickerimg img { padding:0 0 3px 4px; vertical-align:bottom; }




/* MAIN FOOTER */
#main-footer {  width:100%; background:#000 url(../img/bg_footer.gif) left top repeat-x; }
#main-footer #footer { width:1000px; margin:0px auto; padding:0px; background:#000 url(../img/bg_footer.gif) left top repeat-x; height:62px; position:relative; }

#main-footer #footer .copyright { color:#465c14; position:absolute; top:42px; right:40px; font-size:10px; text-align:right; }
#main-footer #footer .copyright a { color:#465c14; }

#main-footer #footer .botNav { color:#fef8a2; position:absolute; right:34px; top:12px; font-size:10px; }
#main-footer #footer .botNav a { color:#fef8a2; text-decoration:none; padding:0 6px; text-transform:uppercase; font-weight:bold; }
#main-footer #footer .botNav a:hover { text-decoration:underline; }

#main-footer .traficro { clear:both; text-align:center; padding:4px 0 0 0; }