/*  

Theme Name: Vzory online

Description: Šablona pro prezentaci Vzory-online.cz

Author: Tomáš Gažůr

Author URI: http://www.tomasgazur.cz

*/



body {

	margin: 0 auto;

	padding: 10px 0;

	width: 875px;

	font-size: 12pt;

	font-family: Arial;

	color: #777777;

	background:#fff url('img/pozadi.png') left top repeat;

}



/* HEADER */

#header {

	height: 88px;

	background:url('img/header.png') left top no-repeat;

}



#logo {

	width: 162px;

	height: 46px;

	padding: 20px 0 0 15px;

	float: left;

}



#logo img {

	border:0;

}



#header h3{

	color: #84add3;

	font-size: 12px;
	width:270px; text-align:right;

	text-transform: uppercase;

	font-weight: bold;

	padding: 28px 0 0 0px;

	float: left;
	margin:0;

	

}



#content { 

	width: 875px;

	background: url('img/content_bg.png') top left repeat-y;

}



#left { 

	padding: 7px 0 7px 7px;

	width: 187px;

	float: left;

	margin: 0;

	border-left: 1px solid #024079;

}



#menu {

	width: 175px;

	background: #F6FAFE;

}	



#menu ul{

	list-style-type: none;

	padding: 0;

	margin: 0;

}



#menu li{

	border-bottom: 1px solid #DCE1E4;

	padding: 5px 0 5px 0;

}

#menu ul.children li { margin:0 0 0 15px;border-bottom: 1px solid #f6fafe; }

#menu a{

	text-decoration: none;

	color: #024079;

	font-size: 8.5pt;

	padding: 0 16px 0 10px;

	margin-left: 10px;

	text-transform: uppercase;

	background:url('img/li.png') left center no-repeat;

	font-weight: bold;

}



#menu a:hover, #menu ul li.active a{

	color: #ff3a00;

	background:url('img/li_hover.png') left center no-repeat;

}



#searchbox { 

	background: url('img/search_bg.png') left top no-repeat;

	width: 174px;

	height: 150px;

	margin-top: 18px;
	padding: 0px  0 0 0;

}



#searchbox h2 { 

	color: #FFFFFF;

	padding: 11px 0 10px 15px;

	font-size: 17px;

}



#searchbox p{

	text-transform: uppercase;

	font-size: 11px;

	color: #FFFFFF;

	padding: 0 0 0 13px;

	margin: 0;

}



#searchbox p.smlouva{

	font-size: 10px;

	color: #81A0BC;

	text-transform: lowercase;

}





#searchpanel {

	background: url('img/searchpanel.png') top left no-repeat;

	border: 0;

	width: 146px;

	padding: 3px;

	margin-left: 13px ;

	float: left;

}



#searchbox a{

	color: #FFFFFF;

	margin: 13px 0 0 16px;

	font-size: 11px;

}



#search {

	background: url('img/search_submit.png') top left no-repeat;

	border: 0;

	width: 66px;

	height: 20px;

	padding: 2px;

	margin: 13px 13px 0 10px;
	float:right;

}



.rubriky {

	width: 175px;

}	



.rubriky h2 {

	color: #008f00;

	font-size: 17px;

	font-weight: normal;

	padding: 15px 0 5px 13px;

	margin: 0;

}	



.rubriky ul {

	list-style-type: none;

	padding: 0 0 5px 13px;

	margin: 0;

	border-bottom: 1px solid #d5dbde;

}



.rubriky li {

	padding: 2px 0 2px 0;

}



.rubriky a {

	text-decoration: none;

	color: #696d70;

	font-size: 8pt;

	padding: 0 16px 0 10px;

	background:url('img/li_hover.png') left center no-repeat;

}



.rubriky a:hover, #menu ul li.active a{

	color: #ff3a00; 

	background:url('img/li.png') left center no-repeat;

}



#email {

	width: 174px;

	padding: 0;

	margin: 12px 0;

	background: #E7EDF2 url('img/email_bg.png') top left no-repeat;

}



