@font-face { font-family: 'NotoRegular'; src: url('../fonty/NotoSans-Regular.ttf'); src: url('../fonty/NotoSans-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal;}

body {font-family: Arial, Helvetica, sans-serif; background-image: url(../images/bg-body.png); background-position: top center; background-repeat: no-repeat; background-attachment: fixed; margin: 0px auto; text-align: center; font-size: .9em;line-height: 1em;}


/* Removing The Dotted Outline */
a {   outline: 0;}
object, embed {   outline: 0;}
input::-moz-focus-inner {   border: 0; }

/* FORMS  */
fieldset {clear: both; border:none;}
form, fieldset{padding:0px;margin:20px 0;}
input, textarea, select {font-size: 10pt;}

form button[type='submit'], form button[type='reset'] {
height: 38px;
line-height: 38px;
padding: 0 15px;
background: url(../images/btn-black.png) left top repeat-x;
display: inline-block;
text-decoration: none;
color: #fff;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
margin: 10px 0px;
border: none;
cursor: pointer;
}   

form  button[type='submit']:hover, form  button[type='reset']:hover  {
    /*background: #587E0D;*/
	opacity: 0.9; 
  }  

table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent
}

table {
	border-collapse:collapse;
	border-spacing:0;
	margin: 10px 0;
}
table td {padding-right: 10px;}



table.produkty {width:100%; text-align:left; border-collapse:collapse; margin:0px 20px 20px 0px;}
table.produkty th {font-size:13px; font-weight:bold; background:#b9c9fe; border-top:4px solid #aabcfe; border-bottom: 1px solid #fff; color:#039; padding:5px;}
table.produkty td {background:#e0e0e0;border-bottom:1px solid #fff;color:black;border-top:1px solid transparent;padding:4px;}
/* table.produkty tr:hover td{background:gray;color:white;} */

blockquote {margin:0px; padding: 5px; color: white; background-color: red; font-family: 'NotoRegular', arial;}
blockquote h3 {margin:0px; padding: 0px; font-family: 'NotoRegular', arial;}
.cleaaar {clear: both;}

#ramec {width:1263px; margin: 0px auto; display: block; position: relative; top: 0px; z-index:1; }

/*hledani*/
#hledani {margin: 0px auto; width: 950px; padding: 0px; }
#hledani p {margin: 0px; padding: 0px; display: inline; }
#hledani .search {margin: 5px 0px 0px 0px; padding: 0px; display: block; text-align: right; float: right;}

#hledani .inputbox {border: solid 1px; font-size: 1em; color: gray; margin: 0px 5px 0px 0px;}
#hledani .button {border: none; background-color: black; color: white; margin-left: 0px 0px 0px 5px;cursor: pointer;}

.form-top {	margin: 0px; text-align: right;}
.form-top {margin: 5px 0px 0px 0px; padding: 0px; display: block; float: right;}
.h-text{border: solid 1px; font-size: 1em; color: gray; margin: 0px 5px 0px 0px;}
.h-submit{border: none; background-color: black; color: white; margin-left: 0px 0px 0px 5px;}

/*facebook*/
.fb-top {float: right; border: none; margin: 5px 0px 0px 10px; display: inline-block;}

/*logo*/
#ramec-logo {width: 1263px;margin: 0px 0px 0px 0px; display: block; position: absolute; top: 0px; z-index:3; }
#ramec-logo img{ border: none;}
#ramec-logo a {outline: 0;}
#logo-left {width:479px; height:164px; margin: 0px 0px 0px 0px; display: block; position: absolute; top: 41px; left:0px; z-index:3;}
#logo-right {width:238px; height:164px; margin: 0px 0px 0px 0px; display: block; position: absolute; top: 41px; left:1025px; z-index:3;}

/*slideshow*/
#ramec-top {background-image: url(../images/bg-top.png); background-repeat: no-repeat; background-position: bottom left; width: 970px; height: 260px; text-align: center; padding: 0px; margin: 0px auto; position: relative;  z-index:2;}

.slider-wrapper {padding: 20px 0px 0px 0px;}
#ramec-top img { border: 0;}
#ramec-top a {outline: 0;}
.top-ilu {border: solid 1px white; margin: 20px 0px 0px 0px;}

.slide-obsah {width: 630px;margin: 0px 0px 0px 0px; display: block; position: absolute; top: 165px; left:461px; z-index:5; }
.slide-text {width: 630px;margin: 0px 0px 0px 0px; display: block; text-align: right; font-family: Arial, Helvetica, sans-serif; z-index:5;}
.slide-text h3{ margin: 0px;color: #FF0000;}
.slide-text p{ margin: 0px;color: #FF0000;}

/*TOP menu*/
#menu-top{width: 970px; color: white; font-family: 'NotoRegular', arial; margin: 0px;   text-align: center; position: absolute; top: 225px; left:150px;z-index: 30;}
#menu-top a {outline: 0;}
#menu-top ul{position:relative;padding-left:20px;margin:0px;}
#menu-top ul li{position:relative;list-style-type: none;display:block;float:left;background: url(../images/menu-delitko.png) left center no-repeat;border-left:transparent solid 1px; }
#menu-top ul li:first-child {background: none;} 
#menu-top ul li:hover a{color: white;}
#menu-top ul li.sipka:hover a{background-image: url(../images/podmenu-sipka-dolu.png); background-position: 26px 40px; background-repeat: no-repeat;}
#menu-top ul li a{position:relative;text-decoration:none;float:left;display:block;color: #ffc984;font-family: 'NotoRegular', arial;text-transform: uppercase; font-size: 1.2em; _font-size: 1.1em;line-height: 54px;padding: 0 26px;}


/* podmenu siroke */
#menu-top ul li .podmenu {display:none; position:absolute;top:51px;left:-1px; width: 470px;background-color: black; background-image: url(../images/bg-podmenu.png);  margin: 0px; padding: 10px 0px; height: 160px; max-height: 160px; text-align:left;z-index: 33; text-transform: none !important;}
#menu-top ul li:hover .podmenu {display:block;}
#menu-top ul .reverse .podmenu{left:auto;right:0px;}
#menu-top ul li .podmenu ul.podmenu-ul {margin: 0px; list-style: none; padding: 0px;}
#menu-top ul li .podmenu ul.podmenu-ul li {float: left; background:none !important; display: inline; width: 230px;height:auto;top:0px;margin:0px; list-style: none; padding: 0px;}

#menu-top ul li .podmenu a.popdpolozka:link, #menu-top ul li .podmenu a.popdpolozka:visited { color: white; display: block; margin: 0px 0px 0px 10px; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 1em; letter-spacing: 3px; width: auto; line-height: 15px; background-image: url(../images/podmenu-sipka-of.png); background-position: center left; background-repeat: no-repeat; padding: 5px 0px 5px 15px; text-align: left; float: left; text-transform: none !important;}
#menu-top ul li .podmenu a.popdpolozka:hover {  color: #ffc984; text-decoration: underline; background-image: url(../images/podmenu-sipka-on.png);}


/* podmenu uzke */
#menu-top ul li .podmenu2 {display:none; position:absolute;top:51px;left:-1px; width: 280px;background-color: black; background-image: url(../images/bg-podmenu.png);  margin: 0px; padding: 10px 0px; height: 100px; max-height: 100px; text-align:left;z-index: 33;text-transform: none !important;}
#menu-top ul li:hover .podmenu2 {display:block;}
#menu-top ul .reverse .podmenu2{left:auto;right:0px;}
#menu-top ul li .podmenu2 ul.podmenu-ul {margin: 0px; list-style: none; padding: 0px;}
#menu-top ul li .podmenu2 ul.podmenu-ul li {float: left; background:none !important; display: inline; width: 300px;height:auto;top:0px;margin:0px; list-style: none; padding: 0px;}
#menu-top ul li .podmenu2 a.popdpolozka:link, #menu-top ul li .podmenu2 a.popdpolozka:visited { color: white; display: block; margin: 0px 0px 0px 10px; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 1em; letter-spacing: 3px; width: auto; line-height: 15px; background-image: url(../images/podmenu-sipka-of.png); background-position: center left; background-repeat: no-repeat; padding: 5px 0px 5px 15px; text-align: left; float: left;text-transform: none !important;}
#menu-top ul li .podmenu2 a.popdpolozka:hover {  color: #ffc984; text-decoration: underline; background-image: url(../images/podmenu-sipka-on.png);}


/* OBSAH */

#obsah-ramec {width: 950px; text-align: center; padding: 0px 0px 0px 0px; margin: 0px auto 0px auto;}

#vlevo { float: left;width: 64%; line-height: 1.3em;}
#vlevo-full { float: left;width: 100%; line-height: 1.3em;}
#vpravo { float: right;width: 34%;}

/* OBSAH Vlevo */


/* Message */
.block-vlevo-message { background-color: white; box-shadow: 0px 0px 5px black; width: 100% ;float: left; text-align: left; margin: 0px; }
.block-vlevo-message p {margin: 0px 0px 5px 0px; color: black;}
.block-vlevo-message a, .block-vlevo-message a:link, .block-vlevo-message a:visited {color: red; }
.block-vlevo-message a:hover {color: gray; }


/* Breadcrumb */
#drobecky {  width: 950px;   text-align: left;  font-family: Arial, Helvetica, sans-serif; font-size: .8em; margin: 0px auto 0px auto; padding:0px; color: white;}
#drobecky a, #drobecky  a:link, #drobecky a:visited {color: white; }
#drobecky a:hover {color: black; }


/*MIDDLE menu
#menu-middle {width:580px;  color:black; font-family: 'NotoRegular', arial;  text-align:left; margin: 0px auto 30px auto; padding:0px; }
#menu-middle a {outline: 0;}
#menu-middle ul{position:relative;padding:0px;margin:0px;}
#menu-middle ul li{position:relative;list-style-type: none;display:block;float:left; }
#menu-middle ul li a{position:relative;text-decoration:none;float:left;display:block;color: #red;font-family: 'NotoRegular', arial; text-transform: uppercase; font-size: 0.9em;  padding: 0 15px 0 0;}
#menu-middle ul li a:visited{color: red;}
#menu-middle ul li:hover a{color: black;}*/

/*MIDDLE menu*/
#menu-middle {width:580px;  color:black; font-family: 'NotoRegular', arial;  text-align:left; margin: 0px auto 10px auto; padding:0px; }
#menu-middle a {outline: 0;}
#menu-middle ul{position:relative;padding:0 0 20px 0; border-bottom:1px solid gray;margin:0px; }
#menu-middle ul li{position:relative;display:block;float:left;}
#menu-middle ul li a{position:relative;text-decoration:none;float:left;display:block;color: #red;font-family: 'NotoRegular', arial; text-transform: none; font-size: 0.9em;  margin: 0 5px 0 0; background-image: url(../images/mm-delitko-of.png); background-position: center left; background-repeat: no-repeat; padding-left: 15px;}
#menu-middle ul li a:visited{color: red;}
#menu-middle ul li:hover a{color: black;}
#menu-middle ul li:first-child a{background: none;background-image: none;  padding-left: 0px;}

/* obrazky, fotky */
#vlevo .obr-stredni-vpravo {float: right; border: #e2e2e2 solid 5px; margin: 10px 0px 10px 10px;}
#vlevo .obr-stredni-vlevo {float: left; border: #e2e2e2 solid 5px; margin: 10px 10px 10px 0px;}
#vlevo .obr-maly-vpravo  {float: right; border: #e2e2e2 solid 5px; margin: 0px 0px 10px 10px;}
#vlevo .obr-maly-vlevo {float: left; border: #e2e2e2 solid 5px; margin: 0px 10px 10px 0px;}


/* Uvod HP */
#block-uvod { width: 100% ;float: left; text-align: left; color: white;}
#block-uvod h1 {font-family: 'NotoRegular', arial; margin: 0px 0px 20px 0; color: white; font-weight:bold; text-transform: uppercase; font-size: 1.5em;}
#block-uvod p {margin:5px 0px 5px 0px; color: white; }
.block-uvod-pad {margin: 5px; padding: 10px; background-repeat: no-repeat;}

/* Obsah vlevo */
.block-vlevo-obsah { background-color: white; box-shadow: 0px 0px 5px black; width: 100% ;float: left; text-align: left; margin: 10px 0px 10px 0px; font-size: .9em;}

#vlevo .block-vlevo-obsah .block-vlevo-obsah-ramec {background-image: url(../images/bg-text.png); margin: 5px; padding: 10px; background-repeat: no-repeat;}
#vlevo-full .block-vlevo-obsah .block-vlevo-obsah-ramec {background-image: url(../images/bg-text-full.png); margin: 5px; padding: 10px; background-repeat: no-repeat;}


.block-vlevo-obsah h1 {font-family: 'NotoRegular', arial; margin: 0px 0px 20px 0; color: red; font-weight: bold; text-transform: uppercase; font-size: 1.5em;}
.block-vlevo-obsah p {margin: 0px 0px 15px 0px; color: black; text-align:justify;}

.block-vlevo-obsah a, .block-vlevo-obsah a:link, .block-vlevo-obsah a:visited,
.block-vlevo-obsahhp a, .block-vlevo-obsahhp a:link, .block-vlevo-obsahhp a:visited {color: red; }
.block-vlevo-obsah a:hover, .block-vlevo-obsahhp a:hover{color: gray; }

/* blog clanku, HP */
.blog-featured .cols-1 { background-color: white; box-shadow: 0px 0px 5px black; width: 100% ;float: left; text-align: left; margin: 0px 0px 10px 0px;font-size: .9em;}
.blog-featured .cols-1 h2 {font-family: 'NotoRegular', arial; margin: 0px 0px 20px 0; color: red; font-weight: bold; text-transform: uppercase; font-size: 1.5em;}
.blog-featured .cols-1 p {margin: 0px 0px 15px 0px; color: black; }
.blog-featured .cols-1 .column-1 {background-image: url(../images/bg-text.png); margin: 5px; padding: 10px; background-repeat: no-repeat;}


/* OBSAH Vpravo */
#block-vpravo { background-color: white; box-shadow: 0px 0px 5px black; width: 100%; float: right; text-align: left; margin: 10px 0px 10px 0px; font-size: .9em;}
#block-vpravo h3 {font-family: 'NotoRegular', arial; margin: 0 0 10px 0; color: red; font-weight: bold; text-transform: uppercase; font-size: 1.5em;}
#block-vpravo h3 a:link, #block-vpravo h3 a:visited {color: red;  text-decoration: none;}
#block-vpravo h3 a:hover {color: gray;}
#block-vpravo p {margin: 5px 0px 5px 0px; color: black; }
#block-vpravo .moduletable {background-image: url(../images/bg-text.png); margin: 5px; padding: 10px; background-repeat: no-repeat;}
#block-vpravo .kategorie-vpravo {float: left; margin: 0px 15px 5px -5px;}

#block-vpravo .reference h4 {font-family: 'NotoRegular', arial; margin: 0 0 10px 0; color: red; font-weight: bold;  font-size: 1.2em;}
#block-vpravo .reference ul { margin: 0px 0px 0px 20px; padding: 0px;}
#block-vpravo .reference li { margin: 0px 0px 5px 0px;  padding: 0px;}
#block-vpravo  .bgnone {background-image:none !important;}

/* OBSAH menu Vpravo */
#block-vpravo ul.menu { margin: 20px 0px 0px 10px; padding: 0px;}
#block-vpravo ul.menu li { margin: 0px 0px 10px 0px; list-style: none; padding: 0px;}
#block-vpravo ul.menu li.active a:link, #block-vpravo ul.menu li.active a:visited { background-image: url(../images/sipky-r2-x-on.png); background-position: center left; background-repeat: no-repeat; padding-left: 10px; color: gray; font-weight: bold; text-decoration: none;}
#block-vpravo ul.menu li a:link, #block-vpravo ul.menu li a:visited { background-image: url(../images/sipky-r2-x-of.png); background-position: center left; background-repeat: no-repeat; padding-left: 10px; color: red; font-weight: bold; text-decoration: none;}
#block-vpravo ul.menu li a:hover { background-image: url(../images/sipky-r2-x-on.png); background-position: center left; background-repeat: no-repeat; padding-left: 10px; color: gray; font-weight: bold; text-decoration: none;}

a.viceinfo {
	background: url("../images/viceinfo1.png") no-repeat scroll left center transparent;
	color: gray;
	display: inline-block;
	font-family: 'NotoRegular', arial;
	font-size: 100%;
	margin-top: 10px;
	padding-left: 25px;
	text-decoration: none;
	text-transform: uppercase;
	outline:0;
	line-height: 1em;
}

a.viceinfo:hover {color: red; 	background: url("../images/viceinfo2.png") no-repeat scroll left center transparent;}
a.viceinfo em {	color: #F10000;	font-style: normal;}

/* PATKA */
#patka-ramec-copy {	width: 100%; margin: 50px 0px 0px 0px;}
#patka-obsah-copy {	width: 950px; margin: 0px auto; text-align: right;}
#patka-obsah-copy p { color: white; margin: 0px 0px 10px 0px; font-family: Arial, Helvetica, sans-serif; font-size: .75em;}
#patka-obsah-copy a:link, #patka-obsah-copy a:visited { color: white;}
#patka-obsah-copy a:hover { color: silver;}

#patka-ramec {	width: 100%; background-color: black; border-top: solid 1px white;}
#patka-obsah {	width: 950px; margin: 0px auto; text-align: center; color: white;}

.patka1 {width: 32%; float: left; font-family: Arial, Helvetica, sans-serif;}
.patka2 {width: 32%; float: left; margin-left: 2%; font-family: Arial, Helvetica, sans-serif;}
.patka3 {width: 32%; float: left; margin-left: 2%; color: white; font-family: Arial, Helvetica, sans-serif;}
.patka1 p, .patka2 p, .patka3 p {	color: white; text-align: left; font-size: .8em; margin: 10px 0px 0px 0px;}
.patka1 table { float: left;}
.patka1 table td{ padding: 0px 30px 0px 0px; border-collapse: collapse; font-size: .8em;}
.patka1 h3, .patka2 h3, .patka3 h3 {display: block; border-bottom: solid 1px white; color: gray; text-align: left;font-family: 'NotoRegular', arial; margin: 10px 0px 0px 0px; padding:0 0 5px 0;font-weight: bold;}
.patka-mapa {margin: 0px 0px 10px 0px; border: solid 1px white;}
.partneri {	float: left; margin: 10px 10px 20px 0px;}