html, body {
  background-image:     url(../images/web_pozadi.jpg);
  background-repeat:    repeat-x;
  font-family:          Arial;
  font-size:            12px;
  margin:               0;
  padding:              0;
  color:                #333333;
}

#web {
  width:                1040px;
  margin:               0 auto;
}

/* ------------------------------------------------------------------------------------ */

#logo {
  display:              table;
  width:                100%;
  height:               90px;
}

#logo img {
  float:                left;
  margin:               14px 30px 0 80px;
  border:               0;
}

#logo .gymnazium_napis {
  font-family:          'Ubuntu Condensed', Arial;
  font-size:            50px;
  text-transform:       uppercase;
  color:                #FFFFFF;
  float:                left;
  margin:               23px 0 0 0px;
}

#logo .hledani {
  float:                right;
  margin:               35px 80px 0 0;
}

#logo .hledani input {
  background:           transparent;
  border:               1px solid #BE4E54;
  color:                #FFFFFF;
  padding:              10px 10px;
  float:                left;
  width:                164px;
}

#logo input.hledani_tlacitko {
  border:               0;
  background-image:     url(../images/lupa.png);
  padding:              0;
  height:               37px;
  width:                36px;
  margin:               0px 0 0 3px;
  cursor:               pointer;

}

/* ------------------------------------------------------------------------------------ */

#menu {
  font-family:          'Ubuntu Condensed', Arial;
  font-size:            14px;
  text-transform:       uppercase;
  clear:                both;
  display:              table;
  margin:               0px 0 0px 0;
  padding:              0 80px 0 60px;
  height:               40px;
  line-height:          40px;
  z-index:              99;
  background-color:     #4C1B1B;
  opacity:              0.95;
  width:                900px;
}

#menu ul ul {
  display:              none;
}

#menu ul li:hover > ul {
  display:              table;
}

#menu ul {
  color:                #FFFFFF;
  text-decoration:      none;
  list-style:           none;
  position:             relative;
  display:              inline-table;
  margin-top:           0px;
  margin-bottom:        0;
  padding:              0 10px;

}

#menu ul:after {
  content:              "";
  clear:                both;
  display:              block;
}

#menu ul li {
  float:                left;
  padding:              0;
}

#menu ul li:hover { }

#menu ul li:hover a { }

#menu ul li a {
  padding:              3px 15px;
  color:                #FFFFFF;
  text-decoration:      none;
  border-right:         1px solid #795454;
}

#menu ul li a:hover {
  color:                #F6E497;
}

#menu ul ul {
  background:           #FCFAE1;
  opacity:              0.98;
  border-radius:        0px;
  padding:              0;
  position:             absolute;
  top:                  100%;
  z-index:              400;
}

#menu ul ul li {
  float:                none;
  position:             relative;
}

#menu ul ul li a {
  font-family:          Arial;
  font-size:            12px;
  margin:               0px 0px;
  color:                #333333;
  border-right:         0;
  border-bottom:        1px solid #D3C4AA;
  text-transform:       none;
  padding:              0px 20px 0px 20px;
  display:              block;
}

#menu ul ul li a:hover {
/*  color:                #B9121B; */
  background-color:     #CC0000;
  color:                #FFFFFF;
}

#menu ul ul ul {
  position:             absolute;
  left:                 100%;
  top:                  0;
  width:                200px;
}

#menu ul ul ul li {

}


/*

#menu {
  font-family:          'Ubuntu Condensed', Arial;
  font-size:            14px;
  text-transform:       uppercase;
  clear:                both;
  display:              table;
  margin:               0px 0 0px 0;
  padding:              0 80px;
  height:               40px;
  line-height:          40px;
}

#menu a {
  color:                #FFFFFF;
  text-decoration:      none;
  display:              block;
  float:                left;
}

#menu a:hover {
  color:                #F6E497;
}

#menu > a + a:before {
  margin:               0 23px;
  color:                #795454;
  border-right:         1px solid #795454;
  content:              "";
}

*/

/* ------------------------------------------------------------------------------------ */

#obsah {
  position:             absolute;
  top:                  480px;
  margin:               0 40px;
  width:                960px;
  color:                #333333;
  display:              table;
}

#obsah_stred {
  display:              table;
  width:                100%;
  margin-bottom:        10px;
}

#obsah_hlavni {
  background-color:     #FCFAE1;
  display:              table;
  width:                960px;
}

#obsah_hlavni a img:hover {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  filter: gray;
  -webkit-transition: all .6s ease;
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
}

#obsah_hlavni a img {
  filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
}

