@import url("datepicker.css");

body,
#container h1,
#container h2,
#container h3,
#container h4,
#container h5,
#container h6,
#container ol,
#container ul,
#container li,
#container div,
#container span,
#container a,
#container p,
#footer ol,
#footer ul,
#footer li,
#footer div,
#footer span,
#footer a,
#footer p,
#container input,
#container textarea,
#container select,
#container option {font-family: "Arial CE", Arial, "Helvetica CE", helvetica, sans-serif;color:#000;line-height:1.35;}

body {font-size:62.5%;}

h1,
h2,
h3,
h4 {padding-top:.2em;}

p,
form,
img {margin:0;padding:0;}

hr.layout {display:none;}
hr.separator {display:block; clear:both; visibility:hidden;}

/***************************************************************************************************************************/
/*     FONT-PATTERNS
-------------------------
* ARIAL
      font-family: "Arial CE", Arial, "Helvetica CE", helvetica, sans-serif;
* VERDANA
      font-family: "Verdana CE", Verdana, "Arial CE", Arial, "Lucida Grande CE", lucida, "Helvetica CE", sans-serif;
* TAHOMA
      font-family: "Tahoma CE", Tahoma, "Arial CE", Arial, "Helvetica CE", lucida, sans-serif;
* TIMES NEW ROMAN
      font-family: "Times New Roman CE", "Times New Roman", "Times New CE", "Times CE", times, serif;
* COURIER NEW
      font-family: "Courier New CE", "Courier CE", "Courier New", courier, monospace;
* GEORGIA
      font-family: "Georgia CE", Georgia, "Times New CE", "New York CE", "Times CE", times, serif;
* IMPACT
      font-family: "Impact CE", "Arial CE", "Techno CE", "Helvetica CE", Impact, lucida, sans-serif;
* CCOMIC SANS MS
      font-family: "Comic Sans MS CE", "Comic Sans MS", "Arial CE", Arial, "Sand CE", "Helvetica CE", lucida, fantasy;
*/
/***************************************************************************************************************************/
/* --------------------------------------- body ------------------ */
#body {margin:0px 0px; padding:0px 0px; font-size:1.00em; line-height:1.4; background:#d3d6d8;}

#body .ep_adminTools {z-index:8000;}
#body .ep_darkContainer {z-index:4000;}
#body .calendar {z-index:9000;}
#body #ep_ajaxSignContainer {z-index:10000;}

/* --------------------------------------- container ------------------ */
#container {width:970px; padding:0px 4px; margin:0px auto; background:url(../images/layout/bg-container.gif) repeat-y left top #fff;}

/* anchors */
/*#container a:focus,
#container a:active{outline:0;}*/

#container li {position:relative;}

#container a {text-decoration:underline; color:#00c;}
#container a:focus {outline:none;}
#container a:hover {text-decoration:none;}
#container a img {border:none;}

/* classes */
#container .edit-buttons {overflow:hidden; /*margin-bottom:10px; width:100%;*/ margin-top:15px; text-align:left;}
#container li .edit-buttons {/*position:absolute; left:0px; top:0px; float:left; z-index: 5;*/clear:both;}
#container .end-float-box {width:100%; overflow:hidden;}
#container .separate {display:block; clear:both; visibility:hidden; margin:0px 0px; padding:0px 0px; height:1px; border:none;}
#container .jump-to {position:absolute; top:-1000px; left:-1000px;}

/* heads */
#container h1,
#container .as-h1 {color:#000; font-weight:normal; margin:0px 0px;}
#container h2,
#container .as-h2 {color:#333; margin:0.8em 0px 0.3em 10px; font-weight:normal;}
#container h3,
#container .as-h3 {color:#666; /*font-style:italic;*/ margin:0.8em 0px 0.3em 0px; clear:both;}
#container h4,
#container .as-h4 {color:#666; margin:0.6em 0px 0.1em 10px;}

