/*  global  */
body{background-color: #EAF5E7; color: #444; font-family: 'Open Sans', sans-serif, arial; font-weight: normal; font-size: 13px; line-height: 1.2; padding: 0; margin: 0;}
img{border: 0;}
iframe{margin: 0 0 0 18px;}

/* lista top */
#lista_top{padding: 0; z-index: 9999; background-color: #FFFFFF; position: fixed; width: 100%; font-size: 12px; border-bottom: 1px solid #CCCCCC; box-shadow: 1px 1px 6px rgba(100,100,100,0.5); top: 0;}
#lista_top a{padding: 6px 10px; text-decoration: none; display: inline-block; line-height: 1; color: #000000; font-family: 'Verdana', 'Tahoma', 'Arial CE';}
#lista_top a.right{float: right;}
#lista_top a.active{background-color: #929292; color: #FFFFFF;}
#lista_top a:hover{text-decoration: underline; background-color: #EEEEEE;}
#lista_top a.active:hover{text-decoration: none; background-color: #929292; color: #FFFFFF;}

/* top */
#top{width: 100%; background: #52ae33; border-bottom: 2px solid #2B7711; min-width: 980px; position: fixed; z-index: 9; top: 25px;}
#top .body{width: 980px; margin: 0 auto; text-align: left; color: #FFFFFF; line-height: 1; font-size: 16px; padding: 0;}
#top .date{display: inline-block; padding: 10px 0 8px 16px;}
#top .date a{color: #FFFFFF; text-decoration: none;}
#top .days{display: inline-block; margin: 0 0 0 8px;}
#top .button{display: inline-block; font-weight: normal; margin: 0 0 0 10px; padding: 10px 14px 8px 14px; background-color: #367E1E;}
#top .button:hover{background-color: #2B7711;}
#top .button a{color: #FFFFFF; text-decoration: underline;}
#top .start{display: inline-block; font-weight: normal; margin: 0 0 0 0px; padding: 10px 14px 8px 14px; background-color: #399918;}
#top .start:hover{background-color: #2B7711;}
#top .start a{color: #FFFFFF; text-decoration: underline;}
#top .login{float: right;}
#top .login img{margin: 5px 16px 0 0;}

/* header */
#header{width: 100%; background: #ffffff; min-width: 980px; box-shadow: 4px 4px 10px 0px #222D2D; margin-top: 25px;}
#header .body{width: 980px; margin: 0 auto; text-align: left; padding: 38px 0 0 0;}
#header .panaca{float: left; margin: 28px 10px 12px 16px; display: inline-block;}
#header .title{margin: 26px 20px 0 16px; display: inline-block; font-size: 20px; line-height: 1.4;}
#header .title a{text-decoration: none; color:#000000;}
#header .title a:hover{text-decoration: underline;}
#header .title h1{font-size: 54px; font-weight: normal; padding: 0; margin: 0 0 6px 0; line-height: 1;}
#header .title b{font-weight: normal; color: #399918;}

/* menu */
#header .menu{padding: 26px 0 14px 0; display: block;}
#header .menu ul{padding: 0 0 0 16px; display: block; list-style-position: outside; list-style-type: none; margin: 0;}
#header .menu li{padding: 4px 10px 4px 0; margin: 0 10px 0 0; display: inline-block; font-size: 18px; border-right: 1px solid #EEEEEE; text-transform: uppercase;}
#header .menu li.last{border-right: none;}
#header .menu li.active{color: #399918;}
#header .menu a{text-decoration: none; color: #000000;}
#header .menu a:hover{color: #399918;}

/* content */
#content{width: 100%; min-width: 980px;}
#content .body{width: 980px; margin: 16px auto 0 auto; text-align: left; padding: 0 0 20px 0;}
#content a{color: #399918}
#content h1{font-size: 38px; margin: 20px 0 14px 0; color: #FFFFFF; font-weight: 400; padding: 0 0 0 16px; text-shadow: 1px 1px 1px #000000;}
#content h2{font-size: 24px; margin: 20px 0 6px 0; color: #FFFFFF; font-weight: 300; padding: 0 0 0 16px; text-shadow: 1px 1px 1px #000000;}
#content h3{font-size: 14px; margin: 16px 0 0px 0; color: #4A4A4A; font-weight: bold; padding: 0 0 0 16px;}
#content p{line-height: 1.6; margin: 10px 0; padding: 0 16px 0 16px; color: #FFFFFF; text-shadow: 1px 1px 1px #000000;}
#content ul{margin: 12px 0 20px 0; padding: 0; display: block; list-style-position: inside; list-style-type: disc; padding: 0 0 0 16px;}
#content li{margin: 6px 0;}
#content img.big{margin: 10px 0 10px 16px;}
#content img.small{margin: 4px 0 4px 16px;}
#content img.right{float: right; margin: 0 30px 0 17px;}
#content img.border{border:1px dotted #CCCCCC;}

#white{background-color: #FFFFFF; margin: 0 16px 0 16px; padding: 1px 10px 20px 10px; box-shadow: 4px 4px 10px 0px #222D2D;}
#white h1{font-size: 38px; margin: 20px 0 14px 0; color: #399918; font-weight: 400; padding: 0 0 0 16px; text-shadow: 1px 1px 1px #030606; text-shadow: none;}
#white h2{font-size: 24px; margin: 20px 0 6px 0; color: #399918; font-weight: 300; padding: 0 0 0 16px; text-shadow: none;}
#white h3{font-size: 14px; margin: 16px 0 0px 0; color: #4A4A4A; font-weight: bold; padding: 0 0 0 16px;}
#white p{line-height: 1.6; margin: 10px 0; padding: 0 16px 0 16px; color: #000000; text-shadow: none;}

/* result table */
#content table.results{padding: 0 16px 0 16px; margin: 0 0 50px 0;}
#content table.results th{padding: 20px 4px 12px 0; border-bottom: 1px solid #CCCCCC; text-align: left;}
#content table.results td{padding: 12px 4px 0 0;}
#content table.results td.kat{padding: 0;}
#content table.results td.inactive{color:#CCCCCC;}
#content table.results h2.first{margin-top: 14px; padding: 0;}
#content table.results h2.next{margin-top: 36px; padding: 0;}

/*  table */
#content table.info{padding: 0 16px 0 16px; margin: 0 0 50px 0;}
#content table.info th{padding: 12px 14px 12px 14px; border-bottom: 1px solid #CCCCCC; text-align: left; background-color: #EEEEEE;}
#content table.info tr:hover{background-color: #EEEEEE;}
#content table.info td{padding: 6px 4px 6px 14px;}

/* home - main */
#content div.home_main{width: 946px; height: 280px; background-color: #FFFFFF; margin: 34px 0 14px 16px; box-shadow: 4px 4px 10px 0px #222D2D;}
#content div.home_main .text{width: 270px; float: right; padding: 10px; line-height: 1.6;}
#content div.home_main .text h2{margin: 10px 0 10px 0; padding: 0;}
#content div.home_main .text h2 a{text-decoration: none; color: #399918; font-weight: 300; font-size: 24px; text-shadow: none;}

/* home - news */
#content div.home_news{width: 302px; height: 280px; background-color: #FFFFFF; margin: 20px 4px 10px 16px; display: inline-block; padding: 0; line-height: 1.6; vertical-align: top; box-shadow: 4px 4px 10px 0px #222D2D;}
#content div.home_news .text{padding: 10px 20px; line-height: 1.6;}
#content div.home_news .text h2{margin: 10px 0 20px 0; padding: 0; text-shadow: none; color: #399918;}
#content div.home_news .text h2 a{text-decoration: none; color: #399918; font-weight: 300; font-size: 24px;}
#content div.home_news .text img{margin: 0 0 0 10px;}

/* home - big */
#content div.home_nbig{width: 946px; height: 200px; background-color: #FFFFFF; margin: 20px 4px 10px 16px; display: inline-block; padding: 0; line-height: 1.6; vertical-align: top; box-shadow: 4px 4px 10px 0px #222D2D;}
#content div.home_nbig .text{padding: 10px 20px; line-height: 1.6;}
#content div.home_nbig .text h2{margin: 10px 0 20px 0; padding: 0; text-shadow: none;}
#content div.home_nbig .text h2 a{text-decoration: none; color: #399918; font-weight: 300; font-size: 24px;}

/* photos */
#content div.photos{margin: 20px 0 20px 16px;}
#content div.photos .gallery{width: 300px; height: 133px; padding: 0; margin: 0 20px 20px 0; background-color: #FFFFFF; vertical-align: top; display: inline-block;}
#content div.photos .gallery .text{width: 100px; float: right; padding: 10px;}
#content div.photos .gallery .text a{text-decoration: none; color: #000000;}
#content div.photos .gallery .text a:hover{text-decoration: underline;}
#content div.photos .gallery .preview{width: 178px; height: 134px; float: left; background-repeat: no-repeat;}
#content div.photos h2{margin: 10px 0 20px 0; padding: 0; text-shadow: 1px 1px 1px #030606; color: #FFFFFF;}
#content div.photos .photo{width: 200px; height: 220px; line-height: 220px; display: inline-block; padding: 10px; text-align: center; background-color: #FFFFFF; margin: 0 20px 20px 0; vertical-align: middle; box-shadow: 4px 4px 10px 0px #5C6969;}
#content div.photos .photo img{vertical-align: middle; display: inline-block; border: 1px dotted #CCCCCC;}

/* form - login */
form.login{border-top: 1px #CCCCCC dotted; font-size:13px; padding:12px 0px 0px 0px; margin:12px 15px 18px 15px;}
form.login table td{font-size:13px; margin:0px; padding: 8px 8px 10px 0; vertical-align:top;}
form.login table td label{margin-top:4px; margin-top:2px; display:block;}
form.login table td.last{padding:8px 8px 32px 0;}
form.login table td.bottom{background-color:#DDDDDD; padding:10px 8px 10px 8px;} 
form.login table td.warning{background-color:#FFFFFF; padding:12px 8px 12px 8px; color: #FF0000;}
form.login table td.error{background-color:#FFFFFF; padding:8px 8px 8px 8px; color: #FF0000;}
form.login table td.radio{padding:8px 8px 12px 8px; border-top: 1px #CCCCCC dotted;}
form.login table td.label_text{vertical-align: top; padding-top:7px;}
form.login table td.separator{padding: 10px 8px 4px 12px; border-top: 1px #CCCCCC dotted;}

/* form */
#content form.reg{line-height: 1.6; margin: 10px 0; padding: 0 16px 0 16px;}
#content form.reg td{padding: 6px 10px 2px 0; font-size: 12px;}
#content form.reg td.title{font-weight: bold; padding-bottom: 8px;}

/* thanks */
#thanks{width: 100%; background: #52ae33; border-top: 1px solid #2B7711; min-width: 980px;}
#thanks .body{width: 980px; margin: 0 auto; text-align: left; color: #FFFFFF; line-height: 1; font-size: 16px; font-weight: bold; padding: 10px 0 11px 32px;}

/* advert */
#advert{width: 100%; background: #ffffff; box-shadow: 0px 3px 6px 0px #D7E2E2; padding: 4px 0 2px 0; border-bottom: 1px solid #2B7711; min-width: 980px;}
#advert .body{width: 980px; margin: 0 auto; padding: 12px 0 12px 0; text-align: left;}
#advert .adv{margin: 14px 8px 12px 16px;}
#advert .title{color: #666666; padding: 0 0 0 16px;}

/* bottom */
#bottom{width: 100%; min-width: 980px; background-color: #FFFFFF;}
#bottom .body{width: 980px; margin: 0 auto 0 auto; padding: 0; text-align: left; padding: 20px 0 20px 0;}
#bottom .left{display: inline-block; margin: 0 0 0 16px;}
#bottom .right{display: inline-block; float: right; margin: 0 16px 0 0;}

/* mapa */
#mapa{width: 894px; height: 650px; margin: 16px; padding: 0; border: 1px solid #CCCCCC;}

/* buttons */
span.button_reg{margin: 16px 0 10px 16px; padding: 14px 40px; border: 1px solid #0D4BA0; display: inline-block; font-weight: bold; font-size: 17px; background-color: rgb(82, 174, 51); color: #FFFFFF;}
span.button_reg:hover{background-color: rgb(59, 126, 36);}

/* cookie */
.cookie{background-color: #6F6F6F; margin: 20px 0; border-bottom: 1px dotted #CCCCCC; position: fixed; width: 100%; padding: 16px 0 16px 0; opacity: 0.95; top: 0; z-index: 99; border-top: 1px dotted #CCCCCC; text-align: center;}
.cookie input{border: 1px solid #fff; margin: 4px 0 2px; cursor: pointer; width: auto; padding: 4px 20px 5px; line-height: 21px; font-size: 13px; color: #fff; background: grey; transition: 150ms ease-in; }
.cookie input:hover{background: #676767;}
.cookie p{padding: 0; margin: 0 0 12px 0; font-size: 13px; color: #FFFFFF; line-height: 1.6;}

/*************************/
/* for tablet and phones */
/*************************/

@media (max-width:720px) {
  #top{min-width: 0;}
  #top .body{width: 100%;}
  #top .button{display: none;}
  #top .start{display: none;}
  #header{min-width: 0;}
  #header .body{width: 100%;}
  #header .panaca{display: none;}
  #header .menu{padding-top: 22px;}
  #header .menu li{border: none;}
  #content{min-width: 0;}
  #content .body{width: 100%;}
  #content img.big{display: none;}
  #content div.home_main{width: 100%; height: auto; margin: 20px 0 10px 0; box-shadow: 0px 3px 6px 0px #D7E2E2;}
  #content div.home_main img{display: none;}
  #content div.home_main .text{width: auto; float: none; padding: 10px 20px 26px 20px; line-height: 1.6;}
  #content div.home_news{width: 100%; margin: 10px 0; height: auto; box-shadow: 0px 3px 6px 0px #D7E2E2;}
  #content div.home_news .text{padding: 10px 20px 26px 20px;}
  
  #content div.home_nbig{width: 100%; margin: 10px 0; height: auto; box-shadow: 0px 3px 6px 0px #D7E2E2;}
  #content div.home_nbig .text{padding: 10px 20px 26px 20px;}
  
  #thanks{display:none;}
  #advert{min-width: 0;}
  #advert .body{width: 100%;}
  #bottom{min-width: 0;}
  #bottom .body{width: 100%;}
  #bottom .right{display: none;}
}

@media (max-width:560px) {
  #top .days{display: none;}
  #header .menu{padding: 28px 0 16px 0;}
  #header .menu ul{padding: 0; border-bottom: 1px solid #CCCCCC;}
  #header .menu li{padding: 10px 0 10px 16px; display: block; margin: 0; font-size: 20px; border-right: none; background-color: #F0F0F0; border-top: 1px solid #CCCCCC;}
  #header .menu li.active{background-color: #DDDDDD;}
  #white{background-color: #FFFFFF; margin: 0; padding: 1px 0px 20px 0px;} 
}

@media print {
  #top{display:none;}
  #header{display:none;}
  #thanks{display:none;}
  #advert{display:none;}
  #bottom{display:none;}
  #white h1 {margin: 0; padding: 0;}
  #content table.results{padding: 0; margin: 0;}
  #content table.results th{padding: 10px 4px 6px 0; font-size: 10px;}
  #content table.results td{padding: 6px 4px 0 0; font-size: 10px;}
  #content table.results h1{font-size: 22px; margin: 0; padding: 0;}
  #content table.results h2{font-size: 16px;}
  #content table.results h2.first{margin-top: 7px;}
  #content table.results h2.next{margin-top: 18px;}
  .noprint{display:none;}
}