/*
	--------------------------------------------
  	SCREEN SETUP
  	Autor: YellowMedia
	Web: www.yellowmedia.cz

	Version: 1.0
  	Last update: 23/09/2006
	--------------------------------------------
*/

/*	GLOBAL
	--------------------------------------------
*/

* {
	margin: 0;
	padding: 0;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
/* End hide from IE-mac */

body {
	text-align: left;
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 11px;
	background: #BBB;
}

p  {
	font-family: "Trebuchet MS", tahoma, sans-serif;
	color: #777;
	line-height: 1.6em;
	font-size: 14px;
	margin: 10px 0;
}

h2 {
	font-family: "Trebuchet MS", tahoma, sans-serif;
	font-weight: normal;
	font-size: 28px;
	letter-spacing: -1px;
	color: #C60054;
	padding-bottom: 10px;
	border-bottom: 1px solid #DDD;
	padding-left: 15px;
}

h3  {
	font-family: "Trebuchet MS", tahoma, sans-serif;
	font-weight: normal;
	font-size: 28px;
	letter-spacing: -1px;
	color: #BBB;
	margin-bottom: 40px;
}
h5  {
	font-family: "Trebuchet MS", tahoma, sans-serif;
	font-weight: normal;
	font-size: 20px;
	letter-spacing: -1px;
	color: #BBB;
	margin-bottom: 30px;
}
h5 strong {
	font-weight:normal;
	color: #777;
}

h4 {
	font-family: "Trebuchet MS", tahoma, sans-serif;
	color: #777;
	font-size: 12px;
	padding-bottom: 3px;
}

a:link, a:visited {
	color: #C60054;
}

a:hover {
	color: #666!important;
	text-decoration: none;
}

/*	LAYOUT
	--------------------------------------------
*/

div#layout {
	width: 880px;
	margin: 0 auto;
	background: white;
}

div#layout:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/*	TOP
	--------------------------------------------
*/

div#top {

 padding: 0 70px;
 height: 100px;
}


div#top h1 {
	float: left;
	margin-top: 20px;
}

div#top h1 img {
	border: 0;
}

ul#topnav {
	float: left;
	_float: none;
	text-align: right;
	margin: 45px 0 0 440px;
	_margin: 45px 0 0 0;
}

ul#topnav li {
	list-style: none;
	display: inline;
	padding-left: 10px;
}

ul#topnav li a {
	color: #BBB;
	text-decoration: none;
}

ul#topnav li a:hover {
	color: #666;
}

/*	MAIN
	--------------------------------------------
*/

div#main {
	clear: left;
}

div#header {
	background: #666;
	height: 200px;
	margin-bottom: 40px;
	padding: 0 50px;
}

ul#menu {
	float: left;
	width: 195px;
	_width: 165px;
	height: 180px;
	background: #C60054;
	border-left: 5px solid #FFF;
	border-right: 5px solid #FFF;
}

ul#menu {
	padding: 20px 0 0 0;
}

ul#menu li {
	list-style: none;
	text-transform: uppercase;
}

ul#menu li a {
	color: #FFF;
	display: block;
	padding: 0 15px;
	line-height: 22px;
	width: 165px;
	text-decoration: none;
}

ul#menu li a:hover, ul#menu li a.active {
	background: #FFF;
	color: #C60054!important;
}

ul#menu li a:hover.active {
	color: #666!important;
}

div#cover {
	float: left;
	width: 570px;
	height: 200px;
	border-right: 5px solid #FFF;
}

.onas {
	/*background: url(../images/cover_onas.jpg) no-repeat*/
	background: url(../images/cover_vw_onas.jpg) no-repeat
}

.nase-sluzby {
	background: url(../images/cover_avon_nasesluzby.jpg) no-repeat
}

.nase-prace {
	background: url(../images/cover_unipetrol_naseprace.jpg) no-repeat
}

.sluzby {
	background: url(../images/cover_sluzby.jpg) no-repeat
}

.prace {
	background: url(../images/cover_prace.jpg) no-repeat
}

.fotogalerie {
	background: url(../images/cover_galerie.jpg) no-repeat
}
.kontakt {
	background: url(../images/cover_klienti.jpg) no-repeat
}

