/*
Theme Name: Gybon
Theme URI: http://www.gybon.cz
Author: D. Žilka
Author URI: http://www.gybon.cz/
Description: Šablona stvořená na míru pro elitní Gymnázium Boženy Nimcové v Hradci Králové. Maturitní práce.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: gybon
Text Domain: gybon

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* Gybon Web, CSS is created by Dominik Žilka */

* {
    margin: 0;
    padding: 0;
    border: none;
}

body, html {
    font-family: 'Roboto Condensed', sans-serif;
    background: #fff;
}

div.web {
    width: 1000px;
    margin: 0 auto;
    z-index: 50;
}
div#top {
    height: 180px;
}

/* Vyhledávání */
div.web div#search {
    float: right;
    margin: 0;
    width: 303px;
    height: 39px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
/*    background: #000;*/
/*    background: #616364;*/
/*    background: #797f81;*/
    background: #f1f1f1;
    
    }
        div.web div#search a {
            width: 26px;
            height: 26px;
            margin: 6px 0px 6px 10px;
            font-size: 0px;
            display: block;
            overflow: hidden;
            position: relative;
            float: left;
        }
            div.web div#search a span {
                width: 26px;
                height: 26px;
                top: 0px;
                left: 0;
                display: block;
                z-index: 1;
                position: absolute;
                background: url("grafika/facebook.png") no-repeat top left;
            }
              div.web div#search a#roundcube , div.web div#search a#roundcube span {
                background: url("grafika/roundcube.png") no-repeat top left;
              }
              div.web div#search a#moodle , div.web div#search a#moodle span {
                background: url("grafika/moodle.png") no-repeat top left;
              }              
            div.web div#search form {
                width: 171px;
                height: 22px;
                border: 2px #d5d2d2 solid;
                display: block;
                float: right;
                background: #fff;
                margin: 6px 10px;
            }
                div.web div#search form input[type='text'] {
                    padding: 0 6px;
                    width: 136px;
                }
                div.web div#search form input[type='submit'] {
                    float: right;
                    background: url("grafika/search.png") no-repeat center left;
                    width: 16px;
                    height: 22px;
                    font-size: 0px;
                    margin: -22px 4px 0;
                    cursor: pointer;
                    }
                    
/* Hlavní nadpis */
div.web h1 a{
    margin: 0 0;
/*    margin: 0 16px;*/
    clear: right;
    background: url("grafika/logo.jpg") no-repeat top left;
/*    padding: 45px 0 0 120px;*/
    padding: 45px 0 0 100px;
    font-size: 20px;
    font-weight: 300;
    height: 67px;
    display: block;
    float: left;
    text-decoration: none;
    color: #000;
}
    div.web h1 a:hover {
        text-decoration: underline;
    }

 /* Hlavní menu */
 div.web ul#hlavni-menu {
     list-style-type: none;
     float: right;
     margin: 39px 16px 0;
 }
     div.web ul#hlavni-menu li {
        float: left;
        display: inline-block;
        margin-left: 10px;
/*        margin-left: 20px;*/
        background: none;
        padding: 6px;
	padding-bottom: 7px;
    }
    div.web .menu-item-has-children {
      background: url("grafika/scroll.png") no-repeat center right !important;
      padding-right: 20px !important;
    }
    div.web ul#hlavni-menu li:hover {
        outline: 1px solid #000;
    }
    div.web ul#hlavni-menu li.nobg {
        background: none;
        padding-right: 6px;
    }
    div.web ul#hlavni-menu li.nobg a {
        background: none;
        padding-right: 0px;
    }
        div.web ul#hlavni-menu li a {
            font-size: 18px;
            color: #000;
            font-weight: 400;
            text-decoration: none;
            padding-right: 0px;
        }
        
        div.web ul#hlavni-menu li.menu-item-has-children a {
            padding-right: 10px;
        }
        div.web ul#hlavni-menu li:hover ul {
            display: block;
            z-index: 5;
        }
        div.web ul#hlavni-menu li ul {
            width: 240px;
