/*
oranzova EF7C1A
modra 3EB6DE

*/ 

/*================================================================================ */
/* CSS RESET  */
/*================================================================================ */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;

}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

h1,h2,h3,h4,h5
{
	font-family: Arial !important;
}

/*================================================================================ */
/* MAIN LAYOUT */
/*================================================================================ */
body
{
	background: #FFFFFF url('../img/layout/headerBg.jpg') repeat-x;
    color: #585863;
   	font: 12px "Trebuchet MS",Arial;
}

#all
{
    width: 970px;
    margin:0 auto;
}

#header
{
    position: relative;
   	background: #FFFFFF url('../img/layout/headerMain.jpg') no-repeat; 
    width: 970px;
    height: 391px;
}
#header2
{
    position: relative;
   	background: #FFFFFF url('../img/layout/headerMain2.jpg') no-repeat; 
    width: 970px;
    height: 371px;
}

#header2 #breadcrumbs
{
    position: absolute;
    top:245px;
    left: 84px;
    color:#ce0012;
    font-size: 13px;
}

#header2 #breadcrumbs .prvy
{
    color:#252527;
}

#header2 #breadcrumbs a
{
    color: #848496;
    text-decoration: none;
}

#header2 #breadcrumbs a:hover
{
    text-decoration: underline;
}

#header #infoText
{
  position: absolute;
  width: 345px;
  top:202px;
  left:81px;   
}

#header #infoText span
{
    color:#c7001d;
    font-weight: bold;
}

#header #datum, #header2 #datum
{
  position: absolute;
  color: #585863;
  top:28px;
  left:780px;  
}
#logoClick
{
  position: absolute;
  cursor: pointer;
  width: 252px;
  height: 80px;
  top:20px;
  left:10px;


}

#header #button1
{
  position: absolute;
  cursor: pointer;
  width: 212px;
  height: 47px;
  background:transparent url('../img/layout/headerButton.png') no-repeat ;
  top:127px;
  left:720px;  
  opacity:0.4;
  filter:alpha(opacity=40);
}

#header #button1text
{
  position: absolute;
  display: block;
  cursor: pointer;
  text-decoration: none;
  background:transparent url('../img/layout/headerButtonArrow.png') no-repeat ;
  color: #41414a;
  width: 202px;
  height: 42px;
  padding: 5px 0 0 10px;
  top:127px;
  left:720px;  
}

#header #button1text:hover
{
    background:transparent url('../img/layout/headerButtonHover.png') no-repeat ;
    color:#FFFFFF;
}


#header #button2
{
  position: absolute;
    cursor: pointer;
  width: 212px;
  height: 47px;
  background:transparent url('../img/layout/headerButton.png') no-repeat ;
  top:184px;
  left:720px;  
  opacity:0.4;
  filter:alpha(opacity=40);
}

#header #button2text
{
  position: absolute;
    display: block;
      text-decoration: none;
  cursor: pointer;
  background:transparent url('../img/layout/headerButtonArrow.png') no-repeat ;
  color: #41414a;
  width: 202px;
  height: 42px;
  padding: 5px 0 0 10px;
  top:184px;
  left:720px;  
}

#header #button2text:hover
{
    background:transparent url('../img/layout/headerButtonHover.png') no-repeat ;
    color:#FFFFFF;
}


#header #button3
{
  position: absolute;
    cursor: pointer;
  width: 212px;
  height: 47px;
  background:transparent url('../img/layout/headerButton2.png') no-repeat ;
  top:238px;
  left:720px;  
  opacity:0.4;
  filter:alpha(opacity=40);
}

#header #button3text
{
  position: absolute;
    display: block;
      text-decoration: none;
  cursor: pointer;
  background:transparent url('../img/layout/headerButtonArrow2.png') no-repeat ;
  color: #41414a;
  width: 202px;
  height: 39px;
  padding: 8px 0 0 10px;
  top:238px;
  left:720px;  
}

#header #button3text:hover
{
    background:transparent url('../img/layout/headerButtonHover2.png') no-repeat ;
    color:#FFFFFF;
}


#header #button4
{
  position: absolute;
    cursor: pointer;
    
  width: 312px;
  height: 47px;
  background:transparent url('../img/layout/headerButton3.png') no-repeat ;
  top:328px;
  left:630px;  
  opacity:0.4;
  filter:alpha(opacity=40);
}

