/* --------------------------------------------------------------

   reset.css
   * Resets default browser CSS.

-------------------------------------------------------------- */

html {
  margin: 0;
  padding: 0;
  border: 0;
}

body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* This helps to make newer HTML5 elements behave like DIVs in older browers */
article, aside, details, figcaption, figure, dialog, footer, header, hgroup, menu, nav, section {
    display:block;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table {
  border-collapse: separate;
  border-spacing: 0;
}
/* float:none prevents the span-x classes from breaking table-cell display */
caption, th, td {
  text-align: left;
  font-weight: normal;
  float:none !important;
}
table, th, td {
  vertical-align: middle;
}

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ''; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

/* Remember to define your own focus styles! */
:focus { outline: 0; }

/******* ----------------------------------------------------

   typography.css
   * Sets up some sensible default typography.

--------------------------------------------------- ********/

/******* Default font settings. The font-size percentage is of 16px. (0.75 * 16px = 12px) *******/
html { 
    font-size:100.01%; 
}
body {
    font-size: 75%;
    color: #5D5D5D;
    background: #D2D2D4 url(../images/bg-blue.png) repeat-x 0 -1138px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.5;
	margin: 3px;
}


/* Headings
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 { 
    font-weight: normal;
}

h1 { 
    font-size: 2.7em; 
    line-height: 1.1; 
    margin-bottom: .5em; 
}
h2 { 
    font-size: 1.5em; 
    margin-bottom: 0.75em; 
}
h3 { font-size: 1.3em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
    margin: 0;
}


/* Text elements
-------------------------------------------------------------- */
p           { margin: 0 0 1.5em; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong,dfn  { font-weight: bold; }
em,dfn      { font-style: italic; }
sup, sub    { line-height: 0; }

abbr,
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre         { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }


/* Lists
-------------------------------------------------------------- */
li ul,
li ol  { margin: 0; }
ul, ol { margin: 0 1.5em 1.5em 0; padding-left: 1.5em; }

ul     { list-style-type: disc; }
ol     { list-style-type: decimal; }

dl     { margin: 0 0 1.5em 0; }
dl dt  { font-weight: bold; }
dd     { margin-left: 1.5em;}


/* Tables
-------------------------------------------------------------- */

/*
  Because of the need for padding on TH and TD, the vertical rhythm
  on table cells has to be 27px, instead of the standard 18px or 36px
  of other elements.
 */
table         { margin-bottom: 1.4em; width:100%; }
th            { font-weight: bold; }
thead th      { background: #C3D9FF; }
th,td,caption { padding: 4px 10px 4px 5px; }

/*******  You can zebra-stripe your tables in outdated browsers by adding the class "even" to every other table row. 
tbody tr:nth-child(even) td,
tbody tr.even td  {
  background: #E5ECF9;
}
tfoot       { font-style: italic; }
caption     { background: #EEE; }
*******/

/* --------------------------------------------------------------

   These are going to be the starting CSS Styles from our Joomla Template

-------------------------------------------------------------- */
#mainWrapper {
    margin: 0 auto;
    max-width: 960px;
    width: 100%;	
}

/* CSS Link Styles */
a {
  text-decoration: none;
  color: #3C3939;
  border-bottom: 1px dotted #7D7D7D;
}
a:visited {
  color: #225FA2;
  border-bottom: 1px solid #225FA2;
}
a:hover {
  background: #639EDD;
  border-bottom: 1px solid #639EDD;
  color: #FFF;
}

/* Top Bar Styles */
#topBar {
  height: 42px;
  width: 100%;
}
#lefttopmenu {
  width: 450px;
  height: 28px;
  padding-top: 8px;
  margin-top: 3px;
}
#social p {
  margin: 0;
}
#social {
  width: 450px;
  height: 28px;
  float: right;
  margin-top: -136px;
  padding-top: 8px;
}
#topBar a {
  border: 1px dotted #CCC;
  color: #FFF;
  text-transform: uppercase;
  padding: 4px 8px;
  font-size: 75%;
}

/* images in intro - class*/

.foto_vstup {
float:left;
width:200px;
height:auto;
margin: 10px 10px 10px 0px;
}

