HOME

5h-3LL 1.0
DIR: /srv/http/adent.cz/zsdalovice.cz/app/webroot/css
/srv/http/adent.cz/zsdalovice.cz/app/webroot/css/
Current File : /srv/http/adent.cz/zsdalovice.cz/app/webroot/css/layout3.css
@font-face {
    font-family: 'open_sansitalic';
    src: url('fonts/opensans-italic-webfont.eot');
    src: url('fonts/opensans-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-italic-webfont.woff2') format('woff2'),
         url('fonts/opensans-italic-webfont.woff') format('woff'),
         url('fonts/opensans-italic-webfont.svg#open_sansitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanslight_italic';
    src: url('fonts/opensans-lightitalic-webfont.eot');
    src: url('fonts/opensans-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-lightitalic-webfont.woff2') format('woff2'),
         url('fonts/opensans-lightitalic-webfont.woff') format('woff'),
         url('fonts/opensans-lightitalic-webfont.svg#open_sanslight_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanssemibold_italic';
    src: url('fonts/opensans-semibolditalic-webfont.eot');
    src: url('fonts/opensans-semibolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-semibolditalic-webfont.woff2') format('woff2'),
         url('fonts/opensans-semibolditalic-webfont.woff') format('woff'),
         url('fonts/opensans-semibolditalic-webfont.svg#open_sanssemibold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansitalic';
    src: url('fonts/opensans-italic-webfont.eot');
    src: url('fonts/opensans-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-italic-webfont.woff2') format('woff2'),
         url('fonts/opensans-italic-webfont.woff') format('woff'),
         url('fonts/opensans-italic-webfont.svg#open_sansitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanslight_italic';
    src: url('fonts/opensans-lightitalic-webfont.eot');
    src: url('fonts/opensans-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-lightitalic-webfont.woff2') format('woff2'),
         url('fonts/opensans-lightitalic-webfont.woff') format('woff'),
         url('fonts/opensans-lightitalic-webfont.svg#open_sanslight_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanssemibold_italic';
    src: url('fonts/opensans-semibolditalic-webfont.eot');
    src: url('fonts/opensans-semibolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-semibolditalic-webfont.woff2') format('woff2'),
         url('fonts/opensans-semibolditalic-webfont.woff') format('woff'),
         url('fonts/opensans-semibolditalic-webfont.svg#open_sanssemibold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

body { background: url('../img/bg-body-repeat1.png') repeat-y 0% 0%;  font-size:1rem;  margin:0; padding:0;  font-family: 'open_sansitalic'; background-size:cover}

/** tisk jídelníček **/
h2.print {display:none}
.home { background: url('../img/bg-body.png') no-repeat 50% 0%;  margin:0; padding:0; background-size:cover}
.web { background: url('../img/bg-body.png') no-repeat 50% 0%;  margin:0; padding:0; background-size:contain}


.oblak1 {background: url('../img/bg-oblak1.png') no-repeat 0% 0%; background-size:cover; position:absolute; top:2rem; left:1rem; color:#fff; font-size:1rem; text-align:center;  padding:2.8rem 3.5rem 2.8rem 1.8rem;  font-family: 'open_sanssemibold_italic'; z-index:1000}
.oblak2 {background: url('../img/bg-oblak2.png') no-repeat 0% 0%; background-size:cover; position:absolute; top:18rem; left:-5rem; color:#fff; font-size:1rem; text-align:center;  padding:3.1rem 5rem 3rem 3rem;  font-family: 'open_sanssemibold_italic';  z-index:1000}
.oblak3 {background: url('../img/bg-oblak3.png') no-repeat 0% 0%; background-size:cover; position:absolute; top:2rem; right:-3rem; color:#fff; font-size:1rem; text-align:center;   padding:2.5rem 2rem 2.5rem 2rem;  font-family: 'open_sanssemibold_italic'; z-index:1000}
.oblak4 {background: url('../img/bg-oblak4.png') no-repeat 0% 0%; background-size:cover; position:absolute; top:18rem; right:-3rem; color:#fff; font-size:1rem; text-align:center;  padding:3.2rem 4rem 3rem 3rem;  font-family: 'open_sanssemibold_italic'; }
img.skolaHome {width:100%}


@media (min-width: 1024px) {
.oblak1 {background: url('../img/bg-oblak1.png') no-repeat 0% 0%; background-size:cover; position:absolute; top:2rem; left:4rem; color:#fff; font-size:1rem; text-align:center;  padding:2.8rem 3.5rem 2.8rem 1.8rem;  font-family: 'open_sanssemibold_italic'; z-index:1000}
.oblak2 {background: url('../img/bg-oblak2.png') no-repeat 0% 0%; background-size:cover; position:absolute; top:18rem; left:-3rem; color:#fff; font-size:1rem; text-align:center;  padding:3.1rem 5rem 3rem 4rem;  font-family: 'open_sanssemibold_italic';  z-index:1000}
.oblak3 {background: url('../img/bg-oblak3.png') no-repeat 0% 0%; background-size:cover; position:absolute; top:2rem; right:1rem; color:#fff; font-size:1rem; text-align:center;   padding:2.5rem 2rem 2.5rem 2rem;  font-family: 'open_sanssemibold_italic'; z-index:1000}
.oblak4 {background: url('../img/bg-oblak4.png') no-repeat 0% 0%; background-size:cover; position:absolute; top:18rem; right:-2rem; color:#fff; font-size:1rem; text-align:center;  padding:3.2rem 4.5rem 3rem 3rem;  font-family: 'open_sanssemibold_italic'; }
img.skolaHome {width:100%}
}

@media (min-width: 1366px) {
.oblak1 {background: url('../img/bg-oblak1.png') no-repeat 0% 0%; position:absolute; top:2rem; left:10rem; color:#fff; font-size:1.1rem; text-align:center;  padding:3.2rem 3.5rem 3.2rem 2.5rem;  font-family: 'open_sanssemibold_italic'; z-index:1000}
.oblak2 {background: url('../img/bg-oblak2.png') no-repeat 0% 0%; position:absolute; top:15rem; left:-5rem; color:#fff; font-size:1.1rem; text-align:center;  padding:3.1rem 5rem 3rem 2.4rem;  font-family: 'open_sanssemibold_italic';}
.oblak3 {background: url('../img/bg-oblak3.png') no-repeat 0% 0%; position:absolute; top:3rem; right:-2rem; color:#fff; font-size:1.1rem; text-align:center;   padding:2.3rem 6rem 2.5rem 1.5rem;  font-family: 'open_sanssemibold_italic';}
.oblak4 {background: url('../img/bg-oblak4.png') no-repeat 0% 0%; position:absolute; top:17rem; right:-6rem; color:#fff; font-size:1.1rem; text-align:center;  padding:3.2rem 5.5rem 3rem 2.3rem;  font-family: 'open_sanssemibold_italic';}
img.skolaHome {width:76%; padding-top:1rem}
}

@media (min-width: 1600px) {
.oblak1 {background: url('../img/bg-oblak1.png') no-repeat 0% 0%; position:absolute; top:2rem; left:5rem; color:#fff; font-size:1.1rem; text-align:center;  padding:3.2rem 3.5rem 3.2rem 2.5rem;  font-family: 'open_sanssemibold_italic'; z-index:1000}
.oblak2 {background: url('../img/bg-oblak2.png') no-repeat 0% 0%; position:absolute; top:15rem; left:-10rem; color:#fff; font-size:1.1rem; text-align:center;  padding:3.1rem 5rem 3rem 0.5rem;  font-family: 'open_sanssemibold_italic';}
.oblak3 {background: url('../img/bg-oblak3.png') no-repeat 0% 0%; position:absolute; top:3rem; right:-4rem; color:#fff; font-size:1.1rem; text-align:center;   padding:2.3rem 6rem 2.5rem 1.5rem;  font-family: 'open_sanssemibold_italic';}
.oblak4 {background: url('../img/bg-oblak4.png') no-repeat 0% 0%; position:absolute; top:16rem; right:-8rem; color:#fff; font-size:1.1rem; text-align:center;  padding:3.2rem 5.5rem 3rem 2.3rem;  font-family: 'open_sanssemibold_italic';}
img.skolaHome {width:100%; padding-top:0rem}
}

.Homebtn { background: url('../img/bg-input.png') repeat 0% 0%; 
    -moz-user-select: none;
    border: 0px solid #B9D05C;
    border-radius: 0.3rem;
    cursor: pointer;
    display: inline-block;
    font-size: 1.2rem;
    line-height: 1.5;
    padding: 0.5rem 2.8rem;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
	color:#fff;
	font-family: 'open_sanssemibold_italic';
	text-transform:uppercase;
	margin:2rem 0rem;
	
}

@media (min-width: 1200px) { 
.Homebtn  {width:25%}
 }

h1 {color:#c3180e; font-size:1.8rem; padding-bottom: 0.8rem; font-family: 'open_sanssemibold_italic'; }
h2 {color:#c3180e;  font-size:1.25rem; padding:1rem 0rem 0.2rem 0rem; font-family: 'open_sanssemibold_italic'; }
h3 { color:#c3180e; font-size:1.05rem; padding: 1rem 0rem 0rem 0rem; margin:0rem; font-family: 'open_sanssemibold_italic';  line-height:150%}
h3 span {color:#3BB1BF}
p {padding:0.3rem 0rem 0.5rem 0rem ; margin:0rem; text-align:justify; line-height:160%}
strong { font-family: 'open_sanssemibold_italic'; font-weight:normal; color:#3f3f3f}

ul {margin:0.5rem 0 0 0rem; padding:0 ;}
ul li {list-style-type:none;	background: url('../img/_li.png') no-repeat 0 0.5rem; padding:0 0 0.5rem 1rem; margin:0;}

.form-adc { background:#f5f5f5; border-radius:.25rem; margin-bottom:.25rem; }
.form-adc:after { content: ""; display: table; clear: both; }
.form-adc.noform { background:none; margin-top:2rem; padding-top:1rem; }
.form-adc.noform-small { background:none; margin-top:0.5rem; padding-top:0rem; }

.btn-secondary { background:#ACC8EC; color:#03316b; border-color:#0e6de7; margin:0.3rem }


footer { color:#000;}
footer p { padding:0; margin:0.5rem 0rem 1.5rem 0rem; font-size:0.9rem}
footer a:link, footer a:hover, footer a:visited { font-weight:normal; text-decoration:none; font-size:0.9rem}
footer a:hover {text-decoration:underline}
footer .lista {border-top:3px solid #fff; box-shadow: #c9cfc2 0px 1px 1px}

@media (min-width: 1600px) { footer p {font-size: 1rem;}  
	}

.cleaner {    clear: both; }
#toTop{	display: none; }


.header { position:relative; background: url('../img/bg-header.png') no-repeat 50% 100%; background-size:contain; padding-bottom:6rem  }
.logo {text-align:center; width:100%; padding-top:0.5rem}

@media (min-width: 1024px) { 
.header {position:relative; background: url('../img/bg-header.png') no-repeat 50% 100%; background-size:contain; padding-bottom:8rem; margin-bottom:0.5rem }

}	

@media (min-width: 1366px) { 
.header {position:relative; background: url('../img/bg-header.png') no-repeat 50% 100%; background-size:contain; padding-bottom:11.5rem; margin-bottom:0.5rem }

}	

@media (min-width: 1600px) { 
.header {position:relative; background: url('../img/bg-header.png') no-repeat 50% 100%; background-size:contain; padding-bottom:13.5rem;  margin-bottom:0rem}
.logo {text-align:center; width:100%; padding-top:1rem}
}

.tright {text-align:right}
.fright {float:right}


.page a:link.aktualita, .page a:visited.aktualita { font-weight:normal}
.page a:hover.aktualita{ text-decoration:underline}

.navbar, .navbar-brand {padding:0; }	

/* menu pro mobily, základ */
nav.menu { 
    display: block;
    width: 100%;
    font-size: 0;
	position:absolute; bottom:0; background:transparent;
	}

nav.menu ul {
    list-style-type: none;
    margin: 0 0 0 6rem;
    padding: 0;
}

nav.menu ul li { margin:0; padding:0; background:none;
        width: auto;
        /*background: red;*/
        display: inline-block;
}
	
nav.menu ul li.active {color:red}
	
nav.menu ul li.none {display:none}
	
nav.menu ul li a { color:#fff;background:none; font-family: 'open_sanssemibold_italic';
    display: block;
    padding: 0px 0.7rem;
    color: white;
    text-decoration: none;
   	line-height:13rem;
    height: 7rem;
    position: relative;
	font-size:1.1rem;
	text-shadow: -4px 0px 0px white, 0 4px 0px white, -3.5px 3.5px 0px white, 4px 0 0px white, 0 -4px 0px white, -3.5px -3.5px 0px white, 3.5px 3.5px 0px white, 3.5px -3.5px 0px white; 
	}

nav.menu a:hover { background:none; }

nav.menu ul  li:nth-of-type(1) a {color:#4494c6; }
nav.menu ul li:nth-of-type(2) a{color:#a3a213; }
nav.menu ul li:nth-of-type(3) a {color:#c3180e; }
nav.menu ul li:nth-of-type(4) a {color:#6a3ba1; }

nav.menu ul  li a:hover { color:#000}
	
nav.menu ul li ul { background:#dd6570 url('../img/menu-obrazek.png') no-repeat 50% 101%; border-radius:1rem; width:14.5rem;
    left: 0rem;
    margin: 0;
    padding: 1rem 1rem 13rem 1rem;
    position: absolute;
    top: 8.6rem;
}

nav.menu ul li ul li  {display:block; width:100%; margin:0; padding:0; background: url('../img/_li.png') no-repeat 0 1rem; }
nav.menu ul li ul li.last-item  {margin:0;}
		
nav.menu ul  li:nth-of-type(1) ul li a, nav.menu ul  li:nth-of-type(2) ul li a, nav.menu ul  li:nth-of-type(3) ul li a, nav.menu ul  li:nth-of-type(4) ul li a{color:#fff; text-decoration:underline; margin-left:0}
nav.menu ul  li:nth-of-type(1) ul li a:hover, nav.menu ul li.active ul li.active a.active {background:none; color:#fff035;}
nav.menu ul  li:nth-of-type(2) ul li a:hover {background:none; color:#fff035;}
nav.menu ul  li:nth-of-type(3) ul li a:hover {background:none; color:#fff035;}
nav.menu ul  li:nth-of-type(4) ul li a:hover {background:none; color:#fff035;}
	
nav.menu ul  li ul li.obrazek a {background: url('../img/menu-obrazek.png') no-repeat 50% 0%; height:12rem; z-index:2000; padding:0; width:16rem}
nav.menu ul li ul li  a { z-index:1030; 
	color:#fff;
    line-height:2.5rem;
	height:2.5rem;
	text-transform:none;
	font-weight:normal;
	font-size:1rem;
	padding:0 0 0 1rem;
	text-shadow:none;
}

@media (min-width: 1024px) {

 nav.menu ul { margin: 0 0 0 12rem; width:60%  }
 nav.menu ul li a { line-height:13rem; }
   
}	

@media (min-width: 1366px) {

 nav.menu ul { margin: 0 0 0 13rem; width:60%  }
 nav.menu ul li a { 
    padding: 0px 0.7rem;
   	line-height:11rem;
    height: 7rem;
	font-size:1.5rem;
	}
 nav.menu ul li ul  {left:2rem}
 
 nav.menu ul li ul li  a { z-index:1030; 
	color:#fff;
    line-height:2rem;
 height:2rem}
   
}	

@media (min-width: 1600px) { 

nav.menu { 
    width: 90%;
	}

nav.menu ul {
    margin: 0 0 0 10rem;
}
	
nav.menu ul li a { 
    padding: 0px 1rem;
   	line-height:11rem;
    height: 7rem;
	font-size:1.6rem;
	}

nav.menu ul  li:nth-of-type(1) a {color:#4494c6; }
nav.menu ul li:nth-of-type(2) a{color:#a3a213; margin-left:0px}
nav.menu ul li:nth-of-type(3) a {color:#c3180e; margin-left:0px}
nav.menu ul li:nth-of-type(4) a {color:#6a3ba1; margin-left:20px}

nav.menu ul  li a:hover, nav.menu ul  li.active a { color:#000}
	
nav.menu ul li ul {width:16rem;
    left: 1.5rem;
    margin: 0;
    padding: 1rem 1rem 13rem 1rem;
    position: absolute;
    top: 8rem;
}
	
nav.menu ul  li:nth-of-type(1) ul li a, nav.menu ul  li:nth-of-type(2) ul li a, nav.menu ul  li:nth-of-type(3) ul li a, nav.menu ul  li:nth-of-type(4) ul li a{color:#fff; text-decoration:underline; margin-left:0}
nav.menu ul  li:nth-of-type(1) ul li a:hover, nav.menu ul li.active ul li.active a.active {background:none; color:#fff035;}
nav.menu ul  li:nth-of-type(2) ul li a:hover {background:none; color:#fff035;}
nav.menu ul  li:nth-of-type(3) ul li a:hover {background:none; color:#fff035;}
nav.menu ul  li:nth-of-type(4) ul li a:hover {background:none; color:#fff035;}
	
nav.menu ul  li ul li.obrazek a {background: url('../img/menu-obrazek.png') no-repeat 50% 0%; height:12rem; z-index:2000; padding:0; width:16rem}
nav.menu ul li ul li  a { z-index:1030; 
    line-height:2.5rem;
	height:2.5rem;
	font-size:1.1rem;
	padding:0 0 0 1rem;}

}



.oddelovac { opacity:0.5; border-top:1px solid #DD6570; margin:1rem 0rem 0.5rem 0rem}

.clanek {margin:0rem; padding:1rem 0rem 1rem 0rem; border-top:1px solid #c9c5c5;  }
.sorting_1 .clanek {border:0}
.clanek .obr {background-size: cover; background:#fff; border:1px solid #d7d7d7; margin:0.3em 1.5em 0.2em 0em; width:140px; float:left} 
.clanek .datum {color:#3FC3D1; float:right;   font-family: open_sanssemibold_italic; font-size:0.9rem}
.clanek .datum i {color:#3f3f3f;}
.clanek strong {color:#000}
.clanek p, .clanek ul  {text-align:justify;  padding:0.5rem 0px 0rem 0px; margin:0px; line-height:150%; font-size:0.95rem}  
.clanek li {padding-bottom:0.5rem}
.clanek .autor {color:#0080ff;  float:right; padding-top:3px; padding-left:20px }
.clanek h3  { color:#c3180e; display:inline; line-height:120%; text-decoration:none; }
.clanek h3  a { color:#c3180e; line-height:120%; text-decoration:none;  padding-bottom:1rem; padding:0; }
.clanek .vice a, .boot a  { float:right; padding:0px 0px 0px 15px; margin:0px; text-decoration:none; line-height:100%; color: #024c71; text-decoration:underline }

#skolka .clanek .akce p {display:inline}
#skolka .clanek h3 {color:#3FC3D1; font-size: 1.1rem}

#dokumenty ul {margin: 0rem 0rem 0rem 0.5rem; padding:0px; } 
#dokumenty ul li {background:none;  font-size: 1rem; padding:0rem 0rem 1rem 0rem; margin:0px }
#dokumenty ul li ul {margin: 0.5rem 0rem 0rem 0rem; padding: 0px;}
#dokumenty ul li ul li {padding: 0.2rem 0rem 0.2rem 0.1rem; font-size:1rem; line-height:140%;}
#dokumenty ul ul li a {font-weight:normal; }

/* tabulka archiv - vymazání pozadí */	
table.dataTable tr.even,  table.dataTable tr.even td.sorting_1 {background:#FCF9E0; border-top: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5}
table.dataTable tr.odd, table.dataTable tr.odd td.sorting_1 {background:none}
table.dataTable thead th {border-bottom:1px solid #D8D8D8; }
table.dataTable thead th.sorting_asc {background:none; height:0.1rem; line-height:0.1rem }
table.dataTable tr.even td.sorting_1 p, table.dataTable tr.odd td.sorting_1 p {text-align:justify}
 
.dataTables_length {display:none}

 table.text {margin:10px 0px 0px 0px;  border:0px; font-size:1rem; font-family: 'open_sansitalic'; }
 table.text th {text-transform:uppercase; border:0px; border-bottom:3px double #dd6570; padding:15px 8px 2px 8px; background:none; text-align:left; color:#42C5D4; }
 table.text td {padding:12px 5px 3px 5px; border:0px; border-bottom:1px dotted #dd6570;}
 table.text td.separator {width:25px; text-align:center}
 table.text td.nahoru {vertical-align:top}
 table.text td ul {margin:0px 0px 0px 15px; padding:0px; }
 table.text td ul  li {margin:0px 0px 0px 0px; padding:0px 0px 5px 0px; line-height:140%; list-style-type:circle}
 table.text h3 {color:#BEA900; padding:0px; margin:5px}
 table.text p {margin:0px; padding:0px}
  
h2.jidelni-listek {font-size:1.2rem; font-weight:normal}
#jidelniListek h3 {border-bottom: 3px double #dd6570; padding: 15px 8px 2px 8px; margin-top:20px; background: none; text-align: left; color: #42C5D4}
table.tablet td.bunka1 {width:18%}
table.table td.bunka2 {width:65%}
table.table td.bunka3 {width:17%}

/* ouška */
#tabs {background:none; border:none}
#tabs img.kuchar {width:150px; top:-1rem; right:0; position:absolute}


.ui-widget-header {background:none; border:none; border-bottom:1px solid #004e6f; border-radius:0}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #004e6f;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    background: #fff; border: 1px solid #004e6f }

.ui-widget { font-size: 1em; }	

/* Slider - Slick */
/* ============== */
.mySlick {
     padding: 0rem; margin-top:1rem;
}
.mySlick h3 {
    background-color: aqua;
    text-align: center;
    margin-left: 1rem;
    margin-right: 1rem;
}


.slick-slide img {border-radius:0.6rem; border:6px solid #fff}
.slick-dots li {display:none}
	
#blok {margin-top:1rem;}
#blok img {float:right; margin:-1rem -2rem 0 0}

#page {margin:1rem 0rem 1rem 0rem; background:#fff; border-radius:1rem; padding:2rem; min-height:45rem}

/* fotogalerie */

.fotoGaleryVypis { width:160px; height:120px; text-align:center; padding:0px 3px 15px 5px; float:left; display: table-cell; vertical-align:middle; }
.fotoGaleryFoto {border: 1px dotted #9ACF05; margin:7px; width:170px; height:150px; float:left; padding:0px; display: table-cell;vertical-align: middle;text-align:center}


input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus, .gsc-search-button 
{
  box-sizing: content-box;
  line-height: normal;
}