/* 
    Created on : 2015-02-23, 21:03:39
    Author     : RexArt Studio Reklamy
    URL        : http://www.rexart.pl/
*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans&subset=latin,latin-ext);

body
{
	width: 100%;
	/*height: 100%;*/
    margin:0;
	padding:0;
	
	background-image: url("../images/bg.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	line-height: 1.5;
}
html {
}
#container {
	width: 100%;
	margin: 0 auto;
	z-index: 1;
}
.container {
	width: 100%;
	margin: 0 auto;
	z-index: 1;
}
#wrapper
{
	width: 1000px;
	margin: auto;
}
#top {

}
#slider
{
	width:100%;
	float: left;
	margin-top: 2%;
	margin-bottom: 2%;
	text-align: center;
	
}
/******************* LOGO *******************/
#logo {
	margin-top: 2%;
	width: 22%;
	float: left;
	margin-right: 5%;
}
.home #logo
{
	display: none;
}
/******************* ICONS *******************/
.icon
{
	border: 2px solid #ffffff;
	border-radius: 2px;
	overflow: hidden;
}

/******************* TEKST STRONY - HOME *******************/
/*.home .imagelink
{
	width: 383px;
	height: 254px;
	border: 2px solid #ffffff;
	border-radius: 2px;
	position: relative;
	z-index: 2;
	-webkit-box-shadow: 0 0 15px 0 #666666;
	box-shadow: 0 0 15px 0 #666666;
	
	margin-top: 2%;
	
	text-align: center;
	
}*/
#left_col, #right_col
{
	width: 45%;
	display: -moz-groupbox;
	display: inline-block;
	vertical-align: top;
}
#left_col
{
	margin-right: 2%;
	padding-right: 4%;
	border-right: solid 1px #cccccc;
}
#right_col
{
	margin-left: 2%;
}
.home_logo
{
	vertical-align: 200px;
}
/******************* TEKST STRONY *******************/
#webtext {
}
.item-page
{
	border-radius: 8px;
	-webkit-box-shadow: 0 0 5px 0 #666;
	box-shadow: 0 0 5px 0 #666;
	margin-top: 50px;
	margin-bottom: 100px;
	background: rgba(255,255,255,0.9);
	padding: 22px 40px 22px 40px;
	
	text-align: justify;
}
#webtext h1 {
	text-transform: uppercase;
	font-size: 18px;
	text-align: center;
	color: #357CBD;
	margin-bottom: 3%;
}
#webtext h2 {
	color: #D7D1C5;
	font-size: 14px;
	color: #357CBD;
}
#webtext h3 {
	color: #f97f05;
	font-size: 5.5vh;
	font-weight: 800;
	margin-bottom: 0;
}
a
{
	color: #357CBD;
	text-decoration: underline;
}
/******************* TEKST STRONY - KOLUMNY *******************/

.cennik-grzybowo #left, .cennik #left, .oferta-grzybowo #left, .oferta #left, 
.regulamin-grzybowo #left, .regulamin #left, .strona-glowna-grzybowo #left,
.strona-glowna #left, .atrakcje-kolobrzeg #left, .atrakcje-grzybowo #left, .kontakt #left,
.kontakt-grzybowo #left
{
	width: 69%;
	display: -moz-groupbox;
	display: inline-block;
	vertical-align: top;
	
	margin-right: 3%;
}
.cennik-grzybowo #right, .cennik #right, .oferta-grzybowo #right, .oferta #right, 
.regulamin-grzybowo #right, .regulamin #right, .strona-glowna-grzybowo #right,
.strona-glowna #right, .atrakcje-kolobrzeg #right, .atrakcje-grzybowo #right, .kontakt #right,
.kontakt-grzybowo #right
{
	width: 19%;
	
	display: -moz-groupbox;
	display: inline-block;
	vertical-align: top;
	
	border-radius: 8px;
	-webkit-box-shadow: 0 0 5px 0 #666;
	box-shadow: 0 0 5px 0 #666;
	margin-top: 50px;
	margin-bottom: 100px;
	background: rgba(255,255,255,0.9);
	padding: 22px 40px 22px 40px;
}
/******************* PAGINACJA *******************/
.nav-tabs, .nav-stacked
{
	display: none;
}
/******************* MENU GŁÓWNE *******************/

#top_menu {
	width:73%;
	float: left;
	margin-top: 2%;
	margin-bottom: 2%;
	text-align: center;
}
#top_menu ul {
	list-style-type: none;
	font-family: 'Poiret One', cursive;
	color: #7d6955;
}

#top_menu li {
	float: left;
	list-style-type: none;
	display: inline;
}
#top_menu a:hover, #top_menu .current a {
	color: #ffa200;
	background-color: #FFF;
}
/******************* KONTAKT *******************/
.kontakt p
{
	font-size: 14px;
}

