/*   
Theme Name: Designeo Website
Theme URI: http://www.designeo.cz
Description: Šablona vzhledu od Designeo 
Author: Designeo Creative s.r.o.
Author URI: http://www.designeo.cz
Version: 1.0

Copyright (c) Designeo Creative s.r.o. 2010.

Created by Honza Michalička and Tereza Jeníčková.
Contact us at info@designeo.cz
Website http://www.designeo.cz
*/


/*
* !BODY
* ------------------------------------------------------------------------------
*/
body {
    color: #9F9F9F;
    color: #AFAFAF;
  	font-family: Helvetica,"Lucida Sans Unicode","Lucida Grande",Arial,sans-serif;
  	font-weight: normal;
  	font-size: 78%;
  	line-height: 1.7em;
    margin: 0;
    padding: 0;
    border: none;
    background: black;
}


/*
* !HEADER
* ------------------------------------------------------------------------------
*/
#header {
	height:90px;
	background: #131319;

	border-bottom: 1px solid #222231;
}
#header h1 {margin: 0;}
#header h1 span {display:none;}
#header #logo a{
    display: block;
    background: transparent url(images/logoAB.png) no-repeat top left;
    height: 50px;
    width: 190px;
  	overflow:hidden;
  	float:left;
  	margin-top:25px;
  	outline:none;
}
#header #logo a:hover{
	background-position: 0 -50px;
}


/*
* !NAVIGATION
* ------------------------------------------------------------------------------
*/
#navigation{
	padding-left:10px;
	height:90px;	
}
#navigation ul{
	margin: 0;
	list-style: none;
	float: right;
	position: relative;
}
#navigation li {
	text-align: left; 
	float:left;  
	padding: 0px 10px 0 10px;			
}
#navigation li a {	
	font-style: normal;	
	letter-spacing: 1px;	
	word-spacing: 0px;	
	text-shadow: 1px 1px #2a0033;	
	line-height: 50px;
	text-decoration: none;
	padding: 20px 10px 0 10px;
	white-space: nowrap;
	text-align: left;
	color:#DDDDDD;
 	height:70px;
 	display:block;
 	outline:none;
 	font-family: "Helvetica Neue",Helvetica,"Century Gothic","Avant Garde Gothic",Arial,sans-serif;
	font-weight: normal;
	font-size: 130%;
}
#navigation li a:hover {
	background: #131319 url(images/bg-menu-item.png) repeat-x top left;	
}
#navigation .current_page_parent a, #navigation .current_page_item a {
	background: transparent url(images/bg-menu-item.png) repeat-x top left;	
}


/*
* !CONTENT
* ------------------------------------------------------------------------------
*/

.wrap {
	margin:0 auto;
	width:960px;
	padding:0px;
}
/* Page title */
#page-promo {
	border-bottom: 1px solid #222231;
	margin-bottom: 10px;
	padding: 40px 0 30px;
}
#page-promo h2.headline {
	font-size:250%;
	font-weight:bold;
	line-height: 1.1em;
	color:white;
	margin:0px;
}
#page-promo .perex{
	color: #843092;
	font-size:180%;
	font-weight:bold;
	line-height: 1.1em;
}


/*
* !FOOTER
* ------------------------------------------------------------------------------
*/
#footer {
    color:#53555F;
	height: 235px;
	background: #131319;
	border-top: 1px solid #222231;
	padding-top:30px;
	margin-top:50px;
}
#footer p 	{ margin:0 0 8px 0;}
#footer ul	{ margin:0;	padding:3px 5px 10px 15px;}
#footer li{
	list-style-type:none;
	text-decoration:none;
}
#footer a:link  { color:#53555F; text-decoration:none; font-weight: normal; } 
#footer a:visited  { color:#53555F; text-decoration:none; font-weight: normal; } 
#footer a:hover { color:#843092; text-decoration: underline; }
#footer ul a:link, #footer ul a:visited 		{ color:#40414F; text-decoration:none; font-weight: bold; color:#B3B7BF; }
#footer ul a:hover { color:#843092; text-decoration: underline; }
#footer h2, #footer h3 {
	font-size: 120%;
	margin: 0;
}
#footer .footer-logo {
	background: url(images/designeo_logo_footer.png) no-repeat top left;
	width: 141px;
	height: 35px;
	text-indent: -9999px;
	overflow: hidden;
	position:relative;
	top:-12px;
}
#footer .copyright {
	margin: 20px 0;
}
#footer .kontakt {
	position: relative;
	right: -80px;
}


