/*
Theme Name: Twenty Twelve
Theme URI: http://wordpress.org/themes/twentytwelve
Author: the WordPress team
Author URI: http://wordpress.org/
Description: The 2012 theme for WordPress is a fully responsive theme that looks great on any device. Features include a front page template with its own widgets, an optional display font, styling for post formats on both index and single views, and an optional no-sidebar page template. Make it yours with a custom menu, header image, and background.
Version: 1.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, gray, white, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: twentytwelve

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* =Notes
--------------------------------------------------------------
This stylesheet uses rem values with a pixel fallback. The rem
values (and line heights) are calculated using two variables:

$rembase:     14;
$line-height: 24;

---------- Examples

* Use a pixel value with a rem fallback for font-size, padding, margins, etc.
	padding: 5px 0;
	padding: 0.357142857rem 0; (5 / $rembase)

* Set a font-size and then set a line-height based on the font-size
	font-size: 16px
	font-size: 1.142857143rem; (16 / $rembase)
	line-height: 1.5; ($line-height / 16)

---------- Vertical spacing

Vertical spacing between most elements should use 24px or 48px
to maintain vertical rhythm:

.my-new-div {
	margin: 24px 0;
	margin: 1.714285714rem 0; ( 24 / $rembase )
}

---------- Further reading

http://snook.ca/archives/html_and_css/font-size-with-rem
http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/


/* =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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
ol,
ul {
	list-style: none;
}
blockquote,
q {
	quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption,
th,
td {
	font-weight: normal;
	text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}
html {
	overflow-y: scroll;
        min-height: 100%; 
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
a:focus {
	outline: thin dotted;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}
audio,
canvas,
video {
	display: inline-block;
}
audio:not([controls]) {
	display: none;
}
del {
	color: #333;
}
ins {
	background: #fff9c0;
	text-decoration: none;
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin: 24px;
	margin-bottom: 1.714285714rem;
}
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
small {
	font-size: smaller;
}
img {
	border: 0;
	-ms-interpolation-mode: bicubic;
}

/* Clearing floats */
.clear:after,
.wrapper:after,
.format-status .entry-header:after {
	clear: both;
}
.clear:before,
.clear:after,
.wrapper:before,
.wrapper:after,
.format-status .entry-header:before,
.format-status .entry-header:after {
	display: table;
	content: "";
}

/* --- end of reset --- */
/*
body { 
    line-height: 1;
}
*/

#page {
    margin: 0px auto;
    position: relative;
    height: 100%;
    background-color: white;
    margin-top: 20px;
    //line-height: 1;
}

#main {
float: right;
/*width: calc(77% - 1px);*/
width: 77%;
display: inline;
background-color: white;
}

#content {
background-color: white;    
}

#secondary {
width: 23%;
float: left;
display: inline;
padding: 20px;
/*border-right: 1px solid #72B9CD;*/
padding-right: 0px;
padding-left: 0px;
overflow: hidden;
position: relative;
}

#secondary:after {
position: absolute;
content: ' ';
background-color: #72b9cd;
width: 1px;
height: 100%;
top: 0;
right: 0;
}

.flexslider {
position: relative;
height: 250px;
/*display: none;*/
}

.logo img {
width: 190px;
height: 130px;
margin-left: 20px;
}

#nav_menu-2 {
float: left;
width: 100%;
margin-top: 40px;
margin-left: 15px;
}

#menu-partners_menu li {
float: left;
width: 44%;
height: 44%;
position: relative;
margin-left: 10px;
margin-top: 10px;
}

#menu-partners_menu_2_columns li {
float: left;
width: 92%;
height: 92%;
position: relative;
margin-left: 10px;
margin-top: 10px;
}

.left_menu_contacts {
position: relative;
float: left;
margin-top: 40px;
}

#primary {
float: left;
margin-bottom: 80px;
width: 100%;
position: relative;
}

.menu-left_main_menu-container ul li a, .partners_title span {
text-decoration: none;
color: #302E2B;
text-transform: uppercase;
font-size: 13px;
}

.search_box input[type=text] {
height: 25px;
margin-left: 15px;
width: 167px;
background-color: #208CD7;
border: none;
color: white;
padding-left: 5px;
font-family: 'Open Sans', sans-serif;
outline: none;
border-radius: 0 !important;
line-height: 25px;
}

/* Desktops and laptops */
@media only screen 
and (min-width: 1224px) {

    #page {
    width: 1100px;
    max-width: 1100px;
    }

}

