HTML {margin-top: 0px;	margin-bottom: 0px;	/* scrollbar-arrow-color:    Black;	scrollbar-face-color:   ;	scrollbar-track-color:   ;	scrollbar-shadow-color: ;   */
background: #F4F9FC;}

Body  {font-family:  Verdana, Geneva, Arial, Helvetica, sans-serif; color: black; margin: 0px; padding: 0px; text-align: left; background: url(../img/header_kontejner.gif) #F4F8FC repeat-x; 
}

H1 {FONT: 125%  Verdana; font-weight: normal;
}
H2 {FONT: 110%  Verdana; font-weight: normal;
}
H3 {FONT: 100%  Verdana; font-weight: normal;
}
H4 {FONT: 80%  Verdana; font-weight: normal;
}	
img {border: 0px;
}
p  {margin: 0px; padding: 0px; border: 0px;
}
p {font-size: 80%; text-align: justify;
}
a {text-decoration: underline; color: black;
}
a:hover {text-decoration: none; color: black;
}
.clear {clear: both;
}
.text {color: black; 
}
.text a {color: #F27B38; 
}
.text a:hover {color: #ECF4F8; background-color: #F27B38;
}
.text_float_left{color: black; position: relative; float: left; width: 280px;
}
.text_float_left a {color: #F27B38; 
}
.text_float_left a:hover {color: #ECF4F8; background-color: #F27B38;
}
.text_spam {color: #4E7DAD; font-size: 80%; 
}


#listing {clear: both; position: relative; float: none; margin-bottom: 10px; width: 100%; text-align:center;
}
.listing {color: #4E7DAD;  text-align:center;
}
.listing a {color: #4E7DAD; text-decoration: underline;
}
.listing a:hover {color: #4E7DAD; text-decoration: none;
}
.listing_none {color: black;  text-align:center;
}
.listing_none a {color: black; text-decoration: underline;
}
.listing_none a:hover {color: black; text-decoration: none;
}

#web_bg {width:750px; background: url(../img/main_bg.gif) repeat-y; margin: 0px; padding: 0px;
}

#header_bg  {width:750px; height: 224px; background: url(../img/header_bg.gif) repeat-x  ;
}
#header {width: 706px; height: 224px; background: url(../img/header.gif) #C9EFEF no-repeat;
}

#logo_bg {position: relative; float: left;
}
#logo_bg #logo {position: relative; top: 26px; left:16px; float: left; width:150px; color: #29746D; text-decoration: none; font-size:120%;
}
#logo_bg #logo SPAN {position: absolute; top: 0px; left: 4px!important; left: 8px; float: left; width:150px; PADDING-RIGHT: 0px; DISPLAY: block; 
PADDING-LEFT: 0px; Z-INDEX: 1; BACKGROUND: url(../img/logo2.gif) no-repeat 0px 0px;  PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px;  width: 140px; height: 51px;
}
#logo_bg #logo a {color: #29746D; text-decoration: none;
}
#logo_bg #logo a:hover {color: #98C8C8; background-color: #29746D; 
}

#motto {height: auto; width: auto; position: relative; top: 22px; right: 20px; float: right; clear: right;
}
.motto {color: #184806; font-weight: bold; font-size: 100%;
}


#menu_bg  {width:750px; height: 28px; background: url(../img/menu_bg.gif) repeat-y; 
}
#menu {clear: both; width:688px; height: 23px; padding-top: 5px; margin-left: 0px; background-color:  #F27B38; padding-left: 0px;
}
#menu ul {display: inline; list-style: none; margin: 0px; padding: 0px; 
}
#menu ul li {font-size: 90%; color: white; display: inline; list-style: none; margin: 0px;
}
#menu ul li a {color: #ECF4F8; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; border-right: 1px solid #EEA47D; background: #F27B38; margin: 0px;
}
#menu ul li a:hover {color:#F27B38; background: #FFE0CE; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; border-right: 1px solid #EEA47D; 
}
#menu ul li a .aktiv  {color: #F27B38; font-weight: bold; background-color: #FFE0CE; padding-bottom: 5px; padding-top: 5px;  padding-left: 10px; padding-right: 10px; margin: 0px; 
text-decoration: none;
}


#main_bg  {width:750px; background: url(../img/main_bg.gif) repeat; 
}
#main {width:688px; background-color: #F8F9FA; margin-top: 10px; 
}