/*
* !HTML ELEMENTS - Zakladni formatovani HTML prvku
* ------------------------------------------------------------------------------
*/
h1, h2, h3, h4 {
  	font-family: "Helvetica Neue",Helvetica,"Century Gothic","Avant Garde Gothic",Arial,sans-serif;
	color:white;
	font-weight: normal;
}
h1      { font-size: 250%; margin: 1.2em 0 0.4em 0; line-height: 1.4em; }
h2      { font-size: 200%; margin: 0em 0 0.8em 0; line-height: 1.4em; color:#843092;}
h3      { font-size: 170%; margin: 0.8em 0 0.8em 0;}
h4      { font-size: 130%; margin: 1.0em 0 0.5em 0; }

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

p 	{ margin: 0.5em 0 1em 0;}
hr 	{ display: none; }
img { padding: 0; border: none; }
ul 	{ padding-left:20px;}

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


/*
* !UNIVERSAL CLASSES - Univerzalni formatovaci tridy
* ------------------------------------------------------------------------------
*/
.hidden { display: none; }
.bigger{ font-size: 110%; margin: 1.0em 0 0.5em 0;}
.smaller { font-size: 90%;}
.cleaner { clear: both; }

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

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

.pozn {
	width:640px;
	margin: 20px 0 0 20px;
	color:white;
	border-left:3px solid #843092;	
}
.double-section{
	width:660px;
	padding:0px 10px 10px 10px;
	float:left;
	margin-top:20px;
}
.white{color:#dddddd;}
.purple{color:#843092;}


/*
* GRID SYSTEM a prvky layoutu
* ------------------------------------------------------------------------------
*/
.col220, .col300, .col380, .col420, .col460, .col620 {
	margin: 0 10px;
	float:left;
}
.col700, .col540 {
	margin:0 10px 0 0;
	float:left;
}
.col220{width:220px;}
.col300{width:300px;}
.col380{width:380px;}
.col420{width:420px;}
.col460{width:460px;}
.col540{width:540px;}
.col620{width:620px;}
.col700{width:700px;}

/*rounded corners*/
.rounded-corners {
	background: #131319;
	-moz-border-radius: 15px;
	padding: 10px 20px 20px;
	margin: 10px 0;
}
.items .rounded-corners{margin:0;}
.no-corners {
	padding: 10px 25px 20px;
	margin: 10px 0;
}
.rounded-corners h3 {
	font-size:150%;
}

.col420.rounded-corners{margin-top:30px;}



/*
* !SPECIFIC STYLES
* ------------------------------------------------------------------------------
*/

/*
* Tym
* ------------------------------------------------------------------------------
*/
.seznam strong{
	font-weight:bold;
	font-size:110%;
	color:white;
}
.seznam li{
	color:#a5a5a5;
	padding-left:100px;
	padding-bottom:10px;
	list-style-type:none;
	height:130px;
	padding-top:10px;
}
ul.seznam { margin:0px;padding-left:0px;}
.foto-tj{background: transparent url(/wp-content/uploads/photo-contact/small/photo-terka-small.png) no-repeat 0 5px;}
.foto-jm{background: transparent url(/wp-content/uploads/photo-contact/small/photo-honzina-small.png) no-repeat 0 5px;}
.foto-ms{background: transparent url(/wp-content/uploads/photo-contact/small/photo-michal-small.png) no-repeat 0 5px;}
.foto-bm{background: transparent url(/wp-content/uploads/photo-contact/small/photo-bohdan-small.png) no-repeat 0 5px;}



/*
* Kontaktní formulář
* ------------------------------------------------------------------------------
*/
.seznam strong{
	font-weight:bold;
	font-size:110%;
	color:white;
}
.seznam li{
	color:#a5a5a5;
	padding-left:100px;
	padding-bottom:10px;
	list-style-type:none;
	height:130px;
	padding-top:10px;
}
ul.seznam { margin:0px;padding-left:0px;}
.foto-tj{background: transparent url(/wp-content/uploads/photo-contact/small/photo-terka-small.png) no-repeat 0 5px;}
.foto-jm{background: transparent url(/wp-content/uploads/photo-contact/small/photo-honzina-small.png) no-repeat 0 5px;}
.foto-ms{background: transparent url(/wp-content/uploads/photo-contact/small/photo-michal-small.png) no-repeat 0 5px;}
.foto-bm{background: transparent url(/wp-content/uploads/photo-contact/small/photo-bohdan-small.png) no-repeat 0 5px;}


#wpcf7-f1-p7-o1{
	background:#131319;
	padding:20px;
	margin-top:20px;
	color:#DDDDDD;
	-moz-border-radius:10px;
}
#wpcf7-f1-p7-o1 h2{
	background:#131319 url(images/icons/email_open.png) no-repeat 0px 0px;
	padding-left:40px;
}
#wpcf7-f1-p7-o1 p{
	padding:5px 0;
	margin:2px 0;
}
.required{color:#843092;}
#wpcf7-f1-p7-o1 .colored{
	background:#21222F;
	height:20px;
	padding-top:5px;
	border:1px solid #2F323F;
	float:right;
	color:#8F8F8F;
	font-size:105%;
	padding-left:5px;
	width: 300px;	
}
#wpcf7-f1-p7-o1 .colored:focus{
	border:1px solid #843092;
	color:#DDDDDD;
}
textarea, .quiz input {
	background:#21222F;	
	border:1px solid #2F323F;
	width:500px;
	color:#8F8F8F;
	font-family:"Lucida Grande",Arial,helvetica,sans-serif;
	font-size:100%;
}
textarea:focus{
	border:1px solid #843092;
	color:#DDDDDD;
}
.wpcf7-list-item{
	display:block;
	padding-left:190px;
}
.wpcf7-form .smaller { font-size: 85%;color:#8F8F8F;}
.wpcf7-form h3 { margin-bottom:0px;}
.odeslat{
	width:100px;
	background:#843092;
	font-size:100%;
	color:black;
	font-weight:bold;
	padding:6px 10px 5px;
	margin-left:30px;
	border:1px solid #5C0D6F;
	text-decoration: none;
	float:right;
	text-transform:uppercase;
	cursor:pointer;
	-moz-border-radius: 6px;
}
.odeslat:hover {background: #962BAF;}
.wpcf7-not-valid-tip-no-ajax{
	display:block;
	padding-top:10px;
	text-align:right;
	color:#CF1800;
	font-style:italic;
}
.wpcf7-mail-sent-ok{
	border-top:1px solid #5C0D6F;
	border-bottom:1px solid #5C0D6F;
	font-style:italic;
	padding: 10px 0;
	background: transparent url(images/icons/tick.png) no-repeat 70px 5px;
	text-align:center;
	margin-bottom:30px;
}
.wpcf7-validation-errors{
	border-top:1px solid #CF1800;
	border-bottom:1px solid #CF1800;
	font-style:italic;
	padding: 10px 0;
	margin-bottom:30px;
	background: transparent url(images/icons/error.png) no-repeat 20px 5px;
	text-align:center;
	color:#CF1800;
}
.quiz input{
	width:50px;
	margin-right:10px;
}
.quiz input:focus{
	border:1px solid #843092;
	color:#DDDDDD;
}



/*
* HP - promo
* ------------------------------------------------------------------------------
*/

#hp-promo {
    padding: 20px 0 0;
	outline:none;

}


#hp-promo h2{color:white;}
  	
#promo-headline h2.headline{
	padding-top:20px;
	padding-left:40px;
	font-size:250%;
	font-weight:bold;
	line-height: 1.4em;
}

