* {
    margin: 0;
    padding: 0;
}
body {
    background: #fff url('/system/template/images/foother-bg.gif') no-repeat left bottom;
    font: normal normal 14px Tahoma;
}
a { color: #639; text-decoration:underline; }
a:hover { color: #306; text-decoration:none;}
a:active { color: #f00; }

#content table td {padding:5px 20px 5px 0;}


#patch {display:none;}

#wrapper {
    margin: 32px 30px 30px 30px;
    min-width: 1000px;
}
#header img {
    width: 270px;
    height: 93px;
    float: left;
    border: 0;
}
#nav-container 
{
    width: 47%;
    min-width: 400px;
    max-width: 600px;
    float: left;
    height: 67px;
    margin-left: 4%;
    background: #e8e8e8 url('/system/template/images/menu-bg.gif') repeat-x 0 0;
}
#nav {
    height: 67px;
    background: transparent url('/system/template/images/menu-l.gif') no-repeat 0 0;
}
ul#menu {
    height: 67px;
    background: transparent url('/system/template/images/menu-r.gif') no-repeat 100% 0;
    list-style: none;
    display: block;
    padding: 0 0 0 10px;
}
ul#menu li {
    text-align: center;
    width: 24%;
    display: block;
    float: left;
    margin: 14px 0 0 0;
}
#menu li span {
    float: left;
    width: 100%;
    display: block;
    padding: 7px 0;
}
#menu li a {
    text-align: center;
    color: #000;
    font: normal normal 19px Tahoma;
    display: inline;
    padding:6px 14px;
}

#menu li.selected span a
{
    background-color: #e0081d;
    border-radius: 5px;
    color:#fff;
}


#menu li a:hover { color: #e0081d }
#menu div.submenu {
    background: transparent url('/system/template/images/arrow.gif') no-repeat 55px 1px;
    padding-top: 10px;
    position: absolute;
    margin: 50px 0 0 0;
    white-space: nowrap;
	display:none;
}
#menu ul.submenu {
    border-radius: 10px;
    padding: 10px 15px;
    list-style: none;
    display: none;
    background-color: #f3f3f3;
    height: 20px;
    white-space: nowrap;
}
#menu ul.submenu li {
    padding: 0 4px;
    text-align: center;
    width: auto;
    display: block;
    margin: 0;
    white-space: nowrap;
}
#menu ul.submenu li a {
    font: normal normal 16px Tahoma;
    display: inline;
    padding: 5px 8px;
    color: #007ac2;
    white-space: nowrap;
}
#menu ul.submenu li a:hover { color: #003366 }
#blot {
    right: 0;
    float: right;
    margin: -32px -30px -55px 0;
    width: 242px;
    height: 180px;
    background: transparent url('/system/template/images/blot.png') left bottom;
}

#menu ul.submenu li.sub-selected a {color:#001460}

#blot.abs 
{
    position:absolute;
    top: 0;
    margin:0;
}


#blot a {
    display: block;
    /* background: #85de43 url('/system/template/images/request-ico.png') no-repeat 0 center; */
	background-color: #85de43;
    padding-left:15px;
    color: #fff;
    font-size: 17px;
    text-decoration: underline;
    margin: 10px 12px 0 95px;
    
    text-shadow: 0px 1px 0px #999;
}
#blot span {
    display: none;
    color: #fff;
    font-size: 13px;
    margin: 10px 0 0 100px;
    text-align: center;
    color: #333;
}
#body {padding-top:40px;}
#left {
    float: left;
    margin: 0 0 0 15px;
    position: relative;
    width: 270px;
}
#left .box {
    background-color: #ebebeb;
    border-radius: 10px;
    padding: 15px 15px 15px 20px;
}
#left .box h2 {
    font-weight: normal;
    font-size: 24px;
    color: #333;
    margin-bottom: 10px;
}
#left .item {
    margin: -13px 0 15px -44px;
    background: transparent url('') no-repeat 0 0;
}
#left .date-blot {
    float: left;
    color: #fff;
    text-align: center;
    position:relative;
}
#left .date-blot span.day {
    display: block;
    width: 90px;
    margin: 27px 0 0 4px;
    font-size: 24px;
}
#left .date-blot span.month {
    display: block;
    width: 90px;
    margin: 1px 0 0 4px;
    font-size: 13px;
}
#left .blot-blue { background-image: url('/system/template/images/blot-blue.png') }
#left .blot-blue h3 a { color: #1082c5 }
#left .blot-red { background-image: url('/system/template/images/blot-red.png') }
#left .blot-red h3 a { color: #cc0303 }
#left .blot-green { background-image: url('/system/template/images/blot-green.png') }
#left .blot-green h3 a { color: #009933 }
#left .item .info {
    margin: 0 0 0 105px;
    padding: 14px 0 0 0;
}
#left .item .info h3 {
    font-size: 18px;
    font-weight: normal;
}
#left .item .info p {
    font-size: 14px;
    color: #666;
    font-style: italic;
    line-height: 17px;
    margin: 4px 0;
}
#left .item .info p.date { font-style: normal }

