/* * {margin:0;padding:0;}  must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */
html, body, #wrap {height: 100%;}
body > #wrap {height: auto; min-height: 100%; background: #0059a9 url(http://amgis.cz/sitegr/bg.jpg) no-repeat;}
#wrap {background: #0059a9 url(http://amgis.cz/sitegr/bg.jpg) no-repeat;}
#main {padding-bottom: 150px;}  /* must be same height as the footer */

#footer {position: relative; margin-top: -150px; /* negative value of footer height */
	height: 150px; clear:both; 
	background: #fff url(http://amgis.cz/sitegr/footmap.jpg) no-repeat; } 
#footer .content {border-top: 1px solid #83d4ec}

/* CLEAR FIX*/
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;} /* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;} /* End hide from IE-mac */

#main {padding-left: 80px}
div.line {clear: both}

/*link clases order*/
a:link {color: blue;}  
a:visited {color: purple;}  
a:hover {color: red;}  
a:active {color: yellow;}  

#head {height: 120px; width: 950px}
h1#logo {width: 188px; height: 32px;background:  url(http://amgis.cz/sitegr/logo.gif) no-repeat; margin-left: 10px}
h1#logo a {width: 188px; height: 32px; display:block; text-indent: -9999px}
ul#nav {float: right;}
ul#nav li {float: left; list-style-type: none;}
ul#nav li#pro a {background:  url(http://amgis.cz/sitegr/nav.gif) 0 0 no-repeat; width: 67px; height: 21px; display: block; text-indent: -9999px;}
ul#nav li#pro a:hover {background:  url(http://amgis.cz/sitegr/nav.gif) 0 -50px no-repeat;}
ul#nav li#pro a:active {background:  url(http://amgis.cz/sitegr/nav.gif) 0 -100px no-repeat;}

ul#nav li#cer a {background:  url(http://amgis.cz/sitegr/nav.gif) -95px 0 no-repeat; width: 123px; height: 21px; display: block; text-indent: -9999px;}
ul#nav li#cer a:hover {background:  url(http://amgis.cz/sitegr/nav.gif) -95px -50px no-repeat;}
ul#nav li#cer a:active {background:  url(http://amgis.cz/sitegr/nav.gif) -95px -100px no-repeat;}

ul#nav li#kon a {background:  url(http://amgis.cz/sitegr/nav.gif) -249px 0 no-repeat; width: 83px; height: 21px; display: block; text-indent: -9999px;}
ul#nav li#kon a:hover {background:  url(http://amgis.cz/sitegr/nav.gif) -249px -50px no-repeat;}
ul#nav li#kon a:active {background:  url(http://amgis.cz/sitegr/nav.gif) -249px -100px no-repeat;}

ul#nav-en {float: right;}
ul#nav-en li {float: left; list-style-type: none;}
ul#nav-en li#pro a {background:  url(http://amgis.cz/sitegr/nav-en.gif) 0 0 no-repeat; width: 77px; height: 21px; display: block; text-indent: -9999px;}
ul#nav-en li#pro a:hover {background:  url(http://amgis.cz/sitegr/nav-en.gif) 0 -50px no-repeat;}
ul#nav-en li#pro a:active {background:  url(http://amgis.cz/sitegr/nav-en.gif) 0 -100px no-repeat;}

ul#nav-en li#cer a {background:  url(http://amgis.cz/sitegr/nav-en.gif) -95px 0 no-repeat; width: 123px; height: 21px; display: block; text-indent: -9999px;}
ul#nav-en li#cer a:hover {background:  url(http://amgis.cz/sitegr/nav-en.gif) -95px -50px no-repeat;}
ul#nav-en li#cer a:active {background:  url(http://amgis.cz/sitegr/nav-en.gif) -95px -100px no-repeat;}

ul#nav-en li#kon a {background:  url(http://amgis.cz/sitegr/nav-en.gif) -249px 0 no-repeat; width: 83px; height: 21px; display: block; text-indent: -9999px;}
ul#nav-en li#kon a:hover {background:  url(http://amgis.cz/sitegr/nav-en.gif) -249px -50px no-repeat;}
ul#nav-en li#kon a:active {background:  url(http://amgis.cz/sitegr/nav-en.gif) -249px -100px no-repeat;}

#head .bbox{width: 550px; float:left; overflow: hidden; position: relative; margin-top:60px}
#head .mbox{width: 400px; float:left; overflow: hidden; position: relative;  margin-top:60px}

#lang-bar {height: 20px; overflow:hidden; color: #0059A9; width: 945px;}
#lang-bar p { text-align: right}
#lang-bar p a {color: #fff; text-decoration: none;}
#lang-bar p a:hover {border-bottom: 1px solid #fff;}