/* Social Media Map */
.custom_socialMap {
  margin: -8px 0 0 180px;
}
#topBar .custom_socialMap a.socialIcon {
  border: none;
}
.custom_socialMap a.socialIcon {
  height: 28px; 
  width: 20px;
  display: block;
  float: left;
  margin: 0 2px 0 0;
  text-indent: -9999px;
}
#rssIcon {
  background: url(../images/header-blue.png) 0 -100px; 
}
#rssIcon:hover {
  background: url(../images/header-blue.png) 0 -136px; 
}
#emailIcon {
  background: url(../images/header-blue.png) -36px -100px; 
}
#emailIcon:hover {
  background: url(../images/header-blue.png) -36px -136px; 
}
#youtubeIcon {
  background: url(../images/header-blue.png) -72px -100px; 
}
#youtubeIcon:hover {
  background: url(../images/header-blue.png) -72px -136px; 
}
#facebookIcon {
  background: url(../images/header-blue.png) -108px -100px; 
}
#facebookIcon:hover {
  background: url(../images/header-blue.png) -108px -136px; 
}
#twitterIcon {
  background: url(../images/header-blue.png) -144px -100px; 
}
#twitterIcon:hover {
  background: url(../images/header-blue.png) -144px -136px; 
}
#emptyIcon {
  background: url(../images/key.png) 0 0px; 
}
#emptyIcon:hover {
  background: url(../images/key.png) 0px 0px; 
}
#keyIcon {
  background: url(../images/key.png) 0 0px; 
}
#keyIcon:hover {
  background: url(../images/key.png) 36px 0px; 
}

/* My Logos Goes Here */
#logo {
  float:  left;
  width: 48%;
  margin-top: 8px;
}
#logo img {
  height: auto;
  max-width: 450px;
  width:  100%;
}
#logo a, #logo a:hover {
  border: none;
  background: none;
}
#logo .h1-hidden {
  display: none;
}
#logo p, #header p {
  margin: 0;
}
#banner {
  width: 47%;
  float: right;
}
#banner img {
  height: auto;
  max-width: 450px;
  width: 100%;
  margin-top: 6%;
}

/* This Will Be My CSS Menu */
#mainMenu {
  position: relative;
  z-index: 11;
  clear: both;
}
#menu-left-wing {
  background: none;
}
#menu-right-wing {
  background: none;
}
#mainMenu ul {
  margin: 0;
  padding: 0;
  background: #3C6EAA;
}
#mainMenu li {
  list-style: none;
  position: relative;
  height: 40px;
  background: none;
}
#mainMenu li a {
  color: #FFF;
  border: none;
  font-weight: bold;
  text-transform: uppercase;
  display: block;
  line-height: 40px;
  padding: 0 12px;
}
#mainMenu li a:hover, #mainMenu li.active a:hover,#mainMenu li li.current.active a:hover ,#mainMenu li li.current.active li a:hover, #mainMenu li li li.current.active a:hover {
  color: #FFF;
  background: url(../images/bg-blue.png) repeat-x 0 -252px;
}
#mainMenu li.active a, #mainMenu li li.current.active a {
  background: url(../images/bg-blue.png) repeat-x 0 -192px;
  color: #FFF;
}
#mainMenu li ul, #mainMenu li:hover li ul {
  position: absolute;
  left: -9999px;
  border: 1px solid #444546;
  width: 190px;
  margin: 0;
}
#mainMenu li:hover ul, #mainMenu li li:hover ul {
  left: -9999px;
}
#mainMenu li li:hover ul {
  margin: -40px 0 0 209px;
}
#mainMenu li ul li  {
  width: 208px;
  background: #3C6EAA;
  height: auto;
  margin-left: -18px;
}
#mainMenu li ul li a {
  text-transform: none;
  line-height: 40px;
}
#mainMenu li.active li a, #mainMenu li li.current.active li a {
  background: #3C6EAA;
  color: #000;
}

/* Search Module Goes Here */
#search {
  position: absolute;
  z-index: 13;
  margin-left: -1677px;
  margin-top: 125px;
}


/* This Will Be My CSS Showcase */
#showcase {
  background: #FFF;
  margin: 20px 0 15px 0;
  padding: 8px 8px 4px 8px;
  border: 1px solid;
}
#show-left-wing {
  position: absolute;
  z-index: 12;
  width: 11px;
  height: 254px;
  background: none;
  margin: 20px 0 0 -7px;
}
#show-right-wing {
  position: absolute;
  z-index: 12;
  width: 11px;
  height: 254px;
  background: none;
  margin: 20px 0 0 956px;
}
#showcase .custom_singleshow img {
  margin: 0;
  max-width: 952px;
  width: 100%;
  height: auto;
}
#showcase p {
  margin: 0;
}

/* This will be my Blog Layout */

