/**{margin:0;padding:0;}*/
html {background:#e9e9e9 }
body {color:gray/*#7f7e7e*/;  font-size:80%;margin:0 auto; width:100%;height:100%; letter-spacing:0px; text-align:center;font-family:verdana,Tahoma,"trebuchet ms", georgia,arial,lucida,sans-serif !important;line-height:1.4;}
img {border:0;}
ul li {list-style-type:none;}
#top{background:url(/images/layout/top.png) top repeat-x; position:absolute; left:0px; z-index:0;  width:100%; height:412px; border: 0px solid red; }
/*#stin2{background:url(../images/layout/stin2.png) top center no-repeat; position:absolute; top:200px; z-index:0;  width:100%; height:300px; }*/
b { font-weight: bold;}
strong {font-weight: bold;}
em {color:#FFF}
.fleft {float:left!important; margin:0 10px 0 0}
.fright {float:right!important; margin:0 0 0 20px}
.big {font-size:160%; color:#1b497f}
.blue {color:#1b497f}
/*nadpisy*/
h1, h2, h3, h4, h5, h6 {letter-spacing:-1px; text-align:left; font-weight: bold; margin-bottom: 0px; /*font-family: "Arial", sans-serif;*/}

/*head*/
#head {width:980px; height:118px; margin:0 auto; text-align:center; position:relative; border:0px solid green; z-index:10}
#head-in  {background: no-repeat; width:980px; height:118px; display:block; border:0px solid green; z-index:100; position:relative;}
#logoclick {/*background:url("/images/layout/logo.png") no-repeat;*/ position:relative; top:20px; left:0px; z-index:5; width:237px; height:80px; border: 0px solid red; }
#head-table {width:700px; height:118px; float:right; border: 0px solid green;}
#head-table .nadpis{color:red; height: 25px; font-size: 12px; font-weight: bold; padding-top: 5px; vertical-align: bottom; text-align:center;}
#head-table .nadpis:hover{color: black;}
#head-table th{color:red; height: 15px; font-size: 12px; font-weight: bold; padding-top: 5px;}
#head-table th.delic {background:url("/images/layout/top-oddelovac.png") top no-repeat; width:1px;}
#head-table-login { background-color:#6b6a6a; width:331px; height:102px; text-align: left;}
#head-table-login th{ color:#e9e9e9; height: 22px; text-align: center; padding-bottom: 5px;}
#head-table-login #webmail {background-color:#6a6969; width: 50%; cursor: pointer;}
#head-table-login #webadmin {background-color:#8d8c8c; width: 50%; cursor: pointer;}
#head-table-login input{ color:#7f7e7e; width: 195px; height:18px; margin-left: 10px; margin-top: 5px;}
#head-table-login .ok {background-color:#d13a02; color:#e9e9e9; width: 22px; height:20px; padding:0px; margin:0px; margin-top:5px; margin-left:5px; font-size:10px; border: 0px; vertical-align: top; cursor: pointer; }
#head h1{color:#000;/*font-family:"Arial";*/ overflow:hidden;font-weight:normal;letter-spacing:0px;position:absolute;left:30px;top:15px;font-size:250%;z-index:0;width:900px;text-align:left; clear:both}
i.fa-envelope:hover {color: black;}
i.fa-user-tie:hover {color: black;}
i.fa-cart-arrow-down:hover {color: black;}

/* menu */
#menu {background: no-repeat; position:relative; font-size:12px; font-weight: normal; height:37px; margin:0 auto; border:0px solid green; letter-spacing:1px; z-index:10000 }
#menu ul {margin:0px; margin-left:0px;}
#menu li {display:inline;  }
#menu a, .aktiv {border-left:url("/images/layout/menu-oddelovac.png"); border-right:1px solid #ba0400; color:#fff; text-decoration: none; padding:0 14px; height:37px; line-height:35px;  display:block; float:left;   }
#menu a:hover {background:#343434; color:white; text-decoration:none;}
#menu li.active a { background:#343434; color:#fff; }
.aktiv {background:#1b4a71; color:#fff}

/*hlavni-layout-obsahova-cast+prava*/
#hlavni {width:980px; margin:0 auto; display:block; position:relative; min-height:600px; height:auto; border: 0px solid green;}
#in {background: ; min-width: 980px; position:relative; z-index:100; float:left; min-height:600px}
#obsah { background:white; min-height: 280px; border-left:1px solid grey; border-right:1px solid grey; border-bottom: 1px solid grey; margin-bottom: 10px;}

/*stred-obsahova-cast*/
#stred_web_titulni {width:980px; float:right; position:relative; right:1px; padding-top:0px; text-align:left; letter-spacing:0.1px; border: 0px solid red;}
#stred {width:720px; float:right; position:relative; right:1px; padding-top:0px; margin-right:10px; text-align:left; letter-spacing:0.1px; border: 0px solid red;}

#stred p {text-align:justify; margin-top: 8px; margin-bottom: 8px;}
#stred p:first-line {text-indent: 10px;}
#stred strong {color: black;}
#stred h1 {color: #000; font-size: 28px; margin-top:0px;  padding-top:0px;}
#stred h1 span {color:#000;}
#stred h1 b {color:#000; }
#stred h2, #stred h2 a {color:#000; font-size:25px;   }
#stred h2 a {font-size:100%}
#stred h3 {color: #000; font-size:160%;}
#stred h4 {color:#000; font-size:160%;}
#stred ul {margin: 0 0 0 0px; text-align: left;}
#stred ul li {list-style-type: disc; margin-left: 15px; padding-right: 20px;}
#stred ol {margin: 0 0 0 20px; text-align: left;}
#stred ol li {list-style-type: decimal; margin-left: 25px; padding-right: 20px;}
#stred hr{color: #dfdfdf; background-color: #dfdfdf; border: 0 none; height: 1px; margin: 10px auto; text-align: center; width: 100%; clear: both; float: left;}
#stred a  {color:red/*#d40400*//*#6b6a6a*/;}
#stred a:hover {color:black;}
#stred a img {}
#stred a:hover img {border:#000 0px solid}
.w580 {width:580px}
#stred .box, #stred .box2 {padding-bottom: 10px;}
#stred table {border-collapse: collapse;}
#stred table td{ vertical-align: top;}
#stred .reference-box a img {border: 1px solid silver;}
#stred .reference-box a img:hover {border: 1px solid silver;}

#stred_web table.table-border, #stred table.table-border {border: 1px solid #343434;}
/*#stred table td {padding: 3px;}*/
#stred_web table th, #stred table th {background-color: #343434; color: #FFFFFF; font-weight: bold;  text-align: center; padding-left: 5px; padding-right: 5px;}

#stred .table_server {border: 1px solid #343434;}
#stred table .table_server td {padding: 3px;}
#stred table .table_server_nadpis {background-color: #343434; color: #FFFFFF; font-weight: bold;  text-align: center;}
#stred .table_server td {padding: 3px;}

#stred_web_titulni #dlazdice { margin-top:20px;}
#stred_web_titulni #dlazdice h1 { color: white; font-size: 21px; height:60px; text-decoration: none; margin:0px; line-height:1.2; margin-bottom:10px; border: 0px solid red;}
#stred_web_titulni #dlazdice a { color: white; font-size: 16px; text-decoration: none;}
#stred_web_titulni #dlazdice input {color:#C0C0C0; height:21px;}
#stred_web_titulni #dlazdice .ok {background-color:#d13a02; color:#e9e9e9; font-size:10px; width: 22px; height:22px; margin:0px; padding:0px; border: 0px; cursor: pointer;}

#stred_web_titulni #dlazdice td.dlazdice-domeny {background: url("/images/layout/dlazdice-orange.png") no-repeat; width:334px; height: 134px; vertical-align:top; }
#stred_web_titulni #dlazdice td.dlazdice-domeny div  {padding-top:15px; padding-left:0px; }
#stred_web_titulni #dlazdice td.dlazdice-domeny h1  {height:0px; }
#stred_web_titulni #dlazdice td div.odkaz {width: 120px; height: 80px; float: left;}
#stred_web_titulni #dlazdice td.dlazdice-domeny input#overeni-domeny {width: 140px; height: 18px;}
#stred_web_titulni #dlazdice td.dlazdice-webhosting {background: url("/images/layout/dlazdice-yellow.png") top center no-repeat; width:334px; height: 134px; vertical-align:top;  }
#stred_web_titulni #dlazdice td.dlazdice-webhosting div  {padding-top:15px; padding-left:130px; }
#stred_web_titulni #dlazdice td.dlazdice-serverhosting {background: url("/images/layout/dlazdice-blue-1.png") top right no-repeat; width:334px; height: 134px; vertical-align:top; }
#stred_web_titulni #dlazdice td.dlazdice-serverhosting div  {padding-top:15px; padding-left:140px; }

#stred_web_titulni #dlazdice td.dlazdice-systemovaintegrace {background: url("/images/layout/dlazdice-green.png") no-repeat; height: 134px; vertical-align:top; }
#stred_web_titulni #dlazdice td.dlazdice-systemovaintegrace div  {padding-top:15px; padding-left:120px; }
#stred_web_titulni #dlazdice td.dlazdice-virtualniservery {background: url("/images/layout/dlazdice-blue-2.png") top center no-repeat; height: 134px; vertical-align:top; }
#stred_web_titulni #dlazdice td.dlazdice-virtualniservery div  {padding-top:15px; padding-left:130px; }
#stred_web_titulni #dlazdice td.dlazdice-sip {background: url("/images/layout/dlazdice-red.png") top right no-repeat; height: 134px; vertical-align:top; }
#stred_web_titulni #dlazdice td.dlazdice-sip h1  {height: 28px; margin-bottom: 0px;}
#stred_web_titulni #dlazdice td.dlazdice-sip div  {padding-top:15px; padding-left:140px; }
#stred_web_titulni #dlazdice td.dlazdice-sip div.levne-telefonovani  {padding-top:0px; padding-left:0px; margin-top: 0px; font-size: 14px; font-weight:bold; letter-spacing:-1px; line-height:16px; margin-top: 0px; margin-bottom: 10px}
#stred_web_titulni #dlazdice td.dlazdice-sip div.levne-telefonovani a {font-size: 14px;}

#stred_web_titulni td.dlazdice-administraceserveru {background: url("/images/layout/dlazdice-blue-3.png") no-repeat; height: 134px; vertical-align:top; }
#stred_web_titulni #dlazdice td.dlazdice-administraceserveru div  {padding-top:15px; padding-left:120px; }
#stred_web_titulni td.dlazdice-internetovareklama {background: url("/images/layout/dlazdice-tyrkys-1.png") top center no-repeat; height: 134px; vertical-align:top; }
#stred_web_titulni #dlazdice td.dlazdice-internetovareklama div  {padding-top:15px; padding-left:130px; }
#stred_web_titulni td.dlazdice-webdesign {background: url("/images/layout/dlazdice-tyrkys-2.png") top right no-repeat; height: 134px; vertical-align:top; }
#stred_web_titulni #dlazdice td.dlazdice-webdesign div  {padding-top:15px; padding-left:140px; }


/*#stred th {background: #709D0E; color: #FFFFFF; text-align: center; font-family: "Arial", sans-serif; font-weight: bold; border: 1px solid grey;}
#stred td {background: #FFFFFF; color: #000000; text-align: center; font-family: "Arial", sans-serif; font-weight: normal; border: 1px solid grey;}*/

/*box*/
.box, .box2 {background:#edf4f9 top right repeat-y; height:auto; width:707px; position:relative; float:; margin:5px; margin-bottom:0; border-bottom:#d1e0ea 1px solid; border-left:#e3edf4 1px solid; border-top:#e3edf4 1px solid }
.box2 {background:#e8f3fa url(../images/layout/bg-box2.png) top right repeat-y;}
.b-bottom {border-bottom:#fff 10px solid!important}
.b-bottom-none, .b-bottom-none p {border-bottom:none!important}
.box p, .box2 p {padding:10px 20px 20px!important}
.box h1, .box h2, .box h3, .box h4, .box2 h1, .box2 h2, .box2 h3, .box2 h4 {padding: 10px 10px 0; margin-top: 0px;}
.box h4, .box2 h4 {font-weight: bold; font-style: normal; color: #F24E00;}
.m-bottom {margin-bottom: 10px}

.box input#overeni-domeny {width: 160px; height: 18px;}
.box .ok {background-color:#d13a02; color:#e9e9e9; font-size:10px; width: 22px; height:22px; margin:0px; padding:0px; border: 0px; cursor: pointer;}


/*leva*/
#leva {width: 220px; float: left; position: relative; left: 1px; color:white; text-align: left; border: 0px solid red;}
#leva h2, #leva .h2 {font-size:130%; color:white; background-color: #d40400; vertical-align: middle; padding-bottom: 10px;}
#leva p {margin:10px 10px 0px 10px; border-bottom:#cfe5f3 0px dashed; padding:0px 0!important; padding-top: 0 !important; font-size: 90%;}
#leva table {width:100%}
#leva img {margin:0 auto; text-align:center; float:none!important}

#leva .bocni-menu {background-position:top right; width:220px; background-color:#6b6a6a; text-align:justify; padding-bottom:0px; border-left:#e3edf4 0px solid; border-top:#e3edf4 0px solid;  margin:5px; margin-bottom: 0px;}
#leva .menu_title {padding: 10px 20px 10px 10px; font-size:130%; color:white; background-color: #d40400; vertical-align: middle; font-weight: bold;}
/*
#leva .bocni-menu ul {padding: 10px; margin: 0 0px;}
#leva .bocni-menu ul li {list-style-type: disc; margin-left: 13px; color: #FFF;}
#leva .bocni-menu ol {padding: 10px; margin: 0 0px;}
#leva .bocni-menu ol li {list-style-type: decimal; margin-left: 13px; color: #FFF;}
*/
.Xbocni-menu ul, .bocni-menu2 ul, #leva ul {margin-bottom: 0px; margin: 0px; padding: 0px;}
.Xbocni-menu li .bocni-menu2 li, #leva li {text-align: left; letter-spacing: 0px; text-indent: 0px; margin:0px; padding:0px; margin-bottom: 0px; border-bottom: 2px solid white; min-height: 35px;}
/*.bocni-menu2 li a {background: url(/images/layout/bocni-menu.pngX) top left no-repeat; width: 180px; text-decoration: none; color: #000; padding: 0 0 0 30px; display: block; line-height: 35px;}
.bocni-menu2 li a:hover {background: url(/images/layout/bocni-menu.pngX) center left no-repeat; color: #fff;}*/
.Xbocni-menu li a {background:  center left no-repeat; text-decoration: none; color: #fff; padding: 0 0 0 10px; display: block; line-height: 35px;}
.Xbocni-menu li a:hover {background:#363535 top left no-repeat; color: #FFF;}
.Xsubkat ul, .subkat .menu ul {margin-bottom: 0!important}
.Xsubkat li a, .subkat .menu {background:#d6d6d6 bottom left no-repeat; font-weight: normal; color: #000 !important; border-bottom: #f5f5f5 0px solid;}
.Xsubkat li a:hover, .subkat .menu:hover {background:#363535  center right no-repeat; text-decoration:none !important; color: #FFF !important;}
/*.subkat2 ul, .subkat2 .menu ul {margin-bottom: 0!important}
.subkat2 li {margin: 0px; padding: 0px;}
.subkat2 li a, .subkat2 .menu {background: url(/images/layout/bocni-menu.pngX) bottom left no-repeat !important; font-weight: normal; color: #000 !important; border-bottom: #f5f5f5 1px solid; width: 170px; line-height: 15px !important;; padding: 0 0 0 30px !important;}
.subkat2 li a:hover, .subkat2 .menu:hover {background: url(/images/layout/subkat.pngX) center right no-repeat; text-decoration:underline !important;; color: #528515 !important;}*/
.Xclose-open a {background:#363535  center left no-repeat !important; color: #fff !important;}
 .Xsubkat-open a {background:#d6d6d6  center left no-repeat !important; color: #000 !important; font-weight: bold;}
.Xopen a {background:#363535 center left no-repeat !important; color: #fff !important;}
.Xclose-open-multi a {background:#363535 center left no-repeat !important; color: #fff !important;}

/*nove*/
.bocni-menu, .bocni-menu2 {background-position:top right; width:220px; background-color:#6b6a6a; text-align:justify; padding-bottom:0px; border-left:#e3edf4 0px solid; border-top:#e3edf4 0px solid;  margin:5px; margin-bottom: 0px;}
.bocni-menu ul, .bocni-menu2 ul, #leva ul {margin-bottom: 0px; margin: 0px; padding: 0px;}
.bocni-menu li .bocni-menu2 li, #leva li {text-align: left; letter-spacing: 0px; text-indent: 0px; margin:0px; padding:0px; margin-bottom: 0px; border-bottom: 2px solid white; min-height: 35px;}
.bocni-menu li a {background:  center left no-repeat; text-decoration: none; color: #fff; padding: 0 0 0 10px; display: block; line-height: 35px;}
.bocni-menu li a:hover {background:#363535 top left no-repeat; color: #FFF;}
.bocni-menu2 li a {background:  center left no-repeat; text-decoration: none; color: #fff; padding: 0 0 0 10px; display: block; line-height: 35px;}
.bocni-menu2 li a:hover {background:#363535 top left no-repeat; color: #FFF;}

.subkat a {background: none no-repeat scroll left bottom #D6D6D6 !important; font-weight: normal; color: #000 !important; border-bottom: #f5f5f5 0px solid;}
.subkat a:hover {background:#363535  center right no-repeat !important; text-decoration:none !important; color: #FFF !important;}
.subkat2 a {}
.subkat2 a:hover {}

.bocni-menu li.end{background:none; background-color: ; }
.bocni-menu li.end a {background:; color:!important;}
.bocni-menu li.open{background:none; background-color:#363535 ; }
.bocni-menu li.open a {background:; color:!important;}
.bocni-menu li.selected {background:; background-color:;}
.bocni-menu li.selected a{background:; color:!important; font-weight: bold;}
.bocni-menu li.jen_polozka{background:none; background-color: ; }
.bocni-menu li.jen_polozka a {background:; color:!important;}
/*nove-konec*/

#leva .box {background-position:top right; width:220px; background-color:#6b6a6a; text-align:justify; padding-bottom:10px; border-left:#e3edf4 0px solid; border-top:#e3edf4 0px solid}
#leva .box ul {padding: 10px; margin: 0 0px;}
#leva .box ul li {list-style-type: disc; margin-left: 13px; color: #FFF;}
#leva .box ol {padding: 10px; margin: 0 0px;}
#leva .box ol li {list-style-type: decimal; margin-left: 13px; color: #FFF;}
#leva .box a {color: white;}
#leva hr {color: none; border: none; border-bottom: #cfe5f3 1px dashed; margin: 0 20px 5px 20px; padding: 0;}
.first {padding-top:10px}

/*odkazy*/
a {color:#67a7d1; }
a:hover {color:#165a96}

/*buttony*/
.but-vice {background:url(../images/layout/but-vice.png) center left no-repeat; height:26px; width:110px;  float:right; position:relative; bottom:15px; right:15px; z-index:100; display:block; }
.but-vice:hover {background-position:center right}
.but-organizace {background:url(../images/layout/but-organizace.png) top center no-repeat; height:40px; width:482px;}
.but-organizace:hover {background-position:bottom center}
.but-firma {background:url(../images/layout/but-firma.png) top center no-repeat; height:40px; width:482px;}
.but-firma:hover {background-position:bottom center}

/*slide*/
#slider-bg{position:relative; right:0px; top:15px; z-index:100; height:257px;}
#slider{position:relative; right:0px; width:980px; height:257px; overflow:hidden;}
#slider img{display:none; }
#slider a {border:0;display:block;}

/*tooltip*/
#easyTooltip{padding:5px 10px;border:1px solid #000; font-size:110%; background:#2c3135;color:#fff; display:block; text-align:left; letter-spacing:0px; z-index:1000}

/*foot-menu*/
/*#oddel {background:#fff; width:980px; margin:0 auto; padding-top: 10px; height:0px; clear:both;}*/
/*#foot-menu-obal {background:#eef7fe; width:100%; height:auto;   margin:0 auto; color:#000; text-align:left; border-top:#ccdfed 1px solid }*/
#foot-menu {background:#363535;  width:980px; margin:0 auto; height:auto;  text-align:left; font-size:11px; overflow:hidden;  position:relative; z-index:100}
#foot-menu-in { padding:0 0px 0px; margin:0 0px 0px; width:980px;   }

#foot-in .blok {border-right:#cacaca 0px dashed; width: 100%; padding-left: 15px; margin-bottom: 0px; vertical-align: top; border: 0px solid yellow;}
#foot-in .blok td {vertical-align: top;}
#foot-in td {vertical-align: top;}
#foot-in p {margin: 0px;}
#foot-in .facebook2 {width:50px; height: 50px;}

#foot-menu li {padding:1px 10px; letter-spacing:0px}
#foot-menu li a{text-decoration:none; color:#777;}
#foot-menu a:hover{text-decoration:underline; color:#f24e00}
#foot-menu h5{font-size:110%; font-weight:bold; color:#; margin:5px 0 10px; padding:0 10px }
#foot-menu-obal h6{font-size:300%; font-weight:bold; color:#f24e00; margin:10px 0; padding:0 10px ; text-align:center}

#zavolamezpet {background: url(/images/layout/zavolamezpet.png) top left no-repeat; width: 222px; height: 160px; float: left; padding: 0 10px 0 0; margin: 5px 0 10px 5px;}
#zavolamezpet-input {background: url(/images/layout/zavolamezpet-input.png) top left no-repeat; width: 203px; height: 32px; position: relative; left: 5px; top: 90px; padding: 0 0 0 10px}
#zavolamezpet-send {background: url(/images/layout/zavolamezpet-send.png) top left no-repeat; width: 113px; height: 39px; position: relative; left: 112px; top: 100px; border: 0 none; cursor: pointer;}
.stin {background: url(/images/layout/stin.png) no-repeat; width: 980px; height: 20px; margin: 0 auto; text-align: center;}

#top-box {margin:0 auto 20px; margin-top: 15px; text-align:center; width:980px; font-size: 135%; /*font-family: "Arial", sans-serif;*/}
#top-box ul {text-align:center; margin:0 auto; height:40px}
#top-box li {display:inline}
#top-box a {display:block; height:40px; float:left}
#top-box b {color: #88cc00; font-weight: bold; }

.no-border {border:none!important}

#foot_web {background: top repeat-x; width:100%; height:auto; border:0px solid green; float:left; margin:0 auto;  color:#7f7e7e; text-align:left }
#foot_web-in { background-color:#363535; width:970px; margin:0 auto; border:0px solid red;  padding:15px 0; position:relative; text-align:left;}
#foot_web p {margin: 0px;}

#foot {background: top repeat-x; width:100%; height:auto; border:0px solid green; float:left; margin:0 auto;  color:#7f7e7e; text-align:left }
#foot-in { background-color:#363535; width:960px; margin:0 auto; border:0px solid red;  padding:15px 0; position:relative; text-align:left; margin-bottom: 5px;}
#foot-in a{font-size:12px; color:#7f7e7e}


#foot-menu2 {background:#23547e; width:100%; height:auto;  float:left; margin:0 auto; color:#000; text-align:left }
#foot-menu-in2{width:980px; margin:0 auto;   padding:15px 0; position:relative; text-align:left;}
#foot-menu2 a{color:#67a7d1; padding:0 4px}
#foot-menu2 a:hover{color:#fff}
 
#loga {position:absolute; right:20px; top:25px ; font-size:120%; font-weight:bold; color:#fff}