body {
	margin: 0;
	padding: 0;
	background:  #FFFFFF url(/images/hlavicka.jpg) no-repeat top center;
	font-size: 13px;
	color: #7F7F7F;
	
/*         http://www.pisem.cz/vzhled/styl-solution/img/logo-pisem_zaloha.png  */

	
}

body, th, td, input, textarea, select, option {
	font-weight: normal;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

h1, h2, h3 {
	font-weight: normal;
	color: #484848;
}

h1 {
	/*text-transform: lowercase; - rusi velke pismena*/
	letter-spacing: -1px;
	font-size: 24px;
}

h2 {
	/*text-transform: lowercase; - rusi velke pismena*/
	letter-spacing: -1px;
	font-size: 24px;
}

h3 {
	font-size: 2em;
}

p, ul, ol {
	line-height: 200%;
}

blockquote {
	padding-left: 1em;
}

blockquote p, blockquote ul, blockquote ol {
	line-height: normal;
	font-style: italic;
}

a {
	color: #7ACE11;
}

a:hover {
	text-decoration: none;
	color: #7ACE11;
}

/* Header */

#header {
	width: 890px;
	height: 190px;
	margin: 0px auto;
}

/* Logo */

#logo {
	float: left;
	padding: 40px 0 0 0;
}

#logo h1 {
	margin: 0;
	/*text-transform: lowercase; - rusi velke pismena*/
	letter-spacing: -2px;
	  font-size: 0.5em;                       /*---------------------------*/
	font-weight: normal;
	color: #ebebeb;
}

#logo h1 a {
	padding-right: 20px;
	text-decoration: none;
	color: #ebebeb;
}

#logo p {
	margin: -5px 0 0 0;
	text-transform: uppercase;
	font-size: 1.22em;   
	letter-spacing: -1px;
}

#logo a {
	text-decoration: none;
	color: #ff0000;
}

/* Menu */

#menu {
	float: right;
}

#menu ul {
	margin: 0px;
	padding: 140px 140px 0px 0px;      
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	margin-left: 20px;
	text-decoration: none;
	/*text-transform: lowercase; - rusi velke pismena*/
	font-size: 1.40em;
	color: #000000;
}

#menu a:hover, .active a {
	border-bottom: 2px dotted #000000;
	border-top: 2px dotted #000000;
	/*border-left: 3px solid #FFFFFF;
	border-right: 3px solid #FFFFFF;*/
	text-decoration: none;
	color: #f5f5f5;    /* ff4500     #f5f5f5*/
}

/* Page */

#page {
	width: 890px;
	margin: 0 auto;
	display: block;
                   color: #484848;
}

/* Content */

#content {
	float: left;
	width: 700px;
}

.text-jednotlivy {
	padding: 20px 20px;
	background: url(/css/styl-solution/img/bg04.jpg) no-repeat top left;
margin: 0 0 10px 0;

}






.title {
	margin: 0;
	border-bottom: 2px dotted #484848;
	color: #484848;

}


.text-jednotlivy h1 a{ color: #484848; text-decoration: none;  }
.text-jednotlivy h1 a:hover{ color:  #484848; text-decoration: underline;}
.text-jednotlivy ul,.text-jednotlivy ol { margin: 10px 40px; }
.text-jednotlivy p{ margin: 0 0 10px 0; text-align: left; line-height: 22px;}




/* paticka - prechod na sousedni texty*/
p.text-dalsi{ margin: 20px auto 15px; width: 70%}
p.text-dalsi span{display:block}
p.text-dalsi span.left{text-align: left;}
p.text-dalsi span.right{ text-align: right;}


/* paticka textu s informacemi o datu a spol. */
p.text-paticka { margin-top: 15px; text-align: center;  clear: both; background: #f5f5f5; width: 650px; color: #D79B00; border-top: 1px dotted #484848; border-bottom: 1px dotted #484848; border-left: 1px dotted #484848; border-right: 1px dotted #484848;}
p.text-paticka .a-autor:hover{background: none; color: #1e90ff;}
.zvyraznit{ padding: 10px; border: 1px solid #9acd32; background: #f1fbdd; }
.zvyraznit:hover{ border: 1px solid black;}
.div-pokracuj{ clear:both; text-align: right; margin: 0 15px; padding: 0 4px 0 0; font-size: 11pt; font-weight: bold;}


/*

.text-hlavicka{
	margin: 0;
	color: #D79B00;

}
*/
/*
.text-paticka {
	text-align: left;
	color: #646464;
	font-size: 12px;
display: block;

}
*/

/*
.tpata .tema {
	padding-left: 20px;
	background: url(http://www.pisem.cz/vzhled/styl-solution/img/img03.gif) no-repeat left center;
	
}

.tpata .komentar {
	padding-left: 20px;
	background: url(http://www.pisem.cz/vzhled/styl-solution/img/img04.gif) no-repeat left center;
}
*/

/* Sidebar */

#sidebar {
	float: right;
	width: 150px;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}



/* moje-radkovani-zacatek */

#sidebar a { display: block; padding: 3px 0px; padding-left: 20px; border-bottom: 1px dotted #484848;}
/* moje-radkovani-konec */



/*
#sidebar li {
}

#sidebar li ul {
	padding: 15px 0;
}

#sidebar li li {
	padding-left: 20px;
	border-bottom: 1px dotted #7B9418;
}

*/


#sidebar h2 {
	margin: 0;
	padding: 20px 0 0 20px;
	background: url(/images/ikona.jpg) no-repeat left 80%;
	 border-bottom: 3px dotted #484848;
	 font-size:17px ;
}

#sidebar a {
	text-decoration: none;
}

#sidebar a:hover {
}

/* Footer */

#footer {
	clear: both;
	margin: 0px;
	height: 50px;
	background: #F2F2F2 url(/css/styl-solution/img/bg02.jpg) repeat-x left top;
}

