/* tagy */
* {padding: 0; margin: 0;font-family: Verdana;;box-sizing:border-box;}
.cleaner {clear: both;}
.fl {float: left}
.fr {float: right}
h1 {background: rgb(9, 80, 150);color: white;padding: 10px;border-top-left-radius: 5px;border-top-right-radius: 5px;font-size: 1.17em;margin-bottom: 10px}
h2 {color: rgb(9, 80, 150);}
h3 {color: rgb(9, 80, 150);}

/* layout */
.container
{
	max-width: 65em;
	margin: 0 auto;
}
.containerHeader {max-width: 64em; margin: 0 auto;}
.header
{
	background: ;
	padding: 0em 0.7em 0em;
}
#header-info {
  margin: 0 auto;
}

.leftHeader {float: left;}
.rightHeader {float: right;}
.logo {height: 6em; display: table-cell; vertical-align: middle;}
.logo img {max-width: 100%; height: auto; width: 288px;}
.headerBox-wrap {height: 6em; display: table-cell; vertical-align: middle;}
.headerBox {background: #095096; padding: 0.5em; height: 79px; vertical-align: middle; display: table-cell; color: #ffffff; border-radius: 5px; font-size: 0.9em;}
.headerBox a {color: #ffffff;}
.pruh {background: -webkit-linear-gradient(#36C3FF 0%, #ffffff 100%); padding: 1em 1.25em; position: absolute; height: 17em; z-index: -1; width: 100%; border-top: 3px solid rgb(9, 80, 150);}

.header-img {margin-top: 1.5em; text-align: center; width: 100%}
.header-img img{width: 30%; height: auto; box-shadow: 1px 0px 7px 3px rgba(0, 0, 0, 0.5); margin: 0px 0.3em;}

/* menu */
.btn {display: none;}
.nav {margin: 1.25em 0;background: #36C3FF; border-bottom: 3px solid rgb(9, 80, 150)}
.menu {font-size: 1em; text-align: center; display: table; margin: 0 auto;}
.menu li {display: inline-block;}
.menu a {display: block; text-decoration: none; color: #ffffff; padding: 10px 5px; font-size: 1.2em;}

.menu a:hover {background:rgb(9, 80, 150) }
.menu li > ul {display: none;}
.act a {background: rgb(9, 80, 150);}


/* rozbalovací menu */
.nav ul li:hover > ul {display: block;}
.nav li > ul { display: none; position: absolute; border-top: 2px solid rgb(9, 80, 150);}
.nav ul li:hover > ul {display: block;}
.menu-dropdown-list {background: rgb(9, 80, 150); width: ; border-bottom: 1px solid rgb(9, 80, 150);border-top: 4px solid rgb(9, 80, 150);z-index: 100;}
.menu-dropdown-list li {text-align: left; border: none; list-style-type: none; display: block;}
.menu-dropdown-list li a {display:block; font-size: 0.9em;padding: 5px;text-decoration: none; color: #ffffff; font-weight: bold;}
.menu-dropdown-list li a:hover {background: #36C3FF}
.menu-dropdown-list .act > a {}

/* responzivní menu */
.zobrazit .menu {display: block;}


/*  Content */

.content { padding: 0 0.7em; }
.main {float: left; width: 73%; margin-right: 2%; margin-bottom: 1em;}
		
.aside{width: 25%; float: right; margin-bottom: 1em; font-size: 1em;}

	/* vyhledávání */
	#search-form {position: relative;width: 100%;margin-bottom: 1em;}
	.box-item > form {height: 40px;border: 1px solid rgb(9, 80, 150);-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;background-color: #fff;overflow: hidden;}
	.q {font-size: 14px;color: #ddd;border-width: 0;background: transparent;}
	#search-form input[type="text"]{width: 100%;padding: 11px 55px 12px 1em;color: #333;outline: none;}
	#search-button {position: absolute;top: 0;right: 0;width: 50px;font-size: 20px;color: #fff;text-align: center;line-height: 40px;border-width: 0;
background-color:rgb(9, 80, 150) ;-webkit-border-radius: 0px 5px 5px 0px;-moz-border-radius: 0px 5px 5px 0px;border-radius: 0px 5px 5px 0px;cursor: pointer;}

	/* boxy */
	.box-title {background:rgb(9, 80, 150); color: white; padding: 10px; border-top-left-radius: 5px; border-top-right-radius: 5px; margin-bottom: 10px;}
	.box-item li {list-style-type: none; margin-bottom: 10px; border: 1px solid rgb(9, 80, 150);}
	.otevDoba {margin-top: 1em;}
	.novinka-datum {display: block; padding: 4px; font-size: 0.8em;text-align: right; border-bottom: 1px dotted #bdbdbd; color: #8c8c8c; background: rgba(54, 195, 255, 0.21);}
	.novinka-obsah {display: block; margin-bottom: 3px; padding: 3px; font-size: 0.9em;}
	
	
/**************************************************************************************************
					OBSAH	
**************************************************************************************************/
.cleaner {clear: both;}


/* nabídka - rozcestník */

.rozcestnik {width: 100%;}
.rozcestnik td {border: 1px solid rgb(9,80,150); width: 50%;}

.rozcestnik .list-title {font-weight: bold; font-size: 1.2em;}
.rozcestnik .list-title a {padding: 0 10px;;display: block; line-height: 100px; background: linear-gradient(to right, rgba(255,255,255,0) 0%, #ffffff 50%); text-align: right; overflow: hidden; white-space: nowrap; text-decoration: none; color: rgb(9,80,150)}
.rozcestnik .list-title a:hover {}

.inter-page-posuvne-systemy {background:url(../images/posuvne-systemy.png);background-repeat: no-repeat;}
.inter-page-posuvne-systemy:hover {background:url(../images/posuvne-systemy.png); background-position: left bottom; background-repeat: no-repeat;}
.inter-page-vchodove-dvere {background:url(../images/vchodove-dvere.png);background-repeat: no-repeat;}
.inter-page-vchodove-dvere:hover {background:url(../images/vchodove-dvere.png); background-position: left bottom;background-repeat: no-repeat;}
.inter-page-plastova-okna {background:url(../images/plastova-okna.png);background-repeat: no-repeat;}
.inter-page-plastova-okna:hover {background:url(../images/plastova-okna.png);background-position: left bottom;background-repeat: no-repeat;}
.inter-page-garazova-vrata {background:url(../images/garazova-vrata.png);background-repeat: no-repeat;}
.inter-page-garazova-vrata:hover {background:url(../images/garazova-vrata.png); background-position: left bottom;background-repeat: no-repeat;}
.inter-page-hlinikova-okna {background:url(../images/hlinikova-okna.png);background-repeat: no-repeat;}
.inter-page-hlinikova-okna:hover {background:url(../images/hlinikova-okna.png); background-position: left bottom;background-repeat: no-repeat;}
.inter-page-parapety {background:url(../images/parapety.png);background-repeat: no-repeat;}
.inter-page-parapety:hover {background:url(../images/parapety.png); background-position: left bottom;background-repeat: no-repeat;}
.inter-page-zaluzie {background:url(../images/zaluzie.png);background-repeat: no-repeat;}
.inter-page-zaluzie:hover {background:url(../images/zaluzie.png); background-position: left bottom;background-repeat: no-repeat;}
.inter-page-sita-proti-hmyzu {background:url(../images/sita-proti-hmyzu.png);background-repeat: no-repeat;}
.inter-page-sita-proti-hmyzu:hover {background:url(../images/sita-proti-hmyzu.png); background-position: left bottom;background-repeat: no-repeat;}
.inter-page-zatepleni-budov {background:url(../images/zateplovani-budov.png);background-repeat: no-repeat;}
.inter-page-zatepleni-budov:hover {background:url(../images/zateplovani-budov.png); background-position: left bottom;background-repeat: no-repeat;}
.inter-page-sadrove-omitky {background:url(../images/sadrove-omitky.png);background-repeat: no-repeat;}
.inter-page-sadrove-omitky:hover {background:url(../images/sadrove-omitky.png); background-position: left bottom; background-repeat: no-repeat;}
.inter-page-venkovni-rolety {background:url(../images/venkovni-rolety.png);background-repeat: no-repeat;}
.inter-page-venkovni-rolety:hover {background:url(../images/venkovni-rolety.png); background-position: left bottom; background-repeat: no-repeat;}
.inter-page-ostatni {background:url(../images/ostatni.jpg);background-repeat: no-repeat;}
.inter-page-ostatni:hover {background:url(../images/ostatni.jpg); background-position: left bottom; background-repeat: no-repeat;}

/* Služby */

.obalOkna {width: 100%;margin-bottom: 15px;}
.obrOkna {width: 40%; float: left;}
.obrOkna img {width: 100%; max-width: 255px;}
.info {width: 60%; float: right;}
.info li {margin-left: 30px; list-style-image:url(../images/icons/right.png) ; line-height: 1.4em; margin-top: 5px;}
.rightItem {margin-bottom: 20px;}
.infoText {background: rgb(9, 80, 150);color: #ffffff;padding: 15px;margin-bottom: 10px; text-align: center;}
.infoText a {color: #ffffff; text-decoration: none; border-bottom: 1px dotted white }
.obalOkna .gallery {margin: 0 auto; text-align: center; margin-bottom: 20px;}
.obalOkna .gallery img {width: auto;}
.obalOkna ul {margin-bottom: 20px;}
.obsah {width: 100%; padding: 0 10px;}
.obsah li {list-style-image: url(../images/icons/right.png); line-height: 1.4em; margin-top: 5px;}
.obalOkna li {list-style-image: url(../images/icons/right.png); line-height: 1.4em; margin-top: 5px;}
.img {max-width: 350px; padding-right: 20px; width: 50%;}
.obrHlinik {width: 20%; float: left; margin-top: 20px;}
.obrHlinik img {width: 100%; max-width: 180px;}
.infoHlinik {width: 75%; float: right;}
.obalDvere {width: 100%;}
.obalDvere img {width: 32%; height: auto;}
.responsiveIMG img {width: 80%; height: auto;}
.parapetyIMG {text-align: center;}
.parapetyIMG img {display: inline-block; width: 33%;}

/* Galerie + rozcestník */
.galerie {width: 100%;}
.galerie td {border: 1px solid rgb(9,80,150); width: 50%;}
.galerie .cell-filler {display: none;}
.galerie .list-title {font-weight: bold; font-size: 1.2em;}
.galerie .list-title a {padding: 0 10px;;display: block; line-height: 50px; overflow: hidden; white-space: nowrap; text-decoration: none; color: rgb(9,80,150)}
.galerie .list-info {background:  rgba(54, 195, 255, 0.21); text-align: center; padding: 5px 0}
.galerie .list-title a:hover {}

.gallery {width: 100%;}
.gallery td {text-align: center;}
.gallery img {width: 100%; height: auto;}

/* Certifikáty */
.certifikaty table {width: 100%; text-align: center;}
.certifikaty table td:nth-child(2) {text-align: left;}

/* Kontakt */
iframe {width: 100%;}

/* poptavka - formulář */

.form-style-1 {width: 100%; background: rgba(54, 195, 255, 0.21); padding: 10px 30px; margin-top: 10px;}
.form-style-1 li {
    padding: 0;
    display: block;
    list-style: none;
    margin: 10px 0 0 0;
}
.form-style-1 label{
    margin:0 0 3px 0;
    padding:0px;
    display:block;
    font-weight: bold;
}
.form-style-1 input[type=text], 
.form-style-1 input[type=date],
.form-style-1 input[type=datetime],
.form-style-1 input[type=number],
.form-style-1 input[type=search],
.form-style-1 input[type=time],
.form-style-1 input[type=url],
.form-style-1 input[type=email],
textarea, 
select{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border:1px solid #BEBEBE;
    padding: 7px;
    margin:0px;
    outline: none;  
}

.form-style-1 .field-divided{
    width: 49%;
}

.form-style-1 .field-long{
    width: 100%;
}
.form-style-1 .field-select{
    width: 100%;
}
.form-style-1 .field-textarea{
    height: 100px;
}
.form-style-1 input[type=submit], .form-style-1 input[type=button]{
    background: rgba(204, 204, 204, 0.9);
    padding: 6px 15px 6px 15px;
    border: none;
    color: #fff;
    font-size: 0.9em;
}
.form-style-1 input[type=submit]:hover, .form-style-1 input[type=button]:hover{
    background: rgb(9, 80, 150);
    box-shadow:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
}
.form-style-1 .required{
    color:red;
}


/* Patička */
.footer-zelena {background: #2ecc71;}
.footer-zelena-obsah { color:#ffffff; text-align: center; padding: 5px 0;}
.footer-zelena-obsah p {display: inline-block;}
.footer-zelena-obsah img {height: 40px; vertical-align: middle;}

#footer {background:rgb(9, 80, 150); color: #ffffff; padding: 1em 0.5em; text-align: center;}
.copyright {font-size: 0.9em; padding-top: 10px; line-height: 1.9em;}
#footer a {text-decoration: none; color: #ffffff; border-bottom: 1px dotted #ffffff;}
.copy {display: block; padding: 10px; border-radius: 5px; background: rgba(54, 195, 255, 0.21);}

/* tlačítko nahoru */
#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 5%;
  z-index: 99;
  border: none;
  outline: none;
  background-color: rgba(53, 195, 255, 1);
  color: white;
  cursor: pointer;
  padding: 10px 15px;
  font-size: 1.7em;
  border-radius: 10px;
}

#myBtn:hover {
  background-color: #555;
}

/* Rozlišení  */

@media (max-width:680px) {
	/* hlavička */
	.leftHeader, .rightHeader {float: none;}
	.logo {display: block; text-align: center; height: 100%; margin-top: 1em;}
	.headerBox-wrap {display: block; text-align: center; height: 100%;}
	.headerBox {display: block; height: 100%; margin: 1em 0;}
	.header-img img{width: 29%;}
	
	/* menu */
	.nav {margin: 0.5em 0;}
	.nav span {display: block; border: none; background: #36C3FF;color: #ffffff; padding: 0.4em 0.2em; cursor: pointer; border-bottom: 2px solid rgb(9, 80, 150)}
	.nav span:hover {color: rgb(9, 80, 150);}
    .menu {display: none;}
    .menu li {display: block;}
    .nav ul li:hover > ul {display: none;}
	
	.pruh {height: 7em;}
	.fl {float: none}
	.fr {float: none}
	.pruh {display:}
	.icon {display: block;}
	
	.main{float: none; width: 100%;}
	.aside{float: none; width: 100%;}
	
	/* rozcestník */
	.rozcestnik td, th, tr, thead, tbody, tfoot {display: block; width: 100%;}
	.rozcestnik td {margin-bottom: 10px;}
	.rozcestnik .list-title a {line-height: 50px;}
	
	.galerie td, th, tr, thead, tbody, tfoot {display: block; width: 100%;}
	.galerie td {margin-bottom: 10px;}
	/* Služby */
	.obrOkna {float: none; text-align: center;width: 100%;}
	.info {float: none; width: 100%;}
	
	/* cerfifikáty */
	.certifikaty table td:nth-child(4) {display: none;}
	.certifikaty table th:nth-child(4) {display: none;}
	
	/* poptavkovy form. */
	.form-style-1 .field-divided {width: 100%;}
	.form-style-1 input[type=submit] {margin: 10px 0;}
	
}

/* Ostatní css */
.cleaner {clear: both;}
.h3 {font-size: 1.17em;}
.h2 {margin: 10px 0;}
.h1 {background: none;color: white;padding: 0;border-top-left-radius: 0;border-top-right-radius: 0;font-size: 1.17em;margin-bottom: 0;}
.oddelovac {border-bottom: 2px solid rgb(9, 80, 150); margin: 10px 0;}
.fleft {float: left;}
.bold {font-weight: bold;}
.mar {margin:20px 0;}
.resIMG {max-width: 100%; height: auto;}
.center {text-align: center;}
.bpad{margin-bottom: 20px;}
.black {color: black;}
.blue {background: rgba(54, 195, 255, 0.21); color: black;}