/* 
    Document   : styles
    Created on : 2015-06-23, 13:17:16
    Author     : ImagoArt
   
*/

    
html body{
    font-size: 14px;
	height: 100%;
}

ul,li,p,a,h1,h2,h3,h4,h5,h6 {
    padding: 0;
    margin: 0;
}
h1,h2,h3,h4,h5,h6  {
	color: #004b88;
	text-shadow:1px 1px 1px white;
}
h2, h3 {
	font-weight: 400;
}
p{
	padding: 10px 0;
	font-weight: 300;
	text-align: justify;
	font-size: 15px;
}
hr {
    border-color: #ccc -moz-use-text-color -moz-use-text-color;
}
ul li {
	list-style-image: url("../images/kropla.png");
	list-style-position: inside;
	padding: 1%;
}
a:active,a:link,a:visited{
    color: black;
}
a:hover {
    color: #004b88;
}
a {
    text-decoration: none;
}

body {
    font-size: 14px/23px;
	font-family: "Roboto Condensed",sans-serif;
	font-weight: normal;
    color:#24323e;
    margin:0;
	padding-top: 72px;
    width: 100%;
    height: 100%;
    background: url(../images/bg.jpg) repeat-y top center transparent;
    
}

.clear {
    clear: both;
}
.tlo {
	background: rgba(255,255,255,0.8);
	max-width: 1200px;
	margin: 0 auto;
	padding: 3%;
}
.mala-strona {
    min-height: 71vh;
}
.tlo_main{
	background: rgba(255,255,255,0);
	max-width: 1200px;
	margin: 0 auto;
	padding: 3%;
}
.container-fluid {
	background-image: url('../images/tla/dolina1.jpg');
	background-repeat: no-repeat;
	background-attachment: fixed;
	
}
.camera_bar{
	opacity:0;
}

.navbar-brand{
	max-width: 190px;
}

iframe{
width:100%;
max-width:677px;
}

/*===NAV===*/
body header #bgheader nav {
background-color: white;
margin:auto;
max-width: 1200px;
}

#bgheader img {
	max-width: 100%!important;
	margin:  -9px 16%;
}

body header .navbar-default {
	border-color:#fff;
}
body header .navbar {
	min-height:70px;
}
.nav > li {

    padding: 16px 6px;
}

/*==========FOOTER===========================*/
body footer {
    width:100%;
    background: none repeat scroll 0 0 white;
}
body footer nav {
    margin:10px auto;
    text-align: center;

    border-bottom: 1px solid black;
}
body footer nav ul {
    display: block;
    margin: 0 auto;
    max-width: 842px;
}
body footer nav ul li{
    float: left;
    list-style: none;
    margin: 0 2px 0;
}
body footer nav ul li a {
    display: inline-block;
    text-decoration:none;
    margin:0px;
    font-size: 12px;
    padding:2px;
}
body footer nav ul li a.active-nav{
    background:rgb(0, 153, 220);
    color: #fff;    
}
body footer .hrfooter {
    width:100%;
    height:1px;
    background-color: black;
}
body footer #copyright {
    max-width:960px;
    margin:0 auto;
}
body footer #copyright p {
    float:left;
}
body footer #copyright a {
    float:right;
    margin:0px 0 0 0;
}





#produkty_main img {
	box-shadow:1px 1px 6px #004b88;
}

#kontakt_main {
	background: #fff;
	margin: 3% 0;
	padding: 3%;
	color:#24323e;
	font-size: 1.2em;
}
#kontakt_main h3, #kontakt_main h2, #kontakt_main a {color:#24323e;  text-shadow:none;} 
#kontakt_main h2{font-weight: bold; margin-bottom: 15px;} 
#kontakt_main h3{margin-bottom: 10px;}
#kontakt_main a:hover {color:#df0900; }
#kontakt_main p {
	text-align: center;
}

