@import url("fonts.css");
body{
  background-position:top center;
  background-repeat:repeat-x;
  background-attachment:scroll;
  background-color:#fff;
  padding:0px;
  margin:0px;
  font-family: open_sans, Ubuntu, Verdana, Sans-serif;
  font-size:17px;
  font-style:normal;
}

h1{font-size:30px;}
h2{font-size:26px;}
h3{font-size:22px;}
h4{font-size:18px;}

h1,h2,h3,h4,h5,h6{
  margin-bottom:0px;
  font-weight: normal;
  color:#3bb6ed;
  text-align:left;
}
#content p, .desc{
  font-size:1rem; 
  line-height:1.7em; 
  text-align:left; 
  margin-bottom:1.5rem;
  color:#555;
}

#slider{
  width: 100%;
  height:300px;
}
.cameraSlide img {
  max-width: 100% !important;
  width: auto !important;
  width: 100% !important;
  height: auto !important;
  margin-left:0px !important;
  margin-right:0px !important;
}


#content input{
  padding:5px;
}

.decimal{
  list-style-type: decimal !important;
}

/*
li{font-size:15px;}
*/

xh2{
  margin-top:50px;
}
xh4{
  margin-top:20px;
}
.gtranslate_wrapper img{
  margin-left:6px;
  padding:0px 4px;
}

#topcontent, #page, #header, .footcols, .footer1, .footer2, .footer3, .footer3c, ul.mainmenu, .social, .innerBar{
  max-width:1340px;
  width:98%;
  margin:auto;
}

#content{
  display:block;
  float:left;
  width:80%;
  min-height:600px;
  position:relative;
}
.content{
  float:left;
  width:80%;
}

#left {
  display:block;
  width:20%;
  float:left;
  text-align:left;
  min-width:11em;
}

.box1{
  margin-bottom:30px;
}
.box1 h2{
  margin-bottom:10px;
}


a{
  text-decoration:none;
  color:#36e;
	color: #3BB6ED;
}

a:hover{
  color:#36e;
}




a:visited{
    color:#06f;
	color: #3BB6ED;
	text-transform: uppercase;
}
hr{
  border-color:#ccc;
}

#board{
  padding-bottom:10px;
  border-bottom:1px solid #eee;
	background-image: url("https://www.bicom-optima.cz/graphics/waves-grey2.png");
	background-repeat: no-repeat;
	background-size: 1642px 210px;
	background-position: 40% -1rem;
}


#top{
  width:100%;
  padding:0px;
  background-repeat:repeat-x;
  background-position:top left;
  margin-top:0px;
}

#topcontent{
  background-repeat:repeat-x;
  background-position:top left;
  margin:auto;
}

#header{
  min-height:82px;
}

#logo{
  float:left;
  margin-top:12px;
  margin-left:-10px;
}
img.logo {
  width: 200px;
  margin: 8px;
}


#bicom{
  display:block;
  width:300px;
  height:100px;
  float:left;
}

#menubar{
  width:100%;
  height:40px;
  border-bottom:1px solid #ccc;
  margin-top:1px;
  line-height:25px;
  background-color:rgba(222,222,222,.4);
  background-position:center right;
  background-repeat:repeat-x;
}

#search{
  display:block;
  float:right;
  width:168px;
  padding:0px;
  border:1px solid #aaa;
  margin-top:5px;
  margin-left:10px;
  height:29px;
  background: #fff;
  border-radius:4px;
}

#search .text{
  float:left;
  width:125px;
  font-size:13pt;
  line-height:26px;
  border:0px solid #fff;
  padding:2px 5px;
  height:25px;
  margin:0px;
  margin-left:2px;
}
#search .icon{
  width:25px;
  height:25px;
  border:0px;
  position:relative;
  top:0px;
  left:4px;
  background-repeat: no-repeat !important;
}

