@import url("reset.css");

/*################################   GENERAL    ################################*/

* { padding: 0; margin: 0; }

body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0px; padding: 0px; color: #000000; background: url(../_pic/ro/bg.gif) center repeat-y; }

a { color: #0066CC; text-decoration: underline;}
a:visited { color: #663366; text-decoration: underline;}

.clear { clear: both; background: none; }

h1 { font-size:2.5em; color: #E67817; padding: 0 0 20px 0; }

h1 span { text-transform: lowercase; }

#contentSlider { line-height: 1.3; } 

h2 {font-size:12pt;}

h3 {font-size:12px; font-weight:bold; padding-bottom:0px; color: #000000; }

/*################################   LAYOUT    ################################*/

#container {
 margin: 0 auto;
 width: 960px;
}

#content {
 margin-bottom: 0px;
 overflow: auto;
 width: 100%;
 background: url(../_pic/ro/bg_content.gif) repeat-y;
}

#header {
 width: 910px;
 padding: 25px;
 background: #FFFFFF url(../_pic/ro/header_bg.gif) right bottom no-repeat;
 overflow: hidden;
 height: 120px;
 display: block;

}


#rightcolumn {
 display: inline;
 padding: 25px 15px 25px 25px;
 float: right;
 background: #FFF9F4;
 width: 207px;
}


#leftcolumn {
 float: left;
 color: #333;
/* border: 1px solid red;*/
 width: 711px;
 display: inline;
 position: relative;
}

.innerLeft {
	padding: 25px;
}

#footer {
 width: 910px;
 clear: both;
 padding: 25px 25px 12px;
 background: #F9F9F9 url(../_pic/ro/footer_bg.gif) right bottom no-repeat;
}

/*################################   LAYOUT    ################################*/