#leva_cast {position: relative; float: left;  margin: 5px 0px 0px 0px; padding: 0px; width: 465px; margin-left: 0px; 
}
#leva_cast H2 {background: url(../img/zarazka.gif) no-repeat 0px 4px; padding-left: 20px; position: relative; float: none; color: #4E7DAD; margin: 0px; font-weight: bold; left: -8px;
}
#leva_cast H3 {padding-left: 0px; position: relative; float: none; color: #F27B38; margin: 0px; font-weight: bolder; left: 0px; margin: 6px 0px 0px 0px; padding-left: 155px;  /* o 10px víc kvuli tomu že má p margin-left: 10px;*/
}
/* všeobecne platí pro celý projekty */
.projekt {font-size: 80%; border-bottom: 2px solid #C5D4E3; border-left: 3px solid #C5D4E3; border-top: 0px; border-right: 0px; position: relative; float: none ; 
margin-top: 0px; text-align: justify; margin-left: 10px; padding-bottom: 5px; padding-left: 7px; padding-top: 30px; top: -16px;
}
.projekt_img {border: 1px solid #C5D4E3; padding-left: 0px; margin-bottom: 16px; position: relative; left: 15px; float: left; margin-left: 5px; padding-right: 0px; margin-top: 8px; margin-right: 20px; 
}
.projekt_link {color:black; font-size: 90%; /* 90% z 80% default ale jen ve FF a Opeře*/
}
.projekt_link a, a:hover {color:#F27B38; 
}

/* poslední projekt */
#last_projekt {margin-bottom: 10px; height: auto; position: relative; float: none; clear: both;
}

/* poslední grafika */
#last_grafika {margin-bottom: 10px; height: auto; position: relative; float: none; clear: both;
} 
/* poslední marketing */
#last_marketing {margin-bottom: 10px; height: auto; position: relative; float: none;clear: both;
}
#last_marketing H2 { position: relative; float: none;
}

#prava_cast {position: relative; float: right; height:auto; background-color:transparent; width: 190px; margin-right: 5px;
}
#prava_cast H3 {color: #4E7DAD; margin: 0px; padding: 0px 0px 5px 5px ; font-weight: bold;
}

/* pravá část */
#sluzby {border: 2px solid #F3DACC ; width: auto; margin: 0px; position: relative; float: none; background-color:#F0F3F6 ; margin-bottom: 5px; padding: 3px;
}
#sluzby ul {border:0px; width: auto; margin: 0px; position: relative; float: none; padding: 0px; list-style: none;
}
#sluzby ul li {font-size: 80%; border:0px; width: auto; margin: 0px; position: relative; float: none; padding-top: 5px; padding-bottom: 0px; padding-left: 50px; list-style: none; color: #434343;
 border-bottom: 2px solid white; vertical-align: middle; font-weight: bold;
}
#sluzby ul li a {color:#434343;
}
#sluzby ul li a:hover {text-decoration: none;
}
.sluzby_web { background: url(../img/ikonky/sluzby_web.gif) no-repeat 5px 0px; height: 30px!important; height: 33px;
}
.sluzby_grafika { background: url(../img/ikonky/sluzby_grafika.gif) no-repeat 5px 0px; height: 30px!important; height: 33px;
}
.sluzby_marketing { background: url(../img/ikonky/sluzby_marketing.gif) no-repeat 5px 0px; height: 30px!important; height: 33px;
}
.sluzby_sprava { background: url(../img/ikonky/sluzby_sprava.gif) no-repeat 5px 0px; height: 30px!important; height: 33px;
}

#reseni {background-color: #F0F3F6; border: 2px solid  #DEE9F7 ; width: auto; margin: 0px; position: relative; float: none; margin-bottom: 5px; padding: 3px;
}
#reseni ul {border: 0px; 	width: auto; 	margin: 0px; 	position: relative; 	float: none; 	padding: 0px; 	list-style: none; 	vertical-align: middle;
}
#reseni  ul li {font-size: 80%; border:0px; width: auto; margin: 0px; position: relative; float: none; padding-top: 0px; padding-bottom: 5px; padding-left: 50px; list-style: none; 
color: #434343; border-bottom: 2px solid white; vertical-align: middle; font-weight: bold;
}
#reseni  ul li a {color:#434343;
}
#reseni ul li a:hover {text-decoration: none;
}
.reseni_stranky {background: url(../img/ikonky/reseni_stranky.gif) no-repeat 5px 0px; height: 28px!important; height: 33px; 
}
.reseni_eshopy {background: url(../img/ikonky/reseni_eshop.gif) no-repeat 5px 0px; height: 28px!important; height: 33px; 
}
.reseni_blogy {background: url(../img/ikonky/reseni_blog.gif) no-repeat 5px 0px; height: 28px!important; height: 33px; 
}
.reseni_aplikace {background: url(../img/ikonky/reseni_aplikace.gif) no-repeat 5px 0px; height: 28px!important; height: 33px; 
}

#novinky {background-color: #F6F8F9; border: 2px solid #c9efef  ; width: auto; margin: 0px; position: relative; float: none; margin-bottom: 5px; 
}
.novinky {font-size: 70%; text-align: justify; padding: 2px 5px; margin-bottom: 5px;
}
.novinky a {color: #F27B38; 
}
.novinky a:hover {color: #ECF4F8; background-color: #F27B38;
}
.novinky_old {font-size: 70%; text-align: justify; padding: 2px 5px; margin-bottom: 5px; border-top: 2px solid  white;
}
.novinky_old a {color: #4E7DAD; 
}
.novinky_old a:hover {color: #ECF4F8; background-color: #4E7DAD;
}


