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

/*základní rozvrzeni*/
iframe {border:none;}
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 : 1024px; height:auto; background-color:#606060; }  
.hlavicka { margin : 0 auto; width : 1024px; height : 284px; background-image: url('files/logo.jpg'); background-position:0 0px; background-repeat: no-repeat; }
.hlavicka a {display:block;width:1024px; height:280px;}
.hlavni_spodek { width: 1024px; height: auto; float:left;background-color: white; }
.content {width:1024px;min-height:150px; float:left;}
.paticka {color:white; width:1024px; height: 25px; clear:both; background-color:#333333;}
.paticka a {color:white;  font-style: italic;}
.paticka p {padding-left:30px; padding-top:4px; font-size:9px;}
.toplist {float:left; margin-left:10px; margin-top:-21px; font-size:8px; color: white}
#mezera {margin-left:550px;}
#mezera1 {margin-left:50px;}   
#mezera2 {margin-left:30px;}
.obsah {width:1024px; height:auto; color:black;}
#text { margin-top: 10px; margin-left: 25px; height: auto; width: 970px;}
ul {list-style: square inside;}


/* nadpisy */
h1 { font-size: 24px; text-align: left;}
h2 {font-size: 18px; text-align: center;}
h3 {font-size: 15px; font-weight: bold;}
h4 {font-size: 22px; font-weight: bold;  text-align: left; margin : 0px 10px 0px 0px;}
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: 1024px; height: auto; float: right; background-color:white;}
.pasek1 { margin-top: 0px; width : 1024px; height : 55px; background-image: url('files/pasek2.jpg'); background-position:0 0px; background-repeat: no-repeat; }
.text_home { margin-top: 15px; margin-left:25px; height:auto; width:950px;}

/* 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;	min-height:150px; 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 : 1024px; height : 55px; background-color: white;  }
#odkaz_zpet {margin-top: -22px; margin-left: 15px; font-size: 10px; font-weight: bold; z-index:2}
#navigace {font-size: 10px;}      
#nabidka {margin-top : 0px; margin-left: 25px; }

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;}



  /*tlacitka*/
#menu_table {position: relative; width:1024px;height:23px;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:23px;width:66px;}
ul.uroven1 li.web {background-image:url('files/webdesign.jpg');background-position:0 0px; background-repeat: no-repeat;float:left;height:23px;width:91px;}
ul.uroven1 li.recenze {background-image:url('files/recenze.jpg');background-position:0 0px; background-repeat: no-repeat;float:left;height:23px;width:94px;}
ul.uroven1 li.kontakt {background-image:url('files/kontakt.jpg');background-position:0 0; background-repeat: no-repeat;float:left;height:23px;width:71px;}

ul.uroven1 li.home:hover {background-image:url('files/home.jpg');background-position:0 -23px; background-repeat: no-repeat;width:66px;}
ul.uroven1 li.web:hover {background-image:url('files/webdesign.jpg');background-position:0 -23px; background-repeat: no-repeat;width:91px;}
ul.uroven1 li.recenze:hover {background-image:url('files/recenze.jpg');background-position:0 -23px; background-repeat: no-repeat;width:94px;}
ul.uroven1 li.kontakt:hover {background-image:url('files/kontakt.jpg');background-position:0 -23px; background-repeat: no-repeat;width:71px;}
 
ul.uroven2 {position: absolute;line-height: 120%;left: 66px; top: -81px; 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.uroven5 {position: absolute;line-height: 120%;left: 180px;top: -60px;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.uroven2 li.polozka2:hover ul.uroven5{visibility: visible;}

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