#promo-headline .perex{
	padding-top:0px;
	padding-left:40px;
	font-size:150%;
	font-weight:normal;
	line-height: 1.8em;
}

#promo-ref{
	margin-left:0px;
}

/*
* CUSTOM STYLES
* ------------------------------------------------------------------------------
*/

/*Go-button*/
.go-box a{
	width:80px;
	background:#843092;
	font-size:70%;
	color:black;
	font-weight:normal;
	padding:5px 5px 3px 5px;
	margin-left:30px;
	border:1px solid #5C0D6F;
	text-decoration: none;
	cursor:pointer;
	-moz-border-radius:3px;
}

.go-box a:hover {
	background: #962BAF;
}
.col300 h3{margin-top:10px;}


.fix{background:#21222F; padding:2px 4px;}
.fix-box{background:black; padding:2px 4px;}

.underline{border-bottom:3px solid #222231;}


.special-box{border-left:2px solid transparent;}
.special-box a{color:#DDDDDD;}
.special-box:hover{
	color:white;
	background: #280e2c;
	border-left:2px solid #843092;
}

a.external-link {
	background:url(images/icons/external-link.png) no-repeat right top;
	display:inline;
	padding-right:11px;
}

.line{
	border-bottom:1px dotted gray;
	padding-bottom:25px;
}



/*
* HP-3boxy 
* ------------------------------------------------------------------------------
*/

.maincol300 {
	border-top:1px solid #222231;
	border-bottom:1px solid #222231;
	height:180px;	
	margin:30px 0 0;
	color:#68696F;
}

.hp .col300{
	border-top:1px solid black;
	border-bottom:1px solid black;
	width:290px;
	margin:0;
	padding: 10px 15px 0;
	height: 170px;
}
.hp .col300:hover{
	border-top:1px solid #843092;
	border-bottom:1px solid #843092;
	background:#280e2c;
	color: silver;
}

.hp .col300 a:link, .hp .col300 a:visited {
	color:white;
	outline:none;
	text-decoration: none;
}

.hp .col300 p{
	padding-left:10px;
	padding-right:5px;
	outline:none;
}


.hp .col300 h2{
	color:white;
	text-decoration:none;
	font-size: 160%;
	margin: 0;
	padding: 10px 0 10px 60px;
}

.hp h3{margin-top:10px;margin-bottom:10px;}


.www-icon, .optimalizace, .action-hp, .multimedia{

	height:30px;
	padding-left:50px;
	padding-top:5px;
}

.www-icon{
	background: transparent url(images/icons/function/globe_48.png) no-repeat 0px 0px;
}
.optimalizace{
	background: transparent url(images/icons/function/search_48.png) no-repeat 0px 0px;
	padding-left:52px;
}


.multimedia{
	background: transparent url(images/icons/function/star_48.png) no-repeat 0 0px;
	padding-left:55px;
}





/*
* HP- boxy 460
* ------------------------------------------------------------------------------
*/
.maincol460{
	border-bottom:1px solid #222231;
	margin:30px 0 0 0;
}

/*HP-ostat boxy */

.hp .col460{
	padding-top:20px;
}


.slogan-hp{
	padding:10px 0 20px 0px;
	font-size:120%;

	line-height: 1.5em;
	margin:0 auto;
	color:#dddddd;
	border-bottom:1px solid #222231;

}

.perex{
	font-size:150%;
	font-family: helvetica, "Lucida Grande", Arial, sans-serif;
	font-weight:bold;
	line-height: 1.3em;
	margin:0px;
	color: #DDDDDD;
}



/*NOTES*/



.hp .note-top{
	background: transparent url(images/note/note-top.png) no-repeat top left;
	width:450px;
	height:53px;	
}

.note-top h3{
	padding: 10px 0 0 20px;
	margin:0;

	
}

.note-middle{
	background: transparent url(images/note/note-middle.png) repeat-y top left;
	width:450px;

}
.note-middle strong{
	font-weight:bold;
	font-size:120%;
	color:white;
}

.note-middle li{
	color:#a5a5a5;
	padding-left:30px;
	padding-bottom:15px;
	list-style-type:none;
}

.note-middle ul{
	margin:0px;
}

.note-bottom{
	background: transparent url(images/note/note-bottom.png) no-repeat top left;
	width:450px;
	height:32px;	
}



/*
* O nás 
* ------------------------------------------------------------------------------
*/



#flowtabs #t1, #flowtabs #t2, #flowtabs #t3, #flowtabs #t4{
	height:150px;
	width:113px;
	padding: 0 8px;
	outline:none;
}
#flowtabs a{display:block;}

#flowtabs #t1 {background: transparent url(images/photo-about/photo-honzina.png) no-repeat top left;}
#flowtabs #t2 {background: transparent url(images/photo-about/photo-terka.png) no-repeat top left;}
#flowtabs #t3 {background: transparent url(images/photo-about/photo-michal.png) no-repeat top left;}
#flowtabs #t4 {background: transparent url(images/photo-about/photo-bohdan.png) no-repeat top left;}

#flowtabs #t1:hover, #flowtabs #t2:hover, #flowtabs #t3:hover, #flowtabs #t4:hover {background-position: 0 -150px;}
#flowtabs #t1.current, #flowtabs #t2.current, #flowtabs #t3.current, #flowtabs #t4.current  {background-position: 0 -300px;}

.hecut a{
	background: transparent url(images/logo/hecut.png) no-repeat top left;
	display:block;
	height:30px;
	width:158px;
	outline:none;
	float:left;
    margin-top:10px;
    padding-right:40px;
    margin-bottom:20px;
    
}


.hecut span, .asdesign span, .inspiro span, .mibcon span, .bat span, .lazne span, .phd span {display:none;}

.asdesign a{
	background: transparent url(images/logo/asdesign.png) no-repeat top left;
	display:block;
	height:60px;
	width:150px;
	outline:none;
	float:left;
	margin-bottom:20px;

}

.mibcon a{
	background: transparent url(images/logo/mibcon.png) no-repeat top left;
	display:block;
	height:40px;
	width:168px;
	outline:none;
	float:left;
	margin-bottom:20px;

}


.inspiro a{
	background: transparent url(images/logo/inspiro.png) no-repeat top left;
	display:block;
	height:40px;
	width:177px;
	outline:none;
	float:left;
	padding-right:40px;
	margin-bottom:20px;
}

.bat a, .lazne a{
	display:block;
	height:80px;
	width:117px;
	outline:none;
	float:left;
	padding-right:40px;
	margin-bottom:20px;
}

.phd a{
	display:block;
	height:68px;
	width:100px;
	outline:none;
	float:left;
	padding-right:0px;
	margin-bottom:20px;
}


.bat a{background: transparent url(images/logo/bat.png) no-repeat top left;}
.lazne a{background: transparent url(images/logo/lazne.png) no-repeat top left;}
.phd a{background: transparent url(images/logo/phd.png) no-repeat top left;}


.asdesign a:hover{background-position:0 -60px;}
.hecut a:hover{background-position:0 -30px;}
.inspiro a:hover{background-position:0 -40px;}
.mibcon a:hover{background-position:0 -40px;}



/*
* Služby
* ------------------------------------------------------------------------------
*/


/*
* reference
* ------------------------------------------------------------------------------
*/

.reference{font-style:italic;}

/*
* Kontakty
* ------------------------------------------------------------------------------
*/



#kontakty .phone{
	padding: 0px 0px 0px 10px;
	font-size:160%;
	line-height: 1.0em;	
}
/*.phone:hover{color:#843092;background-position:0px -20px;} */

#kontakty .mail{
	padding: 0px 0px 0px 10px;
	font-size:160%;
	line-height: 1.0em;	
}
#kontakty .main-contact{
	padding: 20px;
}






