/*  
Theme Name: REMIX magazín
Description: Vzhled magazínu REMIX
Author: Tomáš Gažůr
Author URI: http://www.tomasgazur.cz
*/

.cboth { clear:both; }

.alignleft { float:left; }
.aligncenter {  }
.alignright { float:right; margin-left:10px; }

body {
 background-color:#F7F7FF;
}

div#wrapper	{ 
  margin: 0 auto;
  padding: 0;
  font-size: 12pt;
	font-family: Arial;
  color: #3b3b3b;
  width: 965px;
	background-color:#fff;
}


/* NICM Top Menu */
/* Sem vložit šířku stránky:*/
#nicm_top_menu ul {width: 965px;}
/*#nicm_top_menu {background: #F2F2F2 url('images/top_menu_bg.gif') repeat-x;}*/
#nicm_top_menu {margin: 0 auto; padding: auto; font-size: 12px; font-family: sans-serif;}
#nicm_top_menu ul {padding: 10px 0; text-align: left; margin: auto; display: block;}
#nicm_top_menu li img {vertical-align: middle;}
#nicm_top_menu ul li {display: inline; padding: 0; margin: 0 4em 0 0 ; }
#nicm_top_menu a {color: #208fcd; text-decoration: none;}
#nicm_top_menu a:visited {color: #566882;}
#nicm_top_menu a:hover, #nicm_top_menu .active a {text-decoration: underline;}
/* / NICM Top Menu */

	/* HEADER */
	
#header {
	position:relative;
  height: 163px;
  background: url('img/header.png') left top no-repeat;
	padding: 10px 16px 0 22px;
}

#header h1{
	display: none;
}

#header #logo {
	width: 148px;
	height: 77px;
}

#header #logo img {
    border: 0;
}

#header p {
	color: #9d9d9d;
	font-size: 9px;
	width: 215px;
	margin: 9px 0;
}

#searchbox { 
	width: 295px;
	float: right;
	margin: 65px 0 0 0;
}

#searchpanel {
	background: url('img/search_panel.png') top left no-repeat;
	border: 0;
	width: 190px;
	padding: 7px;
	float: left;
	font-size: 13px;
	color: #414141;
	margin: 3px 0;
}

#search {
	background: url('img/search.png') top left no-repeat;
	border: 0;
	width: 85px;
	height: 33px;
}

	/* MENU */

#menu { margin:0 auto; text-align:right; }

#menu ul {
	float:right;
    list-style-type: none;
    margin: 0;
	padding-top: 7px;
}

#menu li {
    float: left;
}

#menu a {
    text-decoration: none;
    color: #074380;
    font-size: 11px;
	margin: 0 7px 0 7px;
}

#menu a:hover, #menu ul li.active a{
	color: #20a0e0;
}

#n_search { float:left; }
#n_search #n_searchbox { float:left; }
#n_search #n_searchbox input { font-size: 13px; background: url('img/input_search_bg.gif') no-repeat; padding: 6px 8px; margin:4px 3px -4px 0; _margin-bottom:0; border: none; width: 151px; height: 15px; float:left; }
#n_search #n_searchsubmit { float:left; margin-top:14px; }

	/* CONTENT */

#content {
    width: 965px;
}

	/* LEFT SIDE */

#left {
    float: left;
    width: 245px;
	padding-left: 15px;
	font-size: 13px;
} 

#left ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
		
#left li a {
	display: block;
	color: #007fc6;
	text-decoration: none; 
	background: url('img/left_li.png') center left no-repeat;
	padding-left: 12px;
	border-bottom: 1px solid #BBBFB8;
	width: 223px;
	margin-top: 8px;
}	

#left ul ul li a {
	color: #3b4c63;
	text-decoration: none; 
	background: url('img/left_submenu_li.png') center left no-repeat;
	padding-left: 12px;
	margin: 8px 0 0 20px;
	width: 203px;
}	

#left .mapa {
	margin: 25px 0 10px 0;
}

#left .mapa h2 {
	color: #b90074;
	font-size: 13px;
}

#left .newsletter {
	border-top: 2px solid #0962BD;
	background: #F4F7FB;
	width: 225px;
	height: 166px;
	margin-top: 35px;
	padding: 5px 0 0 10px;
	border-bottom: 2px solid #0962BD;
}