/* Wide Monitors */
@media only screen 
and (min-width: 1824px) {

    #page {
    width: 1200px;
    max-width: 1200px;
    }
    


}

/* Tablet Landscape */
@media screen and (max-width: 1099px) {
    
    #page {
    width: 100%;
    }  
    
    .flexslider {
    height: 300px;
    } 
    
    .logo img {
    width: 79%;
    margin-left: 20px;
    }  

    .menu-left_main_menu-container ul li a, .partners_title span {
    font-size: 11px;
    }    

    .search_box input[type=text] {
    height: 25px;
    margin-left: 15px;
    width: 115px;
    padding-left: 5px;
    }  
    
    .slideshow_pics span {
    padding-left: 5px !important;
    padding-right: 5px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    font-size: 13px;
    font-weight: bold;
    }    
    
}



@media screen and (max-width: 830px) {

    .left_menu_contacts span, .left_menu_contacts p {
    font-size: 11px !important;   
    }
    
}

@media screen and (max-width: 765px) {

    .flexslider {
    display: none;
    }    
    
    .left_menu_contacts span, .left_menu_contacts p {
    font-size: 11px !important;   
    }
    
}

/* All Mobile Sizes (devices and browser) */
@media screen and (max-width: 767px) {  

    #page {
    width: 100%;
    }
    
    .flexslider {
    display: none;
    }   
    
    #secondary {
    width: 100%;    
    }
    
    #main {
    width: 100%;
    } 
    
    .logo img {
    width: 100px;
    }
    
    #nav_menu-2 {
    float: left;
    width: 100%;
    margin-top: 10px;
    margin-left: 20px;
    }
	   
    * {
    font-size: 97% !important;
    }

    .left_menu_contacts {
    margin-top: 20px;
    }  
    
    .partners, .left_menu_contacts, .search_box {
    display: none;    
    }
    
}    


#masthead {
height: 100%;
float: left;
width: 100%;
}

body {
background-color: #57A1C4;
font-family: 'Open Sans', sans-serif;
background-image: url(/wp-content/themes/echo_sablona2/images/back.jpg);
background-size: cover;
background-position: bottom center;
background-repeat: no-repeat;
background-attachment: fixed;
}

.logo {
float: left;
}

.header_description {
font-size: 14px;
text-align: left;
color: blue;
width: 300px;
height: 25px;
text-transform: uppercase;
float: left;
margin-left: 20px;
margin-top: 55px;
}

.header_menu {
height: 60px;
float: left;
}

#menu-header_menu li {
float: left;
}

.header_home {
position: absolute;
left: 0px;
top: 0px;
width: 60px;
height: 60px;
background-color: green;
}

#site-navigation {
margin-left: 60px;
height: 60px;
}

.menu-item-has-children:after {
width: 10px;
height: 10px;
content: '<';
color: blue;
}

#colophon {
float: left;
background-color: #CAE3EA;
width: 100%;
bottom: 0;
}

#colophon .esfcr_footer {
padding: 10px;
display: inline-block;
float: left;
}

.partners {
position: relative;
float: left;
width: 100%;
}

.partners li a img {
width: 100%;
height: auto;
display: block;
}

#menu-footer_menu li {
float: left;
margin-right: 20px;
}

#menu-footer_menu li:last-child {
margin-right: 0px;
}

#menu-footer_menu {
line-height: 30px;
bottom: 0;
right: 0;
position: absolute;
}

.email a {
color: #000000;
}

.post {
padding: 20px;
border-bottom: 1px solid #72B9CD;
}

.post a h2:hover, .posts a h2:hover {
color: #208CD7;    
}

.post .date {
font-size: 14px;
color: #208CD7;
margin-bottom: 5px;
}

.read_more {
font-weight: 600;
color: black;
}

.post_title, .entry-title {
font-size: 18px;
font-weight: 400;
margin-bottom: 15px;
color: #208CD7;
display: inline-block;
}

.entry-title a {
font-size: 18px;
font-weight: 400;
color: #302E2B;
display: inline-block;
}

.entry-content, .no_content p, .entry-summary {
font-size: 13px;
line-height: 18px;
}

.no_content p {
margin: 20px;
}

.entry-content p, #content > p {
margin-bottom: 10px;
text-align: justify;
}

#content > p {
padding-left: 20px;
padding-right: 20px;
font-size: 13px;
}

.breadcrumbs+p {
margin-top: 20px;
}

