/* @override 
	http://ferovaskola/css/ferovaskola.css
	http://www.ferovaskola.cz/css/ferovaskola.css
	http://ferovaskola.cz/css/ferovaskola.css
	http://localhost:8888/extc2/css/extc.css
	http://extc.cz/css/extc.css
*/

body {
    text-align: center;
    padding: 0;
    margin: 0;
    color: #333;
    font-size: 13px;
    position: relative;
    font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    background: #00101d url('../img/body-bg.gif') repeat left top fixed;
    line-height: normal;


}


img {
    border: none;
}

.img_float_left {
    float: left;
    margin: 12px 12px 12px 0 !important;
}

.img_float_right {
    float: right;
    margin: 12px 0 12px 12px !important;
}


a {text-decoration: none; color: #0085A3;}

#head h3 a:hover {
    text-decoration: none;
    border: none;
}

a:hover {text-decoration: underline; color: #3D9BB3;}

p {	padding: 5px 0;
    margin: 0;
    line-height: normal;    
}

ul, ol {
    margin: 10px 0;
    padding: 0 0 0 20px;
}

ul li {
    padding: 3px 0 3px 0;
}

ol li {
    padding: 0 0 4px 0;
}

table {
    margin: 0;
    padding: 0;
}

table td {
    vertical-align: text-bottom;}
    
    .member-box {
	margin: 0 0 0px 0;
	padding-top: 12px;
}

table.download-list, table#skoly, table#skoly2 {
	width: 100%;

}

table#skoly a, table#skoly2 a {
color: #333;
}

table#skoly td, table#skoly2 td {
	padding: 4px 6px;
	text-align: left;
	vertical-align: middle;
	  background: #eee;
}

table.download-list td {
  background: #eee;
	padding: 3px 5px;
	text-align: left;
	vertical-align: middle;
}

table.download-list  {
margin-top: 15px;}

table.download-list a  {
color: #333;
    background: url('../img/icon_generic.gif') left top no-repeat;
    padding: 1px 0 1px 21px;
    display: block;

}

table.download-list a.pdf  {
    background: url('../img/icon_pdf.gif') left top no-repeat;
    display: block;
}

table.download-list a.pps  {
    background: url('../img/icon_ppt.gif') left top no-repeat;
}

table#skoly .blue, table#skoly2 .blue, table.download-list th {
	background: #4EA0B6;
	padding: 2px 5px;
  color: white;
  font-weight: bold;
  
}

table.download-list .down-1 {
width: 300px;  
}

table.download-list .down-2 {
width: 400px;  
}

table.download-list .down-3 {
width: 20px; 
text-align: center;
padding: 2px;
vertical-align: middle; 
}

table.download-list .down-3 a {
padding: 0;
background: none;
}

table#skoly #name {
width: 230px;
}

table#skoly #cert-date {
width: 90px;
}

table#skoly .hidden td{
    background: #eee;
}


fieldset {
    border:  0;
}

h1 {
    padding: 10px 0 0px 0;
    margin: 0;
	font-size: 22px;
   color: #fff;

}

h2{
    color: #fff;
    /*color: #2d87a5;*/
    padding: 0px 0 5px 0;
    margin: 0;
    text-align: left;
    font-weight: bold;
    font-size: 19px;
}

#poradnamenu h2{
	margin: 10px 0 0 0;
}

h3{
	color: #fff;
    font-size: 15px;
    padding: 0 0 8px 0;
    margin: 0;
    text-align: left;
    font-weight: bold;
}

h4 {
    color: #3BA6CA;
    font-size: 15px;
    padding: 5px 0 5px 0;
    margin: 0;
    text-align: left;
    font-weight: bold;
}

h5 {
    font-size: 13px;
    padding: 0;
    color: #202020;
    font-weight: bold;
    margin: 10px 0 10px 0;
}

h6 {
    font-size: 11px;
    padding: 0;
    font-weight: normal;
    margin: 7px 0 7px 0;
}

h2.publishers {
    color: #D96C2C;
    font-size: 15px;
    padding: 10px 0 7px 0;
    margin: 0;
    text-align: left;
    font-weight: bold;
}

.dropdown h2 {
	padding: 0;
}

#search-results h2 {
    background: url(../img/z.gif) no-repeat left 8px;
    padding: 7px 0 5px 29px;
    margin-bottom: 10px;
    font-size: 17px;
color: #333;
}

.info {
	    background: url(../img/info.gif) no-repeat left center;
}

#content span.info, #content span.lupa {
	color: #636363;
	padding-left: 15px;
}

.lupa {
	    background: url(../img/dal.gif) no-repeat left center;
}

#search-results span.info {

    padding: 7px 0 5px 18px;
    font-style: italic;
    float: right;
    font-size: 12px;
    font-weight: normal;
    color: #555;
}

.result-box {
border-bottom: 1px dotted #ccc;
margin: 0px 0 5px 0;
padding: 0 0 6px 0px;
font-size: 12px;
}

.result-box h3 a {
	color: #fff;
}

.result-box p {
padding-top: 3px;
}

.result-box h3 a:hover {
/*color: #fff*/
}

.result-box h3 {
padding: 5px 0 0 0;
font-size: 14px;
margin: 0;
}




.clear{
	
    clear: both;
    display: block;
    height: 0;
    font-size: 1px;
    overflow: hidden;
}

.error {
    background: #bf1503 url('../img/error-bg.png') left bottom repeat-x;
    padding: 5px 0;
    color: #fff;
    text-align: center;
    margin: 3px auto 0 auto;
}

.success {
    background: #a6cd22 url('../img/success-bg.gif') left bottom repeat-x;
    padding: 5px 0;
    color: #fff;
    text-align: center;
    margin: 3px auto 0 auto;
}

#page {
    width: 980px;
    position: relative;
    /*position: fixed;
    bottom:0;*/
    text-align: left;
    margin: 0 auto;
	 background: #67a0b3 /*url('../img/page-bg.jpg')*/ bottom no-repeat;


}


/* HEAD */
#schnitzel {

}

#centerbox {
	  width: 990px;
    margin: auto;
    border: none;
    position: fixed;
        position: absolute;
    z-index: 300;

}

#head {
    height: 145px;
    width: 991px;
	position:relative;
    top: 0;
    left: -14px;
    background: #fff url('../img/topshadow.jpg') top repeat-x;
    z-index: 150;



}

a#filter-btn {
	color: #fff;
}

#slogan {
    position: absolute;
    right: 7px;
    top: 70px;
}

#head h3 {
    position: absolute;
    width: 193px;
    height:158px;
    overflow: hidden;
    margin: 0;
    padding: 0;
    top: 0px;
    left: 0px;
}

#head h3 a {
    cursor: pointer;
    display: block;
    color: #000;
    height: 100%;
    line-height: 300px;
    width: 100%;
    font-size: 6px;

}

#head h3 span{
    display: block;
    position: absolute;
    background: url(../img/logo.jpg) no-repeat left top;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#lang {
    display: none;
    position: absolute;
    right: 7px;
    top: 82px;

}

#lang a {
    color: #867d74;
    font-size: 12px;
    padding: 0 7px;
}

#lang a:hover, #lang a.active {
    color: #00418a;
}



/* MENU */

#menu {
    text-align: left;
    height: 110px;
	margin-left: 200px;
	padding-left: 50px;
    position: relative;
}

#rightshadow {
	width: 21px;
	height: 145px;
	background: url('../img/rightshadow.jpg') no-repeat top right;
	position: absolute;
	right: -19px;
	top: 0;
}



