@charset "utf-8";

/*----------------------------------------------------------------------------
	Description: Kaskádové styly
	Author:			 e-invent s.r.o., nachod(@)nachod@e-invent.eu, www.e-invent.eu
	Modified:	   5. 11. 2009
----------------------------------------------------------------------------*/

/*-- [ 1. Body ] -----------------------------------------------*/
* {margin: 0; padding: 0;}
body  {
	font-size: small;
	font-family: Arial, Helvetica, sans-serif;
	background: #fff top center no-repeat;
	color: #000000;
	text-align: center;
}
body.soudni-preklady-tlumoceni {background-image:url(../images/back/01-back-soudni.jpg);}
body.uredni-preklady-tlumoceni {background-image:url(../images/back/02-back-uredni.jpg);}
body.overene-preklady-tlumoceni {background-image:url(../images/back/03-back-overene.jpg);}
body.online-preklady-tlumoceni {background-image:url(../images/back/04-back-online.jpg);}
body.anglictina-preklady-tlumoceni {background-image:url(../images/back/05-back-anglictina.jpg);}
body.nemcina-preklad-tlumoceni {background-image:url(../images/back/06-back-nemcina.jpg);}
body.francouzstina-preklady-tlumoceni {background-image:url(../images/back/07-back-francouzstina.jpg);}
body.rustina-preklady-tlumoceni {background-image:url(../images/back/08-back-rustina.jpg);}
body.spanelstina-preklady-tlumoceni {background-image:url(../images/back/09-back-spanelstina.jpg);}
body.preklady-soudni-overeni {background-image:url(../images/back/10-back-soudniovereni.jpg);}
body.preklady-uredni-overeni {background-image:url(../images/back/11-back-uredniovereni.jpg);}

/*-- [ 2. Tags ] -----------------------------------------------*/
h1 {font-size: 160%;}
h1.uvod {display:none;}
h2 {font-size: 140%;}
h3 {font-size: 110%;}
a {color:#37626B;}
a:hover {color:#C62A22;}
img {border:none; text-decoration:none;}
div.hr {
	height:20px;
	background:#fff url(../images/hr-dot.png) left center repeat-x;
}

/*-- [ 3. Classes ] -----------------------------------------------*/
.float-r {float: right;}
.float-l {float: left;}
.clearfloat { 
	clear: both;
  height: 0;
  font-size: 1px;
  line-height: 0px;
	overflow: hidden;
}
.font-size-90 { font-size:90%;}
.font-size-85 { font-size:85%;}
a.btn {
	float:left;
	margin:1px;
	height:19px; line-height:17px; vertical-align:middle;
	font-size:11px; font-weight:bold; color:#FFF;
	border:1px solid #8db5bf;
	background:#3f8698 url(../images/btn-basic-back.png) left top repeat-x;
	padding:0 9px;
}
a.btn:hover {

	background-position:0 -5px;
}

/*-- [ 4. Container ] -----------------------------------------------*/
#mainContainer { 
	width: 980px;
	background:#fff;
	margin: 0 auto; 
	text-align: left;
} 

/*-- [ 5. Header ] -----------------------------------------------*/
#header {
	position: relative;
}
/*-top*/
#header #top {height:83px;}
#header #logotype {position:absolute; top:10px; left:5px; width:394px; height:75px; background:url(../images/logotype.png) 0 0 no-repeat;}
#header #logotype strong {display:none;}
/*-menuLang*/
#menuLang {position:absolute; top:28px; left:535px;}
#menuLang a {
	float:left; width:52px; height:25px; margin-right:2px;
	line-height:25px; vertical-align:middle;
	padding-left:9px;
	background:url(../images/btn-61x25.png) top left no-repeat;
	color:#498694; font-size:12px;
	position:relative;	
}
#menuLang a:hover {color:#000;}
#menuLang a span {position:absolute; top:7px; right:7px; width:19px; height:12px; background-repeat:no-repeat; }
#menuLang a.en span {background-image:url(../images/flag-en.png);}
#menuLang a.de span {background-image:url(../images/flag-de.png);}
/*-search*/
#search {
	position:absolute; top:0px; left:683px; 
	width:270px; height:56px; padding-top:27px; padding-left:23px;
	background:url(../images/head-separator.png) left top no-repeat;
	
}
#search div {position:relative;}
#search .inputText {
	border:1px solid #bad4da;
	width:156px;
	font-size:12px; line-height:12px; padding:3px 5px 5px 30px; margin:0;
	background:url(../images/search-ico.png) 1px 1px no-repeat;
	color:#8eb6bf;
}
#search div .inputBtn {
	position:absolute; top:0; right:0;
	border:none; cursor:pointer;
	width:74px; height:25px;
	background:url(../images/search-btn.png) 0 0 no-repeat;	
}
/*-menu*/
#header #topMenu {
	height:28px; padding:1px 0 1px 1px;
	background:#bad4da;
	overflow:hidden;
}
#header #topMenu ul {list-style:none;}
#header #topMenu ul li {float:left; margin-right:1px; height:28px;}
/*-- anchor*/
#header #topMenu ul li a {
	display:block;
	white-space:nowrap;
	height:26px; width:160px; 
	line-height:26px; vertical-align:middle;
	border:1px solid #dfedf0;
	color:#37626b; text-decoration:none;
	text-align:center;
}
#header #topMenu ul li.short a {width:119px;}
#header #topMenu ul li.shortFix a {width:121px;}


