@charset "utf-8";
/* CSS Document */
/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
/* Styles */
body {
background-color: #002147 !important;
}
#praca {
color: #ffffff;	
	} 
.phone {
    /**float: left !important;
    height: auto !important;
    width: 100% !important;**/
	display:none;
}
.e-mail {
	/**float: right !important;
	height:auto !important;
	width:100% !important;**/
	display:none;
}
.container#top {
	padding-right: 0px;
	padding-left: 0px;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	min-height: 156px !important;
	margin-top: 220px !important;
	clear: both;

}
#gora {
	background-image: none !important;
	min-height: 156px !important;
	background:#002147;
} 
img {
    max-width: 100% !important;
}
#oferta-redakcja-i-korekta, #edycja-i-druk, #tlumaczenia-tekstow {
	width: 100% !important;
}
#oferta-redakcja-i-korekta, #edycja-i-druk, #tlumaczenia-tekstow, #ceny-uslug, #praca, #kontakt {
	padding-top: 250px !important;
}
.logo {
max-width: 100%;
text-align:center;
clear: both;
float: none !important;
}

}
/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px)
and (max-width : 479px) {
/* Styles */

body {
   font-size: 150% important;
}
body {
background-color: #002147 !important;
}
#kontakt {
color: #ffffff;	
	} 
.container#top {
	padding-right: 0px;
	padding-left: 0px;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	min-height: 156px !important;
	margin-top: 220px !important;
	clear: both;

}
#gora {
	background-image: none !important;
	min-height: 156px !important;
	background:#002147;
} 

img {
    max-width: 100% !important;
}
#oferta-redakcja-i-korekta, #edycja-i-druk, #tlumaczenia-tekstow {
	width: 100% !important;
}
.left, .right {
width: 100% !important;
}
.przerwa-granat {
	display: none !important;
}
.right {
	background-image: none !important;
background-color: #002147 !important;
min-height: 228px !important;
width:100%;
clear: both;
}
#ceny-uslug {background-color: #002147 !important;
}
.przerwa-biala {
	background-image: none !important;
	clear: both;
	height: 10px !important;
}
.right img {
	margin-top: 10px !important;
	margin-bottom:10px !important;
}
#kontakt .right {
	background: transparent !important;
}
.o-nas {
    width: 96% !important;
    clear: both;
    padding: 10px 2% !important;
    background-color: #002147 !important;
}
#ofertka .container {
	pading-boottom: 208px !important;
}
#ceny-uslug .container {
	pading-boottom: 208px !important;
}		
.phone {
    /**float: left !important;
    height: auto !important;
    width: 100% !important;**/
	display:none;
}
.e-mail {
	/**float: right !important;
	height:auto !important;
	width:100% !important;**/
	display:none;
}
.logo {
height: 141px;
width: 100%;
clear: both;
float: none !important;
}
#head-down {
    height: auto !important;
	width: 100% !important;
}
#head .container {
	
}
#cssmenu {
    width: 60% !important;
}
#oferta-redakcja-i-korekta, #edycja-i-druk, #tlumaczenia-tekstow, #ceny-uslug, #praca, #kontakt {
	padding-top: 230px !important;
}
}

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

img {
    max-width: 100% !important;
}
#oferta-redakcja-i-korekta, #edycja-i-druk, #tlumaczenia-tekstow {
	width: 100% !important;
}
.left, .right {
width: 100% !important;
}
.przerwa-granat {
	display: none !important;
}
.right {
	background-image: none !important;
background-color: #002147 !important;
min-height: 228px!important;
width:100%;
clear: both;
}
#ceny-uslug {background-color: #002147 !important;
}
.przerwa-biala {
background-image: none !important;
height: 10px !important;
}
.right img {
	margin-top: 10px !important;
	margin-bottom:10px !important;
}
#praca .right {
	background: transparent !important;
}
.o-nas {
    width: 96% !important;
    clear: both;
    padding: 10px 2% !important;
    background-color: #002147 !important;
}
#ofertka .container {

}
#ceny-uslug .container {

}		
.phone {
    /**float: left !important;
    height: auto !important;
    width: 100% !important;**/
	display:none;
}
.e-mail {
	/**float: right !important;
	height:auto !important;
	width:100% !important;**/
	display:none;
}
.logo {
height: 141px;
width: 100%;
clear: both;
float: none !important;
}
#head-down {
    height: auto !important;
	width: 100% !important;
}
#head .container {
	
}
#cssmenu {
    width: 50% !important;
}
#oferta-redakcja-i-korekta, #edycja-i-druk, #tlumaczenia-tekstow, #ceny-uslug, #praca, #kontakt {
	padding-top: 230px !important;
}
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-width : 481px) 
and (max-width : 767px) {
/* Styles */

img {
    max-width: 100% !important;
}
#oferta-redakcja-i-korekta, #edycja-i-druk, #tlumaczenia-tekstow {
	width: 100% !important;
}
.left, .right {
width: 100% !important;
}
.przerwa-granat {
	display: none !important;
}
#gora {
	background-attachment: scroll;
	background-image: url("../images/top-mini.jpg") !important;
	background-repeat: no-repeat !important;
	background-position: center 291px !important;
	min-height: 427px !important;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}
