@charset "utf-8";

/* CSS Document */



* {

	margin: 0;

	padding: 0;

	}

	

body {

	background: #00315f url(../images/bg.gif) no-repeat center top;

	font-family: Arial, Verdana, Tahoma, sans-serif;

	color: #000000;

	font-size: 13px;

	}



p {

	margin-bottom: 12px;

	}

	

a {

	color: #009bc9;

	}

	

a img {

	border: none;

	}

	

.clear {

	width: 100%;

	clear: both;

	display: block;

	height: 1px;

	line-height: 1px;

	font-size: 1px;

	}

	



#main {

	width: 980px;	

	margin: 0 auto;	

	overflow: hidden;

	}

	

#logo {

	margin: 32px 453px 30px 20px;

	float: left;

	display: inline;

	}

	

#phone {

	margin-top: 47px;

	}

	

#searchinp {

	width: 197px;

	height: 25px;

	background:url(../images/inputleft.gif) no-repeat left top;

	border: none;

	float: left;

	display: inline;

	padding: 10px 0 0 10px;

	}

	

#search {

	padding-top: 32px;

	float: left;

	}

	

#searchbtn {

	float: left;

	width: 70px;

	height: 35px;

	background:url(../images/searchbtn.gif) no-repeat left top;

	border: none;

	cursor: pointer;

	}



ul#menu {

	list-style: none;

	width: 100%;

	height:34px;

	background: #005684 url(../images/menubg.gif) repeat-x right bottom;

	}

	

ul#menu li {

	float: left;

	}

	

ul#menu li a {

	display: block;

	height: 30px;

	padding: 0 20px;

	margin-top: 4px;

	border-right: 1px solid #005a88;

	color: white;

	text-decoration: none;

	font-weight: bold;

	line-height: 27px;

}


ul#menu li a:hover {
	color: #71cfff;
}



ul#menu li a.active {
	background: url(../images/menuon.gif) no-repeat center bottom;
}



/* ul#menu li a {

	display: block;

	height: 40px;

	background-position: left top;

	background-repeat: no-repeat;

	}

	

ul#menu li a#menu1 {

	width: 86px;

	background: url(../images/1.gif);

	}

	

ul#menu li a#menu2 {

	width: 143px;

	background: url(../images/2.gif);

	}

	

ul#menu li a#menu3 {

	width: 137px;

	background: url(../images/3.gif);

	}

	

ul#menu li a#menu4 {

	width: 153px;

	background: url(../images/4.gif);

	}

	

ul#menu li a#menu5 {

	width: 113px;

	background: url(../images/5.gif);

	}

	

ul#menu li a#menu6 {

	width: 73px;

	background: url(../images/6.gif);

	}

	

ul#menu li a#menu7 {

	width: 128px;

	background: url(../images/7.gif);

	}

	

ul#menu li a span {

	display: none;

	}

	

ul#menu li a:hover, ul#menu li a.active {

	background-position: left bottom !important;

	} */

	

#cont {

	width: 942px;

	background: #ffffff url(../images/footer-bg.gif) no-repeat left bottom;

	padding: 19px 19px 164px 19px;

	overflow: hidden;

	}

	

#promo {

	height: 285px;

	width: 400px;

	background: url(../images/promo-bar.gif) no-repeat left bottom;

	margin-bottom: 20px;

	float: left;

	display: inline;

	margin-right: 20px;

	}

	

#slider {

	width: 400px;

	height: 260px;

	}

	

#slider ul {

	list-style: none;	

	}

	

#num {

	list-style: none;

	margin-left: 320px;

	margin-top: 8px;

	}

	

#num a {

	width: 10px;

	height: 10px;

	background:url(../images/promobtn.gif) no-repeat left top;

	display: block;

	margin-left: 7px;

	float: left;

	font-size: 0px;

	}

	

#num a:hover {

	background:url(../images/promobtn.gif) no-repeat left center;

	display: block;

	width: 10px;

	height: 10px;

	}

	

#num a.active {

	background:url(../images/promobtn.gif) no-repeat left bottom;

	display: block;

	width: 10px;

	height: 10px;

	}

	

.box {

	width: 241px;

	float: left;

	display: inline;

	margin-right: 20px;

	}

	

p.title {

	font-size: 24px;

	color: #004a73;

	font-weight: bold;

	letter-spacing: -1px;

	}

	

