* { margin:0; padding:0; }

body { font-size:0.8em; color:#000000; font-family:'Verdana CE', Verdana, 'Arial CE', Arial, 'Helvetica CE', Helvetica, sans-serif; }
body { text-align:left; background-color:#999999; margin:25px 0 25px 25px; padding:0; }

#logo { background:#FFFFFF url(../images/global/background-logo.jpg) repeat-x; height:100px;  }
#logo p { display:none; }
#logo img { margin:25px 0 0 30px; }
#banner { background:#FFFFFF url(../images/banner-top/banner.jpg) repeat-x; height:100px; border-bottom:1px solid #000000;  }
#menu { height:30px; background:#A9DCFF url(../images/global/background-menu.jpg) ; }

#box { background-color:#FFFFFF; float:left; width:100%; clear:both; }

#box-stred { /*width:745px;*/ width:58em; float:left; background-color:#FFFFFF; clear:both; }
#box-data { /*width:540px;*/ width:42.5em; float:left; margin-top:10px;  }
#box-novinky { /*width:200px;*/ width:15em; float:right; margin-top:10px;  }

#menu-bottom { font-size:85%; padding-left:10px; margin-top:10px; }

#design { clear:both; text-align:right; font-size:80%; padding:0 10px 10px 0;  }

#bottom { height:16px; background:url(../images/global/background-bottom.jpg) repeat-x;   }
#bottom div { height:16px; background:url(../images/global/background-bottom-ruzek.jpg) no-repeat 0 0; }

#akce a { cursor:pointer; background:url(../images/akce-top/kompletni-reseni.jpg) no-repeat; position:absolute; top:6px; left:590px; width:180px; height:120px; }
#akce span { display:none;  }

#menu ul li a, #menu ul li { display:block; height:30px; font-size:15px; font-weight:bold; color:#000000; text-decoration:none; }

#menu ul { width:100%; height:31px; list-style-type:none; margin:0;  }
#menu ul li { float:left; list-style-type:none; color:#FFFFFF; background:url(../images/menu/background.gif) 100% -31px;  }
#menu ul li a { background:url(../images/menu/background.gif) 100% 0; }
#menu ul li a:hover { background-image:none; color:#FFFFFF; }
#menu ul li span { text-align:center; padding: 6px 0 0 0; display:block; }

#menu ul li.uvod {  width:64px; }
/* #menu ul li.uvod a { width:64px; } */
#menu ul li.domeny {  width:90px; }
#menu ul li.webdesign {  width:125px; }
#menu ul li.webhosting {  width:138px; }
#menu ul li.reference {  width:118px; }
#menu ul li.kontakt {  width:99px; }
#menu ul li.galerie {  width:92px; }

ul#navigation_bottom { padding:0; margin:0; background-color:transparent;  }
ul#navigation_bottom li { list-style:none; display:inline; padding:0px; }
ul#navigation_bottom a {  }
ul#navigation_bottom a:hover {  }

#novinky { padding:0 10px 0 10px; font-size:0.7em; border-left:1px dashed #666666; border-right:1px dashed #666666; /* height:350px; overflow:auto; */}
#novinky h3 { color:#107AB6; font-size:100%;  margin:10px 0;  }
#novinky p { margin:0 0 15px 0; }

a { color: #FF0000; text-decoration:underline; }
a:hover { color:#FFFFFF; background-color:#FF0000; }
a img  { border:0; background:transparent;  }
a:hover img  { background:transparent; border:0 }

hr { display:none; }
p { margin-bottom:10px; }
ul, ol { margin-left:35px; margin-bottom:20px; margin-top:10px; }
ul ul { margin-bottom:0px; }
li { list-style:url(../images/global/li.gif) }
em { font-style:normal; background-color:#FFFF00; color:#0000FF; font-weight:bold; padding:0 2px; }

h1 { margin:0 0 10px 0; padding:8px 20px; border-left:8px solid #CC0000; font-family:Georgia, "Times New Roman", Times, serif; font-size:150%; color:#CC0000; background:url(../images/global/h1.gif) no-repeat 100% 50%; }
h2 { color:#1498DE; font-size:130%; padding-left:20px; margin:15px 0; background:url(../images/global/h2.gif) no-repeat 0 5px; clear:both;  }
h3 { color:#95753B; font-size:120%; margin:15px 0; }

table { border-collapse:collapse; border:2px solid #47A3B5; margin:15px 0; }
table td { font-size:inherit;  border:1px solid #47A3B5; text-align:left; padding:5px; vertical-align:text-top; background:#A5DBFF url(../images/global/background-td.gif) repeat-x; }
table th { font-size:inherit;  border:1px solid #47A3B5; padding:5px; vertical-align:text-top; background:#77BBCA url(../images/global/background-th.gif) repeat-x; vertical-align:middle; }
caption { text-align:left; font-size:80%; }

.prouzek { height:8px; font-size:0; margin:5px 0; background-color:#666666; clear:both; }
.obsah { padding:5px 5px 5px 10px; }
.upoutat { background:#59B9D9 url(../images/global/upoutat.jpg) repeat-x 0 0; color:#FFFFFF; text-align:justify; font-size:105%; padding:15px; border:1px solid #23515A;  }
.upoutat a { color:#35109B; border-bottom:1px dashed #35109B; text-decoration:none  }
.upoutat a:hover { color:#000000; background-color:#FFFFFF; border-bottom:1px dashed #000000; text-decoration:none  }
.center { text-align:center; }
.cara { height:1px; font-size:0; background-color:#666666; margin:5px 0; }
.red { color:#FF0000; }

.cistic { clear:both; height:1px; border:none; margin:-1em 0 0 0;  visibility:hidden; font-size:0; }
.cleaner {clear:both; height:1px; margin:0; top:-1px; border:none;}

/* ********* UVOD ********** */
#krok-1, #krok-2, #krok-3 { float:left; margin-right:8px; text-align:center; border:1px solid #999999; width:12.8em; }

#krok-1 .domena, #krok-2 .domena, #krok-3 .domena { color:#000000; font-size:1.3em; font-weight:bold; margin:3px; padding:5px 0; border:1px solid #999999; }
#krok-1 .cena, #krok-2 .cena, #krok-3 .cena { font-size:1.6em; font-weight:bold; background:#EEEEEE; padding:10px 0; border-top:1px solid #999999; border-bottom:1px solid #999999; }
#krok-1 .text, #krok-2 .text, #krok-3 .text {  font-size:0.8em; color:#000000; padding:5px 0; height:8em; }
#krok-1 .sipka, #krok-2 .sipka, #krok-3 .sipka { height:3.5em; display:block; }
#krok-1 .sipka span, #krok-2 .sipka span, #krok-3 .sipka span { padding:14px 15px; background-color:transparent; display:block; text-align:left; }
a.sipka { color:#000000; font-weight:bold; text-decoration:none; }

#krok-1 .domena { background:#FFE47C url(../images/uvod/tri-kroky/domena.gif) repeat-x; }
#krok-1 .cena { color:#FFC900; }
#krok-1 .text {  }
#krok-1 .sipka {  background:url(../images/uvod/tri-kroky/domena-sipka.gif) no-repeat 50% 50%; }

#krok-2 .domena { background:#FFBD7B url(../images/uvod/tri-kroky/webdesign.gif) repeat-x; }
#krok-2 .cena { color:#FF7D00; }
#krok-2 .text {  }
#krok-2 .sipka {  background:url(../images/uvod/tri-kroky/wedesign-sipka.gif) no-repeat 50% 50%; }

#krok-3 .domena { background:#C6E0A2 url(../images/uvod/tri-kroky/webhosting.gif) repeat-x; }
#krok-3 .cena { color:#94C552; }
#krok-3 .text {   }
#krok-3 .sipka {  background:url(../images/uvod/tri-kroky/webhosting-sipka.gif) no-repeat 50% 50%; }

/* ********* WebDesign ********** */
/*
#global-webdesign p.banner { text-align:center; }
#global-webdesign p.banner img { border:0; }
#global-webdesign p.banner span { display:none; }
*/
#global-webdesign .banner { margin:5px; padding:0; position:relative; width:145px; height:95px; overflow:hidden; float:left;  }
#global-webdesign .banner span { cursor:pointer; display:block; position:absolute; left:0; top:0; z-index:1; width:145px; height:95px; margin:0; padding:0; }
#global-webdesign .banner span.a { 	background:url("../images/webdesign/osloveni-zakaznika.jpg") top left no-repeat; }
#global-webdesign .banner span.b { 	background:url("../images/webdesign/grafika.jpg") top left no-repeat; }
#global-webdesign .banner span.c { 	background:url("../images/webdesign/aktualizace-obsahu.jpg") top left no-repeat; }
#global-webdesign .banner span.d { 	background:url("../images/webdesign/pristupnost.jpg") top left no-repeat; }
#global-webdesign .banner span.e { 	background:url("../images/webdesign/cena.jpg") top left no-repeat; }
#global-webdesign .banner span.f { 	background:url("../images/webdesign/postup-pri-tvorbe-prezentace.jpg") top left no-repeat; }

/* ********* DOMENY ********** */

#global-domeny .banner { margin:5px; padding:0; position:relative; width:145px; height:95px; overflow:hidden; float:left;  }
#global-domeny .banner span { cursor:pointer; display:block; position:absolute; left:0; top:0; z-index:1; width:145px; height:95px; margin:0; padding:0; }
#global-domeny .banner span.a { background:url("../images/domeny/jak-spravne-zvolit-domenove-jmeno.jpg") top left no-repeat; }
#global-domeny .banner span.b { background:url("../images/domeny/nejznamejsi-domeny-nejvyssi-urovne.jpg") top left no-repeat; }
#global-domeny .banner span.c { background:url("../images/domeny/pravidla-registrace-domenovych-jmen.jpg") top left no-repeat; }

/* ********* GALERIE ********** */
#global-galerie img { border:6px solid #669900; margin:5px;   }

/* ********* REFERENCE ********** */
#global-reference .nahled  { float:left; width:200px; }
#global-reference .popis { float:left; width:320px;}
#global-reference .url { float:left; width:320px;}

#global-reference .nahledy { margin-right:5px; }
#global-reference .designs { clear:both; margin-top:20px; }
#global-reference .zpet { border:2px solid #107AB6; text-align:center;  display:block; padding:5px; font-size:110%; font-weight:bold;  }

#global-reference .images img { border:1px solid #000000; }
#global-reference .images { margin-bottom:20px; clear:both; }

#global-reference table { border:0; }
#global-reference table td { border-left:0; border-right:0; border-top:0; border-bottom:1px solid #47A3B5; background:transparent; }
#global-reference table img { border:1px solid #47A3B5; }

/* ********* KONTAKT ********** */
#global-kontakt .left  { border:0px solid #669900; float:left; width:20em; }
#global-kontakt .right { border:0px solid #669900; float:left; width:20em; margin-left:10px; }


/* ********* CENA ********** */
#web-1, #web-2, #web-3 { float:left; margin-right:8px; text-align:center; border:1px solid #999999; width:12.8em; }

#web-1 .domena, #web-2 .domena, #web-3 .domena { color:#000000; font-size:1.3em; font-weight:bold; margin:3px; padding:5px 0; border:1px solid #999999; }
#web-1 .cena, #web-2 .cena, #web-3 .cena { font-size:1.6em; font-weight:bold; background:#EEEEEE; padding:10px 0; border-top:1px solid #999999; border-bottom:1px solid #999999; }
#web-1 .text, #web-2 .text, #web-3 .text {  font-size:0.8em; color:#000000; padding:5px 0; height:26em; }
#web-1 .sipka, #web-2 .sipka, #web-3 .sipka { height:3.5em; display:block; }
#web-1 .sipka span, #web-2 .sipka span, #web-3 .sipka span { padding:14px 15px; background-color:transparent; display:block; text-align:left; }
a.sipka { color:#000000; font-weight:bold; text-decoration:none; }

#web-1 .domena { background:#FFE47C url(../images/uvod/tri-kroky/domena.gif) repeat-x; }
#web-1 .cena { color:#FFC900; }
#web-1 .text {  }
#web-1 .sipka {  background:url(../images/uvod/tri-kroky/domena-sipka.gif) no-repeat 50% 50%; }

#web-2 .domena { background:#FFBD7B url(../images/uvod/tri-kroky/webdesign.gif) repeat-x; }
#web-2 .cena { color:#FF7D00; }
#web-2 .text {  }
#web-2 .sipka {  background:url(../images/uvod/tri-kroky/wedesign-sipka.gif) no-repeat 50% 50%; }

#web-3 .domena { background:#C6E0A2 url(../images/uvod/tri-kroky/webhosting.gif) repeat-x; }
#web-3 .cena { color:#94C552; }
#web-3 .text {   }
#web-3 .sipka {  background:url(../images/uvod/tri-kroky/webhosting-sipka.gif) no-repeat 50% 50%; }

/* ********* objednavka ********** */
#global-objednavka fieldset   { padding:10px; margin:10px 0 ; width:350px; }

#global-objednavka legend { padding:10px;}
#form-button { margin:10px 0;}
.hvezda { color:#FF0000; }
.red { color:#FF0000; }

#global-objednavka-prehled fieldset   { padding:10px; margin:10px 0 ; width:350px; }
#global-objednavka-prehled legend { padding:10px;}


/* ********* webhosting ********** */
#global-webhosting td  { vertical-align:middle; text-align:center; }