.cgrad {
	background: #3ab6ec;
	background: -moz-linear-gradient(left, #3ab6ec 0%, #41e3ba 100%);
	background: -webkit-linear-gradient(left, #3ab6ec 0%,#41e3ba 100%);
	background: linear-gradient(to right, #3ab6ec 0%,#41e3ba 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3ab6ec', endColorstr='#41e3ba',GradientType=1 );
}


#page{
  display:block;
  margin-left:auto;
  margin-right:auto;
  padding:0px;
  padding-top:10px;
  margin-top:30px;
  margin-bottom:30px;
  background-image:none;
  background-position:top right;
  background-repeat:no-repeat;
  border-bottom: 0px solid #ccc;
  overflow:hidden;
}

.social{
/*
  background-color:white;
  border:1px solid #aaa;
*/
  margin-top:30px;
  margin-bottom:0px;
  text-align:right;
  height:40px;
  overflow:hidden;
}
.social>*{
  float:right;
}


#made-in-germany{
  display:block;
  width: 100px;
  height: 64px;
  background-image:url("../images/made-in-germany-100.png");
}

.mig{
  width: 100px;
  height: 100px;
  xbackground-image:url("../images/made-in-germany-stamp.png");
}


ul.mainmenu{
  display:block;
  margin-top:0px;
  padding:0px;
  padding-top:0px;
}

ul.mainmenu li{
  list-style-type:none;
  padding:0px;
  margin:0px;
  border:0px solid white;
  float:left;
}

ul.mainmenu li a {
  margin:0px;
  padding:7px;
  display:block;
  float:left;
  font-size:15px;
  text-decoration:none;
  font-weight:bold;
  font-style:normal;
  color:#888;
  margin-right:25px;
  height:20px;
  text-transform: uppercase;
}
ul.mainmenu li a:hover {
  text-decoration:none;
  color:#444;
  transition:700ms;
}

.r1,.l1,.c1{
  border:1px solid #888;
  margin:0px 6px 10px 6px;
  border-radius:6px;
}

.r1 {
float:right;
margin-right:0px;
}
.l1 {
float:left;
margin-left:0px;
}
.c1{
margin-left:0px;
margin-right:0px;
border:0px solid #888;
}

.redb{
  color:#d00 !important;
  font-weight:bold;
}
.redb:visited{
  color:#c00;
}





.ibox,#myBox,#tip,.tbox,#ctxBox{
  background-color:white;
  background-image:url(../graphics/ibar.png);
  background-position:top center;
  background-repeat:repeat-x;
  border:1px solid #bbb;
  border-top:3px solid #acf;
  box-shadow:0px 0px 5px #ddd;
}




#content h1{
  font-size:36px;
  padding-top:0px;
  padding-left:0px;
  padding-right:20px;
  margin:0px;
  margin-top:0px;
  margin-right:2px;
  margin-bottom:20px;
}

#content>p, #content>div {
/*
  margin-bottom:20px;
  margin-right:20px;
*/
}


#content>p{
  color:#606060;
}

#content p.l {text-align:left;}
#content p.r {text-align:right;}
#content p.c {text-align:center;}
#content .i {font-style:italic;}


#content ul{
  list-style-type:disc;
  margin:40px;
  line-height:2em;
}

#content>h3{
  margin:20px 20px 10px 0px;
}
#content>h4{
  margin:20px 20px 10px 0px;
}

#content .halfblock{
  width:320px;
  float:left;
  border:1px dotted #99c;
}
#content .halfblock img{
  float:right;
  border:1px solid #999;
  
}
#content img{
  max-width: 100% !important;
}

#content img.icon{
  max-width: 24px !important;
}

#content table img{
  max-width: 100px !important;
}

#content .halfblock p{
  margin:10px;
}
#content .halfblock h3{
  border-bottom:1px dotted #ddd;
  background-color: #efe;
}

#content .halfblock>*{
  margin:4px;
}

.bigblu{
  font-size:40px;
  color:#acf;
}

.arw{
  margin:0px;
  padding:0px;  
}

.arw li{
  background-image:url('../graphics/li20.png');
  background-repeat:no-repeat;
  background-position:center left;
  background-position: 0px 4px;
  padding-left: 30px;
  padding-bottom: 16px;
  list-style-type:none;  
}







.rbox{
  border-radius:0px;
  border:1px solid #f0f0f0;
  clear:right;
  background-color: rgba(255,255,255,0.5);
  padding:8px;
}

