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



html{
	height: 100%;
}

*{margin: 0;padding: 0;}
html{height: 100%;}
body{ background: #dfdab4; margin: 0px 0px 0px 0px;padding: 0; font-family:Tahoma,Helvetica,Arial,sans-serif; line-height: 1.30em;}
fieldset{width: 80%;margin: 0 auto;padding: 20px; 10px;background: #eee8db;}
legend{margin: 0 10px;padding: 5px 7px;background: #d8d4ae; border: 1px solid #67622c; font-family : Georgia, "Times New Roman", Times, serif; font-size:12px;}
/* heading -------------------------------------------------- */
img{border: none;}
p{text-align:justify; font-size: 80%; line-height:1.5em;paddig: 10px;margin: 10px;letter-spacing: 1px; color: #67622c;}
H2{font-style: italic; font-size: 18px; line-height: 1.3em; text-align:justify;color: #67622c; position: relative;font-family : Georgia, "Times New Roman", Times, serif; margin-bottom: 0.5em;padding-top: 0.5em;padding-bottom: 6px; left: 20px;}
H3{font-style: italic; font-size: 16px; line-height: 1.3em; text-align:justify;color: #67622c; position: relative;font-family : Georgia, "Times New Roman", Times, serif; margin-bottom: 0.5em;padding-top: 0.5em;padding-bottom: 6px; left: 20px;}







#wrapper{ min-width: 750px;max-width: 1066px;margin: 0 auto;background: url(../images/side.png);min-height: 850px; padding: 0; _width: expression(((document.body.clientWidth)) < 750? "750px": ((document.body.clientWidth)) > 1066? "1066px": "auto" );}

#header{width: 95%;margin: 0 auto; padding: 0; height: 150px;clear: both;background: url(../images/header1_bg.png);}
#teaser{width: 95%;margin: 0 auto; padding: 0;height: auto;clear: both;background: #f2eee5;overflow: hidden;}
#content{width: 95%;margin: 0 auto; padding: 0px 0px 25px 0px;height: auto;position:relative; overflow: hidden; clear: both;}
#footer{width: 95%;margin: 0 auto;padding: 0;height: auto; overflow: hidden;background: #0f0f0f;border-top: 3px solid #972b16;clear: both;}

/* header ------------------------------------------------------ */

#logo{float: left;margin: 0 15px;padding: 0;}
#slogan{float: right;margin: 20px 15px; padding: 0;}
#slogan H1{font-style: italic; font-size: 24px; line-height: 1.3em; text-align:justify;color: #fff;top: 40px; right: 25px; position: relative;font-family : Georgia, "Times New Roman", Times, serif;}


/* navigare --------------------------------------------------*/

  ul#lang{ display: block;width: 220px; float: right;position: relative; top: 120px; left: 350px;height: 14px;}
  ul#lang li{ list-style-type: none; float: left; margin: 0pt 2px;padding: 0;width: 18px; height: 12px;}
  ul#lang li a{text-decoration: none;border:none;padding: 0pt;}
  ul#lang li a:hover{padding: 0pt;color: red;}
   
/*-----------------------------------------------------------------------*/
ul#menu{width: 95%; margin: 0 auto;height: 40px; display: block; background: url(../images/menu1_bg.png);}
ul#menu li{text-align: center; padding: 7px 1px;margin: 1px 0 0 0; list-style-type:none; float: left;}
ul#menu li a{text-decoration: none;color: #fff; font-size: 12px; font-weight:bold;padding: 5px 12px;margin: 0px 0px 0px 7px; text-transform:uppercase; font-family: Tahoma, Helvetica, Arial, sans-serif; font-weight: bold;}
ul#menu li a:hover, ul#menu li a.current{color: #484848; background: #dfdab4 url(../images/hover_bg.png) bottom center no-repeat;}
ul#menu li .phone{font-size: 11px; font-weight: lighter; color: #dfdab4;position: relative; padding:10px 0 10px 10px; left: 10px;}

/* content ------------------------------------------------------- */

#content #left-side{float: left; margin: 10px 0; padding: 5px; width: 60%; border-right: 1px dashed #d7cdb2;}
ul.left{width: 100%;display: block;}
ul.left li{background: transparent;color: #4b4717; border-bottom: 1px dashed #4b4717;margin: 0 15px; list-style-type:none; letter-spacing: 1px; font-style: normal; font-family:Arial, Helvetica, sans-serif;font-weight: lighter; padding: 3px 5px;}
ul.left li:hover{background: #d8d4ae; color: #000;}
#content #right-side{float: right;margin: 10px 0;padding: 5px; width: 37%;}

.newsletter{margin: 0;padding: 5px 20px;}

#letter{border: 1px solid #484848; padding: 5px 5px; background: #d8d4ae;}
#BUTTON{margin: 0; padding: 3px 4px;cursor: pointer;}


/* footer ------------------------------------------------------------------ */

#footer #footer-left{float: left; margin: 10px 0; padding: 5px; width: 60%; border-right: 1px dashed #3b3b3b;}
#footer #footer-right{float: right;margin: 10px 0;padding: 5px; width: 37%;}

ul#nav_down{ width: 98%;margin: 0 10px;height: 40px; display: block; background: #000;}
ul#nav_down li{text-align: center; padding: 7px 1px;margin: 1px 0 0 0; list-style-type:none; float: left;}
ul#nav_down li a{text-decoration: none;color: #fff; font-size: 12px; font-weight:bold;padding: 5px 12px;margin: 0px 0px 0px 7px; text-transform:uppercase; font-family: Tahoma, Helvetica, Arial, sans-serif; font-weight: bold;}
ul#nav_down li a:hover, ul#nav_down li a.current{color: #fff; background: #3d5381 url(../images/hover_down_bg.png) bottom center no-repeat;}


/* contact ----------------------------------------------------------------------- */
.f_left{float: left;text-align: right;margin:0;padding: 0 10px 0 0; width: 90px; color: #67622c;font-size: 85%;}
.f_right{float: right;margin:0;width: 250px;}
.contact{background: #000; border: 1px solid #484848; padding: 3px 2px;color: #fff;}
.contact_button{cursor:pointer; background: #000; color: #67622c;  border: 1px solid #484848;margin: 10px 10px 0 0; padding:2px 4px;}
#form{ background: #000; border: 1px solid;height: 100%; overflow:hidden; padding: 10px;}

/* gallery ------------------------------------------------------------------------ */
#gallery{width: auto; overflow:hidden; margin: 0 0 0 15px; padding: 0; height: 130px;}




/* contact ---------------------------------------------------------------------------- */

#contact{background: #fff;padding: 3px 3px;border: 1px solid #484848;}
.contact_left{width: 80px; float: left; text-align:right;padding: 5px;}
.contact_right{width: 200px;margin: 0 0 0 80px;padding: 5px;}
.contact_buton{cursor:pointer; margin:0 2px; padding:2px 4px;}
.numere_telefon{float: right;text-align: right;position: relative; top: 0;}
form{ width: 300px;float: left;}

/* mutools ---------------------------------------------------------------------------- */

#kwicks_container { 
	background : transparent;
	height: 150px;
	padding : 10px 28px;
}
#kwicks {
	position: relative;
}

#kwicks .kwick {
	float: left;
	display: block;
	height: 150px;
}

#kwick_red {background: #eee8db url(../images/left_top.png) left no-repeat;width: 440px;}
#kwick_orange {background-color: #eee8db;width: 440px}
#kwick_yellow {background: #eee8db url(../images/right_top.png) right no-repeat;width: 440px}
#kwick_green {background-color: green;width: 350px}