HOME

5h-3LL 1.0
DIR: /srv/http/adent.cz/ms-specmb.cz/app/webroot/css
/srv/http/adent.cz/ms-specmb.cz/app/webroot/css/
Current File : /srv/http/adent.cz/ms-specmb.cz/app/webroot/css/layout.css
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:opsz,wght@6..12,700&family=Nunito:wght@700;800&display=swap');
@font-face {
    font-family: 'texgyreadventorregular';
    src: url('./fonts/texgyreadventor-regular-webfont.eot');
    src: url('./fonts/texgyreadventor-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/texgyreadventor-regular-webfont.woff2') format('woff2'),
         url('./fonts/texgyreadventor-regular-webfont.woff') format('woff'),
         url('./fonts/texgyreadventor-regular-webfont.svg#texgyreadventorregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Font Awesome 5 Free';
    font-weight: bold;
    font-style: normal;
    src: url('./fonts/fa-regular-400.woff2');
  }

body { 
    background : url('../img/bg-prechod4.jpg')  ; 
    background-size: 100%;
   /* background : #5DA1EC url('../img/pozadi_top.png') no-repeat ; */
    padding-top: 1.5rem;
	font-size:1rem
}

.page {padding:2.5rem 1rem 0rem 1rem; min-height:600px}
.page h2 { color:#B54F53;  margin:2.5rem 0rem 1rem 0rem; font-size:1.2rem; font-weight:bold}
.page h3 {color:#312760; font-size:1.1rem; padding-bottom:0.5rem; margin:1rem 0rem 0rem 0rem; font-family: Arial, Helvetica, sans-serif; font-weight:bold;}
.cleaner {
    clear: both;
}


a.link-out::after,a[target]::after{content:" ";font-family:"Font Awesome 5 Free";font-weight:900;text-decoration:none;color:inherit;padding-left:0rem}a[href*=".pdf"]::after,a.not-link-out::after{content:""}a.file-file::before{content:"  ";font-family:"Font Awesome 5 Free";font-weight:400;text-decoration:none;color:inherit;padding-left:0rem}a.file-word::before{content:"  ";font-family:"Font Awesome 5 Free";font-weight:400;text-decoration:none;color:inherit;padding-left:0rem}a[href*=".doc"]::before{content:"  ";font-family:"Font Awesome 5 Free";font-weight:400;text-decoration:none;color:inherit;padding-left:0rem}a.file-excel::before{content:"  ";font-family:"Font Awesome 5 Free";font-weight:400;text-decoration:none;color:inherit;padding-left:0rem}a[href*=".xls"]::before{content:"  ";font-family:"Font Awesome 5 Free";font-weight:400;text-decoration:none;color:inherit;padding-left:0rem}a.file-powerpoint::before{content:"  ";font-family:"Font Awesome 5 Free";font-weight:400;text-decoration:none;color:inherit;padding-left:0rem}a[href*=".ppt"]::before{content:"  ";font-family:"Font Awesome 5 Free";font-weight:400;text-decoration:none;color:inherit;padding-left:0rem}a.file-text::before{content:"  ";font-family:"Font Awesome 5 Free";font-weight:400;text-decoration:none;color:inherit;padding-left:0rem}a[href*=".txt"]::before{content:"  ";font-family:"Font Awesome 5 Free";font-weight:400;text-decoration:none;color:inherit;padding-left:0rem}a.file-pdf::before{content:"  ";font-family:"Font Awesome 5 Free";font-weight:400;text-decoration:none;color:inherit;padding-left:0rem}a[href*=".pdf"]::before{content:"  ";font-family:"Font Awesome 5 Free";font-weight:400;text-decoration:none;color:inherit;padding-left:0rem}a.file-zip::before{content:"  ";font-family:"Font Awesome 5 Free";font-weight:400;text-decoration:none;color:inherit;padding-left:0rem}a[href*=".zip"]::before{content:"  ";font-family:"Font Awesome 5 Free";font-weight:400;text-decoration:none;color:inherit;padding-left:0rem}a[href*=".rar"]::before{content:"  ";font-family:"Font Awesome 5 Free";font-weight:400;text-decoration:none;color:inherit;padding-left:0rem}a[href*=".arj"]::before{content:"  ";font-family:"Font Awesome 5 Free";font-weight:400;text-decoration:none;color:inherit;padding-left:0rem}a[href*=".gz"]::before{content:"  ";font-family:"Font Awesome 5 Free";font-weight:400;text-decoration:none;color:inherit;padding-left:0rem}a.file-video::before{content:"  ";font-family:"Font Awesome 5 Free";font-weight:400;text-decoration:none;color:inherit;padding-left:0rem}a.file-image::before{content:"  ";font-family:"Font Awesome 5 Free";font-weight:400;text-decoration:none;color:inherit;padding-left:0rem}a.no-file::before{content:""}


#toTop{
	position: fixed;
	bottom: 10px;
	right: 10px;
	cursor: pointer;
	display: none;
}
/* fotogalerie */
.fotoGaleryVypis {float:left;padding:5px; margin:10px; background:#efefef; height:180px; width:30%; font-size:13px }
.fotoGaleryVypis img {padding:8px; width:100%; }
.fotoGaleryVypis i {font-size:10px}
.fotoGaleryFoto {border: 1px dotted #9ACF05; margin:7px; width:180px; height:180px; float:left; padding:0px; display: table-cell;vertical-align: middle;text-align:center}
.fotoGaleryFoto p {text-align:center; padding-top:5px; }
.fotoGaleryFoto1 {border: 1px dotted #9ACF05; margin:7px; width:180px; height:150px; float:left; padding:0px; display: table-cell;vertical-align: middle;text-align:center}
.stred {text-align:center}

.blok-modra {background:#e3eef9; border-radius:0.5rem; padding:1rem}
.blok-modra h2 {color:#0773F7; font-size:1.4rem; font-weight:bold}

.center {text-align:center} 

.msu p {display:inline}

h3.jidelni-listek {color:#0773F7; font-size:1.2rem; padding-bottom:0.5rem; margin:0px;  font-weight:bold}

hr {  background : url('../img/hr.gif') repeat-x ; height:4px; border:0; margin:1.5rem 0rem 0.5rem 0rem; padding:0rem }
hr.nula {  background : url('../img/hr.gif') repeat-x ; height:4px; border:0; margin: 0rem; padding:0rem }
.hrana {background : url('../img/hr.gif') repeat-x ; height:4px;}



.obr {  padding:1rem; border:1px solid #FFD38D; border-radius:1rem; margin-top:0.5rem}


#dokumenty h3 {color:#0773F7;  font-size:1.1rem; }
#dokumenty ul {margin: 20px 0px 0px 0px; padding:0px; } 
#dokumenty ul li {
	background:none; font-weight:bold;
	padding:  0px 0px 5px 0px; }
#dokumenty ul li span {color:#000;  font-weight:normal;	 padding:  0px 0px 5px 0px; }
#dokumenty ul  ul {margin: 3px 10px 20px 5px;}
#dokumenty ul ul li { padding:  0px 0px 10px 0px; font-weight:normal; line-height:140%;}

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


/*
@media (min-width: 544px) { . {  } }
@media (min-width: 768px) { . {  } }
@media (min-width: 992px) { . {  } }
@media (min-width: 1200px) { . {  } }
*/


/* rozdělení na 5 sloupců - (nejen) container pro položky horního menu */
.col-xs-1of5 { position:relative; min-height:1px; padding-right:0px; padding-left:0px; float:left;  width:20% }
@media (min-width: 544px) { .col-sm-1of5 { position:relative; min-height:1px; padding-right:0px; padding-left:0px; float:left;  width:20% } }
@media (min-width: 768px) { .col-md-1of5 { position:relative; min-height:1px; padding-right:0px; padding-left:0px; float:left;  width:20% } }
@media (min-width: 992px) { .col-lg-1of5 { position:relative; min-height:1px; padding-right:0px; padding-left:0px; float:left;  width:20% } }
@media (min-width: 1200px) { .col-xl-1of5 { position:relative; min-height:1px; padding-right:0px; padding-left:0px; float:left;  width:20% } }


/* Move down content because we have a fixed navbar that is 50px tall */

.img-responsive {
    max-width:100%;
    height:auto;
}

/* menu */

nav ul { list-style:none; list-style-position:inside; }
nav button.pastelka { display:block; width:100%; text-align:left; }
ul.nav li.nav-item a { display:block; }
ul.nav:last-child { margin-bottom:1em; }

.pastelka {
    height:3em;
    position:relative;
    vertical-align: middle;
    padding: 0.8em 0 0 1em;
    margin: 0 0 0.5em 0;
    border:none; border-radius:0px; }

    .pastelka:after {
        content:"";
        position: absolute;
        top:0;
        left:0;
        margin-right:20em;
        background:rgba(255,255,255,.4);
        width:100%;
        height: .5em;
    }
    .pastelka:before {
        content:"";
        position: absolute;
        bottom:0;
        left:0;
        background:rgba(0,0,0,.2);
        width:100%;
        height: .5em;
    }
    .pastelka .spicka {
        z-index:3;
        position: absolute;
        bottom:0;
        right:.5em;
        background:#FFB032;
        width:1.5em;
        height:100%;
    }
    .pastelka .spicka:before {
        z-index:5;
        content:"";
        position: absolute;
        top:0;
        width:2em;
        height:1.1em;
        border-right:2em solid #F4F2E5;
        /* border-right:2em solid #5DA1EC; */
        border-bottom:1.1em solid transparent;
    }
    .pastelka .spicka:after {
        z-index:5;
        content:"";
        position: absolute;
        bottom: 0;
        width:2em;
        height:1.1em;
        border-top:1.1em solid transparent;
        border-right:2em solid #F4F2E5;
        /*border-right:2em solid #5DA1EC; */
    }
    
    .pastelka a { text-decoration:none; display:block; }
    .pastelka a:hover { text-decoration:underline; }
    
    .pastelka.modra, .pastelka.modra a { background:#3B7FD0; color:#fff; }
    .pastelka.modra1, .pastelka.modra1 a { background:#4A8AD4; color:#fff; }
    .pastelka.modra2, .pastelka.modra2 a { background:#5590D6; color:#fff; }
    .pastelka.modra3, .pastelka.modra3 a { background:#5D96D9; color:#fff; }
    .pastelka.modra4, .pastelka.modra4 a { background:#6A9DDC; color:#fff; }
    .pastelka.modra5, .pastelka.modra5 a { background:#75A6E0; color:#fff; }
    .pastelka.modra6, .pastelka.modra6 a { background:#7FADE1; color:#fff; }
    .pastelka.modra7, .pastelka.modra7 a { background:#8BB3E4; color:#fff; }
    .pastelka.modra8, .pastelka.modra8 a { background:#96BBE7; color:#fff; }
    .pastelka.modra9, .pastelka.modra9 a { background:#A1C3E8; color:#fff; }
    .pastelka.modra10, .pastelka.modra10 a { background:#ABC9EB; color:#fff; }
    
    section.hlavni { background: white; width:100%; }
    
    h1 { color:#0773f7; font-weight: bold; font-size:1.55rem; margin-bottom:1rem; border-bottom:1px solid #0773F7; line-height:130%} 
    h1 span {display:block}
    
    h1 span {font-size:1.5rem; font-weight:normal}
    h1 span.text {font-size:1.7rem; color:red; font-weight:bold}
    
    a, a:visited, a:hover { color: #0C7A0E; }
    a, a:visited { text-decoration: none; }
    a:hover { text-decoration: underline; }
    
    header:after { content: ""; display: block; clear:both; }

    .header-mss {font-size:1.1rem; margin:-0.5rem 0rem 0rem 0rem; padding:0;text-transform:uppercase; font-family: 'Nunito', sans-serif;  font-weight:bold; color:#312760; text-align:center}
    .header-mss span { font-weight:normal; text-transform:none; font-size:1rem}
       
    header div.header-pastelka { float: right; padding:0px; line-height:1;   font-family: 'Nunito',Helvetica,Arial,Lucida,sans-serif;}
    header .header-pastelka { 
        font-size : 4.5rem; 
        font-weight: bold;
        /*text-shadow : 2px 4px 9px rgba(0,0,0,.2), 1px 1px 0px rgba(0,0,0,.4); */
        margin-top: 1rem;
    }
    
    .menu-pc {display:none; }
    .logo {display:none}
    header.mobil {padding:2rem 1rem 1rem 1rem; background:#F4F2E5; border:0;}    
   
    .zpravicky {display:grid; grid-template-columns: repeat(2,1fr); gap:1rem}
    .zpravicky figure {text-align:center}

@media (min-width: 768px) { 
    nav { padding-right:0em; } 
    nav ul { padding: 1.5rem 0 0 0; }
}


@media (min-width: 768px) { section.hlavni { margin-top:rem; padding-right:0px} }



@media (min-width: 768px) { 
    header .header-pastelka { font-size:2.5rem; margin-top:0px; } 
    header .header-mss { font-size: 1.5rem; }
    .menu-pc {display:block}
    header.mobil { display:none}
    
}

@media (min-width: 992px) { 
    header .header-pastelka { font-size:3rem; } 
    header .header-mss { font-size: 1.5rem; }
    .logo {display:block}
    
  
}
@media (min-width: 1200px) { 
    .header-mss {font-size:2.5rem; margin:0rem 0rem 0rem 0rem; padding:0; font-family: 'Nunito', sans-serif;  font-weight:bold; color:#312760; line-height:100%; text-align:center}
    .header-mss span { font-weight:normal; text-transform:none; font-size:1.5rem}
    .zpravicky {display:grid; grid-template-columns: repeat(6,1fr); gap:1rem}
    .zpravicky figure {text-align:center}
}

.poverenec {background:#FFD798; padding:0.8rem; border-radius:5px; margin-top:2rem}
.poverenec h3 {font-size:1.2rem; font-weight:bold}

header .slider-box { 
    float: left; 
    margin-top:1rem; 
    margin-left:0rem; 
	position: relative; /* relativní pozicování spolu s průhledným obrázkem v plné velikoti na pozadí zabezpečí "správný" tok stránky */
	z-index: 100;
 
}
header .slider { 
    position: absolute;
	z-index: 5;	
    top: 0;
    left: 0;
	width: 100%;}
header .slider img {
    position: absolute;
	box-shadow: 2px 2px 8px #808080;
    top: 0;
    left: 0;
    max-width: 100%;
    height: auto;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: opacity 2.4s;
}
header .slider .show {
    opacity: 1;
    filter: alpha(opacity=100);
}
header .slider .stoped {
    z-index: 1;
}
header .slider :first-child {
    position: relative; 
    display: block;
}

header img.header-slunicko {
    float:right;
    padding-right: 0.8rem;
    padding-top: 8.9rem;
}

.page {background:rgba(255, 208, 134, 0.15); padding:1rem}
.page p {padding:0.5rem 0rem 0.5rem 0rem; margin:0}
.page ul {list-style-type:none; margin:0; padding:0.5rem 0rem 0.5rem 0.5rem; margin:0}
.page ul li {background: url("../img/_li.png") no-repeat 0 0.2rem; padding:0rem 0rem 0.5rem 1.5rem; margin:0;}

footer {
    padding: 1rem 1rem 2rem 1rem; text-align:center; 
}   
.img-kraj {max-width:150px; padding-bottom:0.5rem; display:block; margin:0 auto;}    
small {display:block;line-height:110%; padding-bottom:1rem}    


@media (min-width: 1200px) {
    
    .page {background:rgba(255, 208, 134, 0.15); padding:3rem}
    footer {display:flex; justify-content: space-between;}
    footer.cookies {text-align:right}
    footer small {display:block;line-height:110%; padding-bottom:1rem}

}



.adc-webworks, .adc-webworks a { color:rgba(0,0,0,.5);  text-align: right;text-decoration:none; }
.adc-webworks a:hover { background:#FBB647; }




#kalendar h3 {background:#C1E5FF; font-weight:bold}
#kalendar ul li {list-style-type:none; background:none; border-top:1px dotted #E26368; border-bottom:1px dotted #E26368; padding:0.5rem 0rem; margin:0}	

.btn-primary {
    color: #fff;
    background-color: #4a362b;
    border-color: #4a362b; }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #392921;
    border-color: #4a362b; }
	
a:link.btn, a:visited.btn  { color: rgba(255,255,255,0.6); }
a:hover.btn { color: rgba(255,255,255,1); } 
.btn-group-sm > .btn, .btn-sm { 
	padding: 0.25rem 0.5rem 0.35rem .5rem; } 

.adc-tabs{padding:0;margin:0;border:0}.adc-tabs>div{display:none}.adc-tabs>div.active{display:block}.adc-tabs>ul li{display:inline-block;text-align:center}.adc-tabs>ul li a{text-decoration:none;display:inline-block}.adc-tabs>ul li a.active,.adc-tabs>ul li a:active,.adc-tabs>ul li a:hover,.adc-tabs>ul li a:focus{text-decoration:underline}.adc-tabs>ul li{color:#cc7a00;background-color:#ffeacc;padding:0;margin:0}.adc-tabs>ul li a{color:#cc7a00}.adc-tabs>ul li.active{background:#ffad33;border-color:#cc7a00}.adc-tabs>ul li.active a{color:rgba(255,255,255,0.9)}.adc-tabs>ul li a:active,.adc-tabs>ul li a:hover,.adc-tabs>ul li a:focus{color:rgba(255,255,255,0.9);background:#ff9800;border-color:#cc7a00}.adc-tabs>ul{margin-top:0;padding:0.5rem 1rem 0 1rem;border-bottom:3px solid #FF9800}.adc-tabs>ul li{border:1px solid currentcolor;border-bottom:0;border-top-left-radius:5px;border-top-right-radius:5px}.adc-tabs>ul li a{padding:0.5rem 1.5rem 0.5rem 1.5rem}.adc-accordion>*:nth-child(odd){cursor:pointer}.adc-accordion>*:nth-child(even){display:none}.adc-accordion>*:nth-child(odd):not(.expanded)::after{content:"";display:inline-block;width:.5rem;height:.5rem;color:currentColor;margin:0;margin-top:.25rem;padding:0;margin-right:.5rem;border-top:1px solid currentColor;border-right:1px solid currentColor;transform:rotate(135deg);float:right}.adc-accordion>*:nth-child(odd).expanded::after{content:"";display:inline-block;width:.5rem;height:.5rem;color:currentColor;margin:0;margin-top:.25rem;padding:0;margin-right:.5rem;border-top:1px solid currentColor;border-right:1px solid currentColor;transform:rotate(315deg);float:right}.adc-accordion .expanded+*{display:block}.adc-photogallery{box-sizing:content-box;display:grid;grid-template-columns:repeat(6, 1fr);grid-gap:30px}.adc-photogallery figure{border:1px solid #ccc;border-radius:5px;padding:0;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.adc-photogallery figure a{display:inline-block;padding:0.75rem;max-width:100%}.adc-photogallery figure img{display:block;max-width:100%;height:auto;object-fit:contain}.adc-photogallery-link{display:grid;grid-template-columns:2fr 1fr}.adc-photogallery-link img{max-width:100%;height:auto}.adc-square-images{display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:15px}@media only screen and (min-width: 767px){.adc-square-images{grid-template-columns:repeat(5, 1fr);grid-gap:30px}}.adc-square-images figure{padding:0rem;width:100%;box-sizing:content-box;border:1px solid #ccc;border-radius:5px}.adc-square-images figure figcaption{text-align:center;margin-bottom:0.25rem}.adc-square-image{display:block;width:100%;overflow:hidden;position:relative;padding:0}.adc-square-image::after{content:"";display:block;padding-bottom:100%}.adc-square-image>span{position:absolute;top:0;left:0;display:block;box-sizing:content-box;padding:.75rem;width:calc(100% - 2 * .75rem);height:calc(100% - 2 * .75rem)}.adc-square-image img{width:100%;height:100%;object-fit:cover}.adc-cols-equal-2{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:10px}.adc-cols-equal-3{display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:10px}.adc-cols-equal-4{display:grid;grid-template-columns:repeat(4, 1fr);grid-gap:10px}.adc-cols-equal-5{display:grid;grid-template-columns:repeat(5, 1fr);grid-gap:10px}.adc-cols-equal-6{display:grid;grid-template-columns:repeat(6, 1fr);grid-gap:10px}.adc-cols-equal-7{display:grid;grid-template-columns:repeat(7, 1fr);grid-gap:10px}.adc-cols-equal-8{display:grid;grid-template-columns:repeat(8, 1fr);grid-gap:10px}.adc-cols-equal-9{display:grid;grid-template-columns:repeat(9, 1fr);grid-gap:10px}.adc-cols-equal-10{display:grid;grid-template-columns:repeat(10, 1fr);grid-gap:10px}.adc-cols-equal-11{display:grid;grid-template-columns:repeat(11, 1fr);grid-gap:10px}.adc-cols-equal-12{display:grid;grid-template-columns:repeat(12, 1fr);grid-gap:10px}

.table {margin-top:1rem}
.table td, .table th {
    padding: .75rem;
    vertical-align: top;
    border-bottom: 1px solid #eceeef;
    border-top: 0px solid #eceeef;}


    .homePanel {
        display: block ;
        margin: 2rem 0rem;
    }


     .panel2, .panel1, .panel {
        margin: 0rem;
        padding: 0rem;
        box-shadow: 2px 2px 15px 3px rgba(0, 0, 0, 0.2);
        display: block;
    }

    .panel1 {padding:1.5rem; background:#fff}

    .homePanel h3  {text-align:center; background:transparent}
    .cervena {background-color:#ff9999; padding-bottom:0.8rem}
    .cervena p.titulek {font-weight:bold; color:#fff; background:#F80505; text-transform:uppercase; padding:0.5rem}
    .cervena p {padding:0.8rem 0.8rem 0rem 0.8rem}

    .modra {background-color:#abc9eb;}
    .modra p.titulek {font-weight:bold; color:#fff; background:#517ff7; text-transform:uppercase; padding:0.5rem}
    .modra p {padding:0.8rem 0.8rem 0rem 0.8rem}

    .zluta {background-color:rgb(255, 255, 204)}
    .zluta p.titulek {font-weight:bold; color:#fff; background:#E7E704; text-transform:uppercase; padding:0.5rem}
    .zluta p {padding:0.8rem 0.8rem 0rem 0.8rem}
    
    @media only screen and (min-width: 768px) {
      .homePanel {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 2rem;
       }
       .homePanel a {
        margin-bottom:0rem; 
       
       }
    }