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

html, body, a, div, table, tr, td, th, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead
{margin:0; padding:0; border:0; font-family:Tahoma, Arial, Helvetica, sans-serif; text-decoration:none; vertical-align:baseline; -webkit-font-smoothing: antialiased; outline:0 none; behavior:  url("ptie/iepngfix.htc") !important}
/* RO - Resetare pentru borduri, margini interioare si exterioare pe cele mai importante elemente html */
/* EN - Reset for borders, margins and paddings on the more important html elements */



body, a, a:visited {font-size:12px; color:#000; font-family: 'CenturyGothic'; outline:0 none; font-weight:normal; -webkit-font-smoothing: antialiased !important}
a:active, a:hover {font-size:12px; color:#000; font-family: 'CenturyGothic'; outline:0 none; font-weight:normal; text-decoration:none; -webkit-font-smoothing: antialiased !important}
/* RO - Familia, marimea si culoarea caracterelor pentru text simplu si legaturi generale */
/* EN - Family, size and color for general plain text and link characters  font-family: FloridaSerial-Light;*/

/* HTML5 tags */
header, section, footer,
aside, nav, article, figure {
	display: block;
}

@font-face {
    font-family: 'CenturyGothic';
    src: url('century_gothic.eot');
    src: url('century_gothic.eot?#iefix') format('embedded-opentype'),
         url('century_gothic.woff') format('woff'),
         url('century_gothic.ttf') format('truetype'),
         url('century_gothic.svg#century_gothic') format('svg');
    font-weight: normal;
    font-style: normal;
}

* {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-decoration: none;
	outline: 0 none;

	border: none;
}

.clear {
	clear: both;
	height: 0;
	overflow: hidden;
}

body{
	width: 100%;
	margin: 0 auto;
	background: url("../img/body.png") no-repeat scroll 50% 0 #f6f6f5;
}



#header{
	width: 960px;
	height: 200px;
	margin: 0 auto;

}

#header ul{
    width: 961px;
	height: 114px;
	margin-left: 0;
	text-align: center;
}

#header ul li{
	display: inline;
}

#header ul li a{
	border-right: 1px solid white;
    color: #FFFFFF !important;
    font-family: 'CenturyGothic';
    font-size: 15px;
    line-height: 48px;
    padding: 0 9px;
    text-transform: uppercase;
}

#header ul li a:hover, #header ul li.current a{
	font-size: 15px;
	font-family: 'CenturyGothic';
	color: #141313!important;
}

#header ul li.last a{
	border-right: 0 none;
}

#header div#section{
	float: right;
}

#header div#section a{
	width: 37px;
	height: 37px;
	float: left;
}

#header div#section a#es{
	background: url('../img/es.png') no-repeat;
}
#header div#section a#es:hover, #header div#section a#es.selected{
	background: url('../img/es-hv.png') no-repeat;
}

#header div#section a#ca{
	background: url('../img/ca.png') no-repeat;
}
#header div#section a#ca:hover, #header div#section a#ca.selected{
	background: url('../img/ca-hv.png') no-repeat;
}

#header div#section a#ro{
	background: url('../img/ro.png') no-repeat;
}
#header div#section a#ro:hover, #header div#section a#ro.selected{
	background: url('../img/ro-hv.png') no-repeat;
}

#header div#section a#en{
	background: url('../img/en.png') no-repeat;
}
#header div#section a#en:hover, #header div#section a#en.selected{
	background: url('../img/en-hv.png') no-repeat;
}

#slider-content{
	background: url("../img/slider.png") no-repeat scroll 0 0 transparent;
    height: 359px;
    margin: 0 auto;
    padding-left: 9px;
    padding-top: 24px;
    width: 978px;
}

#slider-content div#slider.nivoSlider a.nivo-imageLink div#absolute{
	width: 440px;
	height: 180px;
	margin: 101px 0 0 486px;
}

/*content*/
#content{
	width: 940px;
	min-height: 396px;
	margin: 10px auto 10px;
	background: url('../img/repeat-content.png') repeat;
	padding: 0 10px 10px 10px;
}

#content p{
	font-family: 'CenturyGothic';
	font-size: 15px;
	color: #898989;
}

#content h1{
    color: #898989;
    font-family: 'Calibri';
    font-size: 25px;
    font-weight: bold;
    height: 54px;
    line-height: 60px;
    margin: 0 0 19px;
    text-transform: uppercase;
}

#content p img.pyro-image, #content img.pyro-image{
	margin: 0 20px 5px -23px;
}

#box1, #box2, #box3{
	width: 317px;
	height: 238px;
	float: left;
	margin-right: 4px;
}

#box3{
	margin-right: 0!important;
}

#box1{
	width: 317px;
	height: 238px;
	background: url('../img/box1.jpg') no-repeat;
}

#box1:hover{
	width: 317px;
	height: 238px;
	background: url('../img/box1-hv.jpg') no-repeat;
}