/* error success */
#container #content .error,
#container #content .success {list-style:none; border:1px solid #761B17; border-left:none; border-right:none; background:url(../images/32delete.png) #EBAEAC no-repeat 10px 10px; margin:10px 0px; padding-top:15px; padding-bottom:15px;}
#container #content .error li,
#container #content .success li {color:#c00; font-weight:800; margin:0px 0px; padding:0px 0px 0px 50px;}
#container #content .success {border-color:#246b00; background:url(../images/32accept.png) #add07b no-repeat 10px 10px;}
#container #content .success li {color:#144C00;}

/* other */
#container p {margin:1em 0px;}

/* --------------------------------------- header --------------------- */
#header {height:202px; background: #9f0500 url(../images/layout/bg-header.jpg) no-repeat left 41px; position:relative;}

#header h1 {padding-top:0px;font-size:1.2em;}
#header h1 a,
#header .as-h1 a {display:block; width:290px; height:107px; overflow:hidden; position:relative; left:15px; z-index:5;background:#cdd1d3;color:#413939;}
#header h1 a span,
#header .as-h1 a span {display:block; cursor:pointer; background:url(../images/layout/bg-logo.jpg) no-repeat left top; width:100%; height:100%; position:absolute; left:0px; top:0px;}

#header .decoration {position:absolute; left:32px; top:126px;}

#header form {position:absolute; z-index:0; top:0px; left:0px; text-align:right; width:100%; padding-top:10px; height:31px; background:url(../images/layout/bg-header-form.png) repeat-x left -1px;}
#header form div {float:right; margin-right:20px; width:635px; background:url(../images/layout/bg-search-div.png) no-repeat 5px center;}
#header form button {background:url(../images/layout/bg-search-button.png) #5d6161 no-repeat left top; border:none; margin:0px 0px; padding:0px 0px; width:47px; height:20px; line-height:20px; color:#fff; font-weight:800; font-size:0.7em;}
#header form input {border:1px solid #7f7f7f; width:121px; height:14px; padding:0px 0px; position:relative; top:-2px; padding:2px 3px; font-size:0.7em;}

/* --------------------------------------- content -------------------- */
#content {width:970px; overflow:hidden; background:url(../images/layout/bg-content.png) repeat-x left top; padding-top:18px; margin-top:26px;}

#content input {border:1px solid #7f7f7f; height:14px; padding:0px 0px; padding:2px 3px; font-size:1em;}

#content .left-col {width:49%; float:left;}
#content .right-col {width:49%; float:right;}

/* main-text */
#content .main-text {float:right; width:672px; padding:0px 18px; background:url(../images/layout/bg-main-text.gif) repeat-y left top; margin-right:13px; font-size:0.75em;}
#content .main-text h1,
#content .main-text .as-h1 {font-size:1.2em; width:682px; height:26px; line-height:26px; background:url(../images/layout/bg-h1.png) no-repeat left top; margin:0px 0px 15px 0px; padding:3px 0px 0px 26px; position:relative; left:-18px; color:#fff; font-weight:800;}
#content .main-text h2,
#content .main-text h2 a {color:#ce2900; text-decoration:none; font-size:1.6em; font-weight:normal; margin:0px 0px;}
#content .main-text h2 a {font-weight:800;}
#content .main-text h2 a:hover {text-decoration:underline;}
#content .main-text h2.alink {padding:0px 0px 0px 25px; margin: 0px 0px; background: url(../images/layout/bg-square.gif) no-repeat 11px center; font-size:1em; clear:both;}
#content .main-text h2.alink a.small-h2a {color: #000; text-decoration: none;}
#content .main-text h2.alink a.small-h2a:hover {text-decoration:underline;}
#content .main-text h2 {margin-bottom:5px; margin-top:20px; clear:both;}
#content .main-text .date {color:#636362; font-weight:normal; margin-bottom:6px; font-size:1.1em;}
#content .main-text .dec-image {float:left; margin-right:10px; margin-bottom:10px; padding:1px; border:#ce2900 2px solid;}
#content .main-text .dec-image img {float:left;border:#ce2900 1px solid;width:252px;/* height:182px;*/}
#content .main-text p {margin-top:0px; text-align:justify;}

#content .main-text .indent {margin-bottom: 23px;}

#content .main-text a {color:#ce2900; text-decoration:underline;}
#content .main-text a:hover {text-decoration:none;}

#content .main-text .qr-code {/*float:right;*/}

