﻿/*
Theme Name:Olbramice 2010
Theme URI: http://www.obecolbramice.cz//
Description: Vzhled pro informacni portal obce Olbramice.
Version: 2010/1
Author: Ales Skotnica
Webdesign and CSS code by Ales Skotnica || http://www.skotnica.eu
*/

/* <-------------- Telo   */
	body {margin:0;padding:0 0 30px 0;font-family:Calibri,sans-serif;font-size:0.9em;font-style:normal;font-weight:normal;line-height:1.6em;color:#000;background:#F8F8EE;text-align:center;}

/* <-------------- Odkazy */
	a, a:link, a:visited                {color:#808032;text-decoration:underline;}
	a:hover, a:focus                    {color:#9A1818;text-decoration:underline;}
	a:active                            {color:#171772;text-decoration:none;}
    a img, a:link img, a:visited img    {border:none;text-decoration:none;}
/* <-------------- Ruzne obecne tagy */
    hr, .txt, .n {display:none;}
    .clr {clear:both;width:100%;overflow:hidden;}

	div, form {margin:0;padding:0}

	.rpl {position:absolute;top:0;left:0;cursor:pointer;}
	.ncur {cursor:default;}

	.fl50-l {float:left;width:48%;}
	.fl50-r {float:right;width:48%;}

	.fl-l {float:left;}
	.fl-r {float:right;}

    img.alignleft, div.alignleft{float:left;margin:0 20px 10px 0;}
    img.alignright, div.alignright{float:right;margin:0 0 10px 20px;}
    img.aligncenter, div.aligncenter{text-align:center;margin:0 auto;}
/* <-------------- reset nadpisu */

    h1, h2, h3, h4, h5, h6  {font-size:1em;font-weight:normal;margin:10px 0;padding:0;line-height:1.3em;}

/* <-------------- box model */
	#pagebox {width:100%;overflow:hidden;background:#fff url(img/pagebox.jpg) repeat-x top;text-align:center;}
	#page {width:974px;margin:0 auto;padding:0;background:url(img/page.jpg) no-repeat top;text-align:left;position:relative;}
	#header {width:100%;height:148px;}
	#mainbox {padding:0 37px;min-height:300px;}
	#main {width:100%;overflow:hidden;padding:0 0 40px 0;}
	#footerbox {width:100%;background: url(img/footerbox.jpg) no-repeat top;text-align:center;margin:0;padding:65px 0 60px 0;}
	#footer {width:974px;margin:0 auto;padding:0;position:relative;}
	#content {float:left;width:650px;overflow:hidden;}
	#sidebar {width:243px;float:right;padding:0 0 0 0;}


/* <-------------- vyhledavaci formular */
	#searchform {position:absolute;top:39px;right:0;background:url(img/search.jpg) no-repeat;width:314px;}
	#searchform p {position:relative;margin:0;padding:0;width:314px;height:50px;}
	#searchform label {display:none;}
	#searchform input {border:none;background:none;font-family:sans-serif;position:absolute;top:9px;left:10px;padding:6px 10px 5px 10px;width:195px;}
	#searchform button span {display:none;}
	#searchform button {display:block;margin:0;padding:0;border:none;width:89px;height:42px;background:url(img/searchbutton.jpg) no-repeat 0px 0px;position:absolute;top:8px;left:225px;cursor:pointer;}
	#searchform button:hover {background-position:0px -42px}

/* <-------------- logo */
	#logo, #logo a, #logo a span {margin:0;padding:0;overflow:hidden;width:355px;height:110px;}
	#logo {position:absolute;top:0px;left:0px;}
	#logo a {position:relative;float:left;}
	#logo a span {position:absolute;float:none;top:0;left:0;background:url(img/logo.jpg) no-repeat;}

/* <-------------- navigace obcan turista */
	#tnav {display:block;position:absolute;top:83px;left:94px;width:343px;height:54px;list-style:none;background:url(img/tnav.jpg) no-repeat 0px 0px;overflow:hidden;margin:0;padding:0;}
	#tnav li, #tnav li a, #tnav li a span {display:block;margin:0;padding:0;height:54px;overflow:hidden;}
	#tnav li {position:absolute;}
	#tnav li a {float:left;position:relative;}
	#tnav li a span {background:url(img/tnav.jpg) no-repeat 0px 0px;}

	#tnav li.tnavO, #tnav li.tnavO a, #tnav li.tnavO a span, #tnav li.tnavOa, #tnav li.tnavOa a, #tnav li.tnavOa a span {width:166px;}	#tnav li.tnavO, #tnav li.tnavOa {top:0;left:0;}
	#tnav li.tnavO a span, #tnav li.tnavO a:visited span {background-position:0px -108px;} #tnav li.tnavO a:hover span {background-position:0px -162px;}
	#tnav li.tnavOa a span, #tnav li.tnavOa a:visited span {background-position:0px 0px;} #tnav li.tnavOa a:hover span {background-position:0px -54px;}

	#tnav li.tnavT, #tnav li.tnavT a, #tnav li.tnavT a span, #tnav li.tnavTa, #tnav li.tnavTa a, #tnav li.tnavTa a span {width:177px;}	#tnav li.tnavT, #tnav li.tnavTa {top:0;left:166px;}
	#tnav li.tnavT a span, #tnav li.tnavT a:visited span {background-position:-166px 0px;} #tnav li.tnavT a:hover span {background-position:-166px -54px;}	
	#tnav li.tnavTa a span, #tnav li.tnavTa a:visited span {background-position:-166px -108px;} #tnav li.tnavTa a:hover span {background-position:-166px -162px;}	

/* <-------------- nastroje v hlavicce */
	.ttools {margin:0;padding:0;position:absolute;right:7px;width:auto;top:96px;line-height:30px;font-size:0.9em;}
	.cs1 {margin-left:15px;}
	.cs1 a, .cs1 a:visited {padding-left:28px;background:url(img/cs1.gif) no-repeat left;color:#455057;text-decoration:underline;}
	.cs1 a:hover {color:#9A1818;text-decoration:underline;}
	.cs2 {display:none;}

	.fontResize a {display:block;float:left;color:#455057;text-decoration:none;width:30px;height:30px;margin:0 1px 0 0;text-align:center;overflow:hidden;position:relative;}
	.fontResize a span {display:block;position:absolute;top:0;left:0;cursor:pointer;background:url(img/fontResize.png) no-repeat 0px 0px;margin:0;padding:0;width:30px;height:30px;}
	.fontResize a.textSize1 {margin-left:10px;}
	.fontResize a.textSize2 {font-size:1.8em;}
	.fontResize a.textSize3 {font-size:1.4em;}
	.fontResize a.textSize1 span, .fontResize a.textSize1:visited span {background-position:0px 0px;} .fontResize a.textSize1:hover span {background-position:-30px 0px;}
	.fontResize a.textSize2 span, .fontResize a.textSize2:visited span {background-position:0px -30px;} .fontResize a.textSize2:hover span {background-position:-30px -30px;}
	.fontResize a.textSize3 span, .fontResize a.textSize3:visited span {background-position:0px -60px;} .fontResize a.textSize3:hover span {background-position:-30px -60px;}

	#fbButt, #fbButt a {display:block;margin:0;padding:0;overflow:hidden;width:204px;height:44px;}
	#fbButt {position:absolute;top:0;right:7px;font-size:0.85em;}
	#fbButt a, #fbButt a:visited {float:left;position:relative;background:url(img/fb.jpg) no-repeat 0px 0px;color:#455057;text-decoration:underline;}
	#fbButt a:hover {color:#9A1818;text-decoration:underline;background-position:0px -44px;}
	#fbButt span {display:block;position:absolute;top:7px;left:60px;width:auto;}

	#flags {margin:0;padding:0;position:absolute;left:654px;width:110px;top:9px;}
	#flags a, #flags a span {margin:0;padding:0;width:26px;height:19px;overflow:hidden;}
	#flags a {float:left;position:relative;margin-right:8px;}
	#flags a span {position:absolute;top:0;left:0;cursor:pointer;background:url(img/flags.jpg) no-repeat 0px 0px;}

	#flags a.cz-flag span, #flags a.cz-flag:visited span {background-position:-26px 0px;} #flags a.cz-flag:hover span {background-position:0px 0px;}
	#flags a.cz-flag span.active, #flags a.cz-flag:visited span.active {background-position:0px 0px;} #flags a.cz-flag:hover span.active {background-position:0px 0px;}

	#flags a.en-flag span, #flags a.en-flag:visited span {background-position:-26px -19px;} #flags a.en-flag:hover span {background-position:0px -19px;}
	#flags a.en-flag span.active, #flags a.en-flag:visited span.active {background-position:0px -19px;} #flags a.en-flag:hover span.active {background-position:0px -19px;}

	#flags a.de-flag span, #flags a.de-flag:visited span {background-position:-26px -38px;} #flags a.de-flag:hover span {background-position:0px -38px;}
	#flags a.de-flag span.active, #flags a.de-flag:visited span.active {background-position:0px -38px;} #flags a.de-flag:hover span.active {background-position:0px -38px;}	
	#flags span.n {display:none;}

/* <-------------- rychle odkazy */
	#qmenu {width:100%;overflow:hidden;margin:0 0 20px 0;padding:0;color:#8AB0BF;}
	#qmenutitle {display:block;margin:0;padding:0 0 0 20px;line-height:27px;float:left;background:url(img/qmenutitle.gif) no-repeat 0px 50%;font-size:0.85em;}
	#qmenu ul {margin:0;padding:0;width:785px;float:right;list-style:none;}
	#qmenu ul li {display:inline;}
	#qmenu ul a, #qmenu ul a:visited {display:block;float:left;margin:0 5px 0 0;padding:0 10px;height:27px;position:relative;line-height:27px;background:url(img/qmenu-li.png) no-repeat left 0px;width:auto;color:#455057;text-decoration:none;text-transform:uppercase;}
	#qmenu ul a:hover {color:#fff;text-decoration:none;background-position:left -27px;}
	#qmenu ul a span, #qmenu ul a:visited span {display:block;margin:0;padding:0;width:6px;height:27px;background:url(img/qmenu-li.png) no-repeat right 0px;cursor:pointer;position:absolute;top:0;right:0;}
	#qmenu ul a:hover span {background-position:right -27px;}

	#qmenu ul li.current-category-ancestor a, #qmenu ul li.current-category-ancestor a:visited, 
	#qmenu ul li.current-menu-item a, #qmenu ul li.current-menu-item a:visited,
	#qmenu ul li.current-post-ancestor a, #qmenu ul li.current-post-ancestor a:visited
		{background-position:left -54px;color:#fff;text-decoration:none;}
	#qmenu ul a:hover, #qmenu ul li.current-menu-item a:hover,
	#qmenu ul li.current-post-ancestorm a:hover 
		{color:#fff;text-decoration:none;background-position:left -27px;}

	#qmenu ul li.current-category-ancestor a span, #qmenu ul li.current-category-ancestor a:visited span, #qmenu ul li.current-menu-item a span, #qmenu ul li.current-menu-item a:visited span,
	#qmenu ul li.current-post-ancestor a span, #qmenu ul li.current-post-ancestorm a:visited span 
		{background-position:right -54px;}
	#qmenu ul li.current-category-ancestor a:hover span, #qmenu ul li.current-menu-item a:hover span,
	#qmenu ul li.current-post-ancestorm a:hover span  
		{background-position:right -27px;}	





	

/* <-------------- odkazy doporucujeme */
	#blinksbox {padding:5px 37px 20px 37px;background:url(img/bottlinks.png) no-repeat top center;text-align:center;}
	#blinkstitle {font-weight:bold;font-size:1.1em;text-shadow:1px 1px 2px #999;text-transform:uppercase;}
	#blinksbox ul {list-style:none;margin:0;padding:0;}
	#blinksbox li {display:inline;margin:10px;}
	#blinksbox li img {vertical-align:middle;}

/* <-------------- odkazy v pate */
	.flinks {margin:0;padding:60px 0;list-style:none;text-align:center;width:100%;background:url(img/flinks-bg.png) no-repeat center top;}
	.flinks li {display:inline;margin-left:30px;padding:12px 0 12px 30px;background:url(img/flinks-middle.jpg) no-repeat left top;}
	.flinks li:first-child {margin-left:0;padding:12px 0;background:none;}
	.flinks a, .flinks a:visited {color:#455057;text-decoration:underline;background:url(img/flinks.gif) no-repeat 0px 0px;padding:6px 0 6px 32px;}
	.flinks a:hover {color:#9A1818;text-decoration:underline;}
	.flinks-cs1 a {background-position:0px 0px;}
	.flinks li.flinks-cs2   { display:none;}
	.flinks-map a {background-position:0px -50px;}
	.flinks-vma a {background-position:0px -151px;}

/* <-------------- copyright */
	#copyright {font-size:0.8em;color:#AAAA42;background:url(img/copy-bg.png) no-repeat top center;margin:0;padding:40px 0;}
	#copyright span {padding:0 20px;}
	#copyright a, #copyright a:visited {color:#AAAA42;text-decoration:underline;}	#copyright a:hover {color:#9A1818;text-decoration:underline;}

/* <-------------- box s adresou + odkazy dole */
	#fa {margin:0;padding:0 37px 0 260px;background:url(img/fa.png) no-repeat;min-height:180px;font-size:0.9em;_height:180px;}
	#adr {float:left;width:390px;text-align:left;}
	#adr address {font-style:normal;line-height:1.4em;}
	.adrlink {margin:0 0 5px 15px;float:right;padding:0;width:auto;}
	#adr a, #adr a:visited {color:#4B4B4B;text-decoration:underline;} #adr a:hover {color:#9A1818;text-decoration:underline;}
	.contact-title {font-weight:bold;font-size:1.1em;text-shadow:1px 1px 2px #999;text-transform:uppercase;padding-left:35px;background:url(img/ic-kontakt-bottom.gif) no-repeat left;font-size:1.1em;}
/* <-------------- sidebar v poate */
	#fsid {float:right;width:220px;text-align:center;}
	

/* <-------------- Menu v pravem sloupci   */
	.sbmenu {width:100%;overflow:hidden;margin:0 0 30px 0;padding:0;}
	.sbmenu ul {list-style:none;margin:0;padding:0;}
	.sbmenu ul li {margin:0 0 25px 0;padding:0;width:100%;overflow:hidden;float:left;text-transform:uppercase;}
	.sbmenu ul li li {margin:0;padding:0;width:100%;overflow:hidden;float:left;text-transform:none;font-family:sans-serif;}
	.sbmenu ul li a, .sbmenu ul li a:visited {display:block;margin:0;padding:6px 0 2px 5px;width:200px;overflow:hidden;_word-wrap:break-word;float:right;text-decoration:none;color:#3D372C;font-weight:bold;font-size:1.3em;text-shadow:1px 1px 2px #B6B6B6;line-height:1.3em;}
	.sbmenu ul li a:hover {text-decoration:none;color:#712B2B;}

	.sbmenu ul li.current-menu-item {background:url(img/current-menu-item.jpg) no-repeat 15px 2px;}
	.sbmenu ul li.current-menu-item a, .sbmenu ul li.current-menu-item a:visited {text-decoration:none;color:#455057;}
	.sbmenu ul li.current-menu-item a:hover {text-decoration:none;color:#712B2B;} 

	.sbmenu ul ul.sub-menu {margin:0;padding:0 0 0 15px;width:100%;overflow:hidden;}
	.sbmenu ul ul.sub-menu li a, .sbmenu ul ul.sub-menu li a:visited {padding:7px 0 7px 5px;width:200px;text-decoration:none;color:#455057;font-weight:normal;font-size:0.9em;border-bottom:solid 1px #DDE3E6;text-shadow:none;line-height:1.4em;}
	.sbmenu ul ul.sub-menu li a:hover {text-decoration:none;color:#9A1818;background:#F1F6F8;}

	.sbmenu ul ul.sub-menu li.current-menu-item,
	.sbmenu ul ul.sub-menu li.current-post-ancestor, 
	.sbmenu ul ul.sub-menu li.current-category-ancestor,
	.sbmenu ul ul.sub-menu li.current-page-ancestor
		{background:url(img/current-menu-item.jpg) no-repeat 7px 2px;}
	.sbmenu ul ul.sub-menu li.current-menu-item a, .sbmenu ul ul.sub-menu li.current-menu-item a:visited,
	.sbmenu ul ul.sub-menu li.current-post-ancestor a, .sbmenu ul ul.sub-menu li.current-post-ancestor a:visited,
	.sbmenu ul ul.sub-menu li.current-category-ancestor  a, .sbmenu ul ul.sub-menu li.current-category-ancestor a:visited,
	.sbmenu ul ul.sub-menu li.current-page-ancestor a, .sbmenu ul ul.sub-menu li.current-page-ancestor a:visited    
		{text-decoration:none;color:#9A1818;}
	.sbmenu ul ul.sub-menu li.current-menu-item a:hover,
	.sbmenu ul ul.sub-menu li.current-category-ancestor a:hover,
	.sbmenu ul ul.sub-menu li.current-post-ancestor a:hover ,
	.sbmenu ul ul.sub-menu li.current-page-ancestor a:hover  
		{text-decoration:none;color:#9A1818;background:#F1F6F8;}

/* <-------------- styly pro obsah */
	#content {text-align:justify;}
	#content h1, #content h2, #content h3, #content h4 {font-weight:normal;line-height:1.3em;color:#355562;text-align:left;}
	#content h1 {font-size:2.4em;text-shadow:1px 1px 2px #999;margin-bottom:30px;line-height:1em;padding:0 0 10px 0;background:url(img/dot-h.gif) repeat-x bottom;}
	#content h2.titleNews {padding-left:30px; background:url(img/ic-info.gif) no-repeat left;}
	#content h2 {font-size:1.8em;text-shadow:1px 1px 2px #999;line-height:1.3em;color:#2C4136;margin-bottom:20px;}
	#content h3 {font-size:1.4em;}
	#content h4 {font-size:1.2em;font-weight:bold;}

	#content table {border:none;border-left:solid 1px #DDE3E6;border-top:solid 1px #DDE3E6;margin:0 auto 40px auto;}
	#content table th {border:none;border-bottom:solid 1px #DDE3E6;border-right:solid 1px #DDE3E6;padding:3px 5px;text-align:left;background:#EEF4F7;font-weight:bold;line-height:1.2em;}
	#content table thead th {border:none;border-bottom:solid 1px #DDE3E6;border-right:solid 1px #DDE3E6;text-align:center;padding:5px;background:#CDDEE4 url(img/tbl-th.png) repeat-x top;line-height:1.2em;}
	#content table td {border:none;border-bottom:solid 1px #DDE3E6;border-right:solid 1px #DDE3E6;padding:3px 5px;line-height:1.2em;}

	#content table.tblN, #content table.tblN td, #content table.tblN th {border:none;background:none;}
	
	#content p.mnews {text-align:center;font-size:1.4em;font-weight:bold;}

/* <-------------- vypis clanku */	
	.al-container {width:100%;margin:0 0 40px 0;padding:0 0 40px 0;overflow:hidden;background:url(img/dot-v.gif) repeat-y top center;}
	.al {float:left;margin:0;padding:0;overflow:hidden;width:310px;}
	.al-end {float:right;}

	#content p.al-to {font-size:0.75em;color:#999;padding:0 0 3px 0;background:url(img/dot-h.gif) repeat-x bottom;line-height:1.3em;margin:0 0 3px 0;}

	.ic-date {padding:0 0 0 20px;background:url(img/ic-date.gif) no-repeat left;}

	#content .al h2 {font-size:1.6em;text-shadow:none;margin:0 0 5px 0;padding:15px 0 5px 0;background:url(img/dot-h.gif) repeat-x bottom;line-height:1.2em;}
	#content .al h2 a, #content .al h2 a:visited, #content .al h2 a:hover {text-decoration:none;}
	#content p.al-i, #content p.al-i a, #content p.al-i a span {display:block;width:112px;height:87px;margin:0;padding:0;overflow:hidden;}
	#content p.al-i {float:right;margin:0 0 5px 20px;}
	#content p.al-i a {float:left;position:relative;}
	#content p.al-i a img {position:absolute;top:6px;left:6px;}
	#content p.al-i a span {position:absolute;top:0;left:0;cursor:pointer;background:url(img/p-img.png) no-repeat;_background:url(img/p-img.gif) no-repeat;}
	#content p.al-t {margin:0;padding:0;}



/* <-------------- kratke clanky v obcanovi */
	.oboxes {display:block;margin:10px 0 0 0;padding:18px 18px 0 18px;background: url(img/boxes.jpg) no-repeat top;}
	.oboxes-bot {display:block;margin:0 0 30px 0;padding:0;background: url(img/boxesbott.jpg) no-repeat top;width:100%;height:12px;overflow:hidden;}

	#content .oboxes h2 {font-size:1.2em;margin:0 0 10px 0;padding:0 0 0 37px;line-height:26px;text-transform:uppercase;text-shadow:1px 1px 2px #999;font-weight:bold;text-align:left;}
	
	#content .oboxes li {text-align:left;line-height:1.2em;}

	#content p.molink {text-align:right;margin:0;padding:0;}

	.box-ud {margin:0;padding:0;width:273px;overflow:hidden;float:left;}

	#content .oboxes .box-ud h2 {background:url(img/ic-ud.gif) no-repeat left 50%;}

	.box-ud  ul {margin:0;padding:0;list-style:none;}
	.box-ud  li {margin:0 0 10px 0;padding:0;color:#4B4B4B;}
	.box-ud  li a, .box-ud  li a:visited {font-weight:bold;color:#808032;text-decoration:underline;} .box-ud  li a:hover {color:#9A1818;text-decoration:underline;}
	.box-ud  .list-date {font-size:0.9em;padding:0 0 0 20px;color:#4B4B4B;background:url(img/ic-date-2.gif) no-repeat left 50%;}

	.box-ka {margin:0;padding:0;width:273px;overflow:hidden;float:right;}

	#content .oboxes .box-ka h2 {background:url(img/ic-ka.gif) no-repeat left 50%;}

	.box-ka  ul {margin:0;padding:0;list-style:none;}
	.box-ka  li {margin:0 0 10px 0;padding:0;color:#4B4B4B;font-weight:bold;font-size:1.2em;text-align:left;}
	.box-ka  li li {font-size:0.8em;padding-left:15px;}
	.box-ka  li a, .box-ka  li a:visited {font-weight:bold;color:#808032;text-decoration:underline;} .box-ka  li a:hover {color:#9A1818;text-decoration:underline;}
	
	.box-ka  .list-date {font-size:0.9em;padding:0 0 0 20px;color:#4B4B4B;background:url(img/ic-date-2.gif) no-repeat left 50%;font-weight:normal;}
	

	.box-ud .molink a, .box-ud .molink a:visited, .box-ka .molink a, .box-ka .molink a:visited {color:#455057;text-decoration:underline;} 
	.box-ud .molink a:hover, .box-ka .molink a:hover {color:#9A1818;text-decoration:underline;}

/* <-------------- sidebar v poate */
	.wp-pagenavi {clear:both;text-align:left;line-height:1.4em;padding:10px 0;width:100%;overflow:hidden;margin:20px 0;}
	.wp-pagenavi a, .wp-pagenavi span {text-decoration:none;padding:3px 5px;margin: 2px;border:1px solid #DDE3E6;}
	.wp-pagenavi a:hover, .wp-pagenavi span.current {border:1px solid #808032;}
	.wp-pagenavi span.current {font-weight:bold;}
	.wp-pagenavi span.pages {border:none;margin-right:30px;}
	.wp-pagenavi span.extend {border:none;}

/* <-------------- Gallerie */
	.gallery {margin:auto;}
	.gallery-item {float:left;margin-top:10px;text-align:center;}
	.gallery-caption {margin-left:0;}

		.pixyolab-gallery {width:100%;overflow:hidden;margin:0 0 40px 0;padding:0;list-style:none;}
		.pixyolab-gallery li {width:auto;margin:0 15px 10px 0;padding:0;list-style:1em;float:left;}	
	
	p#pathnavigator {text-align:left;font-size:0.85em;color:#76A3B4;border-top: dotted 1px #D6E3E9;border-bottom:dotted 1px #D6E3E9;padding:8px 0 8px 20px;background:url(img/ic-home.gif) no-repeat left 8px;line-height:1.1em;}
	p#pathnavigator a, p#pathnavigator a:visited {color:#76A3B4;text-decoration:underline;}
	p#pathnavigator a:hover {color:#9A1818;text-decoration:underline;}