#left .all {float:right;}

#content-container {
    float: right;
    margin-left: -300px;
    width: 100%;
}
#content { margin: 0 5% 10px 320px; font: normal normal 14px/22px Tahoma;}
#content h1 {
    color: #06c;
    margin: 0 0 20px 0;
    font: normal normal 31px/45px Tahoma;

    text-shadow: 1px 1px 0 #eee,  0 2px 1px #ddd;
}
#content .bluebox {
    margin: 20px 0 20px 0;
    background: #1874d0 url('/system/template/images/bg.gif') repeat-x top left;
    padding: 14px 19px;
    color: #fff;
    border-radius: 10px;
    border: 3px solid #fff;
    box-shadow: 0 0 5px #666;
    -moz-box-shadow: 0 0 5px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5);
    text-shadow: 0 1px 0px #666;
}
#content .bluebox h2 {
    color:#fff;
    font: normal normal 24px Tahoma;
    margin: 0 0 10px 0;
    text-shadow: 0 1px 1px #666;
}
#fifty-fifty h2,
#fifty-fifty h2 a {
    font-weight: normal;
    font-size: 24px;
    color: #666;
    margin: 5px 0 13px 0;
}
#fifty-fifty h2 a:hover {
    text-decoration: none;
    color: #333;
}
#fifty-fifty p.calendar, p.calendar {
    color: #666;
    font-size: 13px;
    margin: 10px 0 5px 0;
    padding-left: 22px;
    background: transparent url('/system/template/images/calendar.gif') no-repeat 0 0;
}
#fifty-fifty p.more {
    text-align: right;
    margin: 3px 0;
}
#fifty-fifty p { font: normal normal 14px/18px Tahoma }
#news {
    float: left;
    width: 40%;
    padding: 10px 2%;
}
#nearest {
    float: left;
    width: 50%;
    padding: 10px 2%;
}
#nearest p a {
    display: block;
    margin-bottom: 20px;
}
#foother { }
#foother a { color: #333 }
#f-nav {
    float: left;
    width: 300px;
    margin: 60px 0 20px 330px;
}
#f-nav ul {
    list-style: none;
    margin: 0 0 10px 0;
}
#f-nav ul li { display: inline }
#f-nav ul li a { padding: 2px 10px }
#copyright {
    float: right;
    width: 200px;
    margin: 60px 0 20px 0;
}

#foother .counters {margin-top:10px; text-align:right;}
#foother .counters img {margin-right:4px;}

.clearfix { clear: both }

/* CONTENT */