#header #button4text
{
  position: absolute;
  display: block;
    text-decoration: none;
  cursor: pointer;
  background:transparent url('../img/layout/headerButtonArrow3.png') no-repeat ;
  color: #41414a;
  width: 302px;
  height: 39px;
  padding: 8px 0 0 10px;
  top:328px;
  left:630px;  
}

#header #button4text:hover
{
    background:transparent url('../img/layout/headerButtonHover3.png') no-repeat ;
    color:#FFFFFF;
}



#content
{
    width: 970px;
}

#content .box
{
 float: left;   
 margin-top:20px;

}

#content .box h1
{
    height: 24px;
    color: #848496;
    text-transform: uppercase;
    padding: 8px 0 0 15px;
    border-left: 4px solid #FFFFFF;
    margin-bottom: 15px;
}

#content .box h2
{
    padding-left: 20px;
    color: #151518;
    font-size: 12px;
    margin-top: 8px;
}

#content .box a.odsadene
{
    margin: 0 20px;
    padding-right: 1px;
    display: block;
    color: #585863 ;
    text-decoration: none;
    background: transparent url('../img/layout/arrow.png') 100% 91% no-repeat;
}

#content .box a:hover
{
    text-decoration: underline;
}

#content #main
{
    margin: -1px 70px 10px 80px;
    z-index: 1111;
    text-align: justify;
    
}

#content #main h1
{
    position: relative;
    z-index: 11111;
    margin:  -35px 0 10px 0;
   color:#c7001d;
   font-size: 18px; 
}

#content #main h2
{
    font-weight: bold;
    margin: 15px 0 10px 0;
   font-size: 13px; 
}
#content #main ul
{
    margin: 0 20px 10px 20px;
}
#content #main li
{
    list-style-image: url("../img/layout/arrow.png");
}

.clr 
{
    font-size: 1px;
    clear: both;
}

a
{
    color: #c7001d;
}

#content #main table th
{
    height: 29px;
    background: transparent url("../img/layout/tableTh.png") repeat-x;
    border-collapse: collapse;
    border: 1px solid #e7e7e7;  
         text-align: center;   
    padding: 10px;
}
#content #main table td
{
    padding: 10px;
    text-align: center;
    border: 1px solid #e7e7e7;
}

#adsPanel
{
    width: 890px;
    border-top: 1px solid #e7e7e7;
    padding: 0px 40px 0px 40px;
    margin: 15px 0;
}

#adsPanel .box
{
    border-right: 1px solid #e7e7e7;

    float: left;
    display: block;

    margin: 10px 20px 0 20px;
    text-align: center;
}

#footer
{
        border-top: 1px solid #e7e7e7;
    width:970px;
    color: #848496;
    text-align: center;
    padding: 5px 0;
}

#footer a
{
    color: #151518;
    font-weight: bold;
    text-decoration: none;
}

#footer a:hover
{
    text-decoration: underline;
}

/*****************************************Banner********************************************************/

a{
cursor: pointer;
/*text-decoration:none;*/
}

#backgroundPopup{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
border:1px solid #cecece;
z-index:1;
}
#popupContact{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:260px;
width:820px;
background:#FFFFFF;
border:2px solid #cecece;
z-index:2;
padding:12px;
font-size:13px;
}

#popupContactClose{
font-size:14px;
line-height:14px;
right:6px;
top:4px;
position:absolute;
color:#6fa5fd;
font-weight:700;
display:block;
}
#button{
text-align:center;
margin:100px;
}

/********************************END BANNER*************************************/

#leftTextDiv{
float:right;
margin: 15px;
}

#rightTextDiv{
float:left;
margin: 15px;
}


/*******************************ORIGINAL QuickTime video********************************************/
#videoDiv{
text-align:center
}

/**************************************FLOW PLAYER***********************************************/
/* styling of the container. */
a.myPlayer {
	display:block;
	width:352px;
	height:280px; 
	text-align:center;
	margin:0 15px 15px 0;
	float:center;
	border:1px solid #999;
}

/* play button */
a.myPlayer img {
	margin-top:100px;
	border:0px;
}

/* when container is hovered we alter the border color */
a.myPlayer:hover {
	border:1px solid #000;
}

/************************************Docs Gallery************************************************/

#Photo
{
    float: left;
    display: block;
    margin: 10px 20px 0 20px;
    text-align: left;
}