HOME

5h-3LL 1.0
DIR: /srv/http/adent.cz/prvniboleslavska.cz/app/webroot/css
/srv/http/adent.cz/prvniboleslavska.cz/app/webroot/css/
Current File : /srv/http/adent.cz/prvniboleslavska.cz/app/webroot/css/layout2.css
/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on October 19, 2017 */
@font-face {
    font-family: 'open_sansextrabold';
    src: url('fonts/opensans-extrabold-webfont.eot');
    src: url('fonts/opensans-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-extrabold-webfont.woff2') format('woff2'),
         url('fonts/opensans-extrabold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

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

}

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

}
body {   font-family: 'source_sans_proregular'; color:#4d4e4c;
  
	font-size:1rem;
}

h1, h2 { font-family: 'source_sans_probold';}
h2, h2.home {font-size:1.4rem; padding:0; margin:0; }
h3 {font-size:1rem; color:#00b0d0;  font-family: 'source_sans_probold'; line-height:150%}
@media (min-width: 768px) {
h2, h2.home {font-size:1.9rem; padding:0; margin:0; }
h3 {font-size:1.2rem; color:#00b0d0;  font-family: 'source_sans_probold'; line-height:150%}
}

.fright {float:right}
.tcenter {text-align:center}
.cista {background:transparent}
.nulovac {padding-right:0}

.content h3  {font-size:1.1rem; color:#00b0d0;  font-family: 'source_sans_proregular'; line-height:150%}
.page-header, .nadpis-lista {padding:2rem 0rem}

.header {font-size:1rem; background:#efefef}
.header .fa-twitter-square, .header .fa-facebook-square, .header .fa-instagram {vertical-align:-0.3rem;}
.header .fa-twitter-square {color:#00b0d0;  padding:0.3rem}
.header .fa-instagram {color:#00b0d0;  padding:0rem}
.header .fa-facebook-square {color:#3b5998;  padding:0rem 1rem 0rem 0rem}
h1.motto, .motto {padding:0.5rem 0rem; color:#00b0d0; font-size:1.4rem;  font-family: 'open_sansextrabold'; text-transform:uppercase}
img.kamera {padding:0.5rem 0rem 0rem 2rem}


.rozmer, .rozmer-big, .rozmer-top { height:10.2rem; width:100% }
.rozmer-archiv {height:10.5rem; width:100%}

@media (min-width: 375px) {
.rozmer, .rozmer-big, .rozmer-top  { height:12.1rem; width:100% }
.rozmer-archiv {height:12.5rem;}
}

@media (min-width: 414px) {
.rozmer, .rozmer-big, .rozmer-top { height:13.5rem; width:100% }
.rozmer-archiv {height:13.8rem;}
}

@media (min-width: 544px) {
.rozmer, .rozmer-big, .rozmer-top { height:18rem; width:100% }
.rozmer-archiv { height:8.7rem; width:100% }
}

@media (min-width: 768px) {
.rozmer-big { height:24.3rem; }
.rozmer-top { height:7.4rem; }
.rozmer { height:11.6rem; }
.rozmer-archiv { height:7.5rem; width:100% }
h3 {font-size:1rem; height:2.7rem  }
#top h3 {height:auto}
}


@media (min-width: 992px) {
.rozmer-big { height:26.5rem; }
.rozmer-top{ height:9.9rem; }
.rozmer { height:15.5rem; }
.rozmer-archiv { height:10.1rem; width:100% }
h3 {font-size:1.1rem; height:auto  }

}

@media (min-width: 1200px) {
.rozmer-big { height:32.3rem; }
.rozmer-top { height:12.3rem; }
.rozmer { height:19rem; }
.rozmer-archiv { height:12.4rem; width:100% }
h3 {font-size:1.2rem; height:auto  }
}



.navbar {padding:0; box-shadow:none}
.menu-lista { background:linear-gradient(#4b4c4a 0%, #30302f 40%, #1c1c1b 60%, #000000 100%) ;  margin-top:0rem}


@media (min-width: 768px) {
.header .fa-facebook-square { padding:0rem}
.header {font-size:1.5rem}
.navbar-brand {padding-top:1.4rem;}
h1.motto, .motto {font-size:1.4rem; padding:1rem 0rem 0rem 0rem;  } 
img.kamera {padding:1rem 0rem 0rem 0rem}
}

@media (min-width: 1024px) {
.header .fa-facebook-square { padding:0rem}
.header {font-size:1.3rem}
.navbar-brand {padding-top:0.5rem;}
h1.motto, .motto {font-size:1.6rem; padding:1.5rem 0rem 0rem 0rem;  } 
img.kamera {padding:1rem 0rem 0rem 0rem}
}


@media (min-width: 1280px) {
.header {font-size:1.5rem; padding-top:1rem}
h1.motto, .motto {font-size:1.75rem; padding:1.5rem 0rem 1rem 0rem; } 
.navbar-brand {padding-top:0rem}
img.kamera {padding:0.5rem 0rem 0rem 0rem}
.menu-lista { background:linear-gradient(#4b4c4a 0%, #30302f 40%, #1c1c1b 60%, #000000 100%) ;  margin-top:0rem}
}

nav.menu { background:#fff;
    display: block; color:#000;
    width: 95%;
}

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

nav.menu ul li { display:block;  width:100%; float:left; margin-right:1rem;  background: #4194DA; border-radius:0.5rem
    
	}



nav.menu ul li span {padding-right:0.5rem; font-size:1rem}
nav.menu a { 
    display: inline;
    padding: 0 15px;
    color: #fff;
    line-height: 2em;
    text-decoration: none;
    font-family: sans-serif;
    font-size: 16px;

}

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

nav.menu li a:hover {text-decoration:underline;} 

/* š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;
	color:#fff;
	border-radius: .2rem; background:#4194DA;
}

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





@media (min-width: 768px) {
nav .navbar-nav {background:none;}

nav.menu a:hover , nav.menu li a:hover {
    background: #514F54; text-decoration:none;}
	
    nav.menu {
        background: transparent;

    }

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

    nav.menu ul li {	display:block; margin:0; background:transparent;
		width: auto; float:left; 
		padding:0rem 1rem 0rem 0rem;
     		
    }
	
	nav.menu ul li.first-item {display:block	}
	
	nav.menu ul li.last-item {padding-right:0rem} 
	nav.menu ul li.active  a { background: #514F54; } 
    
	nav.menu a {  width:100%; display:block;
        line-height: auto;
        position: relative;
		border-radius:0.2rem;
		text-transform:uppercase;
		text-align:left; background:#00B0D0;
		padding:0.5rem 0.7rem; font-size:0.95rem;
		font-family: 'source_sans_probold';}
		
/* podtržení položky mene 
    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;
    }
*/


/* š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 */



}

@media (min-width: 1280px) { 
nav.menu a {font-size:1rem;}
}

@media (min-width: 1280px) {

    nav.menu {
        background: transparent;

    }

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

    nav.menu ul li {	display:block;
		width: auto; float:left; 
		padding:0rem 1rem 0rem 0rem;
     		
    }
	
	nav.menu ul li.last-item {padding-right:0rem} 
	nav.menu ul li.active  a { background: #514F54; } 
    
	nav.menu a {  width:100%;
        line-height: auto;
        position: relative;
		border-radius:0.2rem;
		text-transform:uppercase; font-size:1rem;
		text-align:left; background:#00B0D0;
		padding:0.5rem 0.8rem; 
		font-family: 'source_sans_probold';
		
    }
/* podtržení položky mene 
    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;
    }
*/
}


nav.menu-kategorie {
    width: 100%;
    font-size: 0;
}

nav.menu-kategorie ul {   background:transparent;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

nav.menu-kategorie ul li { float:left; display:inline;

	}


nav.menu-kategorie ul li span {padding-right:0.7rem}
nav.menu-kategorie a {
    display: block; float:left; width:150px;
    padding: 0 15px;
    color: white;
    line-height: 2em;
    text-decoration: none;
    font-family: sans-serif;
    font-size: 0.9rem;

}

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

@media (min-width: 600px) {


   nav.menu-kategorie {
        background: transparent;
		padding:0.7rem 0;

    }

    nav.menu-kategorie ul { display:block;
        width: 100%;
        float: right; text-align:right;
		margin:0; padding:0;
    }

    nav.menu-kategorie ul li {	display:inline;
		width: auto;  float:right; 
     		
    }
	
	nav.menu-kategorie ul li.first-item {padding-right:0rem} 
	
	nav.menu-kategorie  li:nth-of-type(1) span {color:#e95f89; font-size:1rem}
	nav.menu-kategorie  li:nth-of-type(2) span {color:#3fbd22; font-size:1rem}
	nav.menu-kategorie  li:nth-of-type(3) span {color:#ff9c00; font-size:1rem}
	nav.menu-kategorie li:nth-of-type(4) span {color:#0fbfd6; font-size:1rem}

    
	nav.menu-kategorie a {  width:100%;
        line-height: auto; display:inline;
        position: relative;
		text-transform:uppercase;
		text-align:right; 
		padding:0.3rem 0.4rem 0.5rem 0.4rem; font-size:0.9rem;
		font-family: 'source_sans_probold';
		
    }
		nav.menu-kategorie li.active:nth-of-type(1) a, nav.menu-kategorie li:nth-of-type(1) a:hover {color:#e95f89}
		nav.menu-kategorie li.active:nth-of-type(2) a, nav.menu-kategorie li:nth-of-type(2) a:hover {color:#3fbd22}
		nav.menu-kategorie li.active:nth-of-type(3) a, nav.menu-kategorie li:nth-of-type(3) a:hover{color:#ff9c00}
		nav.menu-kategorie li.active:nth-of-type(4) a, nav.menu-kategorie li:nth-of-type(4) a:hover {color:#0fbfd6}
		
nav.menu-kategorie a:hover {background:none}

}

@media (min-width: 1280px) {
    nav.menu-kategorie ul li {	display:inline;
		width: auto;  float:right;
		padding:0rem 1.5rem 0rem 0rem;}
		
	nav.menu-kategorie a  {font-size:1.1rem}
	
	nav.menu-kategorie  li:nth-of-type(1) span {color:#e95f89; font-size:1.7rem}
	nav.menu-kategorie  li:nth-of-type(2) span {color:#3fbd22; font-size:1.5rem}
	nav.menu-kategorie  li:nth-of-type(3) span {color:#ff9c00; font-size:1.5rem}
	nav.menu-kategorie li:nth-of-type(4) span {color:#0fbfd6;  font-size:1.7rem}
		

}


footer ul.menu  {
    list-style-type: none;
	font-size:0.95rem;
    background: transparent;
    width: 100%;
    text-align: left;
	margin:0; padding:0;
    }


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



footer ul.menu a {
    display: block;
    color: #0fbfd6;
	text-decoration:underline;
    font-family: sans-serif;
	width:100%;
    line-height: auto;
    position: relative;
	padding:0rem 0rem 0.3rem 0rem; 
		
    }

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

	
	footer ul.menu li span {padding-right:0.6rem; font-size:1rem}
	footer ul.bezz li span {display:none}


	footer ul.kategorie li:nth-of-type(1) a {color:#0fbfd6}
	footer ul.kategorie li:nth-of-type(2) a {color:#ff9c00}
	footer ul.kategorie li:nth-of-type(3) a {color:#3fbd22}
	footer ul.kategorie li:nth-of-type(4) a {color:#e95f89}
	footer ul.kategorie li:nth-of-type(5) a {color:#efefef}

	footer ul.menu a:hover, footer ul.kategorie li a:hover {background:none; color:#fff}

.logofooter {padding-bottom:0.5rem; float:right}
.logofootersmall {padding-bottom:0.5rem; padding-top:1rem; width:5rem; float:right}
.cleaner {
    clear: both;
}

#toTop{
	position: fixed;
	bottom: 10px;
	right: 10px;
	cursor: pointer;
	display: none;
}
footer {font-size:0.95rem; }
.partneri {background:#f3f2f2; padding:0.5rem 0rem}
.partneri img {padding:0.5rem}
@media (min-width: 1280px) { 
.partneri img {padding:0.5rem 1rem}

}

.footer1 {background:#3a3b3a; color:#fff; padding:1rem 0rem}
.footer1 h3 {font-size:1.3rem; text-transform:uppercase; padding:1rem 0rem; margin:0; font-family: 'source_sans_probold'; color:#fff}
.footer1 p {padding:0rem 0rem 0.7rem 0rem; margin:0}
.footer1 .fa-twitter-square, .footer1 .fa-facebook-square, .footer1 .fa-instagram {vertical-align:-0.3rem;}
.footer1 .fa-twitter-square {color:#00b0d0;  padding:2rem 0rem 0rem 0rem} 
.footer1 .fa-instagram {color:#00b0d0;  padding:2rem 0rem 0rem 0rem} 
.footer1 .fa-facebook-square {color:#3b5998;  padding:2rem 0.5rem 0rem 0rem}
.footer2 {background:#4d4e4c; color:#fff; padding:1rem 0rem}

.footmobil {border-top:1px solid #4D4E4C; margin-top:1rem}

@media (min-width: 768px) { .footer1 .fa-twitter-square {  padding:7rem 0rem 0rem 0rem  }
.footmobil {border:0; margin-top:0}
}
@media (min-width: 1280px) { .footer1 .fa-twitter-square  {padding:9rem 0.5rem 0rem 0rem }
}

#page {padding-bottom:2rem; position:relative}
#page .fa-twitter-square {color:#00b0d0;  padding:0rem}
#page .fa-facebook-square {color:#3b5998;  padding:0rem 0rem 0rem 0.7rem}
#page a, footer a:link, footer a:visited  {text-decoration:underline; color:#00b0d0; }
footer a:hover {color:#fff;}

#page table.table td.cena, #page table.table th.cena  {text-align:right}
/* button */
#page .btn-default { font-family: 'source_sans_probold'; font-size:0.9rem; padding:0.4rem 1.2rem; background:transparent; border-color:#636061; color:#636061; text-shadow:none; box-shadow:none; border-radius:0.15rem; text-transform:uppercase; font-weight:normal; text-decoration:none}
#page .btn-default a, #page .btn-default a:link, #page .btn-default a:visited  {text-decoration:none; color:#636061; }
#page ul {list-style-type:square; margin:0 0 0 1.3rem; padding:0;}
#page ul.cenik {font-style:italic;  font-size:0.9rem; margin:0 0 0 2rem; }
#page .btnReportaze {position:absolute; top:2rem; right:0}
.reportaz {padding-bottom:1rem; position:relative}

.texthome {display:none}

.kultura, .kategorie27, .sport, .neslysici, .kategorie28, .kategorie29, .kategorie30 {padding:0; margin:0; line-height:1; position:relative;}

.kategorie28::after {   font: normal normal normal 14px/1 FontAwesome;
 content: "\f19c";
 position:absolute;
 right:0; top:0; color:#ff9c00}
 
 .kategorie27::after {   font: normal normal normal 18px/1 FontAwesome;
 content: "\f0ac";
 position:absolute;
 right:0; top:0; color:#0FBFD6}
 
 .kategorie29::after {   font: normal normal normal 14px/1 FontAwesome;
 content: "\f1e3";
 position:absolute;
 right:0; top:0; color:#328105}
 
 
 
 .neslysici::after {   font: normal normal normal 16px/1 FontAwesome;
 content: "\f2a4";
 position:absolute;
 right:0; top:0; color:#E95A62} 



/* fotogalerie */

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

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


input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus, .gsc-search-button 
{
  box-sizing: content-box;
  line-height: normal;
}
div.gsc-control-cse.gsc-control-cse-cs {background-color:transparent; border:0}

.flexbox {
  display: flex;  
  margin-bottom: 1rem;
}

.flexbox-flexend { align-items: flex-end; }
.flexbox-flexstart { align-items: flex-start; }
.flexbox-stretch { align-items: stretch; }
.flexbox-center { align-items: center; }
.flexbox-baseline { align-items: baseline; }