/*=====================================================================================

	Project:			VARS.cz
	Author:				www.r4ms3s.cz
	Twitter:			@r4ms3scz
	
		
	== iNFO ===========================================
	
	Web width:			100%
	Page width:			940px + 20px
	
	
	== Px2Em ===========================================
	
	body 	75%

	10px 	0.833em		10 / 12 = 0.857
	11px 	0.917em		11 / 12 = 0.929
	12px 	1em			12 / 12	= 1
	13px 	1.083em		13 / 12 = 1.071
	14px 	1.167em		14 / 12 = 1.143
	15px 	1.25em
	16px 	1.333em
	17px 	1.417em
	18px 	1.5em
	20px 	1.667em
		

	
=====================================================================================*/


/******************************************************************
	RESET
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
font-weight:inherit;
font-style:inherit;
font-size:100%;
font-family:inherit;
vertical-align:baseline;
}
article, aside, dialog, figure, footer, header, hgroup, nav, section {
display:block;
}


body {
background:#F5F8FF;
color: #333333;
font-size:75%;
font-family:arial, sans-serif;
font-weight:normal;
text-align:center;
line-height:1.5em;
-webkit-font-smoothing: subpixel-antialiased;
-webkit-font-smoothing: antialiased;
}
select, input, textarea, button {
color: #444;
font-size:99%;
font-family:arial, sans-serif;
margin: 0px;
}


/******************************************************************
	TYPOGRAPHY
*/
h1, h2, h3, h4,
.h1, .h2, .h3, .h4 {
padding:0em;
margin:0em;
font-weight:normal;
font-family:arial, sans-serif;
color:#55ab26;
line-height: 1.1em;
display:block;
}
h1,.h1 				{font-size:2.0em;padding:0.5em 0em 0.30em 0em;}
h2,.h2 				{font-size:1.5em;color:#092679;padding:0.25em 0em 0.25em 0em;}
h3,.h3				{font-size:1.9em;padding:0.25em 0em 0.50em 0em;color:#ed1c24;}
h4,.h4 				{font-size:1.7em;padding:0.25em 0em 0.50em 0em;}

.clear			{clear:both;}
.left			{float:left !important;}
.right			{float:right !important;}

#content p		{margin:0em; padding:0em 0em 1.5em 0em;}
p .left			{margin:1.5em 1.5em 1.5em 0em; padding:0em;}
p .right		{margin:1.5em 0em 1.5em 1.5em; padding:0em;}

strong			{font-weight: bold;}
em				{font-style: italic;}
sup, sub		{line-height: 0;}
li ul, li ol	{margin:0em 1.5em;}
ul				{margin:0em 1.5em 0em 2.0em; padding:0em 0em 1.5em 0em;list-style-type:disc;}
ol				{margin:0em 1.5em 0em 2.0em; padding:0em 0em 1.5em 0em;list-style-type:decimal;}
hr				{height:0px;color:#cccccc;border:0px;border-top:1px solid #092679;}

a,
a:link,
a:visited,
a:hover{
color: #55ab26;
text-decoration: underline;
outline:none;
}
a:focus,
a:hover{
text-decoration: none;
}
.artextEnd {
border-bottom:1px solid #D9E6FF;
margin-bottom:10px;
}
a.more:link,
a.more:visited,
a.more:hover {
float:right;
padding:5px 0px 5px 0px;
}
a.facebook:link,
a.facebook:visited
a.facebook:hover {
float:left;
background:url(../img/fb.png) no-repeat 0px -2px;
padding:5px 0px 5px 30px;
}
.tcenter {
text-align:center;
}
.artext{
font-size:1.1em;
line-height:1.3;
text-align: justify;
padding: 0px 0px 10px 0px;
font-family:verdana;
}
.artext img{
border:1px solid #9FBAFF;
}
h2 a:link,
h2 a:visited {
color:#092679;
text-decoration:none;
}
h2 a:hover {
color:#092679;
text-decoration:underline;
}
.date{
color:#092679;
margin:8px 0px 0px;
font-size:0.9em;
}
.pagination {
text-align:right;
font-size:1.1em;
font-family:verdana;
margin:15px 0px;
}
.pagination a {
padding:0px 2px;
}
img.obrazekvlevo {
float:left;
margin:0px 10px 10px 0px;
}
img.obrazekvpravo {
float:right;
margin:0px 0px 10px 10px;
}
/******************************************************************
	HACKS
*/
html 			{overflow-y:scroll;} 						/* PRO NON-IE PROHLIZECE PRIDA DOPRAVA SCROLLBAR */
textarea		{overflow:auto;} 							/* V IE ODSTRANI V TEXTAREA SCROLLBAR */
a img 			{border:none;}								/* ODSTRANI BORDER */
button 			{width:auto; overflow:visible;}				/* WWW.VIGET.COM/INSPIRE/STYLING-THE-BUTTON-ELEMENT-IN-INTERNET-EXPLORER/ */
a:link 			{-webkit-tap-highlight-color: #FF5E99;}		/* J.MP/WEBKIT-TAP-HIGHLIGHT-COLOR */
/*
a:active		{position:relative;left:0px;top:1px !important;}		/ * PRI KLIKNUTI POSOUVA ODKAZ O 1PX Z VRCHU * /
*/
::-moz-selection	{background:#5a5a5a; color:#fff; text-shadow: none;}
::selection 		{background:#5a5a5a; color:#fff; text-shadow: none;}

.clearfix:before,											/* NEW CLEARFIX! - RESI PROBLEM S VYTECENIM FLOATOVANYCH PRVKŮ */
.clearfix:after {
content: ".";    
display: block;    
height: 0;    
overflow: hidden;	
}
.clearfix:after {clear: both;}
.clearfix {zoom: 1;} /* IE 5.5/6/7 */

.hidetext {
text-indent:-9999px;
white-space:nowrap;
overflow:hidden;
}
sub, sup {font-size:70%; position:relative;}
sub {bottom:-5px !important;}
sup {top:-5px !important;}



ul.error {
border:1px solid #ff9da1;
padding:0px;
margin:0px;
}
ul.success {
border:1px solid #71a619;
padding:0px;
margin:0px;
}
ul.info {
border:1px solid #7ea7e0;
padding:0px;
margin:0px;
}
ul.error li,
ul.success li,
ul.info li {
list-style:none;
margin:2px;
padding:15px;
display:block;

-webkit-border-radius: 3px;
border-radius: 3px; 
}
ul.error li {
background:#ffcfd1 url(../img/error-bg.png) no-repeat 15px 10px;
color:#a63232;
}
ul.success li {
background:#d6f4a5 url(../img/success-bg.png) no-repeat 15px 10px;
color:#71a619;
}
ul.info li {
background:#d4e6ff url(../img/info-bg.png) no-repeat 15px 10px;
color:#3773ad;
}

#page {
margin:0px auto 20px;
text-align:center;
width:970px;
text-align:left;
background:#fff;
}

/**********************************
		HEADER
**********************************/
#header {
background:#fff url(../img/header1.jpg) top right no-repeat;
margin:0px 5px;
width:960px;
border-bottom:7px solid #344a91;
color:#092679;
font-size:1.2em;
padding-bottom:10px;
}
#logo {
float:left;
margin:20px 60px 0px 30px;
}
#logo span {
display:block;
margin-top:5px;
}
#search{
width:195px;
float:left;
margin:30px 0px 0px
}
#search a:link,
#search a:visited {
color:#092679;
text-decoration:none;
}
#search a:hover {
color:#092679;
text-decoration:underline;
}
#search a.flag-cz,
#search a.flag-en {
float:right;
background:url(../img/flag-cz.gif) no-repeat;
width:16px;
height:11px;
margin-left:5px;
}
#search a.flag-en {
background:url(../img/flag-en.gif) no-repeat;
}
#search form p {
margin:9px 0px 10px;
border:1px solid #344a91;
}
#search form input {
border:0px;
padding:6px 10px 6px;
float:left;
color:#bbbbbb;
width:155px;
height:30px;
}
#search form input.submit {
width:35px;
height:30px;
margin:0px 0px 0px -3px;
padding:0px;
cursor:pointer;
}
#search form input.button {
border:1px solid #344a91;
border-left:0px;
background:url(../img/search-bt.gif) no-repeat;
width:35px;
height:30px;
margin:0px;
cursor:pointer;
}
#hidemenu {
display:none;
}

