/*  
Theme Name: Zarovka oranzova downhead
Theme URI: http://www.kuranda.cz/
Description: Tema je vytvoreno pro web www.kuranda.cz.
Author: Michal Kuranda
Author URI: http://www.kuranda.cz/

Toto tema neni v zadnem pripade volne siritelne. Pokud by doslo k poruseni autorskych prav, majitel schopen ucinit pripadne pravni kroky nunte k jeji naprave. 

doplnkova barva tmava : #EF3E15, tmavsi na H : #B61701 , svetla : #FED78F
*/


.zkus{
	background-image: url(images/zkuseb.gif);
   height: 72px; width: 406px;
	position:absolute; top:0; right:0;
   z-index:2;
}
.neviditelne{display:none;}
.centrovani{text-align: center;clear:both;}
.clearing{clear:both;}
.left{float:left;}
.right{float:right;}
img{border: none; margin:auto; padding:0; }
hr{clear: both;}

h1{} 

#obsah h2 {font-size: 3em; margin: 5px 0 0 0;color: white;}
.logo h2{margin: 0;}
h3{font-size: 1.9em;margin: 5px 5px 0 0;color:#1686F0;}
h3 a{color:#1686F0;}
h4{font-size: 1.2em; margin: 0 5px 0 5px;}
p{
	padding-top: 15px;
	line-height: 20px;
}
a {cursor: hand;text-decoration: none;color: white;}
a:hover { text-decoration: underline;  }
strong{
	
}
em{
	font-style: italic;	font-weight: normal;
}
ul{
	margin: 0;
	padding: 5px 0 5px 25px;
	text-align: left;
}
/*smazany obsah*/
del{
	
}
span{

}


/*text formating*/
#wrap .alignleft, #wrap .alignright,#wrap .aligncenter {
        padding:5px;
        margin:5px;
        }
#wrap .alignleft {float: left; margin-right:10px;}
#wrap .alignright {float: right; margin-left:10px;}
#wrap .aligncenter {float:center;}

#wrap p .alignleft {float: left; margin:0 10px 0 0px;}
#wrap p .alignright {float: right; margin:0 0px 0 10px;}
#wrap p .aligncenter {float:center;}

/*layout*/
body{

	margin: 0px; padding: 0px;
	text-align: center;
	font: normal normal normal 0.8em/normal Arial, Helvetica, sans-serif;
}
#absolute{
	background: White url(images/body_background.gif) repeat-x top;
	text-align: center;
}
#wrap{
	margin: 0 auto; padding:0;
	width: 740px;
	background: transparent url(images/wrap_background.gif) no-repeat top center;
}
#logo{
	margin: auto;
	padding: 0;
	text-align: center;
	width: 740px;
	height: 165px;
	position: relative;
	overflow: hidden;
	background: #3590E6;
}
#logo span{
   margin: auto;
	width: 740px;
	height: 165px;
	background: transparent url(images/logo.gif) no-repeat center;
	position: absolute;
	top: 0;
	left: 0;
}
#menu{
	margin: 0 auto 0 auto; position: relative;
	width: 740px; height: 378px;	_height: 388px;
	background-color: transparent;
}
#menu a{
	display: block; position: relative;
	color: #004688; text-align: center;
   overflow: hidden; cursor: hand; 
}
#menu a:hover{
	text-decoration: none;
	color: #0A1834;
}
#menu a span{
	position: absolute; top: 0; left: 0;
}

#menu .portfolio{
	width: 120px; height: 40px;
	position: absolute;	top: 18px;	left: 179px;
	background-color: inherit;
}
#menu .portfolio a{
	width: 120px; height: 40px;
	background-image: url(images/menu/portfolio.gif);
}
#menu .portfolio a span{
	width: 120px;	height: 40px;
	background: url(images/menu/portfolio.gif) no-repeat 0 0;
}
#menu .portfolio a:hover span{
	width: 120px;	height: 40px;
	background: url(images/menu/portfolio.gif) no-repeat 0 -40px;
}
#menu .tvorba{
	width: 165px;	height: 40px;
	position: absolute; top: 152px; left: 115px;
	background-color: inherit;
}
#menu .tvorba a{
	width: 165px;
	height: 40px;
	background-image: url(images/menu/volna_tvorba.gif);
}
#menu .tvorba a span{
	width: 165px;	height: 40px;
	background: url(images/menu/volna_tvorba.gif) no-repeat 0 0;
}
#menu .tvorba a:hover span{
	width: 165px;	height: 40px;
	background: url(images/menu/volna_tvorba.gif) no-repeat 0 -40px;
}