/*
* číslování
* ------------------------------------------------------------------------------
*/
.num1{background: transparent url(images/numbers/num1.png) no-repeat 0 5px;}
.num2{background: transparent url(images/numbers/num2.png) no-repeat 0 5px;}
.num3{background: transparent url(images/numbers/num3.png) no-repeat 0 5px;}
.num4{background: transparent url(images/numbers/num4.png) no-repeat 0 5px;}
.num5{background: transparent url(images/numbers/num5.png) no-repeat 0 5px;}

.services-steps .num1{background: transparent url(images/numbers/num1.png) no-repeat 0 15px;padding-left:30px;}
.services-steps .num2{background: transparent url(images/numbers/num2.png) no-repeat 0 15px;padding-left:30px;}
.services-steps .num3{background: transparent url(images/numbers/num3.png) no-repeat 0 15px;padding-left:30px;}
.services-steps .num4{background: transparent url(images/numbers/num4.png) no-repeat 0 15px;padding-left:30px;}
.services-steps .num5{background: transparent url(images/numbers/num5.png) no-repeat 0 15px;padding-left:30px;}
.services-steps .num6{background: transparent url(images/numbers/num6.png) no-repeat 0 15px;padding-left:30px;}


/*
* QUOTES
* ------------------------------------------------------------------------------
*/

