/**************************************\

Project:	MEPA.CZ
Author:	  MEPA.CZ [http://mepa.cz]

\**************************************/
body#pisqworky-cz { color: #3b3b3b; font-size: 13px; line-height: 19px; background: url("../images/header.jpg") repeat-x 0 -158px; font-family: Verdana, 'Geneva CE', lucida, sans-serif; }
.container { width: 960px; position: relative; padding: 233px 0 0 0; }
.span-24 { width: 960px!important; }
/**************************************/
/*              GLOBALS               */
/**************************************/
a:hover, a:active, a:focus {
  text-decoration: none;
}
#mapacr {
	background: #0076c0 url("../images/poz.gif") no-repeat top;
  padding : 0 !important;
  width : 200px; height: 160px;
}
#mapacr img { 
  border: 0 none !important; 
  padding: 0 !important; 
  margin: 0 !important;
}
.mapacr-kraj {
  font-size: 18px; font-weight: bold;
  color: #e31937;
  line-height: 18px;
}
.mapacr-kraj small {
  font-size: 11px;
  color: #0076c0;
}
.mapacr-kraj small a {
  color: #0076c0;
}

#region_select_form .submit {
	background: url("../images/submit.jpg") repeat-x;
	border: 1px solid #005d9c;
	font-size: 16px; color: #fff;
  	cursor: pointer; _cursor: hand;
  	width: 100px; line-height: 30px;
}

.nolist li {
  list-style: none;
}
.noborder {
  border: 0!important;
}
.blue {
  color: #0076c0!important;
}
.float-left {
  float: left;
  margin: 0 10px 10px 0;
}
.float-right {
  float: right;
  margin: 0 10px 10px 0;
}
/**************************************/
/*              HEADER                */
/**************************************/
h1 {
  font-size: 45px;
  letter-spacing: 2px;
  color: #e31937;
  padding: 0 27px; margin: 0;
}
h1.logo { 
   width: 387px; height: 93px;
   position: absolute; top: 118px; left: 23px;
   padding: 0;
}
h1.logo a { 
   height: 93px;
   display: block;
}
.mainmenu {
   height: 79px; margin: 0;
   position: absolute; top: 0; left: 0;
}
.mainmenu li {
   height: 79px;
   float: left;
   list-style: none;
}
.mainmenu li a {
   display: block;
   height: 49px;
   padding: 15px 20px;
   color: #fff;
   text-decoration: none;
   background: url("../images/header_divider.jpg") no-repeat left;
   float: left;
}
.mainmenu li a:hover, .mainmenu li a:active, .mainmenu li a:focus {
   background: url("../images/header.jpg") repeat-x 0 -79px;
}
.mainmenu li a.active, .mainmenu li a.active:hover, .mainmenu li a.active:active, .mainmenu li a.active:focus {
   background: url("../images/header.jpg") repeat-x 0 0;
   color: #0076c0;
}
.mainmenu li a strong {
   display: block;
   font-size: 20px;
   letter-spacing: 2px;
   text-transform: lowercase;
}
.mainmenu li a small {
   display: block;
   font-size: 12px;
}
.mainmenu li.last {
   background: url("../images/header_divider.jpg") no-repeat right;
}
.counter {
   width: 420px; height: 46px;
   background: url("../images/cross.jpg") no-repeat left center;
   position: absolute; top: 130px; left: 470px;
   padding: 0 0 0 60px;
}
.counter h2 {
   font-size: 26px;
   color: #e31937;
   margin: 0;
   letter-spacing: 2px;
}
.counter p {
   font-size: 14px;
   color: #797979;
   margin: 0;
}
.counter p strong {
   font-size: 17px;
}
/*  BLUE&RED BOXES  */
.box {
   height: 134px;
   margin: 0 0 35px 0; padding: 0px;
   position: relative;
}
.register {
   background: url("../images/box_red.jpg") no-repeat;
   margin-right: 20px!important;
}
.regbox {
  width: 150px; height: 134px;
  position: absolute; top: 0; left: 380px; _left: 10px;
  background: url("../images/box_red_right.jpg") no-repeat;
}
.regbox a {
   display: block;
   height: 47px;
   padding: 87px 0 0 20px;
   color: #fff; font-weight: bold;
   font-size: 11px;
}
.play {
   background: url("../images/box_blue.jpg") no-repeat;
}
.playbox {
  width: 70px; height: 134px;
  position: absolute; top: 0; left: 300px; _left: 10px;
  background: url("../images/box_blue_right.jpg") no-repeat;
}
.playbox a {
   display: block;
   height: 47px;
   padding: 87px 0 0 20px;
   color: #fff; font-weight: bold;
   font-size: 11px;
}
.box h2 {
   color: #fff;
   letter-spacing: 2px;
   font-size: 20px;
   margin: 18px 0 10px 20px; _margin-left: 10px;
   float: left;
}
.box p {
   width: 340px;
   color: #fff;
   float: left;
   font-size: 11px;
   margin: 0 0 0 20px; _margin-left: 10px;
   clear: left;
}
.box a {
   color: #fff;
}
.box a:hover {
   color: #fff;
}
/*  PARTNERS  */
.partners {
   width: 960px;
   height: 65px;   /*65px bez kraju*/
   border: 1px solid #c3c3c3;
   float: left;
   margin: 0 0 45px 0;
}
.partners h2 {
   letter-spacing: 2px;
   font-size: 16px; font-weight: bold;
   color: #c5c5c5;
   margin: 0 0 0 27px;
}
.partners p.link {
   margin: 0 0 0 27px;
}
.partners p.link a {
   font-size: 11px; font-weight: bold;
   color: #737373;
   text-decoration: underline;
}
.partners p.link a:hover, .partners p.link a:active, .partners p.link a:focus {
   color: #e31937;
   text-decoration: none;
}