.menu-left_main_menu-container ul li, .partners_title {
height: 20px;
border-bottom: 1px solid #72B9CD;
padding-top: 9px;
padding-bottom: 7px;
position: relative;
display: block;
margin-left: 15px;
}

.menu-menu_pod_textovym_menu-container ul li, .partners_title {
border-bottom: 1px solid #72B9CD;
padding-top: 9px;
padding-bottom: 7px;
position: relative;
display: block;
margin-left: 15px;
}

.menu-odkaz_pod_textovym_menu-container ul li  {
margin-left: 15px;
margin-top: 40px;
margin-bottom: -22px;
}

.partners_title {
margin-left: 15px;
margin-top: 40px;
}

.menu-left_main_menu-container ul li a:hover, .entry-title:hover, .posts .read_more:hover, .page-list a:hover, .entry-header h1 a:hover {
color: #208CD7;
}

.left_menu_contacts ul li {
float: left;
min-height: 28px;
width: 100%;
padding-left: 50px;
position: relative;
background-color: #CAE3EA;
border-bottom: 1px solid #72B9CD;
padding-top: 12px;
padding-bottom: 10px;
}

.left_menu_contacts ul li:first-child {
border-top: 1px solid #72B9CD;
}

.left_menu_contacts ul li:before {
position: absolute;
content: ' ';
display: block;
width: 25px;
height: 25px;
left: 13px;
top: 13px;
}

.left_menu_contacts ul .telefon:before {
background: url('./images/telefonek.png');
background-image: url('./images/telefonek.svg');
background-position: center center;
background-repeat: no-repeat;
}

.left_menu_contacts ul .email:before {
background: url('./images/mail.png');
background-image: url('./images/mail.svg');
background-position: center center;
background-repeat: no-repeat;
}

.left_menu_contacts ul .adresa:before {
background: url('./images/domecek.png');
background-image: url('./images/domecek.svg');
background-position: center center;
background-repeat: no-repeat;
}

.left_menu_contacts {
font-size: 13px; 
width: 100%;
}

.left_menu_contacts span {
color: #208CD7;
font-size: 13px;
}

.left_menu_contacts p {
padding-top: 5px;
font-size: 12px;
line-height: 15px;
}

.breadcrumbs {
background-color: #208CD7;
/*height: 30px;*/
line-height: 30px;
padding-left: 20px;
padding-right: 20px;
font-size: 13px;
color: #CAE3EA;
}

.breadcrumbs a {
color: #CAE3EA;
}

.breadcrumbs a:hover {
text-decoration: underline;
}

.index_after_slidehow {
min-height: 30px;
background-color: #208CD7;
font-size: 13px;
line-height: 30px;
//padding-left: 20px;
color: #CAE3EA;
text-align: center;
}

#menu-footer_menu li a {
color: black;
font-size: 12px;
padding-right: 30px;
text-decoration: none;
}

#menu-footer_menu li a:hover {
color: #208CD7;
}

/* slideshow */

.flex-direction-nav {
position: absolute;
z-index: 9;
height: 35px;
width: 100%;
top: 50%;
margin-top: -17px;
}

.flex-direction-nav .flex-prev, .flex-direction-nav .flex-next {
position: absolute;
width: 25px;
height: 25px;
padding: 5px;
}

.flex-direction-nav .flex-prev {
left: 0px;
background: url('./images/arrow_left.png') rgba(255, 255, 255, 0.5);
background-color: rgba(255, 255, 255, 0.5);
background-image: url('./images/arrow_left.svg');
background-position: center center;
background-repeat: no-repeat;
background-size: 25px 25px;
}

.flex-direction-nav .flex-next {
right: 0px;
background: url('./images/arrow_right.png') rgba(255, 255, 255, 0.5);
background-color: rgba(255, 255, 255, 0.5);
background-image: url('./images/arrow_right.svg');
background-position: center center;
background-repeat: no-repeat;
background-size: 25px 25px;
}

.flexslider .slideshow_pics {
width: 100%;
height: 100%;
background-size: cover;
background-position: center 30%;
background-repeat: no-repeat;
position: relative;
}

.flex-viewport {
height: 100%;
}

.flexslider .slides {
height: 100%;
}

.slideshow_pics span {
position: absolute;
left: 0;
bottom: 0;
background-color: rgba(202, 227, 234, 0.8);
padding: 20px;
width: 100%;
color: #302E2B;
text-align: center;
}

