/*
XX@@@XXXXXXXXX   © Filip Lohinský 2015
XX@@@XXXXXXXXX   Contact:
XX@@@XXXXXXXXX        FB - https://www.facebook.com/Pan.Filip.Neznamy
XX@@@XXXXXXXXX       TEL - 0944 376 905
XX@@@@@@@@@@XX     GMAIL - flohinsky@gmail.com
XX@@@@@@@@@@XX
XX@@@XXXX@@@XX
XX@@@XXXX@@@X™
*/


@import "reset.css";
            /*BASIC OPTIONS*/
* {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
  }
html, body {
    color:#000;
    font-family:helvetica,arial,sans-serif;
    font-size:1em;
}
body {
    min-width:0;
}
input {
    border:0;
}
a {
    color:#217DE5;
}
a:hover {
    text-decoration:underline;
}
           /*GLOBAL*/
.body {
    width:80%;
    margin:auto;
    height:83em;
    min-width:1100px;
}
h1 {
    color:#8B8EDF;
    font-size:3em;
    font-weight:bold;
    text-decoration:underline;
}
h2      {
    color:#8B8EDF;
    font-size:2.5em;
    font-weight:bold;
    text-decoration:underline;
}
img[alt="banner"] {
    width:100%;
}
a[href="index.html"] {
    width:100%;
    display:inline-block;
}
            /*HEADER*/
.header {
    position:relative;
    height:76px;
    width:100%;
    background-color:#FFFFFF;
}
            /*NAVIGATION*/
.nav {
    overflow:hidden;
    position:relative;
    height:5em;
    width:100%;
    background-color:#8B8EDF;
	z-index:1;
    min-width:1100px;
}
.nav a {

    display:block;
    float:left;
    color:#FFFFFF;
    font-weight:bold;
    font-size:2em;
    line-height:2.5em;
    padding:0 1em;
    text-decoration:none;
}
.nav a:hover {
    background-color:#777AE6;
}
            /*SECTION LEFT*/
.section__left {
    overflow:auto;
    position:relative;
    display:block;
    float:left;
    width:75%;
    background-color:white;
    height:83em;
    -webkit-box-shadow: 0px 0px 23px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 23px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 23px 0px rgba(0,0,0,0.75);
    min-width:780px;
}
.section__left h1 {
    padding:1em 0 0 1em;
    margin-bottom:0.4em;
}
.section__left p {
    width:85%;
    min-width:650px;
    padding: 1em 0 0 4em ;
}
.section__left h2 {
    padding:1em 0 0 1em;
    margin-bottom:0.4em;
}
img[title="Introduction"] {
    height:400px;
}
            /* SIDEBAR */
.sidebar {
    overflow:hidden;
    position:relative;
    height:83em;
    display:block;
    float:left;
    width:25%;
    background-color:#F7F7F7;
    -webkit-box-shadow: -1px 7px 23px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: -1px 7px 23px 0px rgba(0,0,0,0.75);
    box-shadow: -1px 7px 23px 0px rgba(0,0,0,0.75);
}
.sidebar h1 {
    color:rgb(103,103,103);
    text-decoration:none;
    font-size:2em;
    padding-top: 0.5em;
    text-align:center;
}
.sidebar b {
    text-decoration:underline;
    padding-left:10px;
    line-height:5em;
    color:rgb(130,130,130);
}
.sidebar p {
    padding-left:15px;
}
            /*FOOTER*/
.footer {
    overflow:hidden;
    clear:both;
    width:100%;
    position:relative;
    height:4em;
    background-color:#8B8EDF;
    color:white;
    line-height:4em;
    text-align:center;
    min-width:1100px;
}
.footer a {
    color:white;
}
.footer a:hover {
    color:#FEFEFE;
}
            /*GALLERY*/
img[alt="2"] {
    padding:2px 0px 2px 2px;
	width:100%;
    display:inline-block;
    position:relative;
    width:350px;
    height:194px;
}
.table {
    position:relative;
	margin-left:auto;
    margin-right:auto;
    text-align:center;
}
            /*FORM*/
.section__left input,textarea {
    background-color:#EAEAEC;
    display:block;
    margin-bottom:10px;
    height:3em;
    width:20em;
    border:2px solid #ccc;
    padding:5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-size:1.3em;
}
input:focus,textarea:focus,
input[type="submit"]:hover {
    border: 1.5px solid rgb(130,130,130);
    box-shadow: 1.5px 1.5px #53a7ea,
                1.5px 1.5px #53a7ea,
                1.5px 1.5px #53a7ea;
    -webkit-transform: translateX(-3px);
     transform: translateX(-3px);
}
form,input,textarea {
    text-align:center;
    margin-left:auto;
    margin-right:auto;
}
input,textarea {
    opacity:0.9;
}
.section__left strong {
    font-size:2em;
    color:#66666E;
}
abbr {
    text-decoration:underline;
    cursor:help;
    color:#8B8EDF;
}
.contact__h {
    margin-left:8em;
}
input[type="submit"] {
    background:#E3E3E3;
    width:14em;
    height:2.5em;
    margin-top:1em;
    cursor:pointer;
}
input[type="submit"]:hover,
input[type="submit"]:active {
    background:rgb(210,210,210);
    border:2px solid rgb(170,170,170);
}
input[name="subject"] {
    height:8em;
}
textarea {
    height:8em;
    font-family:helvetica,arial,sans-serif;
}

            /*RESPONSIVITY*/
@media screen and (max-width: 1600px) {
    .body,.nav,.footer {
        width:100%;
    }
    .section__left img[alt="2"] {
        width:350px;
    }
}