/*------------------------------------------------------------------
[Hlavni Stylesheet]

Projekt: Apimedia
Autor: Petr Havelka - petr@citronak.cz
Posledni uprava: 26.06.2008 15:44
Vystupni zarizeni: screen, projection
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[ Generally ]
*/
body, h1, h2, h3, h4, h5, ul, li, dl, dt, dd, form, p, fieldset, input { margin: 0; padding: 0;}
html {
	height: 100%;
}
body {
	background: #ffffff;
	color: #000000;
	font-size: 62.5%;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}
body#homepage {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	height: 100%;
	min-height: 100%;
}

#page {
	width: 1004px;
	height: 472px;
	min-height: 472px;
	text-align: left;
	position: relative;
	margin: 0 auto;
	background: url(../img/body-bgb.png) 233px 4px no-repeat;
}

html>body #page {
	height: auto;
}
hr, .none, legend, caption, .toPrint { display: none; }

.jmp {
	position: absolute;
	top: -2000px;
	left: 0;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

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

.clear { display: inline-table; }

/* Skrytí pred IE/MAC \*/
* html .clear{ height: 1%; }
.clear { display: block; }
/* Konec skrytí pred IE/MAC */

img, fieldset {
	border: none;
}

/* Globalni defaultni nastaveni odkazu */
a {color: #c1101e;}
a:link {}
a:visited {}
a:hover {text-decoration: none;}
a:active {}

#ovx:link {color: #fff; text-decoration: underline;}
#ovx:visited {color: #fff; text-decoration: underline;}
#ovx:hover {color: #fff; text-decoration: none;}
#ovx:active {color: #fff; text-decoration: none;}

/*------------------------------------------------------------------
[ Header ]
*/

#header {
	float: left;
	margin: 57px 0 1px 24px;
}

#menu {
	list-style: none;
	float: left;
	height: 57px;
	background: #ffffff;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#homepage #header{
	position: absolute;
	left: 5px;
	z-index: 100;
}

#menu li {
	float: left;
	height: 2em;
	line-height: 2em;
	margin-top: 1.7em;
}

#menu li a {
	float: left;
	color: #7f7f7f;
	font-size: 1.2em;
	background: none;
	padding: 0 8px 0 0;
}

#menu li span {
	float: left;
	padding: 0 3px;
	color: #7f7f7f;
	font-size: 1.2em;
}

#menu li a strong {
	display: block;
	font-weight: normal;
	padding: 0 0 0 8px;
	cursor: pointer;
}

#menu li a:hover, #menu li.active a {
	color: #ffffff;
	background: #c1101e url(../img/menu-r.png) 100% 0 no-repeat;
	text-decoration: none;
	
}
#menu li a:hover strong,  #menu li.active a strong{
	background: url(../img/menu-l.png) 0 0 no-repeat;
}


#language {
	position: absolute;
	top: 76px;
	left: 914px;
	list-style: none;
	width: 60px;
	height: 19px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#homepage #language {
	top: 19px;
}

#language li {
	float: left;
	height: 19px;
	width: 21px;
	margin: 0 5px 0 0;
	line-height: 19px;
	font-size: 1.1em;
	color: #c1101e;
}

#language li.deactiv {
	padding-left: 6px;
}

#language li a {
	display: block;
	width: 16px;
	padding-left: 5px;
	color: #c1101e;
	text-align: center;
	text-decoration: none;
}

#homepage #language li a {
	padding-left: 6px;
	width: 15px;
}

#language li a:hover, #language li.active a {
	display: block;
	width: 16px; 
	background: #c1111f url(../img/langa.png) 0 0 no-repeat;
	color: #ffffff;
}

#homepage #language li a:hover, #homepage #language li.active a {
	width: 15px;
}

/*------------------------------------------------------------------
[ Content ]
*/

#content {
	float: left;
	clear: both;
	width: 100%;
	position: relative;
}

#homepage #page {
	background: none;
	height: 100%;
}

html>body #homepage #page {
	height: 100%;
}

