/*layout CSS */
body {
text-align:center; /*center hack*/
min-width:1000px;
padding:0;
margin:0;
}

#pozadi { 
text-align:center; /*center hack*/
min-width:1000px;
width: 100%;
padding:0;
margin:0px auto;
background: url('../images/pozadi-slunce.png') center top no-repeat;
}

#wrapper { 
margin:0 auto; /*center hack*/
text-align:left; /*center hack*/



}

.width_800{
max-width:780px;
width:780px;
}

.width_1024{
min-width:910px;
max-width:1000px;
width:auto !important;
width:1000px;
}

.width_fluid{
min-width:910px;
max-width:97%;
width:auto!important;
width:97%;
}

#heading2{
width:100%;
position:relative;
padding:0px 0px 0px 0px;
z-index:3;

}

#heading{
width:100%;
position:relative;
padding:0px 0px 0px 0px;
z-index:3;

}

#heading h1{
font-size:36px;
font-family:Trebuchet MS, "Myriad pro", "Myriad Web", Geneva, Arial, Helvetica, sans-serif;
text-transform:uppercase;
color:#fff;
margin:0 0 0 14px!important;
padding:0 !important;
}
#heading h1 a{
font-weight:normal;
}
#heading h1 a:hover{
text-decoration:none;
}
a#sitename1{
display:block;
width:300px; /* maximum 500px */
height:71px; /* maximum 68px */
text-indent:-2000px;

}

#slunce_logo {
		 background:url(../images/logo.png);
		 width:300px; height:125px;
		 position:absolute;
		 top:10px; left:14px;
		 z-index: 1000;
		 }

#buttons{
position:absolute;
right:23px;
top:40px;
}
a#alarge.btnicon{
margin-right:8px;
}
a#asmall.btnicon{
margin-right:16px;
}
.btnicon{
float:left;
text-indent:-2000px;
width:10px;
height:23px;
margin-right:6px;
}

a#alarge{
background:url(../images/alarge.png) top left no-repeat;
}

a#amedium{
background:url(../images/amedium.png) top left no-repeat;
}

a#asmall{
background:url(../images/asmall.png) top left no-repeat;
}

#header{ 
margin-top:0px;
position:relative;
z-index:2;

}

#pruh-levy { border:0px solid yellow;
		    position:absolute;
			top:0px; left:0px;
			width:14px; height:251px;
			background:url(../images/pruh-levy.jpg);
			}

#pruh-pravy { border:0px solid yellow;
		    position:absolute;
			top:0px; right:0px;
			width:14px; height:251px;
			background:url(../images/pruh-pravy.jpg);
			}
			
#header .bgbl{
height:45px;
padding:0px 24px 26px 24px;
}

#user3{
display:block;
position:relative;
height:40px;
}
#user3 .moduletable{
margin:0;
}

#header #top{
max-height:200px;
overflow:hidden;
}

#header #top a{
text-decoration:underline;
}

#header #top a:hover{
color:#fff;
}

#header #top .moduletable{
padding-top:6px;
position:relative;}

#header #top .moduletable h3{
background-position:0px 10px;
position:relative;
padding:3px 0 0 25px;
margin:3px 0;
}

#user4 {
position:absolute;
right:0;
bottom: 0px;
color:#000;
z-index:4;
}



#user4 .bg4	{
	   		
			}


#user4 .moduletable, #user4 form, #user4 input{
margin:0;
padding:0;
}

#container{
p_adding-left:18px;
position:relative;
margin-top:10px; 
}
#container .bgright{
padding-top:0px;
margin:0!important;
margin-right:1px;

}
#container .bg{
background: rgba(255, 255, 255, 0.65);
}

#container .bg{
p_adding:12px 24px 0px 24px;
}

#content { border:0px solid blue;
position:relative;
width:100%;
}
#breadcrumbs{ 
padding:5px 0px 15px 10px;
//background:url(../images/bg-breadcrumbs.png) bottom left repeat-x;
margin-bottom:0px;
z-index:5;
position:relative;
bckground: rgba(255, 255, 255, 0.65);
}
.left, .middle, .right{ overflow:hidden;}
.left, .right{
width:205px;
}
.left{
float:left;
margin-left:-100%;
bckground:#fff url(../images/sidebg-b.png) bottom left no-repeat;}

.right{
float:left;
margin-left:-205px;
bckground:#fff url(../images/sidebg-b.png) bottom left no-repeat;}

.left .bgtop, .right .bgtop{
bckground:url(../images/sidebg-t.png) top left no-repeat;
padding:1px 1px 20px 1px;
}

.middlewrap{
float:left;
width:100%;
bckground: rgba(255, 255, 255, 0.65);
}

.middle{ 
bckground:#fff url(../images/middlebg-l.jpg) top left no-repeat;
padding-left: 0px;

}
#middlenarrow{
margin:0 209px;}
#middlewide{
margin:0;
}
#middlewrapleftonly{
float:right;
width:100%;
margin-left:-209px;
}
#middleleftonly{
margin:0 0 0 209px;}
#leftleftonly{
margin:0;
}

