/* ----------------------------------------------- */
/* Definice barevnosti a pozadi ------------------ */
/* ----------------------------------------------- */

@import url("losos.css");





/* ----------------------------------------------- */
/* Ostatni css sablony ELEGANT ------------------- */
/* ----------------------------------------------- */



/* Layout
----------------------------------------------- */
body {background: #fff url("images/background.png") repeat fixed; font-family: georgia;}
#container {width: 1000px; background: none; background: url("images-losos/content.png") repeat-y; overflow: hidden;}



/* Header
----------------------------------------------- */
#header {position: absolute; left: 50%; top: 10px; z-index: 5; margin: 0; padding: 0; background: none; width: 240px; height: 74px; overflow: hidden; margin: 0 0 0 -470px;}
#header h1, #header h2 {width: 240px; height: 74px; margin: 0; border: 0;}
#header h1 a, #header h2 a {width: 240px; height: 74px; background: url("images-losos/h1.jpg") no-repeat;}



/* Menu
----------------------------------------------- */
#menu {position: absolute; left: 0; top: 77px;  width: 100%; z-index: 5; margin: 0; padding: 0; background: none; border: 0; visibility: hidden;}
#menu ul {width: 990px; overflow: hidden; margin: 0 auto;}
#menu ul li {padding: 0; font-size: 0.72em; font-weight: normal; float: right;}
#menu ul li a {background: none; padding: 0 10px; margin-right: 2px; display: block; text-decoration: none;}
#menu ul li a:hover, #menu ul li a.menu-current {background: none;}

#rollmenu {position: absolute; left: 0; top: 73px;  width: 100%; z-index: 5; margin: 0; padding: 0; background: none; border: 0;}
#rollmenu ul.sf-menu {width: 990px; margin: 0 auto;}



/* Menu
----------------------------------------------- */
#footer {width: 1000px; background: url("images-losos/footer.png") no-repeat; height: 70px; padding: 60px 0 0 0; margin: 0 auto;}



/* Content
----------------------------------------------- */
#content {float: right; width: 700px; border: 0; background: none; padding: 0;}
#content .inner-content {padding: 0; width: 100%; overflow: hidden; margin-bottom: 10px;}



/* Sidebar
----------------------------------------------- */
#sidebar {float: left; width: 250px; border: 0; padding-left: 50px;}
#sidebar h3 {font-weight: bold; margin: 12px 0 7px 0; float: left; font-weight: bold; font-size: 0.75em; text-transform: uppercase; width: 234px; background: url("images-losos/h3.png") no-repeat; color: #65a57b; padding: 7px 6px;}



/* Vlajky
----------------------------------------------- */
#flag {position: absolute; left: 0; top: 12px; width: 100%; text-align: center; visibility: hidden;}
#flag #flagin {margin: 0 auto; width: 950px;}





/* Save layout
----------------------------------------------- */
.standart-content, .blog-content {width: 95%; margin-left: 4%;}



/* Blog
----------------------------------------------- */
.blog {width: 89%;}
.blog-text {width: 450px;}



/* Kniha navstev
----------------------------------------------- */
#kniha {width: 85%; border: 0; padding: 4% 5% 4% 5%; margin-top: 0;}
.posttop-comment {border: 0; background: #d1d1d1;}
.posttext-comment {border: 0;}
.post-comment-reply .posttop-comment {border: 0;}
.post-comment-reply .posttext-comment {border: 0;}

#kniha .comment-nadpis {font-weight: normal;}

#vypis {width: 100%; left: 0; margin: 0 0 0 0;}

.post-comment {margin: 0 0 16px 5%; width: 500px; float: left;}
.post-comment-reply {margin: 0 0 16px 5%; width: 420px; float: left;}



/* Menu galerie
----------------------------------------------- */
.gallery-menu {background: none; margin-bottom: 10px; float: left; width: 229px; border: 0; font-style: italic; font-size: 0.875em; font-weight: bold;}

.gallery-menu li {border-bottom: 0;}
.gallery-menu li a, .gallery-menu li a:visited {padding: 6px 0; padding-left: 8px; text-decoration: none; background-position: 0 12px; border-bottom: 1px dotted #7b503d; color: #573916;}
.gallery-menu li a.current, .gallery-menu li li a.current, .gallery-menu li li li a.current {font-weight: bold; color: #000;}
.gallery-menu li a.current-up {font-weight: bold;}
.gallery-menu li a:hover {color: #000;}

.gallery-menu li li {border-bottom: 0; margin-left: 4px;}
.gallery-menu li li a, .gallery-menu li li a:visited {padding-left: 30px; background: url("images-losos/arrow.png") 16px 8px no-repeat;}
.gallery-menu li li li {border-bottom: 0; margin-left: 20px;}
.gallery-menu li li li a, .gallery-menu li li li a:visited {padding-left: 30px; background: url("images-losos/arrow.png") 16px 8px no-repeat;}
.gallery-menu li li li li a {padding-left: 15px; background-position: 8px 12px;}
.gallery-menu li li li li li a {padding-left: 15px; background-position: 8px 12px;}



/* Search box
----------------------------------------------- */
#box-search {border: 0; padding: 100px 0 0 0; width: 100%;}
#box-search input.search-input {width: 135px;}

#box-subscribe {border: 0; padding: 25px 0 20px 0; width: 215px;}
#box-subscribe input.subscribe-input {width: 120px;}

#box-search input.search-button, #box-subscribe input.subscribe-button {border:solid 0px #191919; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color: #fff; background: #5b8e6a; font-family: georgia;}
#box-search input.search-button:hover, #box-subscribe input.subscribe-button:hover {background: #5b8e6a; color: #fff;}



/* Anketa
----------------------------------------------- */
.poll {border: 0;}
.poll-sidebar {width: 195px; padding-left: 10px;}



/* Uprava typografie
----------------------------------------------- */
.article {width: 89%; margin-left: 4%;}
.article-social {margin-left: 2%; margin-top: 4%;}



/* Lista
----------------------------------------------- */
.lista {margin-left: 4%; margin-top: 3%; margin-bottom: 20px; padding-bottom: 8px; width: 89%; font-family: georgia; font-weight: bold; font-style: italic; color: #000; border-bottom: 1px dotted #000;}
.lista a, .lista a:visited {color: #000; text-decoration: none;}



/* Thumbnail
----------------------------------------------- */
.thumbnail {width: 155px; height: 170px;}
.thumbnail span {width: 120px;}



/* Mracno klicovych slov
----------------------------------------------- */
#cloud {width: 195px; border: 0; padding-left: 0;}
#cloud a {padding: 0 5px; margin: 0 1px 1px 0; text-decoration: none; font-weight: bold;}



/* Subscribe box
----------------------------------------------- */
#box-subscribe p {font-size: 0.69em; margin: 0; padding: 0 0 8px 0;}



/* Google mapa
----------------------------------------------- */
#map_canvas {height: 800px; width: 94%; margin-left: 3%; margin-bottom: 13px;}
ul#menumap  {margin: 0 0 15px 3%;}
ul#menumap li.mega div {border: 0;}



/* Kontaktni informace
----------------------------------------------- */
#kontakt {padding-left: 2%; width: 38%;}
#kontakt ul li.kontakt-user {background: url("images/kontakt-user.png") 0 4px no-repeat;}
#kontakt ul li.kontakt-email {background: url("images/kontakt-email.png") 0px 6px no-repeat;}
#kontakt ul li.kontakt-phone {background: url("images/kontakt-phone.png") 0 5px no-repeat;}
#kontakt ul li.kontakt-icq {background: url("images/kontakt-icq.png") 0px 5px no-repeat;}
#kontakt ul li.kontakt-skype {background: url("images/kontakt-skype.png") 1px 5px no-repeat;}




/* Alerts
----------------------------------------------- */
.alert-bad, .alert-good, .alert-sql, .alert-info {margin-left: 3%;}



/* Fotografie
----------------------------------------------- */
#image img {margin-bottom: 13px;}
#image #sipky {margin-top: 22px; margin-bottom: 8px;}
#image img.photography {width: 620px; float: left; padding-left: 26px;}

.info {padding: 5px 25px 17px 25px;}
.info h1 {font-size: 1.125em; font-weight: bold; line-height: 1.7em;}



/* Socialni site
----------------------------------------------- */
.article-social {padding-left: 0px;}
.soc {padding-left: 25px;}