* {
	margin: 0px;
	padding: 0px;
	border: none;
}
@font-face {
    font-family: Kohinoor;
    src: url("KohinoorDevanagari-Light.eot");
}
@font-face {
    font-family: Kohinoor;
    src: url("KohinoorDevanagari-Light.ttf");
}
@font-face {
    font-family: PTSans;
    src: url("PTSans-Regular.eot");
}
@font-face {
    font-family: PTSans;
    src: url("PTSans-Regular.ttf");
}
@font-face {
    font-family: PTSansNarrow;
    src: url("PTSans-Narrow.eot");
}
@font-face {
    font-family: PTSansNarrow;
    src: url("PTSans-Narrow.ttf");
}
body {
    font-family: PTSans, Arial, sans-serif;
	font-size: 1.0em;
	background: #fff;
	line-height: 1.3em;
    background: url(../images/pozadi.png) top center repeat-y;
}
header, nav, section, article, aside, footer {
   display: block;
}
address, blockquote, dl, fieldset, h1, h2, h3, h4, h5, h6, ol, p, table, ul {
    margin-bottom: 15px;
}
ul, ol {
    margin-left: 50px;
}
h1, h2, h3, h4 {
    font-family: Kohinoor, Arial, sans-serif;
    font-size: 1.4em;
    line-height: 1.1em;
    padding: 0px 0px 0px 0px;
}
h1, .nadpis {
    font-size: 1.8em;
    margin: 0px 0px 15px 0px;
}
.cistic {
    clear: both;
	float: none;
	width: 0;
	height: 0;
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 0;
	line-height: 0;
}
a {
	color: #333333;
    text-decoration: underline;
}
a:hover {
	color: #333333;
    text-decoration: none;
}
.red {
    color: #bb001f;
}
.vlevo {
    float: left;
}
.vpravo {
    float: right;
}
.odstuphome {
    margin-right: 75px;
}
.left {
    text-align: left;
}
.right {
    text-align: right;
}
.center {
    width: 960px;
    margin: 0px auto;
    position: relative;
}
.gray {
    color: #ccc;
}
.orange {
    color: #ff9900;
}
.bold {
    font-weight: bold;
}
hr {
    width: 100%;
    height: 1px;
    background: #e0dedd;
    margin: 0px 0px 20px 0px;
}
.podklad {
    background: url(../images/podklad.png) repeat;
}
header {
    width: 100%;
    min-width: 1200px;
    height: 628px;
    overflow: hidden;
}
    #Budova  {
        width: 100%;
        min-width: 1200px;
        height: 383px;
        margin: 0px auto;
        background: url(../images/promo.jpg) top center no-repeat;
    }
    header #Logo {
        width: 1200px;
        height: 127px;
        position: relative;
    	overflow: hidden;
    	font-size: 0.4em;
    	margin: 0px auto;
    	padding: 0px;
        text-indent: -9999px;
    }
    header #Logo span {
    	display: block;
    	position: absolute;
    	top: 0;
    	left: 0;
    	background: url(../images/pozadi-logo-1200.png) no-repeat;
        width: 1200px;
    	height: 127px;
    	visibility: visible;
    	cursor: pointer;
        _cursor: hand;
    }
    header nav {
        width: 960px;
        height: 45px;
        margin: 0px auto;
    }
    ul#Menu {
    	width: 900px;
    	height: 45px; 
    	list-style: none;
    	margin: 0px auto;
    	padding: 0px 0px 0px 0px;
        font-size: 1.1em;
    }
    ul#Menu li {
    	display: inline;
    	float: left;
        margin: 0px 8px 0px 0px;
        padding: 0px 0px 0px 0px;
    }
    ul#Menu li.last {
    	margin: 0px 0px 0px 0px;
    }
    #Menu a {
        height: 35px;
        padding: 10px 50px 0px 50px;
    	color: #fff;
        display: block;
        text-decoration: none;
        background: url(../images/podklad.png) repeat;
    }
    #Menu a:hover, #Menu a.aktivni {
    	color: #fff;
        text-decoration: none;
        background: none;
        background: url(../images/podklad-banner.png) repeat;
    }
    #Stavba {
        width: 1200px; /* 1200 */
        height: 224px; /* 224 */
        margin: 0px auto;
    }
    #Stavba a {
        width: 600px; /* 600 */
        height: 50px; /* 80 */
        display: block;
        text-align: center;
        margin: 65px auto 0px auto;
        padding: 30px 0px 0px 0px;
        color: #fff;
        font-size: 3.0em;
        text-decoration: none;
        background: url(../images/podklad-banner.png) repeat;
        font-family: Kohinoor, Arial, sans-serif;
    }
    #Stavba a:hover {
        text-decoration: none;
    }
    header h2#Stavba {
        font-size: 1.0em;
        font-weight: normal;
        font-family: Kohinoor, Arial, sans-serif;
    }
	#Cinnost {
		width: 1200px;
		margin: 0px auto;
	}
    #Projekt {
        width: 400px; /* 1200 */
        height: 164px; /* 218 */
		float: left;
        margin: 0px;
        padding: 70px 0px 0px 0px;
        background: url(../images/promo-projekt-m.png) top center no-repeat;
    }
    #Projekt a {
        width: 300px; /* 600 */
        height: 50px; /* 80 */
        display: block;
        text-align: center;
        margin: 0px auto 0px auto;
        padding: 30px 0px 0px 0px;
        color: #fff;
        font-size: 2.0em;
        text-decoration: none;
        background: url(../images/podklad-banner.png) repeat;
        font-family: Kohinoor, Arial, sans-serif;
    }
    #Projekt a:hover {
        text-decoration: none;
    }
    header h2#Projekt {
        font-size: 1.0em;
        font-weight: normal;
        font-family: Kohinoor, Arial, sans-serif;
    }

    #Ucetnictvi {
        width: 400px; /* 1200 */
        height: 164px; /* 218 */
		float: left;
        margin: 0px;
        padding: 70px 0px 0px 0px;
        background: url(../images/promo-ucetnictvi-m.png) top center no-repeat;
    }
    #Ucetnictvi a {
        width: 300px; /* 600 */
        height: 50px; /* 80 */
        display: block;
        text-align: center;
        margin: 0px auto 0px auto;
        padding: 30px 0px 0px 0px;
        color: #fff;
        font-size: 2.0em;
        text-decoration: none;
        background: url(../images/podklad-banner.png) repeat;
        font-family: Kohinoor, Arial, sans-serif;
    }
    #Ucetnictvi a:hover {
        text-decoration: none;
    }
    header h2#Ucetnictvi {
        font-size: 1.0em;
        font-weight: normal;
        font-family: Kohinoor, Arial, sans-serif;
    }

    #Inzenyring {
        width: 400px; /* 1200 */
        height: 164px; /* 234 */
		float: left;
        margin: 0px;
        padding: 70px 0px 0px 0px;
        background: url(../images/promo-inzenyring-m.png) top center no-repeat;
    }
    #Inzenyring a {
        width: 300px; /* 600 */
        height: 50px; /* 80 */
        display: block;
        text-align: center;
        margin: 0px auto 0px auto;
        padding: 30px 0px 0px 0px;
        color: #fff;
        font-size: 2.0em;
        text-decoration: none;
        background: url(../images/podklad-banner.png) repeat;
        font-family: Kohinoor, Arial, sans-serif;
    }
    #Inzenyring a:hover {
        text-decoration: none;
    }
    header h2#Inzenyring {
        font-size: 1.0em;
        font-weight: normal;
        font-family: Kohinoor, Arial, sans-serif;
    }

    #Reference {
        width: 1200px; /* 1200 */
        height: 309px; /* 459 */
        margin: 0px auto 0px auto;
        padding: 200px 0px 0px 0px;
        background: url(../images/reference.jpg) top center no-repeat;
    }
    #Reference a {
        width: 600px; /* 600 */
        height: 50px; /* 80 */
        display: block;
        text-align: center;
        margin: 0px auto 0px auto;
        padding: 30px 0px 0px 0px;
        color: #fff;
        font-size: 3.0em;
        text-decoration: none;
        background: url(../images/podklad-banner.png) repeat;
        font-family: Kohinoor, Arial, sans-serif;
    }
    #Reference a:hover {
        text-decoration: none;
    }

