/* This file will hold styles for the mobile version of your website (mobile first). */
/* This also can include ANY global CSS that applies site-wide. Unless overwritten by a more specific style rule, CSS declarations in global.css will apply site-wide. */

/* TEXT */

body {
  font: 13px/1.8 'Open Sans', sans-serif;
  color: #484848;
}

a:link, a:visited {
  color:#BF2409; 
  text-decoration: none;
}

a:hover {
  color:#D53B3B; 
  text-decoration: none;
  transition: color 2s;
  -moz-transition: color 2s; /* Firefox 4 */
  -webkit-transition: color 2s; /* Safari and Chrome */
  -o-transition: color 2s; /* Opera */
}

a:active {
  color:#D53B3B; 
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Sanchez', serif; font-weight: 400;
  text-shadow: 0px 1px 2px rgba(0,0,0,0.3);
  line-height: 1.2em;
  padding-bottom: 10px;
}

h1 {
  font-size: 26px;
}

h2 {
  font-size: 24px;
}

/* Make site titles the same size if it's an H1 (home) or H2 (internal) */
h1.site-name,
h2.site-name {
  font-size: 26px;
}

/* Make it a bit smaller for block headers */
h2.title,
h2.block-title,
h2.title.comment-form {
  margin-bottom: 10px;
  border-bottom: 1px solid #27A5DC;	
  font-size: 20px;
}

h2.node-title {
  font-size: 26px;
}

h3 {
  font-size: 21px;
}

h4 {
  font-size: 19px;
}

h5 {
  font-size: 17px;
}

h6 {
  font-size: 15px;
}

ol {
  list-style: decimal;
}

ul {
  list-style: disc;
}

ul ul,
ol ol {
  padding-top: 0.5em;
}

.node ol,
.node ul {
  padding-left: 1.2em;
}

.node ul.inline,
.node ol.inline {
  padding-left: 0;
}

/*Forms*/

table {
  border: 1px solid #CCC;
  width: 100%;
}

thead th, th {
  background: #f7f7f7;
  border-bottom: 1px solid #ccc;
  color: #333;
}

td, th {
  padding: 4px 8px;
  vertical-align: middle;
}

th a, th a:link, th a:visited {
  text-decoration: none;
}

th a {
  display: block;
}

th a img {
  margin: 0 0 0 5px;
}

th.active {
  background: #DDD;
  border-left: 1px solid #CCC;
  border-right: 1px solid #CCC;
}

/* Odd & Even Styles */
tr.even td {
  background: #F1F5FA;
}

tr.odd td {
  background: #fff;
}

td.active {
  border-left: 1px solid #CCC;
  border-right: 1px solid #CCC;
}

tr.even td.active {
  background: #e5e9ed;
}

tr.odd td.active {
  background: #f2f2f2;
}

tr:hover td,
tr.even:hover td.active,
tr.odd:hover td.active {
  background: #FFFEEE;
}

td ul.links {
  margin-bottom: 0;
}

#edit-name.form-text,
#edit-pass.form-text,
#edit-mail.form-text,
#edit-mail--2.form-text {
width: 100%;
height: 36px;
background: #efefef;
border: 0 none;
font: 13px 'Open Sans', sans-serif;
color: #000;
padding: 8px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3); 
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
}

#edit-field-1-ziadatel-meno-und-0-value,
#edit-field-1-ziadatel-adresa-und-0-value,
#edit-field-1-ziadatel-telefon-und-0-value,
#edit-field-1-ziadatel-fax-und-0-value,
#edit-field-1-povinna-osoba-und-0-value,
#edit-field-1-povinna-osoba-email-und-0-email,
#edit-field-1-vec-und-0-value,
#edit-field-1-ziadam-zaslat-na-adresu-und-0-value,
#edit-field-1-v-und-0-value,
#edit-field-iadate-email-und-0-email {
width: 100%;
height: 36px;
background: #efefef;
border: 0 none;
font: 13px 'Open Sans', sans-serif;
color: #000;
padding: 8px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3); 
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
}

#edit-field-1-ziadost-und-0-format.filter-wrapper.form-wrapper li {
display: none;
}

#block-search-form #edit-submit,
#block-search-form #edit-submit--2,
#block-search-form #edit-submit--3 {
display: none;
}