#box2{
	width: 317px;
	height: 238px;
	background: url('../img/box2.jpg') no-repeat;
}

#box2:hover{
	width: 317px;
	height: 238px;
	background: url('../img/box2-hv.jpg') no-repeat;
}

#box3{
	width: 317px;
	height: 238px;
	background: url('../img/box3.jpg') no-repeat;
}

#box3:hover{
	width: 317px;
	height: 238px;
	background: url('../img/box3-hv.jpg') no-repeat;
}

#box2, #box3{
	border-radius: 4px 4px 4px 4px;
}

#box1 a, #box2 a, #box3 a{
	display: block;
	
}

#box1 a#box1-int img, #box2 a#box2-int img, #box3 a#box3-int img{
	width: 317px;
	height: 238px;
	position: absolute;
	-webkit-transition: opacity 0.6s ease-in-out;
	-moz-transition: opacity 0.6s ease-in-out;
	-o-transition: opacity 0.6s ease-in-out;
	transition: opacity 0.6s ease-in-out;
}

#box1 a#box1-int img.top:hover, #box2 a#box2-int img.top:hover, #box3 a#box3-int img.top:hover{
	opacity:0;
}

#box1 h1, #box2 h1, #box3 h1{
	height: 71px;
    padding-top: 1px!important;
	color: #fff!important;
	font-size: 20px!important;
	text-align: center!important;
	text-transform: uppercase!important;
	font-weight: normal!important;
	font-family: 'CenturyGothic'!important;
	margin: 0!important;
	line-height: 32px;
}

#box3 h1{
	line-height: 71px;
}

#content div#box1, #content div#box1 h1{
	
}

#content div#box1 h1, #content div#box2 h1, #content div#box3 h1{
	width: 317px;
    z-index: 99999;
	position: absolute;
}

#box2, #box2 h1{
	
}

#box3, #box3 h1{
	
}

#box3 h1{
	color: #fff!important;
}

/*footer*/
#footer{
	width: 960px;
	height: 39px;
	margin: 0 auto 10px;
	border-top: 1px solid #e0e0e2;
	padding-top: 11px;
}

#footer ul{
	float: left;
	margin-top: 17px;
	margin-left: 12px;
}

#footer ul li{
	display: inline;
	background: url('../img/point.png') no-repeat right;
	padding-right: 6px;
	margin-right: 3px;
}

#footer ul li a{
	font-size: 12px;
	color: #8f8f97!important;
	font-family: 'CenturyGothic';
	text-transform: uppercase;
	
}

#footer ul li.last{
	background: none;
}

#footer ul li a:hover, #footer ul li.current a{
	color: #fa9f11!important;
}

#footer div#sectionn{
	float: right;
	text-align: right;
	color: #fa9f11;
}

#footer div#sectionn a{
	color: #fa9f11;
}

#footer div#sectionn a:hover{
	color: #8f8f97;
}

/*slider*/
#slides {
    width: 978px;
	height: 365px;
    margin-top: 11px;
    position: relative;
}
.slides_container {
    display: none;
    height: 325px;
    overflow: hidden;
    position: relative;
    width: 960px;
	margin-left: 9px;
}
.slides_container div.slide {
    display: block;
    height: 251px;
    width: 679px;
}
#slides .next, #slides .prev {
    display: block;
    height: 34px;
    position: absolute;
    top: 107px;
    width: 31px;
    z-index: 101;
}
#slides .next {
    left: 648px;
}
.pagination {
    left: 0;
    position: absolute;
    top: 90px;
    z-index: 2;
}
.pagination li {
    list-style: none outside none;
    margin: 0;
}
.pagination li a {
    background-image: url("../img/pag.png")!important;
    background-position: 0 0;
    display: block;
    float: none;
    height: 32px;
    overflow: hidden;
    padding: 0;
    width: 26px;
}
.pagination li a:hover, .pagination li.current a{
    background-image: url("../img/pag-hv.png")!important;
}

html body div#slider div#slides div.slides_container div.slides_control div.slide a img{
	height: 301px;
    margin-top: 24px;
}

.slides_control div.slide div#absolute{
	/*width: 431px; 
	height: 157px;*/
	width: 424px;
	height: 191px;
	margin-left: 399px;
    margin-top: 24px;
	color: #000; 
	position: absolute;
	font-family: 'CenturyGothic';
	/*margin: 121px 0 0 500px;*/
	background-image: url("../img/shap.png")!important;
	padding-top: 110px;
	padding-left: 91px;
	padding-right: 40px;
}

#slider-content div#slider.nivoSlider a.nivo-imageLink div#absolute h1{
	font-family: 'CenturyGothic'!important;
	font-size: 32px;
	font-weight: normal;
	line-height: 28px;
    margin-bottom: 13px;
}

#slider-content div#slider.nivoSlider a.nivo-imageLink div#absolute p{
	font-family: 'CenturyGothic'!important;
	font-size: 12px;
	font-weight: normal;
}