/**********************************
		CONTENT
**********************************/
#content {
margin:5px;
padding:0px;
width:960px;
min-height:200px;
}

#leftcol {
float:left;
width:200px;
}
#rightcol {
float:right;
margin-left:30px;
width:730px;
}
#rightcol #centerpanel {
float:left;
width:500px;
}
#rightcol #rightpanel {
float:right;
width:200px;
}

/**********************************
		SLIDER
**********************************/
.slider {
height:310px;
overflow:hidden;
width:730px;
margin-bottom:10px;
position:relative;
}
.slider .pics {
position:absolute;
width:730px;
height:310px;
left:0px;
top:0px;

}
.slider .pics img {
}
.slider .pics span.desc {
position:absolute;
bottom:10px;
left:8px;
z-index:30;
color:#fff;
font-size:1.5em;
}
.slider .pics a:link span.desc,
.slider .pics a:visited span.desc {
text-decoration:underline;
}
.slider .pics a:link,
.slider .pics a:visited,
.slider .pics a:hover,
.slider .pics a:hover span.desc {
text-decoration:none;
}
.slider .slider-shadow {
background-color:#696969;
height:40px;
position:absolute;
left:0px;
bottom:0px;
width:730px;
z-index:10;
opacity: 0.8;
filter: alpha(opacity=80);
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
}
.slider #nav {
position:absolute;
bottom:8px;
right:8px;
z-index:30;
}
.slider #nav a:link,
.slider #nav a:visited,
.slider #nav a:hover {
background:#344a91;
color:#fff;
display:inline-block;
height:25px;
line-height:25px;
margin:0px 0px 0px 5px;
text-align:center;
text-decoration:none;
width:25px;
border-radius:12px 12px 12px 12px;
}
.slider #nav a.activeSlide:link,
.slider #nav a.activeSlide:visited,
.slider #nav a.activeSlide:hover,
.slider #nav a:hover {
background:#d92920;
}
/**********************************
		LEFTCOL
**********************************/