#edit-submit,
#edit-submit--2,
#edit-submit--3 {
  display: block;
  text-decoration: none;
  -moz-background-clip: padding;
  -webkit-background-clip: padding;
  background-clip: padding-box;
  margin: 0 0.5em 0.5em 0;
  vertical-align: middle;
  -webkit-appearance: none;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background: #BF2409;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #D53B3B), color-stop(1, #BF2409));
  background: -moz-linear-gradient(top center, #D53B3B 0%, #BF2409 100%);
  border: 1px solid;
  border-color: #ddd #bbb #999;
  cursor: pointer;
  color: #fff;
  font: 12px 'Open Sans', sans-serif;
  outline: 0;
  overflow: visible;
  padding: 6px 10px 6px;
  text-shadow: 0px 1px 2px rgba(0,0,0,0.3);
  width: auto;

}

a.flag.flag-action.flag-link-normal {
display: none;
}
span.flag.unflag-action.flag-link-normal {
color: #ff0000;
}

/* REGIONS */

/* Header */

#zone-wrapper-header {
}

/* Branding */

#zone-branding-wrapper {
margin-top: 10px;
padding-bottom: 0px;
}
#zone-branding {
padding-bottom: 0px;
}

#edit-search-block-form--2 {
    background: url(http://samosprava.institute.sk//sites/all/themes/samosprava/img/search-white.png) no-repeat 10px 6px #efefef;
    float: right;
    border: 0 none;
    font: 13px 'Open Sans', sans-serif;
    color: #d7d7d7;
    width:250px;
    padding:16px 15px 16px 35px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3); 
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
    -webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
    }

#edit-search-block-form--2:focus {
    background: url(http://samosprava.institute.sk/sites/all/themes/samosprava/img/search-dark.png) no-repeat 10px 6px #dedede;
    color: #6a6f75;
    width: 300px;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;
    text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
    }

.region-branding-third input.form-submit {
display: none;
}

/* Menu Left Social */

.region-menu-left {
background-position: bottom;
background: 3px #27a5dc;
padding-bottom: 3px;
}

.region-menu-left .clearfix {
background-color: #fff;
text-align: left;
padding-bottom: 5px;
}

/* Menu */

