/* ------------------------------------------------------------------------------------------------------------------ */
/* ++++++++++++++++++++++++++++++++++++++++++++       LAYOUT       ++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ------------------------------------------------------------------------------------------------------------------ */

body, table, th, td, div, p, caption, tr, form, strong, em, a {
	margin:0; padding:0; border:0 none}

body {
	background-color:#f4f9f4;
	padding:0;
	text-align:center;
}

img {
	margin:0; padding:0; border-style:none}

/* -----  COMMON  ------------------------------ */

#main-container {
	width:100%; margin:0 auto;
	background-image:none; background-repeat:repeat-y; background-color:#ced2d6;
	text-align:center}

/* -----  TOP  ------------------------------ */

#top-container {
	width:100%; height:auto;
	background-image:none; background-position:top; background-repeat:repeat-y; background-color:#fff;
	text-align:center}

img#jip-pruvodci-logo {
	position:inherit;}

/* -----  TOP-MENU  ------------------------------ */

#topmenu-container {
	width:100%; margin: 2px auto; padding: 0; text-align:center;
	background-image:none; background-repeat:repeat-x; background-color:#D6EADA;}

/* -----  HEADINGS  ------------------------------ */

#heading-container {
	width:100%; margin: 2px auto; padding: 0;
	background-color:#ffffff;}

#heading-left-column {
	float:none; width:100%; text-align:center;}

#heading-left-column-inside {
	font-size:0px;
	padding:10px 0 0 0px; text-align:center;}

#heading-right-column {
	margin:0; text-align:center}

#heading-right-column-inside {
	padding:10px; text-align:center;}

#heading-left-column-inside img{
	margin:0 8px 0 8px;}

/* -----  TEXTBOX  ------------------------------ */

.textbox-container {
/*	border:1px solid green;    */
	width:100%; margin: 0px auto 0 auto; padding: 0; clear:both;
	background-image:none; background-repeat:repeat-y; background-color:#fafafb;}

.textbox-left-column {
/*	border:1px solid green;    */
	float:none; width:100%; text-align:center}

.textbox-right-column {
/*	border:1px solid green;    */
	margin:0; text-align:center}

.item-text {
	width:100%; clear:both;
	background-image:url(../obrazky/textbox_leftcol_bcg.gif); background-repeat:no-repeat; background-color:#fafafb; background-position:top left;
	margin: 0 auto; padding:0; text-align:center;}

.item-text-inside {
	padding:20px 15px 8px 16px; margin:0 auto; text-align:center}

.item-aktu {
/*	width:206px;  */
	background-image:url(../obrazky/textbox_lefttcol_bcg.gif); background-repeat:no-repeat; background-color:#fafafb; background-position:top left;
	margin: 0 auto; padding:0; text-align:center;}

.item-aktu-inside {
	padding:20px 15px 8px 16px; margin:0 auto; text-align:center}

.item-pic {
/*	width:210px;  */
	background-color:#ededed; font-size:0px;
	margin: 0 auto; padding:0; text-align:center;}
	
.item-pic-inside {
	padding:3px 0px 3px 0px; margin:0 auto; text-align:center}

.item-pic-inside img {
	display:block;
	margin:0 auto;}

* html .item-pic-inside img {
	display:inline;
	margin:0 2px 0 0;}

.special-divider {
	width:100%; height:1px; margin:0 auto; padding:0; font-size:0px; line-height:0px; clear:both;}

.special-divider-2px {
	width:100%; height:2px; margin:0 auto; padding:0; font-size:0px; line-height:2px;
	background-color:#ced2d6; clear:both}

.special-divider-4px {
	width:100%; height:4px; margin:0 auto; padding:0; font-size:0px; line-height:4px;
	background-color:#ced2d6; clear:both}

/* -----  BOTTOM  ------------------------------ */

#bottom-container {
/*	border:1px solid blue;  */
	margin: 0 auto; padding: 0; clear:both;
	width:100%; background-image:none; background-repeat:repeat-y;}

#bottom-inner-container {
	width:100%; background-image:none; background-repeat:no-repeat; background-position:bottom;
	background-color:#fff;
	padding:12px 0 15px 0; text-align:left}

* html #bottom-inner-container {
	padding-bottom:10px;}

img#synapse-logo {
	float:right; padding:0 0 0px 0; margin:-3px 15px 0 15px;}
	

/* ------------------------------------------------------------------------------------------------------------------ */
/* ++++++++++++++++++++++++++++++++++++++++++++        TYPO        ++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ------------------------------------------------------------------------------------------------------------------ */


/* -----  COMMON  ------------------------------ */

.invisible {
	display:none}
	
body, input, textarea {
	font-size:100%; font-family:Trebuchet MS, Arial CE, Verdana, sans-serif; font-weight:normal;}

