/*
Theme Name: Matějková
Theme URI: http://www.designeo.cz/
Description: Téma vzhledu od Designeo.cz
Author: Designeo.cz
Version: 1.0
*/



/**
* GENERAL CSS STYLES
* 
* @authors      Honza Michalička and Tereza Jeníčková @ Designeo <info@designeo.cz>, {@link http://www.designeo.cz}
* @copyright    (c) Honza Michalička and Tereza Jeníčková 2010
* @version      1.0
*
* Obsah souboru 
* ==========================================================================================
* SEKCE A - ZAKLADNI LAYOUT STRANKY
* SEKCE B - HTML ELEMENTY a UNIVERZÁLNÍ TŘÍDY
* SEKCE C - STYLY PRO JEDNOTLIVÉ STRÁNKY
* ==========================================================================================
*/


/*
* ==========================================================================================
* SEKCE A - ZAKLADNI LAYOUT STRANKY
* ==========================================================================================
*/

body {
    color: #b6b4b4;
  	font-family: "Myriad pro",Helvetica,"Lucida Sans Unicode","Lucida Grande",Arial,sans-serif;
  	font-weight: normal;
  	font-size: 90%;
  	line-height: 1.7em;
    margin: 0;
    padding: 0;
    border: none;
	
	background: #0e0e0e url(images/bg-header.png) repeat-x top left;
	width: 100%;
  	display: table;	
}

.wrap {
	margin: 0 auto;
	width: 980px;	
}

.rounded {
  -moz-border-radius:3ex;
  -webkit-border-radius:3ex;
}


/*
* HLAVIČKA
* ------------------------------------------------------------------------------
*/
#header {
	height:200px;
}
#header h1, #footer h1 {margin: 0;}
#header h1 span, #header div span, #footer h1 span, #header h1 img {display:none;}

#logo a {
    display: block;
    background: transparent url(images/logo2.png) no-repeat top left;
    width: 677px;
    height:110px;
  	outline:none;
}



/*
* NAVIGACE
* ------------------------------------------------------------------------------
*/
#navigation {
	margin:0;
	padding:0;
	border-top-style: solid;
	border-bottom-style: solid;
	border-width: 1px;
	border-color: #212121;
	margin-top: 30px;
}

	#menu-main {
		padding: 0;
		margin: 0;
		list-style: none;
		display: block;
		margin-left: 130px;
	}
	
	#menu-main li {float: left;}

	#menu-main li a {
		display: block;
		line-height: 24px;
		text-decoration: none;
		text-transform: uppercase;
		color: white;
		padding: 8px 20px;
		white-space: nowrap;
		outline:none;
		margin-right:10px;		 
	}
	
	#menu-main li a:hover, #menu-main li.current-menu-item a, #menu-main li.current-menu-parent a { color: #00aeff; }

  #qtranslate-chooser {
    padding: 0;
		margin: 0;
    display: block;
    list-style: none;
    float: right;
  }

  #qtranslate-chooser li {float: left;}
  
  #qtranslate-chooser li a {
    display: block;
		line-height: 24px;
		text-decoration: none;
		color: #b6b4b4;
		padding: 8px 5px;
		white-space: nowrap;
		outline:none;
		margin-right:10px;
  }
  
  #qtranslate-chooser li a:hover {
		color: #00aeff;
  }
  
  #qtranslate-chooser li a span {display: inline;}

/*
* CONTENT
* ------------------------------------------------------------------------------
*/
#content {
	min-height: 400px;
	margin-bottom: 30px;
	
}



/*
* FOOTER
* ------------------------------------------------------------------------------
*/
#footer {
  border-top-style: solid;
  border-width: 1px;
  border-color: #272727;
	padding: 5px 0px 5px;
	margin-bottom: 20px;
	color: #3b3a38;
	font-size: 0.8em;
}

#footer a:link      {color:#403B39; text-decoration:underline; }
#footer a:visited   {color:#403B39; text-decoration:underline; }
#footer a:hover     {color:#00aeff; text-decoration:none; }

#footer .copyright {
	margin: 0;
	padding: 0 10px 10px;
}

#footer #designeo {
	float: right;
}