.kluby{
	width: 240px;
	height: 240px;
	font-size: 0.9em;
	background-repeat: no-repeat;
	background-image: url('../images/tla/kluby_tlo.png');
	padding: 3%;
	margin: 2% 5%;
}
.kluby img {
	max-width: 118px;
}
#wspolpraca_dolina {
	width: 240px;
	height: 240px;
	font-size: 0.9em;
	background-repeat: no-repeat;
	background-image: url('../images/tla/kluby_tlo.png');
	padding: 6%;
	margin: 4% 0 4% 10%;
	}
#katalog_produktow img{
	margin: 3% auto 0 auto;
}
#katalog_produktow p {
	text-align: center;
}
.katalog {
	padding-top:150px;
}

.container .row .mainrany {
    text-align: center;
    position: relative;
    opacity: 0;
}
.container .row .view{
overflow: hidden;
max-width: 297px;
position: relative;
text-align: center;
-webkit-box-shadow: 1px 1px 6px #004b88;
-moz-box-shadow: 1px 1px 6px #004b88;
box-shadow: 1px 1px 6px #004b88;
cursor: default;
margin: 0 auto;
}
.container .row .view h2 {
    background: none repeat scroll 0 0 rgb(12,136,208);
    color: #fff;
    font-size: 17px;
	font-weight: normal;
    margin: 50px 0 0px;
    padding: 10px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
}
.container .row .mainrany span {
    position: absolute;
    bottom: 0px;
    width: 100%;
	height: 25%;
    left: 0px;
    right: 0px;
    background: none repeat scroll 0% 0% rgba(12,136,208, 0.5);
    padding: 10px 0px;
    font-size: 1.4em;
    color:#fff;
}
.container .row .view a.info {
    background: none repeat scroll 0 0 rgb(12,136,208);
    color: #fff;
    display: inline-block;
    padding: 7px 40px;
    text-decoration: none;
    text-transform: uppercase;
    margin-top:25px;
}
.container .row .view a.info:hover {
    background: rgb(9,76,129);
    color:rgb(255,255,255)!important;
	
}
.view .mask, .view .content {
width: 100%;
height: 100%;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
}
.container .row .view-first img {
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.container .row .view-first .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   background-color: rgba(255,255,255, 0.7);
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.container .row .view-first h2 {
   -webkit-transform: translateY(-100px);
   -moz-transform: translateY(-100px);
   -o-transform: translateY(-100px);
   -ms-transform: translateY(-100px);
   transform: translateY(-100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}

.container .row .view-first:hover img {
   -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
}
.container .row .view-first a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.container .row .view-first:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}

.container .row .view-first:hover h2,
.container .row .view-first:hover a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
}

