/* CSS Document */
html { width:100%; height:100%; background: url(../../images/_skin/bg-html.png); }
body { width:100%; font-family: Arial, Tahoma, Verdana, sans-serif; font-size:1em; padding:0; margin:0; background: url(../../images/_skin/bg-body.png); }
hr { display:none; }

.breaker { width:100%; height:1px; clear:both; font-size:1px; }

/* HEADER */
#frm-header { width:100%; height:150px; text-align:center; }
#header {  position:relative; width:1000px; text-align:left; margin:0 auto; }
#header h3 { color:#797979; font-size:12px; font-weight:normal; float:left; margin:75px 0 0 50px; padding:0 0 0 5px; }

#frm-main { width:100%; min-width:1000px; background: url(../../images/_skin/bg-main.png) repeat-x; }

#frm-logo { height:116px; width:85px; margin:0 0 0 30px; background: url(../../images/_skin/bg-frm-logo.png) no-repeat bottom; text-align:center; float:left;  }
#frm-logo div { width:73px; height:108px; margin:0 auto; background: url(../../images/_skin/bg-logo.png) repeat-x; text-align:center;  }
#frm-logo div img { margin-top:36px; border:0; }

#frm-title { float:left; margin:42px 0 0 20px; }
#frm-title div { position:absolute; z-index:100; width:357px; height:54px; background: url(../../images/_skin/bg-title.gif) no-repeat bottom; text-align:center;  }
#title h1 { display:inline; font-size:15px; }

/* LANGUAGE SELECTOR */
#language-selector { float:right; margin:0 0 0 0; width:250px; font-size:12px; color:#cecece; }
#title-selector { display:none; float:left; vertical-align:bottom; margin:0 20px 0 0; }
#language-selector ul { height:54px; font-size:12px; margin:0; padding:0 0 0 15px; list-style-type:none; }
#language-selector ul li { display:block; height:100%; float:left; margin:0 0 0 6px; padding:0 10px; background: url(../../images/_skin/bg-menuitem-top.png) repeat-x; }
#language-selector ul li a { color:#565656; display:block; text-decoration:none; padding:20px 10px 0 10px; }
#language-selector ul li a.selectedLanguage { color:#ad1e18; }
#language-selector ul li a:hover { color:#fff; text-decoration:underline; }


/* MAIN MENU */
#frm-menuline { text-align:center; }
#menu-main { width:1000px; text-align:left; margin:0 auto; }
#menu-main ul { height:40px; font-size:12px; margin:0 0 0 20px; padding:0 0 0 15px; list-style-type:none; }
#menu-main ul li {  position:relative; display:block; height:100%; float:left; margin:0 6px 0 0; padding:0 10px 0 10px; background: url(../../images/_skin/bg-menuitem.png) repeat-x; }
#menu-main ul li a { color:#e51b45; display:block; text-decoration:none; padding:13px 10px 0 6px; }
#menu-main ul li a.active { color:#fff; text-decoration:none; }
#menu-main ul li a:hover { color:#fff; text-decoration:underline; }

#menu-main ul li ul { visibility:hidden; position:absolute; top:40px; left:0px; width:150px; height:auto; clear:both; padding:0; margin:0; z-index:10; background:#000; }
#menu-main ul li ul li { display:block; margin:0; padding:0; clear:both; border:1px solid #323232; border-top:0; }
#menu-main ul li ul li a { display:block; width:150px; padding:10px 15px; color:#e51b45; }
#menu-main ul li ul li a:hover {  }
#menu-main ul li ul li ul { position:absolute; top:0px; left:100px; }

#frm-showcase { width:989px; height:299px; margin:2px 0 20px 0; background:url(../../images/_skin/bg-showcase.png) no-repeat; clear:both; position:relative; z-index:5; }
#frm-showcase img { margin:5px 0 0 10px; }
#showcase-info { position:absolute; z-index:5; width:300px; right:10px; bottom:9px; padding:10px; margin:0 0 20px 0px; color:#151513; background:#323232; }
#showcase-info h2 { margin:0 !important; padding:0 !important; color:#fff !important; }
#showcase-info p { margin:0 !important; padding:0 !important; color:#fff !important; }


/* PAGE BODY */
#frm-body { text-align:center; width:100%; overflow:hidden; }
#body { width:1000px; height:100%; font-size:12px; text-align:left; margin:0 auto; overflow:hidden; }

h1 { margin:0; padding:0; display:block; width:367px; height:54px; float:left; }
h1 span { display:block; width:367px; height:30px; overflow:hidden; text-indent:550px; }

