/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography.css */
body {text-align: left; font-size:75%;background:url(bg.jpg) repeat-x;color:#222;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;background-color: white;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:1.5em;line-height:1;margin-bottom:0.5em;font-weight:bold;letter-spacing: 1px;}
h2 {font-size:1.4em;margin-bottom:0.75em;font-weight:bold}
h3 {font-size:1.3em;line-height:1;margin-bottom:1em;font-weight:bold; padding-top:10px;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;font-weight:bold}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;text-align: left;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}

.container {
  position: relative;
  z-index:10;
  width: 930px;
  margin: 0 auto;
}

div.hlava, div.obsah, div.prava, div.menu li, div.vrsek_obsah, div.text_obsah, div.vrsek_prava, div.obsah_prava, div.spodek_prava, div.vrsek2_prava, div.pata, div.pata2 {float:left;}

.hlava {width:930px; height:270px; background: url(hlava.jpg);}
.hlava h1{visibility: hidden;font-size: 0em;}

/* menu */
.menu{width:930px;margin-top:75px;}
.menu li{list-style:none;}
.menu a{text-decoration:none;margin-right:30px;font-size:1.2em;color: black;cursor:pointer;font-weight: bold;font-family: Arial,Helvetica,sans-serif;}
.menu a:hover{color:#ff9900;text-decoration: underline;}
a.actived{color:#ff9900;}
.last{margin-right:0px}
.thirst {margin-left:8px}

/* hlavní obsah */
.obsah{width:740px;}
.vrsek_obsah_uvod{width:740px; height:40px;background: url(vrsek_obsah.jpg);}
.text_obsah{width:700px; padding-left:20px; padding-right:20px;background-color:white }
.text_obsah h2{font-size:1.0em;margin-bottom: 0px;}
.text_obah li{margin-top:30px; margin-bottom:60px;list-style:none; font-size:1.7em; color: orange;cursor:pointer;font-weight: bold;font-family: Arial,Helvetica,sans-serif;}


/* webdesign */
div.zalozka_webdesign, div.zalozka_proc-prave-mi, div.zalozka_prubeh-realizace, div.zalozka_cenik, div.zalozka_objednavka{float:left;padding-top:10px}
.vrsek_obsah_odkazy{width:740px; height:40px;}
.vrsek_obsah_odkazy a {margin-right:35px;font-size:1.3em;color:black;text-decoration:none;font-weight: bold;}
.vrsek_obsah_odkazy a:hover{color:gray} 
.odsazeni_vrsek_obsah{padding-left:25px}
.text_obsah2{background: url(obsah_webdesign2.jpg) repeat-y;padding-left:40px; padding-right:40px;padding-bottom:20px;}
.text_obsah2 h2 {padding-top: 25px;}
.text_obsah2 h3 {font-size:1.2em}
.text_obsah2 h4 {font-size:1.1em; font-weight: bold;}
.text_obsah2 p{font-size:1.1em;}
.text_obsah2 li{font-size:1.1em;margin-left:25px;padding-top:5px}
.cena{font-weight: bold;text-align: right;} 
.mail {padding-top:20px; padding-left: 230px;}
.bg_mail{height:370px;background: url(bg_objednavka.jpg) no-repeat; background-position: 0px 30px;}
.bg_mail2{height:400px;background: url(bg_objednavka2.jpg) no-repeat; background-position: 0px 30px;}
.mail td {padding-top:5px;font-weight: bold;padding-right: 5px;}
p.chyba_form{color:orange; font-weight: bold;}
td.vykricnik{color:red;font-weight: bold;font-size:20px;}
td.odeslat{text-align: center; height:60px;}
.odsazeni tr{padding-top: 5px;}
 
.webdesign{background: url(vrsek_obsah_webdesign.jpg);}
.proc-prave-mi{background: url(vrsek_obsah_proc-prave-mi.jpg);}
.prubeh-realizace{background: url(vrsek_obsah_prubeh-realizace.jpg);}
.cenik_webdesign{background: url(vrsek_obsah_cenik_webdesign.jpg);}
.objednavka{background: url(vrsek_obsah_objednavka.jpg);}

.vrsek_obsah_it{width:740px; height:40px; background: url(vrsek_obsah_it.jpg);}
.it{padding-top:10px}
.it_vyska{height: 200px;}

div.zalozka_seo, div.zalozka_seo-cenik {float:left;padding-top:10px;}
.seo{background: url(vrsek_obsah_seo.jpg);}
.seo-cenik{background: url(vrsek_obsah_seo-cenik.jpg);}
.zalozka_seo{}
.zalozka_seo-cenik{}

.zalozka_webdesign{}
.zalozka_proc-prave-mi{}
.zalozka_prubeh-realizace{}
.zalozka_cenik{}
.zalozka_objednavka{}


.vrsek_obsah_kontakt{background: url(vrsek_obsah_kontakt.jpg);}
.kontakt{padding-top:10px}

/* odkazy-hlavní obsah */
div.odkaz_webdesign, div.odkaz_it,  div.odkaz_seo, div.odkaz_kontakt{margin-bottom:40px;font-size:1.7em;}

.odkazy{margin-top:30px;padding-left:40px;}
.odkazy p{padding-left: 120px;font-size: 0.7em;width:400px;}
.odkaz_webdesign a{background: url(webdesign.jpg) left top no-repeat;padding-top:5px;padding-left:120px;padding-bottom:90px;color:black;font-weight: bold;text-decoration: none;}
.odkaz_webdesign a:hover{background-position:0px -120px;color:#ff9900}
.odkaz_it a{background: url(it.jpg) left top no-repeat;padding-left:120px;padding-top:5px;padding-bottom:70px;color:black;font-weight: bold;text-decoration: none;}
.odkaz_it a:hover{background-position:0px -100px;color:#ff9900}
.odkaz_seo a{background: url(seo.jpg) left top no-repeat;padding-left:120px;padding-top:0px;padding-bottom:65px;color:black;font-weight: bold;text-decoration: none;}
.odkaz_seo a:hover{background-position:0px -90px;color:#ff9900}
.odkaz_kontakt a{background: url(kontakt.jpg) left top no-repeat;padding-left:105px;margin-left:15px;padding-top:5px;padding-bottom:50px;color:black;font-weight: bold;text-decoration: none;}
.odkaz_kontakt a:hover{background-position:0px -80px;color:#ff9900}



/* pravá strana */
.prava{width:190px; background: url(bg_prava.jpg) repeat-x;text-align: left;}
.vrsek_prava{width:190px; height:30px; background: url(vrsek_prava.jpg);text-align: center;}
.vrsek_prava h4{padding-top:5px}
.obsah_prava{padding-left:10px; padding-right:10px;width:150px; margin-left:10px;margin-right:10px;background: url(obsah_prava.jpg);font-size: 1em;}
.obsah_prava img{margin-left:60px;}
.obsah_prava p{text-align: left; margin-bottom: 0px;font-style: italic;}
.obsah_prava ul{padding-top:3px}
.obsah_prava li{padding-top:3px;font-size: 0.9em;font-style: italic;list-style:none;}
.spodek_prava{width:170px; height:10px;margin-left:10px; background: url(spodek_prava.jpg) no-repeat;}
.vrsek2_prava{width:170px; height:30px;margin-top:20px; margin-left:10px; background: url(vrsek2_prava.jpg) no-repeat;}
.floatleft /* obtékání obrázku */
{
float: left;
margin: 0px 2px 0px 0px;
padding: 1px;
} 



/* pata */
.patabg {
top:0px;
height:60px;
background:url(pata_bg.jpg);
background-repeat: repeat-x;
} 

.pata {
width: 930px;
height: 60px;
margin-top: 0px;
clear: both;
color: #999999;
background: url(pata.jpg);
background-repeat: no-repeat;
font-size:0.8em;
}

.pata2{
width: 930px;
height: 60px;
margin-top: 0px;
clear: both;
color: #999999;
background:url(pata2.jpg);
background-repeat: no-repeat;
font-size:0.8em;}
.text_pata{padding-top: 40px; padding-left:200px;font-family: Arial,Helvetica,sans-serif;}