html,body {padding:0px; margin:0px; font:normal normal 0.85em Arial, sans-serif; background:white; text-align:center;}
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:black;}
a:hover {text-decoration:none; color:#DE182C;}

.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:10px; margin-top:5px; margin-bottom:5px;}
.obrr {float:right; margin-left:10px; margin-top:5px; margin-bottom:5px;}
.cleaner {clear:both}
.full {width:100%;}
.c {width:180px;}
.sloupec1 {float:left; width:48%; _width:46%;}
.sloupec2 {float:right; width:48%; _width:46%;}
.pod {padding-top:10px; clear:both;}
.nic {font-size:1px;}
abbr,article,aside,audio,bb,canvas,datagrid,datalist,details,dialog,eventsource,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video {display:block;}
.separator1 {border-bottom:solid 1px black; margin-bottom:5px; font-size:5px; _width:100%; _height:10px; height:10px;}
.separator2 {border-bottom:dotted 1px black; margin-bottom:5px; font-size:5px; _width:100%; _height:10px; height:10px;}
.separator3 {border-bottom:double 3px black; margin-bottom:5px; font-size:5px; _width:100%; _height:10px; height:10px;}
.separator4 {border-bottom:solid 1px #d90000; margin-bottom:5px; font-size:5px; _width:100%; _height:10px; height:10px;}
.w960 {margin:auto; width:960px; text-align:left;}
.w980 {margin:auto; width:950px; text-align:left;}

/**
* @author Jiřík V.
*/

/* Tato skupina tříd by určitě měla být upravena podle grafiky webu!*/
.good {background:#DF182D; color:white; border:1px solid #878787; padding:4px 8px 4px 8px; margin:4px 0px 8px 4px; font-weight:bold;} /*Pro automatické odpovědi systému typu "Nastavení bylo uloženo."*/
.vyrazny {color:#2A7C87;} /*Barevné zvýraznění textu*/
.input {border:solid 1px red; width:98%; background:white; font:normal normal 11px Tahoma,sans-serif; color:black; margin-bottom:1px; padding:1px 2px 1px 2px;} /*Defaultní vstupní políčko pro text*/
.button {border:none; background:#DF182D; color:white; text-decoration:none !important;} /*Defaultní tlačítko jako  <input> a také jako <a>*/
a.button {padding:4px 6px 4px 6px;}
.x, a.button:hover {background:black; cursor:pointer; color:white !important;}
.vyraznyt, .vyraznyt td {background:#999999;} /*Občas je třeba zvýraznit řádek v tabulce*/


.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 0px; font-weight:bold;}
h3 {font:normal bold 120% Arial, sans-serif; margin:0px; padding:10px 0px 10px 0px; 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 #DF182D; font:normal normal 11px Tahoma,sans-serif; color:black; margin-bottom:1px;}
.input_mini {width:25px;}
.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;}

/**

.icon-logo-optimato = Ikona Optimáta
.font-logo-optimato = spešl font Optimáta, pod znakem "o" (malé O) je naše logo

§*/

@font-face {
	font-family: 'Optimato logo';
	src:url('http://shared.systemanimato.cz/imgs_system/mikrologa/fonts/optimato-logo.eot');
	src:url('http://shared.systemanimato.cz/imgs_system/mikrologa/fonts/optimato-logo.eot?#iefix') format('embedded-opentype'),
		url('http://shared.systemanimato.cz/imgs_system/mikrologa/fonts/optimato-logo.ttf') format('truetype'),
		url('http://shared.systemanimato.cz/imgs_system/mikrologa/fonts/optimato-logo.woff') format('woff'),
		url('http://shared.systemanimato.cz/imgs_system/mikrologa/fonts/optimato-logo.svg#Optimato logo') format('svg');
	font-weight: normal;
	font-style: normal;
}


.icon-logo-optimato {
	font-family: 'Optimato logo';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 16px;
	text-decoration: none !important;
	font-size: 36px;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-logo-optimato:before {
	content: "\6f";
}

@font-face {
  font-family:open-bold;
  src: url('fonts/OpenSans-Bold-webfont.eot');
  src: local('˘'), url('fonts/OpenSans-Bold-webfont.woff') format('woff'), url('fonts/OpenSans-Bold-webfont.ttf') format('truetype'), url('fonts/OpenSans-Bold-webfont.svg#webfontHKvaFuAl') format('svg');
}  

@font-face {
  font-family:open-bold-italic;
  src: url('fonts/OpenSans-BoldItalic-webfont.eot');
  src: local('˘'), url('fonts/OpenSans-BoldItalic-webfont.woff') format('woff'), url('fonts/OpenSans-BoldItalic-webfont.ttf') format('truetype'), url('fonts/OpenSans-BoldItalic-webfont.svg#webfontHKvaFuAl') format('svg');
}

@font-face {
  font-family:open-regular;
  src: url('fonts/OpenSans-Regular-webfont.eot');
  src: local('˘'), url('fonts/OpenSans-Regular-webfont.woff') format('woff'), url('fonts/OpenSans-Regular-webfont.ttf') format('truetype'), url('fonts/OpenSans-Regular-webfont.svg#webfontHKvaFuAl') format('svg');
}

@font-face {
  font-family:open-italic;
  src: url('fonts/OpenSans-Italic-webfont.eot');
  src: local('˘'), url('fonts/OpenSans-Italic-webfont.woff') format('woff'), url('fonts/OpenSans-Italic-webfont.ttf') format('truetype'), url('fonts/OpenSans-Italic-webfont.svg#webfontHKvaFuAl') format('svg');
}


em {font-family:open-italic, Arial, sans-serif;}
em strong, strong em {font-family:open-bold-italic, Arial, sans-serif;}

.vyrazny {color:#ED1B2F;}

#hlavicka {border-bottom:1px solid #878787; margin-bottom:20px; position: relative; z-index:5;}
#hlavicka .w980 {position: relative;}
#hlavicka.grafika1 {background-color: #f2f2f2; padding-bottom:15px;}
#hlavicka.grafika2 {height:570px; padding-bottom:0px; position: relative;}

.logo {display:block; width:180px; height:75px; background:url("imgs/logo.png"); float:left; margin-top:29px; margin-left:5px;}

#hlavicka-nadpis {float:left; }
#hlavicka-nadpis h1,#hlavicka-nadpis .ha1 {font-family:open-regular, Arial, sans-serif; font-size:19px; color:#4d555a; font-weight: normal; margin:42px 0px 0px 34px; padding:0px;}
#hlavicka-nadpis h1 strong,#hlavicka-nadpis .ha1 strong {font-family:open-bold, Arial, sans-serif; font-weight: normal;}

#hlavicka-obrazky {position: absolute; right:0px; top:50px; width:100px;}
#hlavicka-obrazky img {float:right; margin-left:15px;}
.grafika2 #hlavicka-obrazky {width:250px; position: absolute; left:250px; top:100px;}
.grafika2 #hlavicka-obrazky img {float:left}
.grafika2 #hlavicka-obrazky img {margin-bottom:10px;}

#horni-lista {height:120px;}

#rozcestnik {height:146px; background-color:#000000; position: absolute; bottom:0px; left:0px; width:100%; text-align: center;}
#rozcestnik a {display:block; float:left; color:#ffffff; font-family:open-bold, Arial, sans-serif; font-size:17px; width:200px; padding:15px; height:115px; text-align: center;}
#rozcestnik a:hover {color:white;}
#rozcestnik a.odkaz-1 {background:url("imgs/produktovka-1.png") top; width:199px;}
#rozcestnik a.odkaz-2 {background:url("imgs/produktovka-2.png") top; width:209px;}
#rozcestnik a.odkaz-3 {background:url("imgs/produktovka-3.png") top; width:208px;}
#rozcestnik a.odkaz-4 {background:url("imgs/produktovka-4.png") top; width:210px;}
#rozcestnik a:hover {background-position: bottom;}

#pozadi-ovladani {position: absolute; bottom:0px; right:0px; z-index:6;}
#pozadi-ovladani div {background:#000000; padding:4px 8px; color:#cc0033; display:block; float:left; margin-left:3px; cursor: pointer;}
#pozadi-ovladani div.on {background-color: #f01e32; color:white;}
#pozadi-ovladani div:hover {color:white;}

#slidehide-container {position:absolute; width:100%; }
.pozadi {position:absolute; top:0px; width:100%; height:455px; background-color:#262626; background-position:top center; background-repeat:no-repeat;}

#titulka-zahlavi {position: relative; height:259px; margin:45px 0px 0px 8px; position: relative;}
.pozadi-text {color:white; font-size:16px; line-height:1.5em; width:380px;}
.pozadi-text h2 {font-family:open-regular, Arial, sans-serif; font-weight: normal; font-size:24px; text-transform: uppercase;}
.pozadi-text h2 strong {font-family:open-bold, Arial, sans-serif; font-weight: normal;}
.pozadi-text a {font-family:open-bold, Arial, sans-serif; font-size:17px; display:block; margin-top:10px; text-decoration: underline;}
.pozadi-text a:hover {color:white; text-decoration: none;}
#zahlavi-text {position:relative; left:-15px;}

#titulka-obsah {min-height:250px; height:auto !important; height:250px; position: relative;}
#titulka-obsah .text {width:960px; line-height:1.8em; color:#333333; font-size:13px; height:270px;}
#titulka-obsah .text a {text-decoration: underline;}
#titulka-obsah .text h2 {color:#333333; font-family:open-bold, Arial, sans-serif; font-size:28px; font-weight: normal;}

#social-titulka {position: absolute; right:0px; top:250px;}

#menu {float:right; position: relative; left:11px;}
#menu a {display:block; float:left; font-family:open-bold, Arial, sans-serif; color:#333333; padding:10px 13px; font-size:15px;}
#menu a.on {color:#fb2f2f; background-color: white;}
#menu a:hover {color:#ED1B2F;}
#menu a.home {background:url("imgs/home.png") no-repeat top; padding:0px; width:18px; height:18px; margin:9px 4px; margin-right:10px;}
#menu a.home:hover,#menu a.home.on {background-position: bottom;}

#pravy {width:640px; float:left; position: relative; margin-left:20px;}
#pravy.velky {width:955px; margin-left:5px;}
  #pravy .text {text-align: left; line-height:1.8em; color:#333333; position: relative; padding-bottom:90px; padding-right:40px; min-height:500px; height:auto !important; height:500px;}
  #pravy .text a {text-decoration: underline;}  
  #pravy .text h1 {color:#333333; font-family:open-bold, Arial, sans-serif; font-size:28px; margin:10px 10px 25px 0px; padding:0px; font-weight: normal;}
  #pravy .text h2 {color:#333333; font-family:open-bold, Arial, sans-serif; font-size:21px; margin:20px 0px 15px 0px; padding:0px; font-weight: normal;}
  #pravy .text h3 {color:#cc3333; font-family:open-bold, Arial, sans-serif; font-size:17px; margin:20px 0px 15px 0px; padding:0px; font-weight: normal;}
  
#levy {width:270px; float:left;}

/* submenu */
#submenu {width:270px; margin-top:15px; background:url("imgs/submenu-bottom.png") no-repeat bottom left; padding-bottom:20px;}
  #submenu a {display:block; width:233px; border-right:1px solid #ee858f; border-bottom:1px solid #ee858f; padding:5px 5px 5px 20px; background-color: #de182c; color:#ffffff; font-weight: bold; font-size:16px;}
  #submenu a.superlast {border-bottom:0px;}
  #submenu a span {background:url("imgs/submenu-sipka.png") left center no-repeat; padding-left:15px;}
  #submenu a.uroven_3 {font-weight: normal; font-size:15px;}
  #submenu a.uroven_4 {font-weight: normal; font-size:14px; color:#ffaaaa;} 
  #submenu a.uroven_3 span {margin-left:15px;}
  #submenu a.uroven_4 span {margin-left:30px;}
  #submenu a:hover {color:#B7B7B7;}
  #submenu a.on {background:url("imgs/submenu-on.png") left center; width:244px; border:0px;}

.odkazovy {position: absolute; bottom:10px; left:30px;}
.odkazovy .odkaz-link {display:block; float:left; padding:8px 8px 8px 50px; margin-left:10px;}
.odkazovy .odkaz-1 {background:url("imgs/ikonka-tisk.png") no-repeat left center;}
.odkazovy .odkaz-2 {background:url("imgs/ikonka-mail.png") no-repeat left center;}

.reference {float:left; width:240px; height:220px; background:#EEE; margin:2px; padding:4px;}
.reference a {display:block; text-align: center;}
.reference a span {text-align: left; display:block; height:45px; margin:4px;}
.reference img {border:1px solid #999; max-height:160px; max-width:230px;}
.reference:hover img {border-color:#ED1B2F;}

#zapati {margin-top:30px; color:#DFDFDF; background:#090909; padding-top:30px; font-size:11px; padding-bottom:30px;}
#zapati .kontakty {font-size:19px; font-family:open-regular, Arial, sans-serif; float:right; color:#666666; margin-right:40px; margin-top:10px;}
#zapati .kontakty strong {color:white; font-weight: normal;}
#zapati .kontakty a {color:#ed1b2f; margin-left:20px;}
#zapati .kontaktni {margin-bottom:10px; border-bottom:1px solid #333333; padding-bottom:10px; width:100%; line-height:1.5em; font-size:12px;}
#zapati .linky {float:right; width:150px;}
#zapati .linky a {color:#ffffff;}
#zapati .linky a:hover {color:#DE182C;}
#zapati a {color:#DFDFDF; text-decoration: underline;}
#zapati a:hover {color:white; text-decoration: none;}

  
#pravy #social {position: absolute; right:0px; top:0px;}

#pravy #drobecka {width:560px;}
#pravy.velky #drobecka {width:940px;}
#drobecka {float:left; color:#666666; font-size:11px;}
#drobecka a {text-decoration: underline; color:#333333;}
#drobecka a:hover {color:#36a0d7;}

.hnedy-nadpis {color:#220505; font-family:open-bold, Arial, sans-serif; font-size:18px;}
.tmavy-nadpis {color:#333333; font-family:open-bold, Arial, sans-serif; font-size:20px;}

.galerie td div {width:180px; height:140px; overflow: hidden; margin-right:4px; margin-bottom:4px}
#pravy .galerie table.full tr {width:600px; display:block; }
#pravy.velky .galerie table.full tr {width:960px; display:block; }
#pravy .galerie table.full tr td {float:left;}

#galerie {width:960px; height:230px; position: relative; margin-bottom:20px; margin-top:20px;}
.galerie2 {width:960px;}
.galerie2 .tmavy-nadpis {margin-bottom:25px;}
.galerie-stranka {height:170px; margin-left:40px;}
#galerie .galerie_puntiky {display: none !important;}
#galerie a.galerie-link {float:left; margin-left:7px; width:165px; height:165px; display:block; overflow: hidden;}
.galerie-sipecka {display:block; width:13px; height:26px; position: absolute; top:70px;}
.galerie-vpravo {background:url("imgs/galerie-vpravo.png") no-repeat top; position: absolute; right:0px;}
.galerie-vlevo {background:url("imgs/galerie-vlevo.png") no-repeat top; position: absolute; left:0px;}
.galerie-sipecka:hover {background-position: bottom;}
.galerie-sipecka.inv {display: none;}