/* patička */
#paticka_bg  {width:716px; height: auto; background: url(../img/main_bg.gif) repeat-y  ; 
}
#paticka_load {width:686px; height:30px!important; height: auto; background-color: #ECF4F8; padding:5px 0px;
} 
#paticka {width:auto; height: auto; background-color: #ECF4F8; position: relative; float: left; margin: 0px; padding: 0px; 
}
.paticka {font-size: 70%; text-align: left; color: #6C7478; padding:0px 0px 0px 10px; margin: 0px; float: left;
}

#odkazy {text-align: right; background-color: #ECF4F8; position: relative; float: right; right: 5px; margin: 0px; background-color: transparent; 
}
.odkazy {text-align: right; font-size: 70%;
}
.odkazy a { width: auto; color: #F27B38; margin: 0px ; padding: 0px; border: 0px;
}
.odkazy a:hover { width: auto; color: #ECF4F8; background-color: #F27B38; margin: 0px; padding: 0px; 
}

.about {height: auto; width:auto; text-align: right; background-color: #ECF4F8; position: relative; right: 5px; margin-top: 0px; background-color: transparent; text-align: right; color: #6C7478;
}
.about a {width: auto; color: #6C7478; margin: 0px ; padding: 0px; border: 0px;
}
.about a:hover { width: auto; color: #ECF4F8; background-color: #6C7478; margin: 0px ; padding: 0px ; 
}

/* studio */ 
#studio {position: relative; float: left;  margin: 0px; padding: 0px 10px 5px 10px; width: 465px; margin-left: 0px;
}
/* navigace pro vnitřek služeb */
#studio #navigace {background-color:#DEE9F7; height:34px; margin-left: 0px; margin-bottom: 10px; position: relative; float: none; left: 0px; padding: 0px; width: auto; 
overflow: hidden; border: 2px solid #4E7DAD;
}
#studio #navigace ul  {list-style: none; display: inline; position: relative; float: none; top: 9px!important; top: 6px; margin: 0px; left: 0px;  margin-left:5px; padding:0px;
}
#studio #navigace ul li {list-style: none; display: inline;  margin: 0px;  padding: 0px; position: relative; float: none;
}
#studio #navigace ul li a {color: #4E7DAD; margin: 0px; padding: 10px;
}
#studio #navigace ul li a:hover {background-color: #F4F8FC; color: #4E7DAD; padding: 10px;
}
#studio #navigace ul li a .activ {background-color: #F4F8FC; color: #4E7DAD; padding: 10px; font-weight: bold;
}
#studio #navigace ul li a:hover .activ {background-color: #F4F8FC; color: #4E7DAD; padding: 0px 10px 0px 10px ;
}
#studio H1 {color: black; margin-top: 0px; margin-bottom: 5px; padding: 0px;
}
#studio H2 {color: #4E7DAD; margin-top: 0px; margin-bottom: 5px; padding: 0px; font-weight: normal; clear: both;
}
#studio H3 {color: black; margin-top: 0px; margin-bottom: 5px; padding: 0px; font-weight: normal; clear: both; font-size: 90%; font-weight: bold;
}
#studio ul {list-style:  disc; margin-top: 10px; margin-bottom: 10px; clear: both;
}
#studio ul li {list-style:disc; font-size: 80%; margin: 0px; padding: 0px;
}
#studio ul li a {list-style:disc;color: #F27B38;
}
#studio ul li a:hover {list-style:disc; color: #F27B38;
}
#kontaktni_osoba {position: relative; float: right; margin: 0px; padding: 0px; list-style: none; border-left: 2px solid #C5D4E3; padding-left: 5px; margin-bottom: 10px;
}
#kontaktni_osoba  ul {list-style: none; margin: 0px; padding: 0px; clear: both;
}
#kontaktni_osoba  ul li {list-style: none; margin: 0px; padding: 0px; clear: both
}
.margintop  {margin-top: 10px
}
#left {position: relative; float: left; width: 45%; 
}
#right {position: relative; float: right; width: 49%; border-left: 1px solid #DEE9F7; padding-left: 12px;
}