.login {
	background: url(../images/cover_login.jpg) no-repeat;
}

.registration {
	background: url(../images/cover_registration.jpg) no-repeat;
}

div#cover div.in {
	background: #000;
	float: left;
	position: relative;
	left: 50%;
	top: 50%;
    display: none; /* HIDE COVER TEXT FROM COVER IMAGE */
}

div#cover div.in h2  {
	padding: 8px;
	color: #FFF;
	border: 0;
}

div#content div.in form { margin: 20px 0 }
div#content div.in form fieldset {border: 0; }
div#content div.in form label { display: block; font-size: 12px; padding: 10px 0; color: #666 }
div#content div.in form input.text {
	width: 200px;
	font-family: Tahoma, helvetica, sans-serif;
	font-size: 12px;
	padding: 4px;
	border: 1px solid #DDD;
	margin-bottom: 20px;
	margin-right: 10px;
}

div#content div.in form input.button {
	margin-bottom: 20px;
	padding: 3px 10px;
	font-family: Tahoma, helvetica, sans-serif;
	font-size: 12px;
	_position: relative;
	_top: 2px;
}

div#content div.in form div.left, div#content div.in form div.right { float: left; width: 50%; }
div#content div.in form textarea.memo { width: 100%; border: 1px solid #DDD; margin-bottom: 20px; _margin: 0; padding: 3px;
	font-family: Tahoma, helvetica, sans-serif;
	font-size: 12px;	}

div#pcb-logo { padding-left:20px; }
div#pcb-logo img { border:0px none; }
p.pcb-logo { font-size:11px; text-transform:uppercase; text-align:center; }

/*	SIDEBAR
	--------------------------------------------
*/

div#sidebar  {
	float: left;
	width: 195px;
	margin: 0 5px 0 55px;
	_margin: 0 5px 0 27px;
	_position: relative;
	_left: 1px;
}

div#sidebar h2 {
	border: 0;
	margin-bottom: 10px;
	color: #999;
}


div#sidebar h3.h3seo {
	font-family: "Trebuchet MS", tahoma, sans-serif;
	font-weight: normal;
	font-size: 28px;
	letter-spacing: -1px;
	color: #C60054;
	padding-bottom: 15px;
	border-bottom: 1px solid #DDD;
	padding-left: 15px;
	border: 0;
	margin-bottom: 10px;
	color: #999;
}


div#sidebar ul {
	border-top: 1px dashed #DDD;
}

div#sidebar ul li {
	list-style: none;
	text-transform: uppercase;
}

div#sidebar ul li a {
	color: #999;
	display: block;
	padding: 0 15px;
	line-height: 25px;
	width: 165px;
	text-decoration: none;
	border-bottom: 1px dashed #DDD;
}

div#sidebar ul li a.active {
    font-weight: bold;
    color: #C60054!important;
    border-left: 5px solid #C60054;
}

div#sidebar ul li a:hover {
    font-weight: normal;
    color: #C60054!important;
}


div#sidebar ul li a:hover.active {
	color: #666;
    font-weight: bold;
}


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

div#content  {
	float: left;
	width: 570px;
}

div#content h3 {
	padding: 0 15px;
    font-size: 24px;
}

div#content div.in {
	padding: 0 15px;
	width: 545px;
}

div#content h2  {
	margin-bottom: 15px;
	padding-bottom: 25px;
}

div#content h2.special  {
	margin-bottom: 10px;
	padding-bottom: 0px;
	border-bottom: none;
}

div#content div.special_text  {
	margin-bottom: 10px;
	margin-left: 20px;
	border-bottom: none;
	color: #666;
	font-size: 12px;
}


div#content h1.h1seo  {
	padding: 0;
	margin: 0;
	color: #666;
	font-size: 19px;
	font-family: "Trebuchet MS", tahoma, sans-serif;
	font-weight: normal;
	letter-spacing: -1px;
	color: #666;
	margin-bottom: 40px;
 font-size: 19px;
	margin: 0 10px 10px 10px!important;
	border-bottom: 1px dashed #CCC;
	line-height: 30px;
	padding-bottom: 8px!important;
}

