/**
 * VIEWSTUDIO
 *
 *
 * @author Piotr Góra (piotro112@gmail.com)
 * @copyright  Copyright (c) 2012 Viewstudio (http://www.viewstudio.pl)
 * Date: 18.12.12
 * Time: 21:53
 */

body{
    background: #171717 url('../images/bg.png');
}

/** VS-allpage **/

#vs-allpage{

}

/** VS-logo-menu **/

#vs-logo-menu{
    background: #131313;
    border-bottom: 1px solid #080808;
    -moz-box-shadow: inset 0 -3px 0 1px #1a1a1a;
    -webkit-box-shadow: inset 0 -3px 0 1px #1a1a1a;
    box-shadow: inset 0 -3px 0 1px #1a1a1a;
    margin-bottom: 20px
}

#vs-logo{
    float: left;
    width: 30%;
    padding: 10px 0;
}

#vs-logo div{
    font-size: 2.3em;
    text-transform: uppercase;
    font-weight: 300;
    line-height: 1.6em;
    margin: 0 0 5px;
    font-family:'Signika',sans-serif!important;
}

#vs-logo div a{
    color: #ff6600;
}

#vs-logo div span{
    font-weight: bold;
    color: #fff;
}

#vs-menu{
    margin-top: 23px;
    float: right;
    width: 70%;
}

/** VS-slider **/

#vs-slider{
    background: #242424;
    border: 1px solid #0d0d0d;
    position: relative;
    margin-bottom: 20px;
    position: relative;
}

#vs-slider:after, #vs-slider:before {
    content: " ";
    position: absolute;
    width: 50%;
    height: 100px;
    z-index: -10;
    background: #000;
    bottom: 20px;

}

#vs-slider:before {
    left: 5px;
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg);
    -webkit-box-shadow: 7px 12px 25px #000;
    -moz-box-shadow: 7px 12px 25px #000;
    -ms-box-shadow: 7px 12px 25px #000;
    -o-box-shadow: 7px 12px 25px #000;
    box-shadow: 7px 12px 25px #000;
    behavior: url(ie/PIE.htc); /* PIE */
}
#vs-slider:after {
    right: 5px;
    -webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    transform: rotate(5deg);
    -webkit-box-shadow: -7px 12px 25px #000;
    -moz-box-shadow: -7px 12px 25px #000;
    -ms-box-shadow: -7px 12px 25px #000;
    -o-box-shadow: -7px 12px 25px #000;
    box-shadow: -7px 12px 25px #000;
    behavior: url(ie/PIE.htc); /* PIE */
}


#vs-slider-space{
    padding: 4px;
}

/** VS-top **/

#vs-top{
    margin-bottom: 20px;
}

/** VS-content **/
#vs-content-in{
}

/** VS-bottom **/

#vs-bottom{

}

/** VS-footer **/

#vs-footer{
    background: url('../images/footer_bg.png') center top no-repeat;
    padding-top: 20px;
    margin-top: 20px;
}

#vs-footer-menu{
    background: url('../images/footermenu_bg.png') center bottom no-repeat;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

#vs-footer-menu ul {
    text-align: center;
}
#vs-footer-menu ul li{
    display: inline;
    margin: 0 10px;
    text-transform: uppercase;
    font-size: 0.85em;
}
#vs-footer-menu ul li a{
    color: #323232;
}

#vs-footer-menu ul li a:hover{
    color: #484848;
}

#vs-footer-menu ul li.facebook a{
    color: #395590
}

#vs-footer-copyright{
    margin: 0 10px;
    text-transform: uppercase;
    font-size: 0.85em;
    text-align: center;
    color: #323232;
}


/** col **/


.col-in{
    margin-left: -20px;
}

.col3{
    width: 100%;
    clear: both;
}


.col3 .vs-block{
    width: 37.6%;
    float: left;

}

.col3 .vs-block.smallWidth{
    width: 24.8%
}

.col2 .vs-block{
    margin-left: 20px;
}

.col2-1,
.col2-2{
    float: left;
}

.col2-1{
    width: 37.5%;
}

.col2-2{
    width: 62.5%;
}