ul#steps {

	list-style: none;

	margin-bottom: 25px;

	overflow: hidden;

	}

	

ul#steps li {

	float: left;

	width: 191px;

	margin-right: 14px;

	display: inline;

	height: 135px;

	padding: 142px 15px 0 15px;;

	}

	

ul#steps li p {

	margin-bottom: 6px;

	}

	

ul#steps li p.title {

	font-size: 18px;

	}

	

ul#steps li#step1 {

	/*background: url(../images/step1.jpg) no-repeat left top;*/

	}

	

ul#steps li#step2 {

	/*background: url(../images/step2.jpg) no-repeat left top;*/

	}

	

ul#steps li#step3 {

	/*background: url(../images/step3.jpg) no-repeat left top;*/

	}

	

ul#steps li#step4 {

	/*background: url(../images/step4.jpg) no-repeat left top;*/

	}

	

h1 {

	font-family: Helvetiker, Arial, sans-serif;

	font-size: 24px;

	color: #F00;

	margin-bottom: 23px;

	}

	

h2 {

	font-family: Helvetiker, Arial, sans-serif;

	font-size: 18px;

	text-transform: uppercase;

	color: #b0cee8;

	padding-bottom: 3px;

	margin-bottom: 10px;

	border-bottom: 1px solid #b0cee8;

	}

div#dreapta h2 {

	color:#004A73;

}	

p.title2 {

	font-size: 18px;

	color: #004a73;

	font-weight: bold;

	letter-spacing: -1px;

	}

	

h3.title3 {

	font-size: 32px;

	color: #004a73;

	font-weight: bold;

	letter-spacing: -2px;

	}

	

.leftcol {

	width: 460px;

	float: left;

	display: inline;

	margin-right: 20px;

	}

	

.rightcol {

	width: 460px;

	float: left;

	display: inline;	

	}

.contactpg {
	width:950px;
}
.contactpg .buton{
	margin-top:27px;
}
#contact {

	margin-bottom: 30px;

	overflow: hidden;

	}

	

#contact label {

	width: 75px;

	display: block;

	float: left;

	padding-top: 10px;

	}

	

.inp {

	width: 325px;

	height: 26px;

	background:url(../images/inputbg.gif) no-repeat left top;

	border: none;

	padding: 10px 0 0 5px;

	}
.sel {

	width: 330px;

	height: 36px;

	background:url(../images/inputbg.gif) no-repeat left top;

	border: none;

	padding: 5px;

	}
	

.txtarea {

	width: 320px;

	height: 64px;
	/*height: 98px;*/

	background: url(../images/textareabg.gif) no-repeat left top;

	padding: 10px 5px;

	border: none;

	}

	

.buton {

	width: 226px;

	height: 36px;

	border: none;

	cursor: pointer;

	background:url(../images/buton-bg.gif) no-repeat left top;

	color: white;

	font-size: 14px;

	font-weight: bold;

	}

	

p#footer {

	color: white;

	position: relative;

	top: 100px;

	}

	

#stanga {

	width: 519px;

	float: left;

	display: inline;

	margin-right: 20px;

	margin-bottom: 40px;

}



#dreapta {

	width: 379px;

	float: left;

	display: inline;

	background: #e6eef5;

	padding: 10px;

	margin-bottom: 40px;

}

.scrollable{

	/*scrollbar-face-color: #FF0000;

	scrollbar-shadow-color: #0000FF;

	scrollbar-highlight-color: #00FF00;

	scrollbar-3dlight-color: #FF00FF;

	scrollbar-darkshadow-color: #00FFFF;

	scrollbar-track-color: #FFFF00;

	scrollbar-arrow-color: #000000;*/

	

	height: 350px;

	width: 370px;

	overflow: auto;

	display:block;

	padding: 8px;

	background:#EFF8FF;

	border:solid 1px #B0CEE8;

	margin-bottom:25px;

}



ul.banners {

	list-style: none;
	margin-bottom: 10px;
	overflow: hidden;

}



ul.banners li {

	margin-bottom: 10px;

}



ul.banners li a {

	width: 303px;

	height: 43px;

	display: block;

	font-weight: bold;

	color: #004a73;

	text-decoration: none;

	padding-left: 77px;

	padding-top: 13px;

}



ul.banners li a#banner1 {

	background: url(../images/bnr1.gif) no-repeat left top;

}