/* DROPWODN menu */

.dropdown {
    float: left;
    padding: 15px 0 0 0;
    height: 110px;
    position:relative;
	z-index:100;

}

.dropdown a, .dropdown a.active {
    display: block;
    text-decoration: none;
    /*text-align: left;*/

    padding: 104px 0px 6px 0;
    font-size: 16px;
    font-weight: bold;
    border: none;
    /*width:100px;*/
    text-align: center;
	color: #191919;
}

.dropdown a:hover {
	color: #3D9BB3;
}

.dropdown div a:hover {
    color: #fff;
    /*background: #f76c09;*/
    background-color: #D96C2C;
}

.dropdown a:hover, .dropdown a.active {
color:#3D9BB3;
}

.dropdown ul {
    position: absolute;
    overflow: hidden;
    display: none;
    padding: 0 0 0 0;
    margin:0 0 0 38px;
    background: #b8d7e0;
	opacity: 0.8;
}

.dropdown ul li {
    color: #fff;
    float: none;
    padding: 0;



}

.dropdown ul li a {
    color: #333;
    float: none;
    display: block;
    font-size: 13px !important;
    padding: 4px 10px 4px 12px;
    margin: 0 0 0 0;
    text-decoration: none;
	text-align: left;
    z-index:100;
    position:relative;
}

.dropdown ul li a {
    color: #000;

}

.dropdown ul li a:hover {
color: #fff;
background: #003d56;
}


.dropdown .underline {
    border-bottom: none;
    width: 150px;
}


a#dd1-ddheader, a#dd2-ddheader, a#dd3-ddheader, a#dd4-ddheader {
	width:100px;
    padding-left: 15px;
    padding-right: 15px;


}

a#dd1-ddheader{
	background: url(../img/drogy.jpg) top no-repeat;
}


a#dd2-ddheader{
	background: url(../img/rizika.jpg) top no-repeat;
	
}

a#dd3-ddheader{
	background: url(../img/zdravi.jpg) top no-repeat;

}

a#dd4-ddheader{
	background: url(../img/parties.jpg) top no-repeat;


}

a#dd5-ddheader{
padding: 105px 30px 5px 20px;
margin-left: 20px;

}

/* LEFT */


#right {
    float: left;
    margin-left: 15px;
    padding: 10px 0 0 0;
    text-align: left;
    line-height: normal;
    font-size: 12px;
    width: 250px;
    color: #000;
}


#search form {
	width: 173px;
    padding: 0;
    margin: 4px 0 10px 0;
    line-height: normal;
}



#search div {
   	width: 173px;
   	height: 21px;
    border: 1px solid #a0cfdd;
    line-height: normal;
    margin: 0;
    padding: 0;
    color: #fff;
    position: absolute;
    right: 20px;
    top: 50px;
    z-index: 500;
}

#search #find-box {
    width: 144px;
    background: url(../img/searchbox-bg.png) left top repeat-x;
    border: none;
    position: absolute;
    top: 0;
    height: 15px;
    left: 0;
    padding: 3px;
    }

#search #find {
    width: 23px;
    height: 21px;
    position: absolute;
    top: 0;
    right: 0;
    border: none;
    cursor: pointer;
    text-align: center;
    color: #fff;
    background: #a6ccd7;
}

#search #find.ok {
    background: url(../img/butt-find.png) left top no-repeat;
}

#search #find.ok_h {
    background: url(../img/butt-find.png) left bottom no-repeat;
}

.searchterm {
	color: #d8d8d8;
}
#quick-contact{
    background: #fff;
    font-size: 12px;
    padding: 10px 12px;
    margin-bottom: 20px;
}


a.more {
    background: url(../img/arrow.gif) left center no-repeat;
    padding: 2px 0 2px 22px;
    margin-top: 3px;
    display: block;
}

a.show-dictionary {
    background: url(../img/arrow.gif) left center no-repeat;
    padding: 2px 0 2px 21px;
    margin-top: 3px;
    display: block;
    color: #bbb;
    font-size: 12px;
}

a.show-dictionary:hover {
    color: #999;
}

#quick-contact a:hover, #action-product a:hover {
    text-decoration: underline;
}

#action-product{
    background: #fff;
    font-size: 12px;
    padding: 2px 12px 12px 12px;
}

#action-product-price{
    margin-top: 5px;
    padding: 0px;
}


#action-product img{
    float: left;
    width: 90px;
    padding-right: 10px;
}


#action-product h2{
    font-size: 15px;
    color: #ff6633;
    font-weight: normal;
    text-transform:uppercase;
}

#action-product-text{
    float: left;
    width:120px;
}

#action-product-link{
    font-weight: bold;
    min-height: 25px;
    display: block;
}


#ecowater {
	margin-top: 25px;
}

#ecowater h2 {
	margin: 0;
	padding: 0 0 3px 0;
	font-weight: normal;
	font-size: 14px;
}

#ecowater p {
  background: url(../img/ecowater_logo.png) no-repeat left 10px;
  padding-left: 105px;
}


/* FOTOGALERIE */

.album-box {
    width: 114px;
    /*height: 162px;*/
    overflow: hidden;
    margin-right: 12px;
    text-align: center;
    float: left;
    padding: 5px 6px;
    font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;

    /*background: url(../img/program-bg.gif) repeat-x -1px top;*/
}

.album-box .img-box {
    margin: 0 auto;
    /*padding: 1px;*/
    width: 110px;
    display: block;
    overflow: hidden;
    border: 1px solid #ccc;
}

.album-box .img-box:hover {
    border: 1px solid #ccc !important;
}

.album-box .img-box img {
    display: block;
}

.img-text h4  {
    padding: 0;
    font-size: 12px;
    font-weight: normal;
    text-align: left;
    margin: 3px 1px;
    text-transform: none;
    letter-spacing: 0;
}

.img-text h4 a  {
    /*color: #666 !important;*/
    color:#fff;
}

#photos h3 {
    text-transform: uppercase;
    margin: 10px 0 5px 0;
}

#photos .photo-info{
    float: right;
    text-transform: lowercase;
    padding: 10px 0 0 0;
    color: #555;
    font: normal 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#photos .photo-info .date{
    background: url(../img/time.gif) no-repeat left center;
    padding-left: 18px;
    margin-left: 10px;
    font-size: 12px;
}

.photos {
    background: url(../img/photos.gif) no-repeat left 2px;
    padding: 0px 0 0 18px;
    color: #b6b6b6;
    display: inline;
}

a#add-photo {
    background: url(../img/button.gif) repeat-x left top;

    color: #fff;
    height: 22px;
    font-family: "Garamond", Georgia, "Times New Roman", Times, serif;
    font-size: 12px;
    text-transform: uppercase;
    text-align: center;
}

a#add-photo:hover {
    background-position: left bottom;
    text-decoration: none;
}

.photo-box {
    float: left;
    margin: 10px 11px 0px 0;
    overflow: hidden;
}

.photo-box a img {
    border: 1px solid #ccc;
    /*padding: 1px;*/
}

.photo-box a.down {
    float: none;
    padding: 0 0 0 15px;
    border: none;
    font-size: 11px;
    color: #888 !important;
    background: url(../img/down.gif) no-repeat 2px 2px;
}

.photo-box a.down:hover {
    float: none;
    padding: 0 0 0 15px;
    border: none;
    font-size: 11px;
    background: url(../img/down.gif) no-repeat 2px -16px;
}

