HOME

5h-3LL 1.0
DIR: /srv/http/adent.cz/naspickach.cz/app/webroot/css
/srv/http/adent.cz/naspickach.cz/app/webroot/css/
Current File : /srv/http/adent.cz/naspickach.cz/app/webroot/css/layout.css
body {
    
	/** background: #000 url('http://naspickach.adent.cz/img/bg-body1.jpg') no-repeat  fixed top center / cover;  **/
	font-family: 'antonioregular', 'antoniolight' ,'antoniobold';
	background:#000;
}


.fixed-centered-covers-entire-page, .fixed-centered-covers-entire-home {
	margin:auto;  background-repeat: no-repeat; background-size:contain; background-color: #000;left:0;right:0;top:0;bottom:0;z-index:-1;position:fixed; 
	}

.fixed-centered-covers-entire-page	{background-image: url(https://www.naspickach.cz/img/bg-body-2026b.png); background-position:  50% 10%;} 


.texthome {text-align:center; padding:2rem 0rem; border:1px solid #fff; background: rgba(0,0,0,0.6); font-size:1.5rem; margin-top:5rem}
.fixed-centered-covers-entire-home	{background-image: url(https://www.naspickach.cz/img/bg-body-2026b.png); background-position:  50% 20%;}

@media (min-width: 575px) {

.texthome {margin-top:12rem; font-size:2rem}
.fixed-centered-covers-entire-home	{background-image: url(https://www.naspickach.cz/img/bg-body-2026b.png); background-position: 50% 40%; }
}

@media (min-width: 640px) {

.fixed-centered-covers-entire-home	{background-image: url(https://www.naspickach.cz/img/bg-body-2026b.png); background-position: 50% 40%; }
.navbar-brand {position:absolute; margin-top:-70px; margin-left:0px }
.navbar-brand img {padding-left:20px;} 
}

@media (min-width: 768px) {

.texthome {padding:4rem 0rem; margin-top:15rem;}
.fixed-centered-covers-entire-home	{background-image: url(https://www.naspickach.cz/img/bg-body-2026b.png); background-position: 50% 20%;  }
.navbar-brand {position:absolute; margin-top:-70px; margin-left:0px }
.navbar-brand img {padding-left:60px;} 
}


@media (min-width: 830px) {
.col-sm-8 {width:55%}
.col-sm-4 {width:45%}
.texthome {font-size:3rem; }
.fixed-centered-covers-entire-home	{background-image: url(https://www.naspickach.cz/img/bg-body-2026b.png); background-position: 50% 35%;  background-size:cover}
.navbar-brand {position:absolute; margin-top:-70px; margin-left:40px }
.navbar-brand img {padding-left:60px;} 
}

@media (min-width: 970px) {
.texthome {font-size:3rem;margin-top:35rem; }
.fixed-centered-covers-entire-home	{background-image: url(https://www.naspickach.cz/img/bg-body-2026b.png); background-position: 50% 50%;  background-size:contain}

}

@media (min-width: 1100px) {
.texthome {font-size:3rem;margin-top:25rem; }

.fixed-centered-covers-entire-home	{background-image: url(https://www.naspickach.cz/img/bg-body-2026b.png); background-position: 50% 35%;  background-size:cover}

}
	 

/** .navbar {position:fixed; top:0; padding:0px; margin:0px; border:0px;
	background: transparent url('../img/bg-lista-menu.png') no-repeat  center center / contain; padding-top:6%;
} **/

.lang {float:right; margin-top:-7.5%; margin-right:20px; color:#fff; font-family:  'open_sanscondensed_light';  }
.zahlavi {background:#000; padding:12% 0px 0px 0px;}
.navbar img {max-height:95px; margin-top:-60px}

@media (min-width: 640px) {
	
.lang {float:right; margin-top:-5.5%; margin-right:20px; color:#fff; font-family:  'open_sanscondensed_light';  }
	.zahlavi {background:#000; padding:8% 0px 0px 0px;}
.navbar img {max-height:100px; margin-top:5px}	
}

@media (min-width: 768px) {
.lang {float:right; margin-top:-4%; margin-right:20px; color:#fff; font-family:  'open_sanscondensed_light';  }
.zahlavi {background:#000; padding:7% 0px 0px 0px;}
.navbar img {max-height:105px}
}

@media (min-width: 830px) {
.lang {float:right; margin-top:-3.5%; margin-right:20px; color:#fff; font-family:  'open_sanscondensed_light';  }
.zahlavi {background:#000; padding:6% 0px 0px 0px;}
.navbar img {max-height:110px}
}

@media (min-width: 1024px) {
.lang {float:right; margin-top:-3.5%; margin-right:20px; color:#fff; font-family:  'open_sanscondensed_light';  }
.zahlavi {background:#000; padding:6% 0px 0px 0px;}
.navbar img {max-height:130px;  margin-top:-15px}
}

.lang a {color:#fff;}
.lang a:hover {color:#e65870; text-decoration:none}
.lang a.active {color:#e65870; }
.lang ul {list-style-type:none; text-transform:uppercase; margin:0px }
.lang ul li {display:block; float:left; background: transparent url('../img/bg-lang-li.gif') repeat-y  100% 5px ; padding:0px 6px 0px 6px; line-height: 1;  }
.lang ul li.last-item {background:none}

.navbar {top:0; padding:0px; margin:0px; border:0px; opacity:0.9; background:#efefef; font-size:1.1em;  }


.container { margin:0 auto; } 
.jumbotron {background:none; padding-top:6%}

.cleaner {
    clear: both;
} 



#navbar.navbar-collapse  #hlavni-menu  ul { 	
    margin: 0px;
	position:relative;	
	float:right;
}



#navbar.navbar-collapse #hlavni-menu  ul li {
    padding:  0px;
	display:block;
	text-transform: uppercase;
	float:left;
	position: relative;
	

} 

#navbar.navbar-collapse #hlavni-menu  ul li a {
    color: #47464a;
	line-height:50px;
    text-decoration:none; 
	margin:0px 5px 0px 5px ;
	display:block; 
	padding:0px 10px 0px 10px
} 

#navbar.navbar-collapse #hlavni-menu  ul li.last-item a  { margin:0px }
#navbar.navbar-collapse #hlavni-menu  ul li.first-item a {margin-left:0px}


#navbar.navbar-collapse #hlavni-menu  ul li a span { display:block; text-align:center; padding:5px 10px 0px 10px}	
#navbar.navbar-collapse #hlavni-menu  ul li.active a, #navbar.navbar-collapse #hlavni-menu  ul li a:hover {   padding:0px 10px 0px 10px}	
#navbar.navbar-collapse #hlavni-menu  ul li.active span, #navbar.navbar-collapse #hlavni-menu  ul li a:hover span
 { padding:0px; display:block; text-align:center; background: url('../img/bg-menu-li.gif') 0 70% repeat-x;  padding:5px 10px 0px 10px}	
 
#navbar.navbar-collapse #hlavni-menu  ul li.has-children a:hover { background:#efefef; padding:0px 10px 0px 10px}  

#navbar.navbar-collapse #hlavni-menu  ul li ul {  display: none; position:absolute; right:-75px; padding-top:3px}
#navbar.navbar-collapse #hlavni-menu  ul li li { 
    display: block;    
    background: none;
    overflow: hidden;
	float:none; margin:0px; padding:0px; border:2px solid #fff;
	height: 100px;  width:267px; 
    font-size: 15px;
	text-transform: uppercase;
    color: #fff;
    text-align:center;
	
}

#navbar.navbar-collapse #hlavni-menu  ul li:hover ul { display: block; }  /*zobrazi druhou uroven pri najeti myší na první*/

#navbar.navbar-collapse #hlavni-menu ul li.active ul li a,  #navbar.navbar-collapse #hlavni-menu  ul li ul li a:hover {text-decoration: none; color: #fff; line-height:100px;  }
#navbar.navbar-collapse #hlavni-menu ul li.has-children ul li a span, #navbar.navbar-collapse #hlavni-menu ul li ul li a span  {background:none; color:#fff; display: inline; padding:10px 10px 5px 10px}	
#navbar.navbar-collapse #hlavni-menu ul li.active ul li a:hover span, #navbar.navbar-collapse #hlavni-menu ul li ul li a:hover span   {background:#E95D6F; color:#fff; display: inline; padding:10px 10px 5px 10px}	


#home {color:#fff;  font-family:  'open_sanscondensed_light'; font-size:20px; }

 
.page-header {
    border-bottom: 0px;
    margin: 0px;
    padding-bottom: 9px;
}

.web, .rozcestnik { box-sizing: border-box; display:table; padding:3%; width:60%;  font-size:13px; font-family: 'open_sansregular'; margin-bottom:5%}
.web { background: transparent url('../img/bg-web-page.png') repeat  center center ;  }
.rozcestnik { background:none; padding:0% 8% 0% 8%; text-align:center}
.rozcestnik h1 {display:none}

.web h1, .web h2, .web h3 {color:#47464a; font-size:25px; margin:0px; padding:10px 0px 0px 0px; font-family: 'open_sans_condensedbold';}
.web h2 {color:#e65870; font-size:16px; line-height:140% }
.web h3 {font-size:14px}
.web p {padding:5px 0px 8px 0px; margin:0px; text-align:justify}
.web ul.bez {list-style-type: none;margin:10px 10px 10px 3px;}
.web ul.bez  li {padding: 0px 0px 7px 0px}
 
.web ul {margin:10px 0px 0px 0px; padding:0px}
.web ul  li {padding: 0px 0px 0px 15px;  margin:0px 0px 7px 0px; background: transparent url('../img/li-ruzova.png') no-repeat 0 5px ; list-style-type: none }
.web ul  li.modra1 {background: transparent url('../img/li-modra1.png') no-repeat  0 5px ; }
.web ul  li.modra2 {background: transparent url('../img/li-modra2.png') no-repeat  0 5px ; }
.web ul  li.modra3 {background: transparent url('../img/li-modra3.png') no-repeat  0 5px ; }
.web ul  li.cervena { background: transparent url('../img/li-cervena.png') no-repeat  0 5px ;  }
.web ul  li.fialova { background: transparent url('../img/li-fialova.png') no-repeat  0 5px ;}
.web ul  li.zluta {background: transparent url('../img/li-zluta.png') no-repeat  0 5px ;  }
.web ul  li.ruzova {background: transparent url('../img/li-ruzova.png') no-repeat  0 5px ;  }


.partneri {margin:15px; postion:relative; width: 200px; text-align:center; height:200px; background:#fff; line-height:200px; padding:0px; float:left}

.partners {text-align:center; padding:20px 0px 20px 0px; font-weight:bold; background:#fff; border:1px solid #B1B1B1; min-height:400px; margin:10px 0px 10px 0px}
.partners p {padding:0px 20px 0px 20px; margin:0px; font-size:12px; font-weight:normal; line-height:140%}
.partners span {display:block; text-align:center; padding:10px 0px 10px 0px; font-weight:normal; }


#faq table.table, .web table.table { background:#efefef; font-size:1em; margin:1em; width:97%; border-radius:8px }
#faq table.table td, .web table.table td {background:none; border-top:0px; vertical-align: middle;} 
#faq table.table td.prvni, .web table.table td.prvni {width:25%; text-align:right}

.web fieldset { width:77%;
    border: 1px solid #E65870;
    margin: 0 0 2em 0;
    padding: 0.35em 0.625em 0.75em;}
	
.web legend {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border:none;
    color: #E65870;
    font-size: 1.2em;
	line-height: inherit;
    margin: 0px;
	display:inline;
	width:auto;
	padding: 0px 1em 0px 1em;
}

.web input.minuta {width:46%; float:left; margin-right: 3em }
.web input.vterina {width:46%; float:left; }

div.wrapper_16_9{
   width: 100%;
   position: relative;
}
div.wrapper_16_9 div.sizing{
   width: 100%;
   padding-bottom: 65%; /* 9 / (16 / 100) */
   visibility: hidden;
}
div.wrapper_16_9 div.contentWrap{
   width: 100%;
   height: 100%;
   position: absolute;
   margin-top: -65%; /* 9 / (16 / 100) */
  background: transparent url('../img/bg-web-page.png') repeat  center center;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
}
div.wrapper_16_9 div.contentWrap:hover{
   background: transparent url('../img/bg-web-page.png') repeat  center center;
}
div.wrapper_16_9 div.contentWrap div.content{
   text-align: center;
   font-size: 160%;
   padding-top: 20%;
}

.odsad {padding:5%;}
.frame {float:left; margin:15px}



 a.submenu {float:left; display:block; margin:0px 20px 40px 20px;  width:300px; height:200px; line-height:200px; text-align:center; border:2px solid #fff; }
 a.obrazek2 {background: transparent url('../img/bg-o-soutezi.png') no-repeat  center center; background-size:cover;}
 a.obrazek1 {background: transparent url('../img/bg-foto-slozky.png') no-repeat  center center;}
 a.submenu span {display:inline; background:#DE596A; padding:5px  10px 5px 10px; color:#fff; text-decoration:none}
 a:link.submenu {} 
 a:hover.submenu,  a:visited.submenu {opacity:1; text-decoration:none} 
 
#novinka {margin-top:5px}
#novinka img {margin:0px 30px 0px 0px} 
#novinka h2 {  padding:0px 0px 5px 0px;}
#novinka h2 span { color:#adadad; padding:0px 0px 0px 10px;}
#novinka p { text-align:justify; padding:3px 0px 3px 0px}
#novinka  p.vice  {border-top:2px dotted #393939; text-transform: uppercase; text-align:right; margin-top:13px;}
#novinka  p.vice  a {color:#e65870}
#novinka a {text-decoration:underline}
 
#novinka-prava, #novinka-leva  {margin-bottom:30px;}
#novinka-prava img {float:right;  padding:0px 0px 0px 30px}
#novinka-leva img {float:left;  padding:0px 30px 0px 0px}
#novinka-prava .date p, #novinka-leva .date p {float:right;  margin:0px}
#novinka-prava p, #novinka-leva p { text-align:justify}
#novinka-prava  p.vice {border-top:2px dotted #393939; text-transform: uppercase; text-align:right; margin-right:255px; padding-top:3px; }
#novinka-leva p.vice  {border-top:2px dotted #393939; text-transform: uppercase; text-align:right; margin-left:255px; padding-top:3px;}
#novinka-prava a, #novinka-leva a {color:#e65870}

#obrazky-vpravo {width:100%; line-height:180%}
#obrazky-vpravo .blokfoto { width: 45%; float:right; margin-left:3%;}
#obrazky-vpravo .bloktext { width: 52%; }
#obrazky-vpravo p {text-align:justify; padding:5px 0px 5px 0px}
#obrazky-vpravo ul {margin:10px 0px 10px 13px; padding:0px}
#obrazky-vpravo ul li {padding:0px 0px 3px 8px}
#obrazky-vpravo ul.bez {margin:5px 0px 10px 5px; } 
#obrazky-vpravo ul.bez li {list-style-type:none; padding:0px 0px 0px 0px} 


footer 	{text-transform: uppercase; font-size:11px;  color:#fff;   padding-top:5px;  background: transparent url('../img/bg-footer.png') repeat  center center; position:fixed; width:100%; bottom:0; margin:0 auto; z-index:1000; } 

#rozcestnik 	{text-transform: uppercase; font-size:11px;  color:#fff;  font-family:  'open_sans_condensedbold' ;  }
#rozcestnik p {float:left;  margin-left:10px; padding:7px 15px 7px 15px ; background:#000; opacity:0.6;  text-align:center;border:1px solid #fff;  position:relative}
#rozcestnik a {color:#fff; }
#rozcestnik p:hover { background:#e65870; border:1px solid #e65870;  color:#fff; display:block ; opacity:1; z-index:5000; position:relative} 

.copy {background:none; padding:0px 15px 0px 0px; border:0px; float:right}
.copy p {float:left; padding:7px 10px 0px 0px}
.copy img {float:left; padding-right:0px; margin-bottom:0px}
.copy img.imgodsad {padding:0px 10px 0px 3px} 
.copy a {color:#fff; text-decoration:none}

#sipka {
    background: url("/img/sipka.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 65px;
    position: fixed;
    right: 0;
    top: 50%;
    width: 50px;
	margin-right:10px;
    z-index: 9999;
}

#sipka2 {
    background: url("/img/sipka2.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 65px;
    position: fixed;
    left: 0;
    top: 50%;
	
	margin-left:10px;
    width: 50px;
    z-index: 9999;
}



#toTop{ 
	position: fixed;
	bottom: 10px;
	right: 10px;
	cursor: pointer;
	display: none;
	z-index:2000
}
 
/* fotogalerie */

.fotoGaleryVypis {text-align:center; width:200px; float:left; text-transform:uppercase; }
.fotoGaleryVypis a {color:#DE596A}
.fotoGaleryVypis a:hover {font-weight:bold}
.fotoGaleryVypis img {padding:8px 0px 5px 0px}
.fotoGaleryFoto {border: 1px dotted #9ACF05; margin:7px; width:180px; height:180px; float:left; padding:0px; display: table-cell;vertical-align: middle;text-align:center}
a.zpet {float:right; background:#E65870; color:#fff; padding:3px 10px 4px 10px; margin:20px 0px 0px 0px; font-weight:bold; font-size:12px; text-decoration:none}



#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%;}
	 
input.actionButtonform {
display: block;
border:0px; 
text-decoration:none;
background: #000;
padding: 0.7em 1.8em 0.7em 1.8em;
margin:1em 0;
text-align: center;
border-radius: 5px;
color: white;  
font-weight: bold;
font-size: 1.1em;
float:right; 
}

input[type="checkbox"] { 
    line-height: normal;
    margin: 0; padding:0;
}

#faqs {text-align:left; margin:0px; line-height:150%}
#faqs h3  { cursor:pointer; padding:0.6em 0.6em 0.6em 0.9em; margin:0px; color:#E65870; font-size:14px; background: #efefef url("/img/li-marker.png") no-repeat 99% 50%; text-decoration:underline; font-weight:normal; border-radius:8px }
#faqs h3 span {}
#faqs h3.active  { color: #E65870; } 
#faqs div { height:0; overflow:hidden; position:relative;  padding:0px 10px 5px 5px}
#faqs div.input {height:auto}
#faqs div p  { padding:5px 0px 5px 0px; margin: 0px; line-height:180%; }
#faqs ul {margin:1em; list-style-type:none}
#faqs li {line-height:150%; }