/* RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	/*margin: 0;
	padding: 0;*/
	border: 0;
	font-size: 100%;
	font: inherit;

}
html {background-color:#e9e9e9; }

body {color:gray/*#7f7e7e*/; background-color:#e9e9e9;  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(/img/topN.png) top repeat-x; position:absolute; left:0px; z-index:0;  width:100%; height:412px; border: 0px solid red; }
/*#stin2{background:url(../img/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:#333}
.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}

h1 {
	color: #3484D2;
	font-weight: bold;
}

#ajax-spinner {
	margin: 15px 0 0 15px;
	padding: 13px;
	background: white url('/images/spinner.gif') no-repeat 50% 50%;
	font-size: 0;
	z-index: 123456;
	display: none;
}

html.wait, html.wait * { cursor: wait !important; }

div.flash {
	color: black;
	background: #FFF9D7;
	border: 1px solid #E2C822;
	padding: 1em;
	margin: 1em 0;
}

a[href^="error:"] {
	background: red;
	color: white;
}

form tr, form td {
	vertical-align: top;
	font-weight: normal;
}

form .required label {
	font-weight: bold;
}

form .error {
	color: #D00;
	font-weight: bold;
}


.navbar .brand {padding: 0px; padding-left: 20px; padding-top: 5px; padding-right: 10px;}

.seznam {border-collapse:collapse; border:1px solid #dfdfdf; margin:10px 0; font-size:85%; text-align: left;}
.seznam td {border:#dfdfdf 1px solid; padding:1px 5px 1px 5px; line-height:15px; vertical-align: middle;}
.seznam th {background:#dfdfdf; border:#cacaca 1px solid; padding:2px 10px; text-align:left; height:28px;}


/*table .table-striped {background-color: red;}*/


.filter {
    background: none repeat scroll 0 0 #DFDFDF;
    border: 1px solid #CACACA;
    margin: 10px auto;
    padding: 2px 10px;
    text-align: left;
    width-min: 600px;
}

.filter form { margin-bottom: 0px;}



/*head*/
/* #top2{background:url(/img/top.png) top center repeat-x; position:absolute; top:0px; z-index:10;  width:100%; height:195px; } */
#head {width:100%; max-width:980px; height:100px; margin:0 auto; text-align:center; position:relative; border:0px solid green; z-index:10}
#head-in  {background: no-repeat; width:100%; height:100px; display:block; border:0px solid green; z-index:100; position:relative;}
#logoclick {/*background:url("/img/logo.png") no-repeat;*/ position:relative; top:20px; left:0px; z-index:5; max-width:216px; height:80px; border: 0px solid red; }
#logoclick img {max-width: 100%;}

#head-table {width: 100%; max-width:700px; height:100px; float:right; margin-right: 0; 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 .delic {background:url("/img/top-oddelovac.png") top left no-repeat; /*width:1px;*/}
#head-table-login { background-color:#6b6a6a; width:339px; 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:24px; 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}
#head-table-login-img{}
i.fa-envelope:hover {color: black;}
i.fa-user-tie:hover {color: black;}
i.fa-cart-arrow-down:hover {color: black;}
/*#odkaz-v-headu {text-decoration:none; position:absolute; top:-300px; right:-20px; font-size:12px; color:#a79619; z-index:99999}
#odkaz-v-headu:hover {color:#d3c395; text-decoration:underline}*/
nav {background-color: #d40400; position: relative; /*z-index: 100;*/}

/* menu */
.menuBgLine{position:relative; right: 0; width: 100%; text-align: center; margin:2px 0; z-index: 50; height: 30px;}
#menu {background: no-repeat; position:relative; font-size:12px; font-weight: normal; max-width: 980px; height:37px; margin:0 auto; border:0px solid green; letter-spacing:1px; z-index:10000}
#menu ul {text-align:center;margin-left:0px; float: left; padding-left:0px;}
#menu li {display:inline;}
#menu li a, .aktiv {border-left:url("/img/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 li a:hover, #menu li a.aktiv {background:#343434; color:white; text-decoration:none;}
#menu li a:hover {background:#343434; color:white; text-decoration:none;}

/* submenu*/
#menu li ul.submenu{background: #fcefb0; width: 100%;}
#menu li ul.submenu li a {text-align:center; color:/*orange*/ #e2001a; width: 100%; height:40px; line-height: 40px; display:block;}
#menu li ul.submenu li a:hover {background:none; background-color: orange;color:white; border: none; border-radius: 0px; height:40px; line-height: 40px; display:block;}

/*css-vysunuti*/
#menu li div{display:none}
#menu li:hover div{display:block;background:#797979;border:1px solid #323232;border-top:none;z-index:9;position:absolute;top:50px;text-transform:none;min-width:200px}
#menu li li{background:transparent;border:none;font-size:90%;padding:0;float:none; display:block}
#menu li li a{color:#fff; height:30px; line-height:30px; border:none; border-bottom:#323232 1px solid; padding:0 15px; display:block }
#menu li li a:hover{color:#fff; background:#323232}
#menu li:hover.aktiv div {left:-1px}

#menuSmallSize {position: absolute; top: 0; width: 250px; background-color: #e2001a;  z-index: 110;}
#menuSmallSize ul {padding: 0; width: 100%;}
#menuSmallSize li {list-style-type: none; padding: 5px; width: 100%;}
#menuSmallSize li a {float: unset; text-align: left; display: block; padding:0 15px; color:white; text-decoration: none; line-height: 25px; }
#menuSmallSize li a.aktivX {/*background-color:#e2001a; color: white;*/}
#menuSmallSize li:hover {background:#343434;}
#menuSmallSize  li.subkat:before {font-family: 'FontAwesome'; content: "\f0da";}

/*obsah*/
#hlavni {width: 100%; max-width:980px; min-width:360px; margin:0 auto; display:block; position:relative; min-height:300px; height:auto; border: 0px solid green; padding-bottom:0px; margin-bottom: 0px;}
#in {width: 100%; max-width: 980px; position:relative; z-index:100; float:left; min-height:300px; padding-bottom:0px; margin-bottom: 0px;}
#obsah { padding-bottom:0px; margin-bottom: 0px;}

/*seznamy*/
#stred ul {margin:0px 0;}
#stred li {text-align:left; margin-left:0px; list-style-type:square; }

/*stred*/
#stred {width: 100%; max-width:980px; min-width: float:right; position:relative; right:1px; padding-top:0px; text-align:left; letter-spacing:0.1px; border: 0px solid red; padding-bottom:0px; margin-bottom: 0px;}
#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:120%;}
#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*/; text-decoration: underline;}
#stred a:hover {color:black;}
#stred a img {}
#stred a:hover img {border:#000 0px solid}


#stred table.table-border, #stred table.table-border {border: 1px solid #343434;}
/*#stred table td {padding: 3px;}*/
#stred 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 #ddd;}
/*#stred table .table_server td {padding: 3px;}*/
#stred .table_server_nadpis {background-color: #343434; color: #FFFFFF; font-weight: bold;  text-align: center;}
/*#stred .table_server td {padding: 3px;}*/

#stred #dlazdice { margin-top:15px; width: 100%;}
#stred #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 #dlazdice a { color: white; font-size: 16px; text-decoration: none;}
#stred #dlazdice input {color:#C0C0C0; height:21px;}
#stred #dlazdice .ok {background-color:#d13a02; color:#e9e9e9; font-size:10px; width: 22px; height:22px; margin:0px; padding:0px; border: 0px; cursor: pointer;}

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

#stred #dlazdice .dlazdice-systemovaintegrace {background: url("/img/dlazdice-green.png") top center no-repeat; width:334px; height: 134px; vertical-align:top; }
#stred #dlazdice .dlazdice-systemovaintegrace div  {padding-top:15px; padding-left:120px; }
#stred #dlazdice .dlazdice-systemovaintegrace h1  {height: 48px; margin-bottom: 0px;}
#stred #dlazdice .dlazdice-virtualniservery {background: url("/img/dlazdice-blue-2.png") top center no-repeat; width:334px; height: 134px; vertical-align:top; }
#stred #dlazdice .dlazdice-virtualniservery div  {padding-top:15px; padding-left:130px; }
#stred #dlazdice .dlazdice-sip {background: url("/img/dlazdice-red.png") top right no-repeat; height: 134px; vertical-align:top; }
#stred #dlazdice .dlazdice-sip h1  {height: 28px; margin-bottom: 0px;}
#stred #dlazdice .dlazdice-sip div  {padding-top:15px; padding-left:140px; }
#stred #dlazdice .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 #dlazdice .dlazdice-sip div.levne-telefonovani a {font-size: 14px;}
#stred #dlazdice .dlazdice-administraceserveru {background: url("/img/dlazdice-blue-3.png") top center no-repeat; width:334px; height: 134px; vertical-align:top; }
#stred #dlazdice .dlazdice-administraceserveru div  {padding-top:15px; padding-left:140px; }


#stred .dlazdice-internetovareklama {background: url("/img/dlazdice-tyrkys-1.png") top center no-repeat; height: 134px; vertical-align:top; }
#stred #dlazdice .dlazdice-internetovareklama div  {padding-top:15px; padding-left:130px; }
#stred .dlazdice-webdesign {background: url("/img/dlazdice-tyrkys-2.png") top right no-repeat; height: 134px; vertical-align:top; }
#stred #dlazdice .dlazdice-webdesign div  {padding-top:15px; padding-left:140px; }

#stred .box, .box2 {
	background: #fff none repeat-y scroll right top;
	border-bottom: 1px solid #d1e0ea;
	border-left: 1px solid #e3edf4;
	border-top: 1px solid #e3edf4;
	height: auto;
	margin: 5px 5px 0;
	position: relative;
	width: 100%;
}

.cookie-lista {	background-color: #ffffff;}
.cookie-lista-inside { width: 100%;  opacity: 97%;	background-color: #ffffff; position: fixed; z-index: 2147483645; border-radius: 2.5px; bottom: 0; font-size: 0.75rem; max-height: 90%; overflow-y: auto; overflow-x: hidden; box-shadow: 0 0 18px rgba(0,0,0,.2);}
.cookie-lista-container { max-width: 980px; margin: 5px auto; padding: 0; text-align: center; font-size:120%;}

/*nadpisy*/
h1,h2,h3,h4,h5,h6{text-align:left;letter-spacing:0px; font-style:normal; }

/*prava*/
#prava {float:right; width:0px; position:relative; right:0px; padding:0px 0 0px 0px; margin-top:0px; color:#ebe7ba; min-height:0px; color:#000; text-align:left; border-left:#ded7ae 0px dashed }
#prava h3 {font-size:160%; background-color: #378bdd; color: white; text-decoration:none; padding: 5px 10px;}
#prava h3 a {color:#005b92; text-indent:20px; text-decoration:none}
#prava h3 a:hover {text-decoration:underline}

/*novinky*/
#prava p { padding:0 10px; font-size:90%}
#prava h4 {margin:10px 0 0 0; font-size:140%; color: black;}


/*prava*/
#leva {float:left; width:200px; position:relative; right:0px; padding:20px 0 20px 20px; margin-top:10px; color:#ebe7ba; min-height:300px; color:#000; text-align:left; border-left:#ded7ae 1px dashed }
#leva h3 {font-size:160%; color:#005b92;  text-decoration:none}
#leva h3 a {color:#005b92; text-indent:20px; text-decoration:none}
#leva h3 a:hover {text-decoration:underline}


/*foot-menu*/
#oddel {width:100%; margin:0 auto; height:0px; clear:both;}

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

#foot-menu-in li {padding:1px 10px; letter-spacing:0px}
/*#foot-menu-in li a{text-decoration:none; color:#67a7d1;}*/
#foot-menu-in a{text-decoration:none; color:#67a7d1;}
#foot-menu-in a:hover{text-decoration:underline; color:#165a96}
#foot-menu-in 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}
#foot-menu p {margin: 0px;}
.no-border {border:none!important}

/*
#oddel {width:100%; margin:0 auto; height:0px; clear:both;}
#foot-menu {background:#152545; width:1000px; height:auto;  margin:0 auto;  position:relative; z-index:100; border-bottom:#fff 1px solid}
#foot-menu {background:#707173;  width:1000px; margin:0 auto; padding:20px 0;text-align:left;  overflow:hidden;  position:relative; z-index:99}
#foot-menu .blok3{float:left; border-right:#a5a5a5 1px dashed; padding:0 20px; font-size:95%}
#foot-menu li {letter-spacing:0px}
#foot-menu li a{text-decoration:none; color:#cceeff}
#foot-menu a:hover{text-decoration:underline; color:#fff;}
#foot-menu  h5{font-size:120%; font-weight:bold; color:#fff; margin:10px 0;}
.no-border {border:none!important}
*/

/*paticka*/
#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 { width: 100%; max-width:970px; margin:0 auto; border:0px solid red;  padding:15px 0; position:relative; text-align:left;}
#foot p {margin: 0px;}



/* bootstrap */
.table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td {
    padding: 2px;
}

.input-sm, select.input-sm { font-size: 12px; height: 25px; line-height: 1.5; padding: 2px 5px;}

/*table.table-striped td, table.table-striped th{background-color: #f5f5f5;}
table.table tr td{font-size: 12px; padding:5px 5px 0 5px; line-height: 1.5;}*/


/*slide*/
.fluid_container{background:#fff;position:relative; right:0px; width:980px; height:257px; overflow:hidden; }
.fluid_container h3 {position:absolute; bottom:1px;left:30px; font-size:115%!important; line-height:34px; letter-spacing:9px!important; color:#000!important; font-weight:400;}

/*#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;}*/

/*TEST*/
.camera_fakehover { height: 390px;}
.camera_pag {top:-35px; position: relative}
.camera_wrap {background:url('/userfiles/images/slide/slide1.png');}

#blanket {
    background-color:#111;
    opacity: 0.65;
    *background:none;
    position:absolute;
    z-index: 9001;
    top:0px;
    left:0px;
    width:100%;
}



.well {
    background-color:#fff;
    border-color: #808080;
}

.form-group {
	margin-bottom: 5px;
}
/*
.col-md-3{
	width: 24%;
}
*/
.table-bordered > tbody > tr > td.firstcol {
	#background-color: #f9f9f9;
}
.table-bordered > tbody > tr > td.col-r {
	text-align: right;
}

.radio input[type="radio"] {margin-right: 10px;}
.radio-inline input[type="radio"] {margin-right: 10px;}