#header #topMenu ul li a:hover { 
	color:#fff;
	background-color:#cb443e;
}
#header #topMenu ul li.selected {background:#cb443e url(../images/menu-selected-back.png) left bottom repeat-x;}
#header #topMenu ul li.selected a,
#header #topMenu ul li.selected a:hover {
	background:url(../images/menu-selected-arr.png) center bottom no-repeat; 
	color:#fff; 	
}

/*-- [ 6a. BANNERY ] -----------------------------------------------*/
#banner {height:155px; margin-top:10px;}
/*-banner*/
.banner a {text-decoration:none; height:155px; margin-right:10px; width:782px; background:#eee url(../images/banner/00-banner-hlavni.png) 0 0 no-repeat; color:#666; float:left; display:block;}

body.soudni-preklady-tlumoceni .banner a {background-image:url(../images/banner/01-banner-soudni.png);}
body.uredni-preklady-tlumoceni .banner a {background-image:url(../images/banner/02-banner-uredni.png);}
body.overene-preklady-tlumoceni .banner a {background-image:url(../images/banner/03-banner-overene.png);}
body.online-preklady-tlumoceni .banner a {background-image:url(../images/banner/04-banner-online.png);}
body.anglictina-preklady-tlumoceni .banner a {background-image:url(../images/banner/05-banner-anglictina.png);}
body.nemcina-preklad-tlumoceni .banner a {background-image:url(../images/banner/06-banner-nemcina.png);}
body.francouzstina-preklady-tlumoceni .banner a {background-image:url(../images/banner/07-banner-francouzstina.png);}
body.rustina-preklady-tlumoceni .banner a {background-image:url(../images/banner/08-banner-rustina.png);}
body.spanelstina-preklady-tlumoceni .banner a {background-image:url(../images/banner/09-banner-spanelstina.png);}
body.preklady-soudni-overeni .banner a {background-image:url(../images/banner/10-banner-soudniovereni.png);}
body.preklady-uredni-overeni .banner a {background-image:url(../images/banner/11-banner-uredniovereni.png);}
/*-info*/
.info {width:188px;	float:left;}
/*--label*/
.info .label {
	height:32px; line-height:32px; vertical-align:middle;
	padding:0 15px; color:#fff; font-weight:bold;
	background:#7dbac8 url(../images/sidebox-top.png) 0 0 no-repeat;	
}
.info .label a {float:right; color:#fff; font-size:11px;}
.info .label a {float:right; color:#fff; font-size:11px;}
/*--content*/
.info .content {
	border-bottom:1px solid #398193;
	border-left:1px solid #398193;
	border-right:1px solid #398193;		
	font-size:85%;
	height:117px;
	padding-top:5px;
	overflow:auto;
}
.info .content ul { list-style:none;}
.info .content ul li { list-style:none; padding:2px 5px 2px 10px;}
.info .content ul li a {
	color:#c62a22;
	display:block;
	padding-left:16px;
	background:url(../images/ico-miniarrbg.png) left center no-repeat;
}
.info .content ul li a:hover {color:#000;}

/*-- [ 6b. CONTENT ] -----------------------------------------------*/
#content {
	margin-top:10px;
}
/*-box*/
#content .box {
	float:left; 
	margin-right:10px; 
	width:186px; 
	border:1px solid #ccc;
	position:relative;
}


/*-holder3*/
#content .holder3 {
	border:1px solid #3a8193; float:left; 
	padding:1px; margin-right:10px;
	background:url(../images/holder-back.png) left bottom repeat-x;
	height:304px;
}
#content .holder3 .box {margin-right:11px; width:186px; border:none;}
#content .holder3 .box h2 {color:#398193; font-size:20px; line-height:22px; font-weight:normal; margin:5px 3px 3px;}
#content .holder3 .box p {color:#0b2d35; margin:0px 3px; font-size:90%; line-height:140%;}
#content .holder3 .box a.btn { position:absolute; top:156px; right:7px;}
#content .holder3 .boxFirst h2,
#content .holder3 .boxFirst p {margin-left:6px;}

/*--box last*/
#content .boxLast, #content .holder3 .boxLast {margin:0; border:0;}
/*--box kontakty*/
#content .boxGreen {
	height:150px; margin-bottom:4px; margin-right:0;
	border:1px solid #70ab2d;
	background:#83be3e url(../images/box-green-back.png) 0 0 repeat-x;
}
#content .boxGreen h2 {color:#c62a22; font-size:19px; font-weight:normal; margin:8px 15px 2px;}
#content .boxGreen h3 {color:#3a8195; font-size:14px; margin:11px 11px 4px;}
#content .boxGreen img {margin:0 8px;}
#content .boxGreen a.btn { position:absolute; right:10px; top:110px;}
#content .boxGreen ul {
	list-style:none;
	margin-left:12px; margin-right:5px;
	font-size:85%;
}
#content .boxGreen ul li { list-style:none; padding:2px 0;}
#content .boxGreen ul li a { 
	color:#fff;
	display:block;
	padding-left:16px;
	background:url(../images/ico-miniarrbg.png) left center no-repeat;
}
#content .boxGreen ul li a:hover {color:#3a8195;}
#content .boxOdkazy {margin:0; position:relative;}
#content .boxOdkazy h2 {color:#3a8195;}
/*--box zakazky*/
#content .boxZakazky {
	height:306px;
	border:1px solid #d4af00;
	background:#ebc55a url(../images/box-yell-back.png) 0 0 repeat-x;
}
#content .boxZakazky h2 {color:#3a8195; font-size:19px; font-weight:normal; margin:11px 14px 8px;}
#content .boxZakazky img {margin:5px 14px 0;}
#content .boxZakazky .textbox {
	width:130px; height:79px; 
	padding:12px 18px; margin:11px 10px 0;
	position:relative;
	background:#fff url(../images/zakazky-on-line-text.png) 0 0 no-repeat;
	font-size:15px; color:#c62a22; line-height:120%;
	overflow:hidden;
}
#content .boxZakazky a.btn { position:absolute; right:10px; bottom:7px;}
/*--box info*/
#content .boxMenu {border:none; width:188px; margin-bottom:10px;}
/*---label*/
#content .boxMenu .label {
	height:32px; line-height:32px; vertical-align:middle;
	padding:0 15px; color:#fff; font-weight:bold;
	background:#666 url(../images/sidebox-top-grey.png) 0 0 no-repeat;	
}
/*---content*/
#content .boxMenu .content {
	border-bottom:1px solid #999;
	border-left:1px solid #999;
	border-right:1px solid #999;		
	padding:5px 10px 10px 8px;
}
#content .boxMenu .content ul {
	list-style:none;
}
#content .boxMenu .content ul li {padding:0; margin:0;}
#content .boxMenu .content ul li a{
	display:block;
	text-decoration:none;
	color:#666;
	padding:3px 4px 4px 1px;
	background:url(../images/hr-dot.png) left bottom repeat-x;	
}
#content .boxMenu .content ul li a span {
	padding-left:16px;
	background: url(../images/sideMenu-arrow.png) left center no-repeat;	
}
#content .boxMenu .content ul ul a span { margin-left:15px;}
#content .boxMenu .content ul ul ul a span { margin-left:28px;}
#content .boxMenu .content ul a:hover { background-color:#eee;}
#content .boxMenu .content ul li a.selected {color:#c62a22; font-weight:bold;}
/*box yellow*/
#content .boxYell {
	padding:6px 0 10px; margin-bottom:10px;
	border:1px solid #d4af00;
	background:#ebc55a url(../images/box-yell-back.png) 0 0 repeat-x;
}
#content .boxYell ul {
	list-style:none;
	margin-left:12px; margin-right:5px;
	font-size:85%;
}
#content .boxYell ul li { list-style:none; padding:2px 0;}
#content .boxYell ul li a {
	color:#c62a22;
	display:block;
	padding-left:16px;
	background:url(../images/ico-miniarrbg.png) left center no-repeat;
}
#content .boxYell ul li a:hover {color:#000;}

