html,body {padding:0px; margin:0px; font:normal normal 0.85em Arial, sans-serif;}
body {background:white;}
form {margin:0px;}
table {border:none; margin:auto;}
#obsah td {_font-size:12px; _color:#6E523B}
img {border:none; vertical-align:middle}
input {vertical-align:middle;}
a {text-decoration:none; color:#004394;}
a:hover {text-decoration:none; color:black;}
img {max-width: 100%;
}
.separator1 {border-bottom:solid 1px black; padding-bottom:5px; margin-bottom:5px; font-size:2px; _width:100%; _height:10px;}
.separator2 {border-bottom:dotted 1px black; padding-bottom:5px; margin-bottom:5px; font-size:2px; _width:100%; _height:10px;}
.separator3 {border-bottom:double 3px black; padding-bottom:5px; margin-bottom:5px; font-size:2px; _width:100%; _height:10px;}
.separator4 {border-bottom:solid 1px #d90000; padding-bottom:5px; margin-bottom:5px; font-size:2px; _width:100%; _height:10px;}

.sloupec1 {float:left; width:49%; _width:46%;}
.sloupec2 {float:right; width:49%; _width:46%;}
.pod {padding-top:10px; clear:both;}

h1 {font:normal bold 140% Arial, sans-serif; margin:0px; padding:15px 0px 15px 30px; font-weight:bold;}
h2 {font:normal bold 130% Arial, sans-serif; margin:0px; padding:10px 0px 10px 5px; font-weight:bold; color:#00256F;}
h3 {font:normal bold 120% Arial, sans-serif; margin:0px; padding:10px 0px 10px 15px; font-weight:bold;}

/*většinou formuláře*/
.c {width:140px;}
.c2 {width:100px;}
.sloupec1 .c,.sloupec2 .c {width:100px;}
.sloupec1 .c2,.sloupec2 .c2 {width:70px;}
.input {width:100%; background:white; border:solid 1px #003B8C; font:normal normal 11px Tahoma,sans-serif; color:black; margin-bottom:1px;}
.input_mini {width:25px;}
.button {background-color:#D9754B; color:white; font:normal normal 11px Arial,sans-serif; text-transform:uppercase; border:none; _padding:0px 4px 0px 4px;}
a.button {padding:2px 5px 2px 5px;}
.x {color:black; background-color:#2A7C87; cursor:pointer;}
.mensi {width:120px;}
.kal {text-align:center}
.kal2 {cursor:pointer; background-color:#2A7C87; color:white;}

/*galerie - někdy se hodí*/
.gal_obrazek_velky {width:520px; height:520px; overflow:auto; margin:5px 0px 5px 0px; clear:both; background-color:#cccccc;}
.gal_obrazek {padding:10px; clear:both; text-align:center;}
.gal_obrazek img {border:solid 8px #cccccc; }
.gal_popiska {padding:5px 0px 5px 0px; width:100%; text-align:center; background-color:#cccccc; }
.gal_ovladani_nahled {padding-top:12px; margin-bottom:15px;}
.gal_ovladani {padding-top:11px; margin-bottom:10px;  _height:33px;}
.gal_nahledy {text-align:center; background:url("imgs/gal_bg.gif") no-repeat center top; height:110px; padding-top:17px;}
.nahled {margin:0px 2px 0px 2px;}
.aktivni_nahled img {border:solid 1px #D9754B;}
.gal_zoom {float:right; padding-top:11px; padding-right:10px; }
.gal_link {padding:2px 5px 2px 5px; background-color:#D9754B; color:white; font-size:85%;}
.gal_link:hover {color:black; background-color:#2A7C87; cursor:pointer; text-decoration:none;}


.tbold {font-weight:bold;}
.tpodtrzeny {text-decoration:underline;}
.tkurziva {font-style:italic;}
.tvetsi {font-size:120%;}
.tmensi {font-size:80%;}
.al {text-align:left}
.aj {text-align:justify}
.ac {text-align:center}
.ar {text-align:right}
.fl {float:left;}
.fr {float:right;}
.inv {display:none;}
.obrl {float:left; margin-right:5px; margin-top:5px; margin-bottom:5px;}
.obrr {float:right; margin-left:5px; margin-top:5px; margin-bottom:5px;}
.cleaner {clear:both}
.vyrazny {color:#003d8f;}
.full {width:100%;}
#levy .full {_width:93%;}
.nic {font-size:1px;}
.w960 {width:960px; margin:auto;}
.modry-nadpis {color:#213085; font-size:18px; font-weight: bold; margin:4px 4px 6px 0px;}

#zahlavi {height:123px; background:url("imgs/zahlavi.png") repeat-x top;}
  #zahlavi .w960 {position: relative;}
  #zahlavi h1,#zahlavi .ha1 {margin:0px; padding:0px; color:#003d8f; background:url("imgs/zahlavi-puntik.png") no-repeat 0px 2px; position: absolute; top:45px; left:240px; padding-left:25px; font-size:16px; font-weight: bold;}
  .logo {width:213px; height:65px; display: block; background:url("imgs/centec-logo.png"); _background:url("imgs/centec-logo-ie.png"); float:left; margin-top:20px;}

#menu {background:url("imgs/menu-bg.png") repeat-x; height:45px;}
#menu a {font-size:13px; text-transform:uppercase; color:white; display:block; float:left; font-family:Arial; font-weight:bold; padding:0px; cursor: pointer;}
#menu a.home {background:url("imgs/ikonka-home.png");}

#menu a span {display: block; float:left;}
#menu a span span {display: block; float:left; padding:11px 15px 10px 15px;}

#menu a:hover,#menu a.on {color:#003782; background:url("imgs/menu-a-bg.png") repeat-x bottom;}
#menu a:hover span,#menu a.on span {background:url("imgs/menu-left.png") no-repeat left;}
#menu a:hover span span,#menu a.on span span {background:url("imgs/menu-right.png") no-repeat right;}

#titulka-obsah {background:url("imgs/titulka-bg.jpg") no-repeat top; min-height:500px; padding-top:25px; line-height:2em; padding-bottom:30px;}
.titulka-text {font-weight:bold; font-size:14px; float:left;  margin-bottom:15px; padding-right:25px;}
  .titulka-text a,.text-titulka-dolni a {text-decoration: underline;}
  .titulka-text a:hover,.text-titulka-dolni a:hover {text-decoration: none;}
.text-titulka-dolni {font-size:12px; color:#535353; margin-top:15px;}

#aktuality {float:right; width:262px; height:226px;}
  #aktuality .aktuality {width:242px; height:216px; background:url("imgs/aktuality-bg.png"); _background:url("imgs/aktuality-bg-ie.png"); background-repeat:no-repeat; _height:206px;}
  .aktuality {padding:10px; line-height:1.5em;} 
  .aktualita {height:65px;}
  .kalendar {background:url("imgs/kalendar.png"); height:51px; width:66px; font-size:20px; color:#003d8f; font-weight: bold; text-align: center; padding-top:10px; float:left; margin-right:2px;}
  .kalendar span {display: block; color:white; font-size:11px; margin-top:8px;}
  .aktualita a.tbold {display: block; color:#003d8f;}
  .aktualita a.tbold:hover {color:red;}
  .aktuality a.archiv {display: block; text-align: right; color:#575757; text-transform: uppercase;}
  .aktuality a.archiv:hover {color:#003d8f;}
    
  #aktuality2 {background:url("imgs/aktuality2-y.png") repeat-y; width:262px; margin-top:0px;}
  #aktuality2_top {background:url("imgs/aktuality2-top.png") no-repeat top;}
  #aktuality2_bottom {background:url("imgs/aktuality2-bottom.png") no-repeat bottom;}
  
  .polozka {border-bottom:1px solid #00236E; padding-bottom:5px; margin-top:5px;}
  
#nase-produkty {float: left; width:370px;}
  #nase-produkty .stin {position: relative; bottom:10px;}
  #nase-produkty h2 {margin:0px; padding:0px; background:url("imgs/nase-produkty-a.png"); width:357px; height:56px; margin-bottom:5px; font-weight: normal;}
  #nase-produkty a {color:#003d8f; font-size:14px; padding:17px 10px 14px 82px; display: block; background-position:4px 4px; background-repeat:no-repeat;}
  #nase-produkty h2:hover {background-position:bottom;}
  #nase-produkty h2:hover a {text-decoration: none;}
  #nase-produkty a.nas-produkt-1 {background-image:url("imgs/nase-produkty-img-0.png");}
  #nase-produkty a.nas-produkt-2 {background-image:url("imgs/nase-produkty-img-1.png");}
  #nase-produkty a.nas-produkt-3 {background-image:url("imgs/nase-produkty-img-2.png");}
  #nase-produkty a.nas-produkt-4 {background-image:url("imgs/nase-produkty-img-3.png");}
  #nase-produkty a.nas-produkt-5 {background-image:url("imgs/nase-produkty-img-4.png");}

.titulka-box {float: left; width:280px; margin-right:15px;}
  .titulka-box .stin {position: relative; bottom:10px; left:-10px;}
  .titulka-box .modry-nadpis {font-size:17px;}
  .nase-aplikace {width:246px; height:162px; padding:15px; background:url("imgs/nase-aplikace.png") no-repeat; position: relative;}
  .nase-aplikace a {display: block; margin-bottom:5px; background:url("imgs/sipecka.png") no-repeat 0px 4px; _background-image:url("imgs/sipecka-ie.png"); color:#000000; padding-left:19px; width:100px;}
  .nase-aplikace a:hover {color:#004394;}
  .nase-aplikace a.dolni {position: absolute; bottom:11px; left:51px; text-transform: uppercase; color:#003d8f; font-size:14px; background:none; padding:0px; float:none; width:auto; margin:0px;}
  .nase-aplikace a.dolni:hover {color:black;}
  
  .nase-aplikace-big {background:url("imgs/nase-aplikace-big.png") no-repeat; height:442px;}
  .nase-aplikace-big a.dolni {bottom:42px;}
  .stin-new {bottom:36px !important;} 
  
  #buchi {position:relative; top:-7px;}
  
  #buchi .dolni img {position:relative; top:4px;}
  
  #vyhradni-zastoupeni .nase-aplikace a {float: none; width:auto;}
  #vyhradni-zastoupeni a.dolni {text-align: center; display: block; width:180px;}
  
#galerie {margin-bottom:15px;}
.galerie-styl {width:922px; height:181px; background:url("imgs/galerie-bg.png"); position:relative;} 
  .galerie {position: absolute; top:20px; left:70px; width:830px;}
  .galerie-styl .zalozka {display:none;}
  .galerie-styl img {border:5px solid #cbcbcb;}
  .galerie_stranka {height:144px;}
  .galerie_stranka a {margin-right:15px;}
  .galerie-sipecka {display: block; width:30px; height:37px; position: absolute; top:75px; }
  .galerie-vlevo {background:url("imgs/galerie-zpet.png") no-repeat top; position: absolute; left:-19px;}
  .galerie-vpravo {background:url("imgs/galerie-vpred.png") no-repeat top; position: absolute; right:-19px;}
  .galerie-sipecka:hover {background-position: bottom;}
  .galerie-sipecka.inv {display:none;}
  .galerie-obrazek {width:176px; height:144px; }

.kontaktni_zapati,.kontaktni_zapati_2 {margin-top:15px; padding:5px 3px 15px 3px; font-size: 12px; color:#252525; float:left;}
.kontaktni_zapati_2 {float:right;}
.zapati {border-top:1px solid #3d3d3d; padding:15px 3px 15px 3px; color:#252525; font-size:10px;}
  .zapati .fr {padding-bottom:5px; padding-top:2px;}
  .zapati a:hover {text-decoration: underline;}
  
#hledej {background:url("imgs/hledej-bg.png") no-repeat top; width:225px; height:26px; padding:2px; position: absolute; top:40px; right:100px;}
	#hledej .input {border:0px; padding:4px; width:150px; font-size:14px; float:left;}
	#hledej .input:focus {background-position: bottom;}
	#hledej .submit {background:url("imgs/hledej-submit.png") no-repeat top; width:26px; height:25px; border:0px; font-size:0px; float:right;}
	#hledej .submit:hover {background-position:bottom;}
	#hledej form {background:none;  padding:0px;}
	
#obsah {background:url("imgs/obsah-bg.jpg") no-repeat top; padding-top:25px; min-height:500px; height:auto !important; height:500px;}

#left {float: left; width:269px; }

#submenu {background:url("imgs/submenu-y.png") repeat-y left; width:269px; margin-bottom:15px;}
#submenu_top {background:url("imgs/submenu-top.png") no-repeat top left;}
#submenu_bottom {background:url("imgs/submenu-bottom.png") no-repeat bottom left; padding:4px;}

#submenu a {display: block; color:black; width:255px; font-size:13px; position: relative; cursor: pointer !important;}
  #submenu a.onx {font-weight: bold; color:#003B8C;}
  #submenu a.uroven3 {background:url("imgs/submenu-puntik.png") 17px 13px no-repeat;}
  #submenu a.uroven4 span span {font-size:11px; padding-bottom:9px;}
  #submenu a.first span.prvni {background-image: none;}
  #submenu a.last span.druhy {background-image: url("imgs/falesny.png");}
  #submenu a span {display: block; background:url("imgs/submenu-a-top.png") no-repeat top;}
  #submenu a span.druhy {padding:7px 8px 7px 10px; background:url("imgs/submenu-a-bottom.png") no-repeat bottom; cursor: pointer; _padding-bottom:7px;}
  #submenu a:hover {color:#003B8C;}
  #submenu a span.sipka {display: none;}
  
  #submenu a.on {background:url("imgs/submenu-aon.png") repeat-y left; color:white !important;}
  #submenu a.on span {background-image:url("imgs/submenu-aon-top.png");}
  #submenu a.on span.druhy {background-image:url("imgs/submenu-aon-bottom.png");}
  #submenu a.on span.sipka {display: block; width:11px; height:30px; background:url("imgs/submenu-sipka.png"); position: absolute;right:-10px; top:0px; _right:-11px;}
  
  #submenu a.uroven3 span.druhy {padding-left:29px;}
  #submenu a.uroven4 span.druhy {padding-left:39px;}

#drobecky {color:#505050; font-size:10px; text-transform: uppercase; margin-bottom:10px; width:665px;}
#drobecky a {color:#505050;}
#drobecky a:hover {color:#003B8C;}
#drobecky .tbold {color:#003d8f;}

#right .text {width:656px; background:url("imgs/text-bg.png") no-repeat top; _background-image:url("imgs/text-bg-ie.png"); min-height:500px; height:auto !important; height:500px; margin-top:7px; color:black; line-height:1.6em; position: relative; padding:15px 15px 70px 15px;}
.text a {text-decoration: underline;}
  .text a:hover {text-decoration: none;}
#right h1 {color:#003d8f; font-size:22px; margin:0px; padding:0px; margin-bottom:15px;}

.pf_modry {height:36px; text-transform:uppercase; color:white; text-align: center; font-size: 16px; border:0px; background:url("imgs/pf-modry.png"); width:146px; margin-top:10px;}
.pf_modry_maly {height:30px; text-transform:uppercase; color:white; text-align: center; font-size: 11px; border:0px; background:url("imgs/pf-modry-maly.png"); width:73px;}

#formular {margin-top:30px;}
.formular form {background: none ; padding:0px;}  
.formular {background:url("imgs/form_y.png") repeat-y; width:558px;}
.formular_top {background:url("imgs/form_top.png") no-repeat top;}
.formular_bottom {background:url("imgs/form_bottom.png") no-repeat bottom; padding:10px; }
.formular .input {width:401px; background:url("imgs/form_input.png") no-repeat; border:0px; height:18px; padding:3px;}
.formular textarea.input {width:401px; background:url("imgs/form_textarea.png") no-repeat; border:0px; height:98px; padding:3px;}
.formular div.ar {text-align: center;}

#kontaktni {width:232px; background:url("imgs/zavolame-bg.png"); height:95px; position: relative; padding:15px; margin-top:15px; font-size:11px; color:#3a3a3a;}
#kontaktni .formular,#kontaktni .formular_top,#kontaktni .formular_bottom {background:none; width:141px;}
#kontaktni .formular {background:url("imgs/zavolame-input.png"); width:137px; height:19px; position: absolute; padding:2px;}
#kontaktni .input { width:105px; padding:1px; height:14px; font-size:13px; &padding-top:0px; position: relative; &bottom:1px;}
#kontaktni td.c {display:none;}
#kontaktni .formular_bottom {padding:0px;}
#kontaktni form {position: relative;}
#kontaktni .pf_modry {background:none; width:17px; height:18px; position: absolute; right:5px; top:-9px; font-size:0px;}

#right {float:left; margin-left:3px;}

.odkazovy {position:absolute; bottom:20px; left:20px;}
.tiskovy a {font-size:12px;}
.tiskovy {float:left;font-size:11px;background:url("imgs/print.png") no-repeat;height:22px;padding-left:32px;line-height:1.5em;margin-left:5px;}
.tiskovy:hover {background:url("imgs/print_on.png") no-repeat;}
.doporucit_odkaz {float:left;font-size:11px;background:url("imgs/doporucit.png") no-repeat;height:22px;padding-left:22px;line-height:1.5em; margin-left:15px;}
.doporucit_odkaz:hover {background:url("imgs/doporucit_on.png") no-repeat;}

.good {padding:5px; border:1px solid #004292; background:#EEEEEE;}

.greyform-call{width: 140px;}

.greyform-call .forms-siroky{padding-bottom: 5px;border: none;}

.greyform-call .forms-input{border: 2px solid white;}

.greyform-call .greyform-submit-call{
background-image: url(imgs/green-phone.png);
    background-size: cover;
    background-color: white;
    border: none;
    width: 18px;
    height: 18px;
    font-size: 0;
    position: absolute;
    top: 2px;
    right: 94px;
}

.greyform-call .formsInputIndicator{

  position: absolute;
  top: 2px;

}