/*
*
    www.kompletniweb.cz
    Autor: Jan Weber (info@kompletniweb.cz), www.kompletniweb.cz   
*
*/

/***** vynulovani *****/

* { margin: 0; padding: 0; }
body, p, div, span, table, tr, td, th, img { margin:0; padding:0; border: 0;}

/***** vychozi hodnoty *****/
body { font:0.75em/1.5 "arial",sans-serif; color:#353434; margin:35px 0; background:#ffe9ca url(img/pozadi3.gif) repeat-x 0 0; }
a { color:#363538; }
a:hover { text-decoration: none; }

h1, h2, h3, h4, h5, h6 {margin:15px 0 10px 0;}
h1 {font-size:1.6em;}
h2 {font-size:1.8em; color: #7f7f7f;}
h3 {font-size:1.6em;}
h4 {font-size:1.2em;}
h5 {font-size:1.1em;}

p {margin:10px 0; }

table {margin:15px 0; border-collapse:collapse; border-spacing:0; font-size:100%; }
th {text-align:left; font-weight:normal; background: #ffaf40;}
th, td {padding:3px 5px; border: solid 1px #353434;}

/**** obecne ****/
.left { float: left; }
.right { float: right; }
/***** hlavicka stranky *****/
#header { position:relative; width: 871px; height: 262px; background: url(flash/bg.jpg) no-repeat 0 0; color: #ffffff; }
#header .content {}
#header .menu { position: absolute; right: 20px; top: 10px;}
#header a { color: #a4d2e8; }
#header a:hover { text-decoration: none;}
#header .divider { margin: 0 5px;}

#logo {position:relative; overflow:hidden; width:295px; height:262px; margin:0; font-size:1em; }
#logo span {display:block; position:absolute; left:0; top:0; z-index:10; width:295px; height:262px; background:url("img/logo.jpg") 0 0 no-repeat;}

/***** kostra stranky *****/
#main-box {position: relative; width: 871px; margin: 0 auto; background: #ffffff; border: solid 12px #ffe9ca;}
#pbody { background: #d6f2ff url(img/pozadi_telo.gif) repeat-y 0 0; }
#pbody-lcol { width: 233px; float: left;  background: #ffffff; }
#pbody-rcol { width: 638px; float: right; padding-bottom: 70px;  }

/***** novinky *****/
#news .box { border: solid 4px #7f7f7f; width: 198px; margin: 15px 0; }
#news { padding: 0 0 25px 13px; }
#news .content { margin: 12px;}
#news .datum { font-weight: bold;}
#news h2 { font-size: 1.3em; margin: 15px 0 5px 0; color: #feb501;}
#news p { margin: 5px 0;}

/***** graficke prvky  *****/
/* #gprvek1 { position: absolute; bottom: 27px; left: 0; width: 81px; height: 63px; z-index: 10; background: url(img/gprvek1.gif) no-repeat 0 0; } */
#gprvek1 { position: absolute; bottom: 50px; right: 20px; width: 80px; height: 89px; background: url(img/gprvek2.jpg) no-repeat 0 0; }


/***** obsah  stranky *****/
#page-content { padding: 1px 33px 15px 33px;}
#breadcrumb-nav { color: #787878; margin: 18px 0 0 0; }
#breadcrumb-nav a { color: #787878; }
#page-content h3 {color: #027bb7; font-size: 1.6em; font-weight: normal; }
.perex-img { float: left; margin: 4px 10px 0 0; height: 100px;}
#page-content p { text-align: justify; }
#page-content h2 { color: #7f7f7f;}

#pagination-bar { margin: 15px 0 0 0; padding: 6px; border: solid 1px #7bc8f0;}
#pagination-bar .previous { margin: 0 10px 0 0; }
#pagination-bar .next { margin: 0 0 0 10px; }
.cleaner { clear: both; height:1px; margin-top:-1px; }
#page-content li { margin: 5px 0 5px 25px; }
#SubCategories { margin: 20px 0 20px 0;}
.obresoterie { border: solid 8px #ffc26e; }

#page-content h4 { color: #027bb7; font-size: 1em; border-bottom: solid 1px #027bb7; }
    

/***** fotogalerie na strance *****/
#Fotogallery { margin: 0 0 25px 0;}
#Fotogallery .foto, #Fotogallery .video { float: left; width: 130px; height: 142px; border: solid 1px #787878; margin: 10px 5px 10px 0 ; background: #ffffff; text-align: center; }
#Fotogallery .foto img, #Fotogallery .video img { margin: 10px 10px 0 10px; height: 75px;}
#Fotogallery .foto p, #Fotogallery .video p { text-align: center; margin: 0;}

#Fotogallery .video { width: 132px; height: 146px;}
#Fotogallery .video img { height: 72px;}
#Fotogallery .video p { margin: 3px;}

a.link-gallery { background:#ffe9ca; padding: 3px 5px 3px 5px; border: 1px solid #ccc;}
a.link-gallery:hover { background:#ffcf8c; text-decoration: none; }

/***** paticka stranky *****/
#footer { width: 871px; height: 27px; background: url(img/paticka2.jpg) no-repeat 0 0; }
#footer .content {  margin: 0 30px; height: 27px; line-height: 27px; font-size: 0.9em; z-index: 200;}
#footer a { text-decoration: none;}

/***** paticka stranky *****/
/* kontaktní formular */
#EmailForm table { margin: 5px 0;} 
#EmailForm th, #EmailForm td { border:0; background: none; color: #353434;}
#EmailForm th { text-align: right; text-align: left; }
#EmailForm textarea { width: 390px; height: 120px; }
#EmailForm .objednavka { color: #c34a06; }
.error { font-size: 1.2em; color: Red; }


#content { float: right; width: 665px; position: relative; z-index: 50; }

#content-in { padding: 10px 20px; margin: 0 0 30px 0;}
#content p {  margin: 5px 0 5px 0;}
#content a {}
#content a:hover {}


.content-item { margin: 0 0 10px 0;}
.content-item-img { float: left;  width: 140px; height: 100px; float: left; background: #1c1c1c; margin: 0 10px 10px 0; overflow: hidden;  text-align: center}
.content-item-img img { height: 97px !important; }

.content-item-txt { }

#page_images { margin: 20px 0 0 0;}
.page_image_box { float: left; width: 160px; height: 180px;  background: #fff;
	border: solid 1px #ccc;	 padding: 6px;  margin: 0 10px 10px 0; overflow: hidden;  text-align: center; font-size: 0.85em; }
.page_image { text-align: center;}
.page_image img { height: 97px; border: solid 1px #ccc; }


#breadcrumbs { margin: 14px 0 0 0; color: #666; }
#breadcrumbs a { color: #666; }

#adresa { width: 294px; height: 70px; background: url(images/adresa.jpg) no-repeat 0 0; position: absolute; bottom: 0; left: 0;