.nic {
    height: 0px;    
}

/*
    font a styl
*/

/* Open Sans */

/* BEGIN Light */
@font-face {
    font-family: 'Open Sans';
    src: url("../font/OpenSans-Light.eot");
    src: url("../font/OpenSans-Light.eot?#iefix") format("embedded-opentype"), url("../font/OpenSans-Light.woff") format("woff"), url("../font/OpenSans-Light.ttf") format("truetype"), url("../font/OpenSans-Light.svg#OpenSansLight") format("svg");
    font-weight: 300;
    font-style: normal; }
/* END Light */
/* BEGIN Light Italic */
@font-face {
    font-family: 'Open Sans';
    src: url("../font/OpenSans-LightItalic.eot");
    src: url("../font/OpenSans-LightItalic.eot?#iefix") format("embedded-opentype"), url("../font/OpenSans-LightItalic.woff") format("woff"), url("../font/OpenSans-LightItalic.ttf") format("truetype"), url("../font/OpenSans-LightItalic.svg#OpenSansLightItalic") format("svg");
    font-weight: 300;
    font-style: italic; }
/* END Light Italic */
/* BEGIN Regular */
@font-face {
    font-family: 'Open Sans';
    src: url("../font/OpenSans-Regular.eot");
    src: url("../font/OpenSans-Regular.eot?#iefix") format("embedded-opentype"), url("../font/OpenSans-Regular.woff") format("woff"), url("../font/OpenSans-Regular.ttf") format("truetype"), url("../font/OpenSans-Regular.svg#OpenSansRegular") format("svg");
    font-weight: normal;
    font-style: normal; }
/* END Regular */
/* BEGIN Italic */
@font-face {
    font-family: 'Open Sans';
    src: url("../font/OpenSans-Italic.eot");
    src: url("../font/OpenSans-Italic.eot?#iefix") format("embedded-opentype"), url("../font/OpenSans-Italic.woff") format("woff"), url("../font/OpenSans-Italic.ttf") format("truetype"), url("../font/OpenSans-Italic.svg#OpenSansItalic") format("svg");
    font-weight: normal;
    font-style: italic; }
/* END Italic */
/* BEGIN Semibold */
@font-face {
    font-family: 'Open Sans';
    src: url("../font/OpenSans-Semibold.eot");
    src: url("../font/OpenSans-Semibold.eot?#iefix") format("embedded-opentype"), url("../font/OpenSans-Semibold.woff") format("woff"), url("../font/OpenSans-Semibold.ttf") format("truetype"), url("../font/OpenSans-Semibold.svg#OpenSansSemibold") format("svg");
    font-weight: 600;
    font-style: normal; }
/* END Semibold */
/* BEGIN Semibold Italic */
@font-face {
    font-family: 'Open Sans';
    src: url("../font/OpenSans-SemiboldItalic.eot");
    src: url("../font/OpenSans-SemiboldItalic.eot?#iefix") format("embedded-opentype"), url("../font/OpenSans-SemiboldItalic.woff") format("woff"), url("../font/OpenSans-SemiboldItalic.ttf") format("truetype"), url("../font/OpenSans-SemiboldItalic.svg#OpenSansSemiboldItalic") format("svg");
    font-weight: 600;
    font-style: italic; }
/* END Semibold Italic */
/* BEGIN Bold */
@font-face {
    font-family: 'Open Sans';
    src: url("../font/OpenSans-Bold.eot");
    src: url("../font/OpenSans-Bold.eot?#iefix") format("embedded-opentype"), url("../font/OpenSans-Bold.woff") format("woff"), url("../font/OpenSans-Bold.ttf") format("truetype"), url("../font/OpenSans-Bold.svg#OpenSansBold") format("svg");
    font-weight: bold;
    font-style: normal; }
/* END Bold */
/* BEGIN Bold Italic */
@font-face {
    font-family: 'Open Sans';
    src: url("../font/OpenSans-BoldItalic.eot");
    src: url("../font/OpenSans-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../font/OpenSans-BoldItalic.woff") format("woff"), url("../font/OpenSans-BoldItalic.ttf") format("truetype"), url("../font/OpenSans-BoldItalic.svg#OpenSansBoldItalic") format("svg");
    font-weight: bold;
    font-style: italic; }
/* END Bold Italic */
/* BEGIN Extrabold */
@font-face {
    font-family: 'Open Sans';
    src: url("../font/OpenSans-ExtraBold.eot");
    src: url("../font/OpenSans-ExtraBold.eot?#iefix") format("embedded-opentype"), url("../font/OpenSans-ExtraBold.woff") format("woff"), url("../font/OpenSans-ExtraBold.ttf") format("truetype"), url("../font/OpenSans-ExtraBold.svg#OpenSansExtrabold") format("svg");
    font-weight: 800;
    font-style: normal; }