#obsah .nadpis_stranky {
  height:               70px;
  background-color:     #B9121B;
  padding:              0 40px;
  color:                #FFFFFF;
  font-family:          'Ubuntu Condensed', Arial;
  font-size:            17px;
  text-transform:       uppercase;
  line-height:          70px;
  clear:                both;
  margin:               -30px -30px 0px -30px;
}

#obsah .nadpis_stranky img {
  float:                left;
  margin:               21px 25px 0 0;
}

/* ------------------------------------------------------------------------------------ */

#obsah .uvodni-stranka {
  background-image:     url(../images/obsah_hlavni_pozadi.jpg);
  background-repeat:    repeat-y;
  display:              table;
}

#obsah .box1 {
  width:                480px;
  float:                left;
  background-color:     #F6E497;
  min-height:           716px;
}

#obsah .box1 .aktuality {
  padding:              5px 40px;
}

#obsah .box1 .aktualita {
  border-bottom:        1px solid #C6B87F;
  padding-bottom:       10px;
  display:              table;
}

#obsah .box1 .aktualita-posledni {
  padding-bottom:       10px;
}

#obsah .box1 h2 {
  text-transform:       uppercase;
  color:                #B9121B;
  padding:              5px 0;
  margin:               10px 0 5px 0;
  font-family:          'Ubuntu Condensed', Arial;
  font-size:            17px;
  font-weight:          normal;
  border:               0;
}

#obsah .box1 p {
  padding:              0;
  text-align:           justify;
  line-height:          16px;
  margin:               0 0 5px 0;
}

#obsah .box1 a {
  color:                #B9121B;
  text-decoration:      underline
}

#obsah .box1 a:hover {
  text-decoration:      none;
}

#obsah .box1 .aktualita-vice {
  font-weight:          bold;
}

#obsah .box2 {
  width:                480px;
  float:                right;
}

#obsah .box2 p {
  padding:              5px 0;
  margin:               0;
  text-align:           justify;
  line-height:          16px;
}

#obsah .box2-text {
  padding:              20px 40px;
}

#obsah .box2 img {
  border:               0;
  margin:               0;
  padding:              0;
  float:                left;
}

#obsah .box-fotografie a {
  display:              table;
  float:                left;
  position:             relative;

}

#obsah .box-fotografie a:hover span {
  position:             absolute;
  top:                  0px;
  left:                 0px;
  bottom:               0px;
  right:                0px;
  background:           url(../images/img_lupa.png) center center no-repeat;
}

#obsah .box-fotografie img.nove {
  position:             absolute;
  top:                  0;
  right:                0;
}

#obsah .box-nadpis {
  height:               70px;
  background-color:     #4C1B1B;
  padding:              0 40px;
  color:                #FFFFFF;
  font-family:          'Ubuntu Condensed', Arial;
  font-size:            17px;
  text-transform:       uppercase;
  line-height:          70px;
  clear:                both;
}

#obsah .box-nadpis a {
  text-decoration:      none;
  color:                #FFFFFF;
  float:                left;
}

#obsah .box-nadpis a img {
 float:                 right;
 left:                  10px;
 top:                   10px;
 position:              relative;
 border:                0;
}

#obsah .box2 .box-nadpis {
  background-color:     #B9121B;
}

#obsah .box-nadpis img {
  float:                left;
  margin:               21px 25px 0 0;
}

/* ------------------------------------------------------------------------------------ */

#sponzori {
  clear:                both;
  position:             relative;
  overflow:             auto;
  margin:               0 0 10px 0;
}

#sponzori .sponzori-nadpis {
  height:               70px;
  background-color:     #B9121B;
  padding:              0 40px;
  color:                #FFFFFF;
  font-family:          'Ubuntu Condensed', Arial;
  font-size:            14px;
  font-size:            17px;
  text-transform:       uppercase;
  line-height:          70px;
}

#sponzori .sponzori-nadpis img {
  float:                left;
  margin:               21px 20px 0 0;
}

#sponzori .sponzori-nadpis a {
  text-decoration:      none;
  color:                #FFFFFF;
  float:                left;
}

#sponzori .sponzori-nadpis a:hover {
  color:                #FCFAE1;
}

#sponzori .sponzori-nadpis a img {
 float:                 right;
 left:                  10px;
 top:                   10px;
 position:              relative;
 border:                0;
}

#sponzori .sponzori-loga {
  background-color:     #FCFAE1;
  display:              table;
  width:                100%;
  padding:              25px 0;
}

#sponzori .sponzori-loga a {
  float:                left;
}