#homepage #content {
	position: absolute;
	top: 10%;
	left: 0;
	background: url(../img/hlavni/body-bga.png) 60px 2px no-repeat;
	height: 400px;
	z-index: 1;
}

#homepage h1#mak {
	font-size: 5em;
	color: #c1101e;
	position: absolute;
	top: 205px;
	left: 26px;
	width: 847px;
	height: 76px;
	overflow: hidden;
}

#homepage h2#since  {
	color: #a8a8a8;
	position: absolute;
	top: 177px;
	left: 519px;
	width: 347px;
	height: 27px;
	overflow: hidden;
}

#homepage h1#mak span {
	position: absolute;
	top: 0;
	left: 0;
	background: url(../img/en/mak.png) 0 0 no-repeat;
	display: block;
	width: 847px;
	height: 76px;
}




#homepage h2#since span {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 347px;
	height: 27px;
	background: url(../img/en/since.png) 0 0 no-repeat;
}

#homepage h3#nk {
	color: #939292;
	position: absolute;
	top: 288px;
	left: 29px;
	width: 89px;
	height: 14px;
	overflow: hidden;
}

#homepage h3#nk span, #right h4.api span{
	position: absolute;
	top: 0;
	left: 0;
	background: url(../img/en/nk.png) 0 0 no-repeat;
	display: block;
	width: 89px;
	height: 14px;
}

#homepage div#text {
	position: absolute;
	top: 313px;
	left: 25px;
	width: 846px; height: 3.25em;
	background: #f1f1f1 url(../img/pa.png) left no-repeat;
	/*line-height: 39px;*/
	font-size: 1.2em;
}

#homepage div#text p {
	/*line-height: 39px;*/
	padding: 12px 0 0 13px;
	background: url(../img/pb.png) 100% 0 no-repeat;
	color: #7f7f7f;
	width: 833px;
	height: 27px;
}

#homepage div#text p span {
	color: #c1101e;
}

#homepage div#text p a {
	color: #c1101e;
}

#homepage #news {
	position: absolute;
	top: 360px;
	left: 25px;
	width: 846px;
	text-align: right;
}

#homepage #news h2, #homepage #news h3, #homepage #news p, #homepage #news span, #homepage #news a {
	display: inline;
	font-size: 1.2em;
}

#homepage #news h2, #right #news h2{
	color: #c1101e;
}

#homepage #news h3, #right #news h3 {
	color: #454545;
}

#homepage #news span {
	color: #838383;
}

#homepage #news a, #homepage #news a:link {color: #838383; text-decoration: underline !important;}
#homepage #news a:visited {text-decoration: none;}
#homepage #news a:hover {color: #c1101e; text-decoration: underline;}
#homepage #news a:active {text-decoration: underline;}

#left {
	float: left;
	width: 752px;
	border-right: 1px dashed #8497b4;
}




#left h1.api, #left h1.apiR, #left h1.apiF, #left h1.apiN, #left h1.apiK, #left h1.apiF {
	font-size: 3em;
	color: #c1101e;
	position: relative;
	width: 303px;
	height: 50px;
	overflow: hidden;
	margin: 13px 0 0 26px;
}

#left h1.api span, #left h1.apiR span, #left h1.apiF span, #left h1.apiN span, #left h1.apiK span, #left h1.apiF span{
	position: absolute;
	top: 0; left: 0;
	background: url(../img/en/sluzby.png) 0 0 no-repeat;
	display: block;
	width: 303px;
	height: 50px;
}


#left h1.apiR span {
	background-image: url(../img/en/reference.png);
}

#left h1.apiF span {
	background-image: url(../img/en/fotogalerie.png);
}

#left h1.apiN span {
	background-image: url(../img/en/novinky.png);
}

#left h1.apiK span {
	background-image: url(../img/en/kontakty.png);
}



#left h2.api, #left h2.apiR, #left h2.apiFa, #left h2.apiFb, #left h2.apiN, #left h2.apiK, #left h2.apiFbb {
	font-size: 1.6em;
	color: #7a7a7a;
	position: relative;
	width: 186px;
	height: 33px;
	overflow: hidden;
	margin: 1px 0 0 26px;
}
#left h2.api span, #left h2.apiR span, #left h2.apiFa span, #left h2.apiFb span, #left h2.apiN span, #left h2.apiK span, #left h2.apiFbb span {
	position: absolute;
	top: 0;
	left: 0;
	background: url(../img/agapisro.png) 0 0 no-repeat;
	display: block;
	width: 207px;
	height: 36px;
}


