/* CSS pro Machi CZ by  Karel Macháček Machi CZ */

/*základní rozvrzeni*/
iframe {border:none;}
html {overflow-y:scroll;}
body {font-family:verdana; font-size:12px; color: #000; margin-top:5px; padding: 0; background-image: url('files/pozadi.jpg');  }
.hlavni { margin : 0 auto; width : 880px; height:auto; background-color:#606060; }  
.hlavicka { margin : 0 auto; width : 880px; height : 244px; background-image: url('files/logo.jpg'); background-position:0 0px; background-repeat: no-repeat; }
.hlavicka a {display:block;width:880px; height:240px;}
.levy {width:212px; min-height:630px; float:left; margin:0 auto;background-image: url('files/levy_panel.jpg'); background-position:0 0px; background-repeat: no-repeat; }
.pravy {width:212px;min-height:630px; float:right; margin:0 auto; background-image: url('files/pravy_panel.jpg'); background-position:0 0px; background-repeat: no-repeat; }
.hlavni_spodek { width: 880; height: auto; float:right;background-color: white; }
.content {width:880px;min-height:200px; float:left;}
.paticka {color:white; width:880px; height: 17px; clear:both; background-color:#333333;}
.paticka a {color:white;  font-style: italic;}
.paticka p {padding-left:300px; padding-top:4px; font-size:8px;}
.toplist {float:left; margin-left:10px; margin-top:-12px; font-size:8px; color: white}
#mezera {margin-left:190px;}
#mezera1 {margin-left:50px;}
.obsah {width:880px; height:auto; color:black;}
#text { margin-top: 10px; #margin-top: 20px; margin-left:15px; height:auto; width:850px;}
ul {list-style: square inside;}


/* nadpisy */
h1 { font-size: 24px; text-align: center;}
h2 {font-size: 18px; text-align: center;}
h3 {font-size: 15px; font-weight: bold;}
h4 {font-size: 22px; font-weight: bold;  text-align: center; color : ;	margin : 0px 10px 0px 10px;}
h5 { font-size:15px; font-weight: bold;	margin : 10px 10px 10px 10px;}

/*odkazy*/
a {text-decoration:none; color:#FD6702;}
a:hover {text-decoration:underline; color:red;}

/* rozvržení hlavní strany "home" */
.home { width: 880; height: auto; float: right; background-image: url('files/generovany.gif'); background-position:0 0px; background-repeat: y-repeat;}
.pasek1 { margin-top: 0px; width : 880px; height : 47px; background-image: url('files/pasek1.jpg'); background-position:0 0px; background-repeat: no-repeat; }
.text_home { margin-top: 15px; margin-left:217px; height:auto; width:446px;}

/* rozvržení stránky jednotlivých nabídek */
#nadpis_stranky {margin-left: 15px; margin-top: -37px; font-family:Georgia; font-size: 20px; font-weight: bold; z-index:2}
.projekty { width: 250px;	background-image: url('files/podklad.jpg'); padding-left: 20px;	padding-right: 15px;	padding-top: 15px;	padding-bottom: 5px;	vertical-align: top;}
#nahled {width: 220px; height: 60px; text-align: center; margin-top: 5px; margin-bottom: 2px;}
#text_nabidka { padding-left: 20px;	padding-right: 20px;	padding-top: 0px;	padding-bottom: 5px; }
.blok {text-align: justify;}

/* rozvržení stránky náhledu jednotlivých položek */
#nadpis1 {margin-top: 0px; margin-left: 2px; width : 240px; height : auto; }
#text1 {margin-top: 5px; margin-left: 4px; width : 240px; height : auto; }
#nadpis2a {margin-top: 0px; margin-left: 2px; width : 249px; height : auto; }
#text2a {margin-top: 3px; margin-left: 4px; width : 247px; height : auto; }
#nadpis2b {margin-top: 3px; margin-left: 2px; width : 249px; height : auto; }
#text2b {margin-top: 3px; margin-left: 4px; width : 247px; height : auto; }
#nadpis2c {margin-top: 3px; margin-left: 2px; width : 249px; height : auto; }
#text2c {margin-top: 3px; margin-left: 4px; width : 247px; height : auto; }
.nahled_velky {margin-top: 30px; margin-bottom: 30px; }
.nahled_maly { width: 250px;	background-image: url('files/podklad_nahled.jpg'); padding-left: 10px;	padding-right: 15px;	padding-top: 25px;	padding-bottom: 5px;	vertical-align: top;}



.pasek { margin-top : 0px; margin-left: 0px; width : 880px; height : 47px; background-color: white;  }
#odkaz_zpet {margin-top: -22px; margin-left: 15px; font-size: 10px; font-weight: bold; z-index:2}
#navigace {font-size: 10px;}

span.nadpis {font-weight: bold;	 color: #000000;}
span.odkaz { font-size: 10px;	}
span.bold {font-weight: bold;}
span.aktivni_odkaz {color: #ffffff; background-color: #FD6702;}


/* rozvrzeni leveho a praveho panelu */
.prvni_levy {margin-left:12px; margin-top:20px; width:190px; height:130px; float:left; font-size:10px;}
.druhy_levy {margin-left:12px; margin-top:25px; width:190px; height:130px; float:left; font-size:10px;}
.treti_levy {margin-left:12px; margin-top:25px; width:190px; height:130px; float:left; font-size:10px;}
.ctvrty_levy {margin-left:12px; margin-top:25px; width:190px; height:130px; float:left; font-size:10px;}

.prvni_pravy {margin-right:12px; margin-top:20px; width:190px; height:130px; float:right; font-size:10px;}
.druhy_pravy {margin-right:12px; margin-top:25px; width:190px; height:130px; float:right; font-size:10px;}
.treti_pravy {margin-right:12px; margin-top:25px; width:190px; height:130px; float:right; font-size:10px;}
.ctvrty_pravy {margin-right:12px; margin-top:25px; width:190px; height:130px; float:right; font-size:10px;}


  /*tlacitka*/
#menu_table {position: relative; width:880px;height:20px;background-image: url('files/lista_menu.jpg')}

.menu  {padding: 0; margin: 0;}
.menu a {font-size:12px; text-decoration: none;color: #333;display: block;width: 100%;text-align: center;}
.menu ul, .menu li {list-style-type: none;margin: 0;padding: 0;}

ul.uroven1 li.home {background-image:url('files/home.jpg');background-position:0 0px; background-repeat: no-repeat;float:left;height:20px;width:57px;}
ul.uroven1 li.web {background-image:url('files/webdesign.jpg');background-position:0 0px; background-repeat: no-repeat;float:left;height:20px;width:79px;}
ul.uroven1 li.grafika {background-image:url('files/grafika.jpg');background-position:0 0px; background-repeat: no-repeat;float:left;height:20px;width:56px;}
ul.uroven1 li.multimedia {background-image:url('files/multimedia.jpg');background-position:0 0px; background-repeat: no-repeat;float:left;height:20px;width:82px;}
ul.uroven1 li.cenik {background-image:url('files/cenik.jpg');background-position:0 0px; background-repeat: no-repeat;float:left;height:20px;width:49px;}
ul.uroven1 li.kontakt {background-image:url('files/kontakt.jpg');background-position:0 0; background-repeat: no-repeat;float:left;height:20px;width:62px;}

ul.uroven1 li.home:hover {background-image:url('files/home.jpg');background-position:0 -20px; background-repeat: no-repeat;width:57px;}
ul.uroven1 li.web:hover {background-image:url('files/webdesign.jpg');background-position:0 -20px; background-repeat: no-repeat;width:79px;}
ul.uroven1 li.grafika:hover {background-image:url('files/grafika.jpg');background-position:0 -20px; background-repeat: no-repeat;width:56px;}
ul.uroven1 li.multimedia:hover {background-image:url('files/multimedia.jpg');background-position:0 -20px; background-repeat: no-repeat;width:82px;}
ul.uroven1 li.cenik:hover {background-image:url('files/cenik.jpg');background-position:0 -20px; background-repeat: no-repeat;width:49px;}
ul.uroven1 li.kontakt:hover {background-image:url('files/kontakt.jpg');background-position:0 -20px; background-repeat: no-repeat;width:62px;}
 
ul.uroven2 {position: absolute;line-height: 120%;left: 90; top: -63px; width: 180px;background: #F5F4F4 0 0 repeat-y;visibility: hidden;padding: .1em .5em;}
ul.uroven2 li.polozka2 a {font-weight: normal;text-align: left; padding: 1px 1px; margin-top: 1px; margin-bottom: 1px;}
ul.uroven2 li.polozka2 a:hover {color: white; background: #FD6702;}

ul.uroven3 {position: absolute;line-height: 120%;left: 90;top: -166px;width: 180px;background: #F5F4F4 0 0 repeat-y;visibility: hidden;padding: .1em .5em;}
ul.uroven3 li.polozka3 a {font-weight: normal;text-align: left; padding: 1px 1px; margin-top: 1px; margin-bottom: 1px;}
ul.uroven3 li.polozka3 a:hover {color: white; background: #FD6702;}

ul.uroven4 {position: absolute;line-height: 120%;left: 90;top: -84px;width: 180px;background: #F5F4F4 0 0 repeat-y;visibility: hidden;padding: .1em .5em;}
ul.uroven4 li.polozka4 a {font-weight: normal;text-align: left; padding: 1px 1px; margin-top: 1px; margin-bottom: 1px;}
ul.uroven4 li.polozka4 a:hover {color: white; background: #FD6702;}

ul.uroven5 {position: absolute;line-height: 120%;left: 188px;top: -41px;width: 180px;background: #F5F4F4 0 0 repeat-y;visibility: hidden;padding: .1em .5em;}
ul.uroven5 li.polozka5 a {font-weight: normal;text-align: left; padding: 1px 1px; margin-top: 1px; margin-bottom: 1px;}
ul.uroven5 li.polozka5 a:hover {color: white; background: #FD6702;}


ul.uroven1 li.web:hover ul.uroven2{visibility: visible;}
ul.uroven1 li.grafika:hover ul.uroven3{visibility: visible;}
ul.uroven1 li.multimedia:hover ul.uroven4{visibility: visible;}
ul.uroven2 li.polozka2:hover ul.uroven5{visibility: visible;}

div#nav li a { display:; padding: 15px ;   width: 22px;}






/* javascriptova galerie*/