.photo-box a:hover img {
    border: 1px solid #777;
    /*padding: 1px;*/
}

.photo-box img {
    display: block;
    background: url(../img/loader.gif) no-repeat center center;
}

/* BANNER */

#banner-2 {
    height: 234px;
    background: url('../img/banner.jpg') left top no-repeat;
    clear: both;
}

#banner {
    height: 152px;
    background: url('../img/banner2.jpg') left top no-repeat;
    clear: both;
}

/* LEFT MENU */

#leftmenu {
	background: url('../img/leftmenu-bg.png') top no-repeat;
	width: 249px;
	height: 321px;
	/*float: left;*/
    position: absolute;
    z-index: 1260;
    top: 145px;
	left: -14px;		
}

#leftmenu h2 {
		text-align: center;
		padding-top: 50px;
		margin-left: 15px;
	    z-index: 150;
}

#leftmenu h2 a{
	color: #191919;
	font-size: 110%;
	display: block;
	width: 200px;
	height:150px;
	padding-top:115px;
	background: url(../img/poradna.jpg) no-repeat center top;
	    z-index: 100;
}

#leftmenu h2 a:hover {
	text-decoration: none;

	color: #3D9BB3;
		    z-index: 250;
}

#leftmenu h2 a.vlozit{
		background: url(../img/vlozitdotaz.gif) no-repeat center top;
	}
	
#leftmenu h2 a.vlozit:hover {
	text-decoration: none;
/*color: #fff;*/
	color: #A5E100;
}

#contentshadow {
    position: absolute;
    top:145px;
    left: 234px;
	height: 19px;
	width: 521px;
    background: url('../img/contentshadow.png') top repeat-x;
    z-index: 40	;


}
/* CONTENT */



#content {
    line-height: normal;
    padding: 160px 20px 40px 20px;
    width: 479px;
    min-height: 390px;
    _height: 390px;
    text-align: justify;
    position: relative;
    /*position: static;*/
    float: left;
    left: 216px;
z-index: 1;
    /*top: 145px;*/


}
#poradnamenu {
 min-height: 210px;
    _height: 210px;
	
}


#dotazyvse {
	width: 700px;
	position: relative;
	left: -100px;
}

/*#content p {
	color: #333;
font-size: 12px;
font-weight: normal;
}*/


#content-articles {
    line-height: normal;
    padding: 0;
    margin-left: 3px;
    margin-top: 60px;
    float: left;
    width: 777px;
    text-align: justify;
    min-height: 480px;
    _height: 500px;
    background: #fff;
    position: relative;
    text-align: justify;
    font-size: 12px;
}

#content-home {
    line-height: normal;
    padding: 73px 0px 15px 15px;
    margin: 0 auto;
    float: left;
    width: 765px;
    text-align: justify;
    min-height: 480px;
    _height: 500px;
    background: #fff;
    position: relative;
    background: url('../img/content-bg.jpg') left bottom repeat-x;
    text-align: justify;
    font-size: 12px;


}

.content-text {
    padding: 0 0px 0 0;
    font-size: 12px;
}

.content-text .float-imgs{
  float: right;
  width: 150px;
  padding: 0 0 5px 10px;
}


.content-text #dotaz textarea {
    width: 350px;
    float: left;
    height: 150px;
    margin-top: 5px;
    margin-right: 18px;

}


#regfield {
}

#regfield #reg-1 p{
    width: 245px;
    position: relative;
}

#regfield #reg-2 p{
    width: 275px;
    position: relative;
}

#regfield input, #regfield select {
    width: 170px;
    position: absolute;
    right: 0;
    top: 2px;
}

#regfield input#submit, #regfield input#cancel {
    width: auto;
    position: relative;
    float: right;
}

#regfield .radio {
    width: 170px;
    position: absolute;
    left: 85px;
}

#regfield #reg-1, #regfield #reg-2 {
    float: left;
    width: 300px;
}




#content a.page-link {
    /*display: block;*/
    text-transform: uppercase;
        color: #D96C2C;

}

#content a.page-link:hover {
    text-decoration: none;

}


.article-link {
border-bottom: 1px dotted #ccc;
margin: 5px 0 10px 0;
padding: 0 0px 12px 0px;
font-size: 12px;
}

.article-link .img-link{
  float: left;
  margin: 0 5px 5px 0;
}

.article-link .read-more {
display: block;
padding: 5px 0 0 0;
width: 150px;
}

.article-link h3 {
    padding: 5px 0 7px 0px;
    margin: 0;
    font-weight: bold;
    text-align: left;

}

#content-articles .content-text {
    display: none;}

#content-articles .article-link h3 {
    font-weight: bold;
    font-size: 13px;
    text-transform: uppercase;
    padding: 20px 0 0 0;

}

#content-articles .article-link a.read-more{
    padding: 0;
    float: right;
    font-style: italic;
}

#content-articles .article-link h3 a{
    padding: 0;
    color: #67645b;
    text-align: left;
}

#content-articles .article-link h3 a:hover{
    color: #00418a;
}

#content-homepage {
    width: 757px;
    padding: 0;
    min-height: 450px;
    float: left;
    _height: 450px;

    position: relative;
    margin-left: 3px;
    text-align: justify;
}

#content-in {
    width: 717px;
    padding: 5px 25px 25px 38px;
    min-height: 450px;
    float: left;
    _height: 450px;
    position: relative;
    margin: 0;
    text-align: justify;
}

#content-in h1 {
    position: absolute;
    top: -60px;
    right: 0;
 }

#gears {
    margin: 5px 0 20px 0;
}

.catalog-box {
    padding: 5px 0 15px 0;
}

.catalog-box .foto {
    float: left;
    width: 180px;
}

.catalog-box .popis {
    padding: 0;
    float: left;
    width: 455px;
    display: block;
}

.catalog-box h3 {
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    padding:  0 0 6px 0;
}

.catalog-box p {
    line-height: 155%;
}

.catalog-box img {
    float: left;
    margin: 3px 12px 8px 0;
}

#order_form { 
    font-size: 14px;}

.delivery {
    text-align: right;
    padding: 7px 0;
}

#order_form img { 
    height: 28px;
    position: relative;
    top: 8px;
    margin-right: 10px;
}


#order p {
    padding: 0;
}

#order p span {
    float: right;
    padding-top: 10px;
}

.gotoorder {
    background: #113355;
    position: absolute;
    top: 15px;
    right: 0;
    color: #fff;
    padding: 3px 5px;
}

.gotoorder:hover {
    background: #113355;
    position: absolute;
    top: 14px;
    right: -1px;
    color: #fff;
    padding: 4px 6px;
}

.total {
    text-align: right;
    padding: 0px 0;
}

.contactform  {
    float: left;
    width: 315px;
}

.contactform p {
    width: 90px;
    font-size: 13px;
    position: relative;
    text-align: right;
}

.contactform p input {
    width: 220px;
    margin-left: 5px;
    position: absolute;
    top: 1px;
    left: 90px;
}

.contactform p textarea {
    width: 224px;
    height: 70px;
    margin-left: 5px;
    position: absolute;
}

#order_form input.pcs { 
    width: 20px;
    margin-left: 5px;
    text-align: right;
}

#sidebar {
    width: 241px;
    margin-bottom: 254px;
    float: right;
    text-align: left;

    position: absolute;
    z-index: 50;
    top: 145px;
	right: -6px;

}