.quote{
	width:460px;
	background: black; /*#131319*/
	-moz-border-radius: 15px;
	padding: 5px 0px 5px 0px;
	margin:0;
	color:#dddddd;
	
}



.hp .quotes-top{
	background: black url(images/quote/uvozovka-top.png) no-repeat top left;
	margin:0;
	font-style: italic;
	padding: 0px 0px 0 0px;
	font-size:110%;
}

.quotes-bottom .name{
	margin:0;
	padding: 0px;
	text-align:right;
}

.quotes-bottom{
	background: black url(images/quote/uvozovka-bottom.png) no-repeat 410px 30px;
	padding-bottom: 15px;

}
.quotes-top p{
	margin:0px 0 10px 0;
	padding-top: 15px;
}

/*POSTY*/

.mypost {
	text-align: left;
	padding: 10px;
	margin:10px 0px;
	background: #131319;
}

.mypost h3{
	background: transparent url(images/icons/newspaper-big.png) no-repeat top left;
	display:block;
	height:30px;
	padding: 0px 0 0 40px;

}

#aktuality h3 {
	background: transparent url(images/icons/advertisment-32_purple.png) no-repeat top left;
	display:block;
	height:30px;
	padding: 5px 0 0 40px;
}

#aktuality h3, #blog h3, #blog h4 a {color:#843092;}
#aktuality h4 a:hover, #blog h4 a:hover {color:white;}