.partners p.sponsors {
   float: right;
   margin: 0;
}

.partners li {
   display: inline;
   list-style-type: none;
   padding: 1px 5px;
}

.partners ul {
   padding: 0;
   margin: 3px;
}

.partners .span-7 {
   width: 200px;
}
/**************************************/
/*               CONTENT              */
/**************************************/
.content {
  margin: 0 20px 0 0!important;
}
.content a {
  color: #e31937;
}
.content h2 {
  width: 494px;
  border: 1px solid #c3c3c3; _border: 0;
  padding: 0 27px!important; margin: 0 0 25px 0;
  font-size: 16px; font-weight: bold;
  color: #e31937;
  letter-spacing: 2px;
}
.content h3 {
  font-size: 18px; font-weight: bold;
  color: #737373;
  margin: 0 0 10px 0;
}
.content h3 a {
  color: #737373;
}
.content h3 a:hover, .content h3 a:active, .content h3 a:focus {
  color: #e31937;
}
.content h4 {
  font-size: 15px; font-weight: bold;
  color: #737373;
  margin: 20px 0 10px 0;
}
.content h5 {
  font-size: 12px; font-weight: bold;
  color: #737373;
  margin: 20px 0 10px 0;
}
.content p {
  color: #3b3b3b;
  margin: 0 0 8px 0;
}
.content hr {
  background: url("../images/hr.jpg") no-repeat;
}
.content .breadcrumbs {
  padding: 0 27px; margin: 0 0 30px 0;
  font-size: 11px;
  color: #656565;
}
.content .breadcrumbs a {
  font-weight: bold;
}
.content .article {
  padding: 0 27px;
  margin: 0 0 30px 0;
}
.content .article h3 {
  font-size: 25px;
  color: #e31937;
  margin: 0 0 20px 0;
}
.content .article .published {
  font-size: 11px; font-weight: normal;
  color: #868686;
}
.content .comments {
  padding: 0 27px;
  margin: 0 0 30px 0;
  font-size: 11px; line-height: 15px;
}
.content .comments h3 {
  margin: 0 0 10px 0;
  font-size: 11px; line-height: 15px;
  font-weight: normal;
}
.content .comments h3 a {
  color: #e31937;
}
.content .comments h3 strong {
  color: #000;
}

.content .comment-form {
  padding: 0 27px 60px 27px;
}
.content .comment-form p {
  float: left;
  line-height: 34px;
  margin: 0 0 20px 0;
}

.content .comment-form li {
	float: left;
	margin: -20px 0 0 0;
}
	
.content .comment-form label {
  float: left;
  font-size: 18px;
  color: #868686;
  display: block;
  padding: 0 0 0 20px;
}
.content .comment-form input {
  width: 200px; height: 34px;
  font-size: 22px;
  font-weight: bold;
  background: #f2f8fc;
  border: 1px solid #c3c3c3;
  float: left; margin: 0;
}

.content .comment-form input.formerror, .content .comment-form textarea.formerror {
	border: 1px solid #ff0000;
}

.content .comment-form textarea {
  width: 500px; height: 150px;
  background: #f2f8fc;
  border: 1px solid #c3c3c3;
  float: left; margin: 0;
}
.content .comment-form .submit {
  width: 120px; line-height: 30px;
  background: url("../images/submit.jpg") repeat-x;
  border: 1px solid #005d9c;
  float: left; margin: 0;
  font-size: 16px; color: #fff;
  cursor: pointer; _cursor: hand;
}

