/* Nastavení hlavních prvků HTML */
BODY {font-family: sans-serif; font-size:11px; background-color:#FFFFFF; background-image:url(../img/bodybg.gif); background-repeat:repeat-x; padding:0; margin:0; text-align: center;}
H1{font-size:16px; color: #000000; margin:0;}
H2{font-size:15px; color: #000000; margin:0;}
H3{font-size:14px; color: #000000; margin:0;}
H4{font-size:13px; color: #000000; margin:0;}
H5{font-size:12px; color: #000000; margin:0;}
H6{font-size:11px; color: #000000; margin:0;}
LEGEND{color:#000000;}
P{margin:0; padding:0;}
UL{margin:0; padding:0;}
LI{margin:0; padding:0;}
SPAN{margin:0; padding:0;}
IMG{margin:0; padding:0; border:none;}
ADDRESS{margin:0; padding:0;}
A{color:#200270;text-decoration:none; margin:0; padding:0;}
A:hover{text-decoration:underline;}
TABLE, TR, TD, TH{border-color:#D6D6D6; border-style:solid; border-width:1px; border-collapse:collapse; margin:0; padding:0;}
FORM, SELECT{margin:0; padding:0;}
INPUT, TEXTAREA{ font-family: sans-serif; font-size: 11px; color: #000000;}
DIV{margin:0; padding:0;}
/***********************************************************************/
/* Hlavní část */
#MBox{padding-top: 7px;}
#MainBox{width:765px; margin:0 auto 0 auto; text-align:left;}
#MainBox H1{margin-top:-20px; display:none;}
/* Hlavička */
#MenuBoxTop{word-spacing:7px; height: 15px;}
#MenuBoxTop A{font-size:11px; color:#505050; text-decoration:none; position:relative; z-index:10}
#MenuBoxTop A:hover{color:#20026F; text-decoration:underline;}
#HeadBox{background-image:url(../img/headbg.jpg); background-repeat:no-repeat; width:765px; height:156px; position:relative; z-index:1;}
#LogoBox{width:95px; height:80px; margin-left:14px;}
#PrintBox{display:none;}
/* Menu */
#MenuBox{word-spacing:5px; margin:-25px 0 0 220px; position:relative; z-index:10;}
#MenuBox LI {display:inline; list-style:none;}
/* Obsah */
#MainBoxCenter{margin-top:20px; text-align:left; width:765px;}
/* LEV? */
#MainBoxCenterLeft{float:left; width:248px; text-align:center; margin-left:4px; _margin-left:1px;}
#MainBoxCenterLeft IMG{margin-top:1px;}
#MainBoxCenterLeft H2 A{color:#FFFFFF; padding-left:20px; width:240px; _width:242px; }
/* PRAV? */
#MainBoxCenterRight{float:right; width:505px; margin-top:7px; margin-bottom:5px;}
#MainBoxCenterRightTop{background-image:url(../img/mainboxrighttop.gif); background-repeat:no-repeat; height:13px;}
#MainBoxCenterRightBottom{background-image:url(../img/mainboxrightbottom.gif); background-repeat:no-repeat; height:13px;}
#MainBoxCenterRightCenter{background-image:url(../img/mainboxrightcenter.gif); background-repeat:repeat-y; padding:0 15px 15px 15px;}
#MainBoxCenterRightCenter H3{font-weight:bold;}
#ContentBox{padding:0 ; position:relative;}
#ContentBox P{margin:0 0 19px 0;position:relative;}
#ContentBox TABLE{width:95%; font-size:12px; border:none;}
#ContentBox TD,TR{padding:5px; border:none;}
#ContentBox LEGEND{color:#000000;}
#ContentBox LABEL{float:left; text-align:right; width:50px; display:block; margin-right:10px; padding-top:3px;}
#ContentBox LABEL.regform{float:left; text-align:right; width:120px; display:block; margin-right:10px; padding-top:15px;}
#ContentBox INPUT, TEXTAREA{ font-size:13px; border-top:#A0A0A0 1px solid; border-left:#A0A0A0 1px solid; border-right:#EAEAEA 1px solid; border-bottom:#EAEAEA 1px solid; margin-bottom: 10px}
#ContentBox INPUT.button{border:none;}
#ContentBox INPUT.button_rez{border:none;}
#ContentBox FIELDSET{padding:10px;}
#ContentBox IMG{margin:0 10px 0 0;}
#ContentBox A{text-decoration:underline;}
#ContentBox A:hover{text-decoration:none;}
#ContentBoxLeft{width:204px; text-align:center; float:left;}
#ContentBoxLeft IMG{margin:3px; float:left;}
#ContentBoxRight{float:right; width:250px;}
#ContentBoxRight TD{border:1px solid #000000;}
#ContentBoxRight TABLE{ border:1px solid #FFFFFF;}
#ContentBoxRight h4{ margin-top: 70px}
#ContentBoxRight ul{ padding:0; margin:0 0 20px 0;}
/* SPODEK */
#MainBoxBottomTop{width:764px; height:12px; background-image:url(../img/mainboxbottombg.gif); background-repeat:no-repeat; _margin-bottom:-2px;}
#MainBoxBottomCenter{width:100%; background-image:url(../img/mainboxbottomcbg.gif); background-repeat:repeat-y; text-align:left; padding:40px 0 0 15px;}
#MainBoxBottomBottom{width:764px; height:12px; background-image:url(../img/mainboxbottombbg.gif); background-repeat:no-repeat;}
/* Patička */
#BottomBox{clear:both; color:#505050; margin-top:5px;}
#BottomBoxLeft{float:left; margin:10px 0 0 10px; }
#BottomBoxLeft A{color:#505050; margin:0 5px;}
#BottomBoxLeft A:hover{color:#20026F; text-decoration:underline;}
#BottomBoxRight{float:right; font-size:9px; background-image:url(../img/logosmall.gif); background-repeat:no-repeat; background-position:right; height:36px; }
#BottomBoxRight P{margin:10px 40px 0 0;}
#BottomBoxRight A{text-decoration:underline;color:#505050;}
#BottomBoxRight A:hover{text-decoration:none;}
#BottomBoxCenter{float: left; border: 0px solid red; padding-left: 60px; padding-top: 10px;}
/***********************************************************************/
/* Třídy */
.correct {clear: both;height: 1px; padding-top: 10px;}
.floatLeft{float:left; margin:0; padding:0;}
.floatRight{float:right; margin:0; padding:0;}
.button, {float:right; background-image:url(../img/formbutton.gif); background-repeat:no-repeat; width:99px; height:34px; border:none; color:#FFFFFF; background-position:center; }
.wpsc_buy_button {float:right !important; background-image:url(../img/pridat.png); background-repeat:no-repeat; width:130px; height:30px; color:#FFFFFF; background-position:center; padding: 0; margin:0; border: none; position:relative; }
.button_rez{float:left; background-image:url(../img/zeleny-buton.gif); background-repeat:no-repeat; width:145px; height:34px; border:none; color:#FFFFFF; background-position:center; border: 0px;}
/* Begin Images */
p img {
padding: 0;
max-width: 100%;
}
/* Using 'class="alignright"' on an image will (who would've
thought?!) align the image to the right. And using 'class="centered',
will of course center the image. This is much better than using
align="center", being much more futureproof (and valid) */
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}
img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}
.alignright {
float: right;
}
.alignleft {
float: left;
}
/* End Images */
/* COLORS */
/* Barevne nadpisy s obrazky */
.greenHeadline{background-image:url(../img/ubytovanibg.jpg); background-repeat:no-repeat; width:242px; height:32px; margin:0; padding:20px 0 0 0; text-align:left;}
.orangeHeadline{background-image:url(../img/funbg.jpg); background-repeat:no-repeat; width:242px; height:32px; margin:0; padding:20px 0 0 0;text-align:left;}
.blueHeadline{background-image:url(../img/infobg.jpg); background-repeat:no-repeat; width:242px; height:32px; margin:0; padding:20px 0 0 0;text-align:left;}
.eshopHeadline{background-image:url(../img/eshop.jpg); background-repeat:no-repeat; width:242px; height:32px; margin:0; padding:20px 0 0 0;text-align:left;}
.newHeadline{background-image:url(../img/new.jpg); background-repeat:no-repeat; width:242px; height:32px; margin:0; padding:20px 0 0 0;text-align:left;}
.calendarHeadline{background-image:url(../img/calendar.jpg); background-repeat:no-repeat; width:242px; height:32px; margin:0; padding:20px 0 0 0;text-align:left;}
.grayHeadline{background-image:url(../img/newbg.jpg); background-repeat:no-repeat; width:242px; height:32px; margin:0; padding:20px 0 0 20px;text-align:left; color:#FFFFFF;}
.FotogalerieHeadline{background-image:url(../img/fotobg.jpg); background-repeat:no-repeat; width:242px; height:32px; margin:0; padding:20px 0 0 20px;text-align:left; color:#FFFFFF;}
.grayHeadlineNews{color:#33187C; background-image:url(../img/newbg.jpg); background-repeat:no-repeat; width:242px; height:32px; padding:20px; text-align:left; margin-bottom:-64px; _margin-bottom:-50px; position:relative; margin-left:1px;}
/* Barevne nadpisy v clancich */
.contentGreen{background-image:url(../img/hgreen.gif); background-repeat:no-repeat; background-position:left; height:18px; color:#035500;padding:3px 0 0 30px; font-weight:normal; margin-bottom:10px}
.contentBlue{background-image:url(../img/hblue.gif); background-repeat:no-repeat; background-position:left; height:18px; color:#041F3E;padding:3px 0 0 30px; font-weight:normal; margin-bottom:10px}
.contentFotogalerie{background-image:url(../img/hyellow.gif); background-repeat:no-repeat; background-position:left; height:18px; color:#D6A800;padding:3px 0 0 30px; font-weight:normal; margin-bottom:10px}
.contentOrange{background-image:url(../img/horange.gif); background-repeat:no-repeat; background-position:left; height:18px; color:#e44500;padding:3px 0 0 30px; font-weight:normal; margin-bottom:10px}
.contentGray{background-image:url(../img/hgray.gif); background-repeat:no-repeat; background-position:left; height:18px; color:#AFAFAF;padding:3px 0 0 30px; font-weight:normal; margin-bottom:10px}
/* Barevne odkazy */
.yellowRight{ float:right; color:#D6A800; text-decoration:underline; margin:-5px 10px 0 0;}
.yellowRight:hover{text-decoration:none;}
.greenRight{float:right; color:#035500; text-decoration:underline; margin:-5px 10px 0 0;}
.greenRight:hover{text-decoration:none;}
.blueRight{float:right; color:#041F3E; text-decoration:underline; margin:-5px 10px 0 0;}
.blueRight:hover{text-decoration:none;}
.orangeRight{float:right; color:#e44500; text-decoration:underline; margin:-5px 10px 0 0;}
.orangeRight:hover{text-decoration:none;}
.grayRight{float:right; color:#AFAFAF; text-decoration:underline; margin:-5px 10px 0 0;}
.grayRight:hover{text-decoration:none;}
.grayLeft{color:#AFAFAF; text-decoration:underline; margin:-5px 10px 0 0;}
.grayLeft:hover{text-decoration:none;}
.blueLeft{color:#041F3E; text-decoration:underline; margin:-5px 10px 0 0;}
.blueLeft:hover{text-decoration:none;}
.wpcf7-list-item-label { visibility:hidden}
/* Ruzne barvy na zvyrazneni textu */
.green{color:#035500;}
.orange{color:#E44500;}
.blue{color:#041F3E;}
/* seda pod lichym radkem tabulky*/
.gray{background-color:#DBDBDB;}
/* ramecek na fotky v galerii */
.imgBorder{border-style:solid; border-width:1px; border-color:#DBDBDB; width:110px; height:110px; float:left; margin:0 6px 10px 0; }
.imgBorder A IMG{margin:15px 0 0 4px !important;}
/* INDEX */
/* Indexove boxy */
.indexBox{float:left; width:248px; padding:0 2px 0 4px; text-align:center;}
.indexBox H2 A{color:#FFFFFF; margin-left:20px;}
.indexBox IMG{margin:1px 0 0 0; }
.indexBoxContent{background-image:url(../img/indexboxcontentcenter.gif); background-repeat:repeat-y; width:248px; text-align:left; padding-left:18px;}
.indexBoxContentTop{background-image:url(../img/indexboxcontenttop.gif); background-repeat:no-repeat; width:248px; height:11px; _margin:0 0 -3px 0;}
.indexBoxContentBottom{background-image:url(../img/indexboxcontentbottom.gif); background-repeat:no-repeat; width:248px; height:11px;}
.indexBoxContent H3{font-size:14px; font-weight:normal; margin:0 0 5px 0;}
.indexBoxContent P{width:200px;}
.indexBoxContent UL{margin:5px 0 5px 0; }
.indexBoxContent LI{list-style:square; list-style-position:inside; color:#200270; font-size:11px;}
.indexBoxContent A{text-decoration:underline;}
.indexBoxContent A:hover{text-decoration:none;}
/* Box novinek */
.newsBox{float:left; width:250px;}
.newsBox SPAN{color:#7C7C7C; font-size:11px;}
.newsBox A{color:#200270; font-size:12px; text-decoration:underline}
.newsBox A:hover{text-decoration:none;}
.newsBox P{color:#343434;font-size:11px; width:190px;}
/* OSTATNI STRANKY */
/* Leve spolecne menu */
.leftMenuTop{background-image:url(../img/indexboxcontenttop.gif); background-repeat:no-repeat; width:248px; height:11px; _margin:0 0 -3px 0;}
.leftMenuBottom{background-image:url(../img/indexboxcontentbottom.gif); background-repeat:no-repeat; width:248px; height:11px;}
.leftMenuContent {background-image:url(../img/indexboxcontentcenter.gif); background-repeat:repeat-y; width:248px; text-align:left; padding:0 0 20px 0;}
.leftMenuContent-eshop {background-image:url(../img/indexboxcontentcenter.gif); background-repeat:repeat-y; width:248px; height: 350px; text-align:left; padding:0 0 20px 0;}
.leftMenuContent UL{width:208px; margin-left:18px;}
.leftMenuContent LI{ list-style:square; list-style-position:inside; color:#200270; font-size:11px; padding:4px 0 5px 0; _padding:4px 0 4px 0; /*width:80%; _width:90%;*/ background-image:url(../img/pixel.gif); background-repeat:repeat-x; background-position:bottom;}
.leftMenuContent UL LI UL LI{background:none;}
.leftMenuContent A{text-decoration:underline; }
.leftMenuContent A:hover{text-decoration:none;}
/* ROMAN */
.clearDiv {padding-top: 0px; padding-bottom: 0px; clear: both;}
.clearDiv P{margin-bottom:0;}
.clearDiv ul { padding: 0 0 0 0;}
#ContentBox ul {margin-left: 30px;}
#tabulka { clear:both;}
.content h4 {padding-left: 0px;background-image:url(../img/hgray.gif); background-repeat:no-repeat; background-position:left; color:#AFAFAF;padding:0px 0px 0px 0px; font-weight:normal; margin-bottom:2px}
.content h4 A {color:#200270; text-decoration: none;}
.contenth4yellow {padding-left: 0px; background-repeat:no-repeat; background-position:left; color:#D6A800; padding:0px 0px 0px 0px; font-weight:normal; margin-bottom:2px}
.contenth4yellow A {color:#D6A800; text-decoration: none;}
H2 greenHeadline A {color: #200270; text-decoration: none; margin-top: 0pt; margin-right: 0pt; margin-bottom: 0pt; margin-left: 0pt; padding-top: 0pt; padding-right: 0pt; padding-bottom: 0pt; padding-left: 0pt;}
H2 A:hover {text-decoration: underline;}
.textinput { width: 130px;}
.textarea { height: 90px}
.obchod-sidebar { float: left; padding: 12px 0 8px 20px;}
.PeCategories { float: left; padding-left: 25px;}
.wpsc_product_title, .prodtitles{color:#E44500; font-size: 14px; padding-bottom: 8px;}
.pricedisplay { font-weight:bold;}