/*-boxy druha rada*/
#content .holderHints {margin-top:10px;}
#content .holderHints .box {border-color:#9d170e; height:151px;}
/*--button*/
#content .holderHints .box .btnHolder {	position:absolute; left:13px; top:13px;} 
#content .holderHints .box a.link {
	color:#fff; font-size:15px;
	background-color:#c72a23; 
	padding:3px 10px 6px 8px; line-height:23px; vertical-align:middle;
}

#content .holderHints .box a.link2line {text-decoration:none;}
#content .holderHints .box a.link2line span {
	float:left;
	color:#fff; font-size:15px;
	background-color:#c72a23; text-decoration:underline; 
	padding:1px 10px 3px 8px; line-height:23px; vertical-align:middle;	
}
#content .holderHints .box a:hover,
#content .holderHints .box a:hover span {background-color:#a71711;}
/*--text*/
#content .holderHints .box .textHolder {
	position:absolute; left:13px; bottom:19px; width:160px;
	background:url(../images/hints-text-top.png) top left no-repeat;
} 
#content .holderHints .box .textHolderBottom {
	position:absolute; left:13px; bottom:12px; width:160px; height:7px;
	background:url(../images/hints-text-bottom.png) top left no-repeat;
} 
#content .holderHints .box .textHolder p {
	padding:6px 7px 0px;
	font-size:90%;
	line-height:160%;
	color:#07313b;	
} 

