/* CSS Document */

/*----------------------------------------------------------------------------
	Description: Kaskádové styly pro 
	Author:	     AITOM Group s.r.o., www.aitom.cz, e-mail: info(@)aitom.cz
	Modified:    dd.mm.rrrr
	Verze:       2.8

	==[ TOC ]==
  1. Základní tagy  (tělo)
      1.1 Tags      (všeobecné prvky - h1, input, ...)
      1.2 Classes   (všobecné třídy - .clear, .float-x ..)
  2. Layout         (rozvržení celé stránky)
      2.1 Všeobecné prvky (pro použití kdekoliv v rámci HTML i mimo layout)
  3. Header         (Hlavička)
      3.1 Navigace  (Hlavní menu, drobečková navigace)
  4. Content        (obsah)
      4.1 Hlavní stránka
      4.2 Podstránky
  5. Sidebar
      5.1 Sidebar Left
      5.2 Sidebar Right
  6. Footer         (patička)
  7. Other          (ostatní styly a styly doplněné dodatečně po spuštění)
      7.1 AITOM     (styly pro CMS AITOM)

--------------------------------------------------------------------------------------------------------- */
:focus { outline: none; }
::-moz-focus-inner { padding: 0px; border: 0px; }

/* 1. Body ---------------------------------------------------------------------------------------------- */
body
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    color: #000000;
    font-family: 'Roboto', 'Myriad Pro', Arial, 'Arial CE', sans-serif;
    font-size: 12pt;
    text-align: left;
	background: #fff url("../images/repeat-top-bg.png") repeat-x center top;
	
}

/* 1.1 Tags ---------------------------------------------------------------------------------------------- */
p { margin: 0px; padding: 0px 0px 15px 0px; line-height: 150%; }

img          { border: none; }
img.noborder { border: none !important; }