#mainContent .column-1 {
  float: left;
  width: 46%;
}
#mainContent .column-2 {
  float: right;
  width: 46%;
}
#mainContent h2 {
  margin-bottom: .2em;
}
#mainContent dl {
  margin: 0 0 .5em;
}
#mainContent dd {
  margin-left: 0;
}
#mainContent .img-intro-left img {
  display: block;
  margin: 0 auto 10px auto;
  border: 1px solid;
  background: #FFF;
  padding: 5px;
  max-width: 250px;
  width: 90%;
  height: auto;
}
#mainContent .img-fulltext-none img {
  padding:  5px;
  border: 1px solid;
  background: #FFF;
  margin: 6px;
  float: none;
}
#mainContent .pagination {
  clear: both;
  text-align: center;
}
#mainContent .pagination li {
  display: inline;
  padding: 6px;
  border: 1px dotted;
  margin-right: 5px;
}

/* These are going to be my Content Styles - Menu Modules */

#leftColumn .moduletable h3, #rightColumn .moduletable h3 {
  color: #191919;
  border-bottom: 3px double #666;
  padding-bottom: 10px;
}
#leftColumn .moduletable li, #rightColumn .moduletable li {
  list-style: none;
}
#leftColumn .moduletable li a, #rightColumn .moduletable li a {
  display: block;
  line-height: 25px;
  padding-left: 4%;
  border-bottom: 1px dotted #7D7D7D;
}

/* These are going to be my Content Styles - Login Forms Modules */

#leftColumn label, #rightColumn label {
  float: left;
  width: 38%;
}
#leftColumn input, #rightColumn input {
  border: 1px solid #8D8D8D;
}
#leftColumn input:focus, #rightColumn input:focus {
  border: 1px solid #333;
  background: #AECDEE;
}
#leftColumn input.button, #rightColumn input.button {
  background: #639EDD;
  color: #FFF;
  width: 50%;
  cursor: pointer;
  padding: 2% 0;
  margin: 0 0 4% 25%;
}
#leftColumn input.button:hover, #rightColumn input.button:hover {
  background: #333;
}

/* These are going to be my Joomla Content Styles - Center Column*/

#centerColumn h1 a {
  border-bottom: 1px dotted #7D7D7D;
}
#centerColumn .breadcrumbs {
  color: #333;
  font-size: 85%;
}
.article-info-term {
  display: none;
}
.createdby {
  color: #333;
  font-size: 85%;
}

/* Footer */

#footer {
  font-size: 75%;
  clear: both;
  text-align: center;
  border-top: 3px double #666;
  padding-top: 10px;
}
#footer p {
  margin-bottom:.5em;
}
#Beginners {
  display: none;
}
@media only screen and (min-width: 992px) {
/*This Will be My CSS Styles */
#menu-left-wing {
  position: absolute;
  z-index: 12;
  width: 7px;
  height: 64px;
  background: url(../images/bg-blue.png) no-repeat 0 0;
  margin: 113px 0 0 -7px;
}
#menu-right-wing {
  position: absolute;
  z-index: 12;
  width: 7px;
  height: 64px;
  background: url(../images/bg-blue.png) no-repeat -57px -128px;
  margin: 113px 0 0 960px;
}
/* Search Styles */
#search {
  position: absolute;
  z-index: 13;
  margin-left: 677px;
  margin-top: 125px;
}
#search label {
  display: none;
}
#search input#mod-search-searchword {
  background: url(../images/header-blue.png) no-repeat -180px -100px;
  height: 34px;
  width: 220px;
  border: none;
  text-indent: 15px;
}
#search input#mod-search-searchword:focus {
  background: url(../images/header-blue.png) no-repeat -180px -136px;
  height: 34px;
  width: 220px;
  color: #FFF;
}
#search input.button {
  background: url(../images/header-blue.png) no-repeat -400px -100px;
  height: 36px;
  width: 50px;
  border: none;
  text-indent: -9999px;
  margin-left: 6px;
}
#search input.button:hover {
  background: url(../images/header-blue.png) no-repeat -400px -136px;
  height: 36px;
  width: 50px;
  cursor: pointer;
}
#showcase {
  width: 952px;
  height: 254px;
  background: url(../images/bg-blue.png) repeat-x 0 -376px;
  margin: 20px 0 15px 4px;
  padding: 0;
  border: none;
}
#show-left-wing {
  background: url(../images/bg-blue.png) no-repeat 0 -630px;
}
#show-right-wing {
  background: url(../images/bg-blue.png) no-repeat -53px -884px;
}
#showcase .custom_singleshow img {
  margin: 8px 0 0 0;
}
#showcase p {
  margin: 0 0 1.5em;
}
}
@media only screen and (min-width: 640px) {
#banner img {
  margin-top: 4%;
}
#mainMenu {
  height: 64px;
  background: url(../images/bg-blue.png) repeat-x 0 -64px;
  margin-top: 18px;
}
#mainMenu ul {
  margin-left: -12px;
  padding-left: 1.5em;
}
#mainMenu li {
  float: left;
  height: 60px;
  background: url(../images/bg-blue.png) no-repeat right -312px;
}
#mainMenu li a {
  line-height: 60px;
}
#mainMenu li:hover ul, #mainMenu li li:hover ul {
  left: 0;
}
/* This Will Be My CSS Column */
#colmask {
  position: relative;
  width: 100%;
  float: left;
  overflow: hidden;
}
#colmid, #colleft {
  float: left;
  position: relative;
  width: 100%;
}
#centerColumn, #leftColumn, #rightColumn {
  position: relative;
  float: left;
  overflow: hidden;
}
/* This Will Be My 3 Column Layout */

