/* CSS Document */

html, body, p, h1, h2, h3, table, div, span, strong, ul, li, img, a, hr, object, embed {
  margin: 0;padding: 0;border: 0;
}

body {
  background-color: #FFF;
  text-align: center;
}

#text {
	padding-left: 55px;
	padding-top:70px;
	font-family:Arial;
}

#text h1, #text h2, #text h3 { font-size: 16px; color: #aaa;}

#text p { font-size: 12px;  color: #ccc;}

#text ul { list-style: inside circle; font-size:12px;  color: #ccc;}

#seolinks {
	padding-top:30px;
}

#seolinks a {
	font-size:10px;
	color: #aaa;
}

#container {
  position: relative;
  margin: 50px auto;
  width: 970px;
  height: auto;
  background-color: #FFF;
  text-align: left;
}

#menubox {
  position: relative;
  float: left;
  width: 302px;
  height: 600px;
  background: url('../img/back_modra_spodni_cast.jpg') bottom #0072bb no-repeat;
  text-align: center;
  padding-left: 40px;
  color: #FFF;
  font: normal 0.7em 'Trebuchet MS';
}

#menubox span {
  font: bold 1em 'Trebuchet MS';
}

#menubox h2 {
  font: bold 1em 'Trebuchet MS';
  color: #E49538;
}

#menubox h3 {
  padding-right: 25px;
  font-size:20px;
}

#menubox #wellcome, #aktuality, #certifikaty, #kariera {
  text-align: left;
  padding-left: 17px;
  padding-bottom: 10px;
  background: url('../img/sipka_bila.gif') top left no-repeat;
}
#kontakt {
  position: absolute;
  left: 58px;
  bottom: 15px;
  text-align: left;
  background: url('../img/sipka_bila.gif') top left no-repeat;
}

#menubox #aktuality span {
  font: bold 1em 'Trebuchet MS';
  color: #999;
}
/*
#menubox #certifikaty {
  background: url('../img/sipka_bila.gif') left #0072bb no-repeat;
} 
*/

#menubox #cara-horni {
  background: url('../img/cara.gif') repeat-x;
  width: 175px;
  height: 30px; 
  float: right;
} 

#menubox #cara-dolni {
  background: url('../img/cara.gif') repeat-x;
  width: 60px;
  height: 5px; 
  float: right;
}

#menubox a{
  text-decoration: none;
  color: #FFF;
}

#menubox a:hover{
  text-decoration: none;
}

#logo {
  padding: 20px 60px 5px 0px;
}

#content {
  position: relative;
  width: 600px;
  height: auto;
  margin-left: 360px;
}

#content-part{
  padding-left: 80px;
}

#content-part h1{
  font: bold 1.2em 'Trebuchet MS';
  color: #0099F1;
}

#content-part h2{
  font: bold 1em 'Trebuchet MS';
  color: #0099F1;
}

#content-part p{
  font: normal 0.8em 'Trebuchet MS';
  color: #999;
}
#content-part ul {
  font: normal 0.8em 'Trebuchet MS';
  color: #999;
  margin-left: 15px;
  padding-bottom:12px;
}

#content-part ol {
  font: normal 0.8em 'Trebuchet MS';
  color: #999;
  margin-left: 20px;
  padding-left:0px;
  padding-bottom:12px;
}

#content-part ul li ul{ font-size: 1em}


#content-part a {
  color: #0099F1;
}

#content-part a:hover { color: #000; text-decoration: none; }

#galerie{
  position: relative;
  width: 600px;
  height: 300px;
/*  margin-left: 360px;*/
  padding-left: 80px;
  padding-top: 0px;
}

#galerie img {
  margin-top:-33px;
}

#galerie #sipky{
  text-align: center;
}

#jazyky{
  position: absolute;
  top: 0;
  left: 800px;
  width: 190px;
  height: 20px;
  font: bold 1em 'Trebuchet MS'; 
}
#jazyky a{
  text-decoration: none;
  color: #AAA;  
}

#jazyky a:hover{
  text-decoration: none;
}

/* menu */

