html,
body
{
	height:100%;
}

html
{
    background-color: #595959;
    background-image: url("/static/images/home/backgray1.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 100%;
	background-attachment:fixed;
}

#wrapper1
{
	min-height:100%;
}

.wrapper2
{
	width:100% !important;
	max-width:none !important;
	min-height:100%;
}

.wrapper2 > .classicContent > .col2
{
	width:1180px !important;
	margin-left:auto !important;
	margin-right:auto !important;
	float:none !important;
	max-width:none !important;
	background-color:transparent;
}

.wrapper2 > .classicContent > .col2 h1
{

}

.wrapper2 > .classicContent > .col2 .lead
{
	width:100%;
	margin-top:40px;
	margin-bottom:40px;
	text-transform:uppercase;
	font-size:32px;
	font-weight:500;
}

.wrapper2 > .classicContent > .col2 p
{
	color:white;
}


.wrapper2 > .classicContent > .col2 .contentText1 > h3
{
	margin-top:20px;
	color:white;
	font-size:28px;
	font-weight:700;
	text-align:center;
	font-family:'MuseoSlab500', 'Open Sans', Arial;
}

.wrapper2 > .classicContent.news
{
	margin-top:0;
	margin-bottom:0;
}

a.box {
    border: 1px solid white;
    color: white;
    display: inline-block;
    height: 140px;
    text-align: center;
    text-decoration: none;
    width: 325px;
}

a.box:hover {
    background-color: white;
    color: #4d4d4d;
}

a.box.disabled {
    background-color: transparent !important;
    border-color: #3c3c3c;
    color: #3c3c3c !important;
}

a.box h2 {
    font-family: "Open Sans",Arial;
    font-size: 26px;
    font-weight: 800;
    line-height: 30px;
    margin-top: 16px;
    text-transform: uppercase;
}

a.box h3 {
    font-family: "Open Sans",Arial;
    font-size: 11px;
    font-weight: 400;
    line-height: 15px;
    margin-top: 10px;
}

a.box.w12
{
	width:100%;
}

a.box.h3
{
	height:220px;
}

a.box.h3 h2
{
	font-size:80px;
	line-height:normal;
	margin-top:30px;
}

a.box.h3 h3
{
	font-size:20px;
	line-height:normal;
	margin-top:5px;
}

a.box.h1
{
	height:64px;
}



div.vertical
{
	margin-top:30px;
	text-align:center;
}

div.vertical a
{
	display:inline-block;
}

div.vertical a.w1
{
	width:90px;
}


div.vertical a.w1.vertical
{
	display:inline-block;
	width:90px;
	height:400px;
	position:relative;
}

div.vertical a.w1.vertical h2
{
	float:left;
	clear:both;
	transform: rotate(-90deg);
	transform-origin: left bottom 0;
	position:relative;
	width:380px;
	height:32px;
	text-align:left;
	top:330px;
	left:60px;
	font-size:28px;
}

div.vertical a.w1.vertical.hassubtitle h2
{
	left:48px;
}

div.vertical a.w1.vertical.hassubtitle.subtitlerowx2 h2
{
	left:42px;
}

div.vertical a.w1.vertical h3
{
	float:left;
	clear:both;
	transform: rotate(-90deg);
	transform-origin: left bottom 0;
	position:relative;
	width:370px;
	height:32px;
	text-align:left;
	top:288px;
	left:84px;
	font-size:15px;
}


div.vertical a.w1.vertical h2.rowx2
{
	height:80px;
	left:90px;
	top:282px;
}

div.vertical a.w1.vertical.hassubtitle.subtitlerowx2 h3
{
	left:76px;
}

div.vertical a.vertical:nth-child(n+2)
{
	margin-left:15px;
}

div.vertical.x9 a.vertical:nth-child(n+2)
{
	margin-left:40px;
}

#wrapper1 > .vremeplovContainer2
{
	width:1160px;
	margin-left:auto;
	margin-right:auto;
	margin-top:250px;
}

#wrapper1 > .vremeplovContainer2 > .vremeplovContainer
{
	border-bottom:0px none !important;
	background-color:transparent !important;
}

#wrapper1 > .vremeplovContainer2 > .wrapper2 > h2
{
	color:white !important;
}

#wrapper1 > .vremeplovContainer2 > .wrapper2 > h3
{
	color:#d0d0d0 !important;
}

#wrapper1 > .vremeplovContainer2.vremeplovID17
{
	margin-top:150px;
}

#wrapper1 > .vremeplovContainer2.vremeplovID17 > .vremeplovContainer
{
	height:663px;
}

#wrapper1 > .vremeplovContainer2.vremeplovID17 > .vremeplovContainer > .wrapper2 > .vremeplov
{
	height:660px;
	background-image:url('/static/images/vremeplov/17.jpg');
}

.vremeplovContainer2.vremeplovID17 > .vremeplovContainer > .wrapper2 > .vremeplov .line
{
	margin-top:365px;
}


.vremeplovContainer2.vremeplovID17 > .vremeplovContainer > .wrapper2 > .vremeplov .godineBig
{
	top:225px;
}


#wrapper1 > .vremeplovContainer2.vremeplovID20
{
	margin-top:70px;
}

#wrapper1 > .vremeplovContainer2.vremeplovID20 > .vremeplovContainer
{
	height:777px;
}

#wrapper1 > .vremeplovContainer2.vremeplovID20 > .vremeplovContainer > .wrapper2 > .vremeplov
{
	height:774px;
	background-image:url('/static/images/vremeplov/20.jpg');
}

.vremeplovContainer2.vremeplovID20 > .vremeplovContainer > .wrapper2 > .vremeplov .line
{
	margin-top:415px;
}


.vremeplovContainer2.vremeplovID20 > .vremeplovContainer > .wrapper2 > .vremeplov .godineBig
{
	top:275px;
}