.container .row .view-first:hover a.info {
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}
.aktualnosc {
	padding: 20px;
}
.aktualnosc img {
	margin: 15px 0;
}
@media (min-width: 1200px) {
	#naturalne_wody1 span,#smakowe1 span , #napoje1 span {
		font-size:1.4em;
	}
	.kluby{
	width: 240px;
	height: 240px;
	font-size: 0.9em;
	background-repeat: no-repeat;
	background-image: url('../images/tla/kluby_tlo.png');
	padding: 3%;
	margin: 2% 5%;
	}
	#wspolpraca_dolina {
	width: 240px;
	height: 240px;
	font-size: 0.9em;
	background-repeat: no-repeat;
	background-image: url('../images/tla/kluby_tlo.png');
	padding: 6%;
	margin: 4% 0 4% 10%;
	}
	#barycz_p {font-size:2em; padding:17%;}
	.camera_pag{
    margin:-50px;
	}
}
@media (max-width: 1199px) {
	#naturalne_wody1 span,#smakowe1 span , #napoje1 span {
		font-size:1em;
	}
	#naturalne_wody1 h2,#smakowe1 h2 , #napoje1 h2 {
		font-size:0.8em;
	}
	.kluby{
	width: 240px;
	height: 240px;
	font-size: 0.9em;
	background-repeat: no-repeat;
	background-image: url('../images/tla/kluby_tlo.png');
	padding: 3%;
	margin: 2% 5%;
	}
	#wspolpraca_dolina {
	width: 240px;
	height: 240px;
	font-size: 0.9em;
	background-repeat: no-repeat;
	background-image: url('../images/tla/kluby_tlo.png');
	padding: 8%;
	margin: 4% 0 4% 10%;
	}
		#barycz_p {font-size:2em; padding:17%;}
	.camera_pag{
    margin:-30px;
	}
}
@media (max-width: 1095px) {
	.nav > li {
		padding: 16px 2px;
	}
	
	#bgheader img{
		margin-left:0;
	}
}
@media (max-width: 1024px) {
	body .nav-pills > li > a {
		font-size: 12px;
	}
}
@media (max-width: 991px) {
	body .nav-pills > li > a {
		padding: 7px 10px;
	}
}
@media (max-width: 894px) {
	.navbar-default .navbar-brand {
		padding-left:0;
		padding-right:0;
		max-width: 110px;
		margin-top: 10px;
	}
	#bgheader img {
		max-width: 70%;
	}
	
}
@media (max-width: 810px){
	.navbar-default .navbar-brand {
		
		max-width: 110px;
		
	}
	.nav > li {
		padding: 16px 0;
	}
	body .nav-pills > li > a {
		padding: 7px 8px;
	}
}
@media (max-width: 767px) {
	#naturalne_wody1 span,#smakowe1 span , #napoje1 span {
		font-size:0.8em; padding: 1%;
	}
	#naturalne_wody1 h2,#smakowe1 h2 , #napoje1 h2 {
		font-size:0.8em;
	}
	.navbar-default .navbar-brand {
		
		max-width: 200px;
		padding-left:15px;
		padding-right:15px;
	}
	.kluby{
	width: 240px;
	height: 240px;
	font-size: 0.9em;
	background-repeat: no-repeat;
	background-image: none;
	padding: 5%;
	margin: 2% 5%;
	}
	.camera_pag{
    margin:-30px;
	}
	.container-fluid {
	background-color: #9cbce2;
	background-image: none;
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: scroll;
	}
	#wspolpraca_dolina {
	width: 240px;
	height: 240px;
	font-size: 0.9em;
	background-repeat: no-repeat;
	background-image: none;
	padding: 20%;
	margin: 4%;
	}
		#barycz_p {font-size:1.5em; padding:17%;}
}
@media (max-width: 360px) {
	#naturalne_wody1 span,#smakowe1 span , #napoje1 span {
		font-size:1em;
	}
	body footer nav ul li{
        padding: 0;
        width:100%;
    }
    body footer nav ul li{
        float:none;
        margin: 2px 0;
    }
    body footer nav ul li.przedzial_nav{
        display:none;
    }
    body footer nav ul li a{
        width:100%;
        padding: 10px;
        background: none repeat scroll 0% 0% rgb(240, 240, 240);
    }
	.kluby{
	width: 240px;
	height: 240px;
	font-size: 0.9em;
	background-repeat: repeat;
	background-image: none;
	padding: 11%;
	margin: 2% 5%;
	}
	#wspolpraca_dolina {
	width: 240px;
	height: 240px;
	font-size: 0.9em;
	background-repeat: no-repeat;
	background-image: none;
	padding: 3%;
	margin: 2% auto;
	}
	#barycz_p {font-size:1em; padding:17%;}
	.camera_pag{
    margin:-45px;
	}
	.container-fluid {
	background-color: #9cbce2;
	background-image: none;
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: scroll;
	}
}
#cboxLoadedContent {
    background: #fff none repeat scroll 0 0;
    border: 5px solid #fff;
}
#cboxOverlay {
    background:  #428bca none repeat scroll 0 0;
	background-image: url('../images/tla/dolina1.jpg');
	background-repeat: no-repeat;
	background-attachment: scroll;
	opacity: 1!important;
}
#cboxTitle {
    color: #fff;
    left: 0;
    position: absolute;
    top: -20px;
}