/*
Theme Name: Main theme for zs-straky
Theme URI: http://zs-straky.app-dev.cz
Description: webdesign pro zs-straky
Version: 1.0 
Author: Martin Šámal
*/

/*@import url('https://fonts.googleapis.com/css?family=Roboto');*/
@font-face { font-family: helveticaNeue; src: url(fonts/helveticaneueltcom-thcn.ttf); }
@font-face { font-family: helveticaNeue; src: url(fonts/helveticaneueltcom-mdcn.ttf); font-weight: bold; }
@font-face { font-family: helveticaNeue; src: url(fonts/helveticaneueltcom-thcno.ttf); font-style: italic; }
@font-face { font-family: helveticaNeue; src: url(fonts/helveticaneueltcom-mdcno.ttf); font-weight: bold; font-style: italic; }

html, body { background: #e5edf4 none repeat scroll 0 0;
    font-family: 'helveticaNeue', sans-serif;
    font-size: 14px;
    margin: 0;
    padding: 0;
    text-align: center;
    color: #606060;
}
a {  color: #606060; }
h2, h3 { font-weight: bold; font-size: 36px; color: /*#18608e;*/ #000; margin: 0 0 /*41px*/ 30px 0; text-align: center; }
h3 { font-size: 21px; text-transform: uppercase; margin: 15px 0; text-align: center;}
h4 { color: #18608e;
    font-size: 28px;
    font-weight: 500;
    line-height: 47px; margin: 0; 
}

#backgroundWrap {/* 
    position: absolute; 
    top: 0; 
    right: 0; 
    bottom: 0; 
    left: 0; */
    background-image: url(img/background.jpg);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 15px 0;
}

#contentWrap {
    width: 1150px;
    position: relative;
    margin: 0px auto;
    position: relative;
}

#header {
    width: 100%;
    height: 358px;
    background-image: url(img/headerBg.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    margin-top: -75px;
    
}

h1#webTitle { width: 100%; line-height: 75px; text-align: right; color: #fff; font-size: 45px; 
     font-weight: bold; text-transform: uppercase; background-color: #646464; }

h1#webTitle span {display: inline-block; text-align: center; width: 85%;}

.side_menu {
    float: left;
    margin-left: 6px;
    max-width: 285px;
    padding-right: 4px;
    width: 100%;
    font-weight: bold;
}

.side_menu ul {
    list-style: outside none none;
    margin: 0;
    min-height: 400px;
    padding: 0;
}

.side_menu ul li { display: block; }

.side_menu ul li a { 
    color: #646464;
    display: block;
    font-size: 19px;
    padding: 25px 20px;
    text-align: left;
    text-decoration: none;
}
.side_menu ul li a:hover { font-weight: bold; }
.side_menu ul li a:hover .dot, .current-menu-item a .dot { background-position-y: -22px; }

.dot { 
    width: 22px; 
    height: 22px; 
    background-repeat: no-repeat; 
    background-position: 0 0; 
    display: inline-block; 
    vertical-align: text-top;
    margin-right: 10px;
}

#menu-hlavicka .current_page_item { font-weight: bold; }

#menu-kontakt-menu { background-color: #FFF8D9; }
#menu-kontakt-menu .current-menu-item a, #menu-kontakt-menu li a:hover { color: #fdd700 }
#menu-zs-menu { background-color: #ECF4DE; }
#menu-zs-menu .current-menu-item a, #menu-zs-menu li a:hover { color: #82b520 }
#menu-ms-menu { background-color: #F9D9D9; }
#menu-ms-menu .current-menu-item a, #menu-ms-menu li a:hover { color: #d90202 }
#menu-jidelna-menu { background-color: #E0F2FB; }
#menu-jidelna-menu .current-menu-item a, #menu-jidelna-menu li a:hover { color: #009ee0 }

.redMenu { 
    width: 1150px; 
    height: 87px;
    background-image: url(img/redMenu.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
}

.greenMenu {
    background-image: url(img/greenMenu.png);
}

.blueMenu {
    background-image: url(img/blueMenu.png);
}

.yellowMenu {
    background-image: url(img/yellowMenu.png);
}

#menu-kontakt-menu .dot { background-image: url(img/yellow_dot.png); }
#menu-ms-menu .dot { background-image: url(img/red_dot.png); }
#menu-zs-menu .dot { background-image: url(img/green_dot.png); }
#menu-jidelna-menu .dot { background-image: url(img/blue_dot.png); }

#menu-hlavicka { width: 100%; margin: 0; padding: 0; list-style: none; text-align: left; }
#menu-hlavicka li { display: inline-block; margin: 22px 0 0; padding: 0; }
#menu-hlavicka li a { 
    color: #fff; 
    font-size: 28px; 
    text-align: center; 
    line-height: 45px; 
    width: 260px;
    height: 60px;
    text-decoration: none;
    display: inline-block;
    text-align: center;
}

#menu-hlavicka li a:hover, #menu-hlavicka .current-page-ancestor { font-weight: bold; }

#pageContent { 
    width: 100%; 
    height: 100%; 
    min-height: 400px;
    background-color: #fff;
    /*border-left: 2px solid #aaaaaa;*/
    padding-bottom: 20px;
    margin-left: 1px;
    -webkit-box-shadow: 0px 2px 2px 0px rgba(99,99,99,1);
-moz-box-shadow: 0px 2px 2px 0px rgba(99,99,99,1);
box-shadow: 0px 2px 2px 0px rgba(99,99,99,1);
}

#page {
    width: 100%;
    max-width: 785px;
    float: right;
    padding: 30px;
    text-align: left;
    font-size: 18px;
    /*line-height: 28px;*/
}

#footer {
    width: 100%;
    text-align: center;
    background-color: #fff;
    padding: 10px 0;
    /*border-left: 2px solid #aaaaaa;*/
    -webkit-box-shadow: 0px 2px 2px 0px rgba(99,99,99,1);
    -moz-box-shadow: 0px 2px 2px 0px rgba(99,99,99,1);
    box-shadow: 0px 2px 2px 0px rgba(99,99,99,1);
    margin-left: 1px;
}

.cleaner { clear: both; }
/***********************
        editor css
************************/
#tinymce { text-align: left; }
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

@media only screen and (max-width: 1090px) {
    
}

@media only screen and (min-width: 480px) and (max-width: 1090px) {
    
}
@media only screen and (min-width: 480px) and (max-width: 950px) {
    
}

@media only screen and (max-width: 490px) {
    
}

@media print {
    html, body { background-color: #fff; color: #000; font-family: "Arial"; }
    #backgroundWrap { background-image: none; }
    #webTitle, #header, .redMenu, .side_menu, #page h2, #footer { display: none;}
    #contentWrap { width: auto; max-width: none; }
    #page { float: none; margin: 0px auto; }
}