.content .gallery {
	vertical-align:middle;
	text-align:center;
}

.content .gallery .image {
  width: 150px; height: 113px;
  float: left;
  margin: 0 11px 11px 0;
}

.content .gallery img {
	border: 2px solid #0076c0;
}
.content .gallery img:hover {
  border: 2px solid #e31937;
}
.content .partner {
  border: 1px solid #c3c3c3; _border: 0;
  padding: 0 27px!important; margin: 0 0 40px 0;
}
.content .partner h3 {
  font-size: 18px;
  color: #e31937;
  margin: 20px 0 15px 0;
}
.content .partner img {
  display: block;
  margin: 0 auto;
}
.content .new {
  padding: 0 27px 25px 27px;
}
.content .menu {
  color: #656565;
  font-size: 11px;
}
.content .menu .arrow {
  font-weight: bold;
  background: url("../images/arrow.jpg") no-repeat 0 2px;
  padding: 0 0 0 15px;
  color: #b9021c;
}
.content .older {
  padding-bottom: 15px;
}
.content .older h3 {
  margin: 0 0 5px 0;
}
.content .older h3 a {
  font-size: 13px;
  color: #474747;
}
.content .older h3 a:hover, .content .older h3 a:active, .content .older h3 a:focus {
  color: #e31937;
}
.content .paging {
  padding: 0 27px 25px 27px;
  font-weight: bold;
  font-size: 11px;
}
.content .paging a {
  color: #b9021c;
}
.content .paging2 {
  width: 550px;
  font-weight: bold;
  font-size: 11px;
  border: 1px solid #c3c3c3;
  color: #737373;
  margin: 15px 0 70px 0;
}
.content .paging2 .prev, .content .paging2 .next{
  width: 100px; height: 17px;
  float: left;
}
.content .paging2 a.prev { padding: 0 0 0 25px; margin: 0 0 0 10px; background: url("../images/arrows.jpg") no-repeat 0 0; }
.content .paging2 a.next { padding: 0 25px 0 0; margin: 0 10px 0 0; background: url("../images/arrows.jpg") no-repeat right -17px; }
.content .paging2 span.prev { padding: 0 0 0 25px; margin: 0 0 0 10px; background: url("../images/arrows.jpg") no-repeat 0 -34px; }
.content .paging2 span.next { padding: 0 25px 0 0; margin: 0 10px 0 0; background: url("../images/arrows.jpg") no-repeat right -51px; }
.content .paging2 .pages {
  width: 280px; line-height: 17px;
  float: left;
  text-align: center;
}
.content .paging2 .pages strong {
  font-size: 14px;
  color: #0076c0;
}
/**************************************/
/*               SIDEBAR              */
/**************************************/
.sidebar a {
  color: #0f4a68;
}
.sidebar h2 {
  width: 336px;
  border: 1px solid #c3c3c3; _border: 0;
  padding: 0 27px!important; margin: 0 0 25px 0;
  font-size: 16px; font-weight: bold;
  letter-spacing: 2px;
  color: #0076c0;
}
.sidebar .submenu {
  width: 390px;
  border: 1px solid #c3c3c3;
  background: #f2f5f6;
  margin: 0 0 50px 0;
}
.sidebar .submenu ul {
  padding: 0;
}
.sidebar .submenu li {
  width: 340px;
  border-bottom: 1px solid #c3c3c3;
  padding: 8px 0;
  font-size: 18px;
  list-style: none;
}
.sidebar .submenu li a {
  color: #0076c0;
  text-decoration: none;
}
.sidebar .submenu li a.active, .sidebar .submenu li a:hover, .sidebar .submenu li a:active, .sidebar .submenu li a:focus {
  color: #e31937;
}
.sidebar .event {
  height: 34px;
  width: 500px;
  padding: 0 27px 0 10px; margin: 0 0 10px 0;
  clear: left;
}
.sidebar .event h3 {
  width: 270px;
  color: #0f4a68;
  font-size: 11px;
  line-height: 16px;
  font-weight: bold;
  /* float: left; */
}
.sidebar .event .date {
  width: 38px; height: 34px;
  float: left;
  background: url("../images/date.jpg") no-repeat;
  text-align: center;
  font-size: 11px; font-weight: bold;
  color: #b2d5e3;
  margin: 0 10px 0 0;
}
.sidebar .event .date strong {
  display: block;
  font-size: 15px;
  color: #fff;
  line-height: 15px;
  padding: 2px 0 0 0;
}
.sidebar .paging {
  padding: 0 27px 25px 27px;
  font-weight: bold;
  font-size: 11px;
  color: #0076c0;
}
.sidebar .paging a {
  color: #0076c0;
}
.sidebar .twitterbox {
  width: 390px;
  border: 1px solid #c3c3c3;
  background: #f3feff;
  margin: 0 0 20px 0;
  font-size: 10px;
  line-height: 13px;
  color: #000;
  position: relative;
}
.sidebar .twitterbox p {
  padding: 0 27px!important;
  margin: 0;
}
.sidebar .twitterbox .bottom {
  width: 24px; height: 29px;
  background: url("../images/twitterbox.jpg") no-repeat;
  position: absolute; bottom: -28px; right: -1px;
  z-index: 999;
}
.sidebar .twitter {
  width: 135px; height: 34px;
  background: url("../images/twitter.jpg") no-repeat;
  display: block;
  float: left;
}
.sidebar .facebook {
  width: 120px; height: 34px;
  background: url("../images/facebook.jpg") no-repeat;
  display: block;
  float: left;
  margin: 0 15px 15px 27px; ^margin-bottom: 30px;
}
.sidebar .gallery ul {
  margin: 10px 27px; _margin-left: 14px;
  float: left;
}
.sidebar .gallery li {
  list-style: none;
}
.sidebar .gallery li a {
  list-style: none;
  font-size: 11px;
  color: #474747;
}
.sidebar .gallery .prev, .sidebar .gallery .next, .sidebar #carousel_eventy .next, .sidebar #carousel_eventy .prev {
  width: 12px; height: 72px;
  background: url("../images/arrow_l.jpg") no-repeat center;
  display: block;
  float: left;
  margin: 0 17px 0 0;
}
.sidebar .gallery .next , .sidebar #carousel_eventy .next {
  background: url("../images/arrow_r.jpg") no-repeat center;
  margin: 0;
}

