/* ------- CONTENT -------- */
.content { font-size: 1em; /* 11px */ text-align: left; line-height: 1.63em  }

/* ------- LINKI -------- */
.content a { color: #3b842b; }
.content a:hover { color: #163d0d; }

/* ------- ODSTEPY -------- */
.content p,
.content ul,
.content ol,
.content dl,
.content address,
.content form { margin-bottom: 1.2em; font-size: 1em; }
.content ul { margin-left: 2em;}
.content ul li { padding-left: 26px; line-height: 2em; }
.content ul li { background: transparent url('../img/arrow_list.gif') no-repeat 0 4px; }
.content ol { margin-left: 3em; list-style-type: decimal }

/* ------- NAGLOWKI -------- */

.content h3,
.content h4,
.content h5,
.content h6 { margin: .5em 0 .6em; color: #378226; font-weight: 500; clear: both; text-align: left; }
.content h3 { font-size: 1.67em; }
.content h4 { font-size: 1.5em }
.content h5 { font-size: 1.34em }
.content h6 { font-size: 1.1em; font-weight: 700; }
.content h3 a, .content h3 a:hover,
.content h4 a, .content h4 a:hover,
.content h5 a, .content h5 a:hover,
.content h6 a, .content h6 a:hover { color: #56ac2a; text-decoration: none }
.content h3 a:hover,
.content h4 a:hover,
.content h5 a:hover,
.content h6 a:hover { color: #006383; text-decoration: none }
.content h2 { font-size: 2em; margin-bottom: 20px; }

/* ------- LINIA POZIOMA -------- */
hr { height: 1px; border: none; background-color: #ddd; color: #ddd; clear: both; }

/* ------- TABELE -------- */
.content table { margin-bottom: 15px; font-size: 1em }
.content table thead,
.content table thead th { background-color: #e5e5e5;  color: #000; font-weight: 700; border: 1px solid #fff; border-top: 1px solid #d3d3d3; }
.content table thead th { padding: 8px; font-weight: 700 }
.content table thead th a { color: #fff; text-decoration: underline }
.content table thead th a:hover { color: #e4e4e4; }
.content table td,
.content table th  { border-left: 1px solid #fff; vertical-align: top; text-align: center; }
.content table td ul  { text-align: left; margin: 0; margin-left: 30px; }
.content table tbody tr td,
.content table tbody tr { background-color: #ececec; }
.content table tbody tr.dark td { background-color: #f9f9f9; }
.content table tbody tr td { border-bottom: 1px solid #d3d3d3; padding: 6px; }
.content table tfoot td { border: none; padding-top: 6px; }
.content table tfoot td a { padding: 4px; background-color: #ff6600; color: #fff; font-weight: 700; font-size: .91em;}
.content table tfoot td a:hover {  text-decoration: none; }

/* ------- FORMULARZE ------- */
.content form { margin: 0 auto; }
.content form input.field,
.content form textarea { width: 85%; padding: 3px; color: #444; border: 1px solid #ddd;  }
.content form input.field { vertical-align: middle; }
.content form input.f_mini { width: 20%; }
.content form fieldset { padding: 12px; }
.content form label { display: block; margin-top: 5px; font-weight: 700; }
.content form label.req { color: red }
.content form select  { vertical-align: middle; border: 1px solid #c5c5c5; padding: 2px; }  
.content form p.info { text-align: center; }
.content form button { border: none; cursor:pointer; font-weight: 700;  text-align:center; width:auto; color: #fff; background-color: #2e791c; margin-top: 10px; padding: 2px 5px; }
.content form div.button { margin-left: 25%; }
/* = Formularz poziome */
.content form.form_horizontal fieldset { padding-top: 10px; }
.content form .holder { clear: both; width: 100%; padding: 5px 0 5px; overflow: hidden;  }
.content form .holder label { display: block; float: left; text-align: right; width: 23%; font-weight: 700; margin: 0; }
.content form .holder .r_holder { float: right; width: 75%; }
.content form.form_horizontal button {  }
.content form .r_holder ul,
.content form .r_holder ul li { margin: 0; padding: 0; }
.content form .r_holder ul li input { vertical-align: middle }
.content form .r_holder ul li { margin-bottom: 4px; }
.content form .r_holder ul li label { display: inline; float: none; width: 100%; text-align: left; font-weight: 500; }

a.art_read_more { font-weight: 700; padding-right: 11px; background: transparent url(../img/read_more_arrow.gif) no-repeat right center }

/* ------- GALERIE -------- */
.content ul.list .gal_mini { float: left; width: 120px; text-align: center; }
.content ul.list .gal_desc { float: left; width: 540px; }
.content ul.list .gal_more { float: right; width: 50px; }
.content ul.list .gal_more a { display: block; height: 20px; text-align: center; padding: 0; padding-top: 40px; background: transparent url('../img/gal_more.png') no-repeat center top; border: none; }

/* Zdjecia do artykulu */
.content #art_photos { margin-top: 15px; }
.content #art_photos h4 { background-image: url('../img/art_photos_header.gif'); color: #66625b; }
.content #art_photos ul { margin: 0; margin-top: 10px; padding: 0; }
.content #art_photos ul li { margin: 0; padding: 0; background: #fff url('../img/art_photos_shadow.gif') no-repeat right bottom; text-align: center; width: 118px; height: 118px; margin-left: 33px; margin-bottom: 17px;  float: left; overflow: hidden; display: inline; /* For IE */ }
.content #art_photos ul li a { display: block; width: 115px; height: 113px; padding-top: 2px;}
.content #art_photos ul li img { vertical-align: top; }
.content #art_photos ul li a:hover { background-color: #edf4f6 }

/* lista programow */
.content .list_programs { margin: 0 0 10px; }
.content .list_programs li { position: relative; background: none; border-top: 1px solid #e5e5e5; padding: 10px 0; }
.content .list_programs li .more { position: absolute; left: 310px; top: 20px; background: url(../img/arrow_list.gif) no-repeat left 8px; font-weight: 700; padding: 4px 0 3px 24px; }