#sidebar1{
	height: 99px;
	background: url('../img/sidebar1.png') top right no-repeat;
	position: relative;

}

#sidebar1 a img {
	/*position: absolute;
	top: 15px;
	right: 35px;*/
	margin: 20px 0 0 145px;
}
#sidebar2{
	background: url('../img/sidebar2.png') repeat-y right center;
    /*padding: 0 25px 0 50px;*/
    min-height: 180px;
    _height: 180px; /*IE SUCKS*/
}
#sidebar3{
	height: 38px;
	background: url('../img/sidebar3.png') top right no-repeat;
}


#llpside {
	background: url(../img/llpside.gif) no-repeat 77px top;
	height: 48px;
	width: 175px;
	display: block;
	padding: 10px 0 0 3px ;
	font-size: 12px;
	color: #333;
}

#llpside:hover {
	color: #0072BA;
	text-decoration: none;
}

#barfoto img {
  border: 1px solid #e2e2e2;
  padding: 1px;
  display: block;
}

#barfoto:hover img {
  border: 1px solid #bbb;
  padding: 1px;
  display: block;
}

#sidebar h4 {
	margin: 0;
	padding: 15px 0 5px 0;
	font-size: 15px;
	color: #333;
}




/*.odkazy h3 {
		margin-bottom: 10px;
		font-size: 13px;
		font-weight: normal;
}

a.pravidla {
	 background: #fff url(../img/PoradnaSide-bg1.jpg)  no-repeat right bottom;
}

a.kodex {
	 background: #fff url(../img/PoradnaSide-bg2.jpg)  no-repeat right bottom;
}

a.kdoodpo {
	 background: #fff url(../img/PoradnaSide-bg3.jpg)  no-repeat right bottom;
}*/

.odkazy p{
	color: #5d5d5d;
	display: block;
padding:0 10px 10px 50px;
font-size: 11px;
}

.odkazy h3 {

float: right;	display: block;
	width: 204px;
	height: 49px;
	text-align: center;
position:relative;
padding: 0;

}


.odkazy h3 a {
		color: #000;
padding-top: 15px;
		font-size: 14px;
		font-weight: normal;
		position: relative;
		top: 8px;
}

.odkazy h3 a:hover {
		color: #fff;
		text-decoration: none;
}

h3.pravidla {
	 background: #fff url(../img/PoradnaSide-bg1.jpg)  no-repeat right bottom;
}

h3.kodex {
	 background: #fff url(../img/PoradnaSide-bg2.jpg)  no-repeat right bottom;
}

h3.kdoodpo {
	 background: #fff url(../img/PoradnaSide-bg3.jpg)  no-repeat right bottom;
}






#cloud {
  width: 159px;
  padding: 7px;
  text-align: center;
  margin-bottom: 0px;
  background: #e7e8e9 url(../img/sidebar-box.jpg)  repeat-x left top;
  border: 1px solid #e2e2e2;
}

#cloud a {
color: #3e3e3e;
font-size: 14px;
padding: 0 2px;
}

#cloud a.lvl1 {
color: #444;
font-style: italic;
font-weight: bold;
font-size: 13px;
}

#cloud a.lvl2 {
color: #444;
font-size: 11px;
}

#cloud a.lvl3 {
color: #444;
font-size: 13px;
}

#cloud a.lvl4 {
font-style: italic;
font-size: 14px;
}

#cloud a.lvl5 {
font-style: italic;
font-weight: bold;
font-size: 12px;

}


#cloud a:hover {
color: #000;
}


a.rss {
    background: url(../img/rss.jpg) left top no-repeat;
    padding: 3px 0 10px 25px;	
    margin-top: 10px;
    display: block;
    color: #a0a0a0;
}

a.rss:hover {
color: #f76c09;
text-decoration: none;
}

a.rss span {
color: #f76c09;
}

#sidebar h2 {
    font-size: 12px;
    font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    margin: 0;
    padding: 20px 0 2px 0;
    color: #4d4d4d;
    font-weight: normal;
    font-style: italic;
}




#login-box {
    background: url(../img/box-bg.gif) repeat-y;
    font-weight: bold;
    font-size: 11px;
    padding: 15px 0px 8px 10px;
}

#login-form {
    padding: 0;
    margin: 0 0 7px 0;
}

#contact-box p {
    padding: 0 0 1px 0;}

#contact-box {
    background: url(../img/box-bg.gif) repeat-y;
    font-size: 12px;
    padding: 10px 0px 10px 10px;
}

#contact-box .info {

    font-size: 11px;
    padding: 0 0px 2px 18px;
    margin-top: 5px;
    display: block;
    color: #555;
}

#contact-box .info:hover {
    color: #444;
}

#login-box fieldset {
    border: none;
    padding: 0;
    margin: 0;
}

#login-box .p-form {
    position: relative;
    text-align: right;
    width: 55px;
    padding: 6px 0;
    font-weight: bold;

}

#login-box .p-form input {
    width: 136px;
    position: absolute;
    left: 64px;
    top: 2px;
}

#login-box input.login {
    background: url(../img/log-butt.png) no-repeat left top;
    color: #fff;
    border: none;
    display: block;
    width: 141px;
    height: 23px;
    padding: 0;
    margin: 3px 0 0 65px;
}

#login-box input.login_hover {
    background: url(../img/log-button.png) no-repeat left bottom;
    color: #fff;
    cursor: pointer;
    border: none;
    width: 141px;
    height: 23px;
    padding: 0;
    margin: 3px 0 0 65px;
}

.zaslat-heslo {
    background: url(../img/pswd.png) no-repeat left 3px;
    padding: 5px 0 5px 21px;
    color: #494949;
    width: 190px;
    display: block;
    font-weight: normal;
    font-size: 11px;
}

.zaslat-heslo:hover {
    background: url(../img/pswd.png) no-repeat left -21px;
    color: #000;
    text-decoration: none;
}

#home-text {
    padding-bottom: 15px;
    color: #333;
    font-weight: normal;
}

#home-text a {
    color: #D96C2C;
}

#home-text h1 {
    /*color: #2d87a5;*/
    font-size: 24px;
    padding: 0;
    margin: 0;
    display: inline;
}



#home-articles {
    padding: 15px;
    margin: 5px 0 20px 0;
    height: 170px;
    background: url(../img/infobox-bg.png) left top repeat-x;
}

#news {
    min-height: 430px;
    _height: 430px;


}


.person-box  {
    padding: 0 15px;}

.person-box p  {
    padding: 0;
    font-size: 12px;
    padding-bottom: 10px;
}

.person-box h3  {
    color: #67645b;
    display: block;
    margin: 0;
    padding: 0;
    font-weight: bold;
}

.person-box h3 a {
    display: block;
    font-weight: bold;
    color: #00418a;
}

.person-box h3 a:hover {
    color: #00418a;
    text-decoration: underline;
}




.anot-text {
    float: left;
    width: 480px;
    padding: 2px 0 0 0;
    line-height: 16px;
    text-align: justify;
}


.news-box  a.read-more {
    font-style: italic;}


.news-archive {
    background: url(../img/clock2.png) left center no-repeat;
    padding: 2px 0 2px 18px;
    margin-top: 0px;
    display: block;
    color: #fff;
    font-size: 12px;
}


.link {
    background: url(../img/link.gif) no-repeat 0px 5px;
    padding-left: 13px;
    float: right;
    display: block;
}


#article-text{
    width: 781px;
    padding-top: 24px;
    background: url('../img/news-gradient.jpg') left bottom repeat-x;
}