#sponzori .sponzori-loga > a + a:before {
  padding:              50px 13px 0 0px;
  margin:               0;
  color:                #795454;
  border-right:         1px solid #CAC8B5;
  content:              "";
}

#sponzori .sponzori-loga img {
  padding-left:         13px;
  border:               0;
}

/* ------------------------------------------------------------------------------------ */

#paticka {
  width:                895px;
  background-color:     #4C1B1B;
  display:              table;
  margin-bottom:        10px;
  height:               70px;
  color:                #B4A7A7;
  padding:              0 40px 0 25px;
}

#paticka ul {
  float:                left;
  padding-left:         0px;
  margin-top:           17px;
  width:                150px;
}

#paticka > ul + ul:before {
  content:              "";
  border-right:         1px solid #795454;
  float:                left;
  height:               37px;
}

#paticka li {
  padding:              0 15px 0 11px;
  margin:               0 0 0 11px;
  line-height:          18px;
  list-style:           none;
  background-image:     url(../images/odrazka1.png);
  background-repeat:    no-repeat;
  background-position:  left center;
}

#paticka img {
  float:                right;
  margin:               14px 0 0 0
}

#paticka li a {
  text-decoration:      underline;
  color:                #FCFAE1;
}

#paticka a:hover {
  text-decoration:      none;
}

#paticka .copyright {
  float:                right;
  margin:               20px 25px 0 0px;
}

/* ------------------------------------------------------------------------------------ */

h1.nadpis {
  height:               70px;
  border:               0;
  background-image:     url(../images/ico_page.png);
  background-position:  left center;
  background-position:  40px center;
  background-repeat:    no-repeat;
  background-color:     #B9121B;
  padding:              0 40px 0 90px;
  color:                #FFFFFF;
  font-family:          'Ubuntu Condensed', Arial;
  font-size:            18px;
  font-weight:          normal;
  text-transform:       uppercase;
  line-height:          70px;
  clear:                both;
  margin:               -30px -30px 30px -30px;
  text-shadow:          1px 1px 0px #8B0D14;
}

h1 {
  font-family:          'Ubuntu Condensed', Arial;
  font-size:            30px;
  color:                #B9121B;
  padding-bottom:       20px;
  margin-bottom:        20px;
  border-bottom:        1px solid #BDBBA9;
  font-weight:          normal;
}

h2 {
  font-family:          'Ubuntu Condensed', Arial;
  font-size:            24px;
  color:                #4C1B1B;
  padding-bottom:       20px;
  margin-bottom:        20px;
  border-bottom:        1px solid #BDBBA9;
  font-weight:          normal;
}

h3 {
  font-family:          'Ubuntu Condensed', Arial;
  font-size:            17px;
  color:                #B9121B;
  padding-bottom:       20px;
  margin-bottom:        20px;
  border-bottom:        1px solid #BDBBA9;
  font-weight:          normal;
  text-transform:       uppercase;
}

#obsah a {
  text-decoration:      underline;
  color:                #B9121B;
}

#obsah a:hover {
  color:                #BD8C47;
  text-decoration:      none;
}

#obsah p {
  line-height:          18px;
  margin:               3px 0 10px 0;
}

#obsah iframe {
  border:               0;
  padding:              0;
  margin:               0;
}

#obsah .radek1 {
  background-color:     #F6E498;
}

#obsah .radek2 {
  background-color:     #BD8C47;
}

#obsah table {
  width:                100%;
  border-collapse:      1px;
  border-spacing:       1px;
}

#obsah thead td {
  background-color:     #B9121B;
  color:                #FFFFFF;
  padding:              10px;
}

#obsah tbody td {
  padding:              10px;
}

#obsah hr {
  color:                #BDBBA9;
  height:               1px;
  border:               0;
  background-color:     #BDBBA9;
}

#obsah blockquote {
  background-color:     #F6E498 ;
  color:                #4C1B1B;
  font-size:            17px;
  margin:               0 0 10px 0;
  padding:              10px 17px 5px 17px;
  text-align:           justify;
  font-family:          'Ubuntu Condensed', Arial;
  font-weight:          300;
}

#obsah blockquote p {
  line-height:          22px;
}

#obsah_hlavni, #obsah_hlavni_submenu p {
  line-height:          18px;
}

#obsah_hlavni li, #obsah_hlavni_submenu li {
  line-height:          18px;
  background-image:     url(../images/odrazka.png);
  background-repeat:    no-repeat;
  background-position:  left top;
  list-style:           none;
  padding-left:         15px;
}

