/* * Skeleton V1.2 * Copyright 2011, Dave Gamache * www.getskeleton.com * Free to use under the MIT license. * http://www.opensource.org/licenses/mit-license.php * 6/20/2012 */ /* Table of Content ================================================== #Site Styles #Page Styles #Media Queries #Font-Face */ /* #Site Styles ================================================== */ body {background-repeat: repeat-x; font-family: "Titillium Web", "Helvetica", "Arial"; color: #414547; font-size: 17px;} form{margin: 0;} p {margin-bottom: 12px;} a, a:active, a:visited, a:active, a:visited{color: #000;} #logo img, .logo img, #footer img{max-width: 100%; display:block; margin: 0; } #logo, .logo {width: 206px; float: left; height: 30px; padding-top: 15px; margin-right: 45px;} nav, #fixed-menu { margin: auto; background-color: #fff; overflow: auto; font-size: 15px; height: 80px;} #fixed-menu {} nav a, #fixed-menu a {text-decoration: none; padding-bottom: 5px; color: #000;} nav a:hover, #fixed-menu a:hover, .aktivni {color: #000; border-bottom: 10px solid #ca0000;} nav ul li, #fixed-menu ul li {float: left; line-height: 73px; margin-left: 18px; margin-bottom: 0;} nav ul li img, #fixed-menu ul li img { vertical-align: middle; display: inline-block;} #fixed-menu-nav {border-top: 10px solid #ca0000; background-color: #fff; width: 100%; position: fixed; top: 0; z-index: 8000; border-bottom: 1px solid #b2b2b2;} h1, h2 { text-align: center; color: #fff; font-size: 43px; font-weight: bold; margin-top: 30px; margin-bottom: 15px;} h3 {font-family: "Titillium Web", "Helvetica", "Arial"; font-size: 15px; font-weight: bold; margin-bottom: 10px !important; line-height: 1; color: #000;} p + h3 {margin-bottom: 20px;} h4 {font-size: 16px; font-weight: bold; margin-bottom: 10px; text-transform: uppercase;} h2 {color: #000;} .container .eight.columns{margin-left: 10px; margin-right: 0px; } .tretina input, textarea{width: 100%;} textarea{max-width: 950px;} .container .column.tretina {width: 300px; margin-left: 15px;} .container .column.tretina.alpha {margin-left: 10px;} .container .column.tretina.omega {} #odeslat {background-color: #fff; color: #000; width: 120px; height: 30px; line-height: 30px; font-weight: bold; font-size: 14px;border:0; padding: 0; text-shadow:0;} #click2top{display: block; width: 50px; height: 50px; background-image: url(../design/top.png); background-position: center center; position: fixed; right: 30px; bottom: 30px;} .bxslider {height: 320px !important;} .bxslider li img {float: left; margin: 0;} .ma50 {padding-bottom: 50px;} .ma30 {padding: 30px 0px;} /* #Page Styles ================================================== */ #uvod { border-top: 10px solid #ca0000;border-bottom: 1px solid #b2b2b2;} #header, #fixed-menu-nav-in { margin: auto; max-width: 960px;} #footerfull {background-color: #454545; color: #fff; padding-bottom: 50px; overflow: auto;} #footerfull a {color: #fff; text-decoration: none;} .reference { border-bottom: 1px solid #e5e5e5; overflow: auto; padding-bottom: 20px; margin-top: 20px;} .reference h4 img{float: right; padding-top: 15px;} .reference p {width: 60%;} h2#akcni-nabidka {background-image: url(../design/akcni-nabidka.png); max-width: 960px; height: 33px; font-size: 15px; line-height: 33px; text-align: left; padding-left: 10px; color: #fff;} h2#zelena-usporam-2015 {background-image: url(../design/zelena-usporam-2015.png); max-width: 960px; height: 33px; font-size: 15px; line-height: 33px; text-align: left; padding-left: 10px; margin-bottom: 25px; color: #fff;} p#zelena-usporam {background-image: url(../design/zelena-usporam.png); background-position: top left; background-repeat: no-repeat; padding-left: 250px; height: 180px; font-size: 18px; line-height: 30px;} #header-foto{background-image: url(../design/header-foto.jpg); background-position: top center; width: 100%; height: 557px; position: relative;} .shortcut {float: right; width: 170px; height: 40px; line-height: 40px; font-size: 14px; text-align: center; text-decoration: none; color: #fff;} #akcni-nabidka-button{ background-color: #ca0000; margin-right: 10px;} #zelena-usporam-button{background-color: #48ae35;margin-right: 10px;} #header-foto .sipka {margin-top: 479px;} #tradice {position: absolute; top: 20px; border:1px solid #454545; width: 270px; padding: 10px; font-size: 19px;} #o-spolecnosti {position: absolute; top: 75px; left: 150px; border:1px solid #454545; width: 250px; padding: 25px 18px 18px 18px; font-size: 14px;} .sipka {width: 63px; height: 38px; background-image: url(../design/sipka.png); display: block; margin: auto;} .sipka:hover {background-image: url(../design/sipka-hover.png);} .sc{width: 223px; height: 445px; float: left; border:1px solid #c8c8c8; margin-right: 20px; margin-bottom: 20px; background-position: top right; background-repeat: no-repeat; background-color: #fff;} .sc a { text-decoration: none; color: #000; display: block;width: 223px; height: 445px;} .scdomky{width: 958px; height: 224px; float: left; border:1px solid #c8c8c8; margin-bottom: 20px; background-position: top right; background-repeat: no-repeat; background-color: #fff;} .domky{width: 221px; height: 124px; padding-top: 80px; display: block; float: left;} .scdomky a { text-decoration: none; color: #000; display: block;width: 958px; height: 224px;} .posledni{margin: 0 !important;} .skryte{visibility: hidden; display: block; width: 163px; height: 250px; padding: 85px 30px 0px 30px; margin-bottom: 30px; background:rgba(202,0,0,0.8); color: #fff; font-size: 14px; } #sc3 .skryte, #sc1 .skryte {padding-top: 45px !important; height: 290px !important;} .skrytedomky{visibility: hidden; display: block; width: 677px; height: 139px; padding: 85px 30px 0px 30px; margin-bottom: 30px; background:rgba(202,0,0,0.8); color: #fff; font-size: 14px; float: left;} #sc1 {background-image: url(../design/realizace-v-zahranici.png);} #sc2 {background-image: url(../design/fasady.png);} #sc3 {background-image: url(../design/zakladove-desky.jpg);} #sc4 {background-image: url(../design/rekonstrukce.png);} #sc5 {background-image: url(../design/rymarovske-domy.png);} #mapa {margin-bottom: 50px; background-image: url(../design/mapa.png); background-position: top center; width: 100%; height: 381px;} #mapa iframe{width: 100%; height: 381px; pointer-events: none; } .cervene-pozadi {background-color: #ca0000; color: #fff;} .cervene-pozadi h2 {color: #fff;} .cervene-pozadi a {text-decoration: underline; color: #fff;} .sede-pozadi {background-color: #e3e3e3; color: #000;} .sede-pozadi h2, #realizace-staveb-v-zahranici h2, #dodavky-montovanych-domu h2, #zatepleni-staveb h2 {color: #000;} .zelene{color: #48ae35;} .nastred {text-align: center;} label.error {margin-top: -15px; margin-bottom: 10px; color: #fff;} .vlevo {text-align: left; } table{width: 100%;border-collapse: separate; border-spacing: 0px 12px;} td{ vertical-align: middle; font-size: 14px; line-height: 1.2; margin-bottom: 25px; height: 85px !important;} .td1 {width: 12%; } .td2 {width: 43%; border-right: 1px solid #929292; padding-right: 3%;} .td2 p {line-height: 1;} .td3 {width: 15%; border-right: 1px solid #929292; text-align: center;} .td4 {width: 11%; border-right: 1px solid #929292; text-align: center; color: #ca0000; text-transform: uppercase; font-size: 18px; line-height: 25px; font-weight: bold;} .td5 {width: 16%; text-align: center;} .sdph{margin-top: 5px; display: block;} /* #Media Queries ================================================== */ .slicknav_menu {display: none;} /* Smaller than standard 960 (devices and browsers) */ @media only screen and (max-width: 959px) { body {background-image: none;} nav h1 {display: block; float: none; max-width: 100%; text-align: center;} nav ul{margin: auto; margin-top: 30px;} nav ul li {float: left; line-height: 1; width: 14%; margin: 0; text-align: center; } .container img {max-width: 98%; margin: 0 1%;} #sc5 {width: 100% !important; background-position: center center;} #sc5 .domky{width: 100%; background-color: #fff; height: 50px; padding-top: 30px;} #sc5 .domky br{display: none;} .scdomky a {width: 100% !important;} .sc{width: 47%; height: 445px; float: left; border:1px solid #c8c8c8; margin-right: 2%; margin-bottom: 20px; background-position: top center; background-repeat: no-repeat; background-color: #fff;} .sc a { text-decoration: none; color: #000; display: block;width: 100%; height: 100%;} .skryte{visibility: hidden; display: block; width: 100%; height: 250px; padding: 85px 0px 0px 0px; margin-bottom: 30px; background:rgba(202,0,0,0.8); color: #fff; font-size: 12px; } .skrytedomky{display: none;} .scdomky{max-width: 100%; height: 224px; float: left; border:1px solid #c8c8c8; margin-bottom: 20px; background-position: top right; background-repeat: no-repeat; background-color: #fff;} p#zelena-usporam {background-image: url(../design/zelena-usporam.png); background-position: top left; background-repeat: no-repeat; padding-left: 250px; height: 180px; font-size: 14px; line-height: 15px;} } /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 959px) {} /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) { .slicknav_menu {display: block;} nav ul {display: none;} } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 480px) and (max-width: 767px) { .tretina {margin: 0 !important;} .tretina input, textarea{width: 96%;} } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) { .tretina {margin: 0 !important;} .tretina input, textarea{width: 96%;} .shortcut{float: left !important; width: 45% !important;} #tradice {top: 50px; width: 100%;} #o-spolecnosti {top: 150px; left: 0; width: 100%; padding: 10px;} p#zelena-usporam {background-size: 30%; padding-left: 35%; font-size: 16px; line-height: 18px;} table {overflow-x: auto; display: block;} td {vertical-align: top;} } /* #Font-Face ================================================== */ /* This is the proper syntax for an @font-face file Just create a "fonts" folder at the root, copy your FontName into code below and remove comment brackets */