#article-in{

}

#article-in #article-pics {
    width: 245px;
    padding-top: 0px;
}

#article-in #clanek {
    padding-top: 0px;

}

#person-text{
    width: 745px;
    padding-top: 0px;

}

#person-text a.back {
    padding-left: 550px;
}

#article-pics {
    width: 160px;
    float: left;
    margin: 0 30px 0 2px;

}

#article-pics img {
    display: block;
    margin: 0 0 4px 0;
}

#person-text #article-pics img {
    display: block;
    width: 165px;
    margin: 0 0 4px 0;
}

#article-pics a:hover {
    border: none;
}


#clanek  {
    display: block;
    margin-bottom: 5px;
}

#clanek h2{
    color: #67645B;
    padding-bottom: 3px;
    padding-top: 0;
}

#clanek h2 .date{
font-weight: normal;
font-size: 12px;
}


#clanek .date {
    float: right;
    background: url(../img/time.gif) no-repeat left 5px;
    color: #555;
    font-weight: normal;
    font-size: 11px;
    display: block;
    padding: 4px 0 3px 17px;
    position: absolute;
    right: 0;
    top: 25px;
}




.back, .back2arts, .page-back {
    background: url(../img/zpet.gif) left center no-repeat;
padding: 2px 0 2px 20px;
    display: block;
    width: 190px;
    font-size: 13px;
    margin-top: 15px;
}

.back {

    letter-spacing: 0;
}


.article-box-first {
    /*background: #EBEBEB;*/
    margin: 0;
    padding: 10px 10px 10px 10px;
    margin: 15px 0 10px 0;
    background: #FEFAD6;
    border: 1px solid #E8E19E;
}

#file_filter {

}

.article-box-first {
    /*background: #EBEBEB;*/
    margin: 0;
    padding: 10px 10px 5px 10px;
    margin: 15px 0 10px 0;
    background: #FEFAD6;
    border: 1px solid #E8E19E;
}


.article-box-first h3 {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
}

.article-box-first img {
    float: left;
    margin-right: 15px;


}

#sidebar .article-box-first h3 {
    font-size: 12px;
    text-transform: none;
    padding: 0;
    margin: 0;
}

#sidebar .article-box-first p {
    font-size: 12px;
}

.article-box {
    /*background: url(../img/program-bg.gif) repeat-x -1px top;
    margin: 0;*/
    margin: 0 0 30px 0;
}


#sidebar .article-box h3 {
    margin: 0;
    display: block;
    font-size: 14px;
    padding: 0 0 3px 0;
}

#sidebar .article-box p {
    font-size: 12px;
}

.article-box img {
    float: left;
    margin-right: 15px;
    height: 100px;

}

.article-box h3 {
    margin: 0;
    display: block;
    font-size: 16px;
    padding: 0 0 3px 0;
}

.article-box .date {
    margin: 0;
    display: block;

}




/* P A T A */
#fixedback, #fixedback2{
	height: 305px;
    width: 980px;
    position: relative;
    position: fixed;
    bottom:0;
    /*text-align: left;*/
    margin: 0 auto;
	 background: #67a0b3 url('../img/page-bg.jpg') bottom no-repeat;
}

#fixedback2 {
	 background: #67a0b3 url('../img/page-bgporadna.jpg') bottom right no-repeat;
	 	
}

#footcenterbox {
		  width: 990px;
    margin: auto;
    border: none;
    position: fixed;
        /*position: absolute;*/
      	bottom: 0;  
    z-index: 300;

	
}
#foot {
	position: absolute;
	      	bottom: 0; 
	/*position: fixed;*/

border-top:1px solid #7f7f7f;
	left: -15px;
    color: #B1B1B1;
    font-size: 10px;
    width: 1010px;
    height: 24px;
background: #fff url('../img/foot-bg.jpg') right top no-repeat;
z-index:110;

} 

a#foot-left {
	    background: url('../img/foot-bg-l.jpg') left top no-repeat;
	    height: 100%;


}

#foot a {
    text-decoration: none;
    color: #bbb;
    font-size: 11px;
    padding: 6px 0 0 10px;
margin-bottom: 103px;
} 

#foot a:hover {
    color: #0072BA;
    cursor: pointer;
}

#foot #que:hover {
    color: #f47c20;
}


#foot #foot-left { 
    float: left;
    width: 200px;
    text-align: left;
     margin: 0;
    
}


#foot #que { 
float: right;
background: url(../img/grafique.gif) right 3px no-repeat;
width: 300px;
text-align: right;
height: 15px;
margin-right: 5px;
padding: 4px 22px 0 0;
}

#kontakt p {
    padding: 0;
    margin: 0;
}

#kontakt h1 {
    text-transform: uppercase;
    margin: 0;
    padding: 5px 0 20px 0;
    font-size: 20px;
    font-weight: normal;
}

#kontakt h2 {
    text-transform: uppercase;
    margin: 0;
    padding: 5px 0 15px 0;
    font-size: 19px;
    font-weight: normal;
}

#kontakt h3 {
    font-size: 14px;
    letter-spacing: 1px;
    padding: 0;
    font-weight: normal;
    text-transform: uppercase;
    font-style: italic;
    margin: 5px 0 10px 0;
}

#kontakt strong {
    font-size: 14px;
    display: block;
    padding: 4px 0 2px 0;
    letter-spacing: 1px;
}

#kontakt em {
    display: block;
    padding: 0 0 8px 0;
    letter-spacing: 0;
}


#kontakt-table {
    padding: 0;
    margin: 0 0 410px 0;
}

#kontakt-table td {
    padding: 0 20px 0 0;}


#map {
    margin-top: 5px;
        width: 490px;
    float: left;

    }

#map iframe {
    width: 490px;
    height: 300px;
    padding: 1px;
    background: #fff;
    border: 1px solid #a3a3a3;
}

#kontakt-text div {
float: left;
width: 170px;
}

#centrum {
    width: 230px;
    float: right;
    padding-top: 15px;
}


#centrum h3 {
    padding-top: 0;}

#map-centra {
    width: 450px;
    height: 365px;
    float: left;
    border: 1px solid #a3a3a3;
    padding: 1px;
    background: #fff;
    margin-top: 15px;
}

#map-centra iframe {
    width: 450px;
    height: 365px;
}
#dotaz {
	padding: 15px 0;
	float: left;
	width: 700px;
}

a#zoom-map {
    background: url(../img/zoom.gif) no-repeat left 2px;
    font-size: 11px;
    padding-left: 15px;
    margin: 5px 0 20px 0;
    display: block;
    width: 150px;
    color: #333 !important;
}

#full-article{
    display: none;
}

.product-box{
    margin-bottom:20px;
}

.product-box-text{
    float:left;
    width: 530px;
}


.product-box img {
    width: 145px;
    float:left;
    margin-right:10px;
    border: 1px solid #c5c5c5;
    padding: 1px;
}

#prod-img {
padding-top: 10px;
display: block;
    float:left;
    margin-right:10px;
    width: 200px;

}

#prod-img img{
    border: 1px solid #c5c5c5;
    padding: 1px;
}

#prod-text {
    float:left;
    width: 455px;
    margin-left: 10px;
    padding: 0;

}

#prod-text #price span {
font-weight: bold;
}

.product-box h2{
    padding: 3px 0 3px 0px;
}

.homepage-article-box{
    width: 310px;
    float: left;
    padding: 0px 10px 5px 10px;
}