#email span {

	font-size: 10px;

	margin-left: 15px;

	text-align: left;

}



#email span a{

	color: #ff3a00;

	font-weight: normal;

}



#email h2 {

	color: #777777;

	font-size: 14px;

	font-weight: normal;

	padding: 8px 0 2px 8px;

	margin: 0;

}



#emailpanel {

	background: url('img/email_input.png') top left no-repeat;

	border: 0;

	width: 113px;

	padding: 3px;

	margin: 0 0 0 8px;

	float: left;

}



#emailok {

	background: url('img/email_ok.png') top left no-repeat ;

	border: 0;

	width: 37px;

	height: 22px;

}



.prihlasit { 

	font-size: 9px;

	margin-left: 8px;

}



#right {

	width: 679px;

	float: right;

	border-right: 1px solid #024079;

}



#right a {

	color: #ff3a00;
	text-decoration:underline;

}



#right img {

	border: 1px solid #024079;

	padding: 1px;

	background: #FFFFFF;

}


#right h2 {

	color: #024079;

	margin: 0;

	padding: 12px 0 0 6px;

	font-size: 1.3em;

}



#right h3 {

	color: #ffffff;

	margin: 0;

	padding: 12px 0 0 6px;

	font-size: 16px;

}



#right h4 {

	color: #ff3a00;

	font-weight: normal;

	margin: 0;

	padding: 12px 0 2px 4px;

	font-size: 18px;

}



#right h4 a {

	text-decoration: none;

}



#right .link {

	background: url('img/li_hover.png') center left no-repeat;

	padding-left: 8px;

	color: #024079;

	font-weight: bold;

	text-decoration: none;

	font-size: 13px;

}



#right .article {

	width: 314px;

	border-right: 1px solid #D5DBDE;

	border-top: 1px solid #D5DBDE;

	padding: 6px 12px 0 12px;

	margin-top: 10px;

	float: left;

	height: 160px;

}



#right .article img {

	float: left;

	margin:0 5px 5px 0;
	border:0;
}


#right .article h4 {
	color: #ff3a00;

	font-weight: bold;

	margin: 0;

	padding: 12px 0 7px 4px;

	font-size: 0.9em;}

#right .article p {

	padding: 0;

	margin: 0;

	font-size: 11px;

	padding-bottom: 6px;

}



#right .sub {

	color: #ffffff;

	margin: 0;

	padding: 1px 0 0 6px;

	font-size: 11px;

	text-transform: uppercase;

}



#right ul {

	list-style: none;

	padding: 0 0 0 15px;

	margin: 2px 0;

}



#right ul li {

	background: url('img/rightli.png') left top  no-repeat; display:block;
	padding:0 3px 0 8px;font-size: 0.67em; line-height:1.3em; margin-bottom:2px;
}



#right ul li a {

	color: #ffffff;

	

	text-decoration: none;


  }



#right ul li a:hover {

	text-decoration: underline;	

}



#girls {

	width: 292px;

	height: 229px;

	padding: 0;

	margin: 0;

	background:url('img/girls.png') top left no-repeat;

}



.leftside {	

	float: left;

	padding: 2px 0;

}



.rightside {	

	width: 345px;

	height: 210px;

	padding: 10px 16px;

	margin: 0px 5px 0 0;

	float: right;

	background: #ECF6FD;

}



.rightside h2 {	

	padding: 2px 0 10px 0;

	margin: 0 0  0px 0;

	font-size: 21px;

	color: #ff3a00;
	margin:0;

	font-weight: normal;

}



.rightside p {	

	font-size: 0.77em;
	padding:0; margin:0 0 5px 0;
	

}



#orange ul, #yellow ul, #green ul, #blue ul {

	padding-top: 5px;

}



#orange {

	width: 168px;

	height: 400px;

	float: left;

	margin: 0;

	padding: 0;

	background:#ff6c00 url('img/orange.png') top left no-repeat;

}



#orange li, #green li, #blue li {

	color: #fff;

	font-size: 11px;

	padding: 2px 0;

}





