/* @override 
	http://ferovaskola/css/ferovaskola.css
	http://www.ferovaskola.cz/css/ferovaskola.css
	http://ferovaskola.cz/css/ferovaskola.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: #E9E9B5 url('../img/body-bg.gif') left top repeat-x;

    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;}
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 10px 0;
    margin: 0;
    display: block;
	font-size: 18px;
	color: #2d87a5;
}

h2{
    color: #2d87a5;
    padding: 7px 0 5px 0;
    margin: 0;
    text-align: left;
    font-weight: bold;
    font-size: 18px;
}

h3{
    color: #D96C2C;
    font-size: 15px;
    padding: 10px 0 7px 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;
}


#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;
}

#search-results span.info {
    background: url(../img/info.gif) no-repeat left 8px;
    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: #2d87a5;
}

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

.result-box h3 a:hover {
color: #2d87a5;
}

.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;
    position: relative;
    top: -13px;

}

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

#page {
    width: 980px;
    position: relative;
    text-align: left;
    margin: 0 auto;
    background: url(../img/page-bg2.png) left top repeat-y;
padding: 0 8px;
}


/* HEAD */

#head {
    height: 125px;
    width: 980px;
    margin: 0 auto;
    position: relative;
    background: url(../img/headerok.jpg) center 0px no-repeat;
}

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

#head h3 {
    position: absolute;
    width: 101px;
    height: 100px;
    overflow: hidden;
    margin: 0;
    padding: 0;
    top: 12px;
    left: 13px;
}

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

}

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

#head h3 span{
    display: block;
    position: absolute;
    background: url(../img/logo2.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: 27px;
	border: 1px solid #9ec8d4;
	border-width: 1px 0;
    padding-left: 40px;
    position: relative;
    background: #2d87a5 url(../img/menu-bg.jpg) repeat-x left top;
    z-index: 10;
}


#menu #gohome{
		background: red;
		position: absolute;
		top: 2px;
		left: 15px;
		display: block;
	width: 20px;
	height: 20px;
    background: url(../img/gohome.gif) no-repeat center center;
}

#menu #gohome:hover{
text-decoration: none;
}

/* DROPWODN menu */

.dropdown {
    float: left;
    margin: 0;
    padding: 0 0 0 0;
    height: 28px;
    color: #fff;
}

.dropdown a, .dropdown a.active {
    display: block;
    text-decoration: none;
    text-align: left;
    margin: 0;
    padding: 6px 12px 7px 12px;
    font-size: 12px;
    color: #fff;
    border: none;
}

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

.dropdown a:hover, .dropdown a.active {
    color: #fff;
    background: url(/img/menu-dt-hover.jpg) repeat-x left top;
}

.dropdown ul {
    position: absolute;
    overflow: hidden;
    width: 200px;
    display: none;
    padding: 0 0 0 0;
    z-index: 10;
    margin: 0;
    /*opacity: 0;*/
    background: #b8d7e0;
}

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

.dropdown ul li a {
    color: #333;
    float: none;
    display: block;
    font-size: 12px !important;
    padding: 4px 10px 4px 12px;
    margin: 0 0 0 0;
    text-decoration: none;
}

.dropdown ul li a {
    color: #333;
}

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


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

.dropdown .underline:hover {
    color: #fff;
}


/* 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: relative;
}

#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;
}


#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 transparent;
}

.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;
}

#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: #777;
    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 #cacaca;
    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;
}


/* CONTENT */

#content {
    line-height: normal;
    padding: 15px 20px 0 20px;
    width: 755px;
    min-height: 450px;
    _height: 450px;
    text-align: justify;
    position: relative;
    float: left;
}

#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: left;
  width: 150px;
  padding: 5px 10px 0 0;
}


.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;

}

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


.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;
}

.article-link .img-link img{
margin: 1px 12px 0 0;
	display: block;
	border: 1px solid #bbb;
	padding: 1px;
	}

.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: 175px;
    padding: 5px 0 5px 0px;
    float: left;
    text-align: left;
}

#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;
}

#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 {
    background: url(../img/info.gif) no-repeat left center;
    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;
    font-size: 13px;
}

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

#home-text h1 {
    color: #2d87a5;
    font-size: 20px;
    padding: 30px 0 15px 0;
    margin: 0;
}



#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;
}

.date {
    font-size: 14px;
    font-style: italic;
}


.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: #777;
}


.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 {
    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;
    padding: 8px 10px;
    margin: 0 0 10px 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;
    padding: 0 0 5px 0;
}




/* P A T A */

#foot {
    color: #B1B1B1;
    font-size: 10px;
    padding: 0;
    width: 980px;
    padding: 0 8px;
background: url(../img/foot-bg.png) left bottom no-repeat;
padding-bottom: 13px;
margin: 0 auto;
} 

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

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

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


#foot #foot-left { 
    float: left;
    width: 200px;
    text-align: left;
    padding: 4px 0 0 8px;
    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;
    margin-top: 5px;
}

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


#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 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: 520px;
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;
 }

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

.faq-box {
width: 100%;
}

.faq-question {
  font-weight: bold;
    background: #E5E5E5;
    margin-bottom: 1px;
 
}

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

.faq-question .dotaz a {

}

.faq-answer{
	display: block;
  padding: 5px;
  background: #f5f5f5;
}

/* PORADNA */

.vlozit-dotaz {
	font-size: 13px;
	padding: 6px 0px 6px 36px;
	color: #68960B;
	font-weight: bold;
		margin: 5px 0;
		width: 235px;
		display: block;
		position: absolute;
left: 500px;
top: 17px;
z-index: 5;
		border: 1px solid #d1e0a4;
		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;
	}

.odpoved {
	text-align: justify;
background: #F1FBE5;
	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;
}

.article-box {
	background: #eee;
border-bottom: 1px dotted #ccc;
margin: 10px 0;
}

.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 {
float: left;
margin-top: 2px;
margin-right: 7px;
font-size: 12px;
font-weight: normal;
}

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

.article-box .anotace h3 {
display: inline;
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;
color: #0085A3;
border: 1px solid #C5D7E6;
margin-right: 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-weight: normal;
	font-size: 11px;
	background: url(../img/time.gif) no-repeat left 0;
	padding: 0 0 2px 19px;
	float: right;
}

.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 {
		font-size: 13px;
	background: url(../img/zpet.gif) no-repeat right 5px;
	padding: 4px 20px 5px 0;
	font-weight: bold;
position: relative;
z-index: 10;
		width: 245px;
		text-align: right;
		display: block;
		float: right;
		margin-top: 0;
	
}


.back2arts:hover {
		border: none
}

.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: left;
	margin: 10px 13px 0 0;
}


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

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

#article-pics img {
	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;
}

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

.age {
	width: 135px;
	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;
}

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

.agree  {
float: left;
margin-right: 15px;
}

.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;
}