/*            background: #3a589b; */
            background: #007cc2; 
            outline: 1px solid #000;
            position: absolute;
            margin: 7px 0 0 -6px;
            line-height: 25px;
            padding: 10px 10px;
            list-style: none;
            float: none;
            display: none;
        }
            div.web ul#hlavni-menu li ul li {
                background: url("grafika/odrazka.png") no-repeat center left;
                margin-left: 0;
                display: list-item;
                float: none;
                padding: 0px 0 0 10px;
                }
                div.web ul#hlavni-menu li ul li:hover {
                    outline: none;
                }
                div.web ul#hlavni-menu li ul li a {
                    font-size: 14px;
                    color: #fff;
                    font-weight: 300;
                    padding: 0;
                    display: list-item;
                    margin: 0;
                }
                    div.web ul#hlavni-menu li ul li a:hover {
                        text-decoration: underline;;
                    }
/* Podnadpis */
.podnadpis {
    background: url("grafika/podnadpis.png") center left no-repeat;
    font-size: 16px;
    padding-left: 15px;
    font-weight: 300;
    color: #000;
    display: block;
    text-transform: lowercase;
}
    div.web h2#co-je-noveho {
        float: right;
        margin: 35px 10px 10px;
    }
    div.web #drobeckova-navigace {
        float: left;
        margin: 20px 16px 0;
        width: 100%;
    }
      div.web #drobeckova-navigace a {
        color: #000;
      }
        div.web #drobeckova-navigace a:hover {
          text-decoration: none;
        }

#slideshow-wrapper {
    width: 1000px; /* Width of single slide */
    margin-left: -2500px; /* Half of total carousel width including overflow images */
    left: 50%;
}

#slideshow-wrapper .bx-wrapper {
    width: 5000px !important; /* Total width including overflow images */
    margin: 0 auto;
    margin-left: -40px;
    position: relative;
}
/* Captions */
div#captions {
    width: 965px;
    margin: -89px 0;
    height: 55px;
    background: rgba(0,0,0,0.7);
    color: #fff;
    position: absolute;
    font-weight: 400;
    font-size: 20px;
    padding: 30px 0 0 35px;
}

/* Články */
div.web div#obsah {
    width: 670px;
    float: left;
    margin: 10px 16px;
    min-height: 1150px;
}
/* Vzhled článku */
div.web div.clanek {
    width: 670px;
    margin-bottom: 20px;
    display: block;
    float: left;
}
    div.web div.clanek h2 {
        font-size: 24px;
        font-weight: 400;
        padding-bottom: 10px;
    }
      div.web div.clanek h2 a {
        color: #000;
        text-decoration: none;
      }
        div.web div.clanek h2 a:hover {
          text-decoration: underline;
        }
    div.web div.clanek span.datum {
        font-size: 14px;
        font-weight: 300;
        padding: 0px 0 10px;
        margin-top: -8px;
        display: block;
    }
    div.web div.clanek p {
        padding-bottom: 10px;
        text-align: justify;
        font-size: 14px;
        font-weight: 300;
    }
        div.web div.clanek p img {
            float: left;
            margin: 0 10px 10px 0;
        }
        
        div.web div.clanek ul , div.web div.clanek ol {
            font-size: 14px;
            margin-left: 30px;
            font-weight: 300;
            padding-bottom: 10px;
        }
        
        div.web div.clanek a {
/*            color: #3a589b;*/
/*            color: #007cc2; */
            color: #616364;
            text-decoration: none;
        }
            div.web div.clanek a:hover {
                text-decoration: underline;
            }
            div.web div.clanek span.cist-cele {
                padding-bottom: 10px;
                float: left;
                font-size: 14px;
                font-weight: 300;
                border-bottom: 1px #000 solid;

                width: 670px;
                text-align: right;
                text-decoration: none;
                font-weight: bold;
            }
            div.web div.clanek span.cist-cele a {
                text-decoration: none;
            }
            
            div.web div.clanek h3 , div.web div.clanek h4 {
              padding: 10px 0;
            }
            div.web div.clanek table {
              font-size: 12px;
              border-collapse: collapse;
            }
              div.web div.clanek table th {
                border-bottom: 1px solid #000;
              }
                div.web div.clanek table tr {
                  line-height: 20px;
                }
                div.web div.clanek table tr td {
                  padding: 4px 10px;
                }
                