section {
    width: 100%; /* 1000 */
    min-width: 1200px;
    margin: 0px auto;
    padding: 0px 0px 0px 0px;
}
    section article {
        width: 960px;
        margin: 40px auto;
        text-align: center;
    }
	#Galerie .ref {
		width: 320px;
		float: left;
	}
    article#Galerie a {
        width: 306px; /* 230 */
        height: 172px; /* 129 */
        padding: 2px;
        overflow: hidden;
        background: #aeaeae;
        border-bottom: 2px solid #aeaeae;
        margin: 5px;
		float: left;
        text-align: center;
        display: block;
    }
    article#Galerie .ref a {
		float: none;
    }
    article#Galerie a:hover {
        background: #424242;
        border-bottom: 2px solid #424242;
    }
    #Napistenam {
        width: 1200px; /* 1200 */
        height: 387px; /* 447 */
        margin: 0px auto 0px auto;
        padding: 60px 0px 0px 0px;
        background: url(../images/napistenam.jpg) top center no-repeat;
    }
    #Napistenam #Formular {
        width: 860px;
        padding: 20px;
        margin: 0px auto;
        background: url(../images/podklad.png) repeat;
        color: #fff;
        text-align: center;
    }
    table#Poptavka {
        width: 820px;
    }
    table#Poptavka tr td.stred {
        width: 70px;
    }
    #Poptavka input, #Poptavka textarea {
        padding: 5px;
        border-top: 1px solid #000;
        border-left: 1px solid #000;
        border-bottom: 1px solid #fff;
        border-right: 1px solid #fff;
        margin: 2px;
        color: #fff;
        background: url(../images/podklad-svetly.png) repeat;
    }
    #Poptavka input {
        width: 300px;
    }
    #Poptavka textarea {
        width: 745px;
        height: 80px;
    }
    #Poptavka input.tlacitko {
        width: 100px;
        height: 39px;
        cursor: pointer;
        _cursor: hand;
    }
    .tlacitkofiltr {
        background: #ff9900;
        padding: 5px 10px;
        cursor: pointer;
        _cursor: hand;
    }
    
