/* CSS Document */

* {
	margin:0; padding:0;
	font-size:14px;
}

body{
	background:#F3F2F0;
	text-align:center;
}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html, input, textarea
	{
		font-family:"Times New Roman", Arial, Helvetica, sans-serif;
		line-height:1.5em;
		color:#4f4b49;

	}
	
input, textarea
	{border:1px solid #4f4b49;}
input, select { vertical-align:middle; font-weight:normal; }
select{width: 90px;}
a {color:#57ace3; outline:none;}
a:hover{text-decoration:none;}
p {padding-top:18px;}

/* ============================= main layout ====================== */

li { background:url(images/marker.gif) no-repeat 0 12px; padding-left:12px; line-height:1.92em; font-size:1.083em;}
li a {color:#57ace3;}

.imgindent {margin:0 25px 0 0; float:left;}

.extra {background:#f3f2f0;}
h2 {font-size:18px; line-height:1.2em; color:#2a2828; text-transform:uppercase;  font-weight:900; margin-bottom:9px; margin-left:-2px; margin-right:-2px}
/* ============================= header ====================== */
.extra-header {background:url(images/header-tail.gif) left top repeat-x;  border-bottom:1px solid #fff;}
.slogan1 {background:url(images/header-img1.jpg) left 61px no-repeat; height:600px;} 
.slogan	{background:url(images/header-img.jpg) left 61px no-repeat;} 
.logo1 {margin:30px 0 0 27px;}
.logo {margin:14px 0 38px 59px;}
.slogan-img {margin:48px 0 0 0;}

.menu {font-family:"Times New Roman", "Trebuchet MS", Arial, Helvetica, sans-serif; padding:0 0 0 10px;}
.menu li {float:left;  font-size:1.083em; padding-left:0px; background:url(images/menu-li-bg.gif) right 0px no-repeat;}
.menu li a {text-transform:uppercase; color:#636058; font-weight:bold; text-decoration:none; display:block; text-align:center; width:134px;  padding:17px 0 46px 0;  background:url(images/png-bg.png) no-repeat;}
.menu li a:hover, .menu .active {background:url(images/menu-li-bg-active.png) left top no-repeat; color:#2a2828; padding:28px 3px 28px 4px; margin:0 -4px 0 -3px; }
.menu li strong {display:block; background:url(images/menu-li-bg.gif) left 0px no-repeat;} 

.choose {text-align:right; background:url(images/choose-bg.png) top right no-repeat; height:35px; font-family:"Times New Roman", "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight:bold; padding:6px 10px 0 0; margin:125px -37px 0 0;}
.choose span {color:#ed4949; font-size:18px; font-weight:bold;}

.gallery {margin-top:20px; padding-bottom:20px;}
.gallery img {margin-right:14px;}
.gallery .last {margin-right:0px;}
/* ============================= content ====================== */
.indent {padding:13px 0 14px 0;}

.col-pad {padding-right:1px;}
.col-pad1 {padding-right:2px;}

.pad {padding-top:13px;}
.pad1 {padding-top:10px;}
.pad2 {padding-top:28px;}
.pad3 {padding-top:7px; font-size:16px;}
.pad4 {padding-top:5px; font-size:16px;}
.pad0 {padding-top:0px;}
.size16{font-size:16px;}
.size14{font-size:14px;}
.margin {margin-bottom:18px;}

.padding1 {padding-top:23px;}

.list-pad {padding-top:9px;}

.box {background:#fff; }
.box .indent {padding:22px 24px 10px 28px;}
.box .indent1 {padding:42px 24px 32px 28px;}
.box .padding {padding-bottom:31px;}
.box .padding2 {padding-bottom:44px;}
.box .bottom-tail {background:url(images/box-bottom-tail.gif) left bottom repeat-x;}
.box .top-tail {background:url(images/box-top-tail.gif) left top repeat-x;}
.box .left-tail {background:url(images/box-left-tail.gif) top left repeat-y;}
.box .right-tail {background:url(images/box-right-tail.gif) top right repeat-y;}
.box .bottom-right {background:url(images/box-corner-bottom-right.gif) bottom right no-repeat;}
.box .bottom-left {background:url(images/box-corner-bottom-left.gif) bottom left no-repeat;}
.box .top-right {background:url(images/box-corner-top-right.gif) top right no-repeat;}
.box .top-left {background:url(images/box-corner-top-left.gif) top left no-repeat; width:100%;}

.link {display:inline-block; background:url(images/marker.gif) left 9px no-repeat; padding-left:10px; margin-top:8px; color:#ed4949; font-size:1.083em; line-height:1.7em;}
.link1 {font-size:1.083em; display:block; margin-bottom:16px;}

.date {color:#57ace3; display:inline-block; background:url(images/marker.gif) left 7px no-repeat; padding-left:16px; font-size:1.083em; margin-top:1px; line-height:1.3em;}
.date-marg {margin-top:2px;}

.phone {display:inline-block; width:140px;}
.mail {display:inline-block; width:94px;}

/* ============================= footer ====================== */
#footer {font-family:"Times New Roman", "Trebuchet MS", Arial, Helvetica, sans-serif; color:#57ace3; font-size:1.083em; padding:0px 0 10px 0px;}
#footer a {color:#57ace3; }


/* ============================= forms ============================= */
.alignright {text-align:right;}

#ContactForm {padding-top:6px;}
#ContactForm .link {margin:27px 6px 0 20px;}
#ContactForm label {height:44px; display:block;}
.input {width:256px; height:14px;  background:#d1d1d1; padding:0 0 0 5px; font-size:1em; line-height:1.1em; }
textarea {width:256px; height:313px;  background:#d1d1d1; padding:0; overflow:auto; font-size:1em; }
tr td {padding-top: 5px; padding-bottom:5px; font-size:16px;}
.form-error {color:#009900;
	float:right;
	z-index:999;
	font-weight:bold;}
	
	
.italia{position:relative; width:130px; display:inline;}
.italiana {
	position: absolute;
	left: 5px; 
	top: 100px;
	/* The top padding is set to 220px because the height of the demo images
	   is 200px, so we have an additional 10px on the top and at the bottom of the image */
	
	/* Set the following width according to the size of your images */
color:#009900;
	/* Hiding the DIV */
	background: #fff;
	display: none;
font-weight:bold;
font-size:24px;
}
.italia:hover .italiana{
	/* Showing on mouse hover */
	display: block;
}
.franta{position:relative; width:130px; display:inline;}
.franceza {
	position: absolute;
	left: 3px; 
	top: 100px;
	/* The top padding is set to 220px because the height of the demo images
	   is 200px, so we have an additional 10px on the top and at the bottom of the image */
	background: #fff;
	/* Set the following width according to the size of your images */
color:#0070C0;
	/* Hiding the DIV */
	display: none;
font-weight:bold;
font-size:24px;
}
.franta:hover .franceza{
	/* Showing on mouse hover */
	display: block;
}

.romania{position:relative; width:130px; display:inline;}
.romana {
	position: absolute;
	left: 7px; 
	top: 100px;
	/* The top padding is set to 220px because the height of the demo images
	   is 200px, so we have an additional 10px on the top and at the bottom of the image */
	background: #fff;
	/* Set the following width according to the size of your images */
color:#ff2222;
	/* Hiding the DIV */
	display: none;
font-weight:bold;
font-size:24px;
}
.romania:hover .romana{
	/* Showing on mouse hover */
	display: block;
}