div#content h2.h2seo  {
 display: list-item;
	font-family: "Trebuchet MS", tahoma, sans-serif;
	color: #777;
	line-height: 1.6em;
	font-size: 14px;
	list-style: circle;
	letter-spacing: normal;
	padding-bottom: 0;
	border-bottom: none;
	padding-left: 15px;
	margin: 0 0 0 15px;
}

div#content h3.h3seo  {
	font-family: "Trebuchet MS", tahoma, sans-serif;
	font-weight: normal;
	font-size: 28px;
	letter-spacing: -1px;
	color: #C60054;
	padding-bottom: 15px;
	border-bottom: 1px solid #DDD;
	padding-left: 15px;
	margin-bottom: 15px;
	padding-bottom: 25px;
}

div#news, div#events{
	width:255px;
}

div#events h2 { margin-top:20px; }

div#news div.in, div#events div.in {
	float: left;
	width: 255px;
	display: block;
	color: #666;
	margin-top: 0px;
	padding: 0 15px;
}

div#news div.in p, div#events div.in p {
	font-size: 11px;
	font-family: Tahoma;
	line-height: 16px;
}

p.more {
	float: left;
	padding-right: 15px;
	font-size: 11px;
	font-family: Tahoma;
}

p.more a, div#news div.in h4 a:hover, div#news div.in p a:hover, div#events div.in h4 a:hover, div#events div.in p a:hover {
	text-decoration: underline;
}

div#news div.in h4 a, div#news div.in p a, div#events div.in h4 a, div#events div.in p a {
    color: #666;
    text-decoration: none;
}

div#cases{
	width:250px;
	float:right;
}

div#cases div.in {
	float: left;
	width: 250px;
	display: block;
	color: #666;
	margin-top: 20px;
	padding: 0 15px;
}

div#cases div.in p {
	font-size: 11px;
	font-family: Tahoma;
	line-height: 16px;
}

div#cases div.in h4 a, div#cases div.in p a {
    color: #666;
    text-decoration: none;
}


div#content div.in h3 {
	padding: 0;
	margin: 0;
	color: #666;
	font-size: 19px;
	font-family:"Trebuchet MS", tahoma, sans-serif;

}

div#content div.in h3 a{
	padding: 0;
	margin: 0;
	color: #888;
	font-size: 19px;
	font-family:"Trebuchet MS", tahoma, sans-serif;
	text-decoration: none;
}

div#content div.in h3 span {
	font-size: 15px;
}

div#content div.in img.foto {
	float: left;
	margin: 10px 20px 5px 0;
	border: 1px dashed #DDD;
	padding: 1px;
}

div#content div.in ul {
	margin-bottom: 15px;
	margin-left: 15px;
}

div#content div.in ul li {
	font-family: "Trebuchet MS", tahoma, sans-serif;
	color: #777;
	line-height: 1.6em;
	font-size: 14px;
	list-style: circle;
}

div#content div.in p.contacts {
	float: right;
	border: 1px dashed #DDD;
	padding: 10px;
	background: #F9F9F9;
	margin-left: 10px;
}

div.line {
	border-top: 1px dashed #CCC;
	margin: 20px 0;
	height: 1px;
}

div.column {
	float: left;
	width: 50%;
	margin-bottom: 15px;
}

div.column ul {
	padding: 0 15px;
}

div.column h3 {
	margin: 0 10px 10px 10px!important;
	border-bottom: 1px dashed #CCC;
	line-height: 30px;
	padding-bottom: 8px!important;
}

div.right h3 {
	margin-right: 0!important;
}

div.client-logo {
    width: 33%;
    float: left;
    height: 100px;
    text-align: center;
    vertical-align: middle;
}

div.client-logo img {
    border: 0;
}

div.client-logo a:hover {
    border-bottom: 1px solid #CCC;
}

dl.left, dl.right {
	width: 50%;
	float: left;
}

dl dt {
	font-family: "Trebuchet MS", tahoma, sans-serif;
	color: #777;
	line-height: 1.2em;
	font-size: 13px;
}

dl {
	margin: 10px 0 20px 0;
}