.flex-control-nav {
position: absolute;
top: 20px;
right: 20px;
}

.flex-control-nav li {
float: left;
height: 15px;
width: 15px;
position: relative;
margin-right: 5px;
}

.flex-control-nav li:last-child {
margin-right: 0px;
}

.flex-control-nav li a {
background-color: rgba(255, 255, 255, 0.5);
border-radius: 50%;
height: 100%;
width: 100%;
display: block;
font-size: 0;
cursor: pointer;
}

.flex-control-nav .flex-active {
background-color: rgba(255, 255, 255, 0.8);
}

/* end of slideshow */

.search_box {
height: 30px;
float: left;
background-color: #CAE3EA;
width: 100%;
padding-top: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #72B9CD;
}

.no-results #searchform {
display: none;
}

.search_box #searchsubmit {
height: 27px;
width: 27px;
border: none;
position: absolute;
cursor: pointer;
background: url('./images/lupa.png') #208CD7;
background-color: #208CD7;
background-image: url('./images/lupa.svg');
background-size: 18px 18px;
background-position: center center;
background-repeat: no-repeat;
outline: none;
border-radius: 0 !important;
}

.search_box input[type=text]::-webkit-input-placeholder, #searchform_adresar #s::-webkit-input-placeholder 
{
    color: white; font-family: 'Open Sans', sans-serif;
}

.search_box input[type=text]::-moz-placeholder, #searchform_adresar #s::-moz-placeholder
{
    color: white; font-family: 'Open Sans', sans-serif;
} /* firefox 19+ */

.search_box input[type=text]:-ms-input-placeholder, #searchform_adresar #s:-ms-input-placeholder
{
    color: white; font-family: 'Open Sans', sans-serif;
} /* ie */

.search_box input[type=text]:-moz-placeholder, #searchform_adresar #s:-moz-placeholder
{
    color: white; font-family: 'Open Sans', sans-serif;
}

.h2_top_title, .sub_pages li h3 a, .no_content h2, .search_results_title h1, .post_adresar h3 {
margin-left: 20px;
margin-top: 20px;
font-size: 18px;
font-weight: 500;
color: #208CD7;
}

.sub_pages li h3 a, .post_adresar h3 a {
margin-left: 0px;    
}

.sub_pages li h3 a:hover {
color: #208CD7; 
}

.sub_pages li p {
font-size: 13px;
}

.sub_pages li h3 {
margin-bottom: 10px;
}

a {
text-decoration: none;
}

.news {
margin-bottom: 80px;    
}

.news .posts .post_title {
margin-bottom: 0;
}

article p a, article a {
color: #208CD7;
position: relative;
}

article p a:hover, article a:hover {
text-decoration: underline;
}

/*
a:hover {
text-decoration: underline;
}
*/

.sub_pages li {
margin-top: 20px;
}

.sub_pages {
margin-left: 20px;
margin-bottom: 20px;
}

.sub_pages li:first-child {
margin-top: 20px;
}

.posts {
margin: 20px;
}



.uvodni_text {
background-color: #CAE3EA;
margin: 18px;
}

.uvodni_post_title {
font-size: 21px;
font-weight: 400;
margin: 12px;
color: #208CD7;
display: inline-block;
}

.uvodni_entry_content {
font-size: 13px;
line-height: 20px;
font-weight: 400;
margin: 12px;
color: #000000;
display: inline-block;
text-align: justify
}


.breadcrumbs .post {
margin: 0;
padding: 0;
border: none;
}

.gallery img {
border: none !important;
}

.page-list {
margin: 20px;
font-size: 13px;
}

.page-list .children {
margin-left: 20px;
margin-top: 10px;
}

.page-list .page_item {
margin-bottom: 10px;
}

.page-list a {
color: #302E2B;
}

.partner_odbory {
text-align: center;
margin-bottom: 20px;
margin-top: 20px;
}

article p a[href$=".doc"]:after {
background: url('./images/icon_doc.png');
background-image: url('./images/icon_doc.svg');
width: 30px;
height: 30px;
content: ' ';
top: 9px;
position: relative;
margin-left: 5px;
margin-right: 5px;
display: inline-block;
}

article p a[href$=".pdf"]:after {
background: url('./images/icon_pdf.png');
background-image: url('./images/icon_pdf.svg');
width: 30px;
height: 30px;
content: ' ';
top: 9px;
position: relative;
margin-left: 5px;
margin-right: 5px;
display: inline-block;
}