#left .newsletter h2 {
	color: #b90074;
	font-size: 16px;
	margin-top: 14px;
}

#left .newsletter #newsletterpanel {
	background: url('img/newsletter_panel.png') top left no-repeat;
	border: 0;
	width: 193px;
	padding: 6px;
	float: left;
	font-size: 13px;
	color: #414141;
}

#left .newsletter #newsletter {
	background: url('img/newsletter.png') top left no-repeat;
	border: 0;
	width: 78px;
	height: 21px;
	color: #FFFFFF;
	float: right;
	margin: 15px 20px 0 0;
	padding-bottom: 3px;
}

#left .sociable {
	width: 225px;
	margin: 15px 0 0 9px;
}

#left .sociable span {
	color: #007fc6;
}


	/* RIGHT SIDE */	

#right {
	width: 663px;
	float: right;
}

#right h3 {
	color: #0f5eb0;
	font-size: 19px;
	margin: 0;
	padding: 0;
}

#nadpis {
	clear: both;
	height: 25px;
}

#nadpis h3 {
	float: left;
}


#h3-right {
	padding-right: 156px !Important;
	float: right !Important;
	color: #8CB41E !Important;
}

#right .leftside {
	border-top: 2px solid #0962BD;
	background: #F4F7FB;
	width: 311px;
	border-bottom: 2px solid #0962BD;
	float: left;
	margin: 0 0 0 0;
	font-size: 12px;
	padding: 0;
}

#right .leftside .article {
	margin: 5px 13px 17px 13px;
}

#right .leftside .article img {
	float: left;
	margin-right: 13px;
	border: 3px solid #BFBFBF;
}

#right .leftside .article h3 {
	font-size: 15px;
	font-weight: normal;
}

#right .leftside .article h3 a{
	color: #0962bd;
}

#right .leftside .article p{
	padding: 0;
	margin: 12px 0 12px 0;
}

#right .leftside .article .link {
	color: #0962bd;
	text-decoration: none;
	font-weight: bold;
}

#right .leftside .article .info {
	color: #a0a0a0;
	text-align: right;
	padding-bottom: 5px;
	border-bottom: 1px solid #BDC7D0;
	font-size: 10px;
}

#right .leftside .article .info2 span {
	color: #C5C5C5;
}

#right .leftside .article .info2 {
	color: #a0a0a0;
	text-align: right;
	font-size: 10px;
}

#right .leftside .article .info2 span {
	color: #C5C5C5;
}

#right .rightside {
	border-top: 2px solid #8CB41E;
	background: #FFF;
	width: 311px;
	border-bottom: 2px solid #FFF;
	float: left;
	margin-left: 20px;
	font-size: 12px;
}

#right .rightside .rightarticle {
	margin: 5px 13px 17px 13px;
}

#right .rightside .rightarticle img {
	float: left;
	margin-right: 13px;
	border: 3px solid #BFBFBF;
}

#right .rightside .rightarticle h3 {
	font-size: 15px;
	font-weight: normal;
}

#right .rightside .rightarticle h3 a{
	color: #8CB41E;
}

#right .rightside .rightarticle p {
	padding: 0;
	margin: 12px 0 12px 0;
}

#right .rightside .rightarticle .link {
	color: #0962bd;
	text-decoration: none;
	font-weight: bold;
}

#right .rightside .rightarticle .info {
	color: #a0a0a0;
	text-align: right;
	padding-bottom: 5px;
	border-bottom: 1px solid #BDC7D0;
	font-size: 10px;
}

#right .rightside .rightarticle .info span {
	color: #C5C5C5;
}

#right .rightside .rightarticle .info2 {
	color: #a0a0a0;
	text-align: right;
	font-size: 10px;
}

#right .rightside .rightarticle .info2 span {
	color: #C5C5C5;
}

#right .leftsidebottom {
	width: 311px;
	float: left;
	margin: 35px 0 0 0;
	font-size: 12px;
	padding: 0;
}

#right .leftsidebottom .excerpt {
	margin: 0;
}

