/*
 
  ============ MAIN CSS FILE ============
  
  AUTHOR: STANDARDNI - CERVENY
  ---------------------------------------

  CREATED:
  ---------------------------------------
  27. 4. 2011

  =======================================
  
*/


/******************* css reset **********************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; vertical-align:baseline; background:transparent;}

body        {line-height:1;}

ul          {list-style:none;}

blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}

form *      {vertical-align:middle;} 
input       {background:transparent; border:1px solid #999; padding:0; margin:0;}
input[type="submit"], input[type="button"] {cursor:pointer;}
textarea    {overflow:auto;}

:focus      {outline:none;}

table       {border-collapse:collapse; border-spacing:0;}

a img       {border:none;}

.clear      {clear:both; height:0px; overflow:hidden; border:0;}
.left       {float:left;}
.right      {float:right;}
.hidden     {position:absolute; top:-10000px; left:0; width:1px; height:1px; overflow:hidden;}


/******************* general elements **********************/
html        {font-family:Arial, Helvetica, sans-serif; font-size:62.5%;}

body        {color:#000; background:#ffffff; line-height:1.2;}

.wrapper    {width:1080px; margin:0 auto; padding:0 15px; background:url('./images/bg.png') repeat-y 50% 0;}

.page       {width:866px; float:left;}

a           {color:#9e2916; text-decoration:none;}
a:hover     {color:#333; text-decoration:underline;}
a:focus     {outline:1px dotted #333;}


/******************* header **********************/
.header     {position:relative;}

.logo a     {margin:22px 12px;}
.logo a, .logo img {display:block; width:302px; height:44px; overflow:hidden; position:relative;}
.logo a img {position:absolute;}

.headerWrapper {height:300px; border-top:1px solid #d2d1d2; border-left:1px solid #d2d1d2; background:#fff url('./images/header.png') repeat-x 0 0; position:relative;}
.headerShadow {width:864px; height:25px; background:url('./images/header-shadow.png') no-repeat 0 0; _background:none;}
.headerRightCorners {position:absolute; top:-1px; right:-1px; width:15px; height:302px; z-index:99; background: url('./images/header-right.png') no-repeat 0 0;}

.headerLeft {width:659px; float:left;}

.slider .view-content {width:659px; height:217px; overflow:hidden; margin:0 !important; position:relative;}
.slider .views-field-field-banner-image {position:absolute; top:0; left:0;}
.slider .views-field-body {position:absolute; left:0; bottom:0; width:635px; color:#fff; background:url('./images/transparent.png') repeat 0 0; font-size:1.4em; line-height:1.2; padding:7px 12px 12px;}
.slider .views-field-body a {color:#fff; text-decoration:underline;}
.slider .views-row {width:659px; height:217px; overflow:hidden;}
.view-slider-v-hlavicce {position:relative;}

#hpSliderNav {position: absolute; top: 5px; right: 2px; z-index: 50; color: #fff;}
#hpSliderNav a {float: left; width: 9px; height: 0px; overflow:hidden; padding: 9px 0 0; background: url('./images/homepage-slider-nav.png') no-repeat -11px 0; margin: 0 3px 0 0;}
#hpSliderNav a.activeSlide {background-position:0 0;}

.mainCategories {margin-top:-7px; position:absolute; bottom:0; z-index:50; width:660px;}
.mainCategories li {float:left;}
.mainCategories li a, .mainCategories li a span  {float:left; width:220px; height:89px; overflow:hidden; position:relative; color:#ed2124; font-weight:bold; cursor:pointer;}
.mainCategories li a span {position:absolute;}
li#obcane a {width:221px; margin-left:-1px;}
#obcane a span {background:url('./images/kategorie-obcane.png') no-repeat 0 0; width:221px;}
#turiste a span {background:url('./images/kategorie-turiste.png') no-repeat 0 0;}
#samosprava a span {background:url('./images/kategorie-samosprava.png') no-repeat 0 0;}

.headerRight {width:178px; float:right; text-align:right; padding:0px 14px 0 0;}
.headerRight h2 {font-size:1.3em; padding:5px 0 0; color:#999999;}
.headerRight h2 a {color:#000; color:#aaa;}
.headerRight:hover h2, .headerRight:hover h2 a {color:#333;}
.headerRight img {height:149px; margin:-5px 0 0 -5px;}
.headerRight .more {font-weight:bold; font-style:italic; text-decoration:underline;}
.webcam {width:180px; height:144px; overflow:hidden;}
.webcam img {opacity:0.5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";	filter: alpha(opacity=50);}
.headerRight:hover .webcam img {opacity:1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";	filter: alpha(opacity=100);}
h2.webcamTitle {font-size:1.3em; margin:43px 0 5px; width:178px; text-align:center; font-weight:normal;}

.region-header-text {font-size:1.3em; line-height:1.7; color:#555;}

/******************* content **********************/

/******************* main **********************/
.main       {width:640px; float:left; margin:0 0 30px;}

.main h1 {color:#ed2124; font-size:2em; padding:8px 0 5px; margin-bottom:15px; border-bottom:1px solid #eee; clear:both;}
.main h2 {color:#ed2124; font-size:1.5em; padding:5px 0 8px; text-transform:uppercase; clear:both;}
.main h3 {color:#ed2124; font-size:1.4em; padding:5px 0 5px; clear:both;}
.main h4 {color:#ed2124; font-size:1.2em; padding:0 0 3px; clear:both;}
.main h5 {color:#ed2124; font-size:1.1em; clear:both;}

.main p  {line-height:1.7; padding-bottom:13px !important; font-size:1.2em;}
.main img {float:left; margin:3px 10px 5px 0; padding:1px; border:1px solid #ccc;}

.main ul {line-height:1.4; margin:10px 0 20px;}
.main ul li {padding:0 0 8px 25px; background:url('./images/bullet.png') no-repeat 5px 5px; font-size:1.2em;}
.main ol {line-height:1.4; padding:0 0 0 20px; margin:10px 0 20px;}
.main ol li {padding-bottom:8px;}

.main form        {margin-bottom:25px;}
.main fieldset    {margin-bottom:15px;}
.main legend      {font-weight:bold; padding:0 0 10px; font-size:1.3em; color:#ed2124;}
.main label       {float:left; width:100px; padding:3px 0; clear:both;}
.main input[type="text"], .main input[type="password"], .main select {width:200px; margin:0 0 5px; padding:2px 3px; color:#444; border:1px solid #ccc; vertical-align:top;}
.main select      {width:208px;} /* input width + padding + border */
.main textarea    {width:300px; height:70px; padding:3px; margin-bottom:5px; color:#444; border:1px solid #ccc; font-family:Arial, Helvetica, sans-serif; overflow:auto; font-size:1.2em;}
.main .required   {color:red;}
.main .choices label {float:none;}
.main .choices    {margin-left:100px; margin-bottom:5px; padding-top:3px;}
input[type="submit"], input[type="button"], .main .button {background:#9e2916; color:#fff; font-weight:bold; padding:3px 10px; font-size:1.2em; border:1px solid #777;}

.main table       {width:95%; margin:0 0 25px 0; font-size:1.2em;}
.main caption     {font-weight:bold; padding-bottom:10px; margin:0 0 0; text-align:left; color:#ed2124; font-size:1.4em;}
.main td, .main th {padding:7px 10px; border:1px solid #ddd; text-align:left;}
.main th          {padding:10px; background:#eee; color:#ed2124;}


.node .meta {color:#9e2916; font-size:1.3em; font-weight:bold;}
.node h2 {font-size:1.5em; padding:0; text-transform:none;}
.node {padding:0 0 10px 10px; margin:0 28px 2px 0; border-bottom:1px solid #d9d9d9; background:none; text-align: justify;}
.node:last-of-type {border:none;}
.node p {padding-bottom:0;}

.categories {width:670px; margin-top:20px;}
.category {float:left; width:224px; margin-bottom:10px;}
.category h3 a, .category h3 a img {display:block; height:105px; overflow:hidden; position:relative; font-size:1.6em; color:#ed2124;}
.category h3 a img {position:absolute; padding:0; border:none; margin:0; float:none;}
.category .views-row a {font-weight:bold;}
.category ul {margin:8px 0 10px;}
.category ul li {padding:0 0 4px 0; margin:0; line-height:1.1; background:none;}
.category .region {padding:0 15px 0 10px;}
.category.categLast .region {padding-right:20px;}
.category .region .views-row {margin:0 0 7px;}
.category .region .field-content {display:block; color:#333; margin:3px 0 0;}
.category .region .views-field-title {font-size:1.1em;}
.category .region .views-field-created {}
.categories h2 {display:none;}

.categFirst   {width:222px;}
.categMiddle  {width:220px;}
.categLast    {width:224px;}

#kultura a, #kultura a img {width:222px;}
#prodeti a, #prodeti a img {width:220px;}
#sport a, #sport a img {width:224px;}
#vzdelavani a, #vzdelavani a img {width:222px;}
#gastronomie a, #gastronomie a img {width:220px;}
#ostatni a, #ostatni a img {width:224px;}

.view .links, .node .links {display:block !important; margin:10px 0 0;}
.view .view-content, .view .view-empty {margin:20px 0 0; clear:both;}

.calendarLink {background: url('./images/icon-calendar.png') no-repeat 5px 50%; padding:12px 5px 12px 40px; float:right; font-size:1.4em; margin:-10px 10px 0 15px; border:1px solid #ddd;}

.calendarLink:hover {text-decoration:none; background-color:#F4F4F4;}
.calendar-calendar .item a, .calendar-calendar .item *, .calendar-calendar .single-day a, .calendar-calendar .single-day * {color:#000 !important;}
.calendar-calendar .single-day .dayview {border:1px solid #eee !important; padding-top:5px !important; padding-bottom:5px !important;}
.calendar-calendar .single-day .cutoff {display:none;}
.calendar-calendar .item .contents {line-height:1.9;}
.bt-content a {color:#222 !important; font-weight:bold;}
.bt-content li {padding-bottom:5px;}

.count1 .view-item {}
.count2 .view-item {width:50% !important; float:left; position:relative !important;}
.count3 .view-item {width:33.3% !important; float:left; position:relative !important;}
.count4 .view-item {width:25% !important; float:left; position:relative !important;}
.count5 .view-item {width:20% !important; float:left; position:relative !important;}
.count6 .view-item {width:16.7% !important; float:left; position:relative !important;}

#first-time {display:none;}

.date-nav-wrapper {text-align:right;}
.date-nav-wrapper ul.pager {right:0; top:20px;}
.date-nav-wrapper li {display:inline-block; padding:5px 5px !important; position:static !important;}

#block-calendar-calendar_legend {margin:15px 0 0;}

.calendar-calendar .month-view .full td.date-box.today {border-left-color:#EE3526; border-right-color:#EE3526; border-top-color:#EE3526;}
.calendar-calendar .month-view .full tr td.single-day.today {border-bottom-color:#EE3526;}
.calendar-calendar .month-view .full tr td.today, .calendar-calendar .month-view .full tr.odd td.today, .calendar-calendar .month-view .full tr.even td.today {border-left-color:#EE3526; border-right-color:#EE3526;}
.calendar-calendar .month-view .full tr td.multi-day.ends-today {border-right-color:#EE3526;}
.calendar-calendar .month-view .full tr td.multi-day.starts-today {border-left-color:#EE3526;}

/******************* rightCol **********************/
.rightCol    {width:170px; _width:150px; float:right; text-align:right; padding:0 25px 0 0;}
.rightCol h2 {padding:0 33px 0 0; margin:0 -25px 0 0; color:#ee3526; font-size:1.4em; background:url('./images/right-menu-title.png') no-repeat 100% 5px;}

.rightCol ul {margin:10px 0 20px !important; padding:0; text-align:right; }
.rightCol ul li {padding:0 0 5px !important; margin:0 !important; line-height:1.1; list-style-type:none !important; list-style-image:none !important;}
.rightCol a {color:#717171 !important; font-size:1.3em;}
.rightCol a:hover {color:#000 !important;}
#search-block-form {margin:0 0 10px;}
#edit-search-block-form--2 {width:100px;}
.view-samosprava {}
.view-samosprava .views-row {width:136px; height:200px; overflow:hidden; float:left; padding:0 12px 25px; text-align:center;}
.view-samosprava .views-row .node {margin:0; padding:0; text-align:center;}
.view-samosprava .views-row h2 {font-size:1.3em; width:150px; height:35px; &height:22px; line-height:1.2; overflow:hidden; &overflow:visible; padding-bottom:3px !important; margin-left:-7px !important; display:table-cell; vertical-align:bottom;}
.view-samosprava .views-row .field-name-field-funkce {font-size:1.2em;}
.view-samosprava .views-row-1, .view-samosprava .views-row-2, .view-samosprava .views-row-3 {padding:0 25px 30px;}
.view-samosprava .views-row-1 {padding-left:65px;}


.view-samosprava .views-row-4 {clear:both; zoom:1;}
.view-samosprava .views-row .node {border:none;}
.view-samosprava .views-row h2 {margin:0 0 5px;}
.view-samosprava .field-type-image img {height:148px !important; width:auto !important; float:none; margin:0;}

.node-type-osoba #block-system-main .field {line-height:1.7;}
.node-type-osoba #block-system-main .field-label {width:140px;}
.node-type-osoba #block-system-main .field-item {width:290px;}
.node-type-osoba #block-system-main .field:after {display:inline;}
.node-type-osoba #block-system-main .field-name-field-funkce {font-size:1.2em; padding-top:5px;}
.node-type-osoba #block-system-main .field-name-body {margin:15px 0 0;}
.node-type-osoba #block-system-main .field-type-image img {width:150px; height:auto;}
.node-type-osoba #block-system-main .links {clear:both;}

/*.node-type-osoba .region-content {position:relative;}
.node-type-osoba .region-content #block-block-3, .node-type-osoba .region-content #block-block-4 {position:absolute; top:90px; left:174px; width:460px;}*/

.view-zajimavosti-mesta .views-row {padding:15px 0; margin-bottom:10px; clear:both; zoom:1; border-bottom:1px solid #ddd;}
.view-zajimavosti-mesta .views-row .node {border:none;}
.view-zajimavosti-mesta .views-row h2 {margin:0 0 5px;}
.node-type-zajimavosti-mesta .field-type-image img {width:200px;}
.field-name-field-map {padding:20px 0 0; clear:both;}
.page-zajimavosti-mesta .field-name-field-map {padding:0;}
.geofieldMap img {border:none; padding:0; margin:0;}

/******************* partners **********************/
.partners     {width:214px; float:right; margin:105px 0 0; &margin-top:150px;}
.partners h2  {text-align:center; color:#717171; margin:0 0 45px 0;}
.partners img {display:block; margin:0 auto 30px;}


/******************* footer **********************/
.footer     {clear:both; border-top:8px solid #6d6d6d; padding-bottom:20px; zoom:1;}
.footerLeft {float:left; width:400px; padding:9px 0 0;}
.footerRight {float:right; width:600px; text-align:right; font-size:1.2em; padding:9px 0 0;}


/******************* other **********************/
ul.primary li, .tips li  {background:none !important; padding:0 !important;}
ul.secondary li {background:none; padding:0 1em;}


.akce-view { border-bottom: 1px solid #eee; margin-bottom: 15px; }

.view-feedy-na-homepage .views-row {margin:0 0 10px 0; border-top:1px solid #D9D9D9;}
.view-feedy-na-homepage .views-row:first-child {border:none;}
.view-feedy-na-homepage .views-field-timestamp, .view-feedy-na-homepage  .views-field-title {font-size:1.1em; color:#777; padding-right:5px;}
.view-feedy-na-homepage .views-field-timestamp a, .view-feedy-na-homepage  .views-field-title a {color:#777;}
.view-feedy-na-homepage  .views-field-title {padding-left:5px;}
.view-feedy-na-homepage .views-field-description {padding:2px 0; font-size:1.3em;}
.view-feedy-na-homepage h3 {padding-bottom:0;}
.view-feedy-na-homepage .view-footer {float:right; font-size:1.3em;}
.view-feedy-na-homepage p {padding-bottom:0 !important;}
#block-views-feedy_na_homepage-block h2, #block-system-main h2, #block-views-uvodni_news-block h2.title {padding:0;}
#block-views-feedy_na_homepage-block_1 {border-top:1px solid #D9D9D9;}
#block-views-feedy_na_homepage-block_1 h2.title, #block-views-feedy_na_homepage-block h2.title, .view-uvodni-news h2 {margin:20px 0 0; text-transform:none; font-size:2em;}
.view-uvodni-news h2 {margin-bottom:15px !important;}
.view-uvodni-news h2 a {color:#ED2124;}
#block-views-feedy_na_homepage-block_1 .view-content {margin-top:5px;}

#block-views-uvodni_news-block {border-bottom:1px solid #D9D9D9; padding-bottom:10px;}
#block-views-uvodni_news-block .node {padding:0;}
#block-views-uvodni_news-block .node h2 {margin:0 0 5px;}
#block-views-uvodni_news-block .file img {margin:-2px 2px 0 0; border:none; vertical-align:middle;}

.front #obsah h1.title {display:none;}


.view-zajimavosti-mesta-kategorie .views-row {border-bottom:1px solid #D9D9D9; padding:15px 0 0 0;}
.page-taxonomy #block-system-main .node {margin-bottom:20px;}
.field-label-inline .field-label, .field-label-inline .field-items {font-size:1.2em;}
#aggregator .feed-item {font-size:1.2em;}
#aggregator .feed-item p {font-size:1em;}
.calendar.legend {font-size:1.2em;}
.breadcrumb, .view-header {font-size:1.2em;}
.view-header .calendarLink {font-size:1.2em;}
.view-mapa a {font-size:1.2em;}

.block-textsize, .block-pagestyle {float:left; width:180px; height:205px; padding:5px 15px 0; border:1px solid #D9D9D9; margin:0 20px 0 0;}
.block-textsize h2, .block-pagestyle h2 {border-bottom:1px solid #D9D9D9;}

.views-table th.views-field {background:#eee;}
.views-table tr.odd {background:#ffffff;}
.views-table tr.even {background:#fcfcfc;}

.topMenu {width:1080px; margin:22px 0; background: url('./images/menu.png') no-repeat 0 0; &padding-top:1px;}
.block-megamenu {font-size:1.2em; background: url('./images/menu-right.png') no-repeat 100% 0; margin:-1px 0 0; height:40px; position:relative; z-index:100;}
.block-megamenu .megamenu-parent {float:left;}
.block-megamenu h2.megamenu-parent-title a {display:block; padding:13px 20px 12px; margin:1px 0; color:#333; border-left:1px solid #ccc; text-decoration:none; margin-bottom:-1px; position:relative; z-index:101;}
.block-megamenu h2.megamenu-parent-title a:hover, .block-megamenu li:hover h2.megamenu-parent-title a {background:#fff;}
.block-megamenu li.first h2.megamenu-parent-title a {border:none; margin-left:5px;}
.block-megamenu .megamenu-bin {border:1px solid #ccc; background:#fff; padding:10px; z-index:100; -moz-box-shadow:2px 2px 4px #ddd; -webkit-box-shadow:2px 2px 4px #ddd; box-shadow:2px 2px 4px #ddd; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; border-bottom-left-radius:5px; border-bottom-right-radius:5px; width:300px !important; opacity:0.9; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";	filter: alpha(opacity=90);}
.block-megamenu .megamenu-bin a {color:#333; line-height:1.5;}
.block-megamenu .megamenu-slot {padding:0 0 5px; width:150px;}
.block-megamenu .megamenu-slot .megamenu-slot-title a {font-weight:bold;}
.block-megamenu .megamenu-items {padding:0 0 0 10px;}

.searchBox {position:absolute; top:12px; right:27px;}
.searchBox .form-text {padding:3px 7px; background:#fff; border:1px solid #aaa; -moz-box-shadow:inset 2px 2px 2px #ddd; -webkit-box-shadow:inset 2px 2px 2px #ddd; box-shadow:inset 2px 2px 2px #ddd; color:#555;}
.searchBox .form-submit {&padding:3px 5px;}

.field-label {width: 130px; padding: 5px 0 5px 0;}
.field-items .field-item {padding: 5px 0 5px 0;}
.field-name-field-spole-nost .field-item {color:#F33; font-size:1.2em;}
.field-firma { font-weight:bold; font-size:1.2em; padding: 0 0 15px 0;}
.field-firma-tl a {color:#ed2124; font-weight:bold; font-size:1.2em; border: 3px double #666; background-color: #f0f0f0; padding: 20px 20px 20px 20px; margin-top: 20px; text-align: center;}
.field-label-predmet {padding: 5px 0 5px 0; font-size:1.2em;}