/* END Extrabold */
/* BEGIN Extrabold Italic */
@font-face {
    font-family: 'Open Sans';
    src: url("../font/OpenSans-ExtraBoldItalic.eot");
    src: url("../font/OpenSans-ExtraBoldItalic.eot?#iefix") format("embedded-opentype"), url("../font/OpenSans-ExtraBoldItalic.woff") format("woff"), url("../font/OpenSans-ExtraBoldItalic.ttf") format("truetype"), url("../font/OpenSans-ExtraBoldItalic.svg#OpenSansExtraboldItalic") format("svg");
    font-weight: 800;
    font-style: italic; }
/* END Extrabold Italic */


.sans {
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
}
.sans300 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
}
.sans800 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 800;
}


/* velikost fontu - rytmus */
body {
    font-size: 16px;
    font-family: 'Open Sans', Arial, sans-serif;
    background: url(../../obr/patern_science_cb.png) repeat;  
}

.pure-g [class *= "pure-u"] { 
    font-family: 'Open Sans', Arial, sans-serif;
}

p, a {
    font-size: 1em; /* 16px */
    line-height: 1.6250em; /* 26px */
    /*margin: 0 0 1.6250em 0;*/
    margin: 0.8125em 0 0.8125em 0;
}

h6, .f13px {
    font-size: 0.8125em; /* 13px */
    line-height: 2.0000em; /* 26px */
    margin-top: 2.0000em;  margin-bottom: 0.0000em;
}

h5, .f14px {
    font-size: 0.8750em; /* 14px */
    line-height: 1.8571em; /* 26px */
    margin-top: 1.8571em;  margin-bottom: 0.0000em;
}

h4, .f18px {
    font-size: 1.1250em; /* 18px */
    line-height: 1.4444em; /* 26px */
    margin-top: 1.4444em;  margin-bottom: 0.0000em;
}

h3, .f24px {
    font-size: 1.5000em; /* 24px */
    line-height: 1.0833em; /* 26px */
    margin-top: 1.0833em;  margin-bottom: 0.0000em;
}

h2, .f36px {
    font-size: 2.2500em; /* 36px */
    line-height: 1.4444em; /* 52px */
    margin-top: 0.7222em;  margin-bottom: 0.0000em;
}

h1, .f48px {
    font-size: 3.0000em; /* 48px */
    line-height: 1.0833em; /* 52px */
    margin-top: 0.5417em;  margin-bottom: 0.0000em;
}

ul, ol, dl {
    margin-top: 0.8125em;
    margin-bottom: 0.8125em;
}


/*
    FELAPO základ
*/

.l-box {
    padding: 1em;
}

/* tlacitko */
.button-success,
.button-error,
.button-warning,
.button-secondary {
    color: white;
    border-radius: 4px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}
/* tlacitko - typ/barva */
.button-success {
    background: rgb(28, 184, 65); /* this is a green */
}

.button-error {
    background: rgb(202, 60, 60); /* this is a maroon */
}

.button-warning {
    background: rgb(223, 117, 20); /* this is an orange */
}

.button-secondary {
    background: rgb(66, 184, 221); /* this is a light blue */
}
/* tlacitko - velikost */
.button-xsmall {
    font-size: 70%;
}

.button-small {
    font-size: 85%;
}

.button-large {
    font-size: 110%;
}

.button-xlarge {
    font-size: 125%;
}



/*
  menu
*/
.pure-menu {
    /*    background-color: #01030b;*/
}

.pure-menu .pure-menu-selected a {
    color: white;
}

.pure-menu a {
    color: #f2fafd;
    font-weight: bold;
}
.pure-menu li a:hover,
.pure-menu li a:focus {
    background: none;
    border: none;
    color: #AECFE5;
} 

.custom-wrapper {
    background-color: #01030b;
    margin-bottom: 0em;
    -webkit-font-smoothing: antialiased;
    height: 4em;
    overflow: hidden;
    -webkit-transition: height 0.5s;
    -moz-transition: height 0.5s;
    -ms-transition: height 0.5s;
    transition: height 0.5s;
}

.custom-wrapper.open {
    height: 14em;
}

.pure-menu-link, .pure-menu-disabled, .pure-menu-heading {
    padding: 0.5em 1.5em;
}

.custom-menu-2 {
    text-align: center;
}
.custom-menu-3 {
    text-align: right;
}

.custom-toggle {
    width: 34px;
    height: 34px;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    display: none;
}

.custom-toggle .bar {
    background-color: #6FBEF3;
    display: block;
    width: 20px;
    height: 2px;
    border-radius: 100px;
    position: absolute;
    top: 18px;
    right: 7px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
}

.custom-toggle .bar:first-child {
    -webkit-transform: translateY(-6px);
    -moz-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
    transform: translateY(-6px);
}