#menu {
  position: absolute;
  top: 0;
  left: 50px;
  width: 550px;
  height: 550px;
  margin: 50px;
}

#menu a {
  text-decoration: none;
  font: bold 0.6em 'Trebuchet MS';
  text-align: left;
}
#menu a span {
  display: block;
  color: #018fd7;
  line-height: 10px;
  height: 20px;
  background-color: #FFF;
  width: 90px;
  padding-right: 10px;
  text-align: center;
}

#menuitem1,#menuitem2,#menuitem3,#menuitem4,#menuitem5,#menuitem6,#menuitem7,#menuitem8 {
  position: absolute;
  width: 100px;
  height: 120px;
}
#menuitem1 a,#menuitem2 a,#menuitem3 a,#menuitem4 a,#menuitem5 a,#menuitem6 a,#menuitem7 a,#menuitem8 a {
  display: block;
  height: 100px;
  width: 100px;
}
#menuitem1 {
  top: 0px;
  left: 215px;
  background: url('../img/menu_buton_08.jpg') 0 20px #FFF no-repeat;
}

#menuitem2 {
  top: 52px;
  right: 80px;
  background: url('../img/menu_buton_01.jpg') 0 20px #FFF no-repeat;
}

#menuitem3 {
  top: 185px;
  right: 0px;
  background: url('../img/menu_buton_02.jpg') 0 20px #FFF no-repeat;
}


#menuitem4 {
  bottom: 90px;
  right: 75px;
  background: url('../img/menu_buton_03.jpg') 0 20px #FFF no-repeat;
}

#menuitem5 {
  bottom: 20px;
  left: 215px;
  background: url('../img/menu_buton_04.jpg') 0 20px #FFF no-repeat;
}

#menuitem6 {	
  bottom: 90px;
  left: 50px;
  background: url('../img/menu_buton_05.jpg') right 20px #FFF no-repeat;
  z-index:10;
}

#menuitem7 {
  top: 185px;
  left: 0px;
  background: url('../img/menu_buton_06.jpg') 0 20px #FFF no-repeat;
}

#menuitem8 {
  top: 52px;
  left: 59px;
  background: url('../img/menu_buton_07.jpg') 0 20px #FFF no-repeat;
}
#menuitem1:hover, #menuitem2:hover, #menuitem3:hover, #menuitem4:hover, #menuitem5:hover, #menuitem6:hover, #menuitem7:hover, #menuitem8:hover { background-position: 0 -80px; background-repeat:no-repeat; }
#menuitem1:hover span, #menuitem2:hover span, #menuitem3:hover span, #menuitem4:hover span, #menuitem5:hover span, #menuitem6:hover span, #menuitem7:hover span, #menuitem8:hover span { color: #F7931E; }

#menuitem5:hover { background-position: 0 -79px; }

#menuitem6:hover { background-position: right -81px;  background-repeat:no-repeat;  }

#globe {
  position: absolute;
  top: 155px;
  left: 155px;
  width: 220px;
  height: 220px;
  background: url('../img/earth.jpg') #FFF no-repeat;
}


#piktogram{
  padding-right: 35px;
}

#menubox .item-blue {
  background: url('../img/item_bg_blue.jpg') repeat-x;
  width: 180px;
  height: 30px; 
  float: right;
  padding: 5px 5px 5px 5px;
  font-weight: bold;
}

#menubox .item-orange {
  background: url('../img/item_bg_orange.jpg') repeat-x;
  width: 180px;
  height: 30px; 
  float: right;
  padding: 5px 5px 5px 5px;
  font-weight: bold;
}

#menubox .wide {
  width: 220px;
}

#menubox .wider {
  width: 250px;
}

#menubox a:hover { color: #555;}
#home {
  float:right;
  width: 48px;
  height: 65px;
  margin: 20px 10px;
  
}
#home a {
  display: block;  
  width: 48px;
  height: 62px;
  text-decoration: none;
  background: url('../img/menu_buton_home.jpg') top #FFF no-repeat;
}

#home a:hover { background-position: bottom; }