﻿/*fhtml,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,
dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,
summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}*/
/*article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*/
/*blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
table{border-collapse:collapse;border-spacing:0}
*/
body { margin:0; padding:0;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.23) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.23))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.23) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.23) 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.23) 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#3b000000',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.23) 100%); /* W3C */ 
    background-repeat: no-repeat;
    min-height: 1280px;
    font: 0.85em/1.6em Verdana, Arial, Geneva, Helvetica, sans-serif;
    color:#202020;
}

ol, ul { list-style:none }

a { color: #152b30; }
a:hover { text-decoration: none; }
a img {border: 0 ;}

h1 { margin: 15px 0 0 0; padding: 0; color: #3366aa; }
h2 { font-size: 1.4em; font-weight: bold; margin-bottom: 10px;}
h2 a { color: #6b8288; text-decoration: none; }
h2 a:visited { color: #8ba2a8; text-decoration: none;}
h3 { font-size: 1.2em; color: #3366aa; margin: 25px 0 10px 20px; }
h3 a:link, h3 a:active, h3 a:visited, h3 a:focus { background: none repeat scroll 0 0 transparent; text-decoration: none; }
h4 { font: 1.6em/1.32em Helvetica,Arial,Helvetica,sans-serif; margin: 0.4em 0; }
h4 a:link, h3 a:active, h3 a:visited, h3 a:focus { text-decoration: underline; }
h4 a:hover { text-decoration: none; }

#main { margin: 0 auto; width: 1000px; }
#main2 { position: relative; }
#content  
{
    clear: both; background: #fff;
    -moz-box-shadow: 5px 5px 5px #ccc;
    -webkit-box-shadow: 5px 5px 5px #ccc;
    box-shadow: 5px 5px 5px #ccc;
    border-top: 1px solid #f2f2f2;
    padding-top:10px;
    padding-left:10px;
}
#content10 { margin: 10px; }
#contentC630 { width: 630px; float: left; min-height: 400px; clear:both; }
#contentR330 { float:right; width:330px; margin-right: 10px; }
#contentC710 { width: 710px; float: left; min-height: 400px; clear:both; }
#contentCC710 { padding-right: 10px; }
#contentR250 { float:right; width:260px; }
#contentRR250 { margin-left: 10px; }

#vypisAkci {}
#vypisAkci div.nadpis {font-size: 1.4em; font-weight: bold; margin-top: 15px; margin-bottom: 5px; padding: 2px 5px;
                            color: White; background-color: #6b8288;}

#mainCont h2 { text-align: left; }
#bigNext h3 { font-size: 1.6em; font-weight: bold; width: 100%; text-align: center; padding: 0; margin: 0; height: 40px; }
.miniBox h3 { position: relative; margin: 0 0 0 -15px; padding-top: 10px 0; text-align: center; width: 100%; }
.boxColumn h3 a, .boxColumn h3 a:visited { display: block; margin-bottom: 30px; padding: 5px; /*color: #152b30;*/ color: #fff; }
#nextCont h4 { font-size: 1em; }
#footer-content h4 { font-weight: bold; color: #f2f2f2; }

/* Calendar2.ascx */
#kalendar { text-align:center; border: 1px solid #3366aa; }
#kalendar a { color: #3366aa; }
#kalendar table { width:100%; margin-top: 5px; }
#kalendar table p { margin:0; line-height:0.6em; font-size:0.85em; }
#kalendar th { background-color:#3366aa; color:white; height:25px; }
#kalendar td { height:35px; color:Gray; }
#kalendar td a { font-weight: bold; }
#kalendar td.weekday { background-color: #f0f8ff; }
#kalendar div.today { border: 2px solid #fa0;}
#kalendar div.outday { color:#ccc; font-style:italic; }
#kalendar span { color: #404040; }
/*#kalendar p { margin:0; line-height:0.5em; color: gray }*/
#kalendar .mesice { margin-top: 5px; }
#kalendar .mesice a { text-decoration: none; }

.linkShowMore, .linkShowMore:visited { clear: both; display: block; float: right; padding: 0.4em 0; font-weight: bold; color: #152B30; }

.clearfix { clear: both; }

#nav-menu { height: auto; clear: both; text-align:left;}
#nav-menu ul, #nav-submenu ul { margin: 12px 0 0 0; padding: 0; }

#nav-menu li { float:left; width: 188px; text-align: center; margin: 0px 5px 10px 5px; }
#nav-menu li a { padding: 10px; font-size: 1.1em; font-weight: bold; display: block; color:#444; text-decoration: none;
                    background-color: #f8fbff; 
                    border-width: 1px 2px 2px 1px; border-style: solid; border-color: #6b8288; border-radius: 5px; } 
#nav-menu li a.active { color:#fa0; background-color: white; }
#nav-menu li a:hover { color: White; background-color:#fa0; }

/*#nav-menu > li > a:hover { background:#ff3030; color: White;}*/
#nav-submenu { clear: both; }
#nav-submenu li { float:left; width: 116px; text-align: center; margin: 0px 3px 10px 3px; }
#nav-submenu li a { padding: 4px; font-size: 1.0em; font-weight: bold; display: block; color: #000; text-decoration: none;
                    background-color: #f8fff0;
                    border-width: 1px 2px 2px 1px; border-style: solid; border-color: #6b8288; border-radius: 5px; } 
#nav-submenu li a.active { color:#8cb214; background-color: white; }
#nav-submenu li a:hover { color: White; background-color: #8cb214; }

/* A class of current will be added via jQuery */
/*.nav li.current > a { /*padding-top: 7px; color: #fff; background: #f60000 url('../images/sipka.png'); background-position: center bottom; background-repeat: no-repeat; font-weight: bold; }*/
/* CSS fallback */
/*.nav li:hover > ul.child { display:block; }*/


/* Topline */

#sites { height: 36px; background: #333; border-bottom: 1px solid #777; margin-bottom: 5px; }
#sitescont { width: 1000px; margin: 0 auto; }
#navigation { float: left; }
#login { float: right; margin-right: 20px; }

#sites ol { list-style: none outside none; display: block; }
#sites ol li { float: left; height: 30px; padding: 0 10px; margin: 0 5px; position: relative; vertical-align: top; }
#sites ol li { }
#sites a { display: block; text-decoration: none; color: #fff; font-size: 11px; font-weight: bold; text-decoration: none; padding: 2px 5px; margin: 5px; }
#sites li:hover { }
#sites li:hover a { color: #000; background: #fff;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;      
}
#sites span { color: #000; display: block; text-decoration: none; padding: 2px; margin: 5px; font-weight:bold;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;    
}
#sites span a { display: inline; color: #000; }
#sites .active { background: #fff; }
#sitesLogin { display: block; background: #e0ff35; }
#sitesLogin: hover { background: fff; color: #000; }
.logout { display: block; position: relative; z-index: 100; }

#sloupec120R {width:120px; position:absolute; top: 230px; left: 1015px; text-align: center;}
/*#reklama120R { position:fixed; bottom: 5px;}*/
/*#reklama120R a img { opacity: 0.6; filter: alpha(opacity=60);}
#reklama120R a:hover img { opacity: 1.0; filter: alpha(opacity=100); }*/

#sloupec120L {width:120px; position:absolute; top: 55px; right: 1015px; _right: 1045px; text-align: center;}
.calendarBox a { color: #456685; }
.calendarBox a:hover { color: #0060ff; }
.calendarBox a img { opacity: 0.6; filter: alpha(opacity=60); }
.calendarBox a:hover img { opacity: 1.0; filter: alpha(opacity=100); }


/* Buttony */
.button, .button:visited .button:link, .button:active, .button:focus
{
border: 0;
background: #a4b0b5 url(../images/bgglass.png) 50% 50% repeat-x;
display: inline-block; 
padding: 5px 10px 6px; 
color: #fff; 
text-decoration: none;
-moz-border-radius: 6px; 
-webkit-border-radius: 6px;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
text-align: center;
border-bottom: 1px solid rgba(0,0,0,0.25);
position: relative;
cursor: pointer
}
a.button, a.button:visited a.button:link, a.button:active, a.button:focus { color: #fff; text-decoration: none; font-weight: bold; }
.button { color: #fff; font-weight: bold; border: 1px solid #fff; }
.button:hover							    { border: 1px solid #74b2e2; background: #e4f1fb url(../images/bgglasson.png) 50% 50% repeat-x; font-weight: bold; color: #063d56; }
a.button:hover							    { color: #063d56; }
.button:active							    { top: 1px; }
.button, .button:visited, .medium.button, .medium.button:visited
                                            { font-size: 13px; line-height: 1em; }
.small.button, .small.button:visited 		{ font-size: 11px}
.large.button, .large.button:visited 		{ font-size: 14px; padding: 8px 14px 9px; }
.super.button, .super.button:visited 		{ font-size: 24px; padding: 5px 10px 5px; }

.pink.button, .magenta.button:visited		{ background-color: #e22092; }
.pink.button:hover							{ background-color: #c81e82; }
.green.button, .green.button:visited		{ background-color: #91bd09; }
.green.button:hover						    { background-color: #749a02; }
.red.button, .red.button:visited			{ background-color: #cf2525; }
.red.button:hover							{ background-color: #e62727; }
.orange.button, .orange.button:visited		{ background-color: #ff5c00; }
.orange.button:hover						{ background-color: #d45500; }
.blue.button, .blue.button:visited		    { background-color: #2981e4; color:#fff;}
.blue.button:hover							{ background-color: #2575cf; color:#dedede;}
.yellow.button, .yellow.button:visited		{ background-color: #ffb515; }
.yellow.button:hover						{ background-color: #fc9200; }
.light.button, .disabled.button:visited     { background-color: #f2f2f2; color:#999; }
.light.button:hover                         { background-color: #fafafa; }
.valid.button, .disabled.button:visited     { background-color: #f2f2f2; color:#444; }
.valid.button:hover                         { background-color: #fafafa; }



/* Bannery */

.banner1000x100 
{
    background: url("../images/reklama.png");
    background-position: right top;
    background-repeat: no-repeat;
    float: right;
    margin: 4px 0;
    padding-top: 10px;
    color: #ccc;
}

.banner120x600 
{
    background: url("../images/reklama.png");
    background-position: right top;
    background-repeat: no-repeat;
    position: absolute;
    right: -160px;
    top: 108px;
    padding-top: 10px;
    color: #ccc;
}




/* Event Calendar */

table.edit { width: 100%; }
table.edit td { background-color:#f8f8f8;}
table.edit h2 { padding: 10px 0 0 10px; }

.calNavMonths { text-align: center; padding-bottom: 10px; }
.calNavMonths a { font-size: 14px; margin: 5px; padding: 0px; }
.calNavMonths a.active { color: #333; font-weight: bold; text-decoration: none; }
.calDay { background: #fff; border: solid 1px #d1cfcf; font-size: 10px; height: 50px; text-align: left; vertical-align: top; width: 136px; }
.calDayOtherMonth { background: #f6f6f6; border: solid 1px #d1cfcf; font-size: 10px; height: 50px; text-align: left; vertical-align: top; width: 136px; }
.calDayNow { background-color: #cf9; border: solid 1px #d1cfcf; font-size: 10px; height: 50px; text-align: left; vertical-align: top; width: 136px; }
.calDayPassed { background-color: #fff; border: solid 1px #d1cfcf; font-size: 10px; height: 50px; text-align: left; vertical-align: top; width: 136px; }
.calDayHeader { background-color: #f3f3f3; border-bottom: 1px solid #efefef; font-size: 12px; padding-left: 5px; padding-right: 5px; width: 121px; }
.calDayNow .calDayHeader { background: #cfc; }
.calDayOtherMonth .calDayHeader { background: #e3e3e3; }
.calDayHeader a.calDayHeaderDay { color: #666; float: left; font-size: 12px; font-weight: bold; text-decoration: none; }
.calDayHeader a.calDayHeaderDay:hover { color: #eb0000; font-size: 12px; text-decoration: underline; }
.calDayHeader a.calDayHeaderAdd { color: #333; float: right; font-size: 10px; text-decoration: none; }
.calDayHeader a.calDayHeaderAdd:hover { color: #eb0000; font-size: 10px; text-decoration: underline; }
.calDayBody { clear: both; padding-left: 5px; padding-right: 5px; }
.calDayBody a { clear: both; color: #000; display: block; font-size: 10px; line-height: 1.3em; margin-bottom: 0.4em; text-decoration: none; width: 121px; }
.calDayBody a:hover { background: #efefff; color: #ff0000; display: block; font-size: 10px; line-height: 1.3em; margin-bottom: 0.4em; text-decoration: underline; width: 121px; }
.calDayOtherMonth .calDayBody a { color: #666; }
.calDayOtherMonth .calDayBody a:hover { color: #ff0000; }
.calDayPassed .calDayBody a { color: #666; }
.calDayPassed .calDayBody a:hover { color: #ff0000; }
.calEvent { font-weight: bold; }
.dayTitle { border: solid 1px #d1cfcf; font-weight: bold; padding: 2px; padding-left: 5px; }
.calListWeek { width: 15px; }
.calListWeek a { color: #999; font-size: 10px; font-weight: bold; padding: 3px; text-decoration: none; }
.calListWeek a:hover { color: #eb0000; font-size: 10px; font-weight: bold; padding: 3px; text-decoration: none; }
.calNav { font-size:14px; padding:5px; }
.calNavActive { font-size:14px; padding:5px; font-weight:bold; color:#333; }
.eventsTopMenu a { padding-right: 10px; }
.eventsTopMenu a:visited { color: #000; }
.eventsItem { clear: both; margin: 15px 0 15px 25px; }
.eventDate { color: #eb0000; float: right; font-size: 12px; font-weight: bold; }
.eventsItem img { float: left; }
.eventsItemPhoto { border: 1px solid #000; float: left; margin: 5px 10px 5px 0px; }
.eventsItemContentBlock { display: block; float: left; margin-left: 10px; width: 270px; }
.eventsDescription { background: #f9f9f9; padding: 10px; }
.eventsCalendarGallery img { border: 1px solid #000; margin: 5px; }
.eventsCalendarGallery { border: 1px solid #000; margin: 5px; }
.btnAddEventPhoto { display:inline-block; width:160px; background:#f2f2f2; border:1px solid #ccc; margin:20px 0; padding:25px 0; text-align:center; }
.btnAddEventReport { display:inline-block; width:160px; background:#f2f2f2; border:1px solid #ccc; margin:20px; padding:25px 0; text-align:center; }
.error { clear: none; font-size: 12px; font-weight: bold; margin-left: 5px; width: 10px; }
.calListDateTime { color: #333; font-size: 12px; font-weight: bold; text-decoration: none; }
.calListFilters { color: #999; font-size: 12px; font-weight: bold; }
.calListPhoto { float: right; margin: 5px 0 5px 10px; }
.calListPhoto a img { border: 1px solid #000; }
.calListGMap { clear: both; margin: 10px 0px; }
.calListDescription { padding-bottom: 5px; padding-top: 2px; line-height:1.2em; }
.pad10 { padding: 10px; }
.pad10r { padding-right: 10px; }
.mar10 { margin: 10px; }
.mar5tb { margin: 5px 0px 5px 0px; }
.left { float: left; }
.right { float: right; }
.center { text-align: center; }
.clear { clear: both; }
.bglightgrey { background: #f9f9f9; border-top: 1px solid #ccc; }
.bglightergrey { background: #f9f9f9; }
.bgdark { background: #f2f2f2; border-top: 2px solid #ba0000; }
.bgfff { background: #fff; }
.bold { font-weight: bold; }
.lightgrey { color: #999; }
@media screen and (max-width: 319px) {
.unit { float: none !important; width: auto !important;} }
.linecont:after,.lastUnit:after {
content: " x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x ";
display: block; font-size: xx-large; height: 0 !important; line-height: 0; overflow: hidden; visibility: hidden; clear: both; }
.unit { float: left; }
.size1of2 { width: 50%; }
.lastUnit { _left: -3px; _margin-right: -3px; _position: relative; display: block; display: table-cell; float: none; width: auto; zoom: 1; }
.icoDelete { background: url(../images/delete.png) no-repeat; height: 12px; width: 12px; display: inline-block; }
.icoEdit { background: url(../images/edit.png) no-repeat; height: 16px; width: 16px; display: inline-block; }
.icoSave { background: url(../images/save.png) no-repeat; height: 16px; width: 16px; display: inline-block; }
.icoCancel { background: url(../images/cancel.png) no-repeat; height: 16px; width: 16px; display: inline-block; }
.regionHeader { clear:both; border-top:2px solid #e9e6e6; }
.regionHeaderSidebar { clear:both; border-top:1px solid #e9e6e6; }
.regionHeaderTitle { color:#8cb214; float:left; font-size:1.5em; font-weight:bold; margin:5px 0px; padding-left:24px; background: url(../images/greenarrow.gif) no-repeat; }
.regionHeaderTitleSidebar { color:#8cb214; float:left; font-size:1em; font-weight:bold; padding-top:5px; padding-left:18px; margin-bottom:1em; background: url(../images/greenarrowl.gif) no-repeat 0px 8px; }
.regionHeaderExtendedInfo { font-family: Verdana, Arial, Helvetica; border-right:2px solid #e5e5e5; color:#000; float:right; font-size:0.8em; height:22px; line-height:1.1em; margin-bottom:20px; padding:0.5em; text-align:right; width:120px; }
.filterEvents { font-size:1em; margin:0px; padding:5px; line-height:20px; background: #f2f2f2 url(../images/overlay.png) repeat-x; }
.eventsTopNav { float: right; width: 200px; margin-right:20px; text-align:right; }
.eventsTopNav a { margin:5px; }
.vaseFotoBox { float: left; width: 195px; height: 135px; margin: 15px 7px 8px 7px; _margin-right: 2px; background: transparent url(../images/vaseFotogalerieStin.gif) no-repeat 50% 100%; }
.vaseFotoBox:hover { background-image: url(../images/vaseFotogalerieStinOn.gif); }
.labelSwitchLongShort { font-size: 0.8em; text-decoration: underline; display: block; }
.labelSwitchLongShort:hover { text-decoration: none; cursor: pointer; }
 
 
 /* Tables */
table { width: 100%; vertical-align: top; }

.inputForm { max-width: 760px; }
.inputForm th { text-align: right; vertical-align: top; width: 220px; padding: 0.2em 1em; }
.inputForm td { padding: 0.2em 1em; background: #f2f2f2; }
.inputForm input[type=text] { width: 85%; }
.inputForm input[type=checkbox] { border: 0; }
.inputForm textarea { width: 85%; }
input[type=checkbox] { border: 0; }
input[type=radio] { border: 0; }


/* Forms */
input { border: 1px solid #aaa; padding: 2px; margin: 0.2em 0; color: #333; } /*063d56*/
textarea { border: 1px solid #aaa; padding: 2px; margin: 0.2em 0; color: #333; }
.checkbox input { border: 0; width: 20px; position: relative; top: 2px; }
.checkbox label { clear: none; }
.radioListHorizontal input { border: 0; width: 20px; position: relative; top: 2px; }
.radioListHorizontal label { clear: none; }
.blockHeader { position: relative; background: #f2f2f2; border-top: 1px solid #e5e5e5; margin: 1.2em 0 0.4em 0; }
.blockHeader h3 { font-size: 1.6em; color: #333; padding: 0.8em 0.4em; margin: 0; border: 0; border-left: 1px solid #ccc; }
.blockHeader h3 span { margin-right: 0.4em; color: #789; font-size: 1.2em; font-weight: bold; }



/* --- RATING --- */
.ratingbox { width: 100%; padding: 5px; text-indent: 10px; margin-bottom: 10px; background-color: #f5f5f5; }
.rating{ width:80px; height:16px; margin: 2px 0px 0px 35px; padding:0; list-style:none; clear:both; position: relative; background: url('../Images/stars.gif') no-repeat 0 0; }
.nostar {background-position:0 0}
.onestar {background-position:0 -16px}
.twostar {background-position:0 -32px}
.threestar {background-position:0 -48px}
.fourstar {background-position:0 -64px}
.fivestar {background-position:0 -80px}
ul.rating li { cursor: pointer; float:left; text-indent:-999em; }
ul.rating li a { position:absolute; left:0; top:0; width:16px; height:16px; text-decoration:none; z-index: 200; }
ul.rating li.one a {left:0}
ul.rating li.two a {left:16px;}
ul.rating li.three a {left:32px;}
ul.rating li.four a {left:48px;}
ul.rating li.five a {left:64px;}
ul.rating li a:hover { z-index:2; width:80px; height:16px; overflow:hidden; left:0; background: url('../Images/stars.gif') no-repeat 0 0; }
ul.rating li.one a:hover {background-position:0 -96px;}
ul.rating li.two a:hover {background-position:0 -112px;}
ul.rating li.three a:hover {background-position:0 -128px}
ul.rating li.four a:hover {background-position:0 -144px}
ul.rating li.five a:hover {background-position:0 -160px}




/* Info message */
.infoMessageError { background:#fff url(../Images/Web/msg_e_bg.jpg) bottom right no-repeat; color:#f00; border:1px solid #924949; text-align:center; padding:30px; position: relative; }
.infoMessageWarning { background:#fff url(../Images/Web/msg_w_bg.jpg) bottom right no-repeat; color:#f00; border:1px solid #c5a524; text-align:center; padding:30px; position: relative; }
.infoMessageSuccess { background:#fff url(../Images/Web/msg_s_bg.jpg) bottom right no-repeat; color:#360; border:1px solid #60a174; text-align:center; padding:30px; position: relative; }
.infoMessageText { font-size:18px; }
.infoMessageClose { position: absolute; top: 0; right: 0; width: 10px; height: 10px; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; line-height: 1; text-align: center; }
.msgClose { font-size: 10px; }




/* Misc */
.trateBox { border: 1px solid #ccc; margin: 5px; padding: 5px; }
.btnPrev { display: inline-block; width:22px; height:24px; background: url("../images/web/prevnext.png") 0 0; }
.btnNext { display: inline-block; width:22px; height:24px; background: url("../images/web/prevnext.png") -23px 0;  }
.btnPrev:hover { background: url("../images/web/prevnext.png") 0 -25px; }
.btnNext:hover { background: url("../images/web/prevnext.png") -23px -25px; }
.ajaxFileUpload {position: relative; top: 15px; }
.ajaxFileUpload input[type=file] { position: absolute; top: 0px; }