.right {
	background-image: none !important;
background-color: #002147 !important;
min-height: 228px!important;
width:100%;
clear: both;
}
#ceny-uslug {background-color: #002147 !important;

}
.przerwa-biala {
/**display: none !important;**/
background-image: none !important;
height: 10px !important;
}
.right img {
	margin-top: 10px !important;
	margin-bottom:10px !important;
}
#praca .right {
	background: transparent !important;
}
.o-nas {
    width: 96% !important;
    clear: both;
    padding: 10px 2% !important;
    background-color: #002147 !important;
}
	
.phone {
    float: left !important;
    height: auto !important;
    width: 50% !important;
}
.e-mail {
	float: right !important;
	height:auto !important;
	width:50% !important;
}
.logo {
height: 141px;
width: 100%;
clear: both;
float: none !important;
}
#head-down {
    height: auto !important;
	width: 100% !important;
}
#head .container {
	
}
#cssmenu {
    width: 50% !important;
}
#oferta-redakcja-i-korekta, #edycja-i-druk, #tlumaczenia-tekstow, #ceny-uslug, #praca, #kontakt {
	padding-top: 300px !important;
}
}
@media only screen 
and (min-width : 768px) 
and (max-width : 1100px) {
	.logo {
height: 141px;
width: 100%;
clear: both;
float: none !important;
}

}

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

img {
    max-width: 100% !important;
}
#gora {
	background-attachment: scroll;
	background-image: url("../images/top-medium.jpg") !important;
	background-repeat: no-repeat !important;
	background-position: center 291px !important;
	min-height: 462px !important;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}
.container {
    width: 750px;
}
.o-nas {
    width: 70% !important;
    clear: both;
    padding: 10px 2% !important;
    background-color: #002147 !important;
}
#oferta-redakcja-i-korekta, #edycja-i-druk, #tlumaczenia-tekstow, #ceny-uslug, #praca, #kontakt {
	padding-top: 300px !important;
}

}

/* iPads (landscape) ----------- */
@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) 
and (orientation : landscape) {
/* Styles */
.container {
    width: 970px;
}
img {
    max-width: 100% !important;
}
#oferta-redakcja-i-korekta, #edycja-i-druk, #tlumaczenia-tekstow, #ceny-uslug, #praca, #kontakt {
	padding-top: 300px !important;
}
}

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

.container {
    width: 970px;
}
img {
    max-width: 100% !important;
}
#oferta-redakcja-i-korekta, #edycja-i-druk, #tlumaczenia-tekstow, #ceny-uslug, #praca, #kontakt {
	padding-top: 300px !important;
}

}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
/* Styles */
.container {
    width: 1170px;
}
img {
    max-width: 100% !important;
}
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */
.container {
    width: 1170px;
}
img {
    max-width: 100% !important;
}
}

@media only screen 
and (min-width : 1025px) 
and (max-width : 1280px) {
	#gora {
	background-attachment: scroll;
	background-image: url(../images/top-1280.jpg) !important;
	background-repeat: no-repeat;
	background-position: center 100px !important;
	min-height: 564px !important;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	}
#top.container {
    margin-top: 360px !important;
}
}

@media only screen 
and (min-width : 1281px) 
and (max-width : 1366px) {
	#gora {
	background-attachment: scroll;
	background-image: url(../images/top-1366.jpg) !important;
	background-repeat: no-repeat;
	background-position: center 100px !important;
	min-height: 595px !important;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}
#top.container {
    margin-top: 380px !important;
}
	} 
@media only screen 
and (min-width : 1367px) 
and (max-width : 1440px) {
	#gora {
	background-attachment: scroll;
	background-image: url(../images/top-1440.jpg) !important;
	background-repeat: no-repeat;
	background-position: center 100px !important;
	min-height: 622px !important;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}
#top.container {
    margin-top: 410px !important;
}
	} 
@media only screen 
and (min-width : 1441px) 
and (max-width : 1680px){
	#gora {
	background-attachment: scroll;
	background-image: url(../images/top-1680.jpg) !important;
	background-repeat: no-repeat;
	background-position: center 100px !important;
	min-height: 709px !important;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}
#top.container {
    margin-top: 480px !important;
}
	} 
@media only screen 
and (min-width : 1681px) 
and (max-width : 1823px) {
	#gora {
	background-attachment: scroll;
	background-image: url(../images/top.jpg) !important;
	background-repeat: no-repeat;
	background-position: center 100px !important;
	min-height: 796px !important;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}
#top.container {
    margin-top: 550px !important;
}
	} 

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


#gora {
	background-attachment: scroll;
	background-image: url(../images/top.jpg) !important;
	background-repeat: no-repeat;
	background-position: center 100px !important;
	min-height: 796px !important;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}
#top.container {
    margin-top: 550px !important;
}
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-pixel-ratio : 1.5),
only screen and (min-pixel-ratio : 1.5) {
/* Styles */
}