/* nabídka služeb v rámci sekce sluzby podrobně */
#nabidka_sluzeb {position: relative; float: left; margin: 0px; padding: 0px 10px 5px 10px; margin-left: 0px; width: 600px; 
}
#nabidka_sluzeb  H1 {color: black; margin-top: 0px; margin-bottom: 5px; padding: 0px;
}
#nabidka_sluzeb  H2 {background: url(../img/zarazka.gif) no-repeat 0px 4px; padding-left: 17px; position: relative; float: none; color: #4E7DAD; margin: 0px; font-weight: normal; left: -18px;      
}
#nabidka_sluzeb  H3 {color: black; margin-top: 10px; margin-bottom: 5px; padding: 0px; font-weight: normal; clear: both; font-weight: bold;
}
#nabidka_sluzeb  H4 {color: #4E7DAD; margin-top: 10px; margin-bottom: 0px; padding: 0px; font-weight: normal; clear: both; font-weight: bold;
}
#nabidka_sluzeb  ul {list-style:  disc; margin-top: 10px; margin-bottom: 10px; clear: both;
}
#nabidka_sluzeb ul li {list-style:disc; font-size: 80%; margin: 0px; padding: 0px;
}
#nabidka_sluzeb ul li a {list-style:disc;color: #F27B38;
}
#nabidka_sluzeb  ul li a:hover {list-style:disc; color: #F27B38;
}

#nabidka_sluzeb_sprava {position: relative; float: left; margin: 0px; padding: 0px; margin-left: 0px; width: 100%; 
 background-image: url(../img/ikonky/servis_280.gif); background-repeat:  no-repeat; background-position: center;
}

#nabidka_sluzeb_marketing {position: relative; float: left; margin: 0px; padding: 0px; margin-left: 0px; width: 100%; 
 background-image: url(../img/ikonky/marketing_280.gif); background-repeat:  no-repeat; background-position: center;
}

#nabidka_sluzeb_webdesign {position: relative; float: left; margin: 0px; padding: 0px; margin-left: 0px; width: 100%; 
 background-image: url(../img/ikonky/webdesign_280.gif); background-repeat:  no-repeat; background-position: center;
}

.link_podrobnosti {position: relative; float: none; padding: 5px 15px;  background-image: url(../img/link_bg.gif); background-repeat:  repeat-x;
 height: 30px; margin-top: 5px; margin-bottom: 5px; text-align: center; margin-left: 60px; 
}

a.link_podrobnosti {color: white; text-decoration: none; margin-top: 5px; margin-bottom: 5px;
}
a:hover.link_podrobnosti {color: white; text-decoration: underline; margin-top: 5px; margin-bottom: 5px;
}

/* služby na rozcestí --> služby.php */
#nabidka_sluzeb2 {position: relative; float: left; margin: 0px; padding: 0px 10px 5px 10px; margin-left: 0px; width: 660px!important; width: 640px; 
}
#nabidka_sluzeb2  H1 {color: black; margin-top: 0px; margin-bottom: 5px; padding: 0px;
}

#nabidka_sluzeb2  ul {list-style:  disc; margin-top: 10px; margin-bottom: 10px; clear: both;
}
#nabidka_sluzeb2 ul li {list-style:disc; font-size: 80%; margin: 0px; padding: 0px;
}
#nabidka_sluzeb2 ul li a {list-style:disc;color: #F27B38;
}
#nabidka_sluzeb2  ul li a:hover {list-style:disc; color: #F27B38;
}

/* služby na rozcestí  */
#show_webdesign {position: relative; float: left; margin: 0px; padding: 10px; margin-left: 0px; width: 230px!important; width: 230px; margin-left: 50px!important; margin-left: 30px;
 margin-bottom: 20px; border: 5px solid #E8EEF1;

}
#show_webdesign H2 {position: relative; float: none; color: #4E7DAD; margin: 0px; font-weight: normal; font-size: 100%;   padding-bottom: 5px;  text-align: center; 
}
#show_webdesign  H2 a {position: relative; float: none; color: #4E7DAD; margin: 0px; font-weight: normal; font-size: 100%;    padding-bottom: 5px;   text-align: center;  
text-decoration: none;
}

#show_webdesign  H2 a:hover {position: relative; float: none; color: #4E7DAD; margin: 0px; font-weight: normal; font-size: 100%;    padding-bottom: 5px;   text-align: center; 
text-decoration: underline; 
}



#show_grafika {position: relative; float: left; margin: 0px; padding: 10px; margin-left: 0px; width: 230px!important; width: 230px; margin-left: 50px!important; margin-left: 30px;
 margin-bottom: 20px; border: 5px solid #E8EEF1;
}
#show_grafika  H2 {position: relative; float: none; color: #4E7DAD; margin: 0px; font-weight: normal; font-size: 100%;    padding-bottom: 5px;   text-align: center;  
}

#show_grafika  H2 a {position: relative; float: none; color: #4E7DAD; margin: 0px; font-weight: normal; font-size: 100%;    padding-bottom: 5px;   text-align: center;  
text-decoration: none;
}

#show_grafika  H2 a:hover {position: relative; float: none; color: #4E7DAD; margin: 0px; font-weight: normal; font-size: 100%;    padding-bottom: 5px;   text-align: center; 
text-decoration: underline; 
}