.boxModel { background: #F9F9F9; border-top: 1px solid #EEEEEE; border-bottom: 1px solid #EEEEEE; padding: 12px; margin: 25px 0; }
.citat { background:  url(../_pic/ro/ghilimele.gif) no-repeat; padding: 0 0 0 40px; }
.citat img { float: right; padding: 0 0 0 12px; }
.citat p { padding-bottom: 12px; }


/*################################   HEADER    ################################*/

a.logo { background: url(../_pic/ro/logo.gif) top left no-repeat; float: left; width: 115px; height: 109px; display: block; text-indent: -9999px; }

.headerRight { float: right; text-align: right; width: 460px; padding: 34px 0 0; }

.headerLanguage { text-align: right; }
a.limbaRomana, a.limbaEngleza { float: left; padding-left: 25px; color: #000000; text-decoration: none; margin-left: 25px; }
a.limbaRomana { background: url(../_pic/ro/ro.gif) left center no-repeat; margin-left: 290px; }
a.limbaEngleza { background: url(../_pic/ro/en.gif) left center no-repeat; }

.headerContact { margin: 25px 0 0; }
.headerLinks { float: left; text-align: right; padding: 12px 0 0; }
.headerTelefon { float: right; display: block; background: url(../_pic/ro/telefon.gif) left center no-repeat; font-size: 15px; padding: 0 0 0 15px; font-weight: bold; }



#menu {overflow: hidden; height: 1%; vertical-align: baseline; background: url(../_pic/ro/meniu_bg.gif) repeat-x;}
#menu li { float:left; padding: 0px; margin-bottom: 0px; height: 35px; font-family: Arial, Helvetica, sans-serif;color: #FFFFFF; font-size: 16px; }
#menu li a { display: block; float:left; text-decoration: none; border-bottom: none; background-image: url(../_pic/ro/meniu.jpg); height: 35px; text-indent: -9999px;  }
#menu ul li { display: inline; }

a.butonDespre { background-position: top left; width: 130px; }
a.butonDespre:hover { background-position: bottom left; width: 130px;}

a.butonServicii { background-position: -130px top; width: 105px; }
a.butonServicii:hover { background-position: -130px bottom; width: 105px;}

a.butonPortofoliu { background-position: -235px top; width: 121px; }
a.butonPortofoliu:hover { background-position: -235px bottom; width: 121px;}

a.butonClienti { background-position: -356px top; width: 97px; }
a.butonClienti:hover { background-position: -356px bottom; width: 97px;}

a.butonBlog { background-position: -453px top; width: 84px; }
a.butonBlog:hover { background-position: -453px bottom; width: 84px;}

#menu ul li.spacer { width: 174px; }

a.butonInformatii { background: url(../_pic/ro/meniu_informatii.jpg) !important; width: 249px; }


/*################################   FOOTER    ################################*/

#footer ul { float: left; margin: 0 25px 0 0; list-style-type: none; }
#footer li { padding: 0 0 4px; }
#footer li a { color: #000000; }
#footer ul ul { float: none; margin: 0 25px 0 0; list-style-type: none; }
li.bullet { background: url(../_pic/ro/bullet.gif) left center no-repeat; padding-left:12px !important; }
li.bullet a { color: #0066CC !important; }
.copy {padding: 12px 0 0;}

/*################################   CONTENT SLIDER    ################################*/

#contentSlider h3 { padding: 0 0 5px 0; }

#contentSlider h2 { color:#E67817; padding-bottom:14px; font-weight:bold;}

#contentSlider img{ padding:15px;}

#contentSlider p { padding: 0 0 12px; }

#contentSliderNav { width: 158px; min-height: 245px; background: url(../_pic/ro/contentShadow.jpg) top left no-repeat; float: left; padding: 25px 0 0; }
#contentSlideInfo { width: 478px; padding: 0 25px 0 0; float: left; }
#contentSlideInfo p { padding: 0 0 12px 0 }

#contentSliderNav ul { list-style-type: none; }


a.contentButon { display: block; text-decoration: none; background: #000000 url(../_pic/ro/contentButton.jpg) left bottom; height: 26px; width: 125px; color: #000000; padding: 12px 0 0 25px; }

a.contentButon:hover { font-weight: bold; }

li.contentCurent { font-weight: bold; display: block; text-decoration: none; background-image: url(../_pic/ro/contentButton.jpg); height: 26px; width: 130px; color: #000000; padding: 12px 0 0 20px }


/*################################   BUTOANE    ################################*/

.contentSlideButoane { padding: 25px 0; }

a.butonServiciiCont { display: block; float: left; background: url(../_pic/ro/butonServicii.gif); width: 97px; height: 25px; margin: 0 25px 0 0; text-indent: -9999px;}
a.butonServiciiCont:hover { background: url(../_pic/ro/butonServicii.gif) left bottom; }
a.butonPortofoliuCont { display: block; float: left; background: url(../_pic/ro/butonPortofoliu.gif); width: 97px; height: 25px;  margin: 0 25px 0 0; text-indent: -9999px;}
a.butonPortofoliuCont:hover { background: url(../_pic/ro/butonPortofoliu.gif) left bottom; }

a.butonPortofoliuCont { display: block; float: left; background: url(../_pic/ro/butonPortofoliu.gif); width: 97px; height: 25px;  margin: 0 25px 0 0; text-indent: -9999px;}

a.butonTrimite { display: block; float: left; background: url(../_pic/ro/butonTrimite.gif); width: 97px; height: 25px; margin: 0 25px 0 0; text-indent: -9999px;}
a.butonTrimite:hover { background:transparent url(../_pic/ro/butonTrimite.gif) repeat scroll left bottom;
}

/*################################   RIGHT COL    ################################*/

.rightInformatiiHeading { background: url(../_pic/ro/informatiHeader.jpg); width: 202px; height: 32px; text-indent:-9999px; }
.rightblogHeading { background: url(../_pic/ro/blogHeading.jpg); width: 202px; height: 32px; text-indent:-9999px; }
.rightContactHeading { background: url(../_pic/ro/contactHeading.jpg); width: 202px; height: 32px; text-indent:-9999px;}
.rightContactHeadingServicii { background: url(../_pic/ro/luamLegatura.jpg); width: 202px; height: 32px; text-indent:-9999px;}

.rightBox { background: #FFFFFF; border: 1px solid #EEEEEE; width: 176px; padding: 12px 12px 25px; margin: 0 0 25px;}

.rightBox ul { list-style-type: none; }
.rightBox li { background: url(../_pic/ro/bullet.gif) left center no-repeat; padding: 0 0 6px 10px; }

.blogInfo { background: url(../_pic/ro/help.gif) top left no-repeat; padding: 0 0 12px 20px; border-bottom: 1px solid #FADFDE; font-size: 10px;  }
.rightBox h4 { padding: 12px 0; font-size: 12px; font-weight: bold; }
.rightBox p { padding: 0 0 12px; }

a.rss { display: block;  background: url(../_pic/ro/rss.gif) left center no-repeat; color: #000000; padding: 3px 0 3px 20px; text-decoration: none; font-size: 10px; }

.rightBoxServicii { background: url(../_pic/ro/rightBoxBg.gif) bottom right #FFFFFF no-repeat; border: 1px solid #EEEEEE; width: 176px; padding: 12px 12px 25px; margin: 0 0 25px;}
.rightBoxServicii p {font-size:11px; padding: 0 0 12px; }
.rightBoxServicii span  { font-size:11px; color:#FF6600;font-size:12px;}



/*################################   RIGHT COL    ################################*/


#formular label {
  float: left;
  width: 30%;
  text-align: right;
  font-size: 11px;
  margin-right: 20px;
  color: #000000;
  font-weight:  normal;
}


#formular input.txt {
  color: #000000;
  background-color: #FFFFFF;
  border: 1px solid #7F9DB9;
  width: 300px;
  padding: 4px;
  font-size: 14px;
}

#formular p {
  clear: left;
  margin: 0;
  padding: 6px 0;
}

/*################################# Contact #########################################*/
/*Autor: Dudi*/
/*Loading Media*/

.leftContent {
	float:left;
	text-align:right;
	width:288px;
	padding:15px;
}

.leftContent input{width:200px;}

.leftContent p{
	clear:left;
	padding-bottom:13px;
}

.leftContent label {
	color:#000000;
	float:left;
	font-size:11px;
	font-weight:normal;
	text-align:left;
	padding-right:20px;
}

.leftContent span  {
	color:#FF6600;
	font-size:12px;
	padding:0px 3px 0px 1px;
}

.nota {
	margin-top:25px;
	color:#FF6600;
	font-size:10px;
}


/*###################################END CONTACT #########################################/*

/*################################# Servicii #########################################*/
/*Autor: Dudi*/
/*Loading Media*/

.serviciiContent {}

.serviciiContentBox {
	margin:0px 25px 25px 0px;
	float:left;
	width:203px;
}

.sitemap {}
.sitemapBox {float:left;}
.sitemap h2 {padding:0px;}
.sitemap ul li{ list-style:none; margin-top:12px;}

.listaClienti{padding:0px 25px 25px 25px;}
.listaClienti ul {float:left;}
.listaClienti ul li{list-style:none; margin:10px 25px 0px 0px;}
.listaClientiBox{width:160px; height:100px; float:left; margin:10px 5px 25px 0px;}
.listaClientiBoxImagine{background:#FFFFFF none repeat scroll 0%;border:1px solid #EEEEEE;padding:3px;}
.listaClientiBoxImagine img{height:90px; width:150px;}
.listaClientiBox p{ text-align:center;}

.listaDetaliiPortofoliu{width:194px;float:left; margin:0px; border:solid 1px #FFFFFF; padding:10px; height:290px; margin:2px;}
.listaDetaliiPortofoliu:hover{background:#FFF9F4; border:1px solid #EEE;}
.listaDetaliiPortofoliuImagine{border:1px solid #EEE; background:#FFFFFF; padding:5px;}
.listaDetaliiPortofoliuTitlu{height:40px;}

.informatii {margin:0px 0px 25px 0px; padding:11px; border: solid #EEE 1px; background:url(../_pic/ro/rightBoxBg.gif) no-repeat right bottom;}
.informatii a {font-size:14px;}
.informatii a:visited {color:#0066CC;}
.informatii p {text-align:left;margin-top:12px;}