/*
* GRID SYSTEM a prvky layoutu
* ------------------------------------------------------------------------------
*/
.col130, .col180,.col210, .col220, .col300, .col440, .col470, .col620, .col680, .col700{
	margin: 0 10px 0 0;
	float:left;
}
.col160{width:160px;float:left;border-left:1px dotted #495F1D;padding-left:30px;float:left;}
.col180{width:180px;}
.col200{width:200px;float:left;}
.col210{width:210px;}
.col220{width:220px;}
.col230{width:230px;float:left;}
.col300{width:300px;}
.col380{width:380px;float:left}
.col440{width:440px;}
.col460{width:460px;float:left; margin-right:30px;}
.col470{width:470px;padding-right:30px;}
.col520{width:520px;float:left;}
.col540{width:540px;float:left;}
.col620{width:620px;}
.col680{width:680px;padding: 0 10px 0 30px;}
.col700{width:700px;}
.col720{width:720px;float:left;}
.col750{width:750px;float:left;}
.col780{width:780px;float:left;}
.col940{width:940px;}
.col960{width:960px;}


.col940{
	margin:0 10px;	
}
.col180{
	width:180px;
	margin: 0 40px 0 0;
}

.col200{
	margin-right:20px;	
	float:left;
}



/*
* ==========================================================================================
* SEKCE B - HTML ELEMENTY a UNIVERZÁLNÍ TŘÍDY
* ==========================================================================================
*/


/*
* HTML ELEMENTY
* ------------------------------------------------------------------------------
*/
h1, h2, h3, h4, h5 { color: #00aeff; font-family: "Myriad pro",Helvetica,Geneva,Arial,sans-serif; }

h1      { font-size: 250%; margin: 0 0 0em 0; line-height: 1.4em; font-weight:normal; text-transform: uppercase;}
h2      { font-size: 180%; margin: 0.2em 0 0.4em 0; line-height: 1.4em; font-weight:normal; }
h3      { font-size: 140%; margin: 0.8em 0 0.8em 0; }
h4      { font-size: 110%; margin: 0.5em 0 0.5em 0; }
h5      { font-size: 100%; margin: 1.0em 0 0.5em 0; }

#content h2 a {text-decoration: none;}
#content h2 a:hover {text-decoration: underline;}

a 			{ outline:none;}
a:link      { color: #00aeff; 	  text-decoration:underline; }
a:visited   { color: #00aeff; 	  text-decoration:underline; }
a:hover     { color: #00aeff; text-decoration:none; }


p 	{ margin: 0.5em 0 1em 0;}
hr 	{ display: none; }
img { margin-right:20px; border:none; float:left;}
.ramecek img, img.ramecek, .post img {padding: 10px; background: #0e0e0e url(images/bg-image.png) repeat-x top left;}
ul 	{ padding-left:20px; margin:0px; margin-bottom:20px;}

acronym  {   
	border-bottom:1px dotted;
	cursor:help;
}


/* TABULKY */
table {
    border-collapse: collapse; 
    font-size: 100%;
  	line-height: 1.5em;
  	background-color: transparent;
 	width: 100%;
  	margin: 5px 0 20px;  
	border:1px solid #d2d2d2;

}	
table th, table .tfoot td {
  	background-color: #FFE781;
  	border-bottom: 1px solid #9F9F9F;
  	padding: 7px 10px;
}
table th a:link, table th a:visited {
  	font-weight: bold;
  	color: #313131;
}
table .tfoot td{
  	border-top: 1px solid #9F9F9F;
  	border-bottom: 1px solid #DFDFDF;
}
table td {
  	border: 1px dotted #d2d2d2;
  	text-align: left;
  	padding: 3px 15px;
  	border-bottom: 0px solid #DFDFDF; /*#FFEC9F;*/
}
table caption {
  	text-align: left;
  	font-weight: bold;
}
table a { font-weight: normal; }
table .firstcol { text-align: left; padding: 0 20px 0 10px; }
table .even td { background: #F7F7F7; /*#FDF0B8;*/ }
table .castka { text-align: right; }
table .sorted-desc, table .sorted-asc {
		background: url(../img/icons/bullet_arrow_down.png) no-repeat top right;
		padding-right: 16px; 
}


/*
* UNIVERZÁLNÍ TŘÍDY
* ------------------------------------------------------------------------------
*/
.hidden		{ display: none; }
.cleaner 	{ clear: both; }

.bigger 	{ font-size: 130%; margin: 1.0em 0 0.5em 0; }
.smaller 	{ font-size: 90%; }

.acenter 	{ text-align: center; }
.aright 	{ text-align: right; }
.aleft 		{ text-align: left; }

.left 		{ float: left; }
.right 		{ float: right; }

.upper		{ text-transform: uppercase; font-size:90%; }

.pozn {
	width:640px;
	margin: 20px 0 0 20px;
	color:white;
	border-left:3px solid #843092;	
}
a.external-link {
	background:transparent url(../images/icons/external-link.png) no-repeat scroll right top;
	display:inline;
	padding-right:11px;
}
.headline {
	padding-top:100px;
	float:right;
	font-size:200%;
	font-style:italic;
	line-height: 1.4em;
	padding-right:20px;
	color:grey;
}
.perex {
	font-size:120%;
	font-style:italic;
	line-height: 1.4em;
	color:grey;
	padding-bottom:20px;	
}
.bullet-green li {
	list-style-image: url(../images/bullet-green.png);
	margin: 0 0 0 15px
}



/*
* ==========================================================================================
* SEKCE C - STYLY PRO JEDNOTLIVÉ STRÁNKY
* ==========================================================================================
*/

/*
* AKTUALITY
* ------------------------------------------------------------------------------
*/
#aktuality{
	margin-top:20px;
}
.mypost{
	padding-bottom:10px;
}

.mypost p{
	margin-bottom:2px;
}

#aktuality p{
	margin-bottom:0.5em;
}

.entry-meta {
  margin-bottom: 20px;
  font-weight: bold;
}

.meta-info {
  display: block;
  margin-bottom: 5px;
}

/*
* OBRÁZKY NA HOMEPAGE
* ------------------------------------------------------------------------------
*/
.widget_sp_image img{
  display: block;
  width: 265px;
  height: 385px;
  padding: 15px;
  margin-right: 45px;
}

#widget_sp_image-5 img{
  margin-right: 0;
}

#widget_sp_image-4 img:hover{
  background: #00151f url(images/bg-image-hover.png) repeat-x top left;
}

#preload {
  display: none;
  background: url(images/bg-image-hover.png);
}
/*
* PŘÍSPĚVKY
* ------------------------------------------------------------------------------
*/
.postmetadata{
	color:#5F5F5F;
	/*font-size:90%;*/
}
.postmetadata a{
	font-size:100%;
	color:#5F5F5F;
}

.post{clear:both; }

/*
* IKONY
* ------------------------------------------------------------------------------
*/
.telephone{
	font-size:130%;
	padding:5px;
	display:block;
	background:#AFC21D;
}
.email{
	font-size:110%;
	padding-top:5px;
	display:block;
	height:25px;
}
.icon-email(../images
.icon-clock{
	background: transparent url(../images/icons/clock.png) no-repeat top right;
	width:130px;
	height:30px;
}
.copy{padding-top:20px;padding-left:20px;}


/*
* vlastní
* ------------------------------------------------------------------------------
*/

.num1, .num2, .num3, .num4, .num5, .num6{
	padding-left:25px;
	font-size:104%;
}

.about-box{}

.num1{
	background: transparent url(../images/numbers/num1.png) no-repeat 0 3px;
}
.num2{
	background: transparent url(../images/numbers/num2.png) no-repeat 0 3px;
}
.num3{
	background: transparent url(../images/numbers/num3.png) no-repeat 0 3px;
}
.num4{
	background: transparent url(../images/numbers/num4.png) no-repeat 0 3px;
}
.num5{
	background: transparent url(../images/numbers/num5.png) no-repeat 0 3px;
}
.num6{
	background: transparent url(../images/numbers/num6.png) no-repeat 0 3px;
}

.up {
padding-top:30px;
}

.right {
float:right;
}



.post {
	margin: 15px 0;
	padding: 15px 0;
}


/*
* ADD THIS - Tisk + Email
* ------------------------------------------------------------------------------
*/
#share {
	margin: 30px 0 10px;
	border-top: 1px dotted silver;
	padding: 20px 0 10px;
}
.addthis_default_style .at300b, .addthis_default_style .at300m {
	padding:0 20px;
}
.addthis_default_style .addthis_separator, .addthis_default_style .at300b, .addthis_default_style .at300m, .addthis_default_style .at300bs {
	float:right;
	line-height: 16px;
}
div.atclear {
	clear:both;
}
#share .addthis_separator {
	margin:0px 5px;
}
.addthis_toolbox.addthis_default_style span {
	line-height:16px;
	padding: 0 3px;
}
.addthis_default_style .addthis_separator {
	display:inline;
	margin:0 5px;
}
.addthis_toolbox a:link, .addthis_toolbox a:visited { color:gray;}
.addthis_toolbox a:hover {color: black;}

/*
* ALBUM
* ------------------------------------------------------------------------------
*/

.ngg-albumoverview .ngg-album-compact h4{font-size:90%;}

/*
* AKCE
* ------------------------------------------------------------------------------
*/

/*
 * GALERIE
 * ----------------------------------------------------------------------------- 
 */ 
.cgj_prev {
  background: url(images/prev_chevron.png);
  width: 40px;
  height: 40px;
  
}