#show_marketing {position: relative; float: left; margin: 0px; padding: 10px; margin-left: 0px; width: 230px!important; width: 230px; margin-left: 50px!important; margin-left: 30px;
 margin-bottom: 20px; border: 5px solid #E8EEF1;
}
#show_marketing H2 {position: relative; float: none; color: #4E7DAD; margin: 0px; font-weight: normal;  font-size: 100% ;  padding-bottom: 5px;    text-align: center; 
}
#show_marketing  H2 a {position: relative; float: none; color: #4E7DAD; margin: 0px; font-weight: normal; font-size: 100%;    padding-bottom: 5px;   text-align: center;  
text-decoration: none;
}

#show_marketing  H2 a:hover {position: relative; float: none; color: #4E7DAD; margin: 0px; font-weight: normal; font-size: 100%;    padding-bottom: 5px;   text-align: center; 
text-decoration: underline; 
}


#show_sprava {position: relative; float: left; margin: 0px; padding: 10px; margin-left: 0px; width: 230px!important; width: 230px; margin-left: 50px!important; margin-left: 30px;
margin-bottom: 20px; border: 5px solid #E8EEF1;
}
#show_sprava H2 {position: relative; float: none; color: #4E7DAD; margin: 0px; font-weight: normal;  font-size: 100%  ; padding-bottom: 5px; text-align: center;  
}
#show_sprava  H2 a {position: relative; float: none; color: #4E7DAD; margin: 0px; font-weight: normal; font-size: 100%;    padding-bottom: 5px;   text-align: center;  
text-decoration: none;
}

#show_sprava  H2 a:hover {position: relative; float: none; color: #4E7DAD; margin: 0px; font-weight: normal; font-size: 100%;    padding-bottom: 5px;   text-align: center; 
text-decoration: underline; 
}



.show_img {position: relative; float: none; border: 2px solid white; margin-left: 40px; margin-bottom: 10px; margin-top: 5px;
}



/* odesílací formulář ve službách */ 
#nabidka_sluzeb  #formular {position: relative; float: left;  margin: 0px; padding: 0px; width: 600px; margin-left: 0px; margin-bottom: 10px; border-top: 5px double white; margin-top: 35px;
}
#nabidka_sluzeb #formular .text {position: relative; float: none;  margin: 0px; padding: 0px 5px 0px 5px ;  font-weight: normal; text-align: left; 
}
#nabidka_sluzeb #formular .text a {position: relative; float: none;  margin: 0px; padding: 0px 10px 0px 5px ;  font-weight: normal; text-align: left; 
}
#nabidka_sluzeb #formular .text a:hover {color: #F8F9FA; background-color: #F27B38; text-decoration: none;
}
#nabidka_sluzeb #formular H2 {padding-left: 15px; color: black;  background: none; padding-bottom: 0px; 
font-weight: normal; margin-bottom: 0px; margin-top: 5px;
}
#nabidka_sluzeb #formular .text_bold {position: relative; float: none; text-align: left; 
font-weight: bold; font-size: 90%; /* 110% z 80% nadřazených */ padding: 0px 10px 0px 5px;
}
#nabidka_sluzeb #formular .text_form {position: relative; float: none; text-align: left; padding: 0px; 
}
#nabidka_sluzeb #formular legend {	color: #000000; font-size: 100%; font-weight: bold; 	padding: 0px; 	margin: 0px; 
}


/* webdesign - naše řešení */
#cms {position: relative; float: left; width: 40%!important; width: 35%; border: 2px solid #E8EEF1; margin: 10px 10px 10px 24px;  padding: 10px; background-color: #F4F8FC; 

}
#cms H4 {color: #4E7DAD; margin-top: 0px; margin-bottom: 5px; padding: 0px; font-weight: normal; clear: both; font-weight: bold; text-align: center;
}

.text_smaller {font-size: 70%; text-align: left;
}
.text_smaller a {color: #F27B38;
}
.text_smaller a:hover {color: #DEE9F7; background-color: #F27B38;
}
.text_smaller_img {margin-left: 23px; border: 1px solid #C5D4E3  ;
}

#cms ul {list-style: square; margin: 0px; margin-left: 12px; padding: 0px;  font-size: 85%;
}
#cms li {list-style:  square; padding: 0px; margin: 0px;
}

.img_cms {border: 2px solid #E0E7EA; margin: 10px 0px; padding: 0px; margin-left: 43px;
}

a.link_cms  {text-align: center; color: #4E7DAD; font-size: 80%; 
}
a:hover.link_cms  {text-align: center; color: #4E7DAD; font-size: 80%; text-decoration: none; 
}