#colmask.grid_6 {
  background: none;
}
#colmid.grid_6 {
  right: 25%;
  background: none;
}
#colleft.grid_6 {
  right: 50%;
  background: none;
}
#centerColumn {
  width: 46%;
  left: 102%
}
#leftColumn {
  width: 25%;
  left: 29%;
}
#rightColumn {
  width: 25%;
  left: 79%;
}
/* This Will Be My 2 Column Layout - Left and Center Column */

#colmask.grid_8 {
  background: none;
}
#colleft.grid_8 {
  right: 70%;
  background: none;
}
#centerColumn.grid_8  {
  width: 66%;
  left: 102%
}
#leftColumn.grid_8  {
  width: 30%;
  left: 4%;
}

/* This Will Be My 2 Column Layout - Right and Center Column */


#colmask.grid_10 {
  background: none;
}
#colmid.grid_10 {
  right: 30%;
  background: none;
}
#colleft.grid_10 {
  right: 70%;
}
#centerColumn.grid_10 {
  width: 66%;
  left: 100%;
}
#rightColumn.grid_10 {
  width: 30%;
  left: 104%;
}

/* This Will Be My Center Column Layout*/


#colmask.grid_12 {
  background: none;
}
#centerColumn.grid_12 {
  width: 100%;
  left: 0;
}
}
@media only screen and (min-width: 480px) {
#social {
  margin-top: -36px;
}
#mainContent .img-fulltext-none img {
  padding:  5px;
  border: 1px solid;
  background: #FFF;
  margin: 6px;
  float: left;
}
}

/* Leading article clear */

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

.leading-1:after {
content: ".";
display: block;
height: 0;
font-size: 0;
clear: both;
visibility: hidden;
}

.leading-2:after {
content: ".";
display: block;
height: 0;
font-size: 0;
clear: both;
visibility: hidden;
}

.leading-3:after {
content: ".";
display: block;
height: 0;
font-size: 0;
clear: both;
visibility: hidden;
}

.leading-4:after {
content: ".";
display: block;
height: 0;
font-size: 0;
clear: both;
visibility: hidden;
}

.leading-5:after {
content: ".";
display: block;
height: 0;
font-size: 0;
clear: both;
visibility: hidden;
}

.leading-6:after {
content: ".";
display: block;
height: 0;
font-size: 0;
clear: both;
visibility: hidden;
}

.leading-7:after {
content: ".";
display: block;
height: 0;
font-size: 0;
clear: both;
visibility: hidden;
}

.leading-8:after {
content: ".";
display: block;
height: 0;
font-size: 0;
clear: both;
visibility: hidden;
}

/* Images in intros automated */

h2+img, h1+img {
float:left;
width:200px;
height:auto;
margin: 10px 10px 10px 0px;
}

/* Like buttons*/
/**.likes {
float:left;
display:inline;
}
.hidden {
float:left;
display:none;
}**/
#buttonstable {
padding: 0 0 0 0;
text-align:top;
}
.likefooter{
 border-bottom: 1px solid #DEDEDE;
    height: 27px;
    margin-left: 42px;
    padding: 7px 0;
}

/* Reports' quote */
.citata {
	color: #000; 
	font-weight: bold; 
	font-style: italic; 
	font-family: 'Courier New', Courier, monospace; 
	background: #abdd3e; 
	border: 1px dashed #5d8012; 
	padding: 10px; 
	margin-left: 160px;
	position:relative;
}

.citata img {
width:150px;
height:auto;
float:left;
position:absolute;
top: -10px;
left:-160px;
}

#bukletbanner {
border: 1px solid #0081bc
}

.titleonpage {
 background: none repeat scroll 0 0 #4378b6;
    color: #F8F8F8;
    font-size: 130%;
    font-weight: normal;
    line-height: 100%;
    margin: 0;
    padding: 10px;
    text-transform: uppercase;
}

div#partners table tbody tr td {
background-color: rgba(0, 0, 0, 0) !important;
}