#left h2.apiN, #left h2.apiK {
	margin-bottom: 20px;
}


#left h2.apiR, #left h2.apiR span {
	width: 470px; height: 36px;
}

#left h2.apiFa, #left h2.apiFb, #left h2.apiFa span, #left h2.apiFb span {
	width: 277px; height: 36px;
}

#left h2.apiFb, #left h2.apiFbb  {
	width: 274px; height: 36px;
}

#left h2.apiFa span {
	background-image: url(../img/prace-api.png);
}

#left h2.apiFb span {
	background-image: url(../img/api-pro-sebe.png);
}

#left h2.apiR span {
	background-image: url(../img/en/reference2.png);
}

#left h2.apiFbb span {
	background-image: url(../img/api-pro-sebe2.png);
}



#left p.info {
	margin: 5px 0 0 26px;
	padding: 23px 23px 0 0;
	background: #fff;
	font-size: 1.2em;
	color: #454545;
	line-height: 1.5em;
}

#left h3 {
	color: #454545;
	font-size: 1.2em;
	margin-left: 26px;
	margin-bottom: 30px;
}

#left .item {
	width: 670px;
	float: left;
	clear: both;
	margin: 0 0 0 40px;
}

#left .item img {
	float: left;
}

#left .item h2, #left .item p  {
	float: left;
	margin: 0 0 0 39px;
	font-size: 1.2em;
}

#left .item h2 {
	color: #c1101e;
	width: 560px;
}

#left .item p {
	float: right;
	color: #454545;
	line-height: 18px;
	width: 580px;
	margin-bottom: 41px;
}

#box {
	width: 706px;
	height: 130px;
	/*border: 1px solid #efefef;*/
	clear: both;
	margin: 0 0 0 29px;
}
/*
#box div {
	width: 695px;
	height: 117px;
	background: #fcfcfc url(../img/boxbg.png) 0 100% repeat-x;
	margin: 5px;
}

#box img {
	float: left;
	border: 2px solid #fff;
	margin: 15px 0 0 17px;
}

#box h2 {
	float: left;
	margin: 17px 0 0 27px;
	color: #7a7a7a;
	font-size: 1.5em;
	line-height: 20px;
	width: 455px;
	height: 61px;
	overflow: hidden;
	position: relative;
}

#box h2 span {
	position: absolute;
	top: 0; left: 0;
	width: 455px;
	height: 61px;
	background: url(../img/motto.jpg) 0 0 no-repeat;
}

#box h2 strong {
	color: #c1101e;
}

#box p {
	float: left;
	margin: 0 0 0 28px;
	font-size: 1.2em;
	color: #636363;
}
*/
#right {
	float: left;
	width: 229px;
}

#right img.api {
	margin: 2px 0 0 18px;
	display: block;
	clear: both;
}

#right h2.api {
	width: 218px; height: 53px;
	position: relative;
	color: #c1101e;
	font-size: 2em;
	margin: 11px 0 0 18px;
	overflow: hidden;
}

#right h2.api span {
	position: absolute;
	top:0; left: 0;
	width: 218px; height: 53px;
	background: url(../img/en/mak2.png) 0 0 no-repeat;
}

#right h3.api {
	width: 218px;
	height: 32px;
	position: relative;
	overflow: hidden;
	font-size: 1.3em;
	color: #7a7a7a;
	margin: 0 0 0 18px;
}

#right h3.api span {
	position: absolute;
	top:0; left: 0;
	width: 218px;
	height: 32px;
	background: url(../img/en/since2.png) 0 0 no-repeat;
}

#right h4.api {
	width: 89px;
	height: 14px;
	margin: 9px 0 0 22px;
	position: relative;
	overflow: hidden;
	font-size: 1.2em;
}