/* navigace pro vnitřek služeb */
#navigace {background-color:#DEE9F7; height:34px; margin-left: 0px; margin-bottom: 10px; position: relative; float: none; left: 0px; padding: 0px; width: auto; 
overflow: hidden; border: 2px solid #4E7DAD;
}
#navigace ul  {list-style: none; display: inline; position: relative; float: none; top: 9px!important; top: 6px; margin: 0px; left: 0px;  margin-left:5px; padding:0px;
}
#navigace ul li {list-style: none; display: inline;  margin: 0px;  padding: 0px; position: relative; float: none;
}
#navigace ul li a {color: #4E7DAD; margin: 0px; padding: 10px;
}
#navigace ul li a:hover {background-color: #F4F8FC; color: #4E7DAD; padding: 10px;
}
#navigace ul li a .activ {background-color: #F4F8FC; color: #4E7DAD; padding: 10px; font-weight: bold;
}
#navigace ul li a:hover .activ {background-color: #F4F8FC; color: #4E7DAD; padding: 0px 10px 0px 10px ;
}


/* záložky v pravé části pro reference a sluzby  */
#zalozky {float: right; position: relative; margin-right: 22px!important; margin-right:0px; height: auto; width: 37px; margin-top: 48px;
}
#zalozka_webdesign {padding: 0px; margin: 0px 5px 5px 5px; border: 1px solid #434343; width: 36px; background-color: #F0F3F6;
}

#zalozka_grafika {padding: 0px; border: 1px solid #434343; width: 36px;  margin: 0px 5px 5px 5px; background-color: #F0F3F6;
}

#zalozka_marketing {padding: 0px; border: 1px solid #434343; width: 36px;  margin: 0px 5px 5px 5px; background-color: #F0F3F6;
}

#zalozka_sprava {padding: 0px; border: 1px solid #434343; width: 36px; margin: 0px 5px 5px 5px; background-color: #F0F3F6;
}

/* ceník */

#cenik {position: relative; float: left;  margin: 0px; padding: 0px 10px 5px 10px; width: 465px; margin-left: 0px;
}
#cenik_www {position: relative; float: none;
}
#cenik_ostatni {position: relative; float: none;
}

#cenik H1 {color: black; margin-top: 0px; margin-bottom: 5px; padding: 0px;
}
#cenik H2 {color: #4E7DAD; margin-top: 0px; margin-bottom: 5px; padding: 0px; font-weight: normal; clear: both;
}
#cenik H3 {color:#F27B38 ; margin-top: 0px; margin-bottom: 5px; padding: 0px; font-weight: normal; clear: both; font-size: 90%; font-weight: bold;
}
#cenik ul {list-style:  none; margin-top: 10px; margin-bottom: 10px; clear: both; margin-left: 0px; padding: 0px;
}
#cenik ul li {list-style:none; font-size: 80%; margin: 0px; padding: 0px; border-bottom: 1px solid #DEE9F7; padding-bottom: 2px;
}
#cenik #left {position: relative; float: left; width: 50%; padding-right: 0px!important; padding-right: 10px;border-right: 1px solid #DEE9F7; 
}
#cenik #left ul {list-style:  none; margin-top: 10px; margin-bottom: 10px; clear: both; margin-left: 0px; padding: 0px;
}
#cenik #left ul li {list-style:none; font-size: 80%; margin: 0px;  border-bottom: 2px solid #DEE9F7; padding: 4px 0px;
}
#cenik #right {position: relative; float: left; width: 200px; margin: 0px;
}
#cenik  #right ul {list-style:  none; margin-top: 10px; margin-bottom: 10px; clear: both; margin-left: 0px; padding: 0px;
}
#cenik  #right ul li {list-style:none; font-size: 80%; margin: 0px; border-bottom: 2px solid #DEE9F7; padding: 4px 0px; 
}

/* mapa stránek */
#mapa_stranek {position: relative; float: left;  margin: 0px; padding: 0px 10px 5px 10px; width: 465px; margin-left: 0px;
}
#mapa_stranek H1 {color: black; margin-top: 0px; margin-bottom: 5px; padding: 0px;
}
#mapa_stranek H2 {color: #4E7DAD; margin-top: 0px; margin-bottom: 5px; padding: 0px; font-weight: normal; clear: both;
}
#mapa_stranek H3 {color: black; margin-top: 0px; margin-bottom: 5px; padding: 0px; font-weight: normal; clear: both; font-size: 90%; font-weight: bold;
}
#mapa_stranek ul { margin-top: 10px; margin-bottom: 10px; clear: both;
}
#mapa_stranek ul li {list-style:  disc ; font-size: 100%; margin: 0px; padding: 0px; font-weight: bold;
}
#mapa_stranek ul li a {color: #F27B38;
}
/* vnořený seznam */
#mapa_stranek .inside {list-style:   circle ; font-size: 100%; margin: 0px; padding: 0px; font-weight: normal;
}