.homepage-article-box img{
    width: 38px;
    height: 27px;
    position: relative;
    top: 2px;
}

.homepage-article-box h2{
    display: inline;
    padding-left: 4px;
    font-weight: normal;

}

.homepage-article-box h2 a{

}




#video {
    float: left;
}

#news-box {
    background: url(../img/infobox-bg.png) left top repeat-x;
    padding: 0 0 15px 20px;
    width: 435px;
    float: left;
    color: #fff;
}


#news-box h2{
    color: #222;
    /*background: url(../img/nadpis-news.png) left top no-repeat;*/
    font-weight: normal;
    text-transform: uppercase;
    font-size: 16px;
padding: 10px 10px 25px 10px;
margin-top: 0px;
position: relative;
left: -3px;
    font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;


}

.news-box{
    margin-bottom: 12px;
    width: 420px;

}

.news-big-box{
    margin-bottom: 15px;
    width: 755px;
    float: none;
    padding: 10px 0;
border-bottom: 1px dotted #ccc;
}

.news-big-box .news-box-text{
    margin-bottom: 15px;
width: 700px;
    float: left;
    padding-left: 13px;
}

.news-box-date{
        background: url(../img/date-bg.png) no-repeat;
        width: 35px;
        height: 40px;
        text-align: center;
        line-height: 11px;
        float: left;
        margin-top:0px;
}

.news-big-box .news-box-date{
        background: url(../img/date-bg.png) no-repeat;
        width: 35px;
        height: 40px;
        text-align: center;
        line-height: 11px;
        float: left;
        margin-top:3px;
}

.news-box-date span{
    position: relative;
    top: 11px;
    font-size: 10px;
    font-family: sans-serif;
    color: #000;
    font-weight: normal;
}

.news-box-text{
    padding-left: 9px;
    float: left;
    width: 370px;
    text-align: left;
}

.news-box-text p {
	font-size: 12px;
}

.news-box-text a{
color: #999;}

.news-big-box .news-box-text a{
color: #0085A3;}

.news-big-box .news-box-text h3 {
font-size: 14px;
padding: 0 0 6px 0;
font-weight: bold;
}

.news-big-box .news-box-text h3 a{
color: #333;
}

.news-big-box .news-box-text h3 a:hover{
color: #0085A3;
}

.news-box-text p, .news-box-text h3{
    padding: 0;
    margin: 0;
    line-height: 14px;
}

.news-box h3 {
    padding: 0 0 2px 0;
    margin: 0;
    font-size: 12px;
    font-weight: bold;
}

.news-box h3 a {
    display: block;
    color:#333333;
}

.news-box h3 a:hover {
    color: #000;
    text-decoration: underline;
}

#blog-box {
margin-top: 10px;
padding: 0 10px 10px 10px;
}


#donors {
margin-top: 0px;
padding: 0 0px 5px 10px;
width: 530px;
float: left;
}

#partners {
margin-top: 0px;
padding: 0 0px 5px 20px;
width: 178px;
float: left;
}

#donors h5 {
	margin: 0;
	padding: 15px 0 10px 0;
}

#partners h5 {
	margin: 0;
	padding: 15px 0 0px 0;
}

#blog-foto {
width: 215px;
float: left;

}

#blog-foto a img {
border: 1px solid #e2e2e2;
padding: 1px;
}

#blog-foto a:hover img {
border: 1px solid #cacaca;
}

#blog-text {
/*width: 500px;*/
float: left;
}

#blog-text h5 {
font-size: 14px;
margin: 0;
padding: 0 0 0 0;
}

#blog-text h5 a {
color: #333;
    /*color: #D96C2C;*/
}

#blog-text h5 a:hover {
color: #3D9BB3;
}

#blog-text h5 span {
font-weight: normal;
font-size: 12px;
}

#blog-box h4{
    color: #222;
    background: url(../img/nadpis-blog.png) left top no-repeat;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 16px;
padding: 8px 10px 25px 10px;
margin-top: 0px;
position: relative;
left: -3px;
}

.readmore {
    background: url(../img/readmore.png) 0 center no-repeat;
	padding-left: 15px;
	color: #4faac1;
}

.readmore2 {
    background: url(../img/arrow.png) 0 0px no-repeat;
    display: block;
    width: 185px;
	padding: 1px 0 2px 21px;	
	color: #b0b0b0;
}

.readmore2:hover {
	color: #999;
}


.faq-question a {
  font-weight: normal;
/*display: block;
text-align: right;*/
 }

.faq-popis {
padding: 0 0 5px 0;}

.faq-box {
/*width: 100%;*/
width: 500px;
}

.faq-question {
    background: #E5E5E5 url(../img/faq-bg2.jpg) repeat-y left center;
    margin-bottom: 1px;

}

.faq-question .dotaz {
  background:  url(../img/dotaz.gif) no-repeat left center;
  padding: 5px 18px 5px 32px;
  margin-left: 10px;
  display: block;
  
  
}

.faq-answer{
	
  display: block;
  padding: 5px 20px;
  margin: 0 2px 10px 35px;
	background: #ffea8a;
  opacity: 0.85;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
}

.filter-content {

	width: 499px;	

}

.filter-content form{
  display: block;
  padding: 5px 20px;
	  margin: 1px 2px 10px 35px;
	background: #ffea8a;
  opacity: 0.85;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomright: 20px;

  
  
	}

#category_sel {
	/*width: 1000px;*/
}

.faq-answer p span, .faq-answer p{
	font-size: 13px;
	  color: #000;
	  font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.filter-header, .archivelink {
	    background:  url(../img/filter-bg.jpg) repeat-y left center;
width: 500px;
	height: 20px;
	padding: 2px 0 0 15px;
}

.archivelink {
	background:  url(../img/archive-bg.jpg) repeat-y left center;
	/*margin-bottom: 15px;*/
	width: 400px;
}

#archivelinkbox {
	margin: 0 0 5px 0;
}

a#filter-btn {
	color: #0085A3;
}

.filter-header span, .archivelink span{
	padding-left: 10px;
}

input.archive  {
	
	width: 360px;
}



/* PORADNA */

#content form p {
	/*line-height: 25px;*/
		text-align: left;
		font-size: 13px;
}
#content form p.agree {

	}


#content p.paging {
	color: #3f3f3f;
	font-size: 12px;
	/*padding-left: 15px;*/
	margin: 25px 0;
	border-top: 1px solid #598b9b;
	border-bottom: 1px solid #598b9b;
}

#content p.paging a {
	color: #333;
	border: 1px solid #598b9b;
	padding: 1px 3px;
	margin: 0 2px;
	background: #e8f0f3;
		text-decoration: none;
}

#content p.paging a:hover {
	background: #ffea8a;
	text-decoration: none;
	
}

#content p.paging a.page-link-active {
	background: #ffea8a;
}


#content p a {
	color: #fff;
	text-decoration: underline;
}

#content p a:hover {
	text-decoration: none;
}

#content p a.agree {
color: red;
}



.next, .prev {
float: right;
position: relative;
bottom: 2px;
}




.question {
	background: #fff;
	padding: 15px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-top-left-radius: 0px;
-moz-border-radius-topleft: 0px;
/*min-height: 50px;
_height:50px;*/
margin-right: 30px;
opacity: 0.85;
font-size: 13px;
font-weight: normal;
color: #333;

}




