/**
 * ZAKLADNI
 */
.clean {clear: both; height: 0; font-size: 0; }
.clear {clear: both; }

.no-screen, hr {position: absolute; left: -500px; top: -500px; }


h1, h2  {padding: 0; color: #F60; font-family: Georgia, "New York CE", utopia, serif; }
h3, h4, h3 a, h4 a  {padding: 0; color: #000; font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif; }
h1, #h1 {margin: 0     0 0.4em 0; font-size: 160%; }
h2      {margin: 1.6em 0 0.4em 0; font-size: 160%; }
h3      {margin: 0.8em 0 0     0; font-size: 140%; }
h4      {margin: 0.4em 0 0     0; font-size: 120%; }

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

a img {border: 0; }
  img {vertical-align: bottom; }

 .blog-img img   {border: 10px solid #FFF; }

 .border-img     {border: 1px solid #F60; margin: 0 auto .7em; padding: 0; }
 .border-img img {border: 9px solid #FFF; }
a.border-img:hover img {border-color: #F60; }

img.hide-email {position: relative; top: -2px; margin: 0; padding: 0; border: 0; }

p {margin: 0; padding: 0 0 0.7em 0; text-align: justify; }
em  {color: #F60; font-style: normal; }
strong  {color: #F60; }
acronym {border-bottom: 1px dotted #F60; color: #000; cursor: help; }


.right {float: right; margin: 0 0 .5em .7em; }
.left  {float: left; margin: 0 .7em .5em 0; }

.align-left   {text-align: left; }
.align-right  {text-align: right; }
.align-center {text-align: center; }


/* 540px */ 
.columns-2 {clear: both; }
.columns-2 .column {margin-left: 2px; float: left; width: 267px; }
.columns-2 .column p {padding-left: 1em; padding-right: 1em; }


form {margin: 0; padding: 0; }
form fieldset {margin: 0; padding: 0; border: none; }
form legend  {display: none; }
/*
form label {text-align: left; }
form label span {display: block; }*/

#f-search {position: absolute; top: 150px; left: 0; width: 550px; }
#f-search h4 {display: none; }
#f-search form {margin: 0; padding: 0; background: #F60 url("pic/area.jpg") no-repeat 0 0; height: 50px; }
#f-search form input   {position: absolute; top: 14px; left:  40px; width: 290px; height: 20px !important; margin: 0 !important; padding: 0 !important; border: none !important; background-color: #FFF !important; border: none !important; }
#f-search form .submit {position: absolute; top: 10px; left: 350px; width:  80px; height: 25px !important; cursor: pointer; }


.portfolio-img {margin: 0 0 0 2.4em; padding: 0; }



.paging {width: 540px; margin: 0; padding: 1.6em 0 0; }
.paging-in {float: right; }
.paging .item {float: left; margin: .4em 0 0 .4em; border: 1px solid #F60; text-align: center; text-decoration: none; color: #F60; background-color: #FFF; }
.paging .item span {display: block; width: 1.6em; line-height: 1.6em; }
.paging span.item {font-weight: bold; }
.paging span.item, .paging a.item:hover {background-color: #FFD9BF; }

.time {font-family: Georgia, "New York CE", utopia, serif; font-size: 1.25em; }





table {
	margin: 7px auto;
	font-size: 80%;
	border-top: 1px solid #AAA;
	border-left: 1px solid #AAA;
}
table th {
	padding: 2px 10px;
	text-align: center;
	background-color: #EEE;
	font-weight: bold;
	color: #F60;
}
table td {
	padding: 2px 10px;
	border-right: 2px solid #CCC;
	border-bottom: 1px solid #CCC;
	text-align: left;
}
table .center {
	text-align: center;
}





/**
 * LAYOUT
 */
body, html {margin: 0; padding: 0; width: 100%; height: 100%; }
body {color: #000; font: 80%/1.5 Verdana, "Geneva CE", lucida, sans-serif; background: #F60 url("pic/page-in.jpg") repeat-x 50% 0; text-align: center; }

#page       {background: url("pic/page.gif")          repeat-y   0  0; width: 900px; margin: 0 auto; text-align: left; position: relative; }
#page-in    {background: url("pic/page-in.jpg")       repeat-x  50% 0; width: 900px; }
#page-in-in {background: url("pic/page-in-in.jpg") no-repeat   100% 0; width: 900px; }

#head {width: 900px; height: 150px; }
#head #logo {margin: 0; padding: 0; position: relative; }
#head #logo a      {position: absolute; top: 0; left: 0; width: 600px; height: 150px; color: #FFF; overflow: hidden; }
#head #logo a span {position: absolute; top: 0; left: 0; width: 600px; height: 150px; background: url("pic/logo.jpg") no-repeat; cursor: pointer; }




#area {float: left; width: 600px; background: url("pic/area.jpg") no-repeat; _height: 350px; min-height: 350px; } /*250 + 100*/
#area-in {margin: 50px 1px 0; padding: 0 29px; background-color: #FFF; }

#area ul {margin: 0; padding: 0 0 .5em 15px; }
#area ul li {margin: 0 0 0 0px; padding: 0 0 .25em 20px; list-style-type: none; background: url("pic/bullet.gif") no-repeat 0 .75em; }
#area ul ul {padding: 0; }

#area form {margin-top: .75em; }
#area form p {clear: both; margin: 0; padding: 0; }
#area form label span {float: left; padding-left: 5px; padding-right: 5px; }
#area form label input, 
#area form label textarea {float: right;  margin-bottom: .75em; width: 398px; _width: 400px; border: 1px solid #BFBFBF;}

#area #message, 
#area .f-rule {clear: both; margin-bottom: .75em; padding: .75em; background-color: #FFD9BF; border: 1px solid #F60; }
#area .f-rule h4 {margin-top: 0; }
#area .f-rule ul {margin: 0; padding: 0; list-style-type: disc; }
#area .f-rule li {margin: 0 0 0 20px; padding: 0; background: none}

#area .f-submit input {padding-left: .75em; padding-right: .75em; }
#area .f-submit input, 
#area .f-checkbox input, 
#area #formantispam input {width: auto; }




#side {float: right; width: 270px; background: url("pic/side.gif") no-repeat 0 270px; } /*250 + 20*/
#side-in {margin: 271px 31px 0 1px; padding: 19px 19px 0; background-color: #FFF; }

#side h4 {clear: both; margin-top: 1em; }
#side p {clear: both; text-align: left; }
#side .left {float: left; margin: .5em 1.5em .5em 0; }

#side ul {margin: 0; padding: 0 0 0 5px; }
#side ul li {margin: 0 0 0 0px; padding: 0 0 .25em 15px; list-style-type: none; background: url("pic/bullet.gif") no-repeat 0 .75em; font-size: 90%; }
#side ul ul {padding: 0; }
#side li a             {text-decoration: none; color: #000; }
#side li a:hover       {text-decoration: underline; }
#side li.menu_active a {color: #F60; }

#side #menu    {margin: 0; padding: 0; }
#side #menu li {margin: 0; padding: 0 0 2px; list-style-type: none; line-height: 2.4em; font-size: 100%; background: none; }
#side #menu li a {text-transform: uppercase; font-family: Tahoma, sans-serif; display: block; width: 200px; background: url('pic/menu.jpg') no-repeat 0 0; text-decoration: none; }
#side #menu li a span {margin-left: 20px; }
#side #menu li a:hover span {text-decoration: underline; color: #F60; }
#side #menu li a:hover, 
#side #menu li.menu_active a {background-position: -200px 0; }




#foot {margin-top: 10px; padding: 50px 300px 50px 0; background: url("pic/foot.gif") no-repeat 0 100%; }
#foot p {margin: 0 1px; padding: 10px 29px 1.6em; font-size: 90%; background-color: #FFF; text-align: left; }
#foot p, #foot a, #foot strong, #foot acronym {color: #7F7F7F; }
#foot a:hover {color: #F60; }









.blog-comment {
}
.blog-comment li {
margin: 0;
padding: 0.75em;
background: url("img/blog-comment.jpg") no-repeat 100% 0;
}

/* ramecky kolem obrazku*/
/*
.blog-w520 {width: 518px; _width: 520px; }
.blog-w395 {width: 393px; _width: 395px; }
*/

#comments {padding-top: 1.6em; background: #FFF url("img/foot.jpg") no-repeat 50% 0; }




code {font-size: 1.1em; text-align: left; color: #999; }



















/**  ZAKLADNI **/
/*
h1, h2, h3, h4 {padding: 0; color: #375777;}
h1, #h1 {margin: 0     0 0.4em 0; font-size: 160%; }
h2      {margin: 1.6em 0 0.4em 0; font-size: 140%; }
h3      {margin: 0.8em 0 0     0; font-size: 120%; }
h4      {margin: 0.4em 0 0     0; font-size: 100%; }

p {margin: 0; padding: 0 0 0.7em 0; text-align: justify; }

a       {color: #375777; }
a:hover {color: #F60; text-decoration: none; }

acronym {border-bottom: 1px dotted #F60; color: #375777; cursor: help; }
strong  {color: #375777; }

form fieldset {
border: none;
}

form legend {
display: none;
}

form label {text-align: left; }
form label span {display: block; }

form input {width: 250px; }
form .submit input {width: auto; }
form .checkbox input {width: auto; }
form #formantispam input {width: auto; }

form textarea {width: 100%; }




.clean {clear: both; height: 0; font-size: 0; }
.clear {clear: both; }

.no-screen, hr {position: absolute; left: -500px; top: -500px; }

.right {float: right; margin: 0 0 20px 20px; }
.left  {float: left; margin: 8px 8px 8px 0; }

.align-right  {text-align: right; }
.align-center {text-align: center; }

img.hide-email {position: relative; top: 2px; margin: 0; padding: 0; border: 0; }

a img {border: 0; }

.columns-2 {clear: both; }
.columns-2 .column {float: left; width: 325px; }


#message {margin-bottom: 0.75em; padding: 0.75em; background-color: #CDD5DD; border: 1px solid #375777; }

form .f-form {margin-right: 25px; float: left; width: 450px; }
form .f-rule {padding: 0.75em; background-color: #FFD9BF; border: 1px solid #F60; }
form .f-rule ul {margin: 0; padding: 0; }
form .f-rule li {margin: 0 0 0 20px; padding: 0; }




#f-search form {margin: 0; padding: 0; }
#f-search fieldset {margin: 0; padding: 0 0 1em; }
#f-search input {width: 90px; }
#f-search .submit {width: auto; }
*/

/*
.gallery {padding: 0.25em 0 0.25em 15px; background: url("img/gallery.gif") no-repeat; }
.gallery img {padding: 3px; height: 100px; width: 100px; }
*/

/*
.blog-comment {
}
.blog-comment li {
margin: 0;
padding: 0.75em;
background: url("img/blog-comment.jpg") no-repeat 100% 0;
}
*/












/*

#page {margin: 40px auto 0; padding-bottom: 40px; width: 920px; text-align: left; }
#page-in {background: #FFF url("img/page.jpg") repeat-y; }
#page-in-in {border: 10px solid #375777; }


#head {float: left; width: 700px; height: 125px; }
#head #logo {margin: 0; padding: 0; position: relative; }
#head #logo-top    {position: absolute; top: -50px; left: -10px; width: 920px; height:  75px; background: url("img/logo-top.jpg")   no-repeat; }
#head #logo a      {position: absolute; top:  25px; left: -10px; width: 660px; height: 100px; background-color: #375777; color: #FFF; overflow: hidden; padding: 0 30px; _width: 720px; }
#head #logo a span {position: absolute; top:   0;   left:   0;   width: 720px; height: 100px; background: url("img/logo.jpg")       no-repeat; cursor: pointer; }
#head #logo-right  {position: absolute; top:  25px; left: 900px; width:  10px; height: 100px; background: url("img/logo-right.jpg") no-repeat; }




#menu {float: right; width: 200px; background: #FFF; }
#menu-in {padding: 25px 10px 0; border-left: 10px solid #375777; }

#menu ul {margin: 0; padding: 0 0 0.75em; }
#menu li {margin: 0; padding: 0 15px 1em; list-style-type: none; }
#menu li.menu_active a {color: #F60; }



#area {float:  left; width: 675px; background: #FFF; }
#area-in {margin: 25px 0 0 25px; }



#plus {float: right; width: 200px; background: #FFF; }
#plus-in {padding: 0 10px; border-left: 10px solid #375777; }

#plus h4 {margin-top: 0; padding-top: 0.4em; }
#plus ul {margin: 0; padding: 0 0 0.75em; }
#plus li {margin: 0 0 0 15px; padding: 0 0 0.25em; list-style-type: none; } /*list-style-type: square;*//*
#plus li.menu_active a {color: #F60; }
#plus p {text-align: left; }
#plus p img {margin-left: 15px; }




#foot {width: 700px; }
#foot p {padding: 50px 25px 0.7em; text-align: center; color: #9BABBB; }
*/















/** EXTRA **/
#advert_freehosting {position: absolute; top: 0; left: 0; width: 100% }
#banan_lista {
    background-color: #375777 !important;
    font-size:        12px    !important;
    height:           20px    !important;
    overflow:         hidden  !important;
}

iframe {/*width: 650px; *//*height: auto; */}

#gallery {margin-right: -10px; }
#gallery-in {text-align: center; width: 180px; height: 180px; }
#gallery img {float: left; margin: 0 10px 10px 0; }