dt.left { width: 50%; float: left }
div.hidden { display: none }



/*	PHOTOGALLERY
	--------------------------------------------
*/

.card {
	float: left;
	width: 164px;
	_width: 169px;
	margin: 15px 15px 15px 0;
	padding: 10px 0;
	text-align: center;
	background: #F9F9F9;
	border-right: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	font-size: 70%;
	height: 300px;
}

#content table img{
	border: none;
}

.card_special{
	float: left;
	width: 164px;
	_width: 169px;
	margin: 15px 15px 15px 0;
	padding: 10px 0;
	text-align: center;
	background: #F9F9F9;
	border-right: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	font-size: 70%;
	height: 200px;
}

div.card p img {
	width: 140px;
	border: 1px dashed #999;
	padding: 1px;
	background: white;
}

div.card_special p img {
	width: 140px;
	border: 1px dashed #999;
	padding: 1px;
	background: white;
}

.client-card {
    margin-top: 0;
}


div.card h4 {
	color: #C60054;
	padding: 2px 5px 3px 5px;
}

div.card p.card-desc {
	color: #666;
    line-height: normal;
    font-size: 15px;
}

div.card p.card-info {
	font-size: 10px;
    line-height: normal;
}

hr{
	clear: both;
	visibility: hidden;
}

/*	FOOTER
	--------------------------------------------
*/

div#footer  {
	clear: both;
	float: none;
	width: 540px;
	_width: 539px;
	margin-left: 255px;

	margin-top: 20px;
	_margin-top: -20px;
	border-top: 1px solid #DDD;
	padding: 10px 15px 30px 15px;
}

div#footer p  {
	line-height: 16px;
	font-size: 10px;
	font-family: Tahoma, Helvetica, sans-serif;
	color: #999;
}

div#footer ul {
	margin-bottom: -5px;
}

div#footer ul li {
	list-style: none;
	display: inline;
	padding-right: 10px;
	font-size: 10px;
}

div#footer ul li a, div#footer p a {
	color: #999;
	text-decoration: none;
}

div#footer ul li a:hover,  div#footer p a:hover {
	color: #999;
}

.biggerPop img {
	border: none;
}

.sipka{
	color: #C60054;
}

.hp-date{
	float:right;
	font-size:11px;
}

#news .in p, #events .in p {
position: relative; 
top: -15px;
}

#cases .in p{
position: relative; 
top: -15px;
}

div#conference, div#contact{
	width:250px;
	float:right;
}

div#conference div.in, div#contact div.in{
	float: left;
	width: 250px;
	display: block;
	color: #666;
	margin-top: 0px;
	padding: 0 15px;
}

div#conference div.in p, div#contact div.in p {
	font-size: 11px;
	font-family: Tahoma;
	line-height: 16px;
}

div#conference div.in h4 a, div#conference div.in p a, div#contact div.in h4 a, div#contact div.in p a {
	color: #666;
	text-decoration: none;
}

#conference .in p {
	position: relative;
	top: -15px;
}

p.more a, div#conference div.in h4 a:hover, div#conference div.in p a:hover, div#contact div.in h4 a:hover, div#contact div.in p a:hover {
	text-decoration: underline;
}

div.cleaner {
	border: 0px none;
	margin: 0px;
	padding: 0px;
	float: none;
	clear: both;
	width: 0px;
	height: 0px;
	line-height: 0px;
	font-size: 0px;
}

div#contact h2 { margin-bottom:5px; margin-top:20px; }
div#contact div.in { margin-top:0px; padding-top:0px;}
div#contact div.in p.error { margin:0px; padding:0px; color:#700 }
div#contact div.in form { margin:0px; padding:0px; }
div#contact div.in form input.text { margin:0px; width:216px; }
div#contact div.in form input.text-captcha { width:45px; margin:0px; }
div#contact div.in form label { display:inline; padding:0px; }
/*div#contact dl dt { margin:0px; }*/
div#contact dl dd { padding:0px; margin-bottom:2px; }
div#contact div.in form textarea.memo { width:218px; margin:0px; height:60px; font-size:10px; }
div#contact div.in form input.button { margin:0px; }