.answer{
	background: #ffea8a;

  padding: 15px;
  -webkit-border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-top-right-radius: 0px;
-moz-border-radius-topright: 0px;
/*min-height: 50px;
_height:50px;*/
margin: 10px 0 0 30px;
opacity: 0.85;
font-size: 13px;
font-weight: normal;
color: #333;
	position: relative
}

#content .answer p a{
	color: #5c8fa0;
}

.hideanswer{
font-size: 15px;
	position: absolute;
	right: 5px;
	top: 0;
}


.tymextc, .autordotazu{
	display: block;
	font-size: 90%;
	color: #7f7f7f;
	text-align: right;
	padding-right:15px;	
}


.anotace .info {
font-size: 12px;
}



.vlozit-dotaz {
	font-size: 13px;
	padding: 6px 0px 6px 56px;
	color: #68960B;
	font-weight: bold;
		margin: 5px 0;
		width: 255px;
		display: block;
		position: relative;


z-index: 10;
	border: 1px solid #E5EECB;
		background: #E5EECB url(../img/question.png) no-repeat 5px 3px;
}

.vlozit-dotaz:hover {
	border: 1px solid #68960B;
		background-color: #D9EE9D;
		color: #68960B;
		text-decoration: none;

	}
	
.vlozitdotmenu {
font-size: 18px;
}




.odpoved {
	text-align: justify;
background: #e3e174;
	padding: 4px 10px;
	border: 1px solid #cdd9bf;
}

.odpoved p {
padding: 5px 0;
}

#chyba {
	padding: 25px 0 0 0;
	text-align: center;
}

.blog-box h3 {
margin: 0;
padding: 10px 0 2px 0;
font-size: 16px;
}

.blog-box h3 a {
    color: #D96C2C;
}

.blog-box h3 a.autor {
    color: #555;
    margin-top: 4px;
}

.blog-box h3 .date {
padding-right: 10px;
font-size: 12px;
color: #555;
margin-top: 4px;
}


.blog-box {
border-bottom: 1px dotted #ccc;
margin: 5px 0 10px 0;
padding: 0 0px 12px 0px;
font-size: 12px;
}

.blog-box p {
line-height: 130%;
}


.blog-box img {
margin: 7px 12px 10px 0;
	float: left;
	border: 1px solid #bbb;
	padding: 1px;
}

#autorem {
	text-align: right;
	margin: 15px 0 15px 0;
}

#autorem img {
	border: 1px solid #bbb;
	padding: 1px;
margin: 0 0 0 6px;
position: relative;
top: 1px;
height: 28px;
}

#autorem a:hover {
border: none;
text-decoration: none;
}

#autorem a:hover img {
	border: 1px solid #79BFE8;
	padding: 1px;
margin: 0 0 0 6px;
position: relative;
top: 1px;
}

#autorem .date {
float: left;
margin-top: 0;
}


#diskuze {
position: relative;
margin: 5px 0 25px 3px;

}

#comment_form fieldset  {
border: none;
padding: 0;
margin: 0;
height: 140px;
position: relative;
}

#diskuze h3 {
margin: 10px 0;
padding: 0;
}

#diskuze h4 {
padding: 0 0 0 0;
margin: 0 0 15px 0;
font-size: 13px;
}


div.bubble {
	width: auto;
	font-size: 12px;
	margin: 18px 0;
	line-height: normal;
}

div.bubble-reply {
	width: auto;
	font-size: 12px;
	margin: 18px 0;
}

div.bubble blockquote {
	margin: 0px;
	padding: 0px;
	border: 1px solid #c9c9c9;
	background-color: #fff;

}

div.bubble-reply blockquote {
	margin: 0px;
	padding: 0px;
	border: 1px solid #B3DAF1;
background: #EFF6FB;
	margin-left: 0px;
}

div.bubble blockquote p {
	margin: 10px;
	padding: 0px;
color: #444;
}

div.bubble-reply blockquote p {
	margin: 10px;
	padding: 0px;
text-align: right;
}

div.bubble cite {
	position: relative;
	margin: 0px;
	padding: 10px 0px 0 7px;
	top: 8px;
	background: transparent url(../img/tip.gif) no-repeat 18px 0;
	font-style: normal;
	font-size: 11px;
	text-align: right;
}

div.bubble-reply cite {
	position: relative;
	margin: 0px;
	padding: 9px 0px 0px 30px;
	top: -2px;
	background: transparent url(../img/tip2.gif) no-repeat 495px 0;

	display: block;
	height: 14px;
	font-style: normal;
	font-size: 11px;
	text-align: right;
}


#comment_form {
	position: relative;	
	}

#comment_form p {
	position: relative;	
	width: 225px;
	margin-bottom: 2px;
}



#comment_form textarea {
position: absolute;
top: 0;
left: 225px;
width: 520px;
height: 104px;
z-index: 0;
	border: 1px solid #C9C2C1;
	padding: 2px;
	font-size: 12px;
	font-family: "Trebuchet MS","Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
		background: #fff url(../img/input-bg.gif) repeat-x left 1px;
	
}

form#comment_form #smiles {
	position: absolute;
	left: 227px;
	top: 88px;
	width: 310px;
	display: none;
}

form#comment_form input {
	position: absolute;
	top: 1px;
	left: 50px;
	z-index: 10;
	border: 1px solid #C9C2C1;
	background: #fff url(../img/input-bg.gif) repeat-x left 1px;
}

.input-pole {
	width: 160px;
		background: #fff url(../img/input-bg.gif) repeat-x left top;
	border: 1px solid #999;
	padding: 2px;
}



form#comment_form input.submit {
	position: absolute;
	top: 117px;
	left: 631px;
	text-transform: uppercase;
	width: 120px;
border: 1px solid #2d87a5;
cursor: not-allowed;
		background: #6fb3c6 url(../img/forum-th-bg.gif) repeat-x;
		cursor: pointer;
		color: #fff;
		padding: 2px;
		font-size: 11px;
}

form#comment_form input.submit_h {
	position: absolute;
	top: 117px;
	left: 631px;
			padding: 2px;
				text-transform: uppercase;

	width: 120px;
		border: 1px solid #2d87a5;
		background: #2d87a5;
		cursor: pointer;
		color: #fff;
			font-size: 11px;
}


.pocet-cmnt {
	background: url(../img/comnt.gif) no-repeat left 8px;
	padding-left: 16px;
	font-weight: normal;
	font-size: 11px;
	float: right;
	margin-left: 0px;
	}



#diskuze .note {
position: absolute;
width: 550px;
top: 119px;
left: 0;
font-size: 12px;
display: inline;
padding: 0;
}

.article-box h3 {
	display: block;
height: 18px;
padding: 0;
margin: 7px 0 0 0;
}

.article-box h3 .date, .article-box h3 .autor {

margin-top: 2px;
margin-right: 7px;
font-size: 11px;
font-weight: normal;
}

.article-box .anotace {
text-align: justify;
padding: 0;
position: relative;
}

.article-box .anotace h3 {
display: block;
font-size: 13px;
padding: 0;
margin: 0;
color: #0085A3;
font-weight: bold;
}

.article-box .nmr {
font-weight: normal;
background: #D6E8F3;
padding: 1px 5px 0 5px;
position: relative;
top: -1px;
right: -10px;
color: #0085A3;
border: 1px solid #C5D7E6;
margin-left: 7px;
}

.article-box p.vysledky strong{
background: #D1E6F0;
padding: 1px 2px;
color: #222;
}




