/* css generated file */

body{color: black;margin: 0;padding: 0;font-size: 13px; line-height: 139%; font-family: Arial,sans-serif; background: #f5f5f5 center top no-repeat; color: #323232;}
a{text-decoration: underline;color: #f94727}
a:hover{text-decoration: none;}
a img{border: none;}
p,ul,h1,h2,h3,h4,h5{margin: 0px;padding: 0px;}
table{border-collapse: collapse;}
.cleaner{clear: both;height: 1px; font-size: 1px; line-height: 1px;}
p {margin: 0 0 9px 0;}

input[type="text"] {border: 1px solid #d7d7d7; font-family:Arial; font-size: 12px; line-height: 12px; margin:0; padding: 3px 8px 3px 8px;}
textarea {border: 1px solid #d7d7d7; font-family:Arial; font-size: 12px;  margin:0; padding: 3px 8px 3px 8px;}
input[type="submit"] {line-height: 12px; border: 0; background-color: #fe7719; margin:0; font-size: 11px; color: white; padding: 4px 10px 4px 10px;
	height /*\**/: 23px\9; padding-top /*\**/: 5px\9; &margin-right: -9px;}

body {background-image: url(..//templates/custom_garpet/img/bg.jpg); background-position: center 121px; background-repeat: repeat-x;}
#header {height: 299px; width: 990px; padding: 0 25px 0 20px; background-repeat: repeat-x; background-position: bottom; background-image: url(..//templates/custom_garpet/img/pruh.png); position: relative; margin: auto;}
#content {width: 1035px; position:relative; background-image: url(..//templates/custom_garpet/img/bg_obsah.png); background-repeat: repeat-x;margin: auto;}

#obsah {float: left; width: 525px; position: relative; left: 265px; padding-bottom: 9px;}
#left {width: 220px; float: left; position: relative; left: -505px; margin-top: -66px; min-height: 200px;}
#infoPanel {width: 220px; float: left; left: 50px; position:relative; margin-top: 85px; border-top: 1px solid #f0f0f0;}

/* ilustrace */
/*#beton {position:absolute; top: -186px; right: 75px; width: 575px; height: 236px; background-image: url(..//templates/custom_garpet/img/beton.png);}
#zena {position:absolute; top: -373px; left: -98px; width: 344px; height: 373px; background-image: url(..//templates/custom_garpet/img/pan.png);}   */

#beton {z-index:80; position:absolute; top: 115px; right: 75px; width: 575px; height: 236px; background-image: url(..//templates/custom_garpet/img/beton.png);}
#zena {z-index:80; position:absolute; top: 12px; left: 697px; width: 344px; height: 373px; background-image: url(..//templates/custom_garpet/img/pan.png);} 

#wingLeft {width: 35px; height: 414px; background-image: url(..//templates/custom_garpet/img/wing_left.png); position: absolute; left: -35px; top: -50px;}
#wingRight {width: 35px; height: 414px; background-image: url(..//templates/custom_garpet/img/wing_right.png); position: absolute; right: -35px; top: -50px;}

/* hlavicka */
#logo {position: absolute; left:0; top:17px; }
.topMenu {float: right; width: 600px; margin-top: 29px; list-style: none inside url(); height:39px; background-color: #fe7719; background-image: url(..//templates/custom_garpet/img/bg_topmenu.png); background-position: right; background-repeat: repeat-y; font-size: 11px;}
.topMenu li {float: left; background-image: url(..//templates/custom_garpet/img/div_topmenu.png); background-position: left 12px; background-repeat: no-repeat;}
.topMenu li:first-child,#topMenu li.empty {background-image: url();}
.topMenu li a {color: white; text-transform: uppercase; display: block; height: 29px; padding: 10px 17px 0 17px; text-decoration: none;}
.topMenu li:hover a {background-image: url(..//templates/custom_garpet/img/bg_topmenuactive.png);}
.topMenu li:hover + li {background: url();}
#jazyky {position: absolute; top: 263px; left: 265px;}
#jazyky a {border: 1px solid #b0b0b0; padding:1px; margin: 0 2px 0 0; float: left;}
#header .cara {float: right; margin-top: 9px; width: 600px; height: 1px; line-height: 1px; font-size: 1px; background-position: right; background-image: url(..//templates/custom_garpet/img/cara.png); background-color: #d7d7d7;}

.overlay {z-index: 81; position: absolute; left: 410px; top: 29px; background: none; margin-top:0;}
.overlay {}

/* menu */
#left div.nadpis {width: 180px; height: 46px; padding: 20px 20px 0 20px; background-image: url(..//templates/custom_garpet/img/bg_left.png); background-repeat: repeat-x; }
#left h2 {font-size: 24px; padding: 4px 0 16px 0; color: #4b4b4b; font-weight: normal; background-image: url(..//templates/custom_garpet/img/spendlik.png); background-repeat: no-repeat; background-position: right top;}
#left h2 span {color: #f94727;}

#left ul {list-style: none inside url(); margin: 0 0 15px 0; padding:0;}
#left ul li {background-color: #565656; background-image: url(..//templates/custom_garpet/img/menu_inactive.png); background-repeat: repeat-x;border-bottom: 1px solid white;}
#left ul li a {display: block; padding: 9px 20px 8px 41px; text-decoration: none; color: white; background-image: url(..//templates/custom_garpet/img/plus.png); background-repeat: no-repeat; background-position: 20px 12px; }
#left ul li a:hover {text-decoration: underline;}
#left ul li.aktivni {background-image: url(..//templates/custom_garpet/img/menu_active.png); background-color: #d53d21; }
#left ul li.aktivni a {background-image: url(..//templates/custom_garpet/img/minus.png);}
#left ul li ul {border: 1px solid #d7d7d7; background-color: #f9f9f9; margin: 0;}
#left ul li ul li {background-image: url(..//templates/custom_garpet/img/odrazka.png); background-color: white; background-repeat: no-repeat; background-position: 23px 14px;}
#left ul li.aktivni ul li a {color: black; padding: 8px 0 7px 0; margin-left: 41px; margin-right: 20px; background-image: url(); border-top: 1px dotted #afafaf;}
#left ul li.aktivni ul li:first-child a {border:0;}

#left ul li.ocel {background-image: url();}
#left ul li.ocel a {padding:0;}
#left ul li.ocel ul li {background-image: url(..//templates/custom_garpet/img/odrazka2.png);}

/* postranni panel */
#infoPanel h2 {font-size: 24px; margin: 20px 0 0 0; padding: 4px 0 16px 0; color: #4b4b4b; font-weight: normal; background-image: url(..//templates/custom_garpet/img/spendlik_gray.png); background-repeat: no-repeat; background-position: right top;}
#infoPanel h2 span {color: #f94727;}
#infoPanel .box {margin-top: -6px;}

/* seda paticka (to tmave sedy) */
#foot {background-color: #3c3c3c; font-size: 11px; color: white;}
#footContent {padding-top: 22px; width: 946px; margin:auto; padding-bottom: 0px; background-image: url(..//templates/custom_garpet/img/bg_foot.jpg); background-repeat: no-repeat; background-position: right bottom;}
#foot .odkazy {width: 90px; position: relative; float: right; min-height: 100px; margin-bottom: 20px;}
#foot .odkazy a {color:white; display: block; margin-bottom: 4px;}
#foot .odkazy a.certifikat {position: absolute; left:0; bottom:0;  }
#footPages ul {float: left; width: 210px; list-style: none url(); margin-bottom: 20px;}
#footPages ul a {font-size: 12px; color: #afafaf; text-decoration: none; border-bottom: 1px dotted #767676;}
#footPages ul a:hover {border-bottom: 1px solid #3c3c3c;}
#footPages ul li {margin-bottom: 3px;}
#footPages ul li.head {margin-bottom: 10px;}

#foot2 {background-color: #d2d2d2; padding: 24px 0 24px 0; color: black;}
#foot2Content {margin: auto; width: 950px; line-height: 20px ; font-size: 12px; color: black;}
#foot2 img {float: right; margin-top:-24px;}
#foot2 a {color: black;}

/* OBSAH */

#navigace {font-size: 11px; line-height: 12px; height: 25px; padding-top: 14px;}

#obsah > p, #obsah > h3, #obsah > h2,#obsah > h1,#obsah > blockquote,#obsah > table {margin-right: 22px;}
#obsah h1 {font-size: 24px; font-weight: normal; border-bottom: 1px solid #dbdbdb; padding: 6px 0 15px 0; margin-bottom: 20px; color: #4b4b4b; line-height: 25px;}
#obsah h2 {font-size: 20px; font-weight: normal; padding: 12px 0 6px 0; margin-bottom: 8px; color: #4b4b4b;}
#obsah h3 {font-size: 14px; font-weight: bold; padding: 5px 0 0 0; margin-bottom: 3px; color: #4b4b4b;}

#obsah img.ilustrace {float: left; border: 1px solid #d9d9d9; padding: 5px; margin: 0 20px 9px 0;}

#obsah ul {list-style: none url(); margin: 0 0 9px 0;}
#obsah ul li {padding-left: 22px; background-image: url(..//templates/custom_garpet/img/odrazka.png); background-repeat: no-repeat; background-position: 6px 7px;}

#obsah > table {border-collapse: separate; margin-bottom: 9px;}
#obsah > table th, #obsah > table td {text-align: left; padding: 3px 8px; font-weight: normal; vertical-align: top;}
#obsah > table th {background-color: #d53d21; color: white;}
#obsah > table td {background-color: #eaeaea; color: #3c3c3c;}
#obsah > table tr:nth-child(odd) td {background-color: #e0e0e0;}

.galerie,.certifikaty {margin-bottom: 9px;}
.galerie a, .certifikaty a {float: left; border: 1px solid #d9d9d9; padding: 2px; margin: 0 10px 9px 0;}

#obsah .strankovani {margin-right: 20px; background-color: #eaeaea; padding: 2px 8px; text-align: right; margin-bottom: 10px;}
#obsah .strankovani a {padding: 0 2px 0 2px;}
#obsah .strankovani a.active {font-weight: bold; text-decoration: none; color:black;}

/* ke stazeni*/
#obsah table.download { border-collapse: collapse; width: 503px;}
#obsah table.download td {background-color: white;}
#obsah table.download tr:nth-child(odd) td {background-color: #efefef;}
#obsah table.download td.odrazka {padding: 0; width:18px; background-image: url(..//templates/custom_garpet/img/odrazka.png); background-repeat: no-repeat; background-position: 8px center;}
#obsah table.download td.filetype {text-align: center; width:32px; padding-left:0; padding-right:0; vertical-align: middle;}
#obsah table.download td.filetype img {position: relative; top:2px;}
#obsah table.download td.nazev {vertical-align: middle;}
#obsah table.download td.velikost {vertical-align: middle;text-align: right; font-size: 11px; padding-top: 4px; padding-bottom:2px; white-space: nowrap;}
#obsah table.download td.velikost a {color: 	#5C5C5C; text-decoration: none;}
#obsah table.download td.velikost a:hover { text-decoration: underline;}


/* seznam clanku - prevzato z novinek */

#obsah .clanek {border-bottom: 1px dotted #d9d9d9; padding-bottom: 2px; margin-right: 20px;}
#obsah h1 + .clanek h2 {padding-top:0;}
#obsah .clanek h2 {font-size: 18px; padding-bottom: 0px; margin-bottom: 6px;}
#obsah .clanek img {padding:2px; border: 1px solid #d9d9d9; float: left; margin: 0 8px 3px 0;}
#obsah .clanek span {display: inline-block; color: #4c4c4c; font-size: 11px; margin-top: -2px;}
#obsah .clanek p {line-height: 145%;}
#obsah .clanek a + span {margin-top: 0px;}

/* fotoalbum */
#obsah a.fotoalbum {float: left; width: 172px; font-size: 12px; text-decoration: none; margin: 0 10px 10px 0;}
#obsah a.fotoalbum img {padding:2px; border: 1px solid #d9d9d9;}
#obsah a.fotoalbum span {text-decoration: underline;}
#obsah a.fotoalbum:hover span {text-decoration: none;}

.galerie a, .certifikaty a {float: left; border: 1px solid #d9d9d9; padding: 2px; margin: 0 10px 9px 0;}
/* kontakt */
/*
#kontaktForm,#kontaktMapa {float: left; width: 344px; margin: 0 30px 10px 0;}

table.obsahKontakt th,table.obsahKontakt td {text-align: left; padding: 0 8px 0 0;}
table.obsahKontakt th {color: color(nadpis); font-size: 14px;}
table.obsahKontakt+table.obsahKontakt {margin-top: 3px;}

*/   
table#pluginKontakt th,table#pluginKontakt td {text-align: left; padding: 0 8px 0 0;}

table.obsahKontakt {width: 200px; float: left; }
#obsah table.obsahKontakt tr th, #obsah table.obsahKontakt tr td {text-align: left; vertical-align: top;padding:0; background: none; color:black;}
#obsah table.obsahKontakt tr th {font-weight: bold;}
table.obsahKontakt td.mezera {font-size: 1px; line-height: 1px; padding:0;}

#kontaktForm {width: 300px; float: left;}
#kontaktForm table {width: 100%}
#kontaktForm th, #kontaktForm td {font-weight: normal; text-align: left; vertical-align: top;}
#kontaktForm th {padding-top: 3px;}
#kontaktForm td {width: 250px; padding-bottom: 2px;}

#kontaktForm input[type="text"] {width: 150px;}
#kontaktForm textarea {width: 150px; height: 50px;}

#kontaktMapa {margin-top: 20px; }
#kontaktMapa iframe {border: 1px solid #d7d7d7; padding: 2px; background-color: none;}
#kontaktMapa a {display: block; font-size: 11px; text-align: right; width: 500px;}

p.kontaktOdeslano {background-color: #dfdfdf; color: black; font-weight: bold; padding: 5px 10px; margin-bottom: 10px; }
/* novinky */

.box .novinka {margin-bottom: 9px; font-size: 12px;}
.box .novinka > span {font-size: 11px; display: block; color: black; font-weight: bold;}
.box .novinka > a {display: block; padding: 0 0 0 0; margin: -2px 0 0 0; font-size: 13px;}
.box .novinka p {margin: 0;}

#obsah .novinka {border-bottom: 1px dotted #d9d9d9; padding-bottom: 2px; margin-right: 20px;}
#obsah h1 + .novinka h2 {padding-top:0;}
#obsah .novinka h2 {font-size: 18px; padding-bottom: 0px; margin-bottom: 6px;}
#obsah .novinka img {padding:2px; border: 1px solid #d9d9d9; float: left; margin: 0 8px 3px 0;}
#obsah .novinka span {display: inline-block; color: #4c4c4c; font-size: 11px; margin-top: -2px;}
#obsah .novinka p {line-height: 145%;}
#obsah .novinka a + span {margin-top: 0px;}

#obsah .novinkaPanel {font-size: 11px; color: #4c4c4c; margin-bottom: 11px; line-height: 14px;}
#obsah .novinkaPanel span.aktualizace {display: block; font-size: 11px; font-style: italic;}

@CHARSET "UTF-8";

#popup {position: fixed; left:0; top: 0; width: 100%; height: 100%; background-image: url(..//templates/custom_garpet/img/popupback.png); z-index:10000;}
#popup .popupContent {position: absolute; left:50%; top:50%;}
#popup a.popupClose {width: 30px; height: 30px; position: absolute; right: -20px; top:-20px; text-decoration: none; displat: block; background-image: url(..//templates/custom_garpet/img/popupclose.png);}

/* vyhledavani */

#fulltext {float: right; width: 600px; background-image: url('..//templates/custom_garpet/img/lupa.png'); background-repeat: no-repeat; background-position: 0px 3px; margin-top: 8px;}
#fulltext > table {margin:0 0 0 25px; padding:0; border:0; border-collapse: collapse; border-spacing: 0; width: 200px;}
#fulltext > table td:first-child {padding-right: 4px;}

#obsah .results {margin-right: 20px; background-color: #eaeaea; padding: 2px 8px;}
#obsah .results span.vysledku {float: right;}

#infoPanel .tagcloud {line-height: 120% !important; text-align: center;}
#infoPanel .tagcloud span a {line-height: 120%;}

#obsah .result {border-bottom: 1px dotted #d9d9d9; padding-bottom: 2px; margin-right: 20px;}
#obsah h1 + .result h2 {padding-top:0;}
#obsah .result h2 {font-size: 18px; padding-bottom: 0px; margin-bottom: 3px;}
#obsah .result p {line-height: 145%;}




body {background-image: url('https://www.garpet.cz/pool/garpet_cz/template/background.jpg'); }

#titul {background-image: url('https://www.garpet.cz/pool/garpet_cz/template/titul_10_generated.jpg')}