/* CSS Document */

body {
margin: auto; 
padding: 0;
padding-bottom: 10px;
background: #464646 url("../img/bg.jpg") top left repeat-x; 
text-align: center; 
font-family: "Calibri", "Arial", "Geneva CE", lucida, sans-serif !important;
font-size: 12pt !important;
color: white;
}

#hlavicka {
_position: relative;
width: 950px;
height: 377px;
margin: 0 auto;
background: url("../img/hlavicka-bg1.jpg") top center no-repeat; 
}

#topmenu {

width: 950px;
height: 182px;
background: url("../img/topmenu-bg.png") left top no-repeat; 
_background: none !important;
position: relative;
}

.highslide-caption {
display: none;
}

#topmenu-bg {
_position: absolute;
_top: 0;
_left: 0;
_width: 950px;
_height: 169px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader
  (src='http://www.ergoliberec.cz/img/topmenu-bg.png',sizingMethod='scale');
}

#topmenu-in {
height: 128px;
width: 700px;
position: absolute;
right: 25px;
top: 24px;
text-align: right;
line-height: 128px;
font-size: 1.2em;
}

#topmenu-in ul {
margin: 0;
padding: 0;
_margin: 2px 0 0 0;
}


#topmenu-in ul li {
margin: 0;
padding: 0 5px;
list-style-type: none;
float: right;
}

#topmenu-in ul li a {
margin: 5px;
padding: 0;
color: #ffffff;
}

#obsah {
width: 950px;
margin: 0 auto;
background: url("../img/right.gif") center top repeat-y; 
}

#text {
width: 900px;
margin: 0 auto;
min-height: 250px;
_height: 250px;
text-align: left;
}

#right {
width: 202px;
float: right;
min-height: 200px;
_height: 200px;
padding: 5px;
}

#text-in {
width: 668px;
float: left;
overflow-x: hidden;
min-height: 200px;
_height: 200px;
padding: 5px 10px 5px 0;
}

#paticka {
width: 949px;
margin-left: 1px;
font-size: 10pt !important;
height: 100px;
background: url("../img/bottom-bg.jpg") left top no-repeat;
position: relative;
}

#paticka-in {
float: left;
margin: 5px 25px;
@margin: 17px 25px;
_margin: 17px 15px;
}

#smlogo {
width: 300px;
height: 10px;
text-align: right;
font-size: 0.8em;
position: absolute;
top: 45px;
right: 30px;
color: #464646;
vertical-align: middle;
}

#smlogo a {
color: #464646;
}

#smlogo a:hover {
color: #676767;
}

/* ostatni */

.noscreen {
display: none;
}

.center {
text-align: center;
}

img {
border: 0;
}

.clearboth {
clear: both;
}

.submenu {
width: 100%;
height: 35px;
line-height: 35px;
background: #2b2b2b;
padding-left: 10px;
color: white;
font-size: 1.1em;
font-weight: bold;
}

.submenu a{
color: white;
font-weight: bold;
}

.submenu a:hover {
color: #8ec446;
font-weight: bold;
}

.polozkamenu-temp a, .polozkamenu-temp2 a {
text-decoration: none;
color: #ffffff;
border: 0;
}

.polozkamenu-temp a:hover, .polozkamenu-temp2 a:hover {
text-decoration: none;
color: #ffffff !important;   
border: 0;
}


.polozkamenu-temp {
cursor: hand;
cursor: pointer;
height: 188px;
padding: 0 10px 0 13px;
float: right;
background-image: url("../img/menu-cara.jpg");
background-position: left top;
background-repeat: no-repeat;
_margin: expression(
    this.onmouseover = new Function("this.className += ' hover';"),
    this.onmouseout = new Function("this.className = this.className.replace(' hover', '')")
);
}

.polozkamenu-temp2 {
cursor: hand;
cursor: pointer;
}

.polozkamenu-temp:hover, .polozkamenu-temp.hover {
height: 158px;
float:right;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader
  (src='../img/menu-hover.png',sizingMethod='scale');
position: relative;
background: url("../img/menu-hover.png") center top no-repeat; 
_background: none !important;

}