#leftcol ul.section {
padding:7px 0px 0px;
margin:0px;
width:200px;
border-bottom:3px solid #fff;
background:#dce8fe;
}
#leftcol ul.section li {
list-style:none;
padding:0px 0px 0px 15px;
}
#leftcol ul.section li div {
border-top:1px solid #9fbaff;
background:url(../img/li.gif) no-repeat 0px 14px;
padding:7px 0px 7px 15px;
}
#leftcol ul.section li a:link,
#leftcol ul.section li a:visited,
#leftcol ul.section li a:hover {
text-decoration:none;
font-weight:bold;
font-family:verdana;
color:#092679;
}
#leftcol ul.section li a:hover {
color:#55ab26;
}
#leftcol ul.section li div.first {
border-top:0px;
}
#leftcol ul.section li.act {
background:#f5f8ff;
}
#leftcol ul.section li.act div {
background:url(../img/li-act.gif) no-repeat 0px 14px;
}
#leftcol ul.section li.act a {
color:#55ab26;
}
#leftcol ul.section ul {
padding:0px;
margin:0px;
width:auto;
border-bottom:0px;
}
#leftcol ul.section ul ul {
padding:7px 0px 7px 15px;
}
#leftcol ul.section ul li {
padding:0px;
background:none;
}
#leftcol ul.section li.act ul li div,
#leftcol ul.section li ul li div {
padding:2px 0px;
border-top:0px;
background:none;
}
#leftcol ul.section ul li a:link,
#leftcol ul.section ul li a:visited,
#leftcol ul.section ul li a:hover {
font-weight:normal;
font-family:verdana;
font-size:90%;
color:#092679;
line-height:1.1em;
}
#leftcol ul.section ul li a:hover {
color:#55ab26;
}


.left-box {
padding:10px 10px 10px 15px;
border-bottom:3px solid #fff;
min-height:180px;

background: #e7e7e7 url(../img/boxleft-bg.gif) repeat-x bottom;
}
.left-box .h2 {
margin: 0px 0px 5px 0px;
padding: 0px;
}
.left-box p {
padding:10px 0px 0px 0px;
margin:0px
}
.right-box{
padding:10px;
margin:0px;
border-bottom: 3px solid white;
/*color: #000081;*/
background: #f0f4ff url(../img/box-bg.gif) repeat-x bottom;
}
.right-box h3 {
margin:0px;
padding:0px;
font-size:1.3em;
font-weight:bold;
color:#55ab26;
}
#content .right-box p {
margin:0px;
padding:0px;
}

/**********************************
		FOOTER
**********************************/
#footer{
width:960px;
background:#fff;
margin:5px auto 0px;
padding:15px 0px;
border-top:3px solid #a6c2ff;
font-size:1.1em;
}
#footer div {
margin:0px 30px;
}
#footer .right {
color:#919090;
text-align:right;
}
#footer .right a {
color:#909090;
font-weight:bold;
text-decoration:none;
}
#footer .right a:hover {
text-decoration:underline;
}
#footer .left a {
color:#000080;
}



/**********************************
		ERROR
**********************************/
#contentError
{
padding:5px;
margin:0px;
color:#555555;
font-size:90%;
font-family:Arial !important;
}
#contentError img
{
float:left;
}
#contentError div
{   
margin:0px; 
padding:0px;
font-size:140%;
}
#contentError hr
{   
border:0px;
border-top:1px solid #555555;
}
#contentError .text
{  
margin:10px 20px 0px 50px !important;
padding:0px;
text-align:left;
}
#contentError .number
{
float:right;   
margin:7px 0px 0px; 
padding:0px 10px 0px 15px;
font-size:200%;
font-weight:bold;
border-left:1px solid #DDDDDD;
}
#contentError p 
{
margin:15px 0px 0px 50px ; 
padding:0px;
font-size:140%;
}

#contentError p a:link, #contentError p a:visited 
{
color:#083AA1;
text-decoration:underline;
}
#contentError p a:hover 
{
color:#083AA1;
text-decoration:none;
}
#contentError .right 
{
float:right;
font-size:140%;
margin:30px 0px;
}