﻿/* Global tags */

html, body, div, form
{
	margin: 0;
	padding: 0;
}

html
{
	background-color: white;
}

body
{
	background: white url('../vzhled/pozadi.jpg') left top repeat-x;
	text-align: center;
	font-size: small;
	padding: 20px 0 0 0;
}


#portal
{
	text-align: left;
	margin: 0;
	font-size: 110%;
	margin: 0 0 0.5em 0;
/*	color:#4e9f26; */
	text-decoration: none;
}


table#portal a {
	color:#4e9f26;
	background: url(../vzhled/tecka.png) left 3px no-repeat;
	padding: 0 0 0 20px;
}


#portal-cara {
	background: url(../vzhled/cara.png) no-repeat;
	height:20px;	
	width: 560px;
	position: relative;
}

a {
	color:#ED804A;
	text-decoration: none;
}


/* td {
	text-align: left;	
}
*/
#header, #sidebar, #footer
{
	font-family: Futura, Verdana, Arial, Geneva, Helvetica, sans-serif;
}

/* Page blocks */

#container
{
	position: relative;
	text-align: justify;
	background: #fff;

}

#page{
	width: 870px; margin: 0 auto;
	background: #fff; position: relative;
	border: 1px solid #333; text-align: left;
}

#head{
	height: 190px;
	display: block;
}

#content, #content2, #right 
{
	position: relative;
	top: 0px;
}

#content2 td {
	text-align:center;
}

#right2 {
	position: relative;
	top: 0px;
}

#content
{
	width: 630px;
	background: url(../vzhled/poz.png) repeat-y;
	position: relative;
}

#content-inside{
	padding: 40px 30px;
	z-index: 3;
	position: relative;
}

#content-top{
	background: url(../vzhled/poz_horni.png) no-repeat;
	height: 114px;
	width: 630px;
	position: absolute;
	top:0; left: 0;
}

#content-bottom{
	background: url(../vzhled/poz_dolni.png) no-repeat;
	height: 114px;
	width: 630px;
	position: absolute;
	bottom:0; left: 0;
}

#content2
{
	width: 620px;
}

#content, #content2
{
	font-family: "Futura", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Lucida", "Verdana", "Arial", "Geneva", "Helvetica", "sans-serif";
/*	font-family:  "Lucida Grande", Lucida, Verdana, Arial, Geneva, Helvetica, "sans-serif";*/
	font-size: 100%;
	line-height: 1.5em;
/*	color: #222; */
margin-right: 20px;
	float: right;
	clear: none;
}

#content h1, #content h2, #content h3, #content h4 {
	font-weight: normal;
	font-family: "Futura", "Century Gothic", "Trebuchet MS", "Verdana", "Arial", "Geneva", "Helvetica", "sans-serif";
	color:#4e9f26;
}

#content h2
{
	font-size: 153.9%;
	/*color: #0066cc;*/
	margin: 0 0 0.5em 0;
}

#content h3
{
	clear: both;
}
#content h4
{
	font-size: 110%;
	font-weight: bold;
	margin: 0 0 0.5em 0;
}

#content small
{
	font-size: 85%;
	color: #666;
}

#content cite
{
	font-family: "Futura", "Hoefler Text", Georgia, "Times New Roman", Times, serif;
	letter-spacing: 3px;
	font-style: italic;
	color: #666;
}

#content p
{
	text-align: justify;
	margin: 0 0 1em 0;
}

#content pre
{
	margin: 15px 0px 15px 0px;
	padding: 2px;
	width: 530px;
	border: 1px dashed #666;
	background: #eeeeee;
}

#content code
{
	font-size: 100%;
}

#content ul{
	margin: 0; padding: 0;
}

#content li{
	margin: 5px;
	/*list-style-image:url('../vzhled/sipka.gif');*/
	list-style: none;
	background: url(../vzhled/tecka.png) left 3px no-repeat;
	padding: 0 0 0 20px;
}

#header
{
	/*background-color: #f3f2ed;*/
	height: 150px;
	width: 770px;
	position: absolute;
	top:20px; left: 20px;
	background: white url('../vzhled/hlavicka.jpg')  no-repeat;
}

#logo{
 position: absolute; background: url(../vzhled/logo_pastelka.jpg) no-repeat;
 width: 168px; height: 150px;
 top:20px; right: 20px;
}

#articlehead
	{
	padding: 1em 0 0.5em 0;
	border-bottom: 1px solid #cccccc;
	margin-bottom: 1em;
}

ul#sidebar
{
	float: right;
	width: 185px;
	padding: 0 0px 5px 0;
	margin: 0;
	color: #000;
	font-size: 100%;
	line-height: 1.2em;
	list-style-type: none;
/*	background-color: #ebebeb;*/
}

ul#sidebar table, ul#sidebar tr, ul#sidebar td
{
	font-size: 11px;
	text-align: center;
	padding: 0;
	margin: 0;
}

ul#sidebar table
{
	padding-top: 5px;
	margin: 0 auto;
}

ul#sidebar td
{
	padding: 0 2px 0 2px;
}

ul#sidebar p.calendar
{
	text-align: center;
}

