/*
    Document   : style.css
    Created on : Jun 15, 2013, 3:42:38 PM
    Author     : Martin Andreev
    Description:
        Basic style for SystemIntegrator
*/

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

#preload-01 { background: url("../images/background_1.jpg") no-repeat -9999px -9999px; }
#preload-02 { background: url("../images/background_2.jpg") no-repeat -9999px -9999px; }
#preload-03 { background: url("../images/background_3.jpg") no-repeat -9999px -9999px; }
#preload-04 { background: url("../images/background_4.jpg") no-repeat -9999px -9999px; }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, 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,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
html {
    background: #1A1A1A;
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/*** end of reset css ***/
body { background: url("../images/background_2.jpg") no-repeat center top; border-top: #FFE400 4px solid; font-family: Arial;}
body.background-1 { background: url("../images/background_2.jpg") no-repeat center top; background-size: cover;-moz-background-size: cover;  /* Firefox 3.6 */background-position: center;  /* Internet Explorer 7/8 */}
body.background-2 { background: url("../images/background_1.jpg") no-repeat center top; background-size: cover;-moz-background-size: cover;  /* Firefox 3.6 */background-position: center;  /* Internet Explorer 7/8 */}
body.background-3 { background: url("../images/background_3.jpg") no-repeat center top; background-size: cover;-moz-background-size: cover;  /* Firefox 3.6 */background-position: center;  /* Internet Explorer 7/8 */}
body.background-4 { background: url("../images/background_4.jpg") no-repeat center top; background-size: cover;-moz-background-size: cover;  /* Firefox 3.6 */background-position: center;  /* Internet Explorer 7/8 */}

header {width: 95%; padding-top: 35px; padding-left: 10px; margin-bottom: 110px;}
/*header #logo {background : url("../images/logo.png") no-repeat; width: 288px; height: 44px; display: block; color: #fff; font-weight: bold; overflow: hidden;
                text-indent: -99999px;}
*/
a, a:link, a:visited, a:hover {color : inherit; text-decoration: none;}
.tright {text-align: right;}
.headline {padding:0 10px;padding-left: 0;}
.headline h1 { font-size: 32px; font-weight: bold; text-transform: uppercase; color: #FFE400; margin-bottom: 30px; }
.headline span { display: block; color: #fff; font-size: 17px; text-shadow: 1px 2px 1px #000; font-weight: bold; height: 58px;line-height: 18px;}

.aboutustop {
  background-image: url("../images/background_aboutus.png");
  background-repeat: repeat;
  margin-bottom: 73px;
  padding: 30px;
}
.aboutustop h1 { font-size: 35px; font-weight: bold; text-transform: uppercase; color: #FFE400; margin-bottom: 30px; }
.aboutustop h3 { font-size: 16px; font-weight: bold; text-transform: uppercase; color: #FFE400; margin-bottom: 16px; }
.aboutustop span { display: block; color: #fff; font-size: 12px; font-weight: normal; line-height: 18px;}

.background-switcher {margin-top: 75px; padding-left: 0px; margin-bottom: 70px;}
.background-switcher > ul > li { display: block; height: 60px; width: 16%; background: #FFE400; float: left; margin-right: 2px; padding: 20px; position: relative;} /*width: 26%; for 3 categories ; width:21% for four bigger categories*/
.background-switcher li h2 { font-size: 14px; color: #000; font-weight: bold; text-transform: uppercase;}
.background-switcher li ul.badges {position: absolute; bottom: 20px; left: 20px;display:none;}
.background-switcher li ul.badges li { float: left; margin-right:8px;}
.background-switcher li ul.badges li img{width:45px;}
.background-switcher > ul > li .hidden-text {display: none; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; text-align: center; padding-top: 20px;
					     background : url("../images/box-timer.png") no-repeat center center; padding-top: 70px;}
.background-switcher > ul > li .hidden-text  h3 { color : #9e9e9e; text-transform: uppercase; font-weight: bold;}
.background-switcher > ul > li .hidden-text.online {background : url("../images/box-1_arrow.png") no-repeat center 20px;}
.background-switcher .preview-texts {display: none;}
.background-switcher > ul > li:hover {background: #fff;}
.background-switcher > ul > li:hover h2 {display: none;}
.background-switcher > ul > li:hover ul {display: none;}
.background-switcher > ul > li:hover .hidden-text {display: block;}

.background-switcher > ul > li:hover:after { bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0;
					     position: absolute; pointer-events: none; }
.background-switcher > ul > li:hover::after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 10px; left: 50%; margin-left: -10px; }

#before-footer { background: #000; padding: 20px; margin-top: 50px; padding-top: 40px;padding-bottom: 40px;}
#before-footer h2 {color: #FFE400; font-weight: bold; text-transform: uppercase; margin-left: 10px; font-size: 18px; margin-bottom: 20px;}
#before-footer p {margin-left: 10px; color: #fff; font-size: 14px;line-height: 18px;letter-spacing: 0.3px;}
#footer {background: #1A1A1A; padding-top: 20px; padding-bottom: 20px;}
#footer .mail { background: url('../images/contacts.png') no-repeat left; height: 40px; vertical-align: middle; margin-left: 10px; line-height: 40px; display: block; padding-left: 40px; color: #a8a8a8;}
#footer .span8 {font-size: 11px; color: #878787;}
#footer span {text-decoration: underline;}
#footer em {display: block; margin-top: 5px; color: #a8a8a8;}

#fixed { position:fixed; right: 0px; top: 140px; background:#FFE400; padding:20px;}
#fixed ul li {margin-bottom:20px; display:block;}
#fixed ul li.last {margin-bottom:0px;}
.centered-container{
    margin:0px auto;}
.header-container{
    position: relative;
}
.logo-menu-container #logo{
    /*    background: transparent url(../images/logo1.png) no-repeat;*/
    color: #FFFFFF;
    display: block;
    font-weight: bold;
    height: 60px;
    overflow: hidden;
    text-indent: -99999px;
    width: 262px;
    float:left;
}
.logo-menu-container .home-logo{background: transparent url(../images/logos/logo-si-holding.png) no-repeat;}
.lang-search-container{
    position: absolute;
    right: 0;
    top: 0px;
}

.lang-search-container input{
    position:absolute;
    right:90px;
    width:170px;
    border:none;
    border-bottom:1px solid #ffe400;
    height:22px;
    background: transparent;
    cursor:pointer;
    color:white;
    border-radius: 0px;
}
.lang-search-container input:focus{box-shadow: none;border:none;border-bottom:1px solid #ffe400;}
.lang-search-container input[type="submit"]{
    position:absolute;
    right:70px;
    width:20px;
    background: transparent url(../images/glass.png) no-repeat right 0px;
    border:none;
    border-bottom:1px solid #ffe400;
    height:31px;
    cursor:pointer;
}
.lang-search-container ul{position:absolute;right:0px;z-index:999;}
.lang-search-container span{
    border-left: 1px solid #DFDFDF;
    display: block;
    height: 36px;
    position: absolute;
    right: 45px;
    top: -2px;
    width: 2px;}
.lang-search-container ul li a{
    background-color:#E6E6E6;
    color: #858585;
    font-size: 10px;
    font-weight: bold;
    width: 23px;
    height: 20px;
    display:block;
}
.lang-search-container ul li{border: 1px solid #E6E6E6;display:none;}
.lang-search-container ul li a{
    display:block;
    padding-left: 6px;
    padding-top: 6px;
    color: #858585;
    font-size: 10px;
    font-weight: bold;
    width: 20px;
    height: 20px;
    border: 1px solid #E6E6E6;}
.lang-search-container ul li.ie8last,.lang-search-container ul li.ie8last a{border-radius: 0px 0px 18px 18px;}
.lang-search-container ul li.active-container{
    border: 1px solid #E6E6E6;
    border-radius: 18px 18px 18px 18px;
    display:block;}
.lang-search-container ul li.active-container a{
    background: url("../images/arrow-grey-down.png") no-repeat scroll 18px 11px #E6E6E6;
    padding-left: 3px;
    padding-top: 6px;
    color: #858585;
    font-size: 10px;
    font-weight: bold;
    width: 23px;
    height: 20px;
    border: 1px solid #E6E6E6;
    border-radius: 18px 18px 18px 18px;
}
.lang-search-container ul li{border: 1px solid #ffe400;}
.lang-search-container ul li a{
    background-color:#ffe400;
    color: #000000;}
.lang-search-container ul li.active-container{border: 1px solid #ffe400;}
.lang-search-container ul li a{
    border: 1px solid #ffe400;
    color: #000000;}
.lang-search-container ul li.active-container a{
    border: 1px solid #ffe400;
    color: #000000;
    background: url("../images/arrow-black-down.png") no-repeat scroll 18px 11px #ffe400;}
.lang-search-grey-container ul li.lang-active a,.lang-search-container ul li.lang-active a{color:#fff !important;}
.hidden-url{display:none;}


@media all and (max-width: 600px) {
/*    .background-switcher > ul > li { width: 24%;}*/
    .background-switcher li h2{font-size:12px ;}

}

@media all and (max-width: 500px) {
    /*.background-switcher > ul > li { width: 20%;}*/
    .background-switcher li h2{font-size:8px;}
    .background-switcher > ul > li{padding-left:5px ;}
    .lang-search-container form{ display:none;}
}
.calendar {border-left: 1px dotted #656565; padding-left: 20px; padding-top: 40px;}
.calendar h4 {display: none;}
#wp-calendar {width: 80%;color: #656565; font-size: 12px; font-weight: bold;}
#wp-calendar caption {display: none;}
#wp-calendar thead, #wp-calendar tfoot {display: none;}
#wp-calendar td {padding: 5px;}

#wp-calendar #today { color : #c3c3c3;}
#wp-calendar a {color: #ffe000;}
#fixed {
    background: none repeat scroll 0 0 #FFE400;
    opacity: 0.50;
    filter: alpha(opacity=50); /* IE lt 8 */
    -ms-filter: "alpha(opacity=50)"; /* IE 8 */
    -khtml-opacity: 0.50; /* Safari 1.x */
    -moz-opacity: 0.50; /* FF lt 1.5, Netscape */
    padding: 20px 15px;
    position: fixed;
    right: 0px;
    top: 330px;
}
#fixed ul li.last {
    margin-bottom: 0;
}
#fixed ul li {
    display: block;
    margin-bottom: 20px;
}

@media all and (min-width: 0px) and (max-width: 800px){
    .background-switcher li ul.badges{display:none;}
    #fixed {
	right: -30px;
    }
    #fixed:hover{right: 0px;}
}