#menu .blog{
	width: 80px;	height: 40px;
	position: absolute; top: 52px; right: 223px;
	background-color: inherit;
}
#menu .blog a{
	width: 80px;	height: 40px;
	background-image: url(images/menu/blog.gif);
}
#menu .blog a span{
	width: 80px;	height: 40px;
	background: url(images/menu/blog.gif) no-repeat 0 0;
}
#menu .blog a:hover span{
	width: 80px;	height: 40px;
	background: url(images/menu/blog.gif) no-repeat 0 -40px;
}

#menu .jsem{
	width: 127px;
	height: 40px;
	position: absolute; top: 229px; left: 170px;
	background-color: inherit;
	border: 1px solid Black;
}

#menu .kontakt{
	width: 120px;	height: 40px;
	position: absolute; top: 215px; right: 154px;
	background-color: inherit;
}
#menu .kontakt a{
	width: 120px;
	height: 40px;
	background-image: url(images/menu/kontakt.gif);
}
#menu .kontakt a span{
	width: 120px;	height: 40px;
	background: url(images/menu/kontakt.gif) no-repeat 0 0;
}
#menu .kontakt a:hover span{
	width: 120px;	height: 40px;
	background: url(images/menu/kontakt.gif) no-repeat 0 -40px;
}

/*nadpisy*/
.portfolio_n{
	width: 320px;	height: 120px;
	margin: 15px 10px 15px 0;
	position: relative;
	overflow: hidden;
}
.portfolio_n span{
	width: 320px; height: 120px;
	position: absolute;
	background: transparent url(images/nadpis/portfolio.gif) no-repeat top left;	clear: both;
}

.volna_tvorba_n{
	width: 600px;	height: 120px;
	margin: 15px 10px 15px 0;
	position: relative;
	overflow: hidden;
}
.volna_tvorba_n span{
	width: 600px;	height: 120px;
	position: absolute;
	background: transparent url(images/nadpis/volna_tvorba.gif) no-repeat top left;	clear: both;
}
.blog_n{
	width: 320px;	height: 120px;
	margin: 15px 10px 15px 0;
	position: relative;
	overflow: hidden;
   float:left;
}
.blog_n span{
	width: 320px;	height: 120px;
	position: absolute;
	background: transparent url(images/nadpis/blog.gif) no-repeat top left;	clear: both;
}

.kontakt_n{
	width: 350px;	height: 120px;
	margin: 15px 10px 15px 0;
	position: relative;
	overflow: hidden;
   text-align: left;
   float:left;
}
.kontakt_n span{
	width: 350px;	height: 120px;
	position: absolute;
	background: transparent url(images/nadpis/kontakt.gif) no-repeat top left;	clear: both;
}

/* // nadpisy*/