#right p {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: 20px;
	color: #7f7f7f;
	margin: 7px 0 0 22px;
}

#right #news {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-top: 34px;
	line-height: 18px;
}

#right #news h2, #right #news span, #right #news h3 {
	font-size: 1.2em;
	margin: 0 0 0 22px;
}

#right #news span {
	line-height: 22px;
	color: #838383;
}

#right #news p {
	color: #838383;
	margin: 0 0 0 22px;
}

#refLeft {
	width: 217px;
	float: left;
	margin: 13px 0 0 25px;
}
#refLeft ul#type {
	list-style: none;
	width: 100%;
	height: 28px;
	border-bottom: 1px solid #454545;
	background: #fff;
}

#refLeft ul#type li {
	float: left;
	width: 76px;
	height: 27px;
	position: relative;
	text-align: center;
	margin-left: 5px;
	line-height: 27px;
}

#refLeft ul#type li.first {
	margin-left: 7px;
}
#refLeft ul#type li a, #refLeft ul#type li.deactiv {
	display: block;
	width: 76px;
	height: 27px;
	font-size: 1.2em;
	border: 1px solid #454545;
	border-bottom: none;
}

#refLeft ul#type li a:link, #refLeft ul#type li a:visited, #refLeft ul#type li.deactiv  {
	background: #454545;
	color: #fff;
	text-decoration: none;
}
#refLeft ul#type li a:hover, #content #refLeft ul#type li.active a, #refLeft ul#type li a:active {
	border: 1px solid #454545;
	border-bottom: 1px solid #fff;
	background: #fff;
	color:#454545;
}

#refLeft ul#type li a strong, #refLeft ul#type li.deactiv strong {
	font-weight: normal;
}

#refLeft ul#list {
	display: block;
	line-height: 18px;
	list-style: none;
	font-size: 1.2em;
	color: #454545;
	margin: 5px 0 5px 0;
}

/* Odkazy v seznamu reference (klienti/produkty) */
#refLeft ul#list li a:link {color: #454545; text-decoration: none;}
#refLeft ul#list li a:visited {color: #454545; text-decoration: none;}
#refLeft ul#list li a:hover, #content #refLeft ul#list li.active a  {text-decoration: underline; color: #c1101e;}
#refLeft ul#list li a:active {}

#formOtherRef {
	margin: 0 0 42px 0;
}

#OtherRef {
	font-size: 1.2em;
	color: #454545;
}

#OtherRef option.active {
	color: #c1101e;
}


#refRight {
	width: 478px;
	float: left;
	margin: 6px 0 40px 11px; 
	border: 1px solid #d1d2d1;
	background: #f2f3f2;
}

#refRight img {
	display: block;
	margin: 6px 6px 0 6px;
	border-bottom: 1px solid #fff;
}

ul#count, #backNews{
	float: right;
	list-style: none;
	font-size: 1.2em;
	margin: 7px 11px 0 0;
}

#backNews {
	font-size: 1em;
	margin: 10px 0 0 0;
	clear: both;
}

ul#count li {
	display: inline;
}

 ul#count li a {
	padding: 0 3px;
}

ul#count li span {
	color: #c1101e;
	padding: 0 0 0 2px;
}

/* Odkazy, ukazujici pocet v detailu produktu */
ul#count li a:link {}
ul#count li a:visited {}
ul#count li a:hover, ul#count li.active a {background: #454545; color: #fff; text-decoration: none;}
ul#count li a:active {}

ul#count.countNews{
	margin: 0 30px 10px 0;
	clear: both;
}


#refRight h3 {
	clear: both;
	color: #a42523;
	margin-left: 13px;
	margin-bottom: 0px;
	line-height: 18px;
}

#refRight p {
	line-height: 18px;
	margin-left: 13px;
	/*width: 448px;*/
	font-size: 1.2em;
	color: #454545;
}

#refRight strong {
	float: right;
	clear: both;
	margin: 0 17px 20px 0;
	line-height: 18px;
	color: #c1101e;
	font-size: 1.2em
}

#content #left .apiFLink {
	display: inline;
	color: #a42523;
	position: absolute;
	top: -30px;
	left: 500px;
	font-size: 1.2em;
}