/******************* STOPKA *******************/
#footer {
	font-family: 'Open Sans', sans-serif;
	background-color: #968D79;
	width:100%;
	text-align:center;
	color: #FFF;
	
	opacity: 0.9;
    filter: alpha(opacity=90); /* For IE8 and earlier */
	
	 clear: both;
	 position: relative;
	 z-index: 10;
	 height: 3em;
	 margin-top: -3em;
}
#footer h1 {
	text-transform: uppercase;
	font-size: 5.0vh;
	text-align: center;
	margin-bottom: 2%;
	margin-top: 4%;
}
#copyrights {
	margin-top: 5.0vh;
	clear:both;
	text-align:center;
	color: #FFF;
	font-size: 1.4vh;
}
#gototop
{
	margin:5px;
	padding:5px;
	background-image: url(../images/topm.png);
	background-repeat: no-repeat;
	color:#000;
	width: 70px;
	height: 70px;
	} 
#gototop:hover
	{
	background-image: url(../images/topm.png);
	background-repeat: no-repeat;
	width: 70px;
	height: 70px;
        z-index: 99999;
}
hr
{
	border: 0; 
	height: 1px; 
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}
.pager ul
{
	list-style-type: none;
}
.pager ul li
{
	padding-left: 5px;
	padding-right: 5px;
}
.pager ul li 
{ 
	display: inline; 
}
/******************* POGODA *******************/
#jeYW99 .odd
{
	background: none !important;
}


.e-turysta__container_138823, .e-turysta__container_138823 a, .e-turysta__container_138823 div, .e-turysta__container_138823 span, .e-turysta__container_138823 img {
	line-height:1.4 !important;
	font-style:normal !important;
	color: #333 !important;
	font-family:tahoma !important;
	text-decoration:none !important;
	cursor:default !important;
	border:0 !important;
	outline:0 !important;
	font-weight:normal !important;
	vertical-align:baseline !important;
}
.e-turysta__container_138823 {
	width:160px !important;
	height:100px !important;
	background:url('http://e-turysta.net/_lay/bannery/tlo_szare_300.png') no-repeat center center !important;
	font-size:11px !important;
}
.e-turysta__container_138823 .e-turysta__inner {
	position:relative !important;
	border: 1px solid #4D7B00 !important;
	padding:49px 0 !important;
}
.e-turysta__container_138823 .e-turysta__link1 {
	position:absolute !important;
	left:5px !important;
	top:3px !important;
}
.e-turysta__container_138823 .e-turysta__link1 a {
	font-size:11px !important;
	cursor:pointer !important;
}
.e-turysta__container_138823 .e-turysta__link1 a:hover {
	text-decoration:underline !important;
}
.e-turysta__container_138823 .e-turysta__link2 {
	display:block !important;
	position:absolute !important;
	width:132px !important;
	height:44px !important;
	background:url('http://e-turysta.net/_lay/bannery/logo_300.png') no-repeat center center !important;
	left:10px !important;
	top:27px !important;
}
.e-turysta__container_138823 .e-turysta__link3 {
	position:absolute !important;
	right:5px !important;
	bottom:3px !important;
}
.e-turysta__container_138823 .e-turysta__link3, .e-turysta__link3 a {
	font-size:9px !important;
}
.e-turysta__container_138823 .e-turysta__link3 span {
	display:none !important;
}

/***************** CZĘŚĆ RESPONSYWNA **************************/

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
/* Styles */
body, html
{
	width: 100%;
	height: 100%;
}
#wrapper
{
	width: 100%;
	margin: auto;
}
.home_image
{
	width: 40%;
	position: relative;
	z-index: 2;
	
	text-align: center;
}
.home_logo
{
	width: 20%;
	height: auto;
	vertical-align: 80px;
}
#footer {
	width: 100%;

	 clear: both;
	 position: relative;
}
.icon
{
	width: 30%;
	margin: 0px !important;
}
#top_menu {
	width:73%;
	height: 20%;
}
#logo {
	width: 22%;
	height: 20%;

}
/******************* TEKST STRONY - KOLUMNY *******************/

.cennik-grzybowo #left, .cennik #left, .oferta-grzybowo #left, .oferta #left, 
.regulamin-grzybowo #left, .regulamin #left, .strona-glowna-grzybowo #left,
.strona-glowna #left, .atrakcje-kolobrzeg #left, .atrakcje-grzybowo #left, .kontakt #left,
.kontakt-grzybowo #left
{
	width: 100%;
}
.cennik-grzybowo #right, .cennik #right, .oferta-grzybowo #right, .oferta #right, 
.regulamin-grzybowo #right, .regulamin #right, .strona-glowna-grzybowo #right,
.strona-glowna #right, .atrakcje-kolobrzeg #right, .atrakcje-grzybowo #right, .kontakt #right,
.kontakt-grzybowo #right
{
	width: 100%;
}
}
/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
/* Styles */

}
/**********
iPad 3
**********/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}
/* Desktops and laptops ----------- */
@media only screen  and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen  and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

/* iPhone 5 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* iPhone 6 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* iPhone 6+ ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* Samsung Galaxy S3 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* Samsung Galaxy S4 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

/* Samsung Galaxy S5 ----------- */
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

/*mobilne*/
.sidr
{
	background-color: #344682;
}
.sidr ul
{
	border-top: none;
	border-bottom: none;
}
.sidr ul li
{
	border-top: none;
	border-bottom: 1px solid #466889;
}
.sidr ul li:hover, .sidr ul li.active, .sidr ul li.sidr-class-active, .sidr-class-current > a, a.sidr-class-toggle-sidr-close::before 
{
	background-color: #4C62BA;
}

.galeria #PogodaNetWidget, .kontakt #PogodaNetWidget{
    display:none;
}
@media screen and (orientation:portrait) and (min-width:320px) and (max-width:1024px){ /* smartphones, iPhone, portrait 480x320 phones */ 
    #wrapper{
        width: 90%;
        margin:0 auto;
    }
    .cennik-grzybowo #right, .cennik #right, .oferta-grzybowo #right, .oferta #right, .regulamin-grzybowo #right, .regulamin #right, .strona-glowna-grzybowo #right, .strona-glowna #right, .atrakcje-kolobrzeg #right, .atrakcje-grzybowo #right, .kontakt #right, .kontakt-grzybowo #right
    {
        width: 75%;
        margin:0 auto !important;
        margin-top: -15%;
        
    }
    .icon{
        width: 100%;
        height:auto;
        margin:0 auto !important;
    }
    body { 
    background: url('../images/bg.jpg') no-repeat center center fixed;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
} 
#logo
{
	width:100%;
}
.home_image{
        width:100%;
        height: auto;
    }
    .home_logo{
        width:100%;
        height:auto;
        margin-top:10%;
        margin-bottom: -10%;
    }
.e-turysta__container_138823, .eholiday
    {
        
        margin:0 auto;
    }
    #footer{
        clear:both;
        margin-top:10%;
    }
    #left{
        width: 100% !important;
    }
}
@media screen and (orientation:landscape) and (min-width:320px) and (max-width:961px){
     #wrapper{
        width: 90%;
        margin:0 auto;
    }
    #right .custom:nth-child(2) span{
        text-align: center;
    }
    .e-turysta__container_138823, .eholiday
    {
        
        margin:0 auto;
    }
     
    .cennik-grzybowo #right, .cennik #right, .oferta-grzybowo #right, .oferta #right, .regulamin-grzybowo #right, .regulamin #right, .strona-glowna-grzybowo #right, .strona-glowna #right, .atrakcje-kolobrzeg #right, .atrakcje-grzybowo #right, .kontakt #right, .kontakt-grzybowo #right
    {
        width: 85%;
        margin:0 auto;
        margin-top: -15%;
    }
    .cennik-grzybowo #left, .cennik #left, .oferta-grzybowo #left, .oferta #left, .regulamin-grzybowo #left, .regulamin #left, .strona-glowna-grzybowo #left, .strona-glowna #left, .atrakcje-kolobrzeg #left, .atrakcje-grzybowo #left, .kontakt #left, .kontakt-grzybowo #left
    {
        width: 100%;
        margin:0 auto;
    }
    .cennik-grzybowo .icon, .cennik .icon, .oferta-grzybowo .icon, .oferta .icon, .regulamin-grzybowo .icon, .regulamin .icon, .strona-glowna-grzybowo .icon, .strona-glowna .icon, .atrakcje-kolobrzeg .icon, .atrakcje-grzybowo .icon, .kontakt .icon, .kontakt-grzybowo .icon, .galeria .icon{
        margin:0 !important;
    }
    .icon{
        width: 100%;
        height:auto;
    }
    body { 
    background: url('../images/bg.jpg') no-repeat center center fixed;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
} 
#logo
{
	width:100%;
}
    .home_image{
        width:35%;
        height: auto;
    }
    .home_logo{
        width:25%;
        height:auto;
        vertical-align: 25vh;
    }
    div#left div.custom{
        width:100%;
        height: 30%;
    }
     #footer{
        clear:both;
        margin-top:10%;
        
    }
    #copyrights
    {
        font-size: 3vh !important;
    }
}
@media screen and (orientation:portrait) and (min-width: 600px) and (max-width: 1024px) {

.cennik-grzybowo #right, .cennik #right, .oferta-grzybowo #right, .oferta #right, .regulamin-grzybowo #right, .regulamin #right, .strona-glowna-grzybowo #right, .strona-glowna #right, .atrakcje-kolobrzeg #right, .atrakcje-grzybowo #right, .kontakt #right, .kontakt-grzybowo #right
    {
        width: 85% !important;
        margin: 0 auto !important;
    }

} 
#PogodaNetWidget
{
    border-radius: 5px;
    margin:0 auto;
}