#body h2 { margin:0; padding:0 20px 10px 20px; font-size:15px; color:#d6e7ad; }
.text h3 { margin:0; padding:0 20px 10px 20px; font-size:15px; color:#d6e7ad; }

#body p { margin:0; padding:5px 20px; color:#d6f294; line-height:1.5em; }
#body p strong { color:#d6e7ad; }
#body p.perex { color:#d6e7ad;  padding:20px; margin-bottom:10px; background:#373925; border-top:1px solid #535532; border-left:1px solid #535532; border-bottom:1px solid #2C2D20; border-right:1px solid #2C2D20; }

.col { width:32%; float:left; }
.col strong { color:#d6e7ad; }

ul { list-style:none; margin:0 20px; padding:0; }
li { color:#d6f294; margin:0; padding:8px; background: url(../../images/_skin/line-dotted.gif) repeat-x bottom; }
a { color:#d6e7ad; text-decoration:none; }
a:hover { color:#fff; text-decoration:underline; }

#col-right { width:50%; float:left; }

.text { padding:10px 0; background: url(../../images/_skin/line-dotted.gif) repeat-x bottom; }
.news { margin-left:20px; padding:10px 0; background: url(../../images/_skin/line-dotted.gif) repeat-x bottom; }
.news h3 { margin:0; padding:0 20px 0 20px; font-size:15px; color:#d6e7ad; float:left; }
.news span { float:right; color:#d6e7ad; }
.news p { clear:both; padding-top:0 !important; }

.link { padding:0; }
.link p { }
.link p a { line-height:30px; padding:5px 10px; background:#e51b45 url(../../images/_skin/bg-link.png) repeat-x top; border-left:1px solid #a53247; border-top:1px solid #a53247; border-right:1px solid #871026; border-bottom:1px solid #871026; color:#fff; text-decoration:none; }

#img-reference { width:454px; height:315px; margin:10px 0 10px 15px; text-align:center; vertical-align:middle; background:#ededed url(../../images/img-big-frame.jpg) no-repeat top left; }
#img-reference img, #img-reference object, #img-reference embed { margin:29px 0 0 0; } 


.portfolio { width:90%; padding:0 50px; margin:10px 0 10px 10px; /* background:#373925; border-top:1px solid #535532; border-left:1px solid #535532; border-bottom:1px solid #2C2D20; border-right:1px solid #2C2D20;*/ overflow:hidden; }
.portfolio div.container { float:left; margin:10px 0 0 10px; padding:10px; background:#373925; border-top:1px solid #535532; border-left:1px solid #535532; border-bottom:1px solid #2C2D20; border-right:1px solid #2C2D20; }
.portfolio div.container div { position:absolute; background:transparent; width:252px; height:102px; visibility:hidden; }
.portfolio div.container div h4 { margin:0; padding:5px; color:#D6E7AD; font-size:14px; background:#373925; display:inline; clear:both;}
.portfolio div.container div p { margin:0; padding:5px !important; background:#373925; display:inline;clear:both; float:none; }
.portfolio img { margin:0; vertical-align:bottom; border:0; width:250px; height:100px; }
.portfolio span {  border-bottom:1px solid #535532; border-right:1px solid #535532; border-top:1px solid #2C2D20; border-left:1px solid #2C2D20; float:left; }
.portfolio a { border-bottom:1px solid #535532; border-right:1px solid #535532; border-top:1px solid #2C2D20; border-left:1px solid #2C2D20; float:left; }
.portfolio a:hover {   }

.filter { padding:10px 0px 15px 0px; background:#373925; margin:0; border-top:1px solid #535532; border-left:1px solid #535532; border-bottom:1px solid #2C2D20; border-right:1px solid #2C2D20; }
.filter form { margin:0; padding:0;}
.filter form p { margin:0; padding:0; border:0; }
.filter label { float:left; margin:6px 20px 0 0; padding:0; border:0; }
.filter input { float:left; margin:0 20px 0 0; }
.filter input#resetButton { float:right; margin:0; }
.filter select { width:150px;float:left; margin:5px 10px 0 0; border-bottom:1px solid #535532; border-right:1px solid #535532; border-top:1px solid #2C2D20; border-left:1px solid #2C2D20; background:#373925; color:#D6E7AD;}
.filter option { background:#373925; color:#D6E7Ad; }
.filter .button { float:left; padding:5px 10px; background:#e51b45 url(../../images/_skin/bg-link.png) repeat-x top; border-left:1px solid #a53247; border-top:1px solid #a53247; border-right:1px solid #871026; border-bottom:1px solid #871026; color:#fff; text-decoration:none; }

.pages { padding:20px; margin:20px 0 0 0; background: url(../../images/_skin/line-dotted.gif) repeat-x top; }
.pages span { color:#d6e7ad; line-height:30px; padding:5px 10px; margin:0 5px 0 0;  background:#373925; border-top:1px solid #535532; border-left:1px solid #535532; border-bottom:1px solid #2C2D20; border-right:1px solid #2C2D20; }
.pages a { line-height:30px; padding:5px 10px; margin:0 5px 0 0; background:#e51b45 url(../../images/_skin/bg-link.png) repeat-x top; border-left:1px solid #a53247; border-top:1px solid #a53247; border-right:1px solid #871026; border-bottom:1px solid #871026; color:#fff; text-decoration:none; }
.pages a:hover { text-decoration:underline; }

.imageGallery { padding:0 0 0 15px; padding:20px 40px; margin:10px 0 0 0; background: url(../../images/_skin/line-dotted.gif) repeat-x top;  }
.imageGallery h3 { margin:0; padding:0 20px 20px 20px; font-size:15px; color:#d6e7ad; }
.thumb { padding:6px; margin:0 6px 6px 0; background:#373925; border-top:1px solid #535532; border-left:1px solid #535532; border-bottom:1px solid #2C2D20; border-right:1px solid #2C2D20; float:left;}
.thumb img { vertical-align:bottom; border-bottom:1px solid #535532; border-right:1px solid #535532; border-top:1px solid #2C2D20; border-left:1px solid #2C2D20; }


/* FOOTER */
#frm-footer { text-align:center; clear:both; width:100%; background: url(../../images/_skin/bg-html.png); margin-top:20px; }
#footer { width:1000px; height:auto; color:#96a376; font-size:12px; margin:0 auto 0 auto; padding:5px; text-align:left; background: url(../../images/_skin/bg-frm-footer.png) repeat-x; }
#footerBlock { width:600px; float:left; }
#footer img { margin:3px 5px 0 5px; }
#footer p { padding:10px 25px; margin:0; }
#footer a { color:#d6e7ad; text-decoration:none; }
#footer a:hover { color:#ad1e18; }

#debugger { display:none; position:absolute; top:0; left:0; width:150px;height:20px; background:#000; color:#fff; }

/* FACEBOOK */
#fb-block { width:350px; float:left; padding-top:10px; color:#d6e7ad }