HOME

5h-3LL 1.0
DIR: /srv/http/adent.cz/chlupacovajana.cz/app/webroot/css
/srv/http/adent.cz/chlupacovajana.cz/app/webroot/css/
Current File : /srv/http/adent.cz/chlupacovajana.cz/app/webroot/css/layout1.css
/* font pro body */
@font-face {
    font-family: 'texgyrepagellaitalic';
    src: url('./fonts/texgyrepagella-italic-webfont.eot');
    src: url('./fonts/texgyrepagella-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/texgyrepagella-italic-webfont.woff2') format('woff2'),
         url('./fonts/texgyrepagella-italic-webfont.woff') format('woff'),
         url('./fonts/texgyrepagella-italic-webfont.svg#texgyrepagellaitalic') format('svg');
    font-weight: normal;
    font-style: normal;
} /* kurzíva - výchozí font */
@font-face {
    font-family: 'texgyrepagellabold';
    src: url('./fonts/texgyrepagella-bold-webfont.eot');
    src: url('./fonts/texgyrepagella-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/texgyrepagella-bold-webfont.woff2') format('woff2'),
         url('./fonts/texgyrepagella-bold-webfont.woff') format('woff'),
         url('./fonts/texgyrepagella-bold-webfont.svg#texgyrepagellabold') format('svg');
    font-weight: normal;
    font-style: normal;
} /* lze vypnout - zakomentovat */
@font-face {
    font-family: 'texgyrepagellaregular';
    src: url('./fonts/texgyrepagella-regular-webfont.eot');
    src: url('./fonts/texgyrepagella-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/texgyrepagella-regular-webfont.woff2') format('woff2'),
         url('./fonts/texgyrepagella-regular-webfont.woff') format('woff'),
         url('./fonts/texgyrepagella-regular-webfont.svg#texgyrepagellaregular') format('svg');
    font-weight: normal;
    font-style: normal;
} /* lze vypnout - zakomentovat */
@font-face {
    font-family: 'texgyrepagellabold_italic';
    src: url('./fonts/texgyrepagella-bolditalic-webfont.eot');
    src: url('./fonts/texgyrepagella-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/texgyrepagella-bolditalic-webfont.woff2') format('woff2'),
         url('./fonts/texgyrepagella-bolditalic-webfont.woff') format('woff'),
         url('./fonts/texgyrepagella-bolditalic-webfont.svg#texgyrepagellabold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
} /* lze vypnout - zakomentovat */

/* font pro h1 */
/* Generated by Font Squirrel (https://www.fontsquirrel.com) on October 15, 2016 */
@font-face {
    font-family: 'commercialscript_btregular';
    src: url('./fonts/commercialscriptbt-regular-k-webfont.eot');
    src: url('./fonts/commercialscriptbt-regular-k-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/commercialscriptbt-regular-k-webfont.woff2') format('woff2'),
         url('./fonts/commercialscriptbt-regular-k-webfont.woff') format('woff'),
         url('./fonts/commercialscriptbt-regular-k-webfont.svg#commercialscript_btregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@media (min-width: 544px) { .container { max-width: 576px } }
@media (min-width: 768px) { .container { max-width: 720px } }
@media (min-width: 992px) { .container { max-width: 940px } }
@media (min-width: 1200px) { .container { max-width: 900px } }


/* 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% } }


body {
    background: url("../img/body-bg.png");
    padding-top: 2rem;
    padding-bottom: 4rem;
    font-family: 'texgyrepagellaitalic';
    font-size: 1.3rem;
    color: #565656;
}
@media (max-width: 768px) { body { font-size:1.2rem; } }

/* img { max-width:100%; height:auto; } /* obrázky responzivní */

a:hover { text-shadow: 2px 2px 5px rgba(0,0,0,.4); text-decoration:none; }

div.container { position:relative;}

/* hlavička - stín vpravo od obrázku */
div.adc-header::after {
    position:absolute;
    right:0px;
    top:10px;
    content:"";
/*    margin: 0 -15px;*/
    width:5px;
    height:100%;
    z-index:-1;
    -webkit-box-shadow: 2px 2px 12px 1px rgba(0,0,0,0.75);
    -moz-box-shadow: 2px 2px 12px 1px rgba(0,0,0,0.75);
    box-shadow: 2px 2px 12px 1px rgba(0,0,0,0.75);    
}

/* stíny po stranách kolem navigace */
div.adc-nav::before {
    position:absolute;
    left:0px;
    top:0;
    content:"";
    width:5px;
    height:100%;
    z-index:-1;
    -webkit-box-shadow: 2px 2px 12px 1px rgba(0,0,0,0.75);
    -moz-box-shadow: 2px 2px 12px 1px rgba(0,0,0,0.75);
    box-shadow: 2px 2px 12px 1px rgba(0,0,0,0.75);    
}
div.adc-nav::after {
    position:absolute;
    right:0px;
    top:0;
    content:"";
    width:5px;
    height:100%;
    z-index:-1;
    -webkit-box-shadow: 2px 2px 12px 1px rgba(0,0,0,0.75);
    -moz-box-shadow: 2px 2px 12px 1px rgba(0,0,0,0.75);
    box-shadow: 2px 2px 12px 1px rgba(0,0,0,0.75);    
}

/* navigace */
nav.adc-nav-main {   
    border-radius: 0px;
    border: none;
    margin: 0 -15px;
    background: #eddfea;
    padding: 0 5rem;
}
nav.adc-nav-main a { color: #565656; }
nav.adc-nav-main a:hover { text-shadow: 2px 2px 5px rgba(0,0,0,.4); 

}



/* -- přechod ze světle růžové na začátku navigace */
div.adc-nav-main::before {
    position:absolute;
    left:0;
    top:0;
    content: "";
    width:5rem;
    height:100%;
    background: #f8f2f7;
    background: -moz-linear-gradient(left, #f8f2f7 0%, #eddfea 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #f8f2f7 0%,#eddfea 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #f8f2f7 0%, #eddfea 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f2f7', endColorstr='#eddfea',GradientType=1 ); /* IE6-9 */
}
/* -- přechod do světle růžové na konci navigace */
div.adc-nav-main::after {
    position:absolute;
    right:0;
    top:0;
    content: "";
    width:5rem;
    height:100%;
    background: #f8f2f7;
    background: -moz-linear-gradient(left, #eddfea 0%, #f8f2f7 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #eddfea 0%, #f8f2f7 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #eddfea 0%, #f8f2f7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eddfea', endColorstr='#f8f2f7',GradientType=1 ); /* IE6-9 */
}
.navbar-nav { font-size:1.3rem}
.navbar-nav .nav-item+.nav-item { padding-left:2.6rem;}



@media (max-width: 992px) { 
    .navbar-nav .nav-item+.nav-item { padding-left: .8rem; } 
    nav.adc-nav-main a { font-size: 1.2rem; }
}
@media (max-width: 775px) { 
    .navbar-nav .nav-item+.nav-item { padding-left: 0rem; } 
    nav.adc-nav-main a { font-size: 0.9rem; }
}


@media (max-width: 541px) { 
/*	 .navbar-nav .nav-item+.nav-item { padding-left: 0; } */
	#hlavni-menu li.nav-item+li.nav-item { padding-left: 0; margin-left:0; } 
  	.navbar-nav .nav-item {float:none}
    nav.adc-nav-main a { font-size: 1.1rem; display:block; float:none }
}

/*
.adc-adent-custom-cokoli 

@media screen and (max-width: 480px) {
  // pravidla se aplikují jen při šířce do 480 px
}
img {
  max-width: 100%;
  height: auto; // tohle asi v bootstrapu není...
  box-sizing: border-box
}
*/



.adc-main {
    background: #fff url(../img/bg-main.png) 0 0 repeat-x;
    text-align: center;
    /*  stín  */
    -webkit-box-shadow: 2px 2px 12px 1px rgba(0,0,0,0.75);
    -moz-box-shadow: 2px 2px 12px 1px rgba(0,0,0,0.75);
    box-shadow: 2px 2px 12px 1px rgba(0,0,0,0.75);
    padding: 3rem 4rem 5rem 4rem;
}

h1.home, h2.home  { 
    font-family: 'commercialscript_btregular'; 
    color:#656363;
	z-index:3;
    position:absolute;
    font-size: 4.8rem;
	top:6.5rem;
    right:6.5rem;
}

h2.home  { 
    font-size: 3rem;
    top:11.5rem;
    right:3.5rem;
	text-indent:-8rem;
	line-height:80%;
}


h1  { 
    font-family: 'commercialscript_btregular'; 
    font-size: 4rem;
    color:#656363;
	z-index:3;
    position:absolute;
    top:6rem;
    right:6.5rem;
	line-height:100%;
	text-align:right
	
}

 

@media (max-width: 992px) {
h1 { font-size:4.3rem; top:4.2rem; right:5rem; } 
h1.home { font-size: 4rem; top:5rem;  right:4.5rem;}
h2.home { font-size: 2.3rem; top:9.5rem; right:3rem; text-indent:-8rem;}
 }

@media (max-width: 768px) { 
h1 { font-size:3rem; top:3.5rem; right:4rem; }
h1.home { font-size: 3rem; top:4rem;  right:4.5rem;}
h2.home { font-size: 1.9rem; top:7.5rem; right:2.5rem; text-indent:-5rem;}
 }
 

 @media (max-width: 550px) { 
h1 { font-size:2.6rem; top:3.3rem; right:4.5rem; }
h1.home { font-size: 2.6rem; top:3.5rem;  right:4rem;}
h2.home { font-size: 1.6rem; top:6.5rem; right:3rem; text-indent:-4rem;}
 }


 @media (max-width: 480px) { 
h1 { font-size:2.6rem; top:2.5rem; right:3.5rem; }
h1.home { font-size: 2.2rem; top:3rem;  right:3.5rem;}
h2.home { font-size: 1.4rem; top:5.5rem; right:3rem; text-indent:-3rem;}
 }

@media (max-width: 380px) { 
h1 { font-size:2rem; top:2rem; right:2.5rem; }
h1.home { font-size: 1.6rem; top:2.3rem;  right:2.5rem;}
h2.home { font-size: 1.2rem; top:4rem; right:1rem; text-indent:-3rem;}
 } 

 @media (max-width: 360px) { 
h1 { font-size:2rem; top:1.8rem; right:2.5rem; }
}
.home p {padding:0px; margin:0px}

.rozcestnik {padding-top:3rem}
.rozcestnik h2 {font-size:1.5rem; line-height:130%}
.rozcestnik  a { color: #565656;}



.novinkyPanel {position:relative; margin:0; padding:0px;  overflow:hidden;}
.novinkyPanel .framm {position:absolute; top:0; margin:0px; padding:2rem; height:100%; width:100%; z-index:100}
.novinkyPanel img { width:100%; height:auto; }
.novinkyPanel img.pozadi {height:100%; }
.podpis { background: url(../img/podpis-jana.png) no-repeat 100% 100%; background-size:contain}

.adc-separator, .adc-separator-konec {
    position:relative;
    text-align: center;
    padding-bottom: .75rem; 
    padding-top: .75rem; 
}
.adc-separator-konec::before {
    -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
}
.adc-separator::after, .adc-separator-konec::before {
    display: block;
    content: url(../img/separator.gif);
    top:0;
    left:50%;
    max-width:100%;
    height:auto;
}
.adc-separator::after, .adc-separator-konec::before {
    clear:both;
}

/* styl pro obrázek, který se po najetí myší trochu zvětší */
div.lupa {
    overflow: hidden;
    display: inline-block;
	padding:0.5rem;
}
div.lupa img { width:100%; height:auto; }

div.lupa img:hover {
    -ms-transform: scale(1.1, 1.1); /* IE 9 */
    -webkit-transform: scale(1.1, 1.1); /* Safari */
    transform: scale(1.1, 1.1);
}

/* styl pro "důležitý" obrázek s šedým pozadím */
div.obrazek-s-pozadim {
    display: inline-block;
    background: transparent url("../img/pozadi-obrazku.png") no-repeat;
    background-size: contain;
    /*  stín  */
/*
    -webkit-box-shadow: 1px 0 12px 1px rgba(0,0,0,0.3);
    -moz-box-shadow: 1px 0 12px 1px rgba(0,0,0,0.3);
    box-shadow: 1px 0 12px 1px rgba(0,0,0,0.3);
*/
    padding: 1rem 1rem;    
}

/* styp pro slider */
div.adc-slider-box {
    position: relative;
    background: transparent url("../img/pozadi-slider.png") no-repeat;
    background-size: contain;
    padding: 0;
    text-align: left;
	margin-bottom:2rem;
}

div.adc-slider-box  img { max-width:100%; height:auto; }

div.slider { 
    position: absolute;
	z-index: 5;	
    top: 0rem;
    left: 0rem;
	width: 100%;}
	
div.slider img {
    position: absolute;
    top: 2.5rem;
    left: 1.8rem;
    max-width: 87%;
    height: auto;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: opacity 2.4s;
}
@media (max-width: 1200px) { div.slider img {  max-width:87%; top:2.8rem; left:2rem; } }
@media (max-width: 992px) { div.slider img { max-width:85%; top:2.2rem; left:1.8rem; } }
@media (max-width: 768px) { div.slider img { max-width:83%; top:1.9rem; left:1.7rem; } }
@media (max-width: 544px) { div.slider img { max-width:82%; top:1.5rem; left:1.4rem; } }
div.slider .show {
    opacity: 1;
    filter: alpha(opacity=100);
}
div.slider .stoped {
    z-index: 1;
}
div.slider :first-child {
    position: relative; 
    display: block;
}

.omne p {text-align: left}
.omne h2 {text-align: left; font-size: 1.5rem; margin-top:2rem}

/* patička */
.adc-pagefooter {
    margin-top: 1rem;
	padding: 0 15px;
    color:black;
}

.adc-webworks, .adc-webworks a { 
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    font-size: 1rem;
    padding-top:2rem; 
    color:rgba(0,0,0,.35) 
}

/* webrormy */
.form-adc { background:#f5f5f5; border-radius:.25rem; margin-bottom:.25rem; padding:2px; }
.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-primary {
    background-image: linear-gradient(to bottom, #E6C3D8 0%, #DCA9C6 100%);
    background-repeat: repeat-x;
    border-color: #F6E9F0;
}
.btn { font-weight:bold; } 

/* Čtvercové náhledy obrázků */
/* ========================= */
div.adc-img-square { /* container pro obrázek */
  width:200px;
  height:200px;
  border:1px solid #999;
  margin:1rem;
  box-shadow:0 0 2px #666;
  display:inline-block; /* raději neměnit */
  overflow:hidden; /* neměnit */
}
/* div.adc-img-square + div.adc-img-square { margin-left: 20px; } */
	
.adc-horizontal { /* nastavení pro obrázek na šířku */
  width:auto;
  height:100%;
  /* zarovnání na střed */
  -ms-transform: translate(-25%, 0); /* IE 9 */
  -webkit-transform: translate(-25%, 0); /* Safari */
  transform: translate(-25%, 0);
}
.adc-vertical { /* nastavení pro obrázek na výšku */
  width:100%;
  height:auto;
  /* zarovnání na střed */
  -ms-transform: translate(0, -25%); /* IE 9 */
  -webkit-transform: translate(0, -25%); /* Safari */
  transform: translate(0, -25%);
}




.cleaner {
    clear: both;
}

#toTop{
	position: fixed;
	bottom: 10px;
	right: 10px;
	cursor: pointer;
	display: none;
	background-image: linear-gradient(to bottom, #E6C3D8 0%, #DCA9C6 100%);
	border:1px solid #DCA9C6;
	font-weight:normal
}


footer img {
    margin-right:1rem; 
    -webkit-box-shadow: 2px 2px 6px 1px rgba(0,0,0,0.75);
    -moz-box-shadow: 2px 2px 6px 1px rgba(0,0,0,0.75);
    box-shadow: 2px 2px 6px 1px rgba(0,0,0,0.75);
	border-radius:0.25rem
}


table.cenik td {text-align:left}
table.cenik td:nth-child(2) {text-align:right} 

a button {color:#fff; letter-spacing:1px; text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);}
.foot {background-image: linear-gradient(to bottom,#E0BFDB 0%, #D2A3CB 100%); padding:0.5rem 1rem;  box-shadow: 2px 5px 4px 2px #888888; border:1px solid #fff}

/* fotogalerie */



.fotoGaleryVypis { width:160px; height:120px; text-align:center; padding:0px 3px 15px 5px; float:left; display: table-cell; vertical-align:middle; }
/** .fotoGaleryFoto { margin:7px; width:100px; height:100px; border:1px solid red; float:left; padding:0px; display: table-cell;vertical-align: middle;text-align:center; overflow:hidden}

**/

div.fotoGaleryFoto {
    overflow: hidden;
    display: inline-block;
	height:210px;
	width:210px;
	margin:1rem;
}

div.fotoGaleryFoto img { 
 -ms-transform: scale(2, 2); /* IE 9 */
 -webkit-transform: scale(2, 2); /* Safari */
  transform: scale(2, 2);
}



#dokumenty ul {margin: 0px 10px 30px 0px; padding:0px; } 
#dokumenty ul li {
	background:none; color: #C3341C;
    font-size: 15px; font-weight:bold;
	padding:  0px 0px 5px 0px; }
#dokumenty ul li span {color:#000; font-size:13px; font-weight:normal;	 padding:  0px 0px 5px 0px; }
#dokumenty ul  ul {margin: 3px 10px 20px 20px;}
#dokumenty ul ul li {
	background: url('../img/_li.jpg') no-repeat 0 5px; 
	padding:  0px 0px 10px 15px; font-weight:normal; font-size:13px; line-height:140%;}

#faqs {text-align:left; margin:0px; line-height:150%}
#faqs h3  { cursor:pointer; padding:0px 0px 5px 0px; margin:0px; color:#C3341C;  font-size:14px; text-decoration:underline; font-weight:normal;  }
#faqs h3 span {}
#faqs h3.active  { color:#d74646; } 
#faqs div { height:0; overflow:hidden; position:relative;  padding:0px 10px 5px 5px}
#faqs div p  { padding:5px 0px 5px 0px; margin: 0px; line-height:180%; }
#faqs ul {margin:0px 0px 0px 20px; list-style-type:none}
#faqs li {line-height:150% }
#faqs ul.reference {margin-left:0px; list-style-type:none; padding-left:0px}
#faqs h3.otazka span {border-bottom: 0px solid #000000; cursor:auto; }


#faqsTable {text-align:left; margin-top:10px; line-height:150%}
#faqsTable h3  { cursor:pointer; padding:0px 0px 5px 0px; margin:0px; color:#2F5B75;  font-weight:normal;  }
#faqsTable h3 span {border-bottom:1px solid #000}
#faqsTable h3.active  { color:#d74646; } 
#faqsTable div { height:0px; overflow:hidden; position:relative; background: url("../img/bg-odpoved.jpg") repeat-x 0 0 #EFEFEF; border:1px solid #CBCBCB; border-radius:5px; padding:8px}
#faqsTable div p  { padding:0; margin: 0px; }
#faqsTable ul {margin-left:20px; list-style-type:decimal}
#faqsTable ul  li {margin:5px 0px 3px 0px; color:#2F5B75; text-align:justify; padding:0px 8px 3px 0px }
#faqsTable ul.reference {margin-left:0px; list-style-type:none; padding-left:0px}
#faqsTable strong p {font-weight:bold; color:#484649}

#faqsTable h3.otazka span {border-bottom: 0px solid #000000; cursor:auto; }


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