body,p,ul,ol,li{padding: 0px; margin: 0px;}

body{
  font-family: 'Ubuntu', sans-serif; font-size: 15px;
  background: #E4E4E4 url('ramybg.png') repeat-y scroll 50% 280px;
  text-align: center; /*Vycentrování pro IE #CC3300 body_bg */
  color: #4A4A4A;
}

table{ border-spacing: 0; border-collapse: collapse; } 
th, td{font-size: 13px;}

ul{list-style: none;}
li{}

a, .umely_odkaz{text-decoration: underline; color: #BC3001;}
a:hover, .umely_odkaz:hover{color: #FF6600;}
a img{border: 0px;}

h1{font-size: 25px; margin: 20px 0px 20px 0px; }/*padding-left: 30px; background: transparent url('h1.jpg') no-repeat scroll 0% 50%; color: #EE3200;*/
h2{ font-size: 22px; line-height: 24px; margin: 10px 0px 5px 0px;}
h3{ font-size: 20px; line-height: 22px; margin: 8px 0px 4px 0px;}
h4{ font-size: 18px; line-height: 20px; margin: 6px 0px 3px 0px;}
h5{ font-size: 15px; line-height: 17px; margin: 4px 0px 2px 0px;}
h6{ font-size: 14px; line-height: 16px; margin: 2px 0px 1px 0px;}

h1, h2, h3, h4, h5, h6{color: #B80000; text-decoration: underline;} /*EE3200*/

input, select, textarea{ font-family: Tahoma, sans-serif; font-size: 12px;}

pre{float: left; text-align: left;}

#container{margin: 0 auto; width: 1000px; background: transparent url('mid2015.jpg') repeat-y scroll 0% 0%;}
#header{height: 280px; text-align: left; background: transparent url('header2020.jpg') no-repeat scroll 50% 0%; z-index:1;}
#headerline{background: transparent url('topline2020.jpg') repeat-x scroll 0% 0%; position: absolute; width: 100%; height: 280px; top: 0px; left: 0px; z-index:-100;}

#header .inner{margin: 0 auto; width: 1000px; position: relative;}
.uvod{background: transparent url('header_bez_loga.jpg') no-repeat scroll 50% 0%;}
.others{background: transparent url('header.jpg') no-repeat scroll 50% 0%;}
  
#logo_area{height: 85px; width: 400px; border: 0px solid white; margin-left: 300px;}
  #logo_area .logo{display: block; height: 85px; width: 400px; }
  #logo_area .logo img{height: 85px; width: 400px;}

#webmenu{ position: absolute; top: 210px; left: 0px; background-color: transparent; margin-left: 26px; clear: both; height: 36px;}
#webmenu li{float: left; line-height: 36px; text-align: center; margin: 0px 2px 0px 2px;}
#webmenu li a{color: white; font-size: 15px; text-decoration: none; padding: 0px 7px 0px 7px; display: block; height: 36px; } 
#webmenu li a:hover{ background-color: gray;}
#webmenu li a:active{color: white; background-color: gray;}
#webmenu li a.selected{text-decoration: underline; color: white; background-color: #B80000;}


#crumbs{ font-size: 11px; color: gray; position: absolute; top: 257px;}
  #crumbs a{   color: gray;} 
  #crumbs a:hover{   color: #333;}
  
.odsazeni_obsahu{padding: 20px 80px 10px 80px; text-align: left;}

#footer1{ height: 220px; background: transparent url('footer2020.jpg') no-repeat scroll 0% 0%;}

#footer2 .odsazeni{padding: 5px 10px 10px 5px; color: #5C5C5C; font-size: 11px;}
  #footer2 .odsazeni a{color: #5C5C5C;}
  #footer2 .odsazeni a:hover{color: #BB0000; }


#hlaska_form{border: 3px solid #FF6600; background-color: #FFCC99; padding: 5px; color: red;}

#homebuttons{ width: 150px; height: 300px; float: right; margin: 10px -60px 0px 30px;}

input[type="submit"]{
  background: #ff0000; cursor: pointer;
  background-image: -webkit-linear-gradient(top, #ff0000, #b82b2b);
  background-image: -moz-linear-gradient(top, #ff0000, #b82b2b);
  background-image: -ms-linear-gradient(top, #ff0000, #b82b2b);
  background-image: -o-linear-gradient(top, #ff0000, #b82b2b);
  background-image: linear-gradient(to bottom, #ff0000, #b82b2b);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  border: 0px;
}

input[type="submit"]:hover {
  background: #fc3c3c;
  background-image: -webkit-linear-gradient(top, #fc3c3c, #fc4b4b);
  background-image: -moz-linear-gradient(top, #fc3c3c, #fc4b4b);
  background-image: -ms-linear-gradient(top, #fc3c3c, #fc4b4b);
  background-image: -o-linear-gradient(top, #fc3c3c, #fc4b4b);
  background-image: linear-gradient(to bottom, #fc3c3c, #fc4b4b);
  text-decoration: none;
}

/*designer*/
#designer_fblike{width: 300px; display: block; text-align: center;  margin: 0 auto; } 
#designer_vector{margin-left: -50px; margin-right: -50px;}
#designer_inspire{width: 98%; margin: 1%;}
#designer_inspire td{ width: 30%; text-align: center;}

.listitem{ cursor: pointer; font-size: 12px; float: left; margin: 3px; background-color: #ddd; border: 1px solid #999; border-radius: 3px; }
.listitem div{padding: 4px;}

.kolekce{  font-size: 13px; border-bottom: 1px solid silver; padding: 15px;}
.kolekce div.label{  width: 215px;  border: 1px solid silver; padding: 5px; border-radius: 5px; position: absolute; display:none; z-index: 100; background-color: #ddd; border: 1px solid #999; box-shadow: 2px 2px 5px #000;}
.kolekce div.label span{ color: red; cursor: pointer; }
.kolekce div.label div.picker{ padding: 3px 15px 3px 15px; width: 180px; border-radius: 3px; border: 1px solid #eee; }
.kolekce div.label label{ line-height: 24px; padding: 3px; display: block;  }

.kolekce select{font-size: 12px; padding: 3px; margin: 3px;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
}
input[type="text"]{
  font-size: 14px; padding: 5px;  
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
}


.cleaner{clear: both;}

.reference_row{margin-top: 20px;}
.reference_row .tabrefimg{width: 100%;}
.reference_row .tabrefimg td{padding: 10px;}
  .reference_row .tabrefimg td a img{padding: 5px; border: 1px solid green;}
  .reference_row .tabrefimg td a:hover img{border: 1px solid #FF6600; background-color: #FFCC66; }
	.reference_row .cena{font-weight: bold; font-size: 15px;}
	.reference_row .cena .num{color: #FF6600;}
  
  .tabpartner{margin-top: 10px;}
  .tabpartner td{padding: 10px;}
  .tabpartner td.cssimg{width: 170px; text-align: center;}

.tabcenik{border-collapse: collapse; width: 99%; margin: 0 auto;}
.tabcenik td,.tabcenik th{border: 1px dashed green; padding: 10px;}
.tabcenik th{background-color: silver;}
.tabcenik .col1{width: 55%;}
.tabcenik .col2,.tabcenik .col3,.tabcenik .col4{width: 15%; white-space: nowrap;}
.tabcenik .col2{font-weight: bold;}
 	
.formular fieldset{padding: 20px 20px 20px 20px; border: 2px solid silver;}
.formular fieldset legend{font-weight: bold;}
    
.tab_formular{width: 100%; margin-top: 20px;}
  .tab_formular input.error_sign, .tab_formular textarea.error_sign{background-color: #FFCCCC;}
  .tab_formular label.error_sign{color: red; font-weight: bold; text-decoration: underline;}  
  .tab_formular .required{color: red; font-size: 11px;}
  .tab_formular .required_blink{color: red; font-size: 11px; font-weight: bold; text-decoration: underline;}
    .tab_formular .unrequired{color: silver; font-size: 11px;}  
  .tab_formular td{padding: 10px;}
    .tab_formular td.submit{text-align: center;}  
    .tab_formular td.prvni{font-weight: bold; vertical-align: top; width: 120px;}
    .tab_formular td.druhy textarea,
    .tab_formular td.druhy input,
    .tab_formular td.druhy input["file"]{padding: 4px; vertical-align: top; border: 1px solid silver;}
    .tab_formular td.druhy .popisek{font-size: 11px;}    
            
.box_cover{background-color: white;}
.box{padding: 3px;}
  .box .top{height: 12px; width: 100%; background: transparent url('box_tc.jpg') repeat-x scroll 0% 0%;}
  .box .top .left{float: left; height: 12px; width: 12px; background: transparent url('box_tl.jpg') no-repeat scroll 0% 0%;}
  .box .top .right{float: right; height: 12px; width: 12px; background: transparent url('box_tr.jpg') no-repeat scroll 100% 0%;}  
  .box .title{border: 2px solid silver; border-top: 0px;  border-bottom: 0px;}
  .box .title span{ font-size: 12px; padding-left: 10px; }  
  .box .content{padding: 5px; border: 2px solid silver; border-top: 0px; border-bottom: 0px;}  
  .box .bottom{height: 20px; width: 100%; background: transparent url('box_bc.jpg') repeat-x scroll 0% 100%;}
  .box .bottom .left{float: left; height: 20px; width: 20px; background: transparent url('box_bl.jpg') no-repeat scroll 0% 100%;}
  .box .bottom .right{float: right; height: 20px; width: 20px; background: transparent url('box_br.jpg') no-repeat scroll 100% 100%;}

#kontakt_tab img{ margin: 8px; border-radius: 3px;}
.boky_margin{margin-left: 80px; margin-right: 80px;}
.center{text-align: center;}
.true{color: green;}
.false{color: red;}
.umely_odkaz{cursor: pointer;}
.divider{width: 750px; height: 14px; background: transparent url('divider.jpg') no-repeat scroll 50% 0%; }  

.selected{ font-weight: bold;}
.clear{clear: both;}
.schovany{display: none;}
.absmiddle{vertical-align: middle;}
.big-button{font-size: 17px; font-weight: bold; padding: 3px;}