ul#sidebar li.sideitem
{
	display: block;
	width: 185px;
	margin: 0;
	padding: 0;
}

ul#sidebar p, ul#sidebar ul, ul#sidebar ol
{
	margin: 10px 10px 0 10px;
	text-align: center;
}

ul#sidebar h2
{
	display: block;
	padding: 0 0 5px 0;
	margin: 20px 0 0 0;
	width: 185px;
	height: 25px;
	background: #383f43 url(../images/side-title.png) no-repeat center;
	line-height: 25px;
	text-align: center;
	color: #77B8EA;
/*	color: #0cf;*/
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0;
}

ul#sidebar ul
{
	list-style-type: none;
	list-style-position: outside;
	padding: 0 0 0 16px;
}

ul#sidebar li.sideitem form
{
	padding-top: 10px;
}

ul#sidebar li.sideitem form p
{
	padding: 0;
	margin: 0;
	text-align: center;
}

ul#sidebar li.sideitem input
{
	width: 150px;
	margin: 0;
	padding: 2px;
	border: none;
	border: 1px solid #ccc;
}

ul#sidebar ul li
{
	margin: 6px 0 6px 0;
}

ul#sideimg
{
	float: right;
	width: 185px;
	padding: 20px 0px 5px 0;
	margin: 0;
	color: #000;
	font-size: 100%;
	line-height: 1.2em;
	list-style-type: none;
}

ul#sideimg li
{
	display: block;
	width: 185px;
	margin: 0;
	padding: 0;
}

ul#sideimg p
{
	margin: 10px 10px 0 10px;
	text-align: left;
}

.imagelist img
{
	display: block;
	border: none;
	margin: 4px auto;
}

ul.a_list li {
	display: inline;
}

ul.a_list li a {
	color: black;
	text-decoration: none;
}

div#right
{
	width: 185px;
}
div#right2
{
	width: 155px;
	text-align: center;
}

div#right, div#right2
{
	clear:none;
	float: left;
	display: block;
/*	padding: 0 0px 5px 0;*/
	padding: 0;
	margin: 0;
}

ul#menu
{
/*	font-family: "Lucida Grande", "Lucida Sans", Lucida, Verdana, Arial, Geneva, Helvetica, "sans-serif";*/
	font-family: "Futura", "Lucida Grande", "Lucida", "Verdana", "Arial", "Geneva", "Helvetica", "sans-serif";
	float: left;
	margin: 0;
	padding: 0px;
	width: 100%;
/*	border: 1px solid #dfdfdf; */
}

* html ul#menu
{ /*IE only rule. Delete extra margin-bottom*/
	margin-bottom: 0px;
	width: 100%;
}

#right ul#menu
{	
	background: white url('../vzhled/pastelky_menu.jpg') right top;
	/* background: #4e9f26; */
	list-style-type: none;
	width: 100%;
	margin-bottom: 20px;
}

ul#menu li
{
/*	line-height: 185%;*/
	line-height: 45px;
	width: 100%;
/*	border-top: 1px solid; */
	border-color: White;
	list-style-type: none;
}

ul#menu li#roh
{
	background: #ed804a;
	background:transparent url(rohMenu.png) no-repeat scroll right bottom;	
	/*border-top:1px solid white;*/
	height:14px;
	width:100%;
	list-style-type: none;
	margin: 0;
}


ul#menu li a
{
	/*float: left;*/
	color: white;
	font-weight: normal;
	font-size: 150%;
	text-decoration: none;
	width: 100%;
	list-style-type: none;
	display: block;
}

#right ul#menu a:hover
{
	background: white url('../vzhled/pastelka_seda.jpg') no-repeat right top;
	/*background-color: #a5f87c;*/
	list-style-type: none;
}

ul#menu li.active
{
	background: white url('../vzhled/pastelka_seda.jpg') center top;	
	/* background-color: #cff7bb; */
	list-style-type: none;
}

#footer
{
	clear: both;
/*	padding: 40px 0; */
	text-align: right;
	
	height: 20px; 
	margin: 0;
	line-height: 20px;
	font-size: 85%;
}

#footer small

{
	font-size: 5%;
	height: 2px; 
}

#footer a {
	color: #4e9f26;
}


.fashionBottom {
	
	padding-top: 0;
	height: 130px;
	width: 100%;
	margin: 0;
}

#container #ohyb {
	background:transparent url('../vzhled/ohyb.png') no-repeat scroll right top;
	height:40px;
	text-align:right;
	width:100%;	
	clear:none;
}

/*#header
{
	height: 90px;
	width: 770px;
	clear: both;
	background: #FDD041 url('../vzhled/logo.jpg') 40% 40% no-repeat;
}
*/

#aktuality {

	}



#aktuality li{
	margin-top:0.7em;
	}


#aktuality a {
	font-weight: bold;
	text-transform: uppercase;
}


#aktuality strong {
	font-weight: bold;
	text-transform: uppercase;
}


.pata {
	padding: 3px;
	padding-right: 10px;
	
	text-align: right;
	height: 30px;
	clear: both;
	color: black;
}

.obrVlevo {
	float: left;
	margin: 10px;
	border: 0;
}