footer {
    width: 100%;
    min-width: 1200px;
    height: 321px;
    background: url(../images/paticka.jpg) top center no-repeat;
}
    #Paticka {
        width: 100%;
        min-width: 1200px;
        height: 321px;
        background: url(../images/podklad.png) repeat;
    }
    #Pata {
        width: 1140px; /* 1200 */
        margin: 0px auto;
        padding: 10px 30px 0px 30px;
    }
    #LogoPata {
        width: 400px;
        height: 95px;
        position: relative;
    	overflow: hidden;
    	font-size: 0.4em;
    	margin: 0px auto;
    	padding: 0px;
        text-indent: -9999px;
        float: left;
    }
    #LogoPata span {
    	display: block;
    	position: absolute;
    	top: 0;
    	left: 0;
    	background: url(../images/pozadi-logo-paticka.png) no-repeat;
        width: 400px;
    	height: 95px;
    	visibility: visible;
    	cursor: pointer;
        _cursor: hand;
    }
    #Pata .sloupec {
        width: 410px; /* 420 */
        padding: 40px 0px 0px 10px;
        float: left;
        font-size: 1.3em;
        line-height: 1.4em;
        color: #fff;
        font-family: Kohinoor, Arial, sans-serif;
    }
    #Pata .sloupec a {
        text-decoration: underline;
        color: #fff;
    }
    #Pata .sloupec a:hover {
        text-decoration: none;
    }
    #Pata .last {
        width: 150px; /* 300 */
        padding: 40px 0px 0px 150px;
    }
    #Pata .sloupecek {
        width: 410px; /* 420 */
        padding: 40px 10px 0px 0px;
        float: right;
        text-align: right;
        font-size: 1.3em;
        line-height: 1.4em;
        color: #fff;
        font-family: Kohinoor, Arial, sans-serif;
    }
    #Pata .sloupecek a {
        text-decoration: underline;
        color: #fff;
    }
    #Pata .sloupecek a:hover {
        text-decoration: none;
        color: #fff;
    }
    #Pata .linky {
        font-size: 1.0em;
        width: 410px; /* 420 */
        padding: 40px 0px 0px 10px;
        float: left;
        color: #fff;
        font-family: Kohinoor, Arial, sans-serif;
    }
    #Pata .linky h2 {
        font-size: 1.0em;
    }
    #Pata .linky a {
        color: #fff;
        text-decoration: underline;
    }
    #Pata .linky a:hover {
        color: #fff;
        text-decoration: none;
    }