.article-box img {
margin: 0 12px 0 0;
	float: left;
	border: 1px solid #bbb;
	padding: 1px;
}

.arrow {
		font-size: 12px;
	background: url(../img/arrow.gif) no-repeat left 0px;
	padding: 0 5px 3px 22px;
	color: #0085A3;
	font-weight: bold;
		margin: 0;
		display: block;
		float: right;
		
}

.arrow:hover {
	border: none;
}


.autor {
	font-weight: normal;
	font-size: 12px;
	background: url(../img/pen.gif) no-repeat left 0;
	padding: 0px 0 2px 16px;
	float: right;
}

#profil {
	font-weight: normal;
	font-size: 12px;
	background: url(../img/vcard2.gif) no-repeat left 1px;
	padding: 0 0 0 25px;
	margin-top: 0;
	display: block;
	color: #777;
	border: none;
	float: right;
}

#profil:hover {text-decoration: none; color: #318ECD; border-bottom: 0;
background-position: left -17px;

}

.autor-profil {
	font-weight: normal;
	font-size: 12px;
	background: url(../img/vcard2.gif) no-repeat left 3px;
	padding: 2px 0 2px 25px;
	margin-top: 3px;
	color: #777;
	border: none;
    width: 125px;
    float: left;
    }

.autor-profil:hover {text-decoration: none; color: #318ECD; border-bottom: 0;
background-position: left -15px;

}

.articles {
	background: url(../img/articles.gif) no-repeat left 1px;
	padding: 3px 5px 3px 20px;
	margin-top: 5px;
}

.articles:hover {
	background: url(../img/articles.gif) no-repeat left -23px;
	padding: 3px 5px 3px 20px;
	border-bottom: none;
}

.autor-box {
	font-weight: normal;
	text-align: center;
	padding: 5px 5px;
	margin-right: 15px;
	margin-bottom: 15px;
	float: left;
	width: 216px;
	border: 1px solid #cecece;
}

.autor-box h3 {
	padding: 5px 0 5px 0;
	text-align: left;
	margin: 0;
	font-size: 12px;
	width: 125px;
	float: left;
	text-transform: uppercase;
}

.autor-box p {
	padding: 0;
	text-align: left;
	margin: 0;
	font-size: 12px;
}

.autor-box img {
float: left;
margin-right: 9px;
}

.autor-portret {
float: left;
height: 80px;
width: 57px;
margin-right: 9px;
}

.date {
    font-style: italic;
	font-weight: normal;
	font-size: 10px;
	/*background: url(../img/time.gif) no-repeat left 0;*/
	padding: 0 0 2px 19px;
	float: right;
	color: #7f7f7f;
}

.view-arts {
		font-size: 14px;
	background: url(../img/view-arts.gif) no-repeat left center;
	padding: 7px 20px 10px 33px;
	color: #0085A3;
	font-weight: bold;
		margin: 5px 0;
		width: 200px;
		display: block;
}

#blog-rules {
	font-size: 11px;
	background-position: left 0px;
	
}

.view-arts:hover {
		border: none
}

.back2arts {
display: inline;
color: #fff;
text-decoration: underline;
}


.back2arts:hover {
color: #fff;
text-decoration: underline;
}



.back2arts-left {
		font-size: 105%;
	background: url(../img/zpet.gif) no-repeat left 5px;
	padding: 4px 0 5px 22px;
	color: #1770B4;
	font-weight: bold;
position: relative;
top: -4px;
		width: 185px;
		text-align: left;
		display: block;
		float: left;
}


.back2arts-left:hover {
		border: none
}


.arrow {
		font-size: 12px;
	background: url(../img/arrow.gif) no-repeat left 0px;
	padding: 0 5px 3px 22px;
	color: #1770B4;
	font-weight: bold;
		margin: 0;
		display: block;
		float: right;
		
}

.arrow:hover {
	border: none;
}


#article-pics {
	float: right;
	margin: 52px 0 0 13px;
}


#article-pics a:hover img {
border: 1px solid #3D97CB;
}

#article-pics a:hover {
border-bottom: none;
}

#article-pics img {
	margin: 0px 0 8px 8px;
	display: block;
	border: 1px solid #bbb;
	padding: 1px;
}

.portrait {
	float: left;
	margin: 10px 15px 10px 0;
}

#question_form {
	background: #e3f1d2;
	padding: 15px 20px 15px 20px;
	border: 1px solid #cdd9bf;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;

	
	
}




.sex {
	width: 135px;
	float: left;
	padding: 0;
}

.age {
	width: 105px;
	float: left;
	padding: 0;
}

.name {
	padding-bottom: 5px;
}

/*.name input{
width: 250px;
	background: #fff url(../img/input-bg.gif) repeat-x left top;
	border: 1px solid #999;
	padding: 2px;
}*/

.name em {
font-size: 11px;
padding: 4px 0 0 0;
display: block;
}

.q-area {
padding: 0;
	color: #7f7f7f;
}

.q-area textarea {
width: 100%;
height: 200px;
	background: #fff url(../img/input-bg.gif) repeat-x left top;
	padding: 2px;
	border: 1px solid #999;
}


.sendform  {
float: right;

}

#captcha  {
margin: 0 0 8px 0;
padding: 0;
height: 20px;
width: 400px;
}

#captcha img  {
	top: 5px;
	position: relative;
	padding-right: 10px;
}

.contact-form{
  margin: 0px 20px 0 0;
  padding: 0;
}

.contact-form fieldset{
  padding: 15px 0px 0px 30px;
  margin: 0;
  width: 575px;
  height: 450px;
  background: #FBFBFB;
  border: solid 1px #DBDBDB;
}

form.contact-form fieldset h2 {
color: #2d87a5;
padding: 0 0 5px 15px;
margin: 5px 0;
font-size: 15px;
    font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;

}

form.contact-form fieldset h2 span {
font-weight: normal;
font-style: italic;
font-size: 13px;
}

.contact-form p{
  position: relative;
  margin: 10px 0 0 0;
  padding: 0;
  width: 120px;
  text-align: right;
}

.contact-form input{
  position: absolute;
  left: 130px;
  top: -1px;
  width: 360px;
  padding: 1px 2px 2px 2px;
  border: 1px solid #999999;
}

.contact-form .textarea_layout{
  height: 130px;
  padding: 1px 2px;
}

.contact-form textarea{
  width: 365px;
  height: 150px;
  position: absolute;
  left: 130px;
  top: 0;
    border: 1px solid #999999;

}
.contact-form .btn, .contact-form .btn-dis{
  left: 298px;
  top: 22px;
  width: 200px;
  padding: 3px 5px;
  font-size: 12px;
  border: none;
  background: #2d87a5;
  color: #fff;
  cursor: pointer;
  border-style: double;
}

.contact-form .btn-dis{
  background: #aaa;
  cursor: not-allowed;
}

.member-box {
	margin: 0 0 0px 0;
	padding-top: 12px;
}

.item-box {
	padding: 5px 0;
	font-size: 14px;
}

.item-box a {
font-weight: bold;
}

.item-box span {
font-size: 13px;
padding-left: 7px;
}


#KILL_IE6 {
	font-size: 12px;
	letter-spacing: 80%;
	display: block;
	height: 25px;
	padding: 10px 0 0 0px;
	background: #ffce1e url(../img/warning-bg.jpg) repeat-x left top;
	}
	
#KILL_IE6 a{
	color: #000;
	text-decoration: underline;
	}	
	
#KILL_IE6 {
	text-decoration: none;
}