#content .main-text .list {width:672px; overflow:hidden;}
#content .main-text .list h2 {margin:15px 0px 2px 0px; font-size:0.8em; font-weight:800; clear:none;}
#content .main-text .list.first h2 {margin-top:0px; font-size:1.05em; clear:none;}
#content .main-text .list h2 .date {color:#ce2900; font-weight:normal; font-size:1em;}
#content .main-text .list a.dec {border:1px solid #ce2900; display:block; float:left; padding:1px 1px; margin-right:10px;}
#content .main-text .list p {margin:0px 0px;}
#content .main-text .list img {border:1px solid #000;width:150px;/* height:102px;*/}

#content .main-text .list.first img {border:1px solid #ce2900; width:252px;/* height:182px;*/}
#content .main-text .list.first h2 a {color:#ad1000; font-size:1.7em; font-weight:800; line-height:1.1;}
#content .main-text .list.first h2 a .date {display:block; font-size:0.7em;}

#content .main-text .list .indicator {margin:0px 0px; padding:0px 0px; list-style:none; text-align:right; width:100%; overflow:hidden;}
#content .main-text .list .indicator li {float: right;}
#content .main-text .list .indicator li a {display:block; width:13px; height:9px; overflow:hidden; position:relative; float:right; margin-left:6px;}
#content .main-text .list .indicator li.audio a {width:12px;}
#content .main-text .list .indicator li a span {cursor:pointer; position:absolute; left:0px; top:0px; width:100%; height:9px; background:url(../images/layout/bg-indicators.gif) no-repeat left top;}
#content .main-text .list .indicator li a:hover span {background-position:left bottom;}

#content .main-text .list .indicator li.photo a span {background-position:-18px top;}
#content .main-text .list .indicator li.photo a:hover span {background-position:-18px bottom;}
#content .main-text .list .indicator li.video a span {background-position:-37px top;}
#content .main-text .list .indicator li.video a:hover span {background-position:-37px bottom;}
#content .main-text .list .indicator li.attachment a span {background-position:-56px top;}
#content .main-text .list .indicator li.attachment a:hover span {background-position:-56px bottom;}

#content .main-text .decoration {height:4px; width:708px; background:url(../images/layout/bg-main-text-bottom.gif) no-repeat left bottom; position:relative; left:-18px; padding-top:20px; clear:both;}

#content .main-text menu.select {list-style:none; margin:20px 0px; padding:0px 0px;}
#content .main-text menu.select li {display:inline; font-size:1.2em; font-weight:800;}
#content .main-text menu.select li a {text-transform:uppercase; font-weight:800; text-decoration:none; color:#767676; padding:0px 4px;}
#content .main-text menu.select li a:hover {text-decoration:underline;}

#content .main-text ul.spec-list {margin:15px 0px; padding:0px 0px 0px 25px; list-style:square; clear:both;}
#content .main-text ul.articles-list {list-style:square; padding:0px 0px 0px 25px;}
#content .main-text ul.articles-list .edit-buttons {left: -40px;}
#content .main-text ul.articles-list li {color:#c82b00;}
#content .main-text ul.spec-list li {color:#c82b00; font-size:1.3em; line-height:0.7;}
#content .main-text ul.spec-list li a {color:#000; text-decoration:none; font-size:0.75em;}
#content .main-text ul.spec-list li a:hover {text-decoration:underline;}
#content .main-text ul.sub-list {padding: 0px 0px 0px 50px;}
#content .main-text ul.sub-list span { padding-right:5px; font-size:0.75em;}
#content .main-text ul.spec-list.audio-video {list-style:none; padding:0px 0px;}

#content .main-text ul#audio-video {padding:0; margin:0; width:100%; overflow:hidden;list-style:none;}
#content .main-text ul#audio-video h2 {margin-top:0px;}
#content .main-text ul#audio-video li.audio,
#content .main-text ul#audio-video li.video {width: 50%; float:left;}