/*BLOG*/
#blog h3{
	background: transparent url(images/icons/article-48.png) no-repeat top left;
	display:block;
	height:40px;
	padding: 10px 0 0 60px;
}

.blog-item{
	background: transparent url(images/icons/newspaper.png) no-repeat 0 3px;
	padding-left:25px;
	list-style-type:none;
	height:20px;

}
.blog-excerpt p{

}

.single-post h2{
	background: transparent url(images/icons/newspaper-big.png) no-repeat top left;
	display:block;
	height:30px;
	padding: 0px 0 0 40px;
	
}



/*
* ikonky
* ------------------------------------------------------------------------------
*/

.bullet-gray li{
	list-style-image:url(images/icons/bullet-gray.png);
}



ul.bullet-purple li{
	list-style-image:url(images/icons/bullet-purple.png);
	margin-left:5px;
}

ul.bullet-purple{
	list-style-image:url(images/icons/bullet-purple.png);
	margin-left:10px;
}




ul.tick-small li{
	list-style-image:url(images/icons/tick-small.png);
	margin-left:5px;
}

ul.tick-small{
	list-style-image:url(images/icons/tick-small.png);
	margin-left:10px;
}

.star{
	background: transparent url(images/icons/star-purple.png) no-repeat 85px 0px;
	height:34px;
	padding-top:5px;
	margin-bottom:0px;
}


.book{
	background: transparent url(images/icons/book-purple.png) no-repeat 150px 0px;
	height:30px;
	padding-top:5px;
}


.address{
	background: transparent url(images/icons/book_addresses.png) no-repeat 100px 0;
	height:30px;
	padding-top:0px;
	padding-left:0px;
}

.house{
	background: transparent url(images/icons/house.png) no-repeat 160px 0;
	height:30px;
	padding-top:0px;
	padding-left:0px;
}

.thumb{
	background: transparent url(images/icons/thumb_up.png) no-repeat 5px 3px;
	height:40px;
}

.section .tick{
	background: transparent url(images/icons/tick.png) no-repeat 5px 3px;
	padding:10px 0 0 45px;
}

.question{
	background: transparent url(images/icons/question.png) no-repeat 5px 5px;
	height:100px;
	padding:0px 0 0 45px;
	border-top:1px solid #843092;
	margin-top:50px;
}