.inbox{
  box-shadow: rgba(0,0,0,0.2) 0px 0px 7px;
  -webkit-box-shadow: rgba(0,0,0,0.2) 0 0 7px;
  -moz-box-shadow: rgba(0,0,0,0.2) 0px 0px 7px;
  border-radius:0px;
  margin:0px;
  border:1px solid #ccc;
  background-color: white;
  background-color: rgba(255,255,255,0.3);
  background-image:url('../graphics/innboxbg.png');
  background-repeat:no-repeat;
  background-position:top left;
  xmin-height:210px;
}
.inbox h2, #content>h2, #content .orderDetail h2{
  margin:0px;
  padding:0px;
  clear:none;
  padding-left:2px;
  padding-top:8px;
  padding-bottom:3px;
  border-top:0px solid #eee;
}
#content>h2, #content .orderDetail h2{
}

.inbox h3, .inbox h4{
  padding-left:20px;
  padding-top:12px;
}

.inbox img, .inbox img r1, .inbox img l1{
  float:right;
  margin:10px;
 xmargin-top:-20px;
  margin-left:20px;
  max-width:160px;
}

.inbox img.inline{
  float:none;
  margin:0px;
  max-width:auto;
}

.inbox p{
  margin:10px;
  margin-left:20px;
  margin-right:20px;
  color:#555;
}

.inbox object, .inbox .video{
  display:block;
  margin:auto;
  margin-top:20px;
  margin-bottom:20px;
}

.inbox .videobtn{
  margin:16px;
  margin-top:10px;
  margin-bottom:0px;
}

.inbox table{
  margin:20px;
}



.imgrbox{
  xborder-radius:0px;
  border:1px solid #f0f0f0;
  clear:right;
  background-color: rgba(240,240,240,0.4);
  padding:0px;
  float:right;
}
.imgrbox img{
  xwidth:690px;
  border:1px solid #ccc;
  margin:8px 8px 4px 8px;
  box-shadow: rgba(0,0,0,0.2) 0px 0px 7px;
}
.imgrbox img.noeffect{
  border:none;
  margin:0px;
  box-shadow: none;
}


.xbox{
  border:1px solid #eee;
  padding:10px;
}



.endfloat{
  clear:both;
  height:0px;
}

.videobtn{
  background-image:url("../graphics/btngr5.png");
  background-repeat:repeat-x;
  background-position:center left;
  height:38px;
  padding:0px;
  display:inline-block;
  box-shadow: rgba(0,0,0,0.2) 1px 1px 3px;
  border-radius:22px;
  vertical-align:center;
  border: 1px solid #fff;
}

.videobtn a {
  margin:7px;
  xfont-weight:bold;
  color:white;
  padding-top:0px;
  padding-left:28px;
  padding-right:20px;
  display:block;
  font-size:18px;
  font-style:italic;
  background-image:url("../graphics/arrow2play.png");
  background-repeat:no-repeat;
  background-position:center left;
  text-shadow: 1px 1px 2px #6af;
  text-decoration:none;
}
.videobtn a:hover {
  color:#ffc;
}

.fileItem a{
  display:block; 
  padding-left:40px; 
  min-height:32px;
  background-position:center left;
  background-repeat:no-repeat;
  line-height:32px;
}




#mail input{
  padding:8px;
  border: 1px solid #ddd;
  border-radius: 5px;
  margin:6px;
}


#query
{
  width:474px;
  height:144px;
  padding:8px;
  border: 1px solid #ddd;
  border-radius: 5px;
  font-family:inherit;
  font-size:16px;
  margin:6px;
  text-align: left;
  float:left;
}


#moveTo option{
  padding:5px;
}



#formtab td, .formtab td {
  padding:5px;
  vertical-align:top;
  font-size:11pt;
}
#formtab input, #formtab textarea, .formtab input, .formtab textarea {
  padding:2px;
  background-color:transparent;
  border:1px solid #ccc;
  font-size:10pt;
}

table.program td{
  vertical-align:top;
  text-align:left;
  padding:5px;
}


table.program td.time{
  vertical-align:top;
  text-align:right;
  width:150px;
}

table.program img{
  border:1px solid #aaa;
}
table.program1 {
  background-color:white;
  text-align:left;
  border-collapse:collapse;
}