ul.banners li a#banner2 {

	background: url(../images/bnr2.gif) no-repeat left top;

}



ul.banners li a#banner3 {

	background: url(../images/bnr3.gif) no-repeat left top;

}



ul.banners li a#banner4 {

	background: url(../images/bnr4.gif) no-repeat left top;

}



div#sitemap{

	width:940px;

}

div#sitemap ul li {

	list-style:none;

	font-size:16px;

}

div#sitemap a{

	text-decoration:none

}

div#sitemap a:hover{

	text-decoration:underline;

}

div#sitemap ul li ul li{

	margin-left:20px;

	font-size:12px;

}

div#sitemap a.tl{

	font-weight:bold;

}

#carousel {

	height: 285px;

	width: 400px;

	background: url(../images/promo-bar.gif) no-repeat left bottom;

	margin-bottom: 20px;

	float: left;

	display: inline;

	margin-right: 20px;

	z-index: 1;	

	}

	

#mycarousel {

	width: 400px;

	height: 260px;

	}

	

#mycarousel ul {

	list-style: none;	

	float: left;

	width: 570px;

	height: 260px;

	}

	

/* Setting up the carousel */





#mycarousel ul li {

	width: 400px;

	height: 260px;

	position: relative;

}





/**

 * This <div> element is wrapped by jCarousel around the list

 * and has the classname "jcarousel-container".

 */

 

.jcarousel-container {

    position: relative;

	width: 400px;

	z-index: 0;	

}



.jcarousel-clip {

    z-index: 2;

    padding: 0;

    margin: 0;

    overflow: hidden;

    position: relative;	

	width: 400px;

}



.jcarousel-list {

    z-index: 1;

    overflow: hidden;

    position: relative;

    top: 0;

    left: 0;

    margin: 0;

    padding: 0;

}



.jcarousel-list li,

.jcarousel-item {

    float: left;

    list-style: none;

    /* We set the width/height explicitly. No width/height causes infinite loops. */

    width: 400px;

	height: 260px;

}



/**

 * The buttons are added dynamically by jCarousel before

 * the <ul> list (inside the <div> described above) and

 * have the classnames "jcarousel-next" and "jcarousel-prev".

 */



.jcarousel-control {

	position: absolute;

	top: 268px;

	left: 322px;

	text-align: center;	

	

	}



.jcarousel-control a {

	width: 10px;

	height: 10px;

	background:url(../images/promobtn.gif) no-repeat left top;

	display: block;

	margin-left: 7px;

	float: left;

	font-size: 0px;	

	}

	

.jcarousel-control a:hover {		

	background:url(../images/promobtn.gif) no-repeat left center;

	display: block;

	width: 10px;

	height: 10px;

	}

	

.jcarousel-control a.active  {	

	background:url(../images/promobtn.gif) no-repeat left bottom;

	display: block;

	width: 10px;

	height: 10px;

	}

	





.titleprom {

	position: absolute;

	top: 234px;

	left: 0;

	color: white;

	font-weight: bold;

	z-index: 10;	

	width: 400px;

	background: black;

	text-indent: 7px;

	padding: 5px 0;

	opacity:0.4;

	filter:alpha(opacity=40)

	}

	

.readmore {

	position: absolute;

	top: 200px;

	left: 308px;

}

ul#steps li p a{

	font-size:11px;

}

#subForm label {
	width: 62px;
	display: block;
	float: left;
	height: 26px;
	line-height: 26px;
}

#subForm input {
	width: 200px;	
	border: none;
	padding: 5px 0 5px 5px;
	border: 1px solid #8FD7FF;
}

#subForm input#newsletterbutton {
	width: 125px;
	background: #009BC9;
	border: 1px solid #007D9F;
	color: white;
cursor: pointer;
margin-left: 100px;
}

#newsletter {
	width: 379px;
	background: #00315f url(../images/newsletter-bg.gif) no-repeat left top;
	padding-top: 91px;
}

.newsletterinp {
	font-family: Arial, Verdana, Tahoma, sans-serif;
	font-size: 12px;
	color: #1f1f1f;
	width: 341px;
	margin: 10px 0 20px 16px;
	background: white;
	border: none;
}

#newsletterbtn {
	background: #009BC9;
	cursor: pointer;
	border: 1px solid #0b4071;
	color: white;
	height: 38px;
	width: 200px;
	margin-left: 86px;
	margin-bottom: 15px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}