/* search */
#content .search form {margin:0px 0px; padding:0px 0px;}
#content .search form ul {list-style:none; margin:0px 0px; padding:0px 0px; width:100%; overflow:hidden;}
#content .search form ul li {float:left; padding:0px 0px; margin:0px 0px;}
#content .search form ul li #search-value {width:125px; margin-right:10px;}
#content .search form ul li #search-from,
#content .search form ul li #search-till {width:75px; margin-right:5px;}
#content .search form ul li img.ui-datepicker-trigger {position:relative; top:3px; margin-right:15px;}
#content .search form .button button {background:url(../images/layout/bg-search-button.png) #5d6161 no-repeat left top; border:none; margin:0px 0px; padding:0px 0px; width:47px; height:20px; line-height:20px; color:#fff; font-weight:800; font-size:.9em;}
#content .search form .button {text-align:center; padding-top:10px;}
#content .search h2 {border-bottom:1px solid; margin:10px 0px;}
#content .search h3 {font-style:normal; margin:20px 0px 5px 0px; padding:0px 0px; color:#9f9f9f; font-size:1.25em;}
#content .search ul {list-style:none; margin:10px 0px; padding:0px 0px;}
#content .search ul li {font-size:1em; padding-left:10px;}
#content .search ul li.odd {background-color:#dcdee0;}
#content .search ul li a {display:block; text-decoration:none; color:#000; background:url(../images/layout/bg-list.gif) no-repeat left center; padding-left:15px;}
#content .search ul li a:hover {text-decoration:underline;}
#content .search ul li a span {float:right; padding:0px 10px; color:#666;}



#content .search ul.list li a {display:block; width:650px; overflow:hidden; text-decoration:none; color:#000; background:url(../images/layout/bg-list.gif) no-repeat left center; padding-left:15px;}
#content .search ul.list li a:hover {text-decoration:underline;}
#content .search ul.list li a span.name {float:left; width:548px; color:#000; border:none; padding:2px 10px 2px 0px; border-right:2px solid #fff;}
#content .search ul.list li a span.date {float:right; padding:2px 10px; color:#666; margin:0px 0px; font-size:1em;}



#content .search p.all {margin:0px 0px; padding:0px 0px 0px 10px;}
#content .search p.all a {background:url(../images/layout/bg-more.gif) left center no-repeat; padding-left:15px; color:#000; text-decoration:none;}
#content .search p.all a:hover {text-decoration:underline;}

/* redaction */
#content .redaction {font-size: 1.2em;}
#content .redaction .contact {float:left; width:300px; margin-top:10px;}
#content .redaction .contact .qr-code {float:none; margin-top:-10px;/* text-align:center;*/ position:relative; left:-16px; width:200px;}


/* tops */
#content .tops {width:228px; float:left; margin-left:14px;}
#content .tops div {background:url(../images/layout/bg-tops.gif) repeat-y #eef0f0 left top; margin-bottom:8px;}
#content .tops div.edit-buttons {background:none;margin:0px 0px;}
#content .tops div.news {background-position:right top;}
#content .tops h2 {background: #a30900 url(../images/layout/bg-tops-h2.png) no-repeat left top; height:26px; width:214px; padding:3px 4px 0px 10px; margin:0px 0px;}
#content .tops h2 span {padding-left:12px; background:url(../images/layout/bg-tops-h2-news.gif) no-repeat left center; color:#fff; font-size:0.6em; line-height:26px; font-weight:800;}
#content .tops h3 {margin:0px auto; padding:0px 0px; width:222px;}
#content .tops .news h2 {background-position:right top;}
#content .tops p,
#cotnent .tops .as-p,
#content .tops ul {margin:0px auto; padding:0px 3px 3px 3px; list-style:none; background:url(../images/layout/bg-tops-bottom.gif) no-repeat bottom left; font-size:.7em;}
#content .tops ul li {width:204px; background:url(../images/layout/bg-tops-li.gif) no-repeat bottom center; padding:5px 9px 6px 9px;}
#content .tops ul li.first {padding-top:15px;}
#content .tops ul li.last {background-image:none; padding-bottom:12px;}
#content .tops ul li a {color:#000; text-decoration:none; display:block; line-height:1.1; background:url(../images/layout/arrow.gif) no-repeat left 1px; padding-left:15px;}
#content .tops ul li a:hover {text-decoration:underline;}

