HOME

5h-3LL 1.0
DIR: /srv/http/adent.cz/farma-sidlakov.cz/app/webroot/css
/srv/http/adent.cz/farma-sidlakov.cz/app/webroot/css/
Current File : /srv/http/adent.cz/farma-sidlakov.cz/app/webroot/css/layout.css
@font-face {
    font-family: 'sinkin_sans400_regular';
    src: url('fonts/sinkinsans-400regular-webfont.eot');
    src: url('fonts/sinkinsans-400regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/sinkinsans-400regular-webfont.woff2') format('woff2'),
         url('fonts/sinkinsans-400regular-webfont.woff') format('woff'),
         url('fonts/sinkinsans-400regular-webfont.svg#sinkin_sans400_regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'sinkin_sans700_bold';
    src: url('fonts/sinkinsans-700bold-webfont.eot');
    src: url('fonts/sinkinsans-700bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/sinkinsans-700bold-webfont.woff2') format('woff2'),
         url('fonts/sinkinsans-700bold-webfont.woff') format('woff'),
         url('fonts/sinkinsans-700bold-webfont.svg#sinkin_sans700_bold') format('svg');
    font-weight: normal;
    font-style: normal;

}

body { font-family: 'sinkin_sans400_regular';
   	background: #fefefd; font-size:1rem;
}

.navbar-default { box-shadow:none; }
.drevo-up {background: url("../img/drevo-up1.png") no-repeat 0% 0%; background-size:contain }
.drevo-up p, .drevo-up ul.jazyk { color:#fff; margin-top:1.6rem; font-size:1rem; margin-left:-1rem }

@media (min-width: 768px) {

.drevo-up p, .drevo-up ul.jazyk { color:#fff; margin-top:1.5rem; font-size:1rem; margin-left:-1rem }
}

@media (min-width: 801px) {

.drevo-up p, .drevo-up ul.jazyk { color:#fff; margin-top:2.1rem; font-size:1rem; margin-left:-1rem }
}
@media (min-width: 981px) {

.drevo-up p, .drevo-up ul.jazyk { color:#fff; margin-top:4rem; font-size:1rem; margin-left:-1rem }
}


.drevo-up span {border-radius:50%; border:2px solid #fff; padding:0.4rem 0.6rem	}
.drevo-up a.dlink {color:#fff; text-transform:none; background:none; }
.drevo-up a:hover.dlink {text-decoration:underline}

.drevo-up ul.jazyk {text-align:right}
.drevo-up ul.jazyk a {color:#fff;  padding:0rem 0.5rem 0rem 0.5rem; }
.drevo-up ul.jazyk a:hover {text-decoration:underline; background: url("../img/separator.png") no-repeat 100% 50%;}
.drevo-up ul.jazyk li.last-item a:hover {background:none}

.drevo-bottom {background: url("../img/drevo-bottom.png") no-repeat 0% 0%; background-size:cover; margin:0 }
.drevo-bottom  p { color:#fff; margin:1.3rem 0rem 0.3rem 0rem; font-size:1rem; font-family: 'sinkin_sans700_bold'; }
.drevo-bottom  span {border-radius:50%; border:2px solid #fff; padding: 0.6rem; vertical-align:2px	}
.jumbotron {background: url("../img/bg-body.png") no-repeat 0% 0%; background-size:cover; padding:0.5rem 0rem; border-radius:0; margin:13rem 0rem 0rem 0rem; }
@media (min-width: 801px) {
.jumbotron {background: url("../img/bg-body.png") no-repeat 0% 0%; background-size:cover; padding:0.5rem 0rem; border-radius:0; margin:15rem 0rem 0rem 0rem; }
}

.infoBlok  {background: url("../img/bg-drevo.png") no-repeat 0% 0%; background-size:cover; margin:0 ; padding:1rem 0rem;}
.infoBlok h2 {color:#fff; background: url("../img/bg-h2.png") no-repeat 50% 100%; margin:2rem; padding-bottom:2rem }

h1 {color:#000; background: url("../img/bg-h1.png") no-repeat 50% 100%; margin:3rem 0rem 1rem 0rem; padding-bottom:3rem; font-size:1.8rem; text-align:center; font-family:'sinkin_sans700_bold' }
h2 {color:#000; font-size:1.2rem; font-family:'sinkin_sans700_bold'; margin:1.5rem; padding:0rem; color:#aec35c }
h3 {text-align:center; color:#4b2207; font-family:'sinkin_sans700_bold'; font-size:1rem; line-height:150%; padding:0rem; margin:2rem 2rem 1rem 2rem}

@media (min-width: 981px) {

h3 {text-align:center; color:#4b2207; font-family:'sinkin_sans700_bold'; font-size:1.1rem; line-height:150%; padding:0rem; margin:1rem 2rem 1rem 2rem}

}


p  {text-align:center;}

.separator {background: url("../img/bg-h1.png") no-repeat 50% 100%; line-height:5rem}

#home h2 {text-align:center; color:#4b2207}
#home p {text-align:justify; line-height:150%; padding:0rem 1rem; font-size:0.8rem}



nav.menu a.logo {background:none; padding:0; margin:0  }
nav.menu a:hover.logo {background:none; padding:0; margin:0 }

/* menu pro mobily, základ */
nav.menu { background: #fefefd;
    display: block;
    width: 100%;
    font-size: 0;
	box-shadow: #AEC35C 4px 6px 20px;
}



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

nav.menu ul li {
    width: 100%;

}

nav.menu a {
    display: block;
    padding: 0 1.8rem;
    color: #000;
    line-height: 2em;
    text-decoration: none;
    font-family: sans-serif;
    font-size: 15px;
}


nav.menu a:hover {
    background: rgba(0, 0, 0, 0.1);
}

/* uprava pro desktop */



@media (min-width: 600px) {



    nav.menu ul {
        width: 100%; text-align:center;
    }

    nav.menu ul li {
        width: auto;
        /*background: red;*/
        display: inline-block;
    }
	
	    nav.menu ul li.none {display:none}
	
	
	nav.menu ul li a span {vertical-align:-8%; padding-right:0.3rem}
	

    nav.menu a { text-transform:uppercase;  font-family: 'sinkin_sans700_bold'; 
        position: relative; font-size:0.9rem;
	background: transparent url("../img/separator.png") no-repeat 100% 50%;
    }
	
	nav.menu li.last-item a, nav.menu li.last-item a:hover { 	background: none;  }
	
	nav.menu li a:hover {background: transparent url("../img/separator.png") no-repeat 100% 50%; color:#9bb141}
	
	nav.menu ul li ul li  a {
	background:none;    
   	font-weight:normal}
}
	
/* podtržení
    nav.menu a:hover::after {
        content: "";
        display: block;
        width: 100%;
        height: 3px;
        background: rgba(0, 0, 0, 0.15);
        bottom: 0;
        left: 0;
        position: absolute;
    }
	*/

	.dropdown-menu {
    background-clip: padding-box;
    background: #015CA7;
	
    border: 1px solid #365e90;
    border-radius: 0rem;
    color: #373a3c;
    display: none;
    float: left;
    font-size: 0.9rem;
    left: 0;
    list-style: outside none none;
    margin: 2px 0 0;
    min-width: 320px;
    padding: px 0;
    position: absolute;
    text-align: left;
    top: 100%;
    z-index: 1000;
}

nav.menu ul li.dropdown  ul.dropdown-menu  {text-align:left}
nav.menu ul li.dropdown  ul.dropdown-menu  li {border-bottom:1px solid #0166BA; width:100%;   z-index: 1000;}
nav.menu ul li.dropdown  ul.dropdown-menu  li.last-item  {border-bottom:0px}




/* menu pro mobily, základ */
.menu2 { background:transparent;
    display: block;
    width: 100%;
}

.menu2 ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.menu2 ul li {
    width: 100%;

}

.menu2 a {
    display: block;
    padding: 0rem 0.5rem;
    color: #000;
    line-height: 1.5rem;
    text-decoration: none;
    font-family: sans-serif;
    font-size: 0.8rem;
}

.menu2 li.last-item a, .menu2 li.last-item a:hover { background: none;  }
.menu2 a:hover { background: transparent url("../img/separator.png") no-repeat 100% 50%; color:#9bb141  }

/* uprava pro desktop */



@media (min-width: 600px) {



.menu2 ul { line-height:55px; margin-top:0.5rem;
        width: 100%; text-align:left;
    }

.menu2 ul li { 
        width: auto;
        /*background: red;*/
        display: inline-block;
    }
	
.menu2 ul li.none {display:none}
	
.menu2 ul li a span { padding-right:0.5rem; }
	

.menu2 a {      
        position: relative; font-family: 'sinkin_sans700_bold';
	background: url("../img/separator.png") no-repeat 100% 50%;
    }
}

.page {font-size:0.9rem; padding-bottom:3rem; margin-top:15rem;}
@media (min-width: 1279px) {

.page {font-size:0.9rem; padding-bottom:3rem; margin-top:18rem;}
}


.page p {text-align:left; padding:0rem 0rem  0.5rem  0rem }
.page ul {font-size:0.9rem; list-style-type:circle; margin:0px; padding:0px 0px 1rem 1.5rem }
.page ul li  {padding-bottom:0.7rem ; margin:0px; line-height:170%}
.page img {	box-shadow: #AEC35C 0px 0px 10px; border:1px solid #AEC35C ; margin-bottom:1rem}
.page .uvod p {text-align:center}


.pruh {padding:3rem 0rem 2rem 0rem; }
.pruh h3 {text-align:left; margin:0rem 0rem 0.5rem 0rem;}
.pruh .col-xs-7 {padding-left:3rem;}
.page .pruh:nth-of-type(odd) {background:#fff}
.page .pruh:nth-of-type(even) {background:#F4F7E9}

@media (min-width: 981px) {
.pruh h3 {margin:1rem 0rem; }
}


.pruhall {padding:1rem 0rem 2rem 0rem; }
.page .pruhall h3 {text-align:center; margin: 1rem 0rem; padding:0}
.page .pruhall p {padding:0.5rem 0rem; margin:0rem; text-align:center }

table.jidelni-listek { border-radius: 1rem; background:#F4F7E9}

footer p {background: url("../img/footer-logo.png") no-repeat 0% 50%;  line-height:55px; text-align:right; padding:10px 0px 0px 0px; margin:0px; font-size:0.7rem }


.cleaner {
    clear: both;
}

#toTop{
	position: fixed;
	bottom: 10px;
	right: 10px;
	cursor: pointer;
	display: none;
}



/* fotogalerie */
.fotoGaleryVypis {float:left; padding:5px; margin:10px; height:280px; width:30%; font-size:13px }
.fotoGaleryVypis img {padding:8px; width:100%; }
.fotoGaleryVypis i {font-size:10px}

.fotoGaleryFoto { margin:1rem 1rem 2rem 1rem; width:27%;  float:left; padding:0px; display: table-cell;vertical-align: middle;text-align:center}
#main .fotoGaleryFoto  img {border:0px}
.fotoGaleryFoto p {text-align:center; padding-top:5px; }
.stred {text-align:center}


.fotoGaleryWeb {text-align:center}



/* styp pro slider */
div.adc-slider-box {
    position: relative;
    background: transparent url("../img/bg-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: 0;	
    top: 0rem;
    left: 0rem;
	width: 100%;}
	
div.slider img {
    position: absolute;
    top: 1.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;
}





#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; }


/* webformy */
.drevo-bottom .form-adc {background:none; border-radius:.25rem; margin-bottom:.25rem; padding:2px 2px 5px 2px; color:#000}
.drevo-bottom .form-control {background:none; border:2px solid #fff; color:#fff; margin-top:1.3rem}
.drevo-bottom .form-control::placeholder{color:#fff}
.drevo-bottom .btn-primary {-moz-user-select: none; margin-top:1.3rem;
    border: 2px solid #fff;	background:#fff; font-family: 'sinkin_sans700_bold';
	color:#8da52e;	border-radius:.25rem;
    cursor: pointer; display: inline-block;
    font-size: 0.9rem; line-height: 1.5;
	text-transform:uppercase;
    text-align: center;
    vertical-align: middle; }

.drevo-bottom .btn-primary:hover {color:#fff}	
form.form-horizontal { border:0px solid #B9D05C; border-radius:.25rem; padding:0rem; }

.form-adc { background:#f5f5f5; border-radius:.25rem; margin-bottom:.25rem; padding:2px 2px 5px 2px; color:#000}
.form-adc label {margin-bottom:0px; margin-top:1rem}
.form-adc-separator { background:#BDBDBD; border-radius:.25rem; margin-bottom:.25rem; font-size: 0.875rem; padding-top:5px; padding-bottom:5px; font-weight:bold; color:#000 }
.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; }
select.form-control:not([size]):not([multiple]) {
   padding: 0.275rem;
}

.form-adc .form-control-sm {font-size:0.8rem}

.btn {   
    -moz-user-select: none;
    border: 1px solid #B9D05C;
    border-radius: 0.3rem;
    cursor: pointer;
    display: inline-block;
    font-size: 0.9rem;
    font-weight: 400;
    line-height: 1.5;
    padding: 0.375rem 2.8rem 0.375rem 0.7rem;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
	margin-right:1rem;

}

.btn-primary {margin:0; padding: 0.375rem 2.8rem 0.375rem 2.8rem; background-color:#82913e ; background-image: linear-gradient(to bottom, #B9D05C 0%, #82913e 100%);}
.btn-primary:hover, .btn-primary:focus {background-image: linear-gradient(to bottom, #B9D05C 0%, #82913e 100%); background-color:#82913e; border:1px solid #B9D05C; }
.btn-sm {padding:0.375rem; width:100%}
.btn-secondary {
    background: #0166BA url("../img/link.png") no-repeat scroll 93% 50%;
    border-color: #0166BA;
    color: #fff;
}


form { border:1px solid #B9D05C; border-radius:.25rem; padding:.2rem; }
div.border { border:1px solid #ACC8EC; border-radius:.25rem; padding:.2rem; }
section form.noborder { border:0px solid #ACC8EC; border-radius:0rem; padding:0rem; }
.form-adc-row { background:#f5f5f5; border-radius:.25rem; margin-bottom:.25rem; padding:0.3rem }
.form-adc-row:after { content: ""; display: table; clear: both; }
.form-adc-row.noform { background:none; margin-top:5px; padding-bottom:5px; color:#7F0A24; font-size:18px; font-weight:bold}
label {padding-right:20px; text-align:left; margin-bottom:0.1rem; font-size:0.85rem}
label span {color:red; font-size:1rem}	

form.kalkul label {text-align:left; margin-bottom:0.1rem; font-size:0.8rem; padding-top:0.5rem}
form.kalkul input, form.kalkul select {font-size:0.8rem;}
form.kalkul .checkbox input {height:2rem}
form.kalkul .cena {text-align:right; padding-top:0.5rem}
form.kalkul h3 {font-size:1rem; line-height:150%; padding:0.7rem 0rem 0rem 0rem; margin-top:0rem}


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