@charset "utf-8";
/* CSS Document */
/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
/* Styles */
body {
}

#top.container {
    margin-top: 90px !important;
}

#gora {
	background-attachment: scroll;
	background-image: url(../images/top-320.jpg) !important;
	background-repeat: no-repeat;
	background-position: center top !important;
	min-height: 149px !important;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}
.container {
	max-width: 100%;
}
.tdleft, .tdright, .tdleft2, .tdright2 {
	width: 100% !important;
}
.divform {
	height: 80px !important;
	clear: both;
}
#kontakt .container {
    background-color: #087AFF !important;
    min-height: 930px !important;
}
.left, .right {
width: 100% !important;
}

.logo {
width: 100% !important;
float: left !important;

}
#cssmenu {
    width: 70% !important;
	margin-left: 5% !important;
}
}
/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px)
and (max-width : 480px) {
/* Styles */

body {
   font-size: 150% important;
}

.container {
	max-width: 100%;
}


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

img {
    max-width: 100% !important;
}
.tdleft, .tdright, .tdleft2, .tdright2 {
	width: 100% !important;
}
.divform {
	height: 80px !important;
	clear: both;
}
.left, .right {
width: 100% !important;
}
.right img {
	margin-top: 10px !important;
	margin-bottom:10px !important;
}

.logo {
width: 100% !important;
float: left !important;

}
#head-down {

}
#kontakt .container {
    background-color: #087AFF !important;
    min-height: 990px !important;
}
#head .container {
	
}
}

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

.container {
	max-width: 100%;
}

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

#kontakt .container {
    min-height: 920px !important;
}

.right img {
	margin-top: 10px !important;
	margin-bottom:10px !important;
}


.logo {
width: 100% !important;
float: left !important;

}
#top.container {
    margin-top: 220px !important;
}


}
@media only screen 
and (min-width : 321px) 
and (max-width : 849px) 
{
#cssmenu {
    width: 70% !important;
	background: #EDEDED none repeat scroll 0% 0%;
	padding: 0px !important;
   margin-top:10px !important;
	}
   .logo {
      padding-top: 10px !important;
    padding-bottom: 10px !important;
   }

}


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

img {
    max-width: 100% !important;
}
.container {
	max-width: 100%;
}

#gora {
	background-attachment: scroll;
	background-image: url(../images/top-1024.jpg) !important;
	background-repeat: no-repeat;
	background-position: center top !important;
	min-height: 475px !important;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}
/**.container {
    width: 750px;
}**/
#top.container {
    margin-top: 290px !important;
}

}

/* iPads (landscape) ----------- */
@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) 
and (orientation : landscape) {
/* Styles */
/**.container {
    width: 970px;
}**/
.container {
	max-width: 100%;
}
#gora {
	background-attachment: scroll;
	background-image: url(../images/top-1024.jpg) !important;
	background-repeat: no-repeat;
	background-position: center top !important;
	min-height: 475px !important;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}
#top.container {
    margin-top: 290px !important;
}


}

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

/**.container {
    width: 970px;**/
.container {
	max-width: 100%;
}
#gora {
	background-attachment: scroll;
	background-image: url(../images/top-1024.jpg) !important;
	background-repeat: no-repeat;
	background-position: center top !important;
	min-height: 475px !important;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}
#top.container {
    margin-top: 290px !important;
}

}

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


@media only screen 
and (min-width : 901px) 
and (max-width : 1061px) {
#zarzadzanie-projektami, #konsulting,  #it, #budownictwo, #eksport, #rajdy, #praca, #kontakcik, #project-management, #consulting, #construction, #rally, #contact, #career {
padding-top:170px !important;
}}

@media only screen 
and (min-width : 850px) 
and (max-width : 900px) {
#zarzadzanie-projektami, #konsulting,  #it, #budownictwo, #eksport, #rajdy, #praca, #kontakcik, #project-management, #consulting, #construction, #rally, #contact, #career {
padding-top:125px !important;
}
   
}

@media only screen 
and (min-width : 769px) 
and (max-width : 849px) {
#zarzadzanie-projektami, #konsulting,  #it, #budownictwo, #eksport, #rajdy, #praca, #kontakcik, #project-management, #consulting, #construction, #rally, #contact, #career {
padding-top:151px !important;
}
   
}

@media only screen 
and (min-width : 320px) 
and (max-width : 768px) {
#zarzadzanie-projektami, #konsulting,  #it, #budownictwo, #eksport, #rajdy, #praca, #kontakcik, #project-management, #consulting, #construction, #rally, #contact, #career {
padding-top:181px !important;
}
   
}







/* Medium screens ----------- */
@media only screen 
and (min-width : 767px) 
and (max-width : 1024px){
	#gora {
	background-attachment: scroll;
	background-image: url(../images/top-1024.jpg) !important;
	background-repeat: no-repeat;
	background-position: center top !important;
	min-height: 475px !important;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}
#top.container {
    margin-top: 290px !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 top !important;
	min-height: 594px !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 top !important;
	min-height: 634px !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 top !important;
	min-height: 668px !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 top !important;
	min-height: 779px !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 top !important;
	min-height: 890px !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 top !important;
	min-height: 890px !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 */
}