#right .leftsidebottom .excerpt p {
	margin: 0 0 15px 0;
}

#right .leftsidebottom .excerpt h4 {
	font-size: 14px;
	font-weight: normal;
	margin: 0;
	padding: 0;
	height: 20px;
}

#right .leftsidebottom .excerpt h4 a {
	color: #0962bd;
	float: left;
	width: 215px;
	height:18px;
	overflow:hidden;
}

#right .leftsidebottom .excerpt .link {
	color: #0962bd;
	text-decoration: none;
	font-weight: bold;
}

#right .leftsidebottom .excerpt .info {
	color: #a0a0a0;
	font-size: 10px;
	width: 92px;
	margin: 0;
	padding: 2px 0;
	float: left;
}

#right .leftsidebottom .excerpt .info span {
	color: #C5C5C5;
}

#right .rightsidebottom {
	border-top: 2px solid #8CB41E;
	background: #FFF;
	width: 311px;
	border-bottom: 2px solid #FFF;
	float: right;
	margin-right: 20px;
	font-size: 12px;
}

#right .rightsidebottom .excerpt {
	margin: 0;
	padding-left: 10px;
}

#right .rightsidebottom .excerpt p {
	margin: 0 0 15px 0;
}


#right .rightsidebottom .excerpt h4 {
	font-size: 14px;
	font-weight: normal;
	width: 311px;
	margin: 0;
	padding: 0;
	height: 20px;
}

#right .rightsidebottom .excerpt h4 a {
	color: #8cb41e;
	float: left;
	width: 200px;
}

#right .rightsidebottom .excerpt .link {
	color: #0962bd;
	text-decoration: none;
	font-weight: bold;
}

#right .rightsidebottom .excerpt .info {
	color: #a0a0a0;
	font-size: 10px;
	width: 100px;
	margin: 0;
	padding: 2px 0;
	float: left;
}

#right .rightsidebottom .excerpt .info span {
	color: #C5C5C5;
}

#line {
	border-top: 1px solid #E4E4E4;
	width: 100%;
	height: 2px;
	clear: both;
}

.excerptbottom {
	width: 208px;
	height: 220px;
	float: left;
	background: url('img/excerpt_bottom_bg.png') bottom left no-repeat;
}

.excerptbottom p, .excerptbottom2 p {
	font-size: 12px;
	padding: 0 0 0 10px;
	margin: 0;
}

.excerptbottom2 {
	width: 208px;
	height: 220px;
	float: left;
	background: url('img/excerpt_bottom_bg.png') bottom left no-repeat;
	margin-left: 11px;
}

.excerptbottom h5, .excerptbottom2 h5 {
	color: #b90074;
	font-size: 14px;
	margin: 0;
	padding: 37px 0 9px 0;
}

.excerptbottom img, .excerptbottom2 img {
	border: 3px solid #BFBFBF;	
	margin-left: 8px;
}

.excerptbottom ul, .excerptbottom2 ul {
    list-style-type: none;
	margin: 0;
	padding: 0;
}

.excerptbottom li a, .excerptbottom2 li a {
    text-decoration: none;
    color: #074380;
    font-size: 12px;
	background: url('img/left_submenu_li.png') center left no-repeat;
	margin: 0 0 0 12px;
	padding-left: 12px;
}

.excerptbottom a:hover, .excerptbottom ul li.active a, .excerptbottom2 a:hover, .excerptbottom2 ul li.active a {
	color: #074380;
    text-decoration: underline;
}

.clear {
	clear: both;
}


.banner { 
	margin-top: 38px;
}

.banner img { 
	border: 0;
}
#header .banner	{ position:absolute; margin:0; top:30px; left:400px; }

	/* FOOTER */	

#clear {
	clear: both;
}

#footer {
	border-top: 1px solid #E4E4E4;
	height: 70px;
	font-size: 12px;
	color: #888;
	margin-top: 20px;
	font-size:10px;
}

#footer img{
	border: 0;
}

.footerleft {
	padding: 20px 0 0 8px;
	float: left;
	width: 290px;
}

.footerright {
	float: right;
	padding-right: 45px;
}

.footerright p {
	margin-top: 12px;
}