#content #left .apiFotoOdkazZpet {
	display: inline;
	color: #a42523;
	position: absolute;
	top: 74px;
	left: 520px;
	font-size: 1.2em;
}


#content #left .apiFLink a {
	color: #a42523;
}

#content #left .itemBox {
	position: relative;
	width: 695px;
	margin: 10px 0 0 28px;
}

#content #left .itemBox.line {
	border-bottom: 1px solid #eeeeee;
}

#content #left .itemBox .item {
	float: left;
	width: 168px;
	clear: none;
	margin: 0 0 0 7px;
}
#content #left .itemBox .item.first {
	margin-left: 0;
}

#content #left .itemBox .item h4 {
	color: #a42523;
	font-size: 1.2em;
	line-height: 18px;
	margin-left: 1px;
	clear: both;
}


#content #left .itemBox .item p {
	width: 160px;
	margin: 0 0 25px 0; padding: 0;
	float: none;
	color: #454545;
	padding: 0 4px 0 2px;
}

#content #left .itemBox .item img {
	margin-bottom: 20px;
}

.news, .contacts, #mapBox{
	width: 681px;
	border-bottom: 1px dashed #8597b4;
	margin: 0 0 18px 26px;
	font-size: 1.2em;
	line-height: 18px;
	color: #454545;
}

.contacts.first {
	border-top: 1px dashed #8597b4;
	margin-top: 0; 
}

#left .oKont {
	margin: 0 0 0 26px;
	height: 37px;
	line-height: 37px;
	color: #c1101e;
}

#mapBox {
	border: 1px solid #e3e3e3;
	height: 245px;
	margin-bottom: 14px;
}

#mapBox address {
	line-height: 25px;
	color: #7a7a7a;
	margin-left: 22px;
	font-style: normal;
}
#mapBox address a:link {color: #7a7a7a;}
#mapBox address a:visited {color: #7a7a7a;}
#mapBox address a:hover {color: #c1101e; text-decoration: none;}
#mapBox address a:active {color: #c1101e; text-decoration: none;}

#left #mapBox .oKont {
	font-size: 1em;
	margin: 0 0 0 22px;
	padding-top: 21px;
	line-height: 25px;
	height: 25px;
}

#mapBox #mapBox2 {
	margin: 0 6px 6px;
	background: white url(../img/mapBoxBg.png) 0 0 repeat-x;
	height: 239px; width: 669px;
}
#mapBox .oRight {
	float: right;
	width: 449px;
	margin: 0 12px 0 0;
}

#mapBox h3.oRight {
	margin-right: 12px !important;
}

#mapBox a.oRight {
	float: right;
	width: 447px;
	height: 160px;
	border: 1px solid #e4e4e4;
	background: white;
	margin-top: 7px;
}

#mapBox a img {
	margin: 6px 6px 6px 7px;
}

#mapBox .oLeft {
	float: left;
	width: 186px !important;
}

.news {
	padding-bottom: 18px;
}

.contacts {
	margin-bottom: 0;
	margin-left: 27px;
}

.news.last {
	margin-bottom: 0;
	border: none;
}

#content #left .news h3 {
	color: #c1101e;
	font-size: 1em;
	margin-left: 0px;
	margin-bottom: 0px;
	width: 580px;
	float: right;
}

.news strong{
	width: 580px;
	float: right;
}

.news p {
	width: 580px;
	float: right;
	margin-top: 3px;
	/*margin-bottom: 18px;*/
}

.news a.tit  img {
	margin: 5px;
	display: block;
}


.news a.tit {
	border: 1px solid #e3e3e3;
	width: 85px;
	height: 85px;
	float: left;
	padding: 0 5px 5px 0;
	margin: -13px 5px 0 0;
}



#otherPic {
	margin: 0;
	padding-top: 20px;
	clear: both;
	width: 100%;
}

#otherPic a {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;	
	border: none;
}
#content .contact {
	height: 148px;
	width: 335px;
	float: left;
	margin: 0;
	position: relative;
}