table.program1 td, table.program1 th {
  vertical-align:top;
  xtext-align:left;
  border:1px solid #ddd;
  padding:2px 6px 2px 6px;
  color:#444;
  font-size:10pt;
}
table.program1 th{
  background-color:#eef;
  text-align:center;
  vertical-align:middle;
  font-weight:normal;
  padding:0px 4px 0px 4px;
}
table.program1 td{
  xwidth:79px;
}


table.list td, table.list th{
  padding:8px 12px;
  border-bottom: 1px solid #eee;
}
table.list .odd td{
  background:#fafafa;
}
table.list .active td{
  background-color:#bfc;
}
table.list tr.visit:not(.active):hover td{
  background-color:#cef;
  border-color:#888;
  cursor:pointer;
}




.ri{
  width:255px;
  text-align:right;
  font-style:italic;
  font-size:.7em;
}


.gt{
  margin-left:-2px;
  padding-top:10px;
}

.gt span{
  margin-right:18px;
}

.gr1{
 height:12px; 
 margin:0px;
 margin-top:5px;
 opacity:0.6; 
}

#footer{
  display:block;
  clear:both;
  padding:30px;
  text-align:left;
  background-color:#eee;
  background-position:center center;
  background-repeat:repeat-x;
  border-top:1px solid #ccc;
}
#footer a {
  xcolor:#cef;
}

.footer1{
  display:none;
}


.footer2, .footer3{
  margin:auto;
  xmargin-top:10px;
  padding:0px;
  border:0px solid black;
}



.footer3{
  width:100%;
  clear:both;
  margin-top:0px;
  border-top:1px solid #bbb;
  background-repeat:repeat-x;
  background-position:top center;
}

.footer3c{
  font-size:10pt;
  padding-top:20px;
  padding-bottom:20px;
  padding-right:0px;
  text-align:right;
}


.footer3 a{
  xcolor:#000;
}

#footdiv{
  
}

#footdivx{
  height:6px;
  background-color:#efefef;
  background-repeat:repeat;
  background-position:top center;
  padding-bottom:10px;
  -webkit-box-shadow: #aaa 0 2 2px;
  -moz-box-shadow: #aaa 0px 2px 2px;
  box-shadow: 0px 2px 2px #aaa;
}


.footcol{
  width:21%;
  float:left;
  margin-right:20px;
  height:224px;
  border-left:1px solid #eee;
  padding-left:10px;
  margin-bottom:30px;
}
.footcol li{
  list-style-type: none;
  margin-top:4px;
}



#filemanager{
  background-color:#fff;
}


.logtab
{
  background-color:#fff;
} 

#whitex{
  background-color:#fff;
  text-align:center;
}
.hidden{
  display:none;
}

.next{
  clear:both;
  float:right;
  padding-top:40px;
  line-height:30px;
}
.next span{
  position:relative;
  top:-4px;
  margin-left:5px;
  padding-bottom:16px;
}

.next a:hover{
  text-decoration:none;
}
.ibox{
  width:700px;
  margin:auto;
}

#flags{
  float:right;
  padding-top:20px;
  padding-right:4px;
  padding-left:20px;
}

#flags0{
  margin:auto;
  padding-top:26px;
  margin-bottom:-46px;
  width:970px;
  text-align:right;
}

#flags img{
  border:1px solid #aaa;
}

#preview{
	position:absolute;
	background:#fff;
	padding:0px;
	display:none;
	color:#fff;
	float:right;
}

#preview img{
	float:right;
	border:1px solid #aaa;
}


.hide{
  display:none;
}

.thinlite1{
  display:inline-block;width:1px;overflow:hidden;opacity:0.1;'
}

.thinlite{
  opacity:0.1;
  position:absolute;
  top:1px;
  right:1px;
}

.debug{
  position:fixed;
  width:250px;
  height:600px;
  top:190px;
  right:20px;
  padding:10px;
  border:1px solid black;
  background-color:#ccc;
  z-index:255;
}

.mail{
  font-size:small;
  max-width:800px;
}

.mail .subject{
  border-top:1px solid #ddd;
  border-bottom:1px solid #ddd;
  color:#33aabb;
}


/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/