.footerright a {
	color: #0861BD;
	text-decoration: none;
}

.footerright a:hover {
	text-decoration: underline;
}

	/* SUBPAGES */	

#navigation, #navigation a { 
	color: #a2a2a2;
	font-size: 11px;
	text-decoration: none;
}

#navigation a:hover { 
	text-decoration: underline;
}


#nadpis-sub {
	clear: both;
	height: 25px;
	margin: 15px 0 15px 0;
}

#nadpis-sub h3 {
	font-weight: normal;
}

#text { 
	font-size: 13px;
	line-height:1.45;
	margin-bottom: 60px;
}

#text strong { 
	font-size: 13px;
	color: #3B3B3B;
	/*display: block;*/
	padding-bottom: 5px;
}

#text img { 
	border: 3px solid #C4C4C4;
	/*float: left;*/
	margin-right: 16px;
}

#text a { 
	color: #0962bd;
}

	/* SEARCH */	

#search-sub { 
	color: #0962bd;
	background: #FBFBFB url('img/vyhledavani.png') top left no-repeat;
	border: 1px solid #E1E1E1;
	width: 656px;
	height: 47px;
}

#search-sub-input { 
	background: #FFFFFF;
	border: 1px solid #0962BD;
	width: 250px;
	padding: 4px;
	margin: 10px 0 0 15px;
	font-size: 13px;
	color: #414141;
}

#search-submit { 
	color: #0962bd;
	background: #FBFBFB url('img/search-submit.png') top left no-repeat;
	border: 1px solid #E1E1E1;
	width: 65px;
	height: 21px;
	margin: 15px 0 0 35px;
	border: 0;
}

#search-sub label { 
	color: #727272;
	font-size: 12px;
	margin: 15px 0 0 135px;
}


#search-vypis .article {
	border-top: 2px solid #0962BD;
	background: #F4F7FB;
	border-bottom: 1px solid #DEE3E7;
	float: left;
	padding: 17px 10px 18px 10px;
	font-size: 12px;
	margin: 0;
}

#search-vypis .article {
	margin: 5px 0 17px 0;
}

#search-vypis .article img {
	float: left;
	margin-right: 13px;
	border: 3px solid #BFBFBF;
}

#search-vypis .article h3 {
	font-size: 15px;
	font-weight: normal;
}

#search-vypis .article h3 a{
	color: #0962bd;
}

#search-vypis .article .link {
	color: #0962bd;
	text-decoration: none;
	font-weight: bold;
}

#search-vypis .article h3 .info {
	color: #a0a0a0;
	font-size: 10px;
	width: 90px;
	margin: 0 0 0 260px;
}

#search-vypis .article h3 .info span {
	color: #C5C5C5;
}


.search-sub-number {
	background: #FBFBFB url('img/search_bg.png') top right no-repeat;
	/*width: 506px;
	height: 20px;
	float: right;*/
	margin: 6px 3px 14px 0;
}

	/* NAVIGACE */
		
.wp-pagenavi { text-align: right; padding-top: 1px;}		
		
.wp-pagenavi a, .wp-pagenavi a:link {
	text-decoration: none;
	color: #8c8c8c;
	margin: 0 12px 0 12px;
}
.wp-pagenavi a:visited {
	text-decoration: none;
	color: #8c8c8c;
}
.wp-pagenavi a:hover {	
	color: #04376c;
	text-decoration: underline;
}
.wp-pagenavi a:active {
	text-decoration: underline;
	color: #04376c;
}
.wp-pagenavi span.pages {
	color: #8c8c8c;
}
.wp-pagenavi span.current {
	margin: 0 12px 0 12px;
	font-weight: bold;
	color: #04376c;
	text-decoration: underline;
}
.wp-pagenavi span.extend {
	color: #8c8c8c;
	display: none;
}

.last {
	background: #FBFBFB url('img/nakonec.png') center right no-repeat;
}


.first {
	background: #FBFBFB url('img/nazacatek.png') center left no-repeat;
}

#left .reklama h3 { color: #a0a0a0; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #cccccc; font-size: 12px; margin-bottom: 0; }
#left .reklama div { text-align:center; margin:0 auto; }
#left .reklama img { border:0; }