#yellow {

	width: 168px;

	height: 400px;

	float: left;

	margin: 0 0 0 1px;

	padding: 0;

	background:#ffad00 url('img/yellow.png') top left no-repeat;

}



#green {

	width: 168px;

	height:400px;

	float: left;

	background:#00a07f url('img/green.png') top left no-repeat;

	margin: 0 0 0 1px;

	padding: 0;

}



#blue {

	width: 168px;

	height: 400px;

	float: left;

	background:#006976 url('img/blue.png') top left no-repeat;

	margin: 0 0 0 1px;

	padding: 0;

}



#clear {

	clear: both;

}



#clearindex {

	clear: both;

}





/* FOOTER */

#footerbg {

	clear: both;

	height: 66px;

	border-bottom: 1px solid #024079;

	border-left: 1px solid #024079;

	border-right: 1px solid #024079;

	padding: 0 5px;

}



#footer {

	background: #024079;

	margin: 0 auto;

	height: 60px;

	width: 862px;

	border-top: 1px solid #01203C;

}



#footerleft {

	margin: 9px 0 10px 0;

	color: #154E83;

	float: left;

	width: 180px;

	height: 41px;

	font-size: 31px;

	text-align: center;

	border-right: 1px solid #416F9A;

}



#footerright {

	float: right;

	text-align: left;

	color: #81A0BC;

	margin: 15px 0 10px 16px;

	width: 660px;

	height: 41px;

	font-size: 12px;

}



#footerright ul{

	list-style-type: none;

	padding: 0;

	margin: 0;

	float: left;

	width: 500px;

}



#footerright li{

	float: left;

	padding-right: 10px;

}



#footerright a:hover, #menu ul li.active a{

	color: #fff;

	text-decoration: underline;

}



#footerright a{

	color: #FFFFFF;

}



#footerright p{

	margin:4px 0 0 0;

	padding: 0;
	font-size:0.8em;

}





	/* DODĚLÁVKY */

.kat { 

	color: #83919C;
	font-size:0.8em;

	padding: 10px 0 15px 0;

}	

	

.kat a { 

	text-decoration: underline;

}	



h2 a { 

	text-decoration: none;

	margin: 0; 

	padding: 0;

	font-size: 20px;

}



h2{ 

	margin: 3px;

}	



.results { 

	border-top: 1px solid #D2D2D2;

	width: 670px;

	margin-top: 10px;

}	

#navigation{ 

 
	height: 25px;
	display:block;
	clear:both;

	border-bottom: 1px solid #D7D7D7;

	margin : 10px 0 15px  0px;

	font-size: 12px;

	padding: 5px 0px 0  0px;

	width: 99%;

}

#navigation .alignright { float:right; margin:0 10px 0 0}
#navigation .alignleft { float:left; margin:0 0 0 10px}

#navigation span {

	float: right;

	padding: 0 10px 0 0;

}

#navigation a { color:#777777;}

.navigation { 

	background: #cfdbe6;

	height: 25px;
	display:block;
	clear:both;

	border-bottom: 1px solid #D7D7D7;

	margin : 10px 0 15px  0px;

	font-size: 14px;

	padding: 10px 0px 0  0px;

	width: 99%;

}

.navigation .alignright { float:right; margin:0 10px 0 0}
.navigation .alignleft { float:left; margin:0 0 0 10px}

.navigation span {

	float: right;

	padding: 0 10px 0 0;

}