#content .tops .subject a {display:block; margin:0px auto; padding:0px 3px 3px 3px; text-decoration:none; background:url(../images/layout/bg-tops-bottom.gif) no-repeat bottom left;}
#content .tops .subject a:hover .as-h3 {text-decoration:underline;}
#content .tops .subject h2 span {background-image:url(../images/layout/bg-tops-h2-subject.gif);}
#content .tops .subject h3,
#content .tops .subject .as-h3 {background-color:#f4e4c8; padding:10px 9px 0px 9px; width:204px;}
#content .tops .subject h3,
#content .tops .subject p,
#content .tops .subject .as-h3,
#content .tops .subject .as-p {color:#be2600; font-size:.7em; font-style:normal;}
#content .tops .subject .as-h3 {margin:0px 0px; font-weight:800;}
#content .tops .subject strong,
#content .tops .subject .as-p {font-weight:normal; display:block; background-color:#f4e4c8; width:204px; padding:10px 9px 10px 9px;}

#content .tops .prepare h2 span {background-image:url(../images/layout/bg-tops-h2-prepare.gif);}
#content .tops .prepare li {background-color:#ddf6e9;}
#content .tops .prepare li a {font-weight:800;}
#content .tops .prepare li a strong {font-weight:normal; display:block;}

#content .tops .audio h2 span {background-image:url(../images/layout/bg-tops-h2-audio.gif);}
#content .tops .audio li {background-color:#f7f0ae;}
#content .tops .audio li a {background-image:url(../images/layout/audio.gif);}

/* photogallery */
#content .photogallery {list-style:none; margin:0px 0px; padding:0px 0px; width:672px; overflow:hidden;}
#content .photogallery li {width:152px; /*height:150px;*/ overflow:hidden; margin:0px 0px 20px 20px; float:left;}
#content .photogallery li a {padding:3px 3px; border:1px dashed #000; float:left;}
#content .photogallery li.first {margin-left:0px; clear:left;}

/* --------------------------------------- main menu ------------------ */
#main-menu-box {background:url(../images/layout/bg-main-menu.gif) repeat-x top left /*#fdfdfd*/#d8dadc; text-align:center; width:970px; overflow:hidden; position:absolute; top:201px;}
#main-menu {list-style:none; margin:0px auto; padding:0px 0px; display:inline; }
#main-menu li {font-size:.8em; display:inline;}
#main-menu li a {color:#000; font-weight:800; text-transform:lowercase; text-decoration:none; padding:0px 16px 0px 15px; height:26px; line-height:26px; background:url(../images/layout/bg-main-menu-anchor.gif) no-repeat left top;}
#main-menu li a:hover,
#main-menu li.selected a {color:#c82b00;}
#main-menu li.homepage a {background:none;}

/* --------------------------------------- footer --------------------- */
#footer {font-size:.65em; background:url(../images/layout/bg-footer.gif) repeat-x #fafafa left top;margin-top:25px;}
#footer p {color:#5c5c5d; margin:0px 0px; height:23px; line-height:23px; font-family: "Verdana CE", Verdana, "Arial CE", Arial, "Lucida Grande CE", lucida, "Helvetica CE", sans-serif; padding-left:16px;}
#footer p a {color:#5c5c5d;}
#footer p a:hover {color:#000;}

