HOME

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

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

}

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

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

}



body {
    min-height: 1000px;
	padding-top:0rem;
	font-family: 'cooper_hewittbook';
	font-size:1rem;
    -webkit-text-size-adjust: none;

}

h1 { font-family: 'cooper_hewittbold'; font-size:1.3rem; padding-bottom:0.5rem; line-height:140%}
h1 span, h2 span {color:#EA7815 }

h2 {font-size:1.5rem; padding:1rem 0rem 1rem 0rem; margin:0rem; font-family:cooper_hewittsemibold}
h3 {font-size:1.3rem; color:#000; padding-bottom:0rem; margin:1rem 0rem 0rem 0rem; font-family:cooper_hewittsemibold}
h3 span {color:#b4002a}
p {margin:0; padding:0.3rem 0rem 0.3rem 0rem; line-height:150%; font-size:1rem}


a, a:link, a:hover, a:visited {color:#EA7815; font-family: 'cooper_hewittmedium'; }
strong {font-family: 'cooper_hewittmedium'; font-size:1rem; color:#6D6E72}
.navbar {box-shadow:none; border-radius:0}
.navbar-fixed-top {margin:0; padding:0}
.header {background: #fff;background-position: top center; background-repeat: no-repeat; background-size: contain; padding:0.5rem 0rem 0rem 0rem; font-size:0.8rem; margin:0; box-shadow:#efefef 4px 0px 10px;}
.header p, .header img {padding:0.3rem 0rem; line-height:150%; margin:0; text-align:left}
.header span {color:#a5a4a4}
 
.navbar-fixed-top {position:static}
.nulovac {padding:0.5rem;} 
.menunulovac {padding:0rem;}

.seda {background:#efefef}

.ojetevozy {position:absolute; bottom:0; right:0; padding:1rem 2rem; background:#f1f1f1; text-transform:uppercase; top:-4rem; right:1rem}
.ojetevozy:before {font-family:'FontAwesome'; content:"\f1b9";  margin:0 0.8rem 0 0rem; font-size:1.3rem;vertical-align:-0rem; background:#EA7815; color:#fff; border-radius:50%; padding:0.7rem }


#faqs h3.vybermodel {font-size:1.3rem; font-weight:normal;padding:1rem 1rem 1rem 0rem; font-family: 'cooper_hewittmedium'; text-decoration:none; border-bottom:1px solid #A2A2A2; }
.vybermodel:after {font-family:'FontAwesome'; content:"\f150";  margin:0 0.8rem 0 0rem; font-weight:normal; font-size:2rem;vertical-align:-0rem;  color:#A2A2A2; padding:0.7rem }


@media (min-width: 830px) { 

body {
    min-height: 1000px;
	padding-top:9rem;
	font-family: 'cooper_hewittbook';
	font-size:1rem
}

h1 { font-family: 'cooper_hewittbold'; font-size:1.8rem; padding-bottom:0.5rem; line-height:140%}

.header p, .header img {padding:0.3rem 0rem; line-height:150%; margin:0; text-align:right} 
.navbar-fixed-top {position:fixed} 
.nulovac, .menunulovac {padding:0rem}
}
 

.pruh {background:#efefef; padding:1rem 0rem 0rem 0rem; margin-top:1rem}
.centr {text-align:center}

.panel {border:2px solid #EA7815; background:#fff; padding:0.5rem; text-align:center; font-family:cooper_hewittsemibold; color:#EA7815; margin:2rem 0rem 0rem 0rem}

.fotoObr img {width:50%; margin-top:1rem}

.sedepozadi {background:#F4F4F4;}
.bila {background:#F4F4F4}
.bila h3 {text-align:left; padding-bottom:1rem; padding-left:1rem}

@media (min-width: 830px) {.fotoObr img {width:100%} 
.sedepozadi {background:#F4F4F4; padding:2rem;}
.bila {background:#fff; padding:2rem}
.bila h3 {text-align:center; padding-bottom:1rem}
}

#kartaVozu h2 {font-size:1.3rem; line-height:150%; margin-top:0rem}
#kartaVozu h3 {font-size:1.3rem; color:#000; border-bottom:1px solid #efefef; padding-bottom:0.5rem}
#kartaVozu h3 span {color:#b4002a}
#kartaVozu .vybava {padding-top:2rem;}
#kartaVozu .vybava ul {margin-top:0rem}
#kartaVozu .popisFinance {background:#efefef; padding:2rem 2rem; font-size:0.9rem; margin:2rem 0rem 3rem 0rem}
#kartaVozu .popisFinance ul {margin:0rem 0rem 0rem 1rem; padding:0rem;}
#kartaVozu .popisFinance ul li {margin:0; padding:0rem 0rem 0.5rem 0rem; text-indent:0rem}
#kartaVozu .popisFinance ul li:before {content:none}

.Imgcenik {display:none}


#page ul.filtrmenu  {margin:1rem 1rem 1rem 0rem; padding:0rem}
#page ul.filtrmenu li {padding:0.3rem 2rem 0.3rem 0rem; margin:0rem; text-indent:0; display:block}
#page ul.filtrmenu li:before {content:none}

@media (min-width: 830px) { 

#page ul.filtrmenu li {padding:0.3rem 2rem 0.3rem 0rem; margin:0rem; text-indent:0; display:inline; float:left}


.Imgcenik {display:block}


#kartaVozu h2 {font-size:1.6rem; margin-top:0rem}
#kartaVozu h3 {font-size:1.3rem; color:#000; border-bottom:1px solid #efefef; padding-bottom:0.5rem}
#kartaVozu h3 span {color:#b4002a}
#kartaVozu .vybava {padding-top:2rem;}
#kartaVozu .vybava ul {margin-top:0rem}
#kartaVozu .popisFinance {background:#efefef; padding:2rem 2rem; font-size:0.9rem; margin:2rem 0rem 3rem 0rem}
#kartaVozu .popisFinance ul {margin:0rem 0rem 0rem 1rem; padding:0rem;}
#kartaVozu .popisFinance ul li {margin:0; padding:0rem 0rem 0.5rem 0rem; text-indent:0rem}
#kartaVozu .popisFinance ul li:before {content:none}
}
/*
#page ul.filtrmenu  {margin:0rem; padding:0rem}
#page .filtrmenu li {float:left; text-indent:0; width:44%; margin:0rem 0.8rem 1rem 0rem; border:2px solid #EA7815; padding:0.4rem 0rem;font-size:0.9rem; text-align:center; font-family:cooper_hewittsemibold; color:#000; text-transform:uppercase}
#page .filtrmenu li a {display:block; text-decoration:none; color:#000}
#page .filtrmenu li a:hover, #page .filtrmenu li:hover a  { color:#EA7815}
#page .filtrmenu li.first-item {margin-left:0}
#page .filtrmenu li:before {content:none}
#page .filtrmenu li:hover, #page .filtrmenu li.active {background:#efefef; color:#EA7815}
 
*/ 
 
.obr {height:auto; overflow:hidden; border:1px solid #fff}
a.blokodkaz:hover {background:#efefef; display:block; }

#ihnedkodberu { padding:1rem 0rem; font-family: cooper_hewittbook;}
#ihnedkodberu h2 {text-align:center; font-size:1.5rem; margin-bottom:0rem}
#ihnedkodberu a:link, #ihnedkodberu a:visited {text-decoration:none}
#ihnedkodberu a:hover {text-decoration:underline;}
#ihnedkodberu a:link span, #ihnedkodberu a:visited span {color:#000}
#ihnedkodberu .toptop {margin:0rem}
#ihnedkodberu .toptop a:link, #ihnedkodberu .toptop a:visited {color:#000; text-decoration:none; font-family: cooper_hewittbook;}
#ihnedkodberu .toptop a:hover {opacity:0.8}
#ihnedkodberu .bila {background:#fff}
#ihnedkodberu h3 {font-size:1.2rem; line-height:130%; margin:0rem; padding:0.5rem 0rem 0rem 0rem; background:none; text-align:left}
#ihnedkodberu p {font-size:0.9rem;}
#ihnedkodberu .cena {background:#efefef; padding:0.5rem; margin-bottom:0rem; color:#EA7815; font-family:cooper_hewittbold}
#ihnedkodberu .cena span { color:#000;  font-family:cooper_hewittbook; }

#page .osobni {position:relative; background:#F1F1F1; padding-bottom:2rem}
#page .osobni img {display:none}
#page .osobni h2 { font-size:1.3rem; margin:0; padding:1rem 0rem 0rem 0rem}
#page .osobni .text-right { text-align:right}

#page a:link.bannerLink, a:visited.bannerLink {display:block; border:2px solid #EA7815; padding:0.5rem; text-decoration:none; text-align:center; font-family:cooper_hewittsemibold; color:#EA7815; text-transform:uppercase; margin:1rem 0rem; background:#fff;}
#page a:hover.bannerLink {background:#EA7815; color:#fff}
#page a:link.bannerLink2, a:visited.bannerLink2 {display:block; border:2px solid #000; padding:0.5rem; text-decoration:none; text-align:center; font-family:cooper_hewittsemibold; color:#000; text-transform:uppercase; background:#fff}
#page a:hover.bannerLink2 {background:#efefef; color:#000}

#page a:link.bannerLinkAbsolut, a:visited.bannerLinkAbsolut {display:block; border:2px solid #EA7815; padding:0.5rem; text-decoration:none; text-align:center; font-family:cooper_hewittmedium; color:#EA7815; text-transform:uppercase; font-size:1rem; margin:1rem 0rem; background:#fff; width:30%;position:absolute; right:0;top:-3.5rem;}
#page a:hover.bannerLinkAbsolut {background:#EA7815; color:#fff}

@media (min-width: 830px) {
	
#page a:link.bannerLink, a:visited.bannerLink {display:block; border:2px solid #EA7815; padding:0.5rem; text-decoration:none; text-align:center; font-family:cooper_hewittsemibold; color:#EA7815; text-transform:uppercase; margin:0rem 0rem; background:#fff;}
#page a:hover.bannerLink {background:#EA7815; color:#fff}	
	
#page a:link.bannerLinkAbsolut, a:visited.bannerLinkAbsolut {display:block; border:2px solid #EA7815; padding:0.5rem; text-decoration:none; text-align:center; font-family:cooper_hewittsemibold; color:#EA7815; text-transform:uppercase; margin:1rem 0rem; background:#fff; width:20%;position:absolute; right:0;top:-1.5rem;}
#page a:hover.bannerLinkAbsolut {background:#EA7815; color:#fff}

}

#page ul, #page ul.druha  {margin:0.5rem 0 0.5rem 1.5rem; padding:0}
#page ul li, #page ul.druha li {list-style-type:none; padding:0rem 0rem 0.3rem 0rem; text-indent:-1.5rem; font-size:1rem}
#page ul li:before, #page ul.druha li:before {font-family:'FontAwesome'; content:"\f138"; margin:0 0.5rem 0 0.3rem; font-size:0.8rem;vertical-align:-0rem; color:#EA7815; padding:0 }

#page ul.druha li:after {display:none}
#page p {padding:0.5rem 0rem; margin:0}

#page h2.home { font-size:1.2rem; margin:0; padding:2rem 0rem 1rem 0rem; text-align:center}
#page .nazor {margin-bottom:2rem; text-align:center; background:#F8F8F8; padding:1rem 0.5rem 2rem 0.5rem; 
  -webkit-box-shadow: 3px 3px 5px 6px #ccc;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    3px 3px 5px 6px #ccc;  /* Firefox 3.5 - 3.6 */
  box-shadow:         3px 3px 5px 6px #ccc;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */ 
}
#page .nazor h3 {font-family:cooper_hewittbook; }
#page .jmeno { border-right:1px solid #fff; padding:0rem 1rem; text-align:center} 
#page .jmeno img {width:15%}

#page .perex p {margin:0; padding:0; font-size:0.8rem; line-height:130%; display:inline; }
#page .normal {border-top:1px solid #d5d5d5; margin:1rem 0rem 0rem 0rem}
#page .normal p {display:block; padding:0.5rem 0rem 0rem 0rem; line-height:180%; }

.headermenu {border-top:0px solid #6D6E72;}
.headermenu span {border:1px solid #6D6E72; border-radius:3px; padding:2px 3px 2px 3px}

.jumbotron {display:none}

.drobecky { text-transform:uppercase; font-size:0.8rem; color:#8c898a; padding:1rem 0rem}

@media (min-width: 830px) {
	
.obr {height:265px; overflow:hidden;}
a.blokodkaz:hover {background:#efefef; display:block; }	

.drobecky { text-transform:uppercase; font-size:0.9rem; color:#8c898a; padding:1rem 0rem}
	
#ihnedkodberu { padding:2rem 0rem 1rem 0rem; font-family: cooper_hewittbook;}
#ihnedkodberu h2 {text-align:center; font-size:2rem; margin-bottom:0rem; padding:0;}

#ihnedkodberu h3 {font-size:1.2rem; height:3rem; line-height:130%; margin:0rem; padding:0; background:none; text-align:left}
#ihnedkodberu .cena {background:#efefef; padding:0.5rem; margin-bottom:2rem; color:#EA7815; font-family:cooper_hewittbold}

#page .osobni {position:relative; background:#F1F1F1; padding-bottom:4rem}
#page .osobni img {width:100%; position:absolute; top:0rem; display:block}
#page .osobni h2 { font-size:1.8rem; margin:0; padding:3rem 0rem 0rem 0rem}
#page .osobni ul {font-size:1.1rem; padding-bottom:1rem}
#page .osobni .text-right { text-align:right}

#page a:link.bannerLink, a:visited.bannerLink {display:block; border:2px solid #EA7815; padding:0.5rem; text-decoration:none; text-align:center; font-family:cooper_hewittsemibold; color:#EA7815; text-transform:uppercase}
#page a:hover.bannerLink {background:#EA7815; color:#fff}
#page a:link.bannerLink2, a:visited.bannerLink2 {display:block; border:2px solid #000; padding:0.5rem; text-decoration:none; text-align:center; font-family:cooper_hewittsemibold; color:#000; text-transform:uppercase}
#page a:hover.bannerLink2 {background:#efefef; color:#000}

#page ul, #page ul.druha  {margin:0.5rem 0 1rem 2rem; display:block; padding:0}
#page ul.druha	{text-align:right}
#page ul li, #page ul.druha li {list-style-type:none; padding:0.5rem 0rem 0.5rem 0rem; text-indent:-2rem}
#page ul li:before {font-family:'FontAwesome'; content:"\f138"; margin:0 0.5rem 0 0.3rem;font-size:1.1rem;vertical-align:-0.1rem; color:#EA7815; padding:0 }
#page ul.druha li:before {display:none}
#page ul.druha li:after {font-family:'FontAwesome'; content:"\f137"; margin:0 0rem 0 0.7rem;font-size:1.1rem;vertical-align:-0.1rem; color:#EA7815; display:inline; padding:0 }
#page a {text-decoration:underline}
#page p {padding:0.5rem 0rem; margin:0}

#page h2.home { font-size:1.8rem; margin:0; padding:3rem 0rem 2rem 0rem; text-align:center}
#page .nazor {margin-bottom:3rem; background:#F8F8F8; 
  -webkit-box-shadow: 3px 3px 5px 6px #ccc;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    3px 3px 5px 6px #ccc;  /* Firefox 3.5 - 3.6 */
  box-shadow:         3px 3px 5px 6px #ccc;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}

#page .jmeno { border-right:1px solid #fff; padding:0rem 1rem; text-align:center} 
#page .jmeno img {width:50%}

#page .perex p {margin:0; padding:0; font-size:0.95rem; line-height:160%; display:inline; padding:2rem 3rem}
#page .normal {border-top:1px solid #d5d5d5; margin-top:1.5rem}
#page .normal p {display:block; padding:0.3rem 0rem}

.headermenu {border-top:2px solid #E5E5E5;}

.jumbotron {padding:0rem; margin:0; display:block; background:#fff}
.jumbotron img {width:100%; margin-top:-1rem}

}



.page-header {padding-top:2rem}

nav.menu a.sklad {padding:0; margin:0; font-family: 'cooper_hewittbold'}
nav.menu a.sklad:hover { text-decoration:underline; color:#6D6E72}
nav.menu a.sklad:hover::after {border:none;}
nav.menu a.sklad img {width:60%}
nav.menu span {border-radius:50%; background:#EA7815; border-color:#EA7815;  color:#fff; padding:0.5rem;margin-top:1rem; margin-right:0.5rem}
nav.menu span:hover {background:#6D6E72; border-color:#6D6E72}

.vpravo { text-align:right}



nav.menu {
    display: block;
    width: 100%;
    background: #EA7815;
    font-size: 0;
	
}

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

nav.menu ul li {
    width: 100%;
}

nav.menu ul li.none {
    width: 100%;
	display:none
}

nav.menu a {
    display: block;
    padding: 0rem;
    color: #fff;
    line-height: 2em;
    text-decoration: none;
    font-family: sans-serif;
    font-size: 1rem;
	text-transform:uppercase;
}

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

nav.menu a.odstran {display:block}



/* šaškárny kolem schovávacího tlačítka */
nav #hlavni-menu  { /* menu v malém rozlišení schovat */
	display: none;
}

nav .navbar-nav  { /* budeme možná potřebovat absolutní pozicování v tomhle divu */
	position: relative;
	display: inline-block;
	float: right;
	text-align: right;
}

nav .nav-toggler  { /* tlačítko v malém rozlišení zobrazit */
	display: block;
}
/* / šaškárny kolem schovávacího tlačítka */

@media (min-width: 600px) {

nav.menu a.odstran {display:none}

    nav.menu {
        background: #fff;

    }

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

    nav.menu ul li {
        width: auto;
        /*background: red;*/
        display: inline-block;
    }

    nav.menu a {
        line-height: 50px;
        position: relative;
		color: #EA7815;
		 padding: 0rem 1.5rem;
		 font-family: 'cooper_hewittmedium';
		}
	
	nav.menu a:hover,  nav.menu a.active {
    background: none;
	color: #6D6E72;
}

    nav.menu a:hover::after,  nav.menu a.active::after {
        content: "";
		background:none;
       	border: 10px solid transparent; width: 0px; height: 0px; display: inline-block; position: absolute;
		border-top: 10px solid #E5E5E5; top: -5px; left:41%
    }

	/* šaškárny kolem schovávacího tlačítka */
	nav a.nav-toggler  { /* tlačítko na velkém rozlišení schovat */
		display: none;
	}
	nav #hlavni-menu  { /* menu na velkém rozlišení zobrazit */
		display: block;
	}
	/* /šaškárny kolem schovávacího tlačítka */
}


div.menu2 {  display:none}

@media (min-width: 830px) { 
div.menu2 {  width: 100%; margin:0; padding:0; background: #F1F1F1; display:block}
div.menu2 ul { margin:0; padding:0; width: 100%; }
div.menu2 ul li { text-align:center; width:auto; width:19%; display: inline-block;padding:.5rem 0rem 1.5rem 0rem}
div.menu2 ul li a {  padding: 1rem 0rem; font-family: 'cooper_hewittmedium'; color:#000; font-size:1rem;text-transform:uppercase;  position: relative; }
div.menu2 ul li a:hover, div.menu2 ul li.open a {color:#EA7815; background:none; text-decoration:none}
		
	
	div.menu2 ul li:first-of-type a::before {   content: ""; background: url("../img/i-financovani.png") no-repeat 50% 0%; height:4.5rem; display:block; padding:0rem;  margin:0rem ; transform: scale(0.7)}
	div.menu2 ul li a.dropdown-toggle::after { border:0; margin:0; }
	
	div.menu2 ul li:nth-of-type(2) a::before { content: ""; background: url("../img/i-ceniky.png") no-repeat 50% 0%; height:4.5rem; display:block; padding:0rem;  margin:0rem ; transform: scale(0.7)}
	div.menu2 ul li a.dropdown-toggle::after { border:0; margin:0; }
	
	div.menu2 ul li:nth-of-type(3) {width:22%}
	div.menu2 ul li:nth-of-type(3) a::before { content: ""; background:  url("../img/i-skladove-vozy.svg") no-repeat 50% 0%;  height:6.6rem; display:block; padding:0rem;  margin-bottom:0rem ; transform: scale(0.8)}
	div.menu2 ul li a.dropdown-toggle::after { border:0; margin:0; }
	
	div.menu2 ul li:nth-of-type(4) a::before { content: ""; background:  url("../img/i-jizda.png") no-repeat 50% 0%;  height:4.5rem; display:block; padding:0rem;  margin:0rem ; transform: scale(0.7)}
	div.menu2 ul li a.dropdown-toggle::after { border:0; margin:0; }
	
	div.menu2 ul li:nth-of-type(5) a::before { content: ""; background:  url("../img/i-servis.png") no-repeat 50% 0%; height:4.5rem; display:block; padding:0rem;  margin:0rem ; transform: scale(0.7)}
	div.menu2 ul li a.dropdown-toggle::after { border:0; margin:0; }

}	
	/** menu aktivní 
	div.menu2 ul li:first-of-type a:hover::before { content: url("../img/ikona.png"); display:block; padding:0.3rem 1rem 0.5rem 1rem; }
	div.menu2 ul li a.dropdown-toggle::after { border:0; margin:0; }
	
	div.menu2 ul li:nth-of-type(2) a:hover::before, div.menu2 ul li.open a::before { content: url("../img/ikona.png"); display:block; padding:0.3rem 1rem 0.5rem 1rem;  }
	div.menu2 ul li a.dropdown-toggle::after { border:0; margin:0; }
	
	
	div.menu2 ul li:nth-of-type(3) a:hover::before, div.menu2 ul li.open a::before { content: url("../img/ikona.png"); display:block; padding:0.3rem 1rem 0.5rem 1rem;  }
	div.menu2 ul li a.dropdown-toggle::after { border:0; margin:0; }
	
	
	
	div.menu2 ul li:nth-of-type(4) a:hover::before { content: url("../img/ikona.png"); display:block; padding:0.3rem 1rem 0.5rem 1rem;  }
	div.menu2 ul li a.dropdown-toggle::after { border:0; margin:0; }
	**/
	
.footer {margin-top:1rem; font-size:0.9rem; color:#efefef; background:#252525;  padding:1rem 0rem; }
.footer a {color:#b7b5b6} 
.footer h3 {color:#fff; text-transform:uppercase; font-size:1.2rem; padding:0rem 0rem 0.5rem 0rem; text-align:left; font-family: cooper_hewittsemibold}
.footer p {color:#FFFFFF; margin:0.2rem 0rem; color:#b7b5b6; line-height:130%; padding:0.4rem 0rem 0.6rem 0rem}
.footer ul {margin:0.6rem 0rem 1rem 0rem; padding:0}
.footer ul li {margin:0rem; color:#b7b5b6; line-height:130%; padding:0.3rem 0rem 0rem 0rem; list-style-type:none}
.footer ul li:before {content:none}
.footer img {float:right; margin:1rem 0rem 0rem 1rem; width:45%}

.footer img.konfigurator {border:1px solid #aaa; width:45%; margin:1rem 0rem }

@media (min-width: 830px) { 
.footer img.konfigurator {border:1px solid #aaa; width:100%; margin:1rem 0rem }
.footer img {float:right; margin:1rem 0rem 0rem 1rem; width:100%}
}

.footerMenu {padding: 0.5rem 0.3rem; background:#000;}
.footerMenu p { font-size:0.8rem; color:#898687; line-height:150%; font-family: cooper_hewittbook; padding:0.7rem 0rem; text-align:left; margin:0rem 0rem 0rem 0rem}
.footerMenu p.copy { font-size:0.7rem; line-height:160%;  padding:0.7rem 0rem; text-align:left; margin:0}
.footerMenu a {color:#898687;}
.footerMenu a:hover {color:#898687; text-decoration:none}
.footerMenu img {width:80%; margin-top:0.5rem}	

@media (min-width: 830px) { 
.footer {margin-top:2rem; font-size:0.9rem; color:#efefef }
.footer a {color:#b7b5b6} 
.footer {background:#252525 ;background-position: bottom center; background-repeat: no-repeat; background-size: contain; padding:3rem 0rem; font-size:1rem }
/* .footer {background:#252525 url("../img/footer-vanoce.png");background-position: bottom center; background-repeat: no-repeat; background-size: contain; padding:3rem 0rem; font-size:1rem }  */
.footer h3 {color:#fff; text-transform:uppercase; font-size:1.2rem; padding:0rem 0rem 0.5rem 0rem; text-align:left; font-family: cooper_hewittsemibold}
.footer p {color:#FFFFFF; margin:0.2rem 0rem; color:#b7b5b6; line-height:130%; padding:0.4rem 0rem 0.6rem 0rem}
.footer ul {margin:0.6rem 0rem 0rem 0rem; padding:0}
.footer ul li {margin:0rem; color:#b7b5b6; line-height:130%; padding:0.3rem 0rem 0rem 0rem; list-style-type:none}
.footer ul li:before {content:none}
.footer img {float:right; margin:1rem 0rem 0rem 1rem}

.konfigurator {border:1px solid #aaa; width:100%;  }

.footerMenu {padding: 0.5rem 0.3rem; background:#000;}
.footerMenu p { font-size:0.8rem; color:#898687; line-height:150%; font-family: cooper_hewittbook; padding:0.7rem 0rem; text-align:left; margin:0rem 2rem 0rem 0rem}
.footerMenu p.copy { font-size:0.7rem; line-height:160%;  padding:0.7rem 0rem; text-align:left; margin:0}
.footerMenu a {color:#898687;}
.footerMenu a:hover {color:#898687; text-decoration:none}
.footerMenu img {width:80%; margin-top:0.5rem}

}

.cleaner {
    clear: both;
}

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


/* fotogalerie */
.zpet {float:right; color:#fff; padding:3px 10px 4px 10px; margin:20px 50px 0px 0px; font-weight:bold; font-size:12px; text-decoration:none}

.fotoGaleryVypis {float:left;padding:5px; margin:10px; background:#efefef; height:170px; max-width:30%; font-size:13px }
.fotoGaleryVypis img {padding:8px; width:100%; height:100px; overflow:hidden}
.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}

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


.ui-datepicker table.ui-datepicker-calendar td a.ui-state-default {color:#000; background:#fff}
.ui-datepicker table.ui-datepicker-calendar td a:hover.ui-state-default {color:#000; 	background-color: rgba(128,0,0,0.5) }
.ui-datepicker table.ui-datepicker-calendar td, .ui-datepicker table {color:#000; background:#fff}

/* formuláře, tlačítka */
.btn-right { width:100%; background:#FF8841; color:white; font-size:.8em; display:block; white-space:normal; word-wrap:break-word; }
.btn-primary { border:2px solid #EA7815; padding:0.5rem 2rem; text-align:center; font-family:cooper_hewittsemibold; color:#EA7815; background:#fff; border-radius:0; font-family:cooper_hewittsemibold; color:#EA7815; text-transform:uppercase; }
.btn-primary:hover {background:#EA7815; color:#fff; border:1px solid #EA7815; }

.btn-secondary { background:#ACC8EC; color:#03316b; border-color:#0e6de7; }
.btn-warning { background: #FF8841;  }

form { border:0; border-radius:0; padding:0rem; }
div.border { border:0; border-radius:0rem; padding:.2rem; }
section form.noborder { border:0px solid #ACC8EC; border-radius:0rem; padding:0rem; }
.form-adc-row { background:#f5f5f5; border-radius:0rem; margin-bottom:.25rem; padding:0.5rem }
.form-adc-row:after { content: ""; display: table; clear: both; }
.form-adc-row.noform { background:none; margin-top:0.5rem; padding-bottom:0.5rem; color:#7F0A24; font-size:1rem; font-weight:bold}
label {padding-right:0.5rem; text-align:left}
label span {font-weight:normal}
.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
    margin: 2px 0px;
    position: absolute;
}
.radio label, .checkbox label {
    padding-left: 25px;
}

input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    margin: 5px 5px 10px 10px;
}

.formlabel {padding:0.5rem 0px}




/* ouška */
#tabs {padding:0rem; margin:0rem; background:none; border:0}
#tabs .ui-widget-header  {background:none; border:0}
#tabs ul  {margin:0px; padding:0px;  border-radius:0}
#tabs ul li::before {display:none}

#tabs ul li.ui-state-active a, #tabs ul li.ui-widget-content .ui-state-active a 
 {text-decoration:none; color:#EE2915; border-top:1px solid #afaeae; border-right:1px solid #afaeae; border-left:1px solid #afaeae; display:block; background: #EEEEEE; padding-bottom:0.5rem; border-top-left-radius:4px; border-top-right-radius:4px }
#tabs ul li a {text-decoration:none; color:#000; border-top:1px solid #afaeae; border-right:1px solid #afaeae; border-left:1px solid #afaeae;font-weight:normal; display:block; background: #fff; padding-bottom:0.5rem;  border-top-left-radius:4px; border-top-right-radius:4px }
#tabs ul li a:hover {text-decoration:none; display:block; color: #EA7815; background:#efefef}

#tabs ul.cenik li  {float:left; width:32%; list-style-type:none; text-align:center; font-size:0.9rem; margin:0px 0rem 0rem 0rem; padding:0px;  }

@media (min-width: 830px) {
#tabs ul.cenik li  {float:left; width:25%; list-style-type:none; text-align:center; font-size:1rem; margin:0px 0rem 0rem 0rem; padding:0px;  }
#tabs ul li a {text-decoration:none; color:#000; border-top:1px solid #afaeae; border-right:1px solid #afaeae; border-left:1px solid #afaeae;font-weight:bold; display:block; background: #fff; padding-bottom:0.5rem; border-top-left-radius:4px; border-top-right-radius:4px }
}

#ousko-1, #ousko-2, #ousko-3  {padding:0rem; border:1px solid #EA7815; background:#EFEFEF}

#ousko-1 ul.pdf, #ousko-2 ul.pdf, #ousko-1 ul.pdf2, #ousko-2 ul.pdf2 {margin:1rem; padding:0rem; font-family:cooper_hewittbook;}
#ousko-1 ul.pdf li, #ousko-2 ul.pdf li, #ousko-1 ul.pdf2 li, #ousko-2 ul.pdf2 li {list-style-type:none; margin:0rem; padding:0rem 0rem 0rem 3rem; font-size:1rem; font-weight:normal}
#ousko-1 ul.pdf li:before, #ousko-2 ul.pdf li:before {font-family:'FontAwesome'; content:"\f016"; margin:0 0rem 0 0.3rem;font-size:1.1rem;vertical-align:0rem; color:#EA7815; padding:0.5rem 0rem 0rem 0rem; display:inline-block; text-indent:-1.5rem }
#ousko-1 ul.pdf2 li:after, #ousko-2 ul.pdf2 li:after {font-family:'FontAwesome'; content:"\f016"; margin:0 0rem 0 1.5rem;font-size:1.1rem;vertical-align:0rem; color:#EA7815; padding:0.5rem 0rem 0rem 0rem; display:inline-block; text-indent:-1.5rem }
#ousko-1 ul.pdf li a:link, #ousko-1 ul.pdf li a:visited, #ousko-2 ul.pdf2 li a:link, #ousko-2 ul.pdf2 li a:visited {text-decoration:none; color:#000; border:0; font-weight:normal; display:inline; background: none; padding:0rem; border-radius:0;}

#ousko-1 ul.pdf li a:hover, #ousko-2 ul.pdf li a:hover, #ousko-1 ul.pdf2 li a:hover, #ousko-2 ul.pdf2 li a:hover  {text-decoration:underline; color:#EA7815;}

.ui-widget, .ui-widget-content {background:none; border:0px; color:#000; font-size: 1rem;}  
.ui-corner-all {border:0}


 
#tabs .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: none;
    border: 0px;
    color: #fff;
}

.ui-tabs-anchor {width:100%}

/* konec ouška */


#tabs .ousska ul, #tabs ul.druha  {margin:1rem 0 1rem 0rem; padding:0; font-family: 'cooper_hewittbook';}
#tabs .ousska ul li, #tabs ul.druha li {list-style-type:none; padding:0.5rem 0rem 0rem 0rem; text-indent:0rem; margin:0}
#tabs .ousska ul li:before {font-family:'FontAwesome'; content:"\f138"; display:inline-block;  margin:0 0.5rem 0 0.3rem;font-size:1.1rem;vertical-align:-0.1rem; color:#EA7815; padding:0 }
#tabs .ousska ul.druha li:before {display:none}
#tabs .ousska ul.druha li:after {font-family:'FontAwesome'; content:"\f137"; display:inline-block; margin:0 0rem 0 0.7rem;font-size:1.1rem;vertical-align:-0.1rem; color:#EA7815; padding:0 }
#tabs .ousska a {text-decoration:underline}
#tabs .ousska p {padding:0.5rem 0rem; margin:0;  font-family: 'cooper_hewittbook';}

#galleria{ height: 295px; background: #000 }

.galleria-theme-azur .galleria-stage {bottom:50px}

.galleria-theme-azur .galleria-bar { height: 50px !important;
/*thumbnail + 10px*/
}

.galleria-thumbnails-container { height: 50px !important;
/*thumbnail + 10px*/
}
.galleria-thumbnails .galleria-image { height: 50px !important;
/*thumbnail size*/
}

.galleria-theme-azur .galleria-thumb-nav-left, .galleria-theme-azur .galleria-thumb-nav-right { top:40px}


@media (min-width: 830px) { 
#galleria{ height: 633px; background: #000 }
}

/* styl pro obrázek, který se po najetí myší trochu zvětší */
/* ======================================================= */
div.adc-lupa {
    overflow: hidden;
    display: inline-block;
}
div.adc-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);
}


/* ======================================= */
/* Obrázek s přebarvovátkem na podrobnosti */
/* ======================================= */

div.adc-podrobnostiimg { 
  position: relative;
  z-index:1;
  overflow: hidden;
}
div.adc-podrobnostiimg-inner {
  position: absolute;
  top: 100%;
  left: 0;
  color: #ccc;
  background-color: rgba(32,32,32,0.66);
  padding: 5px 15px;
  display:none;
  z-index:2;
}

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

top
{
    background-color: red; 
}



/* Slider - Slick */
/* ============== */

.mySlick img {width:100%}
.mySlick h3 {
    background-color: aqua;
    text-align: center;
    margin-left: 1rem;
    margin-right: 1rem;
}
	
.slick-slider {width:100%}
.slick-prev::before{display:block; font-size:4rem; color:#bc9b69; font-family:'FontAwesome'; content:"\f053"; z-index:5000}
.slick-next::before {display:block; font-size:4rem; color:#bc9b69; font-family:'FontAwesome'; content:"\f054";}
.slick-prev {left:-4rem; width:4rem; height:4rem;}
.slick-next {width:4rem; height:4rem; right:-4rem}

.mySlick2 .slick-prev {left:4rem; width:4rem; height:4rem; z-index:5000}
.mySlick2 .slick-next {width:4rem; height:4rem; right:4rem}


#page ul.slick-dots  {margin-left: 0rem; padding:0rem; bottom:-10px}
#page ul.slick-dots li::before {content:none}
#page .slick-dots li button::before {font-size:12px}


.mySlick2 ul.slick-dots  {margin-left: 0rem; padding:0rem; bottom:1rem}
.mySlick2 ul.slick-dots li::before {content:none}
.mySlick2 .slick-dots li button::before {font-size:15px; color:#d8d6d6}
.jumbotron .slick-dotted.slick-slider {margin-bottom:0}

#page ul.slick-dots  {margin-left: 0rem; padding:0rem; bottom:-10px}
#page ul.slick-dots li::before {content:none}
#page .slick-dots li button::before {font-size:12px}

/*  POPUP  */
 
/* Úvodní vyskakovací okno */
/* ======================= */


.ppopup {display:block}

div.momo {display:none}

@media (min-width: 830px) { 

div.momo {display:block}
.ppopup {display:none}
}

div#adc-welcome-screen { 
    /* div přes celou obrazovku ztmavující pozadí */
    display:none;
	position:fixed;
    z-index:1500;
    top:0;
    left:0;
    width:100%;
    height:100%; 
    background:rgba(0,0,0,.7);

}
div.adc-welcome-screen-inner {
    /* podkladový div pro zobrazení zprávy */ 
    top:5%;
	position:fixed;
    border: 5px solid #b4c3ce;
	background: #fff; 
    border-radius: 3px;
	padding:0.5rem;
	width:100%; left:40%; height:auto; } 




.Topclanek {margin:1rem 0rem 0rem 0rem; padding:1.5rem 1rem 0.5rem 1rem; color:#000;	background-size:100%;   background-image: none; background-repeat:no-repeat }
.Topclanek p {line-height:130%; font-size:10px; color:#000; margin:0; padding:0; -webkit-text-size-adjust: none; }

.Topclanek .autor {color:#0080ff;  float:right; padding-top:3px; padding-left:20px }
.Topclanek h2  {  color: #EA7815; line-height:120%; text-decoration:none; text-align:center; padding:0px 20px 20px 0px; font-size:1.5rem}
.Topclanek  a  { font-size:1.8rem; padding:0px 0px 0px 15px; margin:0px; text-decoration:none; line-height:100%; color: #dba604; }
.Topclanek ul {margin:0; padding:0.5rem 0rem 0.5rem 0rem}
.Topclanek ul li {margin:0; padding:0rem 0rem 0.1rem 2rem; list-style-type:none; text-indent:-1.5rem}
.Topclanek ul li:before {font-family:'FontAwesome'; content:"\f00c"; color:#EA7815; margin-right:0.5rem}

.top1 {width:100%; float:left; padding:0rem 1rem; border-bottom:1px solid red; border-right:0px}
.top2 {width:100%; float:left; padding:0rem 1rem; }
.top2 p {line-height:150%; font-size:1rem; color:#000; padding:0px; margin:0px; text-align:center; -webkit-text-size-adjust: none;}
.top1 p, .top2 p, .top1 p span, .top2 p span, .top1 strong, .top2 strong {font-size:1rem; text-align:center; margin:0px; padding:0px; line-height:150%; -webkit-text-size-adjust: none;} 

@media (min-width: 830px) { 

.top1 {padding:0rem 1rem; border-bottom:0px;  font-size:12px;}
.top1 p {line-height:150%; font-size:12px;}
.top2 {width:49%; float:left;padding:0rem 1rem; }
.top2 p {line-height:150%; font-size:12px;}

}


@media (min-width: 1170px) { 

    div.adc-welcome-screen-inner { width:45%; left:28%; height:auto; top:5%; } 
    .Topclanek  {  background-image: url('../img/_corona.png'); color:#000; 	background-size:100%; padding:0.5rem 1rem 1.5rem 1rem;  }
    
    .top1 p, .top2 p, .top1 p span, .top2 p span, .top1 strong, .top2 strong {text-align:center; padding:0.5rem 0rem 0.5rem 0rem; font-size:1.2rem; margin:0px; line-height:130%;} 
    .top2 p, .top2 p span {line-height:150%;}
    }