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

/* -----------------------------------
	reset
-----------------------------------	*/

html, body, div, span, h1, h2, h3, h4, h5, h6, blockquote, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, dl, dt { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { background: url(../images/bg-main-01.png); font: 400 1em/1.3 Arial, sans-serif; color: #b1aeae; }
ol, ul { list-style: none; }
dl { margin-top: 20px; }
:focus { outline: 0; }

/* -----------------------------------
	typography
-----------------------------------	*/

@font-face { font-family: 'OstrichSansBlack'; src: url('../fonts/ostrich-black-webfont.eot'); src: url('../fonts/ostrich-black-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/ostrich-black-webfont.woff') format('woff'), url('../fonts/ostrich-black-webfont.ttf') format('truetype'), url('../fonts/ostrich-black-webfont.svg#OstrichSansBlack') format('svg'); }

h1 { width: 100%; float: left; font: 400 3.7em/1 'Maven Pro', Arial, sans-serif; text-align: right; color: #fff; letter-spacing: -.05em; }
h2 { width: 100%; float: left; font: 400 1.3em/1.25 'OstrichSansBlack', Arial, sans-serif; margin-bottom: 13px; text-transform: uppercase; }
h3 { width: 100%; float: left; font: 700 1.2em/1.3 Arial, sans-serif; margin: 2px 0; color: #fff; }

p { margin: 10px 0; }
a, a:visited { text-decoration: none; color: #c22a12; }
a:hover { color: #fff; }
a img, a:visited img, a:hover img { border: none; }

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

#container { width: 910px; margin: 0 auto; padding: 0 20px 20px; background: #2f2929; border-right: solid 5px #fff; border-bottom: solid 5px #fff; border-left: solid 5px #fff; }
#top { width: 100%; height: 140px; float: left; background: url(../images/bg-top.png) no-repeat right 17px; position: relative; }
#topnav { width: 500px; float: right; margin-top: 3px; }
#topnav li { float: right; margin-left: 17px; }
#topnav li a, #topnav li a:visited { color: #fff; font: 400 .75em/1.3 'Cabin', Arial, sans-serif; display: block; }
#topnav li a:hover { color: #f90; }
#topnav li.language a { margin-left: 23px; font-weight: 700; text-transform: uppercase; text-indent: 23px; background: url(../images/bg-language.png) no-repeat 0 0; }
#topnav li.language a.en { background-position: 0 -28px; }
#topnav li.language a.ro { background-position: 0 -14px; }
#banner-wrap { width: 900px; height: 260px; float: left; clear: both; position: relative; }
.logo a img { width: 161px; height: 189px; position: absolute; left: 13px; top: -130px; z-index: 100; }
#main { width: 100%; float: left; margin: 23px 0; }
#main h2 { width: 100%; float: left; font: 400 1.3em/1.25 'OstrichSansBlack', Arial, sans-serif; background: url(../images/bg-h2.png) no-repeat 0 0; text-indent: 27px; }
#home-layout { width: 100%; float: left; }
#home-layout li { width: 290px; float: left; margin: 10px 7px; padding: 0 17px; border-left: dotted 1px #555; }
#home-layout li:first-child { border-left: none; padding-left: 0; }
#home-layout li.ref { width: 200px; }
#general { width: 100%; float: left; margin: 10px 0; font-size: .8em; }
#general h2 { font-size: 1.7em; line-height: 1.15em; }
.album { width: 100%; float: left; margin: 23px 0; }
.album li { margin: 0 4px 8px; float: left; }
.album li a img, .album li a:visited img { border: solid 1px #010101; }
.album li a:hover img { border: solid 1px #c00; }
.pdf { width: 100%; float: left; }
.pdf li { float: left; }
.pdf li a, .pdf li a:visited { display: block; text-indent: 27px; background: url(../images/bg-pdf.png) no-repeat 0 -15px; height: 15px; margin: 0 10px 10px 0; padding: 0; color: #fff; }
.pdf li a:hover { background-position: 0 0; color: #fc0; }
.text-01 { font-size: .8em; }
.text-01 strong { color: #fff; }
.details a, .details a:visited { width: 60px; display: block; padding: 7px 15px; color: #6b6767; background: #191616; font-size: .7em; float: right; clear: both; }
.details a .plus { float: left; color: #fff; margin-right: 5px; }
.details a:hover { color: #fff; background: #c00; }
.details-02 a, .details-02 a:visited { width: 50px; display: block; padding: 7px 15px; color: #555; background: #dadada; font-size: .7em; float: right; }
.details-02 a .plus { float: left; color: #222; margin-right: 5px; }
.details-02 a:hover { color: #fff; background: #c00; }
#sitemap { width: 60%; float: left; margin: 23px 0; }
#sitemap li { width: 100%; float: left; border-top: solid 1px #121212; }
#sitemap li:first-child { border: none; }
#sitemap li a, #sitemap li a:visited { color: #b1aeae; display: block; padding: 5px 0; }
#sitemap li a:hover { color: #fff; background: #121212; }
#sitemap li ul { width: 95%; float: right; }
#sitemap li ul li { width: 100%; float: left; margin: 0; border-top: dotted 1px #444; }
#sitemap li ul li:first-child { border: none; }
#sitemap li ul li a, #sitemap li ul li a:visited { color: #fff; padding: 4px 0; display: block; }
#sitemap li ul li a:hover { color: #fc0; background: #000; }
#footer { width: 940px; margin: 0 auto; padding: 20px 10px; background: #fff; color: #312b2b; }
#footer a:hover { color: #212121; }
#footer-certificates { width: 280px; float: left; }
#footer-certificates h2 { margin-left: 10px; }
#cert { width: 100%; float: left; }
#cert li { float: left; margin-left: 10px; }
#footer-contact { width: 250px; float: left; padding: 0 20px; margin: 0 20px; border-right: dotted 1px #2e2828; border-left: dotted 1px #2e2828; }
#footer-contact p, #footer-careers p {  font-size: .75em; }
#footer-careers { width: 325px; float: right; }
#links, #copy { width: 960px; margin: 10px auto; }
#links li { float: left; margin: 0 0 10px 10px; }
#links li:first-child { margin-left: 0; }
#copy { font-size: .7em; color: #fff; }
#copy a, copy a:visited { color: #fc0; }
#copy a:hover { color: #fff; }
#author { width: 300px; float: left; padding-bottom: 23px;}
#subnav { width: 590px; float: right; padding-bottom: 23px; }
#subnav li { float: right; margin-right: 10px; }
#subnav li:first-child { margin: 0; }
#subnav li a, #subnav li a:visited { color: #fff; }
#subnav li a:hover { color: #fc0; }
#map { width: 490px; height: 350px; float: right; border: solid 1px #c00; color: #fff; font-size: .85em; }
#map a, #map a:visited { color: #fc0; }
#map a:hover { color: #f00; }
.btt-wrapper { width: 100%; float: left; }
.btt a, .btt a:visited { width: 30px; height: 30px; display: block; background: url(../images/bg-btt.png) 0 0; text-indent: -9999em; float: right; }
.btt a:hover { background-position: 0 -30px; }

/* -----------------------------------
horizontal navigation
Stylesheet for SooperFish by www.SooperThemes.com
Author: Jurriaan Roelofs
-----------------------------------	*/

#nav { width: 760px; font: 700 .8em/1.3 Arial, sans-serif; position: absolute; left: 167px; top: -30px; z-index: 200; text-transform: uppercase; }
#nav ul, #nav ul li { float: left; background: #000; width: 160px; }
#nav ul ul { margin: 0 0 0 160px; }
#nav li { float: left; background: url(../images/bg-nav.png) no-repeat 0 0; }
#nav li.drop { padding-right: 10px; }
#nav li:first-child { margin-left: 0; background: none; }
#nav li a, #nav ul li a { padding: 6px; color: #fff; }
#nav ul li { font-size: .85em; font-weight: 400; }
#nav li a:hover, #nav li a:focus { color: #c00; }
#nav li ul li a:hover, #nav li ul li a:focus { color: #fc0; background: #181818; }
#nav span.sf-arrow { top: 12px; right: -2px; background-image: url(../images/arrows-white.png); }
#nav ul span.sf-arrow { right: 12px; top: 12px; }
ul.sf-menu, ul.sf-menu * { margin: 0; padding: 0; }
ul.sf-menu { display: block; position: relative; }
ul.sf-menu li { display: block; list-style: none; float: left; position: relative; }
ul.sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }
ul.sf-menu a { display: block; position: relative; }
ul.sf-menu ul { position: absolute; left: 0; width: 300px; top: auto; left: -999999px; z-index: 999; }
ul.sf-menu ul a { zoom: 1; /* IE6/7 fix */ }
ul.sf-menu ul li { float: left; /* Must always be floated otherwise there will be a rogue 1px margin-bottom in IE6/7 */ width: 300px; }
ul.sf-menu ul ul { top: 0; margin: 0 0 0 300px; }
ul.sf-menu li:hover ul, ul.sf-menu li:focus ul, ul.sf-menu li.sf-hover ul { /*first level*/ left: auto; } 
ul.sf-menu li:hover ul ul, ul.sf-menu li:focus ul ul, ul.sf-menu li.sf-hover ul ul { left: -999999px; }
ul.sf-menu ul li:hover ul, ul.sf-menu ul li:focus ul, ul.sf-menu ul li.sf-hover ul {/*second level*/ left: auto; }
ul.sf-menu ul li:hover ul ul, ul.sf-menu ul li:focus ul ul, ul.sf-menu ul li.sf-hover ul ul { left: -999999px; }
ul.sf-menu ul ul li:hover ul, ul.sf-menu ul ul li:focus ul, ul.sf-menu ul ul li.sf-hover ul {/*third level*/ left: auto; }
ul.sf-menu ul ul li:hover ul ul, ul.sf-menu ul ul li:focus ul ul, ul.sf-menu ul ul li.sf-hover ul ul { left: -999999px; }
ul.sf-menu ul ul ul li:hover ul, ul.sf-menu ul ul ul li:focus ul, ul.sf-menu ul ul ul li.sf-hover ul {/*fourth level*/ left: auto; }
ul.sf-menu ul ul ul li:hover ul ul, ul.sf-menu ul ul ul li:focus ul ul, ul.sf-menu ul ul ul li.sf-hover ul ul { left: -999999px; }
span.sf-arrow { width: 7px; height: 7px; position: absolute; top: 8px; right: 0; display: block; background: url(../images/arrows-white.png) no-repeat 0 0; overflow: hidden; /* making sure IE6 doesn't overflow and expand the box */ font-size: 1px; }
ul ul span.sf-arrow { right: 12px; top: 7px; background-position: 0 100%; }

/* -----------------------------------
	slider
-----------------------------------	*/

#slider { width: 900px; height: 260px; float: left; border: solid 5px #1f1f1f; }
.nivoSlider { position: relative; }
.nivoSlider img { position: absolute; top: 0px; left: 0px; }
.nivo-slice { display: block; position: absolute; z-index: 5; height: 100%; }

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

#contactForm { width: 410px; float: left; }
label { display: block; margin: 3px; }
textfield { background: #101010; }
input, textarea { background: #101010; border: solid 1px #414141; padding: 5px; font: normal 1em/1em Arial, Helvetica, sans-serif; color: #fff; }
input { width: 80%; }
textarea { width: 80%; }
input:focus, textarea:focus { background: #404040; border: solid 1px #c00; }
.code { width: 80px; float: left; }
.sec-code { width: 100%; float: left; margin: 10px 0; }
#contactForm .btn { width: 80px; cursor: pointer; color: #fff; background: #121212; border: solid 1px #212121; float: left; clear: both; margin: 20px 0; padding: 7px 0; }
#contactForm .btn:hover { background: #c00; border: solid 1px #fff; }
#success, #error { width: 100%; float: left; font: 700 1.2em/1.4 Arial, Helvetica, sans-serif; margin-top: 80px; }
#success { color: #5b6b37; }
#error { color: #5d241b; }
.vali { font-size: .7em; color: #f00; margin-left: 40px; }

/* -----------------------------------
	clearfix
-----------------------------------	*/

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */