/* najlepszawycieczka.pl CSS */
@charset "utf-8";
@import url('reset.css');
@import url(http://fonts.googleapis.com/css?family=Oxygen:400,700&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Roboto:400,900&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Kaushan+Script:400t&subset=latin-ext);


/* ------------------------------------------------------------------------------------------------ALL---------- */
a {font:16px/20px 'Oxygen', Verdana, sans-serif; text-decoration:none; color:#575756}	
a:hover {text-decoration: none; color: #e30513}

b, strong {font-weight:bold}
i {font-style:italic}
p {font:16px/22px 'Oxygen', Verdana, sans-serif; color:#575756}

h1 {font:24px/28px 'Oxygen', Verdana, sans-serif; color:#0099FF}
h2 {font:20px/24px 'Oxygen', Verdana, sans-serif; color:#0099FF}
h3 {font:18px/20px 'Oxygen', Verdana, sans-serif; color:#575756}

.paragraph {clear:both; padding-top:0; padding-left:0px}
.headline {clear:both; padding-top:40px; padding-left:0px}
.headline-s {clear:both; padding:10px 10px 10px 10px}
.ramka {clear:both; padding:10px 10px 10px 10px}

.head1 {font:32px/36px 'Kaushan Script', Verdana, sans-serif; color:#0099FF}
.head2 {font:32px/36px 'Kaushan Script', Verdana, sans-serif; color:#ffffff}

.centerThis {text-align:center}
.justifyThis {text-align:justify}

.lista {		list-style-type:disc; list-style-position:outside;
				font:16px/24px 'Oxygen', Verdana, sans-serif; color:#575756;
				}
				
.lista, lista-sub li {margin-top:4px}
				
.lista-sub {	list-style-type:circle; list-style-position:outside;
				font:16px/24px 'Oxygen', Verdana, sans-serif; color:#575756;
				margin-left:30px}




body {background-color:#ffffff; margin: 0; padding: 0; height: 100%}

#top-illus {display:none; float:left}

.oferta-link {margin-top:50px}

.footer {background-color:#990000}
.footer p {padding:15px 0 20px 0; font:10px/14px 'Oxygen', Verdana, sans-serif; color:#ffffff}


img {
    max-width: 100%;
    height: auto;
}

* {
    box-sizing: border-box;
}

[class*="col-"] {
    float: left;
    padding: 10px;
    /*border: 1px solid red;*/
}

.row::after {
    content: "";
    clear: both;
    display: block;
}


/* -------logo colors------- */
.lc1 {background-color:#FF9900}
.lc2 {background-color:#FFFF00}
.lc3 {background-color:#00FF00}
.lc4 {background-color:#0099FF}
.lc5 {background-color:#9966CC}
.navcolor {background-color:#990000}

/* -------index images menu------- */
#iim1, #iim2, #iim3, #iim4, #iim5 { border-top: 2px solid #ffffff;
									border-right: 2px solid #ffffff;
									border-bottom: 2px solid #ffffff;
									border-left: 2px solid #ffffff}

.iim-label {padding-bottom:10px; font:20px/24px 'Kaushan Script', Verdana, sans-serif; color:#000000}

/* -------journey slots------- */
.j-slot {	border-top: 0;
			border-right: 0;
			border-bottom: 0;
			border-left: 0}
			
.j-slot-title {	padding:10px 10px 10px 10px;
				color:#000000;
				font:15px/18px 'Oxygen', Verdana, sans-serif; font-style:italic;
				text-align:center}

.j-slot-illus {	padding:10px 10px 10px 10px;
				border-top:2px solid #ffffff; border-bottom:2px solid #ffffff;
				text-align:center;
				display:none}

.loty {padding:10px 10px 10px 10px; text-align:center;}
.loty p {font:12px/18px 'Oxygen', Verdana, sans-serif;}

/* ------------------------------------------------------------------------------------------------MOBILE---------- */

[class*="col-"] {
    width: 100%;
}


.visonly-desk {display:none}
.visonly-mob {display:block}

/* ----------------------------------------mainmenu mobile---------- */
ul.topnav {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color:#990000;
}

ul.topnav li {float: none}
ul.topnav li:first-child {padding-left:0}

ul.topnav li a {
    display: block;
    color: #ffffff;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    transition: 0.3s;
    font-size: 17px;
}

ul.topnav li a:hover {background-color:#FF0000;}




/* ------------------------------------------------------------------------------------------------DESKTOP---------- */
@media only screen and (min-width: 768px){

.paragraph {clear:both; padding-top:0; padding-left:40px}
.headline {clear:both; padding-top:40px; padding-left:40px}
.headline-s {clear:both; padding:10px 35px 15px 35px}

#top-illus {display:block; float:left}

.j-slot-illus {	padding:10px 10px 10px 10px;
				border-top:2px solid #ffffff; border-bottom:2px solid #ffffff;
				text-align:center;
				display:block}

.col-1 {width: 6.66%;}
.col-2 {width: 13.33%;}
.col-3 {width: 20%;}
.col-4 {width: 26.66%;}
.col-5 {width: 33.33%;}
.col-6 {width: 40%;}
.col-7 {width: 46.66%;}
.col-8 {width: 53.33%;}
.col-9 {width: 60%;}
.col-10 {width: 66.66%;}
.col-11 {width: 73.33%;}
.col-12 {width: 80%;}
.col-13 {width: 86.66%;}
.col-14 {width: 93.33%;}
.col-15 {width: 100%;}


.visonly-desk {display:block}
.visonly-mob {display:none}

/* ----------------------------------------galeria desktop---------- */

.galeria {padding-top:10px}
.gal-slot img {border:#FFFFFF solid 2px}




/* ----------------------------------------mainmenu desktop---------- */
ul.topnav {
	clear:both;
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color:#990000;
}

ul.topnav li {float: left;}
ul.topnav li:first-child {padding-left:40px}

ul.topnav li a {
    display: inline-block;
    color: #ffffff;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    transition: 0.3s;
    font-size: 17px;
}

ul.topnav li a:hover {background-color:#FF0000;}

} /* ************* /desktop ***************** */