.sending, .check {
    display: none;
}
#MapaStred, #MapaMala {
    display: none;
}

@media only screen and (min-width: 960px) and (max-width: 1199px) {

    header {
        min-width: 960px;
        width: 960px;
        margin: 0px auto;
    }
    #Budova  {
        width: 100%;
        min-width: 960px;
    }
    header #Logo {
        width: 960px;
        height: 102px;
    }
    header #Logo span {
    	background: url(../images/pozadi-logo-960.png) no-repeat;
        width: 960px;
    	height: 102px;
    }
    #Stavba {
        width: 960px;
    }
    #Projekt {
        width: 960px;
    }
    #Inzenyring {
        width: 960px;
    }
    #Reference {
        width: 960px; 
    }
    section {
        width: 100%;
        min-width: 960px;
    }
    section article {
        width: 960px;
    }
    #Napistenam {
        width: 960px;
    }
    footer {
        min-width: 960px;
        width: 960px;
        margin: 0px auto;
    }
    #Paticka {
        min-width: 960px;
        width: 960px;
    }
    #Pata {
        min-width: 900px;
        width: 900px; 
    }
    #Pata .sloupec {
        width: 280px;
        padding: 40px 0px 0px 10px;
    }
    #Pata .last {
        width: 150px;
        padding: 40px 0px 0px 100px;
    }
    #Pata .sloupecek {
        width: 280px;
    }
    #Pata .linky {
        font-size: 1.0em;
        width: 420px;
    }
    #Pata .linky h2 {
        font-size: 1.0em;
    }

}

@media only screen and (max-width: 959px) {

    header {
        min-width: 640px;
        width: 640px;
        margin: 0px auto;
    }
    #Budova  {
        width: 100%;
        min-width: 640px;
    }
    header #Logo {
        width: 640px;
        height: 68px;
    }
    header #Logo span {
    	background: url(../images/pozadi-logo-640.png) no-repeat;
        width: 640px;
    	height: 68px;
    }
    header nav {
        width: 640px;
    }
    ul#Menu {
        min-width: 640px;
    	width: 640px;
    }
    ul#Menu li {
    	margin: 0px 10px 0px 0px;
        padding: 0px 0px 0px 0px;
    }
    ul#Menu li.last {
    	margin: 0px 0px 0px 0px;
        float: right;
    }
    #Menu a {
        width: 120px;
        text-align: center;
        height: 35px;
        padding: 10px 0px 0px 0px;
    }
    #Stavba {
        width: 640px;
    }
    #Projekt {
        width: 640px;
    }
    #Inzenyring {
        width: 640px;
    }
    #Reference {
        width: 640px;
    }
    section {
        width: 100%;
        min-width: 640px;
    }
    section article {
        width: 640px;
    }
    #Napistenam {
        width: 640px;
    }
    #Napistenam #Formular {
        width: 580px;
        padding: 10px;
    }
    #Formular .gray {
        display: none;
    }
    table#Poptavka {
        width: 580px;
    }
    table#Poptavka tr td.stred {
        width: 10px;
    }
    table#Poptavka tr td.right {
        display: none;
    }
    #Poptavka input, #Poptavka textarea {
        padding: 8px 10px;
        font-size: 1.2em;
    }
    #Poptavka input {
        width: 200px;
    }
    #Poptavka textarea {
        width: 500px;
        height: 80px;
    }
    #Poptavka input.tlacitko {
        width: 220px;
        height: 50px;
        font-size: 1.2em;
        background: #666;
        cursor: pointer;
        _cursor: hand;
    }
    .tlacitkofiltr {
        padding: 5px 10px;
    }
    footer {
        min-width: 640px;
        width: 640px;
        margin: 0px auto;
    }
    #Paticka {
        min-width: 640px;
        width: 640px;
    }
    #Pata {
        min-width: 580px;
        width: 580px;
    }
    #Pata .sloupec {
        width: 280px;
        padding: 40px 0px 0px 10px;
    }
    #Pata .last {
        display: none;
    }
    #Pata .sloupecek {
        width: 280px;
    }
    #Pata .linky {
        font-size: 1.0em;
        width: 275px;
    }
    #Pata .linky h2 {
        font-size: 1.0em;
    }
    #Mapa, #MapaMala {
        display: none;
    }
    #MapaStred {
        display: block;
    }

}