#footer p {
	padding: 20px 0;
	text-align: center;
	font-size: smaller;
	color: #717171;
}




/*ladeni*/

/*zarovnani obrazku*/

.img-left{ display: block; float: left;  margin: 0 5px 5px 0; }
.img-right{ display: block;  float: right;  margin: 0 0 5px 5px; }
.img-center{ display: block; margin: 15px auto; }
.img-left p, .img-right p, .img-center p{ text-align:center; color: gray; margin: 3px 0 0 0; padding: 0; line-height:115%;}




/* Smajly.. aby nemely oramovani */
img.smajl{ border: 0; vertical-align: middle; }


/* odkazy na dalsi listy s texty (prehled) */
div.text-strankovani{ text-align: center; margin-top: 15px; padding-top: 5px; border-top: 1px dashed #484848;}
div.text-strankovani a{padding-left: 2px; padding-right: 2px; }




/* ------------------------------ ARCHIV ---------------------------------*/

div.archiv { margin: 15px 0px; background: #fafafa; padding: 5px; border: 1px solid #d7d7d7; }
div.archiv .autori, div.archiv .kategorie, div.archiv .roky { margin: 10px}

div.archiv .roky { margin-bottom: 15px; }
div.archiv .roky h3 {margin: 0 0 5px 0; padding: 0 12px 0 0; float: left;}
div.archiv .roky a { padding-right: 3px;}
div.archiv .roky a span { display: none;} /* skryje pocet textu o odkazu */

div.info-o-archivu { margin: 15px 0 5px;  margin: 10px 10px 25px 40px; }
div.info-o-archivu h3 { }
div.info-o-archivu p { }







/**********************************************************************/
 /*  FORMULAR ZPRAVY */

 #vzkaz fieldset{ border: 0;  margin: 30px 10px;}
 #vzkaz input,#vzkaz textarea,#vzkaz select
 { width: 250px; font-family: "Trebuchet MS", Verdana, sans-serif; font-size: 12px; padding: 2px 3px;
 	background: #c7f4fe; border: 1px solid #1e90ff;}
 #vzkaz select{ padding: 4px;}
 #vzkaz p{ margin: 20px 0;}
 #vzkaz label{ font-weight: bold;}

 #odesilatel:hover, #odesilatel_mejl:hover, #nadpis:hover, #text:hover { background: #f9feff; border: 1px solid #9acd32;}



.komentare-blok{ padding: 10px; margin: 40px 0 15px 0; width: 95%;}
.komentare-blok h3{ color: #82b43f; }
.komentare-jednotlivy{  margin: 30px 10px; line-height: 150%;}
.komentar-hlavicka{ background: #ddf4ff; }
.komentar-hlavicka a{ float: right; width: 45px; text-align: right; text-decoration: none; padding-right: 2px;}
.komentar-hlavicka a.odkaz-editovat { color: crimson; font-style: italic;} /* Odkaz u nadpisu textu/clanku/komentare, kterym se prechazi na jeho primou editaci */
.komentar-hlavicka span{ color: #1e90ff; font-weight: bold; font-style: italic; padding-left: 5px;}
.komentar-udaje{ padding: 4px; background: #e0e0e0; border-bottom: 1px solid #000000; }
.komentar-text{ margin-left: 10px; padding: 4px;}
.komentar-text ul,.komentar-text ol { margin-left: 40px; margin-top: 15px; }
.komentar-sbody{ font-weight: bold; color: #000000; letter-spacing: 1px;}
.komentar-autor{ font-weight: bold; text-decoration: underline; color: #dc143c; letter-spacing: 1px;}
.kom-gravatar{ display: block; float: left; margin: 4px; border: 1px solid black;}
.komentar-zvyraznit{ padding: 2px; background: #e8fcdc; }
.komentar-reakce{ border-bottom: 1px dotted silver; padding: 0px; text-decoration: none;}
.komentar-reakce:hover{ border-bottom: 1px dotted gray; padding: 0px; text-decoration: none; background: #1e90ff;}


 /*formatovani formulare pro komentare*/

 /* FORMULAR NENI ZOBRAZEN */
.no-formular{   width: 75%; margin: 40px auto; padding: 20px; text-align: center; border: 1px solid gray;
 	background: #e0e0e0; }

 #kf{ margin-top: 35px; width: 100%;}
 #kf fieldset{ border: 1px solid #000000; padding: 8px; -moz-border-radius: 8px;}
 #kf legend{ border: 1px solid #000000; padding: 0 10px; background: #e0e0e0; color: black; font-weight: bold;}
 #kf input, #kt{ font-family: "Trebuchet MS", Verdana, sans-serif; font-size: 12px; padding: 1px 3px;
 	background: #ebebeb; border: 1px solid #000000;}
 #kf label{ display: block; float: left; width: 70px; text-align: right; padding: 2px 5px 0 0 ;}
 #kf input{ width: 150px;}
 #kf p{ margin: 4px}
 #kn{ width: 75%; font-weight: bold;}
 #kt{ width: 90%; height: 150px; padding: 4px; }
 #kj:hover,#km:hover,#kw:hover,#kn:hover,#kt:hover{ background: #f5f5f5; border: 1px solid #f5f5f5;}

#syntaxe-odkazy{ margin: 5px 4px; }
#syntaxe-odkazy a{margin-right: 3px;}
#syntaxe-odkaz-na-texy{margin: 10px;} 

 #k-otazka{ width: 75%; margin: 10px 10px 10px 0;  padding:5px; border: 1px solid #1e90ff; background: #e9f5f8;}
 #k-otazka input{ width: 25px;}
 #k-otazka label {display: inline; float: none;}




code{ font-size: 12px; background: #e0ffff;}
blockquote{ margin-left: 5px 20px; }
q{ background: #f8fcdc; border-bottom: 1px solid gray; }
pre { width: 90%; padding: 10px;  border: 1px solid #d3d3d3; background-color: #f2f7f4; overflow: auto;}
pre code {background-color: transparent;}


hr{border: 0; border-bottom: 1px solid green;	margin-bottom: 15px;}

table{ margin: 10px auto; border-spacing: 0px; border-collapse: collapse;}
table th{ background: #9acd32; padding: 5px; text-align: center; border: 1px solid #1e90ff; }
table td{ background: #f0ffff; border: 1px solid #1e90ff; padding: 2px;}


/* FORMATOVANI CLANKU */

 /*.clanek{ display: block; width: 80%; margin: 0px auto;}*/
.clanek{ display: block; margin: 0px auto; background: url(/css/styl-solution/img/bg04.jpg) no-repeat top left;
margin: 0 0 10px 0;}
.clanek p{ text-indent: 15px; margin: 10px 3px; padding: 2px;}
.clanek h2,.clanek h3,.clanek h4{ margin: 2px;  padding:  2px 5px; color: #1e90ff; }
.clanek h2 a.odkaz-editovat { color: crimson; font-style: italic;} /* Odkaz u nadpisu textu/clanku/komentare, kterym se prechazi na jeho primou editaci */
.clanek h3,.clanek h4{ border-bottom: 1px solid #d3d3d3;}
.clanek ul,.clanek ol { margin-left: 40px; }
.clanek-paticka{ text-align: right; margin-top: 35px;}



/* ********** seo lista ********** */
#seo {text-align: center; width: 100%; padding: 1px 0px 4px 0px; border-bottom: 1px solid #233F5F; background-color: #6287AF; color: #efefef; }
#seo a {color: #efefef; padding: 0px 5px 0px 5px; text-decoration: none; }
#seo a:hover {color: #000000; background: none; }
.vydelek-online { font-weight: normal; }

/* ********** tagy/stitky ********** */

.tag:hover {
  color: #9acd32;
}