.exclamation{
	background: black url(images/icons/exclamation.png) no-repeat 5px 9px;
	padding:5px 0 0 30px;
	width:620px;
	margin-top:20px;
	margin-left:15px;
	border: 1px solid #2F323F;
	-moz-border-radius:10px;
}

.hp .exclamation, .about .exclamation{
	width:400px;
	margin-left:10px;
}
.hp .exclamation h3{
	color:#843092;
}

.exclamation ul{
	padding-left:0px;
}

.exclamation li{
	padding-bottom:7px;
}

.exclamation strong{
	color:white;
}


.question h4, .exclamation h4{margin-top:10px;}


/*ikony HP*/





.document{
	background: transparent url(images/icons/page_white_magnify.png) no-repeat 0 5px;
	padding-left:40px;
	margin-left:10px;
	margin-bottom:20px;
}

.newspapers{
	background: transparent url(images/icons/newspaper.png) no-repeat 0 3px;
	padding-left:25px;
	list-style-type:none;
	height:20px;
}



/*odkazy*/
.o-nasem-tymu a{
	background: transparent url(images/odkazy/vice-o-tymu.png) no-repeat top right;
	display:block;
	height:20px;
	width:154px;
	float:right;
}

.o-nasem-tymu a:hover{
	background-position: 0 -20px; 

}

.o-nasem-tymu span{
	display:none;
}

.vice-referenci a{
	background: transparent url(images/odkazy/vice-referenci.png) no-repeat top right;
	display:block;
	height:20px;
	width:122px;
	float:right;
}

.vice-referenci a:hover{
	background-position: 0 -20px; 

}

.vice-referenci span{
	display:none;
}





/*
* Mapa stránek
* ------------------------------------------------------------------------------
*/

#sitemap_list.sitemap_disp_level_0 li {
	list-style-image:url(images/icons/bullet-purple.png);
	margin-left:5px;	
}

#sitemap_list.sitemap_disp_level_0 li li{
	list-style-image:none;	
}

#sitemap_list.sitemap_disp_level_0 li a, #sitemap_list.sitemap_disp_level_0 li li a{
	color:#AFAFAF;	
}

#sitemap_list.sitemap_disp_level_0 li a:hover, #sitemap_list.sitemap_disp_level_0 li li a:hover{
	color:#843092;	
}

#sitemap_list.sitemap_disp_level_0{
	font-size:110%;
}

#sitemap_list {
	margin-top: 30px;
}

/*
* Side Bar
* ------------------------------------------------------------------------------
*/

.ref-box{
	background: transparent url(images/ref-small/mg-small-box.jpg) no-repeat top left;
	height:50px;
	display:block;
	padding-top:150px;
	text-align:right;

}


.fb a{ 
    background:url(images/icons/FB-icon.png) no-repeat top left; 
    height:20px;
    width:20px;
	float:left;
	margin-top:10px;
	padding-right:5px;
}

.fb span{display:none;}

.apple { 
    background:url(images/icons/mc-icon.png) no-repeat top right; 
	padding: 0 25px 0 0;
}



.photo-david{
	background: transparent url(images/photo-about/foto-david-new.png) no-repeat 10px 10px;
	height:225px;
	width:160px;
	float:left;
	display:block;

}




/* the overlayed element */ 
.simple_overlay { 
     
    /* must be initially hidden */ 
    display:none; 
     
    /* place overlay on top of other elements */ 
    z-index:10000; 
     
    /* styling 
   background:transparent url(images/apple.png) no-repeat top left; */
     background: #121218;
    width:500px;     
    min-height:300px; 
    border:1px solid #666; 
    padding: 20px;
     
    /* CSS3 styling for latest browsers */ 
    -moz-box-shadow:0 0 90px 5px #000; 
    -webkit-box-shadow: 0 0 90px #000;     
} 
 
/* close button positioned on upper right corner */ 
.simple_overlay .close { 
    background-image:url(images/apple-close.png); 
    position:absolute; 
    right:-15px; 
    top:-15px; 
    cursor:pointer; 
    height:28px; 
    width:28px; 
}