.sidebar #carousel_foto {
	float: left; 
	width: 340px;
}
	
.sidebar #carousel_eventy ul {
	float: left; 
	width: 340px; 
	list-style-type: none;
}

.sidebar .gallery .image_container {
	width:  113px; 
	height:  72px; 
	float:   left;
	text-align: center;
}

.sidebar .gallery .images ul {
  float: left;
  width: 340px;
}
.sidebar .gallery .images img {
  margin: 0 17px 0 0;
}
/**************************************/
/*               FOOTER               */
/**************************************/
.footer {
  height: 56px;
  background: #e31937;
  margin: 0 0 50px 0;
}
.footer-in {
  width: 960px;
  line-height: 56px;
  margin: 0 auto;
  color: #fff;
}
.footer-in a {
  color: #fff;
}
.footer-in .menu li {
  list-style: none;
  float: left;
  background: url("../images/dot.jpg") no-repeat left center;
  padding: 0 0 0 15px; margin: 0 10px;
}
.footer-in .menu li a {
  color: #fff;
}
.footer-in .copyright {
  float: right;
  background: url("../images/scg_small.jpg") no-repeat right center;
  padding: 0 65px 0 0;
}

.media_view
{
    text-align: center;
    position: relative;
}

.media_view a img
{
    max-width: 550px;
    .width: 550px;                  /* ie6&7 hack */
    border: 2px solid #0076c0;
}

.content .back
{
    clear: both;
    text-align: center;
    margin: 1em 0;
}

#gallery_left
{
	background: url(../images/left.gif) bottom left no-repeat;
	width: 39px;
	height: 50px;
	float: left;
}

#gallery_right
{
	background: url(../images/right.gif) bottom left no-repeat;
	width: 39px;
	height: 50px;
	float: right;
}

#gallery_left:hover, #gallery_right:hover
{
	cursor: pointer;
	background-position: top left;
}

.tym_register .submit {
	background: url("../images/submit.jpg") repeat-x;
	border: 1px solid #005d9c;
	font-size: 16px; color: #fff;
  	cursor: pointer; _cursor: hand;
  	line-height: 30px;
}


/**************************************/
/*               Submenu              */
/**************************************/

.submenu {
  width: 550px;
  border: 1px solid #c3c3c3;
  background: #f2f5f6;
  margin: 0 0 50px 0;
}
.submenu ul {
  padding: 0;
}
.submenu li {
  width: 500px;
  border-bottom: 1px solid #c3c3c3;
  padding: 8px 0;
  font-size: 18px;
  list-style: none;
}
.submenu li a {
  color: #0076c0;
  text-decoration: none;
}
.submenu li a.active, .sidebar .submenu li a:hover, .sidebar .submenu li a:active, .sidebar .submenu li a:focus {
  color: #e31937;
}


.contact_title
{
    cursor: pointer;
    cursor: hand; 
}

.contact_hidden
{
    display: none
}