h1, h2, h3, h4, h5, h6 { margin: 0px; padding: 0px; font-weight: bold; font-family: 'Roboto', sans-serif; }
h1, .h1                { padding: 15px 0px 25px 0px; font-size: 4.5em; color: #9bc23b; text-align: center; text-transform: uppercase;}
h2, .h2                { padding: 5px 0px 10px 0px; font-size: 1.6em; }
h3, .h3                { padding: 5px 0px 10px 0px; font-size: 1.4em; }

a       { color: #0000ff; }
a:hover { color: #ff0000; text-decoration: none; }
h1 a, h2 a, h3 a, h4 a, .h1 a, .h2 a, .h3 a, .h4 a { color: #003f7d; }

ul, ol       { margin: 0px 0px 10px 30px; padding: 0px; }
ul li, ol li { margin: 0px; padding: 3px 5px 3px 10px; }

table    { border-collapse: collapse; }
form     { margin: 0px; padding: 0px; }
textarea { margin: 0px; padding: 2px; font-family: Arial, sans-serif; font-size: 11px; overflow: auto; }
input    { margin: 0px; padding: 2px; font-family: Arial, sans-serif; font-size: 11px; }

/* 1.2 Classes ------------------------------------------------------------------------------------------- */

.clear            { clear: both; height: 1px; line-height: 1px; margin: 0px; padding: 0px; font-size: 1px; overflow: hidden; }
.clearAfter:after { display: block; content: "&nbsp;"; clear: both; height: 0px; visibility: hidden; } /* nekompatibilní s IE7 */
.clear-l  { clear: left; }
.clear-r  { clear: right; }
.clear-b  { clear: both; }
.float-l  { float: left; }
.float-r  { float: right; }

img.left  { float: left;  margin: 0px 10px 5px 0px; }
img.right { float: right; margin: 0px 0px 5px 10px; }
a.img     { text-decoration: none; }
a.img img, img.img { border: 3px solid #0000ff; }
a:hover.img img { border: 3px solid #ff0000; }
a {color: #003f7d;}
a:hover {color: #00274e;}
a img {text-decoration: none;}

a.vice-versa       { text-decoration: none; }
a.vice-versa:hover { text-decoration: underline; }

.indent { padding-bottom: 10px; }
.center { text-align: center; }
.red    { color: #ff0000; }
.hidden { display: none; }

.group:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden;
}

/* 2. Layout --------------------------------------------------------------------------------------------- */
.wrap
{
	width: auto;
	margin: 0px auto;
	text-align: center;
	position: relative;
}

#header
{
	width: auto;
	text-align: center;
}

#container
{
	width: auto;
}

/* 2.1 Všeobecné prvky ----------------------------------------------------------------------------------- */


/* 3. Header --------------------------------------------------------------------------------------------- */
.headline {
	padding: 60px 0px 0px;
}

.headline .logo {
	margin-left: 100px;
}

.headline h1 {
	
}

.headline p {
	font-family: 'Roboto Slab', serif;
	font-size: 1.3em;
	padding: 0px 160px;
}

.headline .wrap {padding-top: 10%;float:left; width:100%;}

/* 3.1 Navigace ------------------------------------------------------------------------------------------ */

/* 4. Content -------------------------------------------------------------------------------------------- */
.ntb {
	width: 100%;
	min-height: 751px;
	background: url('../images/ntb-podklad.jpg') no-repeat center bottom;
	margin-top: 90px;
	position: relative;
}

.ntb.last {
	margin-bottom: 100px;
}

.ntb .wrap .title {
	text-align: left;
	height: 60px;
	line-height: 60px;
	position: absolute;
	top: -50px;
	font-size: 1.3em;
	color: #463528;
	font-weight: bold;
	padding-left: 30px;
}

.ntb .imageHolder {
	width: 874px;
	height: 539px;
	overflow: auto;
	position: absolute;
	top: 55px;
	left: 51px;
	border: 2px solid #515151;
}

.tablet {
	width: 100%;
	min-height: 1047px;
	background: url('../images/tablet-podklad.jpg') no-repeat center bottom;
	margin-top: 90px;
	position: relative;
}

.tablet .wrap .title {
	text-align: left;
	width: 150px;
	position: absolute;
	right: 0px;
	top: 100px;
	font-size: 1.3em;
	color: #463528;
	font-weight: bold;
}

.tablet .imageHolder {
	width: 547px;
	height: 727px;
	overflow: auto;
	position: absolute;
	top: 97px;
	left: 206px;
	border: 2px solid #515151;
}

.mobil {
	width: 100%;
	min-height: 779px;
	background: url('../images/mobil-podklad.jpg') no-repeat center bottom;
	margin-top: 90px;
	position: relative;
}

.mobil .wrap .title {
	text-align: left;
	width: 150px;
	position: absolute;
	right: 150px;
	top: 127px;
	font-size: 1.3em;
	color: #463528;
	font-weight: bold;
}

.mobil .imageHolder {
	width: 285px;
	height: 428px;
	overflow: auto;
	position: absolute;
	top: 130px;
	left: 341px;
	border: 2px solid #515151;
}

/* 4.1 Hlavní stránka ------------------------------------------------------------------------------------ */

/* 4.2 Podstránky ---------------------------------------------------------------------------------------- */

/* 5. Sidebar -------------------------------------------------------------------------------------------- */

/* 5.1 Sidebar left -------------------------------------------------------------------------------------- */

/* 5.2 Sidebar right ------------------------------------------------------------------------------------- */

/* 6. Footer --------------------------------------------------------------------------------------------- */
#footer {
	background: #463528 url("../images/repeat-bottom-bg.png") repeat-x center top;
	padding-top: 40px;
	padding-bottom: 40px;
	position:fixed;bottom:0;left:0;width:100%;
}

#footer h1 {
	font-size: 3em;
	color: #fff;
}

#footer p {
	font-family: 'Roboto Slab', serif;
	font-size: 1.3em;
	padding: 0px 160px;
	color: #cfc0b4;
}

#footer p a {
	color: #9bc23b;
	text-decoration: underline;
}



.mCSB_container img {width:874px;}