ACC SHELL
body {
background: white;
font-family: "Arial", sans-serif;
font-size: 13px;
color: black;
text-align: center;
width: 99%;
}
.pozadie{
width:100%;
background: rgba(0,0,0, 0.0);
}
@font-face {
font-family: 'myriadboldcond';
src: url('../fonts/myriadpro-boldcond.eot');
src: url('../fonts/myriadpro-boldcond.eot?#iefix') format('embedded-opentype'),
url('../fonts/myriadpro-boldcond.woff') format('woff'),
url('../fonts/myriadpro-boldcond.ttf') format('truetype'),
url('../fonts/myriadpro-boldcond.svg#myriadboldcond') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'myriadcondlight';
src: url('../fonts/myriadpro-lightcond.eot');
src: url('../fonts/myriadpro-lightcond.eot?#iefix') format('embedded-opentype'),
url('../fonts/myriadpro-lightcond.woff') format('woff'),
url('../fonts/myriadpro-lightcond.ttf') format('truetype'),
url('../fonts/myriadpro-lightcond.svg#myriadcondlight') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'myriadcond';
src: url('../fonts/myriadpro-cond.eot');
src: url('../fonts/myriadpro-cond.eot?#iefix') format('embedded-opentype'),
url('../fonts/myriadpro-cond.woff') format('woff'),
url('../fonts/myriadpro-cond.ttf') format('truetype'),
url('../fonts/myriadpro-cond.svg#myriadcond') format('svg');
font-weight: normal;
font-style: normal;
}
a img {
border: 0px;
}
.clear {
clear: both;
}
h1 {
font-size: 34px;
color: white;
margin-top:25px;
margin-bottom: 25px;
text-transform: uppercase;
font-family:"myriadcond",arial;
}
h2 {
font-size: 26px;
color: white;
margin-top:20px;
margin-bottom:0px;
text-transform: uppercase;
font-family:"myriadcond",arial;
}
h3 {
font-size: 18px;
color: white;
text-transform: uppercase;
margin-top: 0;
font-family:"myriadcond",arial;
}
h4 {
font-size: 16px;
color: white;
margin-top: 15px;
font-family:"myriadcond",arial;
text-transform: uppercase;
}
.wrap {
width: 944px;
margin: 0 auto;
text-align: left;
}
.topwrap {
width: 944px;
}
.mainwrap {
margin-top: 30px;
width: 944px;
/*background: rgba(0,0,0, 0.8);
*/
background: rgba(22,41,80, 0.9);
border-radius: 10px;
}
.logo_back {
margin-top:-18px;
width: 944px;
/*background: rgba(0,0,0, 0.8);
*/ height:100px;
padding-top:10px;
background: rgba(22,41,80, 0.9);
}
.logo {
float: left;
margin-top:16px;
margin-left:20px;
}
.logo a img{
border-radius: 10px;
}
.menu_back{
margin-top:-18px;
background:white;
height:70px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}
.topmenu {
}
ul.topmenu {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
margin-right:5px;
}
ul.topmenu li {
float: right;
margin-top:12px;
}
ul.topmenu li a:link, ul.topmenu li a:visited {
display: block;
margin-top: 15px;
color: black;
text-align: center;
padding-right: 20px;
position:relative;
z-index:1000;
padding-left: 20px;
text-decoration: none;
text-transform: uppercase;
}
ul.topmenu li a:hover {
color: #082f8f;
}
#aktivna {
color: #082f8f;
}
#lomitko{
position:relative;
top:-20px;
color:#cacaca;
font-size:20px;
opacity:0.6;
}
#lomitko_white{
position:relative;
top:-20px;
color:white;
font-size:20px;
opacity:0.6;
}
.obsah {
width: 900px;
color: white;
line-height: 130%;
margin: 0 auto;
font:12px/1.4 Arial, Helvetica, sans-serif;
padding-top: 5px;
padding-bottom: 20px;
}
.obsah h3 a {
color:white;
text-decoration:underline;
}
.obsah p {
margin-top: 0px;
}
ul.fajfkovy {
list-style: none;
margin-left: 0px;
padding-left: 0px;
}
ul.fajfkovy li {
background: url("../img/sipka.png") no-repeat;
padding-left: 20px;
margin-bottom: 5px;
}
.intro_fotka img {
height: 250px;
width: 900px;
margin-top:16.5px;
margin-bottom: 5px;
border-radius: 10px;
}
.intro_lavy {
float: left;
min-height: 350px;
width: 33%;
margin-right: 35px;
}
.intro_stredny {
float: left;
width: 33%;
min-height: 350px;
}
.intro_stredny h2,.intro_pravy h2{
margin-top: -2px;
margin-bottom:10px;
}
.intro_pravy {
min-height: 350px;
float: right;
width: 30%;
}
.intro_pravy .intro_pravy_back{
text-align:center;
height:150px;
background:white;
border-radius:10px;
}
.intro_pravy .intro_pravy_back img{
margin-top:10px;
width:150px;
}
.intro_lavy p, .intro_pravy p {
margin-top: 0px;
text-align: justify;
}
.intro_lavy p a, .intro_pravy p a {
color: white;
text-decoration: underline;
}
.intro_lavy p a:hover, .intro_pravy p a:hover {
font-weight:bold;
text-decoration: underline;
}
.intro_lavy img {
border-radius: 10px;
}
.colgroup {
overflow: auto;
width: 100%;
}
#layout2_levy_sloupec {
float: left;
width: 52%;
color: white;
padding-right: 20px;
border-right: 1px solid white;
font-family: Arial;
}
#layout2_levy_sloupec p, #layout2_pravy_sloupec p {
margin-top: 0px;
}
#layout2_pravy_sloupec {
float: left;
color: white;
width: 43%;
padding-left: 20px;
}
.paticka {
margin-top: 30px;
background: rgba(22,41,80, 0.9);
color: white;
height: 40px;
border-radius: 10px;
}
.paticka p {
padding-top: 12px;
margin-left: 20px;
margin-bottom: 0px;
}
.paticka p a {
color: white;
}
.kontakt_lavy {
float: left;
width: 25%;
}
.kontakt_lavy a {
color: white;
}
.fotka {
float: left;
background:white;
min-height:200px;
border-radius: 10px;
}
.fotka ul.gallery {
margin-left:-37px;
}
.fotka ul.gallery li {
display: inline;
margin-left:10px;
margin-right: 15px;
background:white;
width:150px;
}
.fotka ul.gallery li a img {
width:150px;
}
.fotka1 {
float: left;
}
.fotka1 ul.gallery {
margin-left: -37px;
}
.fotka1 ul.gallery li {
display: inline;
margin-right: 40px;
}
.fotka2 {
float: left;
background:white;
min-height:180px;
width:100%;
border-radius: 10px;
}
.fotka2 ul.gallery {
padding-top:15px;
margin-left: -30px;
}
.fotka2 ul.gallery li {
float:left;
margin-right: 10px;
margin-left:15px;
}
.fotka2 ul.gallery li p{
color:black;
text-align:center;
}
.fotka3 {
float: left;
background:white;
min-height:110px;
width:100%;
border-radius: 10px;
}
.fotka3 ul.gallery {
padding-top:15px;
margin-left: -30px;
}
.fotka3 ul.gallery li {
float:left;
margin-right: 10px;
margin-left:15px;
}
.fotka3 ul.gallery li img{
width:100px;
}
#certifik5,#certifik10,#certifik15{
}
.sipky {
float: right;
margin-top: 15px;
margin-right:15px;
}
#arrow_left, #arrow_right {
height: 57px;
width: 26px;
/* background: url("../lib/images/demo/arrow_left.png") no-repeat; */
z-index: 1000;
}
#arrow_left:hover,#arrow_right:hover{
position:relative;
top:2px;
}
.kontakt_lavy h2, .kontakt_stredny h2 {
margin-top: 4px;
}
.kontakt_lavy h3 {
color: black;
text-transform: uppercase;
margin-bottom: 0px;
}
.kontakt_stredny {
float: left;
width: 23%;
margin-left: 30px;
}
.kontakt_mapa {
float: right;
width: 45%;
}
#lastcol {
border-right: none;
}
.kontakt_mapa .mapa_obal {
border: 10px solid white;
background: white;
border-radius: 10px;
}
.kontakt_mapa .mapa_obal a {
text-decoration: none;
color: #082f8f;
}
#kontakttable {
text-align: left;
width: 250px;
}
#kontakttable tr, #kontakttable td {
line-height: 130%;
padding-top: 2px;
padding-bottom: 2px;
color: white;
font-size: 13px;
vertical-align:top;
}
#kontakttable tr #typ {
width: 90px;
font-weight: bold;
}
#kontakttable tr #ic {
width: 30px;
font-weight: bold;
}
#kontakttable tr, #kontakttable td p {
margin-top: 0px;
}
#kontakttable tr, #kontakttable a, #kontakttable a:active {
color: white;
}
#kontakttable tr, #kontakttable td a:hover {
color: white;
}
/***HACKY****/
@-moz-document url-prefix() {
ul.topmenu li a: link, ul.topmenu li a: visited {
margin-top: 12px;
}
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
ul.topmenu li a: link, ul.topmenu li a: visited {
margin-top: 12px;
}
}
.franclink {
float: left;
text-align: center;
padding-top: 6px;
padding-right: 8px;
padding-left: 8px;
min-height:100px;
width: 18%;
line-height:130%;
border-right: 1px solid #cfcfcf;
}
.franclink p {
margin-top: 5px;
margin-bottom: 0;
}
.franclink h4 {
color:white;
margin-top:0px;
margin-bottom:-5px;
}
.franclink a {
color: white;
}
.franclink a:hover {
color: white;
text-decoration:underline;
}
#lastcol {
border-right: 0px solid #76756e;
}
ACC SHELL 2018