a {
	text-decoration:underline; color:#e5004f; font-weight:bold;}
	
a:hover {
	text-decoration:none;}

a.plain {
	color:#ffffff; text-decoration:none; background-color:inherit;}

a.plain:hover {
	color:#616161; text-decoration:none}

h2, h3, h4, h5, h6 {
	font-weight:bold; text-align:left;
	margin:0; padding:0; line-height:normal;}

/* -----  TOP, MENU etc.  ------------------------------ */

#topmenu-container p {
	font-size:0.66em; font-weight:bold;
	padding:9px 0 8px 0; margin:0 auto}

#topmenu-container span {
	display:none}

#topmenu-container p a {
	margin:0px; padding:3px 15px 3px 15px; text-decoration:none;
	color:#62776d;}

#topmenu-container p a:hover {
	color:#e5004f;}
	
#topmenu-container p a.selected {
	color:#176b37;}

/* -----  HEADINGS  ------------------------------ */

#heading-right-column-inside h2 {
	font-size:1.1em; font-weight:bold; color:#529267;
	padding: 0; margin:0; text-align:center;}

/* -----  TABLES  ------------------------------ */

.item-text-inside table {
	width:100%; color:#5c5e67; font-weight:normal;
	margin:0px auto 10px auto;}

caption {
/*	border:2px solid #CED2D6; color:#8E95A5;  */
	background-color:#f2f8f3;
/*	color:#797e9a;    */
	font-size:0.9em; font-weight:bold; margin-bottom: 0px;
	padding:8px 5px; text-align:center;}

td, th {
	font-size:0.75em; padding:6px 15px;}
	
th {
	font-weight:bold; text-align:center;}

.leva {
	text-align:left; font-weight:bold;}

.stred {
	text-align:center;}

.light {
	background-color:#fff;}
	
.dark {	
	background-color:#f6faf6;}

/* -----  TEXT BOXES  ------------------------------ */

.item-text-inside h3 {
	color:#595f84; font-size:0.93em; font-weight:bold; margin-bottom:15px;}

.item-text-inside h4 {
	color:#799A84; font-size:0.9em; font-weight:bold; margin-bottom:15px; margin-top:2px;}

.item-text-inside h4 span {
	padding:0 3px; border:2px solid #CED2D6; background-color:#fff; margin-right:8px; color:#8E95A5;}

.item-text-inside h5 {
	color:#6c6f7f; font-size:0.8em; font-weight:bold; margin-bottom:4px;}

.item-text-inside p {
	font-weight:normal; font-size:0.75em; line-height:1.6em; 
	text-align:left; margin:0 0 15px 0; color:#51566f}

.item-text-inside p img.newwin {
	display:inline; vertical-align:baseline;}

.item-text-inside ul {
	font-weight:normal; font-size:0.75em; line-height:1.6em; 
	text-align:left; margin:0 0 15px 0; padding:0 0 5px 3em; color:#6c6f7f}

.item-text-inside ul ul {
	font-weight:normal; font-size:1em; line-height:1.6em; 
	text-align:left; margin:2px 0 5px 0; padding:0 0 5px 1.5em; color:#6c6f7f}

p.mini {
	float:right; width:100px; text-align:right; color:#6c6f7f;
	font-size:0.55em; padding:0; margin:30px 32px 0px 0px;}

* html p.mini {
	margin-right:16px;}

p.mini a {
	font-weight:normal;}

p.mini a:hover {
	font-weight:bold;}

.item-aktu-inside h4 {
	color:#969AB1; font-size:0.75em; font-weight:bold; margin-bottom:8px;}

.item-aktu-inside p {
	font-weight:normal; font-size:0.6em; line-height:1.7em; 
	text-align:justify; margin:0 0 8px 0; color:#6c6f7f}

* html .item-aktu-inside p {
	overflow:visible;}

.first {
	background-image:url(../obrazky/bimbak.gif); background-repeat:no-repeat; background-position:left center;
	padding:2px 0px 2px 25px; margin:0 0 0 1px;}

.first-small {
	background-image:url(../obrazky/bimbak.gif); background-repeat:no-repeat; background-position:left center;
	padding:1px 0px 2px 22px; margin:0 0 0 2px;}


/* -----  FORMULARE  ------------------------------ */

input.email {
	width: auto; height: 21px !important; line-height: 20px !important;
	margin: 0; vertical-align: middle; padding: 3px 0 0 3px;
	font-weight:bold;
	border:2px solid #89b499; color:#000; background-color:#fff;}

* html input.email {
	height: 19px !important; padding: 2px 0 3px 3px;}

.narrow {
	width: auto !important;}

textarea.email {
	width: auto;
	margin: 0; padding: 3px 0 0 3px;
	font-weight:bold;
	border:2px solid #89b499; color:#000; background-color:#fff;}

.item-text-inside p label {
	font-weight:bold; margin-left:10px; color:#759f84;}

.item-text-inside p input.butt {
	margin: 0 0 0 10px;
/*	padding: 0px 10px; line-height: 20px; */
	font-weight:bold;
	border:2px solid #e5004f;
	color:#80838f; background-color:#fafdfb;
	cursor:pointer;}

* html .item-text-inside p input.butt {
	padding: 1px 0 0 0;
	vertical-align:middle; }

.item-text-inside p input.butt:hover {
	border-color:#e5004f; color:#80838f; background:#fff;}


/* -----  BOTTOM  ------------------------------ */

#bottom-inner-container p {
	font-size:0.7em; color:#7e8195; 
	margin:0px 47px 0px 15px; }
	
#bottom-inner-container p a {
	font-weight:normal; color:#7e8195;}

#bottom-inner-container p a:hover {
	color:#e5004f;}