/* Sidebar */
div.web div#sidebar {
    position: absolute;
    width: 264px;
    margin: 18px 720px;
    min-height: 200px;
}
    div.web div#sidebar h2 {
        text-align: right;
        margin: 0 0 5px 0;
        float: right;
    }
    
    div.web div#sidebar div.widget {
        clear: both;
/*        border: 1px solid #000;*/
/*       background: #3a589b; */
       background: #007cc2; 
/*       background: #0070ae; */
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;

        color: #fff;
        margin-bottom: 20px;
        font-size: 14px;
        font-weight: 300;
    }
        div.web div.widget ul {
            margin: 7px 10px;
            line-height: 25px;
            padding: 10px 10px;
            list-style: none;
        }
            div.web div.widget ul li {
                background: url("grafika/odrazka.png") no-repeat center left;
                margin-left: 0;
                display: list-item;
                float: none;
                padding: 0px 0 0 10px;
                }    
    
    
        div.web div.widget ul li a {
            text-decoration: none;
            color: #fff;
        }
            div.web div.widget ul li a:hover {
                text-decoration: underline;;
            }
            
            div.web div.widget ul.stred {
                margin-bottom: 0;
                padding-bottom: 5px;
            }
            div.web div.widget ul.stred li {
                background: none;
                margin-bottom: 10px;
                text-align: center;
            }
/* Patička */
div.web div#paticka {
    clear: both;
    margin: 50px 0 0;
    width: 1000px;
/*    background: #000; */
    background: #f1f1f1; 
    height: 200px;
    overflow: hidden;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}   
    div.web div#paticka div#logo {
        margin: 30px 0 0 30px;
        position: absolute;
        width: 94px;
        height: 118px;
/*        background: url("grafika/logo-cerna.jpg") no-repeat top left;*/
        background: url("grafika/logo.png") no-repeat top left;
    }
    
    div.web div#paticka ul {
        list-style: none;
        margin: 30px 0 0 158px;
        position: absolute;
    }
        div.web div#paticka ul li {
            line-height: 20px;
            font-weight: 300;
        }
            div.web div#paticka ul li a {
                text-decoration: none;
                color: #000;
                font-size: 14px;
            }
                div.web div#paticka ul li a:hover {
                    text-decoration: underline;
                }
         div.web div#paticka a#kralovehradecky-kraj {
            width: 199px;
            height: 94px;
            margin: 55px 0 0 736px;
            font-size: 0px;
            display: block;
            overflow: hidden;
            position: absolute;
        }
            div.web div#paticka a#kralovehradecky-kraj span {
                width: 199px;
                height: 94px;
                top: 0px;
                left: 0;
                display: block;
                z-index: 1;
                position: absolute;
  /*              background: url("grafika/kr-kralovehradecky.png") no-repeat top left; */
                background: url("grafika/kr-kralovehradecky2.png") no-repeat top left;
            }
            div.web div#paticka span#organizace {
                display: block;
                position: absolute;
                width: 304px;
                margin: 30px 0 0 680px;
                position: absolute;
                font-size: 12px;
                text-align: center;
/*                color: #fff; */
                color: #000;
            }
            
            div.web div#paticka p {
                font-size: 12px;
/*                color: #fff; */
                color: #000;
                width: 1000px;
                text-align: center;
                margin-top: 175px;
                position: absolute;
            }
            div.web div#paticka p a {
                text-decoration: underline;
                color: #000;
            }
            div.web div#paticka p a:hover {
                text-decoration: none;
            }