#footer .bbox{width: 553px; float:left; overflow: hidden; position: relative; padding-top:20px; padding-left: 80px}
#footer .mbox{width: 392px; float:left; overflow: hidden; position: relative;  padding-top:20px; text-align: right}
#footer .bbox p {margin: 0 0 5px 15px;}
#footer .bbox p span {padding-left: 30px; color: #0667b1;margin-right: 15px; line-height: 15px}
#footer .bbox p span.phone {background:  url(http://amgis.cz/sitegr/icons.gif) 0 -1px no-repeat;}
#footer .bbox p span.mail {background:  url(http://amgis.cz/sitegr/icons.gif) 0 -20px no-repeat;}
#footer .bbox p span.mail  a { color: #0667b1; text-decoration: none;}
#footer .bbox p span.mail  a:hover { color: red; text-decoration: none; border-bottom: 1px solid red}
#footer .mbox #clpr a {width: 148px; height: 73px; background:  url(http://amgis.cz/sitegr/icons.gif) 0 -65px no-repeat; display: block; text-indent: -9999px; float: right; text-align: left}

.boxgrid{width: 302px; height: 190px; margin:10px; float:left; background: url("http://amgis.cz/sitegr/boxbg.jpg"); 
    overflow: hidden; position: relative;}  
.boxgrid img, .bigboxgrid img, .midboxgrid img{position: absolute; top: 0; left: 0; border: 0;}  

.bigboxgrid{width: 543px; height: 211px; margin:10px; float:left; background: url("http://amgis.cz/sitegr/bigboxbg.jpg");  
    overflow: hidden; position: relative;} 
.midboxgrid{width: 382px; height: 211px; margin:10px; float:left; background: url("http://amgis.cz/sitegr/midboxbg.jpg");  
    border: solid 0px #8399AF; overflow: hidden; position: relative;} 
    
.bigboxgrid  p, .midboxgrid  p, .boxgrid  p {padding: 0 20px 0 20px; margin: 2px 0 3px 0}
.bigboxgrid  h3, .midboxgrid  h3, .boxgrid  h3 {padding: 0 20px 0 20px; margin: 20px 0 3px 0}
.bigboxgrid  h2 {padding: 0 20px 0 20px; margin: 30px 0 3px 0; font-weight: normal; line-height: 1.4em;}

.oneboxgrid{width: 945px; height: 211px; margin:10px; float:left; background: url("http://amgis.cz/sitegr/onebox.jpg");}
.oneboxgrid h3 {padding: 0 20px 0 20px; margin: 20px 0 3px 0}


#contentHolder {width: 945px; margin:10px;}
#contentHolder #content {width: 700px; float: left;}
#contentHolder #contentNav {width: 200px; float: left}

#fastForm label {padding-right: 5px;}
#fastForm input {padding-right: 5px;}
#fastForm {padding-left: 20px}

label.zemTextarea {display: block;}
textarea.zemTextarea {height: 80px; width:  430px; margin-bottom: 5px;}

#content div.articleCard {width: 160px; padding: 10px; height: 170px; margin: 0 15px 10px 0; float: left;}
#content div.articleCard h3 {font-weight: normal; color: #fff; font-size: 0.8em; text-decoration: none; margin: 5px 0 0 0}
#content div.articleCard h3 a {font-weight: normal; color: #fff; text-decoration: none}
#content div.articleCard h3 a:visited {color: #ccc;}
#content div.articleCard h3 a:hover {border-bottom: 1px solid white; color: #fff;}
#content h1.entry-title a {color: #fff; font-weight: normal; text-decoration: none;}
#content h1.entry-title a:visited {color: #fff; font-weight: normal;}
#content h1.entry-title a:hover {color: #fff;}
#content p {color: #ccc;}

#contentNav ul {list-style-type: none;}
#contentNav ul li {margin:0;}
#contentNav ul li a {display: block; height: 50px; width: 200px; background: #0059a9; margin: 0 0 10px 0; padding: 10px; color: #fff; font-weight: bold; text-decoration: none;}
#contentNav ul li a:hover {background: #fff; color: #0059a9; font-weight: bold; text-decoration: none;}
.boxgrid a {display: block;padding: 5px; background: #0059a9; color: #fff; font-weight: bold; text-decoration: none; margin-top: 10px}
.boxgrid a:hover {background: #fff; color: #0059a9; font-weight: bold; text-decoration: none;}

/* These   and widths should be edited to your images */	
ul#pikame{padding-left:0; width:550px; margin:0px;}
.pika_main{width:570px; padding-right:20px; margin:0px;}
#pikame li{margin:5px 10px 5px 0px; float: left; border:2px solid #222; oveflow: hidden; height: 100%; height: 42px; position:relative;}

/* thats all you NEED to edit. But continue if you'd like. */
ul#pikame li img{position:relative;cursor:pointer;}
.pika_main img{border:5px solid #222;}
.pika_main{position: relative;margin:0;}
.pikachoose li{float:left;position:relative;overflow:hidden;list-style:none;}
.pika_play{position:absolute;top:10px;right:40px;z-index:1;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;}
.pika_play img{border:none !important;}
.pika_caption{width:100%;height:30px;text-align:center;}
.pika_navigation a{font-size: 12px;color:white; cursor:pointer; text-decoration: none;}
.pika_navigation a:hover{text-decoration: underline;  cursor:pointer;}
.pika_navigation{padding-top:10px;clear:both;text-align:left;}

div.line {width: 990px;}
.cgal p {padding-left: 10px}