/*bottom menu*/
#bottomMenu ul {list-style:none;}
#bottomMenu ul li {float:left; margin-right:10px;margin-bottom:1px;}
#bottomMenu ul li a { 
	display:block; 
	padding:5px 8px; color:#37626b; 
	text-decoration:none;
	background-color:#dfedf0;
}
#bottomMenu ul li a:hover {background-color:#abcfd6; color:#29545d;}

/* Jazyky */
#content .jazykyTable
{
    border-collapse: collapse;
    width: 100%;
}

#content .jazykyTable th
{
    background-color: #284e56;
    color: #ffffff;
    padding: 3px;
}

#content .jazykyTable td
{
    border-bottom: 1px solid #c5dce1;
    padding: 2px 0px;
}
/*-- [ 7. Footer ] -----------------------------------------------*/
#foot {
	font-size:85%;
}
#foot p { line-height:160%;}
/*-float right*/
#foot .float-r {width:360px; padding:10px 20px; background-color:#bbd4d9; color:#1f6172;}
#foot .float-r a {color:#1f6172;}
#foot .float-r a:hover {color:#000;}

#foot .footMenu {margin-top:1.1em; margin-bottom:0.4em;}
/*-float left*/
#foot .float-l {margin-top:2px;}
#foot .float-l ul {float:left; width:200px; margin-right:5px; list-style:none;}
#foot .float-l ul.first {width:172px; margin-left:3px;}
#foot .float-l ul.last {margin:0;width:190px;}
#foot .float-l ul li a {
	font-size:11px; color:#c62a22;
	line-height:160%;
	background:url(../images/ico-miniarr.png) left center no-repeat;
	padding-left:12px;	
}
#foot .float-l ul li a:hover {color:#000;}
.linkbuilding{ 
	clear:both;
	font-size: 0.85em;
	color: #cccccc;
	text-align: center;
}
.linkbuilding a{
	color: #cccccc;
}

/*-- [ 8. Other ] -----------------------------------------------*/
#mainContent {width:584px; margin-right:10px; float:left;}
#mainContent ul {margin-left:20px;}
#mainContent h1 {color:#c62a22; margin-bottom:0.5em;}
#mainContent h2 {color:#306e7e; margin:0.7em 0 0.3em;}
#mainContent h3 {color:#5b96a5; margin:0.7em 0 0.3em;}
#mainContent p {color:#082d36; margin-bottom:0.5em;}

#sideLeft {float:left; width:188px; margin-right:10px;}
#sideRight {float:left; width:188px;}

#sideLeft .box, #sideRight .box {margin-right:0;}
#sideRight .boxGreen {margin-bottom:10px;}

/* Fotogalerie */
.fotogalerie a.img
{
    float: left;
    padding: 3px;
}

.fotogalerie a.img img.obr
{
    border: 2px solid #DFEDF0;
}

.socSite
{
    height: 55px;
    margin: 15px 0px;
    padding: 5px 0px;
    border-top: 1px solid #bbbbbb;
    border-bottom: 1px solid #bbbbbb;
}

.socSite a
{
    float: left;
    display: block;
    margin-right: 50px;
}

/*bannery v levem sloupci*/
#sideLeft div.bannerHolderLeft {clear:left;}
#sideLeft div.bannerHolderLeft a {display:block; width:188px; height:74px; background:#CCC 0 0 no-repeat; margin-bottom:10px; text-decoration:none; overflow:hidden;}
#sideLeft div.bannerHolderLeft a span {
	color:#fff; display:block; text-align:center; font-weight:bold; text-decoration:none;
	margin-top:53px;
}
#sideLeft div.bannerHolderLeft a:hover span {text-decoration:underline;}
#sideLeft div.bannerHolderLeft a.zakazky { background:#5e83f8 url(../images/banner-zakazky.jpg); }
#sideLeft div.bannerHolderLeft a.terminal { background:#a9a9a9 url(../images/banner-platebni-terminal.jpg);}