/*obsah*/
#obsah{
	background: #252525 url(images/obsah_background.gif) no-repeat;
	color: white;
	margin: 14px auto 0 auto;_margin: 0 auto 0 auto; 
	width: 686px;
	height: auto;
	position: relative;
}
#obsah .matrjoska{
	padding: 20px 20px 170px 20px;
	text-align: justify;
	background-color: transparent;
}
#obsah #roh{
	width: 686px;
	height: 170px;
	background: transparent url(images/obsah_roh.gif) no-repeat top left;
	position: absolute; bottom: 0px; _bottom: -1px; left: 0px; 
   text-align:center;
}
#obsah{color:white;}
#obsah .matrjoska h3 a {color:#1686F0;}
#obsah .matrjoska h2,#obsah .matrjoska .post-content h2{color:white; }
#obsah .matrjoska h3{color:#6390FF; margin:0; padding:0;}
#obsah .matrjoska h4{color:#0078FF; }
#obsah .matrjoska a{text-decoration:underline}
#obsah .matrjoska a:hover{text-decoration:none}
#obsah .matrjoska hr{
	width:500px; display: block;
}
#obsah em{}
/*#obsah p{margin:5px 30px 5px 30px;}*/
#obsah #roh .copyright{
	margin: 50px auto 0 auto;
	color: #5A5A5A;
	width: 600px;
	text-align: justify;
	background-color: #252525;
}
#obsah #roh .copyright a{color: white;}
#obsah #roh .copyright p{margin: 0; padding:0;}
#obsah hr{background-color:#252525; border:1px solid #252525;}
#paticka_zasuvka{
	width: 740px;
	height: 128px;
	background: transparent url(images/paticka_zasuvka.gif) no-repeat top center;
   position: relative;
}
/*ramecek*/
.ramecek{
	width: 322px;
	padding-top: 0px; 
	background-color: #252525;
	text-align: center;
	color: #00213F;
   float: left;
}
.ramecek .ram_background{
	width: 310px;
	background: White url(images/ramecek/ram_background.gif) repeat-y center;
   margin: auto;
}
.ramecek .ram_matrj{
	margin: 17px auto 0px auto;
	min-height: 202px;
}
.ramecek .horni { width: 310px; background: url(images/ramecek/horni.gif) no-repeat top; padding: 17px 0 0 0;}
.ramecek .dolni { width: 310px; min-height: 180px; background: url(images/ramecek/dolni.gif) no-repeat bottom;}

.ramecek .ram_obrazek{
	width: 272px; 
	margin: 0 auto 0px auto; padding:0;
	border: 1px solid #EAEAEA;
	position: relative;
}
.ramecek .ram_obrazek img{margin: 0 0 0 0; padding:0; border:none;}/*možná nutná oprava nepochopitelné -16px*/
.ramecek .web,.ramecek .tiskovina,.ramecek .ostatni{width: 272px; height: 210px; position: absolute; bottom:0; left:0;}
.ramecek .ram_obrazek .web { background: transparent url(images/ramecek/web.gif) no-repeat top left;}
.ramecek .ram_obrazek .tiskovina { background: transparent url(images/ramecek/tiskovina.gif) no-repeat top left;}
.ramecek .ram_obrazek .ostatni { background: transparent url(images/ramecek/ostatni.gif) no-repeat top left;}

.ramecek .ram_okraj{
	padding: 5px 20px 20px 20px;
	text-align: justify; 
}
#obsah .ramecek .ram_okraj h4{margin: 0 4px 4px 4px;}
#obsah .ramecek .ram_okraj h3,#obsah .ramecek .ram_okraj h3 a{margin-bottom:2px; padding:0 2px 0 2px;}
#obsah .ramecek .ram_okraj h3 a {display: block;text-decoration: none;border-bottom: 1px solid #A9C3F1;}
#obsah .ramecek .ram_okraj h3 a:hover {border-bottom: 1px solid white;}
/*#obsah .ramecek .ram_okraj h4{
	color: #00213F;
	margin: 0 5px 5px 5px;
	padding: 0px;
	font-weight: bold;
}*/
.ramecek .ram_okraj p{	margin: 0px 5px 5px 5px;}
.ramecek .ram_okraj hr{background-color:white; border:1px solid white;}
/* // ramecek*/

/* ram_hl*/
.ram_hl_background{
	text-align: center;
	width: 640px;
	background: transparent url(images/ramecek_hlavni/ram_hl_background.gif) repeat-y center;
	color: #00213F;
}
.ram_hl_matrjoska {
	/*margin: 10px 30px 0px 30px;*/
	margin: auto;
	width: 560px; /*pokus se ?ou*/
	text-align: left;
	background: White;
}
.ram_hl_matrjoska hr{
	/*width: 500px;*/ display: block;
   margin: auto; background: white; border: 1px solid white;
}
.ram_hl_horni {
	width: 640px;
	background: url(images/ramecek_hlavni/ram_hl_horni.gif) no-repeat top;
	padding: 17px 0 0 0;
}
.ram_hl_dolni {
	width: 640px;
	min-height: 200px;
	background: url(images/ramecek_hlavni/ram_hl_dolni.gif) no-repeat bottom;
	padding-bottom: 30px;
}
#obsah .ram_hl_background hr{background-color:white; border:1px solid white;}
/* // ram_hl*/