#player_container { position: relative; background-color:#efefef; /*width:418px;*/  height:75px; /*border:1px solid #fa94a2;*/}
#player_container  ul#player_controls { list-style-type:none; padding:0;  margin: 0;}
#player_container  ul#player_controls li {  overflow:hidden;  text-indent:-9999px;}
#player_play,
#player_pause { display: block; position: absolute !important;  left:30px;  top:8px;  width:28px; height:28px;  cursor: pointer;}
#player_play {  background: url("../images/spirites.jpg") 0 0 no-repeat;}
#player_play.jqjp_hover { background: url("../images/spirites.jpg") -29px 0 no-repeat;}
#player_pause { background: url("../images/spirites.jpg") 0 -29px no-repeat;}
#player_pause.jqjp_hover {  background: url("../images/spirites.jpg") -29px -29px no-repeat;}
#player_stop {  position: absolute !important;  left:69px;  top:8px;  background: url("../images/spirites.jpg") 0 -83px no-repeat;  width:28px; height:28px;  cursor: pointer;}
#player_stop.jqjp_hover { background: url("../images/spirites.jpg") -29px -83px no-repeat;}
#player_progress {  position: absolute !important;  left:108px; top:14px; background-color: #eee; width:394px;  height:15px;}
#player_progress_load_bar { background: url("../images/bar_load.gif")  top left repeat-x; width:0px;  height:15px;  cursor: pointer; border: #ccc solid 1px;}
#player_progress_load_bar.jqjp_buffer { background: url("../images/bar_buffer.gif")  top left repeat-x;}
#player_progress_load_bar.jqjp_hover {  border: #8f8f8f solid 1px;}
#player_progress_play_bar { background: url("../images/bar_play.gif") top left repeat-x ; width:0px;  height:15px;}
#player_volume_min {  position: absolute !important;  left:524px; top:14px; background: url("../images/spirites.jpg") 0 -170px no-repeat; width:18px; height:15px;  cursor: pointer;}
#player_volume_max {  position: absolute !important;  left:596px; top:14px; background: url("../images/spirites.jpg") 0 -186px no-repeat; width:18px; height:15px;  cursor: pointer;}
#player_volume_min.jqjp_hover { background: url("../images/spirites.jpg") -19px -170px no-repeat;}
#player_volume_max.jqjp_hover { background: url("../images/spirites.jpg") -19px -186px no-repeat;}
#player_volume_bar {  position: absolute !important;  left:542px; top:19px; background: url("../images/volume_bar.gif") repeat-x top left;  width:46px; height:5px; cursor: pointer;}
#player_volume_bar_value {  background: url("../images/volume_bar_value.gif") repeat-x top left;  width:0px;  height:5px;}
#player_playlist_message {  position: absolute !important;  left:0; bottom:0; width: 90%; padding:5px 5% 10px 5%; font-family: Arial, Helvetica, sans-serif;  line-height:1.4em;  height:1em; background-color:#fff;}
#song_title { float:left; margin:0 5px 0 0; padding:0;  font-weight:bold;}
#play_time,
#total_time { padding-top:.3em; font-weight:normal; font-style:oblique; font-size:.7em;}
#play_time {  position: absolute !important;  left:108px; top:30px;}
#total_time { position: absolute !important;  left:483px; top:30px;}
.miaow {  font-size:.8em; color:#999;}
.miaow a:link, a:visited, a:hover, a:focus, a:active {  color:#009be3;}
#container #content .audio-play {position:relative; top:4px;left:0px;display:none; z-index: 1;}
#container #content .video-play {position:relative; top:4px; z-index:1;}


/************************************************ milan ***************************************************/
.display { display:none; }
#content .main-text h2 a.small-h2a { font-weight:normal; font-size:100%; text-decoration:underline; }

#container li ul.photogallery-attachmnet { clear:both; list-style-image:none; list-style-position:outside; list-style-type:square; margin:0 0 0 10px; padding:0 0 0 15px; }
#container li ul.photogallery-attachmnet li { color:#C82B00; font-size:1.3em; float:none; margin:0; width:auto; list-style:square; overflow:visible; clear:both;}
#container li ul.photogallery-attachmnet li.edit-buttons { position:relative; color:black; font-size:1em; list-style:none; padding:5px 0px 0px 0px; position: relative; left:-18px;}
#container li ul.photogallery-attachmnet .edit-buttons a {float:left;}
#container li ul.photogallery-attachmnet li a { color:#C82B00; font-size:0.75em; text-decoration:underline; border:none; float:none; }
#container ul.photogallery-attachmnet li a:hover { text-decoration:underline; }

#content .video { width:670px; height:500px; }
.simple-video-wrapper {
  box-shadow: 0 5px 15px rgba(0,0,0,0.4);
  -webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.4);
  -moz-box-shadow: 0 5px 15px rgba(0,0,0,0.4);
  height: 480px;
  margin: 0 auto;
  position: relative;
  width: 853px;
  
}

.simple-video-overlay {
  background: rgba(0,0,0,0.4) url(button.png) 50% 50% no-repeat;
  cursor: pointer;
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}

p.backAnchor { clear:both; padding-top:10px }