#obsah_hlavni ul, #obsah_hlavni_submenu ul {
  margin:               10px 0;
  padding:              0;
}

#obsah_hlavni table {
  width:                100%;
  border-collapse:      separate;
  border-spacing:       1px;
}

#obsah_hlavni thead td {
  background-color:     #B9121B;
  color:                #FFFFFF;
  padding:              10px;
  font-weight:          bold;
}

#obsah_hlavni tbody td {
  color:                #333333;
  padding:              10px;
}

#obsah_hlavni tbody tr:nth-child(odd){    background-color: #F6E497; }
#obsah_hlavni tbody tr:nth-child(even){    background-color: #BD8C47; }

#obsah_hlavni a {
  text-decoration:      underline;
  color:                #B9121B;
}

#obsah_hlavni a:hover {
  text-decoration:      none;
  color:                #BD8C47;
}

#obsah_hlavni img {
  max-width:            890px;
}

#obsah_hlavni p {
  max-width:            890px;
}

/* -------------------------------------------------------------------------- */

#navigace {
  margin:               0px 0 20px 0;
  padding:              0px 0;
  color:                #EFD2D2;
  margin-top:           -10px;
}

#navigace strong {
  padding:              0 10px 0 0px;
  font-size:            16px;
}

#navigace a {
  color:                #BDBDBD;
  text-decoration:      none;
  margin-right:         10px;
}

#navigace a:hover {
  color:                #CC0000;
}

/* -------------------------------------------------------------------------- */

#seznam_pager {
  padding:              5px;
}

#seznam_pager .seznam_pager_odkaz {
  padding:              3px 7px;
  text-decoration:      none;
  margin-left:          2px;
  color:                #B9121B;
}

#seznam_pager a strong {
  padding:              0 5px;
  font-size:            16px;
  text-decoration:      none;
}

#seznam_pager a {
  padding:              3px 3px;
  text-decoration:      none;
  margin-left:          2px;
  color:                #4C1B1B;
}

#seznam_pager a:hover {
  color:                #B9121B;
}

/* -------------------------------------------------------------------------- */

#obsah .seznam-box {
  line-height:          18px;
  border-bottom:        1px dotted #C1C1C1;
  padding-bottom:       5px;
  margin-bottom:        10px;
  display:              table;
  width:                100%;
}

#obsah .seznam-filtrovani {
  line-height:          35px;
  margin-bottom:        15px;
}

#obsah .seznam-filtrovani select {
  padding:              3px;
  margin-left:          10px;
}

#obsah .seznam-box h3 {
  line-height:          18px;
  border:               0;
  margin:               0;
  padding:              0;
}

#obsah .seznam-box a {
  text-decoration:      none;
}

#obsah .seznam-box a:hover h3 {
  text-decoration:      underline;
  color:                #BD8C47;
}

#obsah .seznam-box .vlozeno {
  color:                #999999;
  line-height:          18px;
}

#obsah .seznam-box img {
  float:                left;
  margin:               0 10px 5px 0;
}

.detail_obrazky {
 margin-bottom:         20px;
 display:               table;
}

.detail_obrazky a {
  margin:               1px 1px 0px 0;
  display:              block;
  float:                left;
  position:             relative;
}

.detail_obrazky a.konecny {
  margin:               1px 0 0 0;
}

.detail_obrazky a:hover span {
  position:             absolute;
  top:                  -5px;
  left:                 0px;
  bottom:               0px;
  right:                0px;
  background:           url(../images/img_lupa.png) center center no-repeat;
}

.text {
  text-align:           justify;
}

.vlozeno {
  font-size:            10px;
  margin:               2px 0;
}

.autor {
  float:                right;
}

.fb-like {
  float:                left;
}

.g-plusone {
  width:                180px;
  float:                left;
}

.clanek_autor {
  background-color:     #F6E497;
  padding:              10px 15px;
  display:              table;
  width:                870px;
  clear:                both;
  margin-bottom:        10px;
  margin-top:           15px;
}

.clanek_autor span {
  float:                left;
  margin-right:         15px;
  line-height:          20px;
}

.clearboth {
  clear:                both;
}

/* -------------------------------------------------------------------------- */

/*
 * Galerie 2.0
 * 4.1.2012
*/

#obsah .galerie_seznam {
  display:              table;
}

#obsah .galerie_seznam img.nove {
  position:             absolute;
  top:                  0;
  right:                0;
}

#obsah .galerie_seznam li {
  list-style:           none;
  background-image:     none;
  float:                left;
  display:              block;
  width:                150px;
  height:               210px;
  text-align:           center;
  margin-right:         15px;
  margin-bottom:        10px;
}

