HTML, BODY { padding: 0; margin: 0; background: #fff; }
BODY, INPUT, SELECT, TEXTAREA, BUTTON, TD, TH { font-family: Arial, Helvetica, sans-serif; color: #515151; font-size: 12px; }

TEXTAREA { overflow: auto; }

H1, H2, H3, H4, H5, H6 {
	font-family: Arial, Helvetica, sans-serif;
	margin: 1em 0 0 0;
	padding: 0;
	color: #0062ac;
	font-weight: normal;
	line-height: normal !important;
}

H1 { font-size: 26px; color: #c85237; }
H2 { font-size: 18px; color: #146e29; }
H3 { font-size: 16px; color: #c85237; }
H4 { font-size: 14px; color: #146e29; font-weight: bold; }
H5 { font-size: 12px; color: #146e29; }
H6 { font-size: 10px; color: #146e29; font-weight: bold; }

IMG { border: 0; }

A { color: #136c28; text-decoration: underline; position: relative; }
A SPAN { cursor: pointer; position: relative; }
A:hover { color: #136c28; text-decoration: none; }

P { padding: 0; margin: 1em 0 0 0; }
DIV.img-right { float: right; clear: both; margin: 1em 0 1em 1em; text-align: right; }
DIV.img-right IMG { border: solid 1px #dcdcdc; padding: 2px; }
P.img-right { float: right; clear: both; margin: 1em 0 0 1em; padding: 2px; background: #fff; border: 1px solid #f0f0f0; }
P.img-left { float: left; clear: both; margin: 1em 1em 0 0; padding: 2px; background: #fff; border: 1px solid #f0f0f0; }

FORM { padding: 0; margin: 0; }

TABLE { border-collapse: collapse; border-spacing: 0; margin: 1em 0 0 0; }
TH, TD { text-align: left; vertical-align: top; }

.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.justify { text-align: justify; }
.middle { vertical-align: middle; }
.nopadding { padding: 0 !important; }
.nomargin { margin: 0 !important; }
.nowrap { white-space: nowrap; }
.noborder { border: none !important; }
.hidden { display: none; }
.bold { font-weight: bold; }
.f-left { float: left; }
.f-right { float: right; }

.w100p { width: 100%; }
.mt10px { margin-top: 10px !important; }
.mt1 { margin: 1em 0 0 0; }

.clear { overflow: hidden; clear: both; }
* HTML .clear { overflow: visible; height: 1px; }

.req, .error, .red { color: #c60000; }

/* Mozilla recovery */
*:focus { outline: none; }
INPUT[type="checkbox"] { padding: 0; margin: 4px; -moz-appearance: checkbox; }
INPUT[type="radio"] { padding: 0; margin: 4px; -moz-appearance: radio; }
*:first-child+HTML INPUT[type="checkbox"] { margin: 0; }
*:first-child+HTML INPUT[type="radio"] { margin: 0; }

/*  Columns */

.col { float: left; min-height: 1px; }
.col01 { width: 172px; margin: 0 23px 0 0; overflow: hidden; }
.col02 { width: 495px; margin: 0 20px 0 0; overflow: hidden; }
.col03 { width: 190px; overflow: hidden; }
.col04 { width: 705px; }

/* Messages */

.msg-error,
.msg-ok,
.msg-info { padding: 10px; text-align: center; font-size: 12px; font-weight: bold; color: #fff; }

.msg-error { background: #ff0000; }
.msg-ok { background: #2f9a48; }
.msg-info { background: #808080; }

.msg-error A,
.msg-ok A,
.msg-info A { color: #fff !important; text-decoration: underline; }

HTML, BODY { padding: 0; margin: 0; background: url(../img/img01.png) #116424 repeat-x; }

/*  Boxes  */

#box01 { width: 916px; margin: auto;}

/* Header */

#header-elements { height: 50px; }
#header-elements #share { float: right; padding: 30px 10px 0 0; }
#header-elements #languages { float: left; list-style: none; padding: 33px 0 0 10px; margin: 0; }
#header-elements #languages LI { float: left; margin: 0 6px 0 0; }
#header-elements #languages LI A { float: left; border: solid 1px #fff; padding: 1px; }
#header-elements #languages LI A:hover { border: solid 1px #c0c0c0; }
#header-elements #languages LI A.active { border: solid 1px #c0c0c0; }

/*  Columns */

.col { float: left; min-height: 1px; }
.col01 { width: 172px; margin: 0 23px 0 0; overflow: hidden; background-color:white;}
.col02 { width: 495px; margin: 0 20px 0 0; overflow: hidden; background-color:white;}
.col03 { width: 190px; overflow: hidden; }
.col04 { width: 705px; }

/*  Blocks  */

DIV.block00 { margin: 3px 0 0 0;  }
DIV.block01 { height: 8px; background: url(../img/img02.png) no-repeat; }
DIV.block02 { background: url(../img/img03.png) repeat-y; padding: 0 8px 20px 8px; }
DIV.block03 { height: 32px; background: url(../img/img04.png) no-repeat; }

* HTML DIV.block01 { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/app/front/view/img/img02.png', sizingMethod='crop'); }
* HTML DIV.block02 { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/app/front/view/img/img03.png', sizingMethod='scale'); }
* HTML DIV.block03 { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/app/front/view/img/img04.png', sizingMethod='crop'); }

/*  Menus  */

#menu01 { margin: 0; padding: 0; }
#menu01 LI { float: left; width: 100%; clear: both; padding: 0 0 1px 0; }
#menu01 UL { margin: 0; padding: 0; }
#menu01 UL LI { padding: 1px 0 0 0; }
#menu01 A { display: block; color: #fefefe; font-weight: bold; cursor: pointer; }
#menu01 LI A {  background: url(../img/img05.gif) no-repeat; text-decoration: none; }
#menu01 LI A SPAN { display: block; padding: 6px 0 6px 14px; background: url(../img/img05.gif) -172px 100% no-repeat; }
#menu01 LI A.active,
#menu01 LI A:hover { background-position: -344px 0; text-decoration: none; }
#menu01 LI A.active SPAN,
#menu01 LI A:hover SPAN { background-position: -516px 100%; }

/*  Site tools  */

#site-tools { float: right; margin: 5px 0 0 0; line-height: 14px; }
#site-tools A { padding: 0 0 0 16px; float: left; font-size: 11px; color: #ababab; text-decoration: none; float: left; }
#site-tools A.print { background: url(../img/ico_print.gif) 0 2px no-repeat; }
#site-tools A.friend { background: url(../img/ico_mail.gif) 0 2px no-repeat; }
#site-tools A:hover { text-decoration: underline; }
#site-tools SPAN { float: left; border-right: 1px solid #e9e9e9; padding: 2px 10px; }

DIV.side-image { margin: 14px 0 0 0; height: 155px; width: 190px; background: url(../img/img06.gif) no-repeat; display: block; padding: 6px; cursor: pointer; }
DIV.side-image .pad { width: 178px; height: 143px; position: relative; overflow: hidden; }
DIV.side-image IMG { width: 178px; height: 143px; }
DIV.side-image SPAN.title { position: absolute; left: 0; bottom: 0; text-align: center; background: url(../img/img07.png); width: 164px; display: block; padding: 7px; color: #fff; line-height: normal; font-size: 13px; font-weight: bold; }
* HTML DIV.side-image SPAN.title { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/app/front/view/img/img07.png', sizingMethod='scale'); }
DIV.side-image:hover SPAN.title { text-decoration: underline; }

P.see-more { margin: 5px 6px 0 0; float: right; }
P.see-more A { background: url(../img/dot01.gif) 100% 3px no-repeat; padding: 0 13px 0 0; font-weight: bold; text-decoration: none; float: left; }
P.see-more A SPAN { border-bottom: 1px #dfdfdf solid; float: left; }
P.see-more A:hover SPAN { border-color: #fff; }

/*  Footer  */

#footer { margin: 10px 0; }
#footer P { margin: 0; }
#footer { font-size: 10px; color: #fff; padding: 0; font-size: 12px; }
#footer A { color: #fff; text-decoration: none; }
#footer A:hover { color: #fff; text-decoration: underline; }
#siteinfo { float: left; }
#siteinfo SPAN { float: left; padding: 3px 10px; border-right: 1px solid #71a27d; }
#info { float: left; }
#webstyle { float: right; padding: 3px 0 0 0; }
#webstyle A { color: #8ab394; text-decoration: none; }

/* Content */

.content P { line-height: 20px; }
.content TABLE { width: 100%; }
.content TABLE TH { line-height: normal; border: solid #fff; border-width: 1px; padding: 4px 10px; background: #ff6123; font-weight: bold; color: #fff; }
.content TABLE TH A { color: #fffefe; }
.content TABLE TD { line-height: normal; border: solid #fff; border-width: 1px; padding: 4px 10px; background: #f1f1f1; }
.content TABLE TR.even TD { background: #fafafa; }
.content UL { padding: 0 0 0 23px; margin: 1em 0 0 0; list-style: none; line-height: 19px; }
.content UL LI { background: url(../img/dot04.gif) 0 7px no-repeat; padding: 0 0 0 16px; font-weight: bold; }
.content UL UL { padding: 0 0 0 15px; margin: 0; font-weight: normal; }
.content UL UL LI { background: url(../img/dot04.gif) 0 7px no-repeat; }

/* Messages */

.msg-error,
.msg-ok,
.msg-info { padding: 10px; text-align: center; font-size: 12px; font-weight: bold; color: #fff; }

.msg-error { background: #ff0000; }
.msg-ok { background: #2f9a48; }
.msg-info { background: #808080; }

.msg-error A,
.msg-ok A,
.msg-info A { color: #fff !important; text-decoration: underline; }

TABLE.form {}
TABLE.form TH { line-height: normal; width: 30%; padding: 8px 5px; border: none; background: #fff; text-align: right; color: #000; vertical-align: middle; }
TABLE.form TD { line-height: normal; width: 70%; padding: 8px 5px; border: none; background: #fff; vertical-align: middle; }
TABLE.form TD.data { padding: 8px 10px; font-weight: normal; line-height: 20px; font-size: 12px; }
TABLE.form IMG,
TABLE.form INPUT,
TABLE.form SELECT { vertical-align: middle; }
TABLE.form .max { width: 500px; }
TABLE.form .default { width: 254px; }
TABLE.form .min { width: 60px; }
TABLE.form TH.subheading { text-align: center; color: #000; padding: 8px 10px; background: #f1f1f1; }

TABLE.form INPUT.txt,
TABLE.form TEXTAREA { float: left; padding: 3px; border: 1px solid #d6d6d6; }

/* Actions */

P.actions { line-height: 14px; }
P.actions INPUT.btn01 { float: left; color: #fff; font-weight: bold; padding: 3px 10px; margin: 0 5px 0 0; background: #2f9a48; border: 1px solid #23873a; }
P.actions INPUT.btn02 { float: left; color: #fff; font-weight: bold; padding: 3px 10px; margin: 0 5px 0 0; background: #ff0000; border: 1px solid #b30000; }

/*  Calendar   */

DIV.calendar { margin: 18px 0 0 0; }
DIV.calendar .header { text-align: center; color: #515151; font-size: 13px; }
DIV.calendar .header A { text-decoration: none; }
DIV.calendar .header SPAN { color: #136c28; }
DIV.calendar .header SPAN.left { float: left; padding: 0 0 0 10px; }
DIV.calendar .header SPAN.right { float: right; padding: 0 10px 0 0; }
DIV.calendar TABLE { width: 100%; margin: 7px 0 0 0; }
DIV.calendar TD { text-align: center; border: solid #dee9e0; border-width: 1px; width: 22.5px; padding: 4px 0; color: #000; }
DIV.calendar TR.weekday TD { background: #136c28; font-weight: bold; color: #fff; }
DIV.calendar TD.other-month { color: #d3d3d3; }
DIV.calendar TD.booked { color: #fe0000; }
DIV.calendar UL.legend { list-style: none; padding: 13px 0 0 7px; margin: 0; }
DIV.calendar UL.legend LI { list-style: none; padding: 0 20px 0 12px; float: left; }
DIV.calendar UL.legend LI.booked { background: url(../img/dot02.gif) 0 5px no-repeat; color: #ff0000; }
DIV.calendar UL.legend LI.free { background: url(../img/dot03.gif) 0 5px no-repeat; color: #000; }

/* Imagelist */

UL.imagelist { margin: 1em 0 0 0; padding: 0; }
UL.imagelist * { float: left; }
UL.imagelist LI { padding: 0 10px 10px 0; background: none; }
UL.imagelist LI A { padding: 1px; background: #fff; border: 1px solid #dee9e0; }
UL.imagelist LI A:hover { border-color: #0f5e22; }
/*UL.imagelist LI A IMG { width: 160px; height: 100px; }*/

/* Colorbox */

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/

#cboxOverlay { background:url(../img/colorbox/overlay.png) 0 0 repeat; }
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(../img/colorbox/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(../img/colorbox/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(../img/colorbox/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(../img/colorbox/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(../img/colorbox/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(../img/colorbox/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(../img/colorbox/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(../img/colorbox/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(../img/colorbox/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(../img/colorbox/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(../img/colorbox/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(../../img/colorbox/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(../img/colorbox/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/app/front/view/img/colorbox/ie/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/app/front/view/img/colorbox/ie/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/app/front/view/img/colorbox/ie/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/app/front/view/img/colorbox/ie/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/app/front/view/img/colorbox/ie/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/app/front/view/img/colorbox/ie/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/app/front/view/img/colorbox/ie/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/app/front/view/img/colorbox/ie/borderMiddleRight.png, sizingMethod='scale');}