.polozkamenu-temp2 {
padding: 0 10px 0 10px;
height: 158px;
float:right;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader
  (src='../img/menu-hover.png',sizingMethod='scale');
position: relative;
}

head:first-child+body .polozkamenu-temp2 { 
background: url("../img/menu-hover.png") center top no-repeat; 
_background: none !important;
}

/* hlavni */

h1 {
display: block;
width: 172px;
height: 140px;
margin: 0;
padding: 0;
position: absolute;
left: 15px;
top: 20px;
}

h1 span {
background: url("../img/logo.jpg") no-repeat;
display: block;
width: 172px;
height: 140px;
}

hr.cleaner 
{ 
clear: both; 
visibility: hidden;  
}

#text-in a {
color: #8CC246;
text-decoration: none;
border-bottom: 1px dotted #8CC246;
}

#text-in a:hover, #text-in a.ishover {
color: #8CD646;
border-bottom: 1px solid #8CC246;
}

ul {
font-size: 12px;
}

table tr th {
background: #2b2b2b;
text-align: left;
padding: 1px;
}

table tr td {
background: #676767;
text-align: left;
padding: 1px;
}


/*------------------------------ ostatní */
.center {
text-align: center;
}

.clearboth {
clear: both;
height: 1px;
}

#gall .clearboth, #newsbox .clearboth  {
clear: left !important;
}

#content img {
border: 4px solid #404040;
}

img {
border: 0;
}

.floatright {
float: right;
}

.floatleft {
float: left;
}

.JustifyLeft {
text-align: justify;
}

.JustifyCenter {
text-align: center;
}

.JustifyRight {
text-align: right;
}

.MsoNormal {
font-size: 1em;
font-weight: normal;
text-decoration: none;
text-align: left;
}

.FontSmaller {
font-size: 0.8em;
}



.orange {
color: #f67521;
}

.green {
color: #6ebd04;
}



/**
 * Core styles.
 */

.Bold
{
	font-weight: bold;
}

.Italic
{
	font-style: italic;
}

.Underline
{
	text-decoration: underline;
}

.StrikeThrough
{
	text-decoration: line-through;
}

.Subscript
{
	vertical-align: sub;
	font-size: smaller;
}

.Superscript
{
	vertical-align: super;
	font-size: smaller;
}

/**
 * Font faces.
 */

.FontComic
{
	font-family: 'Comic Sans MS';
}

.FontCourier
{
	font-family: 'Courier New';
}

.FontTimes
{
	font-family: 'Times New Roman';
}

/**
 * Font sizes.
 */

.FontSmaller
{
	font-size: smaller;
}

.FontLarger
{
	font-size: larger;
}

.FontSmall
{
	font-size: 8pt;
}

.FontBig
{
	font-size: 14pt;
}

.FontDouble
{
	font-size: 200%;
}

/**
 * Font colors.
 */
.FontColor1
{
	color: #ffffff;
}

.FontColor2
{
	color: #85d0ee;
}

.FontColor3
{
	color: #8cc545;
}

.FontColor1BG
{
	background-color: #ffffff;;
}

.FontColor2BG
{
	background-color: #85d0ee;
}

.FontColor3BG
{
	background-color: #8cc545;
}

/**
 * Indentation.
 */

.Indent1
{
	margin-left: 40px;
}

.Indent2
{
	margin-left: 80px;
}

.Indent3
{
	margin-left: 120px;
}

/**
 * Alignment.
 */

.JustifyLeft
{
	text-align: left;
}

.JustifyRight
{
	text-align: right;
}

.JustifyCenter
{
	text-align: center;
}

.JustifyFull
{
	text-align: justify;
}

#reference {
}

#gall {
width: 700px;
padding: 0 0px 20px 20px;
margin: 20px 0px 0 0px;
}


.gallrow {
width: 100%;
min-height: 150px;
overflow: visible;
}

#gall a img {

