@charset "utf-8";
/* CSS Document */

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

body { background-color:#CED4E1; font-family:Arial, Helvetica, sans-serif; font-size: 13px; color: #183884; }


/* antet */
div.directpage { width: 850px; padding: 25px; margin: 18px auto 5px auto; position:relative; background: #FFF url(../images/bk_page.jpg) 0px 0px no-repeat; border: 2px solid #FFF; min-height: 500px;}
	div.clt, div.clb, div.crt, div.crb { width: 20px; height: 20px; position: absolute; background-image: url(../images/bk_corners.png); background-repeat:no-repeat; }
	div.clt { left: -2px; top: -2px; background-position: left top; }
	div.clb { left: -2px; bottom: -2px; background-position: left bottom;}
	div.crt { right: -2px; top: -2px; background-position: right top; }
	div.crb { right: -2px; bottom: -2px; background-position: right bottom;}
	
h1 { font-size: 14px; display: inline; }
h1 a { display: block; padding-top: 70px; text-decoration:none;}

ul.meniutop { text-align: right; width: auto; position: absolute; right: 25px; top: 0px;}
	ul.meniutop li { display:block; width: auto; float: left; }
	ul.meniutop li a { display:inline-block; background: url(../images/bk_meniu.png) 0px 0px no-repeat; height:14px; vertical-align:top; padding: 5px 3px 5px 8px; line-height: 14px; text-decoration: none; font-size: 14px; color: #183884; margin-left: 5px;}
	ul.meniutop li span { display:inline-block; background:url(../images/bk_meniu.png) right 0px no-repeat; width: 5px; height:24px; vertical-align:top; overflow: hidden;}
	ul.meniutop li:hover a, ul.meniutop li.activ a { background-position: 0px -30px; color: #FFF; }
	ul.meniutop li:hover span, ul.meniutop li.activ span { background-position: right -30px; }

div.contacte { width: 410px; height: 60px; overflow:hidden; position: absolute; right: 64px; top: 41px; font-size: 11px; font-weight:bold; }
	div.contacte div { width: auto; float: left; padding: 3px 0px 3px 5px;}
	div.contacte div.color { width: 25px; text-align:right; color: #00A0B8; }
	div.contacte a { color: #183884; }

div.langs { width: 21px; height: 68px; overflow: hidden; position: absolute; right: 31px; top: 39px; }
	div.langs a { display: block; width: 21px; height: 14px; background-image:url(../images/flags.gif); background-repeat:no-repeat; text-decoration:none; margin-bottom: 3px;}
	div.langs a.en { background-position: 0px 0px;}
	div.langs a.es { background-position: 0px -18px;}
	div.langs a.fr { background-position: 0px -36px;}
	div.langs a.it { background-position: 0px -54px;}
	div.langs a.ro { background-position: 0px -72px;}

div.headspacer { height: 95px; }


/* central */
div.rezervare { width: 377px; float: left; }
	div.rezervare div.body { background: url(../images/bk_rezervare.png) 0px 0px no-repeat; padding: 10px 24px; }
	div.rezervare div.body div.item { background:url(../images/formline.gif) 0px 2px no-repeat; padding: 5px 0 4px 0;}
		div.item span.nrs { font-size: 12px; font-weight: bold; padding: 4px 0px 5px 29px; display:block; background-image: url(../images/nrs.gif); background-repeat: no-repeat; } 
		div.item span.nr1 { background-position: 11px 4px;}
		div.item span.nr2 { background-position: 11px -28px;}
		div.item span.nr3 { background-position: 11px -60px;}
		div.item span.nr4 { background-position: 11px -92px;}
		div.item span.nr5 { background-position: 11px -124px;}
		div.item span.nr6 { background-position: 11px -156px;}
		div.item span.comment { display: block; font-size: 9px; color: #333; text-align: justify; line-height: 11px; padding-top: 3px;}

.comment2 { display: block; font-size: 9px; color: #333; text-align: justify; line-height: 11px; padding-top: 3px;}

div.rezervare div.footer { background: url(../images/bk_rezervare.png) 0px bottom no-repeat; text-align: right; padding: 10px 0 10px 0; }

a.altele { display:block; background: url(../images/arrow.gif) 130px 0px no-repeat; color: #183884; text-decoration:none; height: 16px; }
div.altele { display: none;}

input, textarea, select { font-family: Verdana, Geneva, sans-serif; font-size: 11px; color: #333; }
div.item label { font-size: 11px; color: #333; }


input.fdata { width: 127px; height: 22px; border: 0px; background:url(../images/form_data.png) 0px 0px no-repeat; vertical-align: top; padding: 0px 20px 0px 3px; margin: 0px; line-height: 22px; cursor: pointer; }
input.fsubmit { width: 116px; height: 26px; border: 0px; background: url(../images/form_pasul.png) 0px 0px; padding: 6px 10px 8px 0px; font-family: Verdana, Geneva, sans-serif; font-size: 11px; color: #000; margin-right: 50px; line-height: 11px; }
textarea.ftextarea { width: 100%; font-family: Verdana, Geneva, sans-serif; font-size: 11px; color: #333; }

div.contactform { padding: 40px 0 0 320px; }
div.contactform center{ padding-left: 40px; font-size: 16px; }
div.contactform dt { display: block; float: left; width: 110px; text-align: right; vertical-align: top; padding: 10px 10px 0 0; font-size: 12px; }
div.contactform dd { display: block; padding: 5px; vertical-align: top; text-align: left;}
div.contactform input, div.contactform textarea { font-size: 12px; }
input.ftext { width: 278px; height: 22px;  vertical-align: top; padding: 0px 3px; margin: 0px; line-height: 22px; }
textarea.ftext { width: 280px;  padding: 3px;  }
input.fsubmit2 { border: 1px solid #183884; background-color: #CCC; padding: 5px 20px; color: #183884; font-weight: bold; }
input.fsubmit2:hover { background-color: #EEE;}


div.masini { width: 429px; float: right; background: url(../images/bk_masini.png) 0px 0px no-repeat; padding: 8px 8px 0px 8px; }
div.masini div.body { width: 429px; background: url(../images/bk_masini2.gif) 0px bottom no-repeat; padding-bottom: 9px;}
div.masini a { display: block; float: left; position: relative; width: 129px; height: 100px; padding: 4px 7px; text-decoration:none; background-image: url(../images/masini.png); background-repeat: no-repeat; font-size: 11px; color: #333; margin: 0px; line-height: 14px;}
div.masini a strong { font-size: 14px; color: #00A1B8; font-weight: bold; display: block; } 
div.masini a span { display: block; position: absolute; right: 3px; bottom: 1px; }
div.masini a span strong { display: inline; font-size: 15px; color: #F00; font-family: Verdana, Geneva, sans-serif; }
div.masini a:hover { background-color: #FFD; }
	div.masini a.car7				{ background-position: 0px 0px; }
	div.masini a.car0			{ background-position: -143px 0px; }
	div.masini a.car9			{ background-position: -286px 0px; }
	div.masini a.car1				{ background-position: 0px -108px; }
	
	div.masini a.car11			{ background-position: -143px -108px; }
	div.masini a.car2			{ background-position: -286px -108px; }
	div.masini a.car3			{ background-position: 0px -216px; }
	div.masini a.car12	{ background-position: -143px -216px; }
	
	div.masini a.car15			{ background-position: -286px -216px; }
	div.masini a.car10				{ background-position: 0px -324px; }
	div.masini a.car5				{ background-position: -143px -324px; }
	div.masini a.car14				{ background-position: -286px -324px; }

div.rezervare h3 { padding: 15px 0 15px 0; text-align: center; font-size: 16px; }
div.rezervare ul { list-style-type: none; width:90%; margin-left: 10px; }
div.rezervare ul li { list-style-type: none; padding: 5px 0 5px 10px; border-top: 1px dotted #DDD;}
div.rezervare ul li span {color: #00A2B9; display: block; }

div.rezervare big { font-weight: bold; }

div.masini h3 { padding: 15px 0 15px 0; text-align: center; font-size: 14px; display: inline; }
div.masini dt { clear: left; display: block; float: left; width: 130px; text-align: right; vertical-align: top; padding: 0 10px 0 0; font-size: 12px; }
div.masini dd { display: block; float: left; padding: 2px 5px 0px 5px; width: 240px; vertical-align: top; text-align: left; line-height:22px;}
div.masini select.ftext { width: 236px; height: 24px; line-height: 24px; padding: 1px; margin: 0px; border: 1px solid #7588B6;}
div.masini input.ftext { width: 228px; height: 22px;  vertical-align: top; padding: 0px 3px; margin: 0px; line-height: 20px;  border: 1px solid #7588B6;}
div.masini input.small { width: 45px; }
div.masini input.medium { width: 163px; }
div.masini small { color: #00A2B9; }

div.masini2 { width: 836px; position:relative; left: -12px; top: -9px;  }
div.masini2 a { display: block; float: left; position: relative; width: 197px; height: 147px; padding: 6px 6px; text-decoration:none; background-image: url(../images/masini2.jpg); background-repeat: no-repeat; font-size: 12px; color: #555; margin: 0px; line-height: 14px;}
div.masini2 a strong { font-size: 17px; color: #00A1B8; font-weight: bold; display: block; } 
div.masini2 a span { display: block; position: absolute; right: 5px; bottom: 5px; }
div.masini2 a span strong, div.masini2 a:hover span strong { display: inline; font-size: 15px; color: #F00; font-family: Verdana, Geneva, sans-serif; }
div.masini2 a:hover { color: #000 }
div.masini2 a:hover strong { color: #183884 }

	div.masini2 a.car7				{ background-position: 0px 0px; }
	div.masini2 a.car0			{ background-position: -209px 0px; }
	div.masini2 a.car9			{ background-position: -418px 0px; }
	div.masini2 a.car1				{ background-position: -627px 0px; }

	div.masini2 a.car11			{ background-position: 0px    -159px; }
	div.masini2 a.car2			{ background-position: -209px -159px; }
	div.masini2 a.car3			{ background-position: -418px -159px; }
	div.masini2 a.car12	{ background-position: -627px -159px; }
	
	div.masini2 a.car15			{ background-position: 0px -318px; }
	div.masini2 a.car10				{ background-position: -209px -318px; }
	div.masini2 a.car5				{ background-position: -418px -318px; }
	div.masini2 a.car14				{ background-position: -627px -318px; }


/* formatari continut */
h2 { font-size: 26px; font-weight: normal; pading: 10px 0px;  }

div.masini h2 { font-size: 11px; display: inline; font-weight: normal; }

div.masini2 h2 { font-size: 12px; display: inline; font-weight: normal; }

div.masini2 h3 { font-size: 17px; }

h4 { font-size: 12px; font-weight: bold; }

/* pagina de continut */
div.pagetop { width: 850px; height: 16px; overflow: hidden; line-height: 1px; background:url(../images/bk_pagetb.png) 0px 0px no-repeat; }
div.pagecontent { width: 810px; min-height: 250px; padding: 0px 20px; background:url(../images/bk_page.png) 0px 0px repeat-y; }
div.pagebottom { width: 850px; height: 16px; overflow: hidden; line-height: 1px; background:url(../images/bk_pagetb.png) 0px bottom no-repeat; }


/* termeni si conditii*/
ol.termeni {padding-left: 20px; font-weight: bold; font-size: 11px; list-style-type: upper-roman;}
ol.termeni li {padding: 10px 0 20px 0;}
ol.termeni ol { padding: 10px 0 0 24px; font-weight: normal; list-style-type:decimal; text-align: justify; }
ol.termeni ol li {padding: 10px 0 5px 0; }
ol.termeni ol li ol { padding: 0 0 0 18px; list-style-type: lower-latin}
ol.termeni ol li ol li { padding: 4px 0px; }
ol.termeni ol li ul { padding: 0 0 0 18px; list-style-type: disc}
ol.termeni ol li ul li { padding: 4px 0px; }



/* chenare subsolul paginii */
div.box1 { width: 269px; float: left; }
  div.box1 div.boxbody { background: url(../images/box1.gif) 0px 0px no-repeat; padding: 8px 10px 0px 10px; }
  div.box1 div.boxfooter {background: url(../images/box1.gif) 0px bottom no-repeat; height: 8px; line-height: 1px; }

div.box2 { width: 269px; margin: 0px auto; color: #00A2B9; }
  div.box2 div.boxbody { background: url(../images/box2.gif) 0px 0px no-repeat; padding: 6px 0px 0px 10px; }
  div.box2 div.boxfooter {background: url(../images/box2.gif) 0px bottom no-repeat; height: 8px; line-height: 1px; }
  
div.box3 { width: 269px; float: right; }
  div.box3 div.boxbody { background: url(../images/box3.gif) 0px 0px no-repeat; padding: 6px 10px 0px 10px; }
  div.box3 div.boxfooter {background: url(../images/box3.gif) 0px bottom no-repeat; height: 8px; line-height: 1px; }

div.box4 { width: 299px; margin-top: 10px; font-size: 12px; line-height: 16px;}
  div.box4 div.boxbody { background: url(../images/box4.gif) 0px 0px no-repeat; padding: 6px 10px 0px 10px; }
  div.box4 div.boxfooter {background: url(../images/box4.gif) 0px bottom no-repeat; height: 8px; line-height: 1px; }
  div.box4 div.boxbody big { font-size: 14px; color: #00A2B9;}

  div.boxbody big { line-height: 22px; font-size: 16px; font-weight: bold;}
  div.boxbody ul { list-style-image: url(../images/bulet.gif); list-style-position: outside; padding-left: 20px; }
  div.boxbody ul li { padding: 0px; margin: 0px; line-height: 19px; }



/* subsol */
div.directfooter { width: 850px; height: 31px; margin: 10px auto; font-size: 11px; line-height: 25px; }
	div.directfooter a { color: #183884; text-decoration: none; margin: 0px 3px; }
	div.directfooter a:hover { color: #00A0B8; }
	div.trafic { width: 88px; height: 31px; background-color:#CCC; float: right;}
	
	
	
/* dropdown */
.overall { z-index: 100; }
div.dropdown * { margin:0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
div.dropdown { position:relative; }
  div.droplabel { width: 100%; height: 25px; position:relative; background: url(../images/form_list.png) 0px 0px no-repeat; cursor: pointer; z-index: 90; }
  div.droplabel div{ background: url(../images/form_list.png) right 0px no-repeat; padding: 1px 30px 1px 3px; height: 23px; margin-left: 4px; cursor: pointer;  }
	div.droplabel div input { height: 15px; line-height: 14px; margin: 4px 0px; border: 0px; background: none; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000; width: 100%; cursor: pointer;}
  div.dropbox { display:none; width: 100%; position:absolute; left: 0px; top: 24px;  }
  div.dropbox div {  background-color: #eee; border: 1px solid #ccc; border-top: 0px; padding-bottom: 5px; width: 96%; margin: 0px auto;}
  div.dropbox div label input { with: 13px; height: 13px; margin-right: 5px;}	
	div.dropbox label { display: block; padding: 4px 0 4px 10px; }
	div.dropbox label:hover { background-color: #DDD; }