.custom-toggle.x .bar {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.custom-toggle.x .bar:first-child {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

@media (max-width: 48em) {

    .custom-menu-2 {
        text-align: left;
    }
    .custom-menu-3 {
        text-align: left;
    }

    .custom-toggle {
        display: block;
    }

    .custom-wrapper {
        height: 1.8em;
    }

    a {
        margin: 0px;  
    }

    .pure-menu-link, .pure-menu-disabled, .pure-menu-heading {
        padding: 0.25em 1em;
    }

}



/*
  baner
*/
.banner {
    /*
        background: transparent url('http://24.media.tumblr.com/ccb268832580ac12951828a1c179de69/tumblr_mo2xbk8JUK1st5lhmo1_1280.jpg') 0 0 no-repeat fixed;
        text-align: center;
        background-size: cover;
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://24.media.tumblr.com/ccb268832580ac12951828a1c179de69/tumblr_mo2xbk8JUK1st5lhmo1_1280.jpg', sizingMethod='scale');
    */
    /*
        height: 200px;
        width: 100%;
    */
    max-width: 100%;
    margin-bottom: 1em;
    /*    display: table;*/
    display: block;
    height: auto;
}

.banner-head {
    display: table-cell;
    vertical-align: middle;
    margin-bottom: 0;
    font-size: 2em;
    color: white;
    font-weight: 500;
    text-shadow: 0 1px 1px black;
}



/*
  uvod
*/
.obsah_uvod {
    background: #8be7f6; /* 98d502 00559b */
}

.uvod {
    width: 80%;
    height: 50%;
    margin: 0 auto 2em auto;
    padding: 2em auto 2em auto;
    /*position: absolute;*/
    top: 25px;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center;
    /*text-transform: uppercase;*/ 
}

.uvod_nadpis {
    font-size: 250%;
    font-weight: bold;
    color: #ffffff; 
    border: 3px solid #ffffff;
    padding: 1em 1.6em;
    font-weight: 800;
    border-radius: 5px;
    margin: auto;
    width: 60%;
}

.uvod_fekt {
    color: #003da5; 
    text-align: left;
    line-height: 1em;
    margin-top: 0px;
}

.uvod p {
    color: #000000; 
    letter-spacing: 0.05em;
    opacity: 0.8;
} 

.uvod_button {
    color: #ffffff;
    background: #da0217;
    font-weight: bold; 
}

#fekt {
    margin: 1em auto 1em auto;
}

#fekt #logo {
    background-color: #FFFFFF;
/*    height: 100px; */
    margin: 1em 1em 1em 1em;
    padding: 0 10px 0 10px;
/*    width: 100px; */
    float: left;
    width: 6.75em;
}

#fekt #logo object {
    height: 6.75em;
}

#fekt #fakulta {
    /*margin: 1em auto 1em 120px;*/
    margin: 10px;
    padding-top: 1em;
}

/*
  obsah
*/
.obsah {
    /*position: absolute; */
    /*top: 87%;*/
    /*width: 100%;*/
    max-width: 1050px;
    min-height: 12%;
    /*z-index: 2;*/
    background: white;
    margin: 0 auto;
} 
h2 {
    color: #da0217;    
}
h3 {
    color: #cc3247;    
}
#org_vybor,
#plat_udaje {
    background-color: #bdf4fc; /* c5f255 */   
}


/*
  formular
*/
#prihlaska select {
    padding: 0 0.3em;
}
#prihlaska .error {
    color: #cc3247;    
    background-color: #ffe5e9;
}


/*
  pata
*/
.obsah_pata {
    background: #00658b;
    color: #aaccdd;
}
.obsah_pata h3 {
    color: #cc3247;
}
.obsah_pata a {
    color: #ff6574;
    text-decoration: none;
}
.obsah_pata a:hover,
.obsah_pata a:focus,
.obsah_pata a:active {
    color: #f0f1f1;
    text-decoration: underline;
    background: #00658b;
}


.obsah_pata ul {
    padding-left: 20px;
    list-style: square;
}

.obsah_pata a.pure-menu-link {
	margin: 0 0;
	padding: 0.3em 1.5em 0.2em 0.75em;
}

.obsah_pata .pure-menu-item:first-child {
	padding-top: 0.5em;
}


.obsah_pata iframe {
    border:0;
    margin-top: 1.0em;    
}    



.required {
    color: #e9322d;
}


@media (max-width: 48em) {

    #fekt #logo {
        float: none;
        margin: 1em auto 0.5em auto;
	text-align: center;
    }

    #fekt #fakulta {
        margin: 0px;
        padding-top: 0px;
    }  

    .uvod_fekt {
        text-align: center;
        line-height: 1em;
        padding-left: auto;
        padding: 0 auto 0 auto;
        margin: 0px;
    }

    .uvod_nadpis {
        font-size: 250%;
        font-weight: bold;
        color: #ffffff; 
        border: 3px solid #ffffff;
        padding: 0.5em 0.8em;
        font-weight: 800;
        border-radius: 5px;
        margin: auto;
        width: 60%;
    }


}

@media (min-width: 48em) { 

    /* We increase the height of the splash-container */
    /* .obsah_uvod {
      height: 500px;
    }*/

    /* We decrease the width of the .splash, since we have more width
    to work with */
    .uvod {
        width: 60%;
        height: 50%;
    }

    .uvod_nadpis {
        font-size: 250%;
    }

}


@media (min-width: 78em) {
    .uvod_nadpis {
        font-size: 300%;
    }
}