@charset "UTF-8"; /* CSS Document */ nav.Computer { margin-top: -1.3rem; } nav.Computer a img { position: relative; top: .7rem; } /* mapa.tode.cz */ @font-face { font-family: Archivo; src: url(/fonts/Archivo-Medium.ttf); font-weight: normal; } @font-face { font-family: Archivo; src: url(/fonts/Archivo-Bold.ttf); font-weight: bold; } @font-face { font-family: Archivo; src: url(/fonts/Archivo-SemiBoldItalic.ttf); font-style: italic; } @font-face { font-family: Archivo; src: url(/fonts/Archivo-BoldItalic.ttf); font-style: italic; font-weight: bold; } /* Globálně vycentrované a rozměry webu */ .Center-global { max-width: 1200px; /* maxim�ln� ��ka str�nky */ margin: 0 auto; /* zarovn�n� str�nky doprost�ed */ overflow:hidden; /* aby nic nep�e�uhovalo */ } /* Local Properties */ h2 { font-size: 1.4rem; margin: 1.6rem .5rem .5rem; padding-top: 1.3rem; } hr { margin-top: 2rem; } article > h3 { margin-top: 2.4rem; } main a, footer a { text-decoration: none; color: blue; } main a:hover, footer a:hover { text-decoration: underline; color: darkorchid; } main a:active, footer a:active { text-decoration: underline; color: chocolate; } iframe, img { display: block; margin: auto; } img[alt~="Interier"] { width: 76%; max-width: 640px; } /* Vlastnosti spole�n� pro celou str�nku v�e mezi */ body { color: Maroon; /* Barva p�sma */ background-color: LightGrey; background-image: url("/images/satelite-foto.png"); background-attachment: fixed; background-size: contain; } /* Page layout */ header { padding-top: .6rem; padding-left: 1rem; } header img[alt$='logo'] { padding-right: 1rem; } header .Phone { padding-top: 0; } main { background-color: #CED6C2; padding: .8rem; font-family: Archivo, sans-serif; /* Z�kladn� rodina p�sma */ text-align: center; } main img.Region:hover { border: 2px blue solid; } @media only screen and (max-width: 600px) { article img.Region { width: 40%; } } @media only screen and (min-width: 600px) { article img.Region { width: 40%; } article > a > img.Region { width: 20%; } .Row { display: flex; } .Column { Flex: 50%; } } footer { clear: both; text-shadow: WhiteSmoke 1px 1px 1px; background-color: hsl(83.8,20%,60%); padding-top: .2rem; padding-bottom: .3rem; } @media only screen and (max-width: 800px) { /* Style the active link (or home/logo) */ .active { background-color: #555; color: white; } } /* End of max-width: 800px */ /* PhotoSwipe begin */ .my-gallery { width: 100%; float: left; margin-bottom: 2rem; margin-left: .8rem; } .my-gallery img { width: 100%; height: auto; } .my-gallery figure { display: block; float: left; margin: 0 26px 20px 0; width: 266px; } .my-gallery figcaption { display: inherit; /* font-size: .8rem; */ } .my-gallery figure.NaVysku { width: 180px; } /* PhotoSwipe end */ /* Fb Share */ article:first-of-type { position: relative; } img.Share { position: absolute; top: 0; left: .4rem; display: block; margin: 0 9px 0 auto; width: 70px; border-radius: 14px; border: transparent solid 6px; } img.Share:hover { border: hsl(203,99%,70%) solid 6px; } img.Share:active { border: hsl(29.6,40%,65%) solid 6px; }