/* reference */
#reference {position: relative; float: left; margin: 0px; padding: 0px 10px 5px 10px; margin-left: 0px; width: 590px;
}
#reference H1 {position: relative; float: none; margin-top: 5px; margin-bottom: 5px;
}
#reference H2 {position: relative; background: url(../img/zarazka.gif) no-repeat 0px 4px; padding-left: 22px; position: relative; float: none; color: #4E7DAD; 
font-weight: normal; left: -18px; margin-bottom: 10px; clear: both;
}
#reference H3 {position: relative; padding-left: 2px; float: none; color: #4E7DAD; 
font-weight: normal;  margin-bottom: 0px; margin-top: 0px;
}
/* navigace pro reference */
#reference #navigace {background-color:#DEE9F7; height:34px; margin-left: 0px; margin-bottom: 10px; position: relative; float: none; left: 0px; padding: 0px; width: auto;
overflow: hidden; border: 2px solid #4E7DAD;
}
#reference #navigace ul  {list-style: none; display: inline; position: relative; float: none; top: 9px!important; top: 6px; margin: 0px; left: 0px;  margin-left:5px; padding:0px;
}
#reference #navigace ul li {list-style: none; display: inline;  margin: 0px;  padding: 0px; position: relative; float: none; font-size: 80%;
}
#reference #navigace ul li a {color: #4E7DAD; margin: 0px; padding: 10px;
}
#reference #navigace ul li a:hover {background-color: #F4F8FC; color: #4E7DAD; padding: 10px;
}
#reference #navigace ul li a .activ {background-color: #F4F8FC; color: #4E7DAD; padding: 10px; font-weight: bold;
}
#reference #navigace ul li a:hover .activ {background-color: #F4F8FC; color: #4E7DAD; padding: 0px 10px 10px 10px;
}

/* ovlivnuje vlastní projekty uvnitř referencí */
#reference #projekt {width: auto; clear: both; margin-bottom: 5px; padding-bottom: 5px; padding-top:0px; border-bottom: 2px solid #C5D4E3; border-left: 3px solid #C5D4E3; border-top: 0px; 
border-right: 0px; height: auto;
}
#reference #projekt .text {font-size: 80%; margin-top: 0px; text-align: justify; margin-left: 0px; padding-bottom: 5px; padding-left:7px; 
}
#reference #projekt img {border: 1px solid #C5D4E3; 
}

#reference #projekt .text_img {border: 1px solid #C5D4E3;  padding-left: 0px; margin-bottom: 0px; position: relative; left: 0px; float: left; margin-left: 8px;  margin-top: 2px; margin-right: 5px; 
}
#reference #projekt .text_link {color:black; padding-left: 10px; padding-bottom: 10px;
}
#reference #projekt .text_link a, a:hover {color:#F27B38;  background-color: none;
}

/* reference - grafika  */
#reference #left  {width: 320px; position: relative; float: left; margin-right: 20px; margin-bottom: 10px;
}
#reference #left H2 {color: #4E7DAD; margin-top: 10px; margin-bottom: 5px; padding: 0px; font-weight: normal; clear: both; background: none; margin-left: 18px;
}
#reference #left H3 {color:#F27B38 ; margin-top: 20px; margin-bottom: 5px; padding: 0px; font-weight: normal; clear: both; font-size: 90%; font-weight: bold; background: none;
}
#reference #left .text_img {border: 1px solid #C5D4E3;  padding-left: 0px; margin-bottom: 0px; position: relative; left: 0px; float: none; margin-left: 8px;  margin-top: 2px; margin-right: 5px; 
}

#reference #right  {width: 230px!important; width: 240px; position: relative; float: right; border: 0px; margin-bottom: 10px;
}
#reference #right H2 {color: #4E7DAD; margin-top: 10px; margin-bottom: 5px; padding: 0px; font-weight: normal; background: none; padding-right: 0px; margin-right: 0px;
}
#reference #right H3 {color:#F27B38 ; margin-top: 20px; margin-bottom: 5px; padding: 0px; font-weight: normal; clear: both; font-size: 90%; font-weight: bold; background: none;
}
#reference #right .text_img {border: 1px solid #C5D4E3;  padding-left: 0px; margin-bottom: 0px; position: relative; left: 0px; float: none; margin-left: 5px;  margin-top: 2px; margin-right: 8px; 
}
#reference #right #projekt {width: auto; clear: both; margin-bottom: 5px; padding-bottom: 5px; padding-top:0px; border-bottom: 2px solid #C5D4E3; border-right: 3px solid #C5D4E3; border-top: 0px; 
border-left: 0px; height: auto;
}


/* Kontakt  */
#kontakt {position: relative; float: left;  margin: 0px; padding: 0px 10px 5px 10px; width: 465px; margin-left: 0px;
}
#kontakt H1 {position: relative; margin: 0px; padding: 0px;
}
#kontakt H2 {background: url(../img/zarazka.gif) no-repeat 0px 4px; padding-left: 22px; position: relative; float: none; color: #4E7DAD; 
font-weight: normal; left: -18px; margin-bottom: 10px; 
}
#kontakt H3 {position: relative; padding-left: 2px; float: none; color: #4E7DAD; font-weight: normal;  margin-bottom: 0px; margin-top: 0px;
}