#zone-menu-wrapper .region-menu {
background-position: bottom;
background: 2px #27a5dc;
background: -moz-linear-gradient(left,  #27a5dc 0%, #1387d0 33%, #d53b3b 63%, #bf2409 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#27a5dc), color-stop(33%,#1387d0), color-stop(63%,#d53b3b), color-stop(100%,#bf2409));
background: -webkit-linear-gradient(left,  #27a5dc 0%,#1387d0 33%,#d53b3b 63%,#bf2409 100%);
background: -o-linear-gradient(left,  #27a5dc 0%,#1387d0 33%,#d53b3b 63%,#bf2409 100%);
background: -ms-linear-gradient(left,  #27a5dc 0%,#1387d0 33%,#d53b3b 63%,#bf2409 100%);
background: linear-gradient(to right,  #27a5dc 0%,#1387d0 33%,#d53b3b 63%,#bf2409 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#27a5dc', endColorstr='#bf2409',GradientType=1 );
padding-bottom: 3px;
}

.region-menu .clearfix {
background-color: #fff;
text-align: right;
padding-bottom: 5px;
}

.region-menu ul li {
list-style: none;
float: right;
}

.region-menu ul li a {
  font-family: 'Sanchez', serif; font-weight: 400;
  text-shadow: 0px 1px 2px rgba(0,0,0,0.1);
}

.region-menu ul li.last.leaf {
padding-left: 5px;
-webkit-appearance: none;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow:    0px 0px 8px 0px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
box-shadow:         0px 0px 8px 0px rgba(0, 0, 0, 0.1);
}

/* Sidebar First */

.region-sidebar-first-inner .block {
margin-bottom: 20px;
}

/*Side menu*/

.block-main-menu {
background: #27a5dc;
background: -moz-radial-gradient(center, ellipse cover,  #27a5dc 0%, #1387d8 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#27a5dc), color-stop(100%,#1387d8));
background: -webkit-radial-gradient(center, ellipse cover,  #27a5dc 0%,#1387d8 100%);
background: -o-radial-gradient(center, ellipse cover,  #27a5dc 0%,#1387d8 100%);
background: -ms-radial-gradient(center, ellipse cover,  #27a5dc 0%,#1387d8 100%);
background: radial-gradient(ellipse at center,  #27a5dc 0%,#1387d8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#27a5dc', endColorstr='#1387d8',GradientType=1 );

-webkit-border-radius: 4px; 
-moz-border-radius: 4px; 
border-radius: 4px; 

-moz-box-shadow:    0px 1px 8px 1px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0px 1px 8px 1px rgba(0, 0, 0, 0.3);
box-shadow:         0px 1px 8px 1px rgba(0, 0, 0, 0.3);

padding-top: 5px;
}


.block-main-menu ul li {
list-style: none;
padding: 5px;
margin-bottom: 5px;
margin-top: 5px;
}

.block-main-menu ul li a {
display:block;
width: 100%;
font-family: 'Sanchez', serif; font-weight: 400;
color: #fff;
font-size: 1.2em;
line-height: 1.2em;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.block-main-menu ul li a:hover {
color: #BF2409;
}

.block-main-menu ul li a.active {
color: #484848;
text-shadow: 0px 1px 3px rgba(255,255,255,0.4);
}

/*Footer*/

#zone-footer-wrapper .region-footer-first {
background-position: bottom;
background: 2px #27a5dc;
background: -moz-linear-gradient(left,  #27a5dc 0%, #1387d0 33%, #d53b3b 63%, #bf2409 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#27a5dc), color-stop(33%,#1387d0), color-stop(63%,#d53b3b), color-stop(100%,#bf2409));
background: -webkit-linear-gradient(left,  #27a5dc 0%,#1387d0 33%,#d53b3b 63%,#bf2409 100%);
background: -o-linear-gradient(left,  #27a5dc 0%,#1387d0 33%,#d53b3b 63%,#bf2409 100%);
background: -ms-linear-gradient(left,  #27a5dc 0%,#1387d0 33%,#d53b3b 63%,#bf2409 100%);
background: linear-gradient(to right,  #27a5dc 0%,#1387d0 33%,#d53b3b 63%,#bf2409 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#27a5dc', endColorstr='#bf2409',GradientType=1 );
padding-top: 3px;
}

.region-footer-first .clearfix {
background-color: #fff;
}

.region-footer-first p{
padding: 10px 0 50px 90px;
background-image: url('http://samosprava.institute.sk/sites/all/themes/samosprava/img/uradvladysr.jpeg');
background-position: top left 5px 5px;
background-repeat: no-repeat;
}

.region-footer-second p {
padding: 10px 0 50px 90px;
}


/*CUSTOM GLOBAL*/


/*Clearfix*/

.clearfix {
padding-bottom: 10px;
}


/* Articles */


.node-readmore.first a{
  text-transform: lowercase;
  display: block;
  float: left;
  text-decoration: none;
  -moz-background-clip: padding;
  -webkit-background-clip: padding;
  background-clip: padding-box;
  margin: 0 0.5em 0.5em 0;
  vertical-align: middle;
  -webkit-appearance: none;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background: #BF2409;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #D53B3B), color-stop(1, #BF2409));
  background: -moz-linear-gradient(top center, #D53B3B 0%, #BF2409 100%);
  border: 1px solid;
  border-color: #ddd #bbb #999;
  cursor: pointer;
  color: #fff;
  font: 12px 'Open Sans', sans-serif;
  outline: 0;
  overflow: visible;
  padding: 6px 10px 6px;
  text-shadow: 0px 1px 2px rgba(0,0,0,0.3);
  width: auto;
}


links.node-links {
background: #efefef;
}

li.comment_forbidden.first {}

li.comment_forbidden.last,
li.comment-add.last {
display: none;
}

.node img {
float: right;
display: inline;
padding: 0 10px 10px 0;
}

/* Tags */

.field.field-name-field-tagy.field-type-taxonomy-term-reference.field-label-inline.clearfix a,
.field.field-name-field-tags.field-type-taxonomy-term-reference.field-label-inline.clearfix a {
padding: 0 8px 0 0;
margin: 24px 0;
}

/* Comments */

/*CUSTOM TWEAKS*/

.addthis_default_style{
float: right;
margin-bottom: 0px;
padding-bottom: 0px;
}

/*Social*/

.region-menu-left ul li {list-style :none; padding: 0 0 0 5px; float: left;}
.region-menu-left ul li a {text-indent: -9999px; font-size: 0; line-height: 0; overflow: hidden ; height: 26px; width: 26px ;border: 0; background: url(http://samosprava.institute.sk/sites/all/themes/samosprava/img/social-media26.png) no-repeat; display: block;}

.region-menu-left li#f a {background-position: 0px 0px;}
.region-menu-left li#f a:hover {background-position: 0px -26px;}

.region-menu-left li#yt a {background-position: -26px 0px;}
.region-menu-left li#yt a:hover {background-position: -26px -26px;}

.region-menu-left li#ss a {background-position: -52px 0px;}
.region-menu-left li#ss a:hover {background-position: -52px -26px;}

.region-menu-left li#p a {background-position: -78px 0px;}
.region-menu-left li#p a:hover {background-position: -78px -26px;}

.region-menu-left li#kpki a {background-position: -104px 0px;}
.region-menu-left li#kpki a:hover {background-position: -104px -26px;}

.region-menu-left li#m a {background-position: -130px 0px;}
.region-menu-left li#m a:hover {background-position: -130px -26px;}

.region-menu-left li#rss a {background-position: -156px 0px;}
.region-menu-left li#rss a:hover {background-position: -156px -26px;}

/*Mesta a obce content*/

.node-mesta-a-obce.field.field-name-field-obrazok.field-type-image {
float: right;
}


.node-mesta-a-obce .field-name-field-webstranka,
.node-mesta-a-obce .field-name-field-email,
.node-mesta-a-obce .field-name-field-ako-ziadat-informacie,
.node-mesta-a-obce .field-name-field-formular,
.node-mesta-a-obce .field-name-field-otvorenost-samospravy,
.node-mesta-a-obce .field-name-field-hospodarenie-samospravy,
.node-mesta-a-obce .field-name-field-verejne-obstaravanie,
.node-mesta-a-obce .field-name-field-odkaz-pre-starostu,
.node-mesta-a-obce .field-name-field-dalsie-informacie,
.node-mesta-a-obce .field-name-field-mapy-statistiky,
.node-mesta-a-obce .field-name-field-uzemny-plan,
.node-mesta-a-obce .field-name-field-e-government,
.node-mesta-a-obce .field-name-field-povinne-zverejnovanie,
.node-mesta-a-obce .field-name-field-urady-s-posobnostou,
.node-mesta-a-obce .field-name-field-gis-geograficky-system,
.node-mesta-a-obce .field-name-field-dostupnost-informacii
{
margin-top: 5px;
padding: 10px 10px 10px 50px;
border: 1px solid #efefef;
background-image: url('http://samosprava.institute.sk/sites/all/themes/samosprava/img/icon-a.png');
background-repeat: no-repeat;
background-color: #F9F9F9;
}

.node-mesta-a-obce .field-name-field-webstranka:hover,
.node-mesta-a-obce .field-name-field-email:hover,
.node-mesta-a-obce .field-name-field-ako-ziadat-informacie:hover,
.node-mesta-a-obce .field-name-field-formular:hover,
.node-mesta-a-obce .field-name-field-otvorenost-samospravy:hover,
.node-mesta-a-obce .field-name-field-hospodarenie-samospravy:hover,
.node-mesta-a-obce .field-name-field-verejne-obstaravanie:hover,
.node-mesta-a-obce .field-name-field-odkaz-pre-starostu:hover,
.node-mesta-a-obce .field-name-field-dalsie-informacie:hover,
.node-mesta-a-obce .field-name-field-mapy-statistiky:hover,
.node-mesta-a-obce .field-name-field-uzemny-plan:hover,
.node-mesta-a-obce .field-name-field-e-government:hover,
.node-mesta-a-obce .field-name-field-povinne-zverejnovanie:hover,
.node-mesta-a-obce .field-name-field-urady-s-posobnostou:hover,
.node-mesta-a-obce .field-name-field-gis-geograficky-system:hover,
.node-mesta-a-obce .field-name-field-dostupnost-informacii:hover
{
background-image: url('http://samosprava.institute.sk/sites/all/themes/samosprava/img/icon-b.png');
background-color: #E9F6FB;
}

.node-mesta-a-obce .field-name-field-webstranka {
/*clear: both*/
background-position: 0px 0px;
}
.node-mesta-a-obce .field-name-field-email {
background-position: 0px -80px;
}
.node-mesta-a-obce .field-name-field-ako-ziadat-informacie{
background-position: 0px -160px;
}
.node-mesta-a-obce .field-name-field-formular {
background-position: 0px -240px;
}
.node-mesta-a-obce .field-name-field-otvorenost-samospravy {
margin-top: 30px;
background-position: 0px -320px;
}
.node-mesta-a-obce .field-name-field-hospodarenie-samospravy {
background-position: 0px -400px;
}
.node-mesta-a-obce .field-name-field-verejne-obstaravanie {
background-position: 0px -480px;
}
.node-mesta-a-obce .field-name-field-odkaz-pre-starostu {
background-position: 0px -560px;
}
.node-mesta-a-obce .field-name-field-dalsie-informacie {
margin-top: 30px;
background-position: 0px -640px;
}
.node-mesta-a-obce .field-name-field-mapy-statistiky {
background-position: 0px -720px;
}
.node-mesta-a-obce .field-name-field-uzemny-plan {
margin-top: 30px;
background-position: 0px -800px;
}
.node-mesta-a-obce .field-name-field-e-government {
background-position: 0px -880px;
}
.node-mesta-a-obce .field-name-field-povinne-zverejnovanie {
background-position: 0px -960px;
}
.node-mesta-a-obce .field-name-field-urady-s-posobnostou {
background-position: 0px -1040px;
}
.node-mesta-a-obce .field-name-field-gis-geograficky-system {
background-position: 0px -1120px;
}
.node-mesta-a-obce .field-name-field-dostupnost-informacii {
background-position: 0px -1200px;
margin: 20px 0 20px 0;
}

.section-button-1,
.section-button-2,
.section-button-3 {
float:left; width:30%;
height: 80px;
background: #efefef;
-webkit-border-radius: 2px; 
-moz-border-radius: 2px; 
border-radius: 2px; 
-moz-box-shadow:    0px 1px 4px 1px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.3);
box-shadow:         1px 1px 1px 0px rgba(0, 0, 0, 0.2);
}

.section-button-1,
.section-button-2 {
margin-right: 20px ;
}

.section-button-1 {
background-image: url('http://samosprava.institute.sk/sites/all/themes/samosprava/img/section-button.png');
background-repeat: no-repeat;
background-position: 30px 0px;
}

.section-button-2 {
background-image: url('http://samosprava.institute.sk/sites/all/themes/samosprava/img/section-button.png');
background-repeat: no-repeat;
background-position: -190px 0px;
}

.section-button-3 {
background-image: url('http://samosprava.institute.sk/sites/all/themes/samosprava/img/section-button.png');
background-repeat: no-repeat;
background-position: -420px 0px;
}

.section-button-1 a,
.section-button-2 a,
.section-button-3 a {

width: 100%;
height: 100%;
display: block;
padding: 10px 20px;
line-height: 1.2em;
font-family: 'Sanchez', serif; font-weight: 400;
text-shadow: 0px 1px 2px rgba(255,255,255,0.2);

}

/* Formulare */

caption {
background-color: #D53B3B;
color: #fff;
}
/*
.field.field-name-field-1-ziadatel-adresa.field-type-text{

}

.field.field-name-field-1-povinna-osoba.field-type-text {
padding-top: 40px;
}

.field.field-name-field-povinn-osoba-email.field-type-email {
display: none;
}

.field.field-name-field-1-vec.field-type-text {
padding-top: 40px;
padding-bottom: 40px;
}

.field.field-name-field-1-ziadost.field-type-text-long {
padding-bottom: 40px;
}

.field.field-name-field-1-ziadam-zaslat-na-adresu.field-type-text {
padding-bottom: 40px;
}

.field.field-name-field-1-s-pozdravom.field-type-text {
padding-bottom: 20px;
}

.field.field-name-field-1-v.field-type-text {
padding-bottom: 40px;
}
*/


#button-field-dummy-form--2,
#button-field-dummy-form--4 {
float: left;
padding-right: 10px;
}

/* Views Slideshow responsive img fix */

.views-slideshow-cycle-main-frame{
  position: relative !important;
  width: 100% !important;
  height: auto;
}

.views-slideshow-cycle-main-frame-row{
  width: 100% !important;
}