#middlewraprightonly{
float:left;
width:100%;
margin-left:-209px;
}
#middlerightonly{
margin:0 0 0 209px;}
#rightrightonly{
float:right;
margin:0;
}

.middle .middlebg{
bckground:#fff url(../images/middlebg-r.jpg) top right no-repeat;
padding:0px 16px 16px 5px;
min-height:400px;
height:auto!important;
height:400px;
}

.middle h1, .middle .componentheading{
background:url(../images/dotted.gif) bottom left repeat-x;
margin-bottom:0.3em;
}
.middle li{
background-position:0px 0px;
padding:0px 0px 0px 10px;
margin-bottom: 2px;
border-left: 10px solid #fecc49;

}

.blog_more li {
		   	  border-left: 10px solid #fecc49;
		   	  }

#user1{
float:left;
width:49.5%;
overflow:hidden;
}
#user2{
float:right;
width:49.5%;
overflow:hidden;
}
#bottom {
border-top:#cdcdcd 1px solid;
margin-top:16px;
}
#bottom .bottombg{
clear:both;
background:#f4f4f3 url(../images/bottombg.png) bottom left repeat-x;
padding:18px 0px;
position:relative;
width:100%;
border-top:#fff 1px solid;
}
#bottom .moduletable{
padding:0px 16px;
}
#bottom .moduletable h3{
background:none;
margin:0;
font-size:1.2em;
text-transform:uppercase;
}
ul.mostread, ul.latestnews{
padding:0;
margin:0;
}
a.mostread, a.latestnews{
background:url(../images/icon_author_bottom.gif) no-repeat;
background-position:0px 1px;
padding-left:18px;
}
#bottom li.mostread, #bottom li.latestnews{
padding:3px 0;
border-top:#fff 1px solid;
}
#bottom li a{
color:#666666;
}
#bottom li a:hover{
text-decoration:none;
}
#footer {
clear:both;
color:#fff;
background-color:#777;
padding:6px 0px;
margin:16px 0;
position:relative;
width:100%;
text-align:center;
}
#footer a{
font-weight:normal;
color:#ccc;}

#footer a:hover{
color:#fff;
text-decoration:none;
}

#footer .footerleft{
float:left;
padding-left:16px;
}

#footer .footerright{
float:right;
padding-right:16px;
}

#reflection-l{
position:relative;
height:54px;
margin-left:-44px;
margin-right:-44px;
padding-left:16px;
}

#reflection-r{
height:54px;
padding-right:16px;
}
#reflection{
height:54px;
}
/*global reset*/

html, body, h1,h2,h3,h4,h5,h6,p,blockquote,form,label,ul,ol,dl,fieldset,address  {
	margin: 0;
	padding: 0;
}
body {
font-size:76%;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
line-height:1.3;
}
h1,h2,h3,h4,h5,h6,p,blockquote,form,label,ul,ol,dl,fieldset,address {
margin: 0.5em 0; 
}
li,dd { 
margin-left:0;
}
fieldset { 
padding:.5em; 
border:0;
}

/*general*/
ul{
list-style:none;
margin-left:1em;
}

ul.menu li ul{
border:0px solid red;
margin-left: 0px;
}

li p{
margin:0;
}
a img{
border:0 none;
}

a{
text-decoration:none;
font-weight:bold;
}
a:hover{
text-decoration:underline;
}
a:active, a:focus{
outline:none;
}

h1,.componentheading{
font-size:1.7em;
font-weight:normal;
margin:0;
padding-bottom:0.1em;
}
h2,.contentheading{
font-size:1.3em;
font-weight:bold;
font-family: Trebuchet MS, Helvetica, Arial, sans-serif;
letter-spacing:-0.02em;
}
h3{
font-size:1.4em;
font-weight:bold;
}
h4{
font-size:1.1em;
font-weight:bold;
}
h5{
font-size:1.1em;
font-weight:bold;
}
h6{
font-size:1em;
font-weight:bold;
}
#footer,.small,.createdate,.modifydate,.mosimage_caption{
font:0.9em Arial,Helvetica,sans-serif;
}
.moduletable, .moduletable_menu, .moduletable_text{
margin-bottom:1em; 
padding:0px 00px 0px 10px; /*padding for inside text*/ 
}
.moduletable h3, .moduletable_menu h3, .moduletable_text h3{
padding:0em 0em 0em 0.5em; 
color: #680a16;
margin:0 -10px 0.5em -10px; /*negative padding to pull h3 back out from .moduletable padding*/ 

}

.clear{
clear:both;
}

/*search */

.search input{/* the input textarea box */
bakground:url(../images/searchbg.png) top left no-repeat;
brder:0;
height:18px;
font-size:11px;
width:182px;
}
.search #mod_search_searchword{
padding:2px 0 0 10px;
}