/* tabulka Vanekdesign v kontakt  */
#kontakt #vanekdesign {position: relative; float: left;  margin: 0px; padding: 0px;  border: 2px solid #DEE9F7; background-color: #F4F8FC; vertical-align: top; width: 460px;
}
#kontakt #vanekdesign H3 {position: relative; float: none;  margin: 0px; padding: 0px ;  color: black; font-weight: bold; padding-left: 5px; margin-top: 3px ; margin-bottom: 3px;
}
#kontakt #vanekdesign .text {position: relative; float: none;  margin: 0px; padding: 0px 10px 0px 5px ;  font-weight: normal; font-size: 80%;
}
#kontakt #vanekdesign .text_underline {position: relative; float: left;  margin: 0px; padding: 0px 10px 5px 5px ; border-bottom: 2px solid white; 
}
#kontakt #vanekdesign .text_topmargin {position: relative; float: left;  margin: 0px; padding: 5px 10px 0px 5px ;  margin-top: 0px;
}
#kontakt #vanekdesign .vypln_bila {margin: 0px; padding: 0px; color: #FFF; height: 2px; width: auto;
}
#kontakt #vanekdesign li {position: relative; float: none;  margin: 0px; padding: 0px;  list-style: none; font-size: 80%;
}

/* odesílací formulář v kontaktu */ 
#kontakt #formular {position: relative; float: left;  margin: 0px; padding: 0px; width: 460px; margin-left: 0px; margin-bottom: 10px;
}
#kontakt #formular .text {position: relative; float: none;  margin: 0px; padding: 0px 10px 0px 5px ;  font-weight: normal; text-align: left; font-size: 80%;
}
#kontakt #formular .text a {position: relative; float: none;  margin: 0px; padding: 0px 10px 0px 5px ;  font-weight: normal; text-align: left; font-size: 100%;
}
#kontakt #formular .text a:hover {color: #F8F9FA; background-color: #F27B38; text-decoration: none;
}
#kontakt #formular H2 {background: url(../img/zarazka.gif) no-repeat 0px 4px; padding-left: 22px; color: #4E7DAD; 
font-weight: normal; left: -18px; margin-bottom: 10px; margin-top: 20px;
}
#kontakt #formular #form1 {padding: 0px ;  border: 2px solid #C9EFEF; background-color: #F4F8FC; vertical-align: top; width: 460px; 
}
#kontakt #formular #form2 { padding: 0px;  border: 2px solid #F3DACC; background-color: #F4F8FC; vertical-align: top; width: 460px; margin-top: 15px;
}
#kontakt #formular #form3 {padding: 0px;  border: 2px solid #DEE9F7; background-color: #F4F8FC; vertical-align: top; width: 460px; margin-top: 15px; margin-bottom: 15px;
}
#kontakt #formular #form1 .text, #kontakt #formular #form2 .text, #kontakt #formular #form3 .text  { font-size: 100%;    /* 100% z 80% nadřazených */
}
#kontakt #formular #form1 .text_bold, #kontakt #formular #form2 .text_bold, #kontakt #formular #form3 .text_bold {position: relative; float: none; text-align: left; 
font-weight: bold; font-size: 110%; /* 110% z 80% nadřazených */ padding: 0px 10px 0px 5px;
}
#kontakt #formular #form1 .text_form, #kontakt #formular #form2 .text_form, #kontakt #formular #form3 .text_form {position: relative; float: none; text-align: left; padding: 0px; 
}

/* formulář Success */
#success {padding: 0px;  border: 2px solid #DEE9F7; background-color: #F4F8FC; vertical-align: top; width: 400px; margin-top: 60px; margin-bottom: 60px; margin-left: 50px;
}
#success .text_thanks {color: black; font-size: 100%; padding: 20px; text-align: center;
}
#success .text_thanks a {color: #F27B38; 
}

/* grafika - design ve sluzbách */
#grafika-design {margin-top: 10px;
}

#grafika-design H3 {margin: 0px; padding: 0px; margin-bottom: 5px; color: black; font-size: 90%;
}

#dva_vlevo {width: 53%; position: relative; float: left; height:auto; border-right: 1px solid black; border-bottom: 1px solid black;margin-right: 10px; padding: 5px;margin-bottom: 10px;
}

#dva_vpravo {width: 40%; position: relative; float: left; height: auto; border-left: 1px solid black; border-bottom: 1px solid black;margin-right: 10px; padding: 5px;margin-bottom: 10px;
}
#pop-up {padding: 5px; width: auto; position: relative; float: none; margin-bottom: 10px; border-bottom: 1px solid black; height: 160px;
}

#jedna {padding: 5px; width: auto; position: relative; float: none; margin-bottom: 0px; border-bottom: 1px solid black; height: auto; 
}
#polozky {position: relative; float: left; padding: 5px 17px; height: 160px; width: auto;
}

.text_img_sluzby {padding: 5px;
}