#obsah .galerie_seznam li img  {
  margin-bottom:        10px;
  border:               0;
  float:                left;
}

#obsah .galerie_seznam li a  {
  line-height:          18px;
  font-family:          'Ubuntu Condensed', Arial;
  font-size:            16px;
  position:             relative;
  display:              table;
}

#obsah .galerie_seznam li a:hover  {
  color:                #B9121B;
}

#obsah .galerie_seznam li a:hover span {
  position:             absolute;
  top:                  -40px;
  left:                 0px;
  bottom:               0px;
  right:                0px;
  background:           url(../images/img_lupa.png) center center no-repeat;
}

#obsah .galerie_seznam li a span.datum {
  font-size:            12px;
  color:                #BD8C47;
}

#obsah .galerie_seznam li a:hover span.datum {
  position:             static;
  background:           none;
  text-decoration:      none;
}

#obsah .galerie_seznam a {
  text-decoration:      none;
  color:                #6A4A3C;
}

#obsah .galerie_seznam a:hover span {
  text-decoration:      none;
  color:                #B9121B;
  text-decoration:      underline;
}

#obsah .seznam_pager_odkaz {
  color:                #B9121B;
}

#obsah .seznam_pager_odkaz strong {
  padding:              3px 7px;
  text-decoration:      none;
  margin-left:          2px;
  color:                #B9121B;
  font-size:            16px;
}

#obsah .galerie { }

#obsah .galerie ul {
  margin:               0;
  padding:              0;
  list-style:           none;
  clear:                both;
  display:              table;
}

#obsah .galerie ul li {
  margin:               0 0px 0px 0;
  padding:              0;
  list-style:           none;
  float:                left;
  width:                179px;
  height:               179px;
  background:           none;
  display:              inline;
}

#obsah .galerie ul li.konecny {
  margin:               0;
  padding:              0;
  list-style:           none;
  float:                left;
  width:                179px;
  height:               179px;
  background:           none;
  display:              block;
}

#obsah .galerie ul li a {
  text-decoration:      none;
  display:              table;
  position:             relative;
}

#obsah .galerie ul li a:hover span {
  position:             absolute;
  top:                  0px;
  left:                 0px;
  bottom:               0px;
  right:                0px;
  background:           url(../images/img_lupa.png) center center no-repeat;
}

#obsah .galerie ul li a:hover {
  color:                #068AD7;
  display:              block;
}

#obsah .galerie ul li a img {
  margin:               0 auto;
  padding:              0px;
  border:               0;
  display:              block;
}

#obsah .galerie ul li a:hover img {

}

#obsah .galerie_pages {
  clear:                both;
  display:              block;
  margin:               15px auto;
  text-align:           center;
}

#obsah .galerie_pages a {
  padding:              3px 7px;
  text-decoration:      underline;
  margin-left:          2px;
  color:                #4C1B1B;
}

#obsah .galerie_pages a.galerie_pager_odkaz {
  padding:              3px 7px;
  text-decoration:      underline;
  margin-left:          2px;
  color:                #B9121B;
}

#obsah .galerie_pages a:hover {
  color:                #B9121B;
  text-decoration:      none;
}

#obsah .galerie_pages a strong {
  padding:              0 5px;
  font-size:            16px;
  text-decoration:      none;
}
/* -------------------------------------------------------------------------- */

.textbox {
  padding:              5px 5px;
  font-size:            12px;
  border:               1px solid #999999;
  margin-right:         15px;
}

.textbox_odeslat {
  background-color:     #B9121B;
  padding:              5px 25px;
  border:               0;
  color:                #FFFFFF;
  font-size:            11px;
  font-weight:          bold;
  cursor:               pointer
}

/* -------------------------------------------------------------------------- */


#sticky_navigation_wrapper { width:100%; height:50px; }
#sticky_navigation { width:100%; height:50px; background:url(trans-black-60.png); -moz-box-shadow: 0 0 5px #999; -webkit-box-shadow: 0 0 5px #999; box-shadow: 0 0 5px #999; }
#sticky_navigation ul { list-style:none; margin:0; padding:5px; }
#sticky_navigation ul li { margin:0; padding:0; display:inline; }
#sticky_navigation ul li a { display:block; float:left; margin:0 0 0 5px; padding:0 20px; height:40px; line-height:40px; font-size:14px; font-family:Arial, serif; font-weight:bold; color:#ddd; background:#333; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
#sticky_navigation ul li a:hover, #sticky_navigation ul li a.selected { color:#fff; background:#111; }