.event .col2{
	margin-bottom: 40px;
}
.event .col2-1,
.event .col2-2{
	width: 450px;
}

.event .col2-2{

    margin-left: 40px;
	}

.event img{
	border: 2px solid #353535;
	width: 450px;
	height: 250px;
	margin-bottom: 10px;
}
.event h2{
background: #fe6601;
color: #fff;
margin-top: -75px;
display: inline-block;
z-index: 999;
position: relative;
font-size: 24px;
font-family: 'Signika', sans-serif;
font-weight: 300;
text-transform: uppercase;
padding: 5px 7px 3px;	
margin-left: -10px;
}



/** clearing **/

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    min-width: 0;
    display: inline-block; /* \*/
    display: block;
}

/* trigger hasLayout for IE7. Hide from IE Mac */

* html .clearfix {
    height: 1%;
}

/* Hide from IE Mac */

.clr, .clear {
    clear: both;
}

/* end clearing */

.breadcrumb{
    margin: 10px 0 10px;
	padding: 0 0 10px;
	text-align: right;
	border-bottom: 1px solid #1a1a1a;
	font-size: 11px;
}

.breadcrumb a{
    color:#FF6600
}

ul.horizontalmenu li ul{
    display:none;
    position:absolute;
    z-index:9999;
    width:200px;
    margin-top: -5px;
    padding-top: 10px;
    padding-bottom: 5px;
    margin-left:-15px;
    background:#131313;
    color:#FFF;
    border-left: 3px solid #1a1a1a;
    border-right: 3px solid #1a1a1a;
    border-bottom: 3px solid #1a1a1a;
}

ul.horizontalmenu li ul li{
   padding-top: 7px;
    margin-top: 7px;
    border-top: 1px solid #1a1a1a;
}

ul.horizontalmenu li ul li a{
    text-indent: 15px;
}

ul li ul li:first-child{
    padding: 0;
    margin: 0;
    border: 0;
}


ul li:hover ul{
    display:block;
}
ul li:hover ul li{
    margin-left:0;
}
ul li:hover ul li a{
    color: #cecece !important;
    width:200px;
}
ul li:hover ul li a:hover{
    color:#FF6600!important;
    width:200px;

}
ul li:hover ul li ul{
    display:none;
}
ul li:hover ul li:hover ul{
    display:block;
    margin-top:-22px;
    margin-left:203px;
    border: 3px solid #1a1a1a;
    border-left: 0;
    background:#131313;
}
.nextlvl{
    width:230px!important;
}

.cookieAlert{
    position: fixed;
    bottom: 0;
    z-index: 999;
    width: 100%;
    border-top: 1px solid #000;
    font-size: 12px;
    background: #131313;
    display: none;
    -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 1);
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 1);
}

.cookieAlert-in{
    padding: 5px;
    text-align: center;
    font-size: 10px;

}

.cookieAlert a{
    color: #ff924a;
}

.cookieAlert p{
    margin: 0;
    padding: 0;
    display: inline;
}

.cookieAlert a:hover{
    text-decoration: underline;
}

.cookieAlert button{
    background: #333;
    color: white;
    display: inline-block;
    padding: 5px 10px;
    margin-left: 20px;
    border: 0;
    cursor: pointer;
    font-size: 10px;
}

.cookieAlert button:hover{
    text-decoration: none;
    background: #444;
}

.nolist,
.orangeList{
width: 389px;
}

.nowidth{
width: auto;}

.project .orangeList{
	list-style: outside;}

.orangeList{
	list-style-type: disc !important;
}

p.readmore{
	text-align: right;
	text-transform: uppercase;
	margin-right: 20px;
}	
	
#carousel-homepage div {
width: 200px;
height: 142px;
margin: 0;
float: left;
margin: 0 20px;
border: 2px solid #353535;
}

#carousel-homepage img{
width: 100%;
}

#carousel-homepage h2{
background: rgba(0,0,0,.75);
color: #fff;
margin-top: -32px;
display: block;
z-index: 999;
position: relative;
font-size: 15px;
font-family: 'Signika', sans-serif;
font-weight: 300;
text-transform: uppercase;
padding: 5px 6px 3px;
}