article p a[href$=".xlt"]:after {
background: url('./images/icon_xlt.png');
background-image: url('./images/icon_xlt.svg');
width: 30px;
height: 30px;
content: ' ';
top: 9px;
position: relative;
margin-left: 5px;
margin-right: 5px;
display: inline-block;
}

.cleaner {
clear: both;
height: 1px;
font-size: 1px;
border: none;
margin: 0;
padding: 0;
background: transparent;
}

.entry-content ul, .entry-content ol {
list-style: initial;
margin-left: 25px;
margin-top: 10px;
margin-bottom: 10px;
}

.entry-content ol {
list-style-type: decimal;
}

.index #content > .posts h2 {
font-size: 21px;
}

/* adresar */

.post_adresar {
padding: 0;
border: none;
font-size: 13px;
overflow: hidden;
}

.post_adresar a {
color: #208CD7;  
cursor: pointer;
}

.post_adresar a:hover {
text-decoration: underline;  
}

.catalog_list_item {
float: left;
position: relative;
width: 100%;
border-bottom: 1px solid #72B9CD;
padding: 20px;
margin-top: 20px;
}

.catalog_list_item .organisation {
float: left;
width: 50%;
}

.catalog_list_item .person {
float: right;
width: 50%;
}

.detail_adresar .person {
float: left;
width: 50%;
}

.detail_adresar .person2 {
float: right;
width: 50%;
}

.detail_adresar .persons {
width: 100%;
float: left;
margin-top: 20px;
margin-bottom: 20px;
}

.catalog_list_item .place {
float: left;
width: 100%;
color: grey;
}

.highlight {
background-color: #208CD7;
color: white;
}

#searchform_adresar {
margin: 20px;
}

#searchform_adresar #s {
width: 60%;
height: 25px;
color: white;
border: none;
outline: none;
padding-left: 5px;
border-radius: 0 !important;
line-height: 25px;
background-color: #208CD7;
}

#searchform_adresar #searchsubmit_adresar {
height: 27px;
width: 27px;
border: none;
position: absolute;
cursor: pointer;
background: url('./images/lupa.png') #208CD7;
background-color: #208CD7;
background-image: url('./images/lupa.svg');
background-size: 18px 18px;
background-position: center center;
background-repeat: no-repeat;
outline: none;
border-radius: 0 !important;
}

.adresar_find_next {
position: fixed;
background-color: #208CD7;
padding: 10px;
font-size: 14px;
color: white;
cursor: pointer;
width: 39px;
text-align: center;
line-height: 14px;
top: 50%;
}

.absolute_adresar_find_next {
position: absolute;
z-index: 999;
right: 59px;
top: 50%;
display: none;
}

.adresar_finder #uvolneny {
width: 216px;
margin-left: -3px;
}

/* end of adresar */

/* login and logout protected pages */

.post-password-form {
width: 60%;
margin: 0 auto;
margin-top: 10px;
font-size: 13px;
}

.post-password-form p {
text-align: center;
margin-bottom: 20px;
}

.post-password-form input[type="submit"], .adresar_finder input[type=submit] {
border: none;
background-color: #208CD7;
color: white;
height: 18px;
cursor: pointer;
}

.adresar_logout {
    position: relative;
    float: right;
    margin-right: 20px;
    background-color: #208CD7;
    border: none;
    color: white;
    height: 18px;
    cursor: pointer;
    margin-top: 20px;
    margin-right: 35px;
    margin-bottom: 15px;
}


/* end of login and logout protected pages */

.total_members {
margin-left: 20px;
margin-top: 10px;
position: absolute;
}

.adresar_finder {
margin: 20px;
}

.adresar_finder label {
width: 180px !important;
display: inline-block;
}

.adresar_finder input[type=text] {
width: 210px;
}

.adresar_finder select {
width: 200px;
}

.adresar_finder input[type=submit] {
float: right;
margin-top: 18px;
margin-right: 15px;
}

.adresar_finder table {
width: 100%;
}

.print_adresar {
float: right;
margin-top: 20px;
margin-right: 20px;
}

@media only print {
    
    body {
        background-image: none;
        background-color: transparent;
    }
    
    * {
        color: black !important;
    }
    
    #secondary, .breadcrumbs, .adresar_finder, #colophon, .adresar_logout, .flexslider, .print_adresar {
        display: none;
    }
    
    #main {
        width: 100%;
        float: none;
    }

} 