#content #left .contact.kfirst {
	margin: 0 19px 0 -8px;
}


.imgBg img {
	display: block;
	margin: 4px 4px 15px 11px;
}

.imgBg {
	float: left;
	margin: 21px 15px 0 0;
	background: url(../img/kontakt-img-bg.png) 0 0 no-repeat;
	width: 84px;
	height: 119px;
}

#content #left .contact h3 {
	color: #c1101e;
	font-size: 1em;
	margin: 28px 0 0 0;
}

h2.apiH2
{
  color: #7A7A7A;
  font-size: 1.6 em;
  font-family: Arial,Helvetica,sans-serif;
  margin: 1px 0 0 26px;
}

/*------------------------------------------------------------------
[ Footer ]
*/

#footer {
	clear: both;
	width: 100%;
	height: 116px;
	background: #c1101e;
	margin-top: 67px;
}

#homepage #footer {
	margin-top: 0px;
	position: absolute;
	top: 78%;
	left: 0;
}

#footerContent {
	width: 1004px;
	height: 100%;
	text-align: left;
	position: relative;
	margin: 0 auto;
	font-family: Arial, Helvetica, sans-serif;
}

#footerContentIndex {
	width: 1004px;
	height: 100%;
	text-align: left;
	position: relative;
	margin: 0 auto;
	font-family: Arial, Helvetica, sans-serif;
}

#fMenu {
	float: left;
	list-style: none;
	margin: 0 0 0 7px;
}

#fMenu li {
	float: left;
	height: 35px;
	line-height: 35px;
	text-align: center;
	width: 134px;
	font-size: 1.2em;
}

#fMenu li a {
	display: block;	
	color: #ffffff;
	text-decoration: none;
}

/* Odkazy v bilem menu v paticce */
#fMenu li a:link { color: #ffffff; text-decoration: none;}
#fMenu li a:visited {}
#fMenu li a:hover, #fMenu li.active a  {
	display: block;
	background: #ffffff url(../img/fa.png) 0 0 no-repeat;
	width: 100%; height: 100%;
}

#fMenu li a:hover strong, #fMenu li.active a strong {
	display: block;
	background: url(../img/fb.png) 100% 0 no-repeat;
	width: 100%; height: 100%;
	color: #c1101e;
	text-decoration: none;
	cursor: pointer;
}

#fMenu  strong {
	color: #ffffff;
}
#fMenu li a:active{}

p#copy {
	float: left;
	clear: both;
	margin: 33px 0 0 40px;
	font-size: 1.2em;
	color: #ffffff;
}

p#copy span {
	padding: 0 .5em;
}

#footerContent img {
	position: absolute;
	left: 908px;
	top:30px;
}

#footerContent h2 {
	position: absolute;
	top: 67px;
	left: 780px;
	width: 190px;
	text-align: right;
	font-weight: normal;
	font-size: 1.2em;
	color: #ffffff;
}

#footerCondtentIndex img {
	position: absolute;
	left: 908px;
	top:30px;
}

#footerContentIndex h2 {
	width: 160px;
	text-align: right;
	font-weight: normal;
	font-size: 1.2em;
	color: #ffffff;
}
#footerApi {
  width: 160px;
  text-align: right;
  float: right;
}
#footerAdra {
  background: url('../img/footerAdrabg.png') right no-repeat;
  float: right;
  width: 130px;
  height: 50px;
}
*+html body #footerApi {margin-top: 30px;}
*+html body #footerAdra {margin-top: 30px;}


#pf2009 {
	border:1px solid #E3E3E3;
	display: block;
	margin: 0 5px 20px 26px;
	padding:0 5px 5px 0;
}

.velka_pismena {
	text-transform: uppercase;
 }
 
 .foto img {
	margin:5px;
	padding:5px;
	background-color:white;
	border:1px solid black;
}


  .pravy_seznam a:link {color: #939292; text-decoration: none;}
  .pravy_seznam a:visited {color: #939292; text-decoration: none;}
  .pravy_seznam a:hover {color: #C1101E; text-decoration: underline;}
  .pravy_seznam a:active {color: #939292; text-decoration: none;}