.navigation a { color:#777777;}



.results p { 

	margin: 0; 

	padding: 0 0 0 10px; 	

	font-size: 13px;

}



.clanek h2 { 

	xborder-bottom: 1px solid #D2D2D2;

	width: 670px;

	padding: 5px 0 10px 5px;

	font-size:1.5em;
	color:#024079;

}

.clanek { margin:0 0px 0 0;}

.vicekclanku { float:right; margin:6px 10px 0 0; text-align:right; font-size:0.9em; line-height:1.5em;}
.vicekclanku a {font-size:0.8em; color:#0468b5}
.clanek p { 

 
	margin: 10px 15px 5px 10px;

	font-size: 13px;

}	

.clanek  blockquote { font-size:0.9em; line-height:1.4em;  display:block; font-family:"Times New Roman", Times, serif; 	background:#e9e9e7 url('img/citace.jpg') top left repeat-y;
   padding:10px 15px 10px 35px; margin:5px 15px;}



.clanek img {

	border: 0 !Important;

}	

	

.post-ratings img { border: 0 !Important;}	
.post-ratings { font-size:0.8em;}


.tags { 

	font-weight: bold; 

	border-bottom: 1px solid #D5DBDE;

	color: #024079;

	text-decoration: none;

	font-size: 13px;

	margin: 0px 0 0 0;

	padding: 0;

}



.tags span{ 

	background:url('img/li_tags.png') center left no-repeat;

	padding-right: 10px;

}



.tagsbox a { 

	color: #A9A9A9 !Important;

	text-decoration: none;

}



.tagsbox { 

	width: 350px;

	height: 65px;

 

	margin: 5px 0;

	padding: 0;

}



.author {

	font-size: 13px;

}



.author span {

	float: right;

	padding-right: 15px;

}



#zalozky {

	font-size: 13px;

	border-bottom: 1px solid #D7D7D7;

	border-top: 1px solid #D7D7D7;

	margin: 7px 0 15px 0;

	width: 660px;

	padding: 3px 0 3px 10px;

}



#hodnoceni {

	font-size: 13px;

	border-bottom: 1px solid #D7D7D7;

	margin: 7px 0 15px 0;

	width: 670px;

	padding: 3px 0 3px 10px;
	height:45px;

}



#related-posts h2 { 

	border-bottom: 1px solid #D2D2D2;

	width: 670px;

	margin: 5px 0 10px 0;

	font-size: 17px;

	color: #777777;

}





	/* KOMENTÁŘE */

	

#comments {

	padding-top: 25px;

}



#comments h3{

	color: #777777;

	font-size: 21px;

	border-bottom: 1px solid #D2D2D2;

	padding-bottom: 10px;	

	margin-bottom: 25px;

	width: 660px;

}





.vypis {

	padding: 0 20px 10px 20px;

}



.vypis a {

	color: #c42118;

	font-size: 14px;

	font-weight: bold;

}

.commentright {

	font-size: 13px;

	padding-bottom: 15px;

}



.commentright em {

	font-size: 13px;

}



.vypis p {

	color: #7d6d52;

}



.clearcomment {

	border-bottom: 1px solid #D2D2D2;

	width: 670px;

}



#commentform {

	height: 296px;

	background: #F8F8F8;

	padding: 16px;

	margin-top: 10px;

	width: 640px;	

}



#commentform label {

	color: #86775e;

	font-size: 13px;

	float: left;

	margin: 5px 0 0 15px;

}



#commentform label span {

	color: #ca7367;

}



#commentform h4{

	color: #777777;

	font-size: 21px;

	border-bottom: 1px solid #D2D2D2;

	padding-bottom: 10px;	

	margin-bottom: 25px;

}



.msgname {	

	border: 1px solid #D2D2D2;

	padding: 4px;

	margin: 0 0 10px 10px;

	background: #FFFFFF;

	width: 220px;

	float: left;

	clear: both;

}



#commenttext { 

	height: 100px;

	border: 1px solid #D2D2D2;

	padding: 4px;

	background: #FFFFFF;

	width: 70%;

}



#commentpost {

	width: 127px;

	height: 25px;

	color: #777777;

	font-weight: bold;

	border: 0;

	margin-top: 10px;

}



.wp-polls {

	font-size: 13px;
	width:170px;

}



#aspdf { display: none;}

.results h2 a { color:#aaa; font-weight:bold; font-size:0.7em; }
.katoznac { font-size:0.8em; margin:5px 0 3px 10px;}
.katoznac a { color:#666666; text-decoration:none;}
a.catlin { color:#333333}
.itext { padding:15px; clear:both;}
.itext h2 {   color:#0000FF; font-size:9px}
.itext p { font-size:.9em;}