HOME

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

}

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

}

body {  font-family: 'arial'; font-size:0.95rem;
    background: #b8e5f3 url("../img/bg-body.png") no-repeat 0 0; background-size:contain;
}

h1 { font-family: 'opensans-condbold'; color:#4d8a9c; font-size:1.5rem; margin:0rem ; padding:0rem; line-height:110%; margin:0rem }
h1::after {	 display:block;  
    margin:0.5rem  0rem 0.5rem 0rem; 
    line-height:1rem; 
    padding-bottom: 1rem;
	content: '';
    background: url(../img/bg-h1.gif) no-repeat;
	
	}

	@media (min-width: 1000px) {
	
h1 { font-family: 'opensans-condbold'; color:#4d8a9c; font-size:1.8rem; margin:0rem ; padding:1rem 0rem 0rem 0rem; line-height:110%; }

h1::after {	 display:block;  
    margin:0.5rem  0rem 1.5rem 0rem; 
    line-height:1rem; 
    padding-bottom: 1rem;
	content: '';
    background: url(../img/bg-h1.gif) no-repeat;	}
	}
	
h2 {font-family: 'opensans-condbold'; color:#4d8a9c; font-size:1.5rem; margin:0rem; padding:0rem}
h2::after {	content: '';
    background: url(../img/bg-h2.gif) no-repeat; display:block; 
    margin:0rem; 
    line-height:1rem;
    padding-bottom: 0.3rem;}
	
h3 {font-family: 'opensans-condbold'; color:#355f6b; font-size:1.3rem; margin:0rem; padding:1rem 0rem 0.5rem 0rem; }
.upozorneni {color:#f77bb1; font-family: 'opensans-condbold'; font-size:1.3rem; margin:0rem; padding:0rem 0rem 0.5rem 0rem;}	

.fright {text-align:right}
.frightff {float:right}
.cleaner { clear: both;}

.kontakt {color:#4d8a9c; font-size:1.5rem; font-family: 'opensans-condbold'; padding-right:1.5rem; padding-top:1rem; }
.kontakt span {border:2px solid #4d8a9c; padding:5px 9px; border-radius:48%; margin-right:0.5rem}
	@media (min-width: 780px) { .kontakt { font-size:2rem; } }

.slideblok {padding-left:0;}
.slideblok img { margin-top:1rem; border-radius:15px}

		@media (min-width: 1000px) { .slideblok img { margin-top:-0.5rem; } }
		
.mottoblok { margin-top:2rem;  font-family: 'opensans-condbold';}
.motto {background:#c3dce3;  color:#fff; text-shadow: 1px 2px 3px #808080; text-transform:uppercase; padding:0.5rem 1rem; border-radius: 15px ; position:relative; overflow:hidden; }
.motto .text {margin-top:0rem;  font-size:1.6rem;}
.motto span {color:#196d85; display:block; font-size:1.3rem; }
.motto img {float:left; margin-right:2rem; width:18%}

	@media (min-width: 375px) {
			.motto .text {font-size:1.7rem; padding-top:0.5rem }
			.motto span {font-size:1.3rem; } }

				@media (min-width: 544px) {
			.motto .text {font-size:1.5rem; padding:0rem 0rem 1rem 0rem; }
			.motto span {font-size:1.3rem; }
			.motto img {display:none}			}
			
			@media (min-width: 768px) {
			.motto  .text{font-size:1.5rem;  padding:0.3rem 0rem 1rem 0rem;}
			.motto span { font-size:1.2rem; } 
			.motto img {display:block; float:left; margin-right:2rem; width:20%} }
			
			
			@media (min-width: 992px) {
			.mottoblok { margin-top:2rem; }
			.motto  .text{font-size:1.9rem;  padding:2rem 0rem 1rem 0rem;}
			.motto span { font-size:1.7rem; } 
			.motto img {display:block; float:left; margin:1rem 2rem 1rem 0rem; width:20%} }
			
				@media (min-width: 1200px) {
			.mottoblok { margin-top:2.5rem; } 
.motto  .text{font-size:2.4rem; }
			.motto span { font-size:2rem; } 			}
			
/*			
.motto::before {
	content: "";
	position: absolute;
	left: 0;
	width: 1.5em;
	height: 1.5em;
	background: #4d8a9c;
	margin-left: -.75em;
	-ms-transform: rotate(45deg); /* IE 9 
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera 
    transform: rotate(45deg);
}
*/
.page { background:#fff; border-radius: 25px; padding:1.5rem 1rem}

@media (min-width: 600px) { .page { padding:2rem 3rem} }

.page a:link, .page a:visited {color:#ea83a5; font-weight:bold; border-bottom:1px solid #ea83a5}
.page a:hover {color:#415F68;  border-bottom:1px solid #415F68; text-decoration:none}
.page ul {margin:0; padding:0}
.page ul li {  background:  url("../img/_li2.png") no-repeat 0px 5px; list-style-type:none; padding:0rem 0rem 0rem 1.5rem; margin:0.6rem 0rem 0.8rem 0rem }

.page ul.normal {margin:0 0 0 1.5rem}
.page ul.normal li {background:none; list-style-type:square; margin:0; padding: 0 0 0.5rem 0;}

.blokkontakt {background:#c3dce3;  color:#000; padding:1rem; border-radius: 15px; margin-top:1rem; }
.blokkontakt span {color:#7095a0; }
.blokkontakt p {padding:0.5rem 0rem 0.5rem 0rem; margin:0}

.page a.imgfoto {border:0;}
a.imgfoto img {margin:1rem 1rem 1rem 0rem; text-decoration:none; padding:10px; box-shadow: #cfcfcf 0px 0px 5px; }

.ordinace {background:#f0ede4; font-size:1.1rem; color:#5e7b82; width:100%; font-family: 'opensans-condbold'; padding:1rem 2rem; border-radius: 15px; margin:1rem 0rem; }
.ordinace span {color:#4b4b4b; display:block; font-size:1rem }
.ordinace p {padding:0rem; margin:0}

	@media (min-width: 700px) { .ordinace {width:80%;  font-size:1.3rem; }
								.ordinace span { font-size:1.1rem; }
	}

.spoluprace {text-align:center; border:1px solid #F599C1; border-radius:5px; padding:1rem}
.spoluprace p {padding:1rem 0rem 0rem 0rem; margin:0}

.neprehlednete {border-top:3px dotted #f77bb1; border-bottom:3px dotted #f77bb1}
.logo {text-align:center; padding-top:2.5rem}


.navbar-default {
    background: #486a74;
    border-radius: 15px;
}

.navbar { margin:1rem 0rem 1rem 0rem;
    padding: 0;}


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

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

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

nav.menu a { margin:0;
    display: block;
    padding: 10px 20px;
	color: #fff;
    line-height: 1em;
    text-decoration: none;
    font-family: sans-serif;
    font-size: 1.1rem;
}


nav.menu a:hover, nav.menu ul li.last-item a:hover, nav.menu ul li.active a { 
    color: #f7e9b0;   padding: 10px 20px;
    background: rgba(0, 0, 0, 0.1);
}


.dropdown-menu {
    background-clip: padding-box;
    background: #415f68;	
    border: 0px solid #365e90;
    border-radius: 0rem;
    color: #373a3c;
    display: none;
    float: left;
    font-size: 0.9rem;
    left: 0;
    list-style: outside none none;
    margin: 0px;
  width: 100%;
    padding: 0px 0px 0px 0px;
    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 #486a74; width:100%;  z-index: 1000;  background-image:none}
nav.menu ul li.dropdown  ul.dropdown-menu  li.last-item  {border-bottom:0px}
nav.menu ul li.dropdown  ul.dropdown-menu  li a {text-transform:none; color:#fff;  background: #415f68; font-family: 'open_sansregular'; font-size:1rem; padding:10px 20px}
nav.menu ul li.dropdown  ul.dropdown-menu  li a:hover, nav.menu ul li.dropdown  ul.dropdown-menu  li.active a  { color:#f7e9b0;  background: rgba(0, 0, 0, 0.1);}

/* uprava pro desktop */



@media (min-width: 768px) {


nav.menu a { margin:0;
    display: block;
    padding: 10px 20px;	
	text-transform:uppercase; font-family: 'opensans-condbold';
        line-height: 2.5rem;
        position: relative;
		font-weight:normal;
		border:none
	
    }
	
    nav.menu ul { text-align:center;
        width: 100%;
    }

    nav.menu ul li { background: url("../img/separator.png") no-repeat 100% 50%;
        width: auto;
        /*background: red;*/
        display: inline-block;
    }
		
	nav.menu ul li.none {display:none}
	nav.menu ul li.last-item {background:none}
	
nav.menu a:hover, nav.menu ul li.last-item a:hover, nav.menu ul li.active a { 
    color: #f7e9b0;   padding: 10px 20px;
    background: rgba(0, 0, 0, 0.1);
}
	
	nav.menu ul li ul li  a {
	background:none;
    line-height: 2.8em;
	font-weight:normal;} }
	
@media (min-width: 992px) {
nav.menu a {    padding: 10px 10px;	}
 }

 @media (min-width: 1200px) {
nav.menu a {    padding: 10px 20px;	}
 }

	
/* 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: #415f68;	
    border: 0px solid #365e90;
    border-radius: 0rem;
    color: #373a3c;
    display: none;
    float: left;
    font-size: 0.9rem;
    left: 0;
    list-style: outside none none;
    margin: 0px;
    min-width: 290px;
    padding: 0px 0px 0px 0px;
    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 #486a74; width:100%;  z-index: 1000;  background-image:none}
nav.menu ul li.dropdown  ul.dropdown-menu  li.last-item  {border-bottom:0px}
nav.menu ul li.dropdown  ul.dropdown-menu  li a {text-transform:none; color:#fff;  background: #415f68; font-family: 'open_sansregular'; font-size:1rem; padding:0px 20px}
nav.menu ul li.dropdown  ul.dropdown-menu  li a:hover, nav.menu ul li.dropdown  ul.dropdown-menu  li.active a  { color:#f7e9b0;  background: rgba(0, 0, 0, 0.1);}
}

footer p {font-family: 'opensans-condbold'; margin:0; padding:0; color:#fff; font-size:1rem}

table.vertical td  {vertical-align:middle}


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

/* fotogalerie */


.fotoGaleryVypis {float:left; padding:5px; width:45%; margin:30px 20px 0px 0px; font-size:13px }

.fotoGaleryFoto {border: 1px dotted #82A71C; margin:10px; width:230px; height:210px; float:left; padding:0px; display: table-cell;vertical-align: middle;text-align:center}

@media (min-width: 544px) {
.fotoGaleryFoto  {    margin:10px; width:220px; height:210px; }	
 }

.page #dokumenty ul {margin: 0rem 0rem 0rem 1rem; padding:0px; } 
.page #dokumenty ul li {background:none;  font-size: 1rem; padding:  0px; }
.page #dokumenty ul  ul {margin: 0rem 0rem 0rem 1.5rem; padding: 0px;}
.page #dokumenty ul ul li {padding: 0.2rem 0rem 0.5rem 0.1rem; font-size:0.9rem; line-height:140%;}
.page #dokumenty ul ul li a {font-weight:normal; }

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

#banner .tagline, #banner .action {
    display: table-cell;
    vertical-align: middle;
}

#banner.fa5 .btn-primary, #banner.fa5 .btn-primary1 {
    background-color: #fff;
    border-bottom-width: 2px;
    border-color: #418fc9;
    border-radius: 30px;
    color: #fff;
    font-size: 1.1rem;
    padding: 14px 14px;
    text-shadow: none;
	margin-bottom:1rem;
}

#banner.fa5  .registr{font-size:0.8rem; font-weight:normal; }

	@media (min-width: 544px) {
			#banner.fa5 .btn-primary , #banner.fa5 .btn-primary1 {font-size: 1.2rem;}	
#banner.fa5  .registr{font-size:1rem;}			}

.btn-primary {
    background-image: linear-gradient(to bottom, #337ab7 0%, #265a88 100%);
    background-repeat: repeat-x;
    border-color: #245580;
}
.btn-primary1 {
    background-image: linear-gradient(to bottom, #337ab7 0%, #B8E5F3 100%);
    background-repeat: repeat-x;
    border-color: #245580;
}
.btn-default, .btn-primary, .btn-primary1, .btn-success, .btn-info, .btn-warning, .btn-danger {
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 1px rgba(0, 0, 0, 0.075);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}

.btn-primary:hover, .btn-primary1:hover { background-color: #fff;   background-image: none;  }
#banner.fa5 .btn-primary:hover, #banner.fa5 .btn-primary1:hover {  color: #489fdf;}

table {width:100%}
table td.center {text-align:center}

footer {background:#466871; margin:1rem 0rem; padding:1rem 2rem; border-radius:15px}


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