/* ------------------------------------------ */
/* Webova galerie Azael --------------------- */
/* Zakladni styly --------------------------- */
/* ------------------------------------------ */



/* Reset css
----------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
body {line-height: 1; color: black; background: #fff;}
ol, ul {list-style: none;}
table {border-collapse: collapse; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
blockquote, q {quotes: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}



/* Basic formatting
----------------------------------------------- */
html {height: 100%;}
body {color: #fff; font: 16px/1em 'Alegreya', Arial, "Trebuchet MS", Verdana; height: 100%; background: #fff; font-weight: 600;}

a, a:visited {color: #000; text-decoration: underline; cursor: pointer;}
a:hover {color: #ff0000; text-decoration: none;}
p {margin: 20px 0;}
strong {font-weight: bold;}
em {font-style: italic;}

input[type="submit"] {cursor: pointer;}

.clear {clear: both;}
.clear-10 {clear: both; padding: 8px 0 7px 0;}
.clear-20 {clear: both; padding: 10px 0;}
.clear-50 {clear: both; padding: 25px 0;}
.left {float: left;}
.right {float: right;}
.bold {font-weight: bold;}
.no-bold {font-weight: normal; padding-left: 17px;}

.height-1 {height: 1px;}
.height-15 {height: 15px;}
.margin-0 {margin: 0;}
.padding-0 {padding: 0;}

.black {color: black;}
.blue {color: blue;}
.green {color: green;}
.grey {color: grey;}
.orange {color: orange;}
.red {color: red;}



/* Layout
----------------------------------------------- */
#container {width: 90%; max-width: 1200px; text-align: center; margin: 0 auto;}
#container h1 {font-size: 5.0em; color: #000; display: block; width: 100%; height: auto; text-align: center; float: left; margin: 50px 0 0 0; line-height: 1.0em; text-transform: uppercase;}
#container h2 {font-size: 2.0em; color: #aaa; display: block; width: 100%; height: auto; text-align: center; float: left; margin: 0 0 60px 0; line-height: 1.0em;}

.video-container {position: relative; padding-bottom: 56.25%; display: block;}
.video-container iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-box-shadow: 1px 1px 15px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 1px 1px 15px 0px rgba(50, 50, 50, 0.75); box-shadow: 1px 1px 15px 0px rgba(50, 50, 50, 0.75);}



/* Responsive
----------------------------------------------- */
@media only screen and (max-width: 640px) {

#container h1 {font-size: 4.0em;}
#container h2 {margin-top: 15px;}

}