/********************************************************************************************************************
	Autor:   Martin Felcman - martin@felcman.cz - www.felcman.cz
	Projekt: Stronghost.cz
	
	Posledni uprava:      2.3.2009
	Adresa CSS dokumentu: www.stronghost.cz/templates/stronghost/css/styles.css
	
 *****************************************************************************************************************/
* {margin:0; padding:0;}
body, div, span, p, a, img, ul, ol, li, table, th, tr, td, form, fieldset, legend, dl, dt, dd, blockquote, applet, object {border:0;}
body {background: #fff url(../images/bg.png) repeat-x; font-family: Arial, Tahoma, Helvetica, sans-serif; color: black; text-align: center; height: auto; }
h1 { position: relative;  width: 280px; height: 50px; margin: 12px 0 0 0px; overflow:hidden; float: left; }
h1 span { display:block; position:absolute; left:0; top:0; z-index:1; width: 280px; height: 50px; background:url(../images/logo.png) top left no-repeat;}
h2.slogan span, #novinky h3 span, a.created span, .none  { display: none !important; }
legend { display: none; }
address {margin: 0px 0 10px 0px; line-height: 150%; font-style: normal; font-size: 0.75em; float: left; width: 300px; clear: left;}
hr.clear {clear:both; height:1px; margin: -1px 0 0 0; padding:0; border:none;	visibility: hidden;   }
.cotojatka { background: #000; padding: 4px; font-size: 0.8em; color: #fff; font-weight: bold; margin: 0;}
a.nw { padding-right: 12px; background: url(../images/nw.gif) no-repeat center right;}

#content { width: 1000px;  margin: 0px auto; height: auto; text-align: left; background: url(../images/header.png) top center no-repeat; }

ul#menu { display: block; float: right; width: 620px; list-style: none;}
ul#menu li { display: block; float: left; padding: 0 10px;}
ul#menu li a { display: block; height: 17px; padding: 18px 0 0 0;  position: relative;  margin: 0px; overflow:hidden; }
ul#menu li a span {display:block; position:absolute; left:0; top:0; z-index:1; height: 17px; padding: 18px 0 0 0;  margin: 0px;}
ul#menu li a:hover span {height: 17px;  border-top: 3px solid #ccc; padding: 15px 0 0 0; display:block; position:absolute; left:0; top:0; z-index:1;  margin: 0px; }

ul#menu li a.menu-domu { width: 33px;  }
ul#menu li a.menu-domeny {width: 44px;}
ul#menu li a.menu-aplikace { width: 51px;}
ul#menu li a.menu-onas{  width: 33px;}
ul#menu li a.menu-kontakt {  width: 49px;}
ul#menu li a.menu-hosting { width: 48px;}
ul#menu li a.menu-podpora {  width: 50px;}
ul#menu li a.menu-objednavka { width: 74px;}
ul#menu li a.menu-reference { width: 57px;}

ul#menu li a.menu-domu span { background: url(../images/menu-domu.png) bottom center no-repeat; width: 33px;  }
ul#menu li a.menu-domeny span { background: url(../images/menu-domeny.png) bottom center no-repeat; width: 44px; }
ul#menu li a.menu-aplikace span { background: url(../images/menu-aplikace.png) bottom center no-repeat; width: 51px; }
ul#menu li a.menu-onas span { background: url(../images/menu-onas.png) bottom center no-repeat; width: 33px; }
ul#menu li a.menu-kontakt span { background: url(../images/menu-kontakt.png) bottom center no-repeat; width: 49px; }
ul#menu li a.menu-hosting span { background: url(../images/menu-hosting.png) bottom center no-repeat; width: 48px; }
ul#menu li a.menu-podpora span { background: url(../images/menu-podpora.png) bottom center no-repeat; width: 50px; }
ul#menu li a.menu-objednavka span { background: url(../images/menu-objednavka.png) bottom center no-repeat; width: 74px; }
ul#menu li a.menu-reference span { background: url(../images/menu-reference.png) bottom center no-repeat; width: 57px; }


h2.slogan { margin: 76px 0 0 0; background:url(../images/slogan.png) top center no-repeat; height: 30px; width: 620px; clear: both;}

form.overeni-dostupnosti { display: block; height: 50px; margin: 70px 0 23px 0; _margin: 50px 0 23px 0;}
*+html form.overeni-dostupnosti {  margin: 50px 0 23px 0;}
form.overeni-dostupnosti legend { display: block; font-size: 0.7em; color: #fff; font-weight: bold; }
form.overeni-dostupnosti input { border: 1px solid #ccc; height: 20px; width: 150px; margin: 1px 0 0 0; display: block; float: left;  }
form.overeni-dostupnosti select { border: 1px solid #ccc; height: 20px; margin: 1px 6px 0 4px; display: block; float: left;  }
form.overeni-dostupnosti input.submit {background: url(../images/a-bg-orange.png) top center repeat-x; height: 24px; padding: 0px 10px; margin: -1px 0 0 0;  font-size: 12px; color: #fff; font-weight: bold; border: 0;   }

div.tarify { margin: 0 auto; width: 1000px; }
div.tarify ul { list-style-image: url(../images/li.png); line-height: 140%; font-size: 0.75em; color:#444; margin: 0 0 0 25px; padding: 0; display: block;}
div.tarify a.podrobnosti { color: #013738; text-decoration: underline;  display: block;  margin: 0 0 0 10px ; font-size: 0.7em;}
div.tarify a.podrobnosti:hover { color: #ff5f00;}
div.tarify p.cena { color: #444; font-size: 0.8em; font-weight: bold; padding: 0 0 0 10px;}
div.tarify p.cena span { color: #ff5f00; font-size: 1.2em;}
div.tarify h3 span { display: none;}

.tarif-students, .tarif-mini, .tarif-standart, .tarif-live { float: left; width: 179px; border-right: 1px solid #013738; padding: 0 10px; margin: 0 0 10px 0;}
.tarif-profi { float: left; width: 185px; border-right: 0px solid #013738; padding: 0 5px 0 10px;}
.tarif-students h3 { background:url(../images/tarif-students.png) top left no-repeat; width: 133px; height: 21px; margin: 0 0 5px 0; }
.tarif-mini h3 { background:url(../images/tarif-mini.png) top left no-repeat; width: 68px; height: 21px; margin: 0 0 5px 0; }
.tarif-standart h3 { background:url(../images/tarif-standart.png) top left no-repeat; width: 140px; height: 21px; margin: 0 0 5px 0; }
.tarif-live h3 { background:url(../images/tarif-live.png) top left no-repeat; width: 70px; height: 21px; margin: 0 0 5px 0; }
.tarif-profi h3 { background:url(../images/tarif-profi.png) top left no-repeat; width: 86px; height: 21px; margin: 0 0 5px 0; }

#novinky {float: right; width: 230px; background: #f4f4f4; margin: 5px 0 15px 0 ; padding: 10px; }
#left {float: left; width: 735px; margin: 0 0 15px 0; color: #333;}
#footer { clear: both; width: 935px; margin: 0 auto ; padding: 15px 15px 15px 50px; _padding: 20px 15px 5px 50px; background: #013738 url(../images/footer-logo.png) 15px center no-repeat; color: #fff; font-size: 0.7em;}
*+html #footer {padding: 20px 15px 5px 50px;}

#novinky h3 { background:url(../images/novinky.png) top left no-repeat; width: 138px; height: 13px;}
#novinky h4 { font-size: 0.8em; font-weight: bold; color: #013738; margin: 10px 0 2px 0;}
#novinky p { font-size: 0.7em;  color: #013738; line-height: 120%;}
#novinky a { color: #013738; text-decoration: underline;}
#novinky a:hover { color: #013738; text-decoration: underline;}
#novinky p span.datum { text-decoration: underline; }
div.support {  margin: 5px 0px; width: 130px;  float: right;}

p.imp-links { text-align: center; padding: 0 0 10px 0; margin: 0px 0 0 0;}
a.a-orange { background:url(../images/a-bg-orange.png) repeat-x top center;  padding: 5px 10px; color: #fff !important; text-decoration: none !important; font-size: 12px; font-weight: bold; }
a.a-green { background:url(../images/a-bg-green.png) repeat-x top center;  padding: 5px 10px; color: #fff !important; text-decoration: none !important;  font-size: 12px;   font-weight: bold;}
a.a-orange:hover, a.a-green:hover { text-decoration: underline !important;}

#left p { font-size: 0.75em; line-height: 150%; padding: 5px 5px 10px 5px;}
#left ul { font-size: 0.75em; line-height: 150%; padding: 0; margin: 5px 0 10px 25px; list-style-image: url(../images/li2.png);}
#left ul ul { font-size: 1em; }
#left h2 { font-size: 0.95em; margin: 0px 0 0 0; color: #013738; }
#left h3 { font-size: 0.8em; margin: 5px 0 0 0; color: #ff5f00; }
#left p.priklad { padding: 3px 0 3px 10px; border-left: 2px solid #ff5f00; font-style: italic; margin: 0 0 10px 0; }
#left p.priklad span { text-decoration: underline;}
#left a { color: #013738; text-decoration: underline;}
#left a:hover { color: #777;  text-decoration: none; }
#left .proc { width: 370px; float: left;  }
#left div.ziskam { float: right; width: 320px;}
#left p.dph { padding: 0 0 0 5px; color:#777; font-size: 0.6em;}
#left table { width: 735px; margin: 5px 0 10px 0; font-size: 0.75em; line-height: 180%; }
#left table th { padding: 0 7px; text-align: left; font-weight: bold; background: #013738; color: #fff;}
#left table td { padding: 0 7px; color: #333;}
#left table .line td { background: #f4f4f4;}

#left .bigform th { padding:0 7px; font-weight: normal; background: none; color: #333; width: 200px;}
#left input.input-text { width: 200px; height: 20px;}
#left .bigform select { width: 207px; height: 20px;}

table.hosting, table.hosting th{ text-align: center !important;}
table.hosting td.head { text-align: left; font-weight: bold;}
table.hosting .hosting-footer td { font-weight: bold; background: #ddd; padding: 2px 0;}
table.hosting .hosting-footer-objednani td { height: 35px;  background: #ddd;}


#footer p.copyright { float: left; width: 300px; margin: 0;}
#footer p.footer-menu { float: right; width: 600px; margin: 0; text-align: right;}
#footer a {color: #fff; text-decoration: underline;}
#footer a:hover {color: #777; text-decoration: underline;}
a.karty { float: left; width: 282px; height: 27px; margin: 7px 0; display: block;}
a.created { float: right; background: url(../images/martin-felcman-icon.gif) top center no-repeat; height: 22px; width: 100px; margin: 7px 0;} 

img.mapa { float: right; margin: 0 5px 5px 5px; width: 200px; }

form.kontakt { display: block; margin: 0 0 10px 0; }
h3.kontakt { margin: 30px 0 0 0; clear: both; }
form.kontakt  input { border: 1px solid #ccc; height: 20px; width: 200px; margin: 0; background: url(../images/inputbg.png) repeat-x top left;}
form.kontakt  textarea { border: 1px solid #ccc; height: 100px; width: 500px; margin: 0;  background: url(../images/inputbg.png) repeat-x top left;  }
form.kontakt  input.submit { background: url(../images/a-bg-orange.png) top center repeat-x; padding: 0px 10px; margin: 0;  font-size: 12px; color: #fff; font-weight: bold; border: 0;  width: 94px; height: 24px;   }
.fl-l { width: 300px; float: left;}

#left ul.objednavka-kroky { margin: 0 0 0 -6px; clear:both; font-size: 0.8em; list-style: none; list-style-image: none !important; }
#left ul.objednavka-kroky li { display: block; float: left;  padding: 8px; margin: 10px 6px; background: #eee; color: #013738;}
#left ul.objednavka-kroky li.active {background: #ff5f00; color: #fff; font-weight: bold;}

#left table.obj-domena { text-align: center; line-height: 180%;}
#left table.obj-domena td { padding: 5px 0;}
form.objednavka input.obj-submit, input.obj-submit { background: url(../images/a-bg-orange.png) top center repeat-x; height: 24px; padding: 0px 10px; font-size: 12px; color: #fff; font-weight: bold; border: 0;}

form.objednavka input {  border: 1px solid #ccc;  margin: 0; padding: 2px 3px; background: url(../images/inputbg.png) repeat-x top left;}
form.objednavka select {  border: 1px solid #ccc;  margin: 0; padding: 2px 3px; background: url(../images/inputbg.png) repeat-x top left ; }form.objednavka table td { padding: 3px 0 !important;}

#left table.rekapitulace th { font-weight: normal; background: 0; width: 250px; color:#333;}

.green { color:green !important;}
.red  { color:red !important;}
.bold { font-weight: bold !important;}
div#tipDiv {color:#000; font-size:11px; line-height:1.2; background-color:#E1E5F1; border:1px solid #667295;width:210px; padding:4px; }

img.podpora-obr { display: block; float: left; width: 200px; height: 288px; margin: 0 10px 5px 0px;}
img.onas-obr { display: block; float: right; width: 126px; height: 200px; margin: 0 5px 5px 5px;}

#left p.action { background: #FFFFE6 url(../images/logo-male.png) 1% 50% no-repeat; padding: 10px 10px 10px 40px; border: 1px solid #E3EDBF; margin: 10px 0;}

#linkfoot { margin: 10px auto; text-align: center; width: 1000px; font-size: 0.60em;}
#linkfoot a { color: #777; text-decoration:underline;} 
#linkfoot a:hover { color: #323232; text-decoration:underline;} 

.blok { float:left; margin-right: 0.5em; width: 120px; }