.thumbnail {padding:1px; border:1px solid #eee; margin:3px 3px 3px 0;}
.thumbnail:hover {border-color:#ccc;}

.rounded {border-radius:5px; padding:0; margin:0; border:0;}

#content h2, #content h3, #content h4 {
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	font-weight: normal;
}
    
#content h2, #content h2 a  {font-size:23px; color:#333; margin:20px 0 10px 0;}
#content h3, #content h3 a {font-size:21px; color:#666; margin:14px 0 8px 0;}
#content h4 {font-size:16px; color:#666; margin:20px 0 5px 0;}
#content h4 a {font-size:19px; color:#666;}
#content p {font:normal normal 14px/20px Tahoma; margin:9px 0;}
#content table {border-collapse:collapse; margin:15px 0 10px 0;}
#content table td {font-size:13px; vertical-align:top;}
#content table td p {font-size:13px;}
#content table.full-page {width:100%;}
#content table.awards {width:100%;}
#content table.awards td {text-align:center;}



#content table.tbl th {padding:4px 10px;  text-align:left;}
#content table.tbl td {padding:3px 10px; vertical-align:top;}

#content table.tbl th {border:1px solid #ccc; background:#dfdfdf;}
#content table.tbl td {border:1px solid #ccc; background:#f9f9f9;}
#content table.tbl tr:nth-child(odd) td {background:#f3f3f3;}

#content table.juri {}
#content table.juri td {vertical-align:middle;}
#content table.juri td.photocol {text-align:center;}
#content table.juri td.photocol img {border-radius:30px; width:123px;}

#content ol, #content ul {margin:5px 30px;}
#content ol li, #content ul li {margin:3px 0;}


.form input[type="checkbox"] {margin:0 3px 0 0; position:relative; top:1px}
.form input[type="text"], .form select { width:90%; padding:3px 2px 3px 3px; border-radius:5px; border:1px solid #bbb; background:#f7f7f7 url('/system/template/images/input-bg.gif') repeat-x 0 0;}
.form select {padding:2px 2px 2px 3px;}
.form input[type="text"]:focus, select:focus {border-color:#666; background-position:0 -27px;}
.form textarea {padding:3px 2px 3px 3px; height:300px; border:1px solid #bbb; width:90%; border-radius:5px;}

.form {width:100%;}
.form label {display:block; width:46%; padding:0 2%; float:left; margin:10px 0;}
.form label.one-column {width:100%;}
.form label input[type="text"], .form label select {width:100%;}
.form label span {display:block; font:normal bold 13px Verdana; margin:3px; color:#666;}
.form label span sup {color:red;}
.form label span.cb {display:inline; font-weight:normal;}
.form label small { display:block; font-size:12px; color:#999; margin:3px 0;}
.buttons {margin:30px 0 10px 2%;}
.buttons .back {display:inline; padding:5px 9px; margin:0 15px 0 15px; line-height:16px; font-size:14px; color:#283e4d;}
.buttons .submit {display:inline; cursor:pointer; border:1px solid #cdcdcd; text-shadow: white 0 1px 1px; padding:5px 13px; background:#eee; line-height:30px; font:normal normal 17px/30px Tahoma; color:#5a5a5a; text-decoration:none; text-align:center; box-shadow: 0 1px 3px #bbb; border-radius:5px;}
.buttons .submit:focus, .buttons .submit:hover {box-shadow: 0 0 15px white inset, 0 1px 3px #999;}
.buttons .submit:active {box-shadow: 0 1px 10px #bbb inset; text-shadow: none;}

.rulelink, .request-link {padding:7px 20px; margin:10px 10px 10px 0; line-height:40px; display:inline; background-color:#f3f3f3}

#content .festbox {clear:both;}
#content .festbox div {float:left; padding:13px 15px 13px 70px; margin:10px 15px 10px 0; border-radius: 5px;}
#content .festbox div h3 {font:normal normal 17px/23px Tahoma; margin:0px;}
#content .festbox div p {font:normal normal 14px/16px Tahoma;  margin:0px;}
#content .festbox div a {margin:0 14px 0 0;}
#content .festbox .rules { background:#f3f3f3 url('/system/template/images/rules.png') no-repeat scroll 8px center;}
#content .festbox .requests {background:#f3f3f3 url('/system/template/images/request.png') no-repeat scroll 8px center;}
#content .festbox .photos { background:#f3f3f3 url('/system/template/images/gallery.png') no-repeat scroll 8px center;}
#content .festbox .reports { background:#f3f3f3 url('/system/template/images/report2.png') no-repeat scroll 8px center;}
	
	
#content .festbox:after {	content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#content .festbox {display: inline-block;clear: both;}
* html .festbox {height: 1%;}
* html .festbox {display: block;}
	
.form  .gb img {border-radius:5px;}
	
	
#carusel {
    background-color: #EBEBEB;
    border-radius: 5px 5px 5px 5px;
    padding: 10px;
}
#inCarusel {
    float: left;
    overflow: hidden;
    width: 92%;
}
#carusel .anyClass {
    float: left;
    overflow: hidden;
    width: 300px;
}
#carusel .anyClass ul {
}
#carusel .anyClass li {
    text-align: center;
}

#carusel .anyClass img {
    height: 80px;
	width:113px;
    margin: 0 3px;
    border:1px solid #ddd;
	margin-top:5px;
}

#carusel .anyClass img:hover {
    border:1px solid #fff;
	box-shadow: 0 0 5px #666;
	opacity:0.9;
}

#carusel .prev {
    display: block;
    float: left;
    margin-top: 40px;
    text-align: center;
    width: 4%;
}
#carusel .next {
    display: block;
    float: right;
    margin-top: 40px;
    text-align: center;
    width: 4%;
}
#carusel .prev img, #carusel .next img {
    border: 0 none;
    display: block;
    margin: 0 auto;
}

#content.faq h3 {cursor:pointer; border-bottom:2px dotted #ccc; padding:3px;}
#content p.splitter {display:block; height:5px; border-bottom:1px dotted #eee; margin-bottom:20px;}

a.doc-file {padding:2px 5px 2px 25px; background: transparent  url('/system/template/images/doc.png') no-repeat 2px center;}

a.figure {float:right; display:block; margin:10px 0 10px 8px; padding:3px 3px 3px 6px; text-align:center; text-decoration:none; border:1px solid #ccc; background-color:#f0f0f0;}
a.figure span {display:block; text-align:center;}