.pagination {
    left: 459px!important;
    padding: 4px 3px;
    position: absolute;
    text-align: right;
    top: 342px!important;
    z-index: 900;
}

/*news*/
html body div#content div.boxx{
	float: left;
    margin-bottom: 38px;
	border-bottom: 1px dotted #c1c1c1;
}

html body div#content div.boxx h1{
	background: none repeat scroll 0 0 transparent;
    color: black;
    font-family: 'CenturyGothic' !important;
    height: 43px;
    margin: 0 0 9px;
	font-size: 18px;
}

html body div#content div.boxx img{
	width: 214px;
	float: left;
	margin-right: 10px;
}

html body div#content div.boxx a{
	color: #fa9f11;
	text-align: right;
	display: block;
}

html body div#content div.boxx a:hover{
	color: #8f8f97;
}

/*breadcrumb*/
#content div#breadcrumb{
	color: #fa9d10;
}

#content div#breadcrumb a{
	color: #8f8f97;
}

#content div#breadcrumb a:hover{
	color: #fa9d10;
}

/*contact*/
#content div.page-content p strong{
	font-family: 'CenturyGothic'!important;
	font-size: 13px;
}

html body div#content div.page-content ul li{
	list-style-type: disc;
	list-style-position: inside;
	margin-left: 10px;
}

#content div.page-content form span{
	float: left;
    font-family: 'CenturyGothic' !important;
    margin-right: 13px;
    margin-top: 11px;
    text-align: right;
    width: 48px;
	line-height: 27px;
}

.page-content form div.formular input{
	border: 1px solid #ecb866;
    border-radius: 3px 3px 3px 3px;
    height: 21px;
    width: 230px;
	padding-left: 5px;
	font-family: 'CenturyGothic' !important;
}

.page-content form div.formular input:hover{
	border: 1px solid #f49501;
}

.page-content form div.formular textarea{
	border: 1px solid #ecb866;
    border-radius: 3px 3px 3px 3px;
    height: 70px;
    width: 325px;
	padding-left: 5px;
	font-family: 'CenturyGothic' !important;
}

.page-content form div.formular textarea:hover{
	border: 1px solid #f49501;
}

.page-content form div.formular button{
	height: 25px;
	padding: 0 5px;
	border: 1px solid #ecb866;
	background: #f49501;
	text-transform: uppercase;
	color: #fff;
	font-family: 'CenturyGothic' !important;
	cursor: pointer;
	border-radius: 3px 3px 3px 3px;
	margin-left: 60px;
}

.page-content form div.formular button:hover{
	border: 1px solid #f49501;
	background: #ecb866;
}

#content div.page-content form{
	width: 500px;
	float: left;
}

/*slider */
#slider.nivoSlider a.nivo-imageLink imghtml body div#slider-content div#slider.nivoSlider a.nivo-imageLink img{
	width: 960px;
	height: 301px;
	margin-top: 10px!important;
}

#contacto, #contacto p{
	width: 300px;
	font-family: 'CenturyGothic';
	font-size: 19px;
	float: left; 
	color: #fa9f11;
	margin: 9px 48px 0 13px;
}

#content form{
	width: 520px;
	margin-left: 58px;
	float: left;
}

#content form div.formular label{
	width: 90px;
	float: left;
	text-align: right;
}

#content form div.formular label span{
	font-family: 'CenturyGothic';
	font-size: 19px;
	color: #fa9f11;
}

#content form div.formular input{
	width: 316px;
	height: 26px;
	margin-bottom: 14px;
	background: #fff;
	border: 1px solid #e9e9e8;
}

#content form div.formular textarea{
	width: 318px;
	height: 75px;
	background: #fff;
	border: 1px solid #e9e9e8;
}

#content form div.formular button{
	width: 90px;
	height: 32px;
	background: url('../img/button.gif') no-repeat;
	text-align: center;
	font-family: 'CenturyGothic';
	color: #eee6da;
	font-size: 17px;
	text-transform: uppercase;
	font-weight: bold;
	float: right;
	margin-left: 20px;
	margin-top: 43px;
	cursor: pointer;
}

#content form div.formular button:hover{
	text-decoration: underline;
}

/*menu drop-down*/
html body #header ul li ul{
	visibility: hidden;
	z-index: 9000;
	position: absolute;
	background: #fa9f11;
	/*width: auto!important;*/
	top: 15px;
	left: 0;
	padding-top: 18px;
	height: auto;
}

html body #header ul li:hover ul{
	visibility: visible; 
	position: absolute;
}

html body #header ul li ul li a{
	display: block;
	line-height: 31px;
}

html body #header ul li ul li{
	height: 20px;
}

html body #header ul li.investitii{
	position: relative
}

html body div#header ul li.investitii ul{
	width: 244px;
}

/*footer drop-down*/
html body div#footer ul li ul{
	display: none;
}

/*dropdown menu*/
#header ul li.proiecte{
	position: relative
}

html body div#header ul li.proiecte ul{
	width: 175px;
}