/************************************************************************************
   SIMPLE (FAST) CLASS 
*************************************************************************************/
.ext {background:url('/img/ico/ext.png') 100% 0 no-repeat; padding-right:10px;}
.l {display: inline; float: left;}
.r {display: inline; float: right;}
.col-h-l {float: left; display: inline; width: 48%;}
.col-h-r {float: right; display: inline; width: 48%;}
.cl {clear: left;}
.cr {clear: right;}
.cb {clear: both;}
.out {position: absolute; left: -5000px; top: -5000px;}
.bold {font-weight: bold;}
.thin {font-weight: normal;}
.small {font-size: 92%;}
.big {font-size:117%}
.center {text-align:center;}
.left {text-align: left;}
.right {text-align: right;}
.vcenter {vertical-align:middle;}
.nobr {white-space:nowrap;}
.pre {white-space:pre;}
.error {color: #cc0000;}
.hidden {display: none;}
.break {height: 1px; font-size: 1px; line-height:1px; clear: both; overflow:hidden; visibility: hidden; display:block; margin:0 !important; padding:0 !important; width:100%;}
.clearfix {zoom: 1;} 
.clearfix:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.reset {border:none; margin:0; padding:0; background:none;}
ul.reset{list-style:none;}
.sprite {position:absolute; top:0px; left:0px; display:block; width:100%; height:100%;}
a .sprite {cursor:pointer;}
.reset td, .reset th {border:none; background:none; padding:0; font-size:100%; line-height:1}
.reset li {margin:0; padding:0; background:none;}
.green { color:#39d749; }
/************************************************************************************
   RESETS and TYPOGRAPHY
*************************************************************************************/
html {margin:0; padding:0;}
body {font-size: 75%; background: #fff; font-family:Arial, Helvetica, sans-serif; color:#304e93; padding: 20px; margin:0px;}

div, pre {margin: 0; padding: 0;} 

/* HEADING */ 
h1, h2, h3, h4, h5, h6 {color:#39d749;}
h1 {margin:0 0 0.2em; padding: 0; font-size: 208%; font-weight:normal;}
h2 {margin:1em 0 0.3em; padding: 0; font-size: 166%; font-weight:normal;}
h3 {margin:1em 0 0.2em; padding: 0; font-size: 133%; font-weight:normal;}
h4 {margin:1em 0 0.3em; font-size:117%;}
h5, h6 {margin:0em 0 0.5em; font-size:100%;}

/* PARAGRAPH */
p {line-height:1.4; margin: 0 0 1.2em;}
hr {margin: 20px 0px; padding:0; border: 1px solid #DDDDDD; border-width: 1px 0 0; color: #fff; background: #fff;}
pre {text-align: left;}
em {font-family: Arial, helvetica, sans-serif !important;}

/* CITE */
cite {border: none; color: #808080; font-size: 108%; display: block; font-family: arial;}
blockquote {background:url("/img/ico/blockem.png") no-repeat scroll 23px 20px #E8F6FD; clear:both; margin-bottom:1em; padding:15px 15px 15px 90px; margin:0 0 1em;}
blockquote p {margin: 0; border: none; min-height:40px; _height:40px;}

/* ANCHOR */
a {color:#26b735; outline:none;}
a:hover {color: #304E93;}
a:active {color: #333;}
a.more {text-decoration:none;}
a.more span {text-decoration:underline;}

/* LIST */
ul {margin: 0.2em 0 1em; padding: 0;}
ul li {margin: 0 0 5px; padding: 0px 0 0 8px; line-height: 1.4; list-style: none; background: url('../img/bg/il.png') 0 0.6em no-repeat;}
ol {margin: 0.2em 0 1em 20px; padding: 0;}
ol li {margin: 0; padding: 2px 0; list-style-position: outside; line-height: 18px;}
ul ul {margin: 2px 0;}
.popis .li {background:none; list-style:none;}
/* IMAGES */
img{border:0px;}
img.left {float: left; margin: 0.3em 15px 10px 0; clear: left; border: 6px solid #dbeffb;}
img.right {float: right; margin: 0.3em 0 10px 15px; clear: right; border: 6px solid #dbeffb;}

/* TABLE */
table{border: none; margin:0 0 1em; font-size:92%; border-collapse: collapse; padding: 0; width: 100% !important; border-spacing: expression(cellSpacing=0);}
table caption {text-align: left; font-size: 175%; margin: 1em 0 0.5em;}
thead th {padding: 10px; border:none; background:none; color:#39d749;}
th, td {padding: 7px 10px 7px 10px; border-top: 1px solid #f3f5f9;}
.even td {background: #f5f6f6;}

/* FORM */
form, fieldset{margin:0; padding:0; border:none;}
input, label, select{vertical-align:middle;}
label input{position:relative; top:0px; margin: 0;}
label span {color: #666; font-size: 91.6%;}
form p {margin:0 0 12px;}

.int-text{border:1px solid #b7b7be; padding:3px 3px; font-family:arial, sans-serif; font-size:100%; color:#304e93;}
.form select.int-text{margin-top: 2px; padding: 5px 3px;}
.fix-int{margin:2px 4px 0; display:block;}
.fix-int .w-full{margin:0 -4px;}

/* WIDTH */
.w-full {width:100%;}