﻿
/* the container */
.allinone_bannerRotator {
	position:absolute;
	top:0;
	left:0;
	right:0;
	margin:0;
	padding:0;
	width:auto;	
}

.allinone_bannerRotator img {
	position:absolute;
	top:0;
	left:0;
	right:0;
	margin:0;
	padding:0;
	max-width:none;
	max-height:none;
}

.allinone_bannerRotator_list {
	margin:0;
	padding:0;
	list-style:none;
	display:none;
}

.allinone_bannerRotator .stripe {
	position:absolute;
	display:block;	
	height:100%;
	z-index:1;
	overflow:hidden;
}

.allinone_bannerRotator .block {
	position:absolute;
	display:block;	
	z-index:1;
	overflow:hidden;
}

.mycanvas {
	position:absolute;
	top:8px;
	right:10px;
	z-index:10;
}

/***CLASSIC SKIN***/
.allinone_bannerRotator.classic .bannerControls {
	position:absolute;
	left:0;
	top:0;
	z-index:2;
	width:100%;
	margin:0;
	padding:0;
}

.allinone_bannerRotator.classic .leftNav {
	position:absolute;
	left:10px;
	top:50%;
	width:40px;
	height:50px;
	background:url(../images/puscica_levo.png) 0 0 no-repeat;
	cursor: pointer;
	z-index:40;
}

.allinone_bannerRotator.classic .leftNav:hover {
	background:url(../images/puscica_levo_over.png) 0 0 no-repeat;
	z-index:40;
}

.allinone_bannerRotator.classic .rightNav {
	position:absolute;
	right:10px;
	top:50%;
	width:40px;
	height:50px;
	background:url(../images/puscica_desno.png) 0 0 no-repeat;
	z-index:40;
	cursor: pointer;
}

.allinone_bannerRotator.classic .rightNav:hover {
	background:url(../images/puscica_desno_over.png) 0 0 no-repeat;
	z-index:40;
}
.allinone_bannerRotator.classic .bottomNav {
	position:absolute;
	background:url(../images/bottomNavBg.png) 0 0 repeat-x;
	width:0px;
	height:24px;
	z-index:4;
	padding-left:9px;
}

.allinone_bannerRotator.classic .bottomNavButtonOFF {
	float:left;
	display:block;
	width:20px;
	height:20px;
	background:url(../images/bottomNavOFF.png) 0 0 no-repeat;
	padding-left:9px;
	cursor: pointer;
}

.allinone_bannerRotator.classic .bottomNavButtonON {
	float:left;
	display:block;
	width:20px;
	height:20px;
	padding-left:9px;
	background:url(../images/bottomNavON.png) 0 0 no-repeat;
	cursor: pointer;
}

.allinone_bannerRotator.classic .bottomNavLeft {
	position:absolute;
	width:0px;
	display:none;
	background:#F00;
	height:24px;
	z-index:4;
}

.allinone_bannerRotator.classic .bottomNavRight {
	position:absolute;
	width:0px;
	display:none;
	height:24px;
	background:#F00;
	z-index:4;
}

.allinone_bannerRotator.classic .bottomOverThumb {
	position:absolute;
	width:88px;
	height:106px;
	background:url(../images/bottomOverThumbBg.png) 23px bottom no-repeat;
	bottom:27px;
	margin-left:-25px;
}
.allinone_bannerRotator.classic .bottomOverThumb img {
	border:4px solid #000000;
	width:190px;
}

/****Text Classic Responsive***/


.tekst_prvi {
	position:absolute;
	font-family: 'Dosis-Light', helvetica;
	z-index:3;
	display: none;
	width:auto;
	max-width: 480px;
	max-height: 400px;
	right:60px;
	bottom:40px;
	text-align:right;
	padding: 10px;
	font-size:20px;
	line-height:22px;
	background:rgba(170,224,49,0.7);
	border-radius:0px;
	color:#000;

}

.tekst_prvi:hover {
	background:rgba(170,224,49,1.0);
}


.tekst_prvi h1 {
	font-family: 'Dosis-Light', helvetica;
	font-size:34px;
	line-height:40px;
	font-weight:bold;
	text-transform:uppercase;
	line-height:auto;
	display: block;
	padding:0;
	margin:0;
}

.tekst_prvi h2 {
	font-family: 'Dosis-Light', helvetica;
	font-size:20px;
	font-weight:normal;
	line-height:24px;
	padding:0;
	margin:0;	
}


.link_prvi {
	font-family: 'Dosis-Light', helvetica;
	font-size:0;
	line-height:0;
	margin-top:10px;	

}

.link_prvi a {
	color:#000;
	text-decoration:none;

}

.link_prvi a:hover {
	text-decoration:none;
}


#bener_opis {
	margin:0 10px;
	font-family: Oswald-Regular;
}

#bener_opis h1{
	color:#FFF;
	font-weight:bold;
	font-size:45px;
	line-height:50px;
	margin:0;
	padding:8px 0;
	text-shadow: 1px 1px 2px #000;	
}

#bener_opis h2{
	color:#FFF;
	font-weight:bold;
	font-size:30px;
	line-height:36px;
	margin:0;
	padding:3px 0;
	text-shadow: 1px 1px 2px #000;	
}

#bener_opis a{
	text-decoration: underline;
	color:#fff;	
}

#bener_opis a:hover{
	text-decoration: none;
}




.tekst_parallax {
	position:absolute;
	z-index:2;
	display: none;
	width:100%;
	overflow:hidden;
	height:auto;
	bottom:50px;
}

#bener_opis_parallax {
	margin:0 10px;
	font-family: Oswald-Regular;
}

#bener_opis_parallax h1{
	font-weight:bold;
	font-size:42px;
	line-height:56px;
	margin:0;
	padding:4px;
	text-shadow: 1px 1px 2px #000;	
}

#bener_opis_parallax h2{
	font-weight:bold;
	font-size:22px;
	line-height:30px;
	margin:0;
	padding:3px;
	text-shadow: 1px 1px 2px #000;	
}

#bener_opis_parallax a{
	text-decoration: underline;
	color:#333;	
}


.tooltip {
	display: none;
}



p{
	margin:0;
	padding:0;
}




@media only screen and (max-width: 1199px) {


.tekst_prvi h1 {
	font-size:30px;
	line-height:34px;
}

.tekst_prvi h2 {
	font-size:18px;
	line-height:20px;	
}
	
}



/* ================= od 480 px do 767 px ================= */

@media only screen and (max-width: 979px) {

.tekst_prvi h1 {
	font-size:26px;
	line-height:30px;
}

.tekst_prvi h2 {
	font-size:18px;
	line-height:20px;	
}
	
	
}

@media only screen and (max-width: 859px) {

.tekst_prvi h1 {
	font-size:20px;
	line-height:24px;
}

.tekst_prvi h2 {
	font-size:17px;
	line-height:19px;	
}
	
	
}

@media only screen and (max-width: 767px) {

.tekst_prvi {
	display:none;
	width:0;
	height:0;
	visibility:hidden;
}


}