@charset "utf-8";
/** 
 * iOS 7 Style Switches
 * Design Instruct
 * Web Address: http://designinstruct.com/web-design/ios-7-switches-switchery/
 */

/**
 * CSS RESET
 */
* {
    margin: 0;
    padding: 0;
}
body {
    font-family: 'PT Sans Narrow', sans-serif;
    background-color: #e1e1e1;
    color: #888;
	font-size:24px;
}
/**
 * CUSTOM SWITCHERY STYLES
 */
.switchery-form {
    margin-top: 50px;
    padding: 15px;
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width:800px;
}
.switchery-form p {
    display: block;
    padding: 10px 0 10px 0;
    color: #588890;
}
    /* Aesthetics only: These classes just adds separators between the form input elements */
    .setting-switch-first {
        border-top: 0px;
    }
    .setting-switch {
        border-bottom: 1px solid #8eb9c0;
        border-top: 1px solid #c9dee2;
    }
    .update-settings-button {
        border-top:1px solid #c9dee2;
    }
/* Aesthetics only: These rules are for the "Update Settings" button
   in the demo. I used the .button style rules in Skeleton
   as a starting point.
   Get Skeleton here: https://github.com/dhg/Skeleton
*/
input[type="button"] {
    background: #226f95;
    border: 1px solid #226f95;
    border-top: 1px solid #226f95;
    border-left: 1px solid #226f95;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #d9e5e5;
    display: inline-block;
    font-size: 16px;
    text-decoration: none;
    cursor: pointer;
    margin-bottom: 20px;
    line-height: normal;
    padding: 8px 10px;
}
 

.settings-heading {
    color: #588890;
    font-size: 32px;
}
/**
 * DEMO PAGE STYLES
 * These just makes the demo page a little prettier
 */
.container {
    width: 800px;
    margin: 0 auto;
}
h1 {
    display: block;
    margin-top: 100px;
    font-size: 60px;
	color:#189D98;
}
h2 a {
    display: block;
    margin-top: 15px;
    color: #226f95;
    text-decoration: none;
}
.sub-title {
    font-size: 24px;
    font-style: normal;
}
.design-instruct-topbar {
    width: 100%;
    height:40px;
    top: 0;
    position: fixed;
    z-index:99;
    background:#a5c8ce;
}
.design-instruct-topbar a {
    line-height: 40px;
    padding: 5px;
    color: #226f95;
    text-decoration: none;
}

/*
 





.custom-file-input::-webkit-file-upload-button {
  visibility: hidden;
}
.custom-file-input::before { 
  content:  url(assets/img/fotocek.png);
  display: inline-block;
  background: -webkit-linear-gradient(top, #f9f9f9, #e3e3e3);
  border: 1px solid #999;
  border-radius: 11px;
  padding: 15px 18px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  text-shadow: 1px 1px #fff;
  font-weight: 700;
  font-size: 20pt;
}
.custom-file-input:hover::before {
  border-color: black;
}
.custom-file-input:active::before {
  background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
}
*/