/*//layout*/

/*post*/

#obsah .post_data{
	width: 580px; margin: 0 auto; 
	background-color: #252525;
	font-weight: bold;  color: white;
   text-align: left;
}
#obsah .post_data span a, #obsah .post_data small a{color: white; text-decoration: underline;}
#obsah .post_data span a:hover, #obsah .post_data small a:hover{color: #FED78F; text-decoration: none;}
.post small{/*další nformace*/color: white;}
.post small
.post .post_obsah{
	margin:10px;
}	
.post_data .post_kategorie{
	float:left;
}
.post_data .post_komentare{
	float: right;
	background: #252525 url(images/comment.gif) no-repeat left;
padding-left:25px;
}

.post p {	
   text-align: justify;
   padding: 0px 5px 20px 5px; margin: 5px 2px 0 0; 
}
.post .post-calendar{width: 50px;font-family: Georgia,"Times New Roman", Times, serif;font-size: 1.5em;float:right;margin-top:10px;}
.post .post-datum{float:right;color:#9FCDF8;}
.post .post-den{color:#EF3E15;font-size: 1.5em;}
.post .post-mesic{color:#FED78F;}
.post .post-rok{float:right;color: #0058BC;font-size: 0.7em;}
.post .post-paticka {padding-top:4px;border-top: 1px dashed #B0D7FF;}
.post .post-views{margin-bottom:10px;}
.post .post-autor{float:right; color: #252525;}
.post .post_tags{float:left; color:#252525;}
.post .post .post_tags a{color:#252525;text-decoration:underline;}
.post .post_tags a:hover{color:#EF3E15;text-decoration:none;}

.post .more-link{
	float:right;
}

#obsah .matrjoska .post-content .ram_hl_matrjoska h2,#obsah .post h2 {padding: 15px 0px 0 0; color:#0078FF; font-weight: normal; }
#obsah .matrjoska .post-content ram_hl_matrjoska h2 a,#obsah .post h2 a{font-weight: normal;
	color: #0078FF;	
 	padding-bottom: 2px;
   border-bottom: 1px dashed #B0D7FF;
   display: block;
text-decoration: none;
}
#obsah .ram_hl_matrjoska h2 a:hover,#obsah .post h2 a:hover{
   color:#005FC9;
	text-decoration: none;
	border-bottom: 1px dashed #FED78F;
}
#obsah .post a{color: #0C79E0; font-weight: bold; }
.post h3 {
	color: #2E2E2E;
	margin-bottom: 5px;
	margin-left: 15px;
	font-weight: normal;
}  
#obsah .post h4 {margin-bottom: 5px; color: #B61701; font-weight: bold;}

.post img { margin:10px 0 10px 0; border: 1px solid #EAEAEA; }

/*text*/
.post blockquote{
	background: #EAF5FF url(images/text/blockquote.gif) no-repeat top left;
	width: auto; padding: 10px 60px 10px 60px; margin:10px 0 30px 0; color: #00305C;
   text-align: justify;
}
#obsah .post blockquote h3{
	color: #0C79E0;
	margin-bottom: 0px;
	margin-left: 0px;
	font-weight: normal;
}
.post blockquote p{
	margin:0 auto; padding:0;
   background-color: transparent;
} 
.post blockquote a{text-decoration:underline;color:#EF3E15;}
.post blockquote a:hover{text-decoration:none;}
/* // post*/

/*komentare*/
#obsah #respond, #obsah #comments{/*H2 nadpis*/
	color: #9FBAFF; text-align: left;
   margin: 15px 0 0 66px;
}
#obsah #comments small{font-weight: normal; color:white;}
#comment{width: 520px;}
#comments{text-align:left;}
.commenty{width: 643px;}

.commentlist{margin: 0 auto;padding: 0;color: #252525;width: 520px;}
#obsah .commentlist .id,#obsah .commentlist .autor{color:white;  padding: 0; margin:20px 0 0 3px;}
#obsah .commentlist .autor { float:left; width:200px; height: 20px; display:block; text-align:left; line-height: 20px;}
#obsah .commentlist .autor a{color:white; text-decoration:underline;}
#obsah .commentlist .autor a:hover{color:#4A7DFF; text-decoration:none;}
#obsah .commentlist .id{width: 25px;height: 23px;text-align: center;background: White url(images/id.gif) top left;float: right;color: #EF3E15;font-family: Arial, Helvetica, sans-serif;font-size: 1em; line-height: 20px;}
#obsah .commentlist .id a{display: block;	width: 25px; height: 23px;	color:#4A7DFF; text-decoration:none; 	background: White url(images/id.gif) top left;}
#obsah .commentlist .id a:hover{ color: white; background: #4A7DFF url(images/id.gif) bottom left;}
#obsah .commentlist .commentmetadata{border-top:1px dashed #CBDAFF;  padding: 0 10px 0 0}
#obsah .commentlist .date{color: #4A7DFF; }
#obsah .commentlist .span{clear:both; text-align: left; margin:0; padding:0px; background: #DDEBFE; width: 520px; display:block;}
#obsah .commentlist .span .commatrjoska{padding:6px; background-color: White;}
#obsah .commentlist .span .commatrjoska  p{ margin: 0px; padding: 0; line-height: 18px; }
#obsah .commentlist .span .commatrjoska  p+p{margin:10px 0px 0px 0px; padding:0;}
#obsah .commentlist .span .commatrjoska  a{color:#4A7DFF;}
#obsah .commentlist .date,.edit{width:100px;font-size:0.7em; margin:0 auto; padding:5px; display:block;}
#obsah .commentlist .date{ float:right; text-align:right;}
#obsah .commentlist .edit{ float:left; text-align:left;}
#obsah .commentlist .date a, .commentlist .edit a{color:#4A7DFF; text-decoration:underline;}	
#obsah .commentlist .date a:hover, .commentlist .edit a:hover{text-decoration:none;}
#obsah .commentlist .span hr{
	display: block;_display: none;
	border: 0px solid #DDEBFE;
	background: #DDEBFE;
	margin: 0;	padding: 0;
	clear: both;
}

/*
.gravatar{
	padding: 0px; 	background: White url(images/ikonka.jpg); width:40px; height:40px;
	margin: 2px 6px 2px 2px;
	float: left;

}
.gravatar img{
	padding:0; margin:0; _margin-bottom:-3px; 	width: 40px;
	height: 40px;

}*/

/*formular*/
form input,form textarea{
	margin: 2px 0 2px 0;
	_margin: 0;
	color: #252525;
	font-family: Arial, Helvetica, sans-serif; font-size:0.9em;
}
form input{
	width: 170px;
	border: none;
   padding:2px;
}
label {color: white;}
form textarea{width:500px;}
form {padding:0; margin:0; text-align: center; color: white;}
form p{margin:4px 0 0 0;padding:0;}
form a {text-decoration:underline; color:#EF3E15;}
form a:hover {text-decoration:none;}
form fieldset{
	width: 500px;
   /*background-color: #D0E6FF;*/
   text-align:left;
	padding: 10px; margin: 0 auto;
   border:none;
}
form fieldset legend{
	margin:0; padding:0;
}
#submit{
	width: 80px;
	margin: 0;
	padding: 0;
	background-color: ButtonFace;
	background-image: none;
}


/*kategorie*/
#obsah .kategorie{float:right; width:130px; margin: 20px 70px 10px 0;_margin:20px 30px 10px 0;}
#obsah .kategorie h3{text-align:center; display:block; width:130px; margin: 0px auto 10px auto; padding:0; color: #FED78F; font-weight: normal;}
#obsah .kategorie .list-kat{text-align:center; margin:0; padding:0; width:100px;}
#obsah .list-kat li{list-style-type: none;width:130px; margin:0; padding:0; }
#obsah .kategorie .list-kat li a{color:white; display:block; border-top:1px solid #363636; border-bottom:1px solid #1E1E1E; text-decoration:none;}
#obsah .kategorie .list-kat li a:hover{color: #9FCDF8; text-decoration: underline;}
/*kontaktni formular*/
#obsah .kont_formular{
}
#obsah .kont_formular p{ margin: 2px 0 2px 0; padding:0;}