border: 0 !important;
-moz-opacity: 0.7;
opacity: 0.7;
filter: alpha(opacity=70);
}


#gall a img:hover {
-moz-opacity: 1;
opacity: 1;
filter: alpha(opacity=100);
}

.tym-foto img {
-moz-opacity: 0.7;
opacity: 0.7;
filter: alpha(opacity=70);
}

#gallery {
width: 700px;
line-height: 1.8em;
}
#gallery strong {
color: #808080;
padding: 10px 10px 23px 0;
}
#gallery a {
font-size: 1.2em !important;
margin-left: 10px;
margin-right: 10px;
}

#gallery a.active {
color: #808080;
font-weight: bold;
text-decoration: none;
}

.tym-foto img:hover {
-moz-opacity: 1;
opacity: 1;
filter: alpha(opacity=100);
}

.notym-foto img {
-moz-opacity: 0.7;
opacity: 0.7;
filter: alpha(opacity=70);
}


.notym-foto img:hover {
-moz-opacity: 1;
opacity: 1;
filter: alpha(opacity=100);
}
.c_photos {
	position: relative;
  width: 160px;
  height: 133px;
	display: table-cell;
	vertical-align: middle;
  margin: 5px;
/*background-color: red;*/
}

.c_photos div {
	text-align: center !important;
	margin: 0 auto;
	padding: 5px;
	@width: 100%;
	@position:absolute;
	@top: 50%;
	@left: 0;
/*border: 1px solid yellow;*/

}
.c_photos p {
	text-align: center !important;
	margin: 0 auto;
	@position: relative;
	@top: -50%

	
/*border: 2px solid #808080;*/
}
.c_photos img {
	display: block;
	text-align: center !important;
	position: relative;
	left: 0;
	margin: 0 auto;
}

.c_photos p.popisek {
padding: 10px 5px;
margin: 0;
	@position: relative;
	@bottom: 0;
background: none !important;
border: 0 !important;
}

.clearboth {
clear: both;
visibility: hidden;
}

.card {
width: 80%;
margin: 30px auto;
}

.tym-foto {
float: left;
}


.flags a {
text-decoration: none;
}

.flags img {
border: 1px solid #C4C4C4;
}


.flags {
position: absolute;
top: 210px;
left: 715px;
z-index: 3;
width: 200px;
/*margin: -130px auto 120px auto;*/
text-align: right;
height: 18px;
padding: 0 3px 0 0;
text-align: center;
}

.flags a img {
-moz-opacity: 0.7;
opacity: 0.7;
filter: alpha(opacity=70);
}


.flags a img:hover {
-moz-opacity: 1;
opacity: 1;
filter: alpha(opacity=100);
}

.flags a img.activeflag {
-moz-opacity: 1 !important;
opacity: 1 !important;
filter: alpha(opacity=100) !important;
}

#mailbox .warn
{
text-align: center;
font-weight: bold;
color: #990000;
}

#mailbox fieldset
{
width: 525px;
margin: auto; 
border: 0;
padding:10px;
}

#mailbox legend
{
color: #a60000;
width: 100px;
text-align:center;
font-weight:bold;
margin-bottom: 0.1em;
}

#mailbox label
{
float: left;
width: 55px;
padding-left:10px;
}

#mailbox label code
{
font-size: 70%;
font-style: italic;
}

#mailbox input, select
{
border: 1px solid #c7c7c7;
width: 170px;
height: 20px;
color: #333333;
margin-bottom: 8px;
}

#mailbox textarea
{
border: 1px solid #c7c7c7;
width: 255px;
height: 120px;
margin-bottom: 8px;
}

.warn
{
	color: #ffffff;
	font-weight: bold;
	font-size: 1.2em;
}
#mailbox input.odeslat
{
background-color: #8CC246 !important;
border: 1px solid #808080 !important;
color: #ffffff !important;
font-weight: bold;
margin-left: 65px;
height: 26px;
}

#mailbox #submitbutton
{
margin-left: 107px;
width: 180px;
}