/*joomla*/

#user3 ul{
margin:0; 
padding:0;
width:auto;
}
#user3 ul li{
margin:0; 
padding:0; 
display:inline;

}
#user3 ul li a {
	   	  	 text-transform:uppercase;
			 padding:10px 10px 5px 10px;
			 float:right;
	   	  	 color:black;
	   	  	 border-bottom: 10px solid #ffcc4a;
			 }

#user3 ul li a:hover {
	   	  	 background: #e0e0e0;
			 text-decoration:none;
			 		 }




ul.menu a, a.mainlevel{
font-size:1.1em;
color:#2a2929;
font-weight:bold;
display:block;
backgound:url(../images/arrow_mainlevel.png) repeat-y;
border-left: 2px solid #c1112f;
border-bottom:#eee 0px solid;
padding:4px 4px 4px 16px;
margin:0px 0px 0px 0px;
}
ul.menu a:hover, a.mainlevel:hover{
text-decoration:none;
}
li#current a, a#active_menu.mainlevel{
font-weight:bold;
}
li#current li a{
color:#2a2929;
font-weight:bold;
background:url(../images/arrow_sub.png) no-repeat;
background-position:4px 10px;
border:none;
}


table.pollstableborder td{
padding:0.2em;
}


.button{
color:#fff;
font-size:13px;
font-weight:bold;
margin:3px 0;
padding:1px 5px;
border:none;
}

* html .button {
	padding: 0px 2px !important; /*IE 6*/
}

*+html .button {
	padding: 0px 2px !important; /*IE 7*/
}

.small, .articleauthor, .createdate, .modifydate{
color:#8a8a8a;
}

.articleauthor, .createdate, .modifydate{
padding-left:18px;
}

.articleauthor{
background:url(../images/icon_author.gif) top left no-repeat;
}

.createdate{
background:url(../images/icon_date.gif) top left no-repeat;
display:block;
padding-bottom:1em;
}

.modifydate{
background:url(../images/icon_updated.gif) top left no-repeat;
padding-bottom:1em;
}

div.banneritem_text{
padding:0.5em 0;
background:url(../images/dotted.gif) bottom left repeat-x;
}

.article_column {
	padding-right: 5px;
}

.column_separator {
	background:url(../images/dotted_v.gif) top left repeat-y;
	padding-left: 10px;
}

table.contentpaneopen, table.contentpane {
	margin: 0;
	padding: 0;
	width: 100%;
}

table.contentpaneopen li {
	margin-bottom: 5px;
}

table.contentpaneopen fieldset {
	border: 0;
	border-top: 1px solid #ddd;
}

td.buttonheading{
text-align:right;
}

div.buttonheading {
	float: right;
	width: 15%;
}

.buttonheading img {
	margin: 0;
	border: 0;
	float: right;
}

table.pollstableborder td{
text-align:left;
}

ul li span.separator { 
				display:block;
				margin: 1em 0em 0.5em 0em;
				}

.readon {
		float: right;
		padding-left: 10px;
		border-left: 10px solid #ffcc4a;
		}
		
#wrapper #heading.pruhlednost {
			 background: rgba(255, 255, 255, 0.65);
			 }
			 
#slide {
	   float:left;
	   margin-bottom: 15px;
	   margin-right: 5px;
	   border:0px solid red;
	   display: inline-block;
	   }
	   
.baner1, .baner2 {
	   border:0px solid red;
	   display: inline-block;
	   width: 268px;
	   height: 123px;
	   max-width:268px;
	   float: left;
	   background: #fecc49;
	   padding: 0;
	   margin-bottom: 3px;
	   }
	   
.baner3	   {
	   border:0px solid red;
	   display: inline-block;
	   width: 268px;
	   max-width:268px;
	   height: 124px;
	   float: left;
	   padding: 0;
	   background: #d8d5d5;
	   margin-bottom: 3px;
	   overflow: hidden;
	   }	   
	   
.baner-peceni	   {
	   border:0px solid red;
	   display: inline-block;
	   width: 268px;
	   max-width:268px;
	   height: 124px;
	   float: left;
	   padding: 0;
	   background: #fff url("../images/pozadi-baner-peceni.png")  no-repeat;

	   margin-bottom: 3px;
	   overflow: hidden;
	   }	   

.baner1 h1, .baner2 h1, .baner3 h1 {
		   font-family: Trebuchet MS;
		   font-size: 1.8em;
		   line-height: 1;
		   color: #c1112f;
		   font-weight:bold;
		   padding: 10px 10px 0px 10px;
		   }
		   
.baner1 p, .baner2 p, .baner3 p  {
		   font-family: Trebuchet MS;
		   font-size: 1.0em;
		   line-height: 1.1;
		   color: #650912;
		   font-weight:normal;
		   padding: 5px 10px 5px 10px;
		   }

