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

    @file style.css
    ------------------

    @author Roman Janko
    @date 10/12/2010
    @version 1.32
    @modification true:^

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



/* reset */
body,html,p,ul,li,h1,h2,h3,h4,h5,h6,img,form,blockquote,fieldset,legend,ol,ul,li{margin:0; padding:0; border:0}
input,select,label{vertical-align:middle;outline:0}
ul,ol{list-style-type:none}
p{line-height:1.5; margin: 0; padding: 0;}
table{border-collapse:collapse;border-spacing:0}
hr {display:none}
.nod { display: none;}
.spaceman {position: absolute; top: -3000px; left: -3000px; }
:focus {
  outline:none;
}


/* Formating */
.fl { float: left !important; }
.fr { float: right !important; }
.cl, .cleaner { clear: both !important;  height: 0px !important; overflow: hidden !important; font-size: 0px !important;  }
.tac { text-align: center !important; }
.tal { text-align: left !important; }
.tar { text-align: right !important; }
.taj { text-align: justify; line-height: 150%; } /* sem blokum zvysit radkovani 1.5x */
.vab { vertical-align: bottom !important; }
.vat { vertical-align: top; }
.vam { vertical-align: middle; }
.mr4 { margin-right: 4px; }
.mb10 { margin-bottom: 10px !important; }
.mt10 { margin-top: 10px !important; }
.bbn { border-bottom: 0 !important; }
.td-lt { text-decoration: line-through;}
/** { margin: 0 !important; padding: 0 !important; }*/
.fwn { font-weight: normal !important; }
a.ajax {	cursor: pointer; }

.hid{visibility:hidden;}
.nod{display:none;}
.spaceman{position:absolute;top:-3000px;left:0;}
.no-bg{background:none !important;}
.nm, .nomar {margin:0 !important;}
.nopad {padding:0 !important;}
.nb{border:none !important;}
.nbr { border-right: none !important; }
.nob{background:none !important;}
.default{cursor:default !important;}
div.white { background: white; padding: 3px 5px;}
div.white p { font-size: 11px}
.bold, .strong { font-weight: bold; }
.upper { text-transform: uppercase; }
a.awhite { color: white; background: none;}
/* Heights */
.h1 { height: 1px !important;  overflow: hidden !important;  }
.h2 { height: 2px !important;  overflow: hidden !important; }
.h5 { height: 5px !important;  overflow: hidden !important; }
.h10 { height: 10px !important; overflow: hidden !important;  }
.h15 { height: 15px; overflow: hidden;  }
.h20 { height: 20px; overflow: hidden;  }
.h30 { height: 30px; overflow: hidden;  }
.h40 { height: 40px; overflow: hidden; }
.h50 { height: 50px; overflow: hidden; }
.strike { text-decoration: line-through; }

.w1 { width: 1px; overflow: hidden; }
.w5 { width: 5px; overflow: hidden; }
.w10 { width: 10px; overflow: hidden; }
.w15 { width: 15px; overflow: hidden; }
.w20 { width: 20px; overflow: hidden; }
.w25 { width: 25px; overflow: hidden; }
.w30 { width: 30px; overflow: hidden; }
.w40 { width: 40px; overflow: hidden; }
.w50 { width: 50px; overflow: hidden; }
.w60 { width: 60px; overflow: hidden; }
.w70 { width: 70px; overflow: hidden; }
.w80 { width: 80px; overflow: hidden; }
.w90 { width: 90px; overflow: hidden; }
.w100 { width: 100px; overflow: hidden; }
.w120 { width: 120px; overflow: hidden; }
.w150{ width: 150px !important; overflow: hidden; }
.w160{ width: 160px !important; overflow: hidden; }
.w170{ width: 170px !important; overflow: hidden; }
.w180{ width: 180px !important; overflow: hidden; }
.w190{ width: 190px !important; overflow: hidden; }
.w200 { width: 200px !important; overflow: hidden; }
.w250 { width: 250px !important; overflow: hidden; }
.w300 { width: 300px !important; overflow: hidden; }
.w350 { width: 350px !important; overflow: hidden; }

.fs14
{
	font-size: 1.4em;	
}

.fs16
{
	font-size: 1.6em;	
}

.fs18
{
	font-size: 1.8em;	
}

.red
{
	color: #930000 !important;
}

.green
{
	color: #3D491B !important;
}

.bggray
{ color: #AFAFAF; }





/* Spolecne prvky
-------------------------------------------------------------------------------- */

.common-pic
{
    border: 2px solid #EDEDED;
    padding: 3px;
    background: #FFDB8F;
}

#common ul
{
    margin-bottom: 15px;
    margin-left: 15px;
}

#common p, #cboxContent p
{
    margin: 12px 0;
}

#cboxContent ul
{
    margin-top: 15px;
}




#common ul li, #cboxContent ul li
{
    background: url("/gfx/icon-li.png") no-repeat scroll 0 4px transparent;
    margin-bottom: 5px;
    padding-left: 18px;
}

#common ul li span
{
    padding-left: 10px;
    color: gray;
}





/* Zakladni kostra
-------------------------------------------------------------------------------- */
html
{
    
}
html, body {height: 100%; margin: 0; padding: 0; }
body 
{ 
    color: #313131;
    font: 0.75em/1.5 "Tahoma", Helvetica, sans-serif; 
    

    margin: 0 auto;

}

table
{
    width: 100%;
    margin: 0 auto;
    margin-bottom: 15px;
    border-top: 1px solid #C6BABA;
    
}


table th
{


}

table td
{
    line-height: 18px;
    padding: 8px 12px;
    border-bottom: 1px solid #C6BABA;
}

#bg-fake
{    
    background: url("/gfx/bg3.jpg") center top repeat-y; 


}

#bg-fake2
{    
   background:  url("/gfx/bg.jpg") no-repeat center top;

}

#page
{
	width: auto;
	margin: 0 auto;
    position: relative;
    width: 960px;
    z-index: 1;
	margin: 0 auto;
	text-align: left;

}

#collage
{
    position: relative;
    width: 960px;
    height: 285px;
    background: url("/gfx/collage2.jpg") no-repeat;
    margin: 0 auto;
}

#page a
{
    color: #0070C0;
}

#page a:hover
{
    text-decoration: none;
}

/* H1 logo
-------------------------------------------------------------------------------- */

#header h1 {
	width: 409px;
	height: 75px;
	margin: 0;
    position: absolute;
    top: 10px;
    left: 30px;
    text-indent: -5000px;
}
#header h1 a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
    width: 409px;
    height: 75px;
	display: block;
	position: relative;
	overflow: hidden;
    top: 0px;
    left: 0;
    color: #CC0202;
    text-indent: -5000px;
}

#header h1 a span
{
    font-size: 1em;    
    text-indent: -5000px;
}

#header h1 a:hover {
	text-decoration: underline;
}
#header h1 a span {
	top: 0;
	left: 0;
	z-index: 1;
	display: block;
	cursor: pointer;
    color: #16376E;
    background: url("/gfx/logo2.jpg") no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
}

#fast-contact
{
    position: absolute;
    top: 95px;
    right: 20px;
    color: white;
    border-top: 1px solid #B04545;
    border-bottom: 1px solid #B04545;
    width: 220px;
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: 1.2em;
    line-height: 140%;

}


#fast-contact-2
{
    position: absolute;
    top: 195px;
    right: 20px;
    color: white;
    border-top: 1px solid #B04545;
    width: 220px;
    padding-top: 6px;
    font-size: 1.2em;
    line-height: 140%;
}




/* Flags
-------------------------------------------------------------------------------- */


#header ul {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 15px;
	right: 0;
}
#header li {
  display: inline;
}
#header li a {
    display: block;
    width: 30px;
    height: 26px;
    position: relative;
    overflow: hidden;
    margin-right: 5px;
    cursor: pointer;
    text-indent: -5000px;
    float: left;
}
#header li a:hover {
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;
}
#header li a span {
  display: block;
  width: 30px;
  height: 26px;
  background: url(../gfx/flags2.png) no-repeat;
  position: absolute;
  top: 0;
  left: 0;
}
#header li span {
  background-position: 0 0;
}

#header li.english span {
  background-position: -81px 0;
}

#header li.german span {
  background-position: -41px 0;
}

/* menu
-------------------------------------------------------------------------------- */
#menu
{
    width: 960px;
    height: 41px;
    overflow: hidden;
    position: absolute;
    top: 371px;
    left: 0;
    background: url("/gfx/nav.png") repeat-x;
    z-index: 30;
}

#menu ul
{
    position: absolute;


}

#menu ul li
{
    display: inline;
    float: left;
}

#menu ul li a
{
    float: left;
    text-decoration: none;
    height: 41px;
    line-height: 41px;
    font-size: 1.3em;
    color: white;
    background: url("/gfx/nav.png") repeat-x;
    padding: 0 38px;
    border-right: 1px solid white;
    text-transform: uppercase;
}

#menu ul li a:hover, #menu ul li a.active
{
    background: url("/gfx/nav-hover.png") repeat-x;
    
}

#menu ul li.last  a
{
    
    border-right: 0;
}

#header
{
    background: url("/gfx/header-bg.jpg") repeat-x;
    width: 960px;
    margin: 0 auto;
    height: 85px;
    position: relative;
}




/* content
-------------------------------------------------------------------------------- */
#content
{
    
    position: relative;
    z-index: 5;
    /*
    background: white;
    min-height: 900px;
    height: auto;
   _height: 900px;
   */
    min-height: 600px;
    height: auto;
   _height: 600px;
   margin-top: 50px;
   
}


/* footer
-------------------------------------------------------------------------------- */
#footer
{
   background:  transparent;
   min-height: 200px;
   height: auto;
   _height: 200px;
   margin-top: 20px;  
}



#left-col
{
    width: 685px;
    float: left;
    margin-left: 10px;
    
}

#left-col h1
{
    background: url("/gfx/h1.png") no-repeat 1px 6px;
    padding-left: 40px;
    font-size: 1.8em;
    font-weight: normal;
    margin-bottom: 15px;
    
}



#left-col h2
{
    background: url("/gfx/h2.png") no-repeat 1px 6px;
    padding-left: 25px;
    font-size: 1.5em;
    font-weight: normal;
    margin-bottom: 12px;
    color: #ee5959;
    border-bottom: 1px solid #fdecec;
    clear: both;
    
}


#left-col p
{
    margin: 12px 0;
    line-height: 160%;
}

#left-col ul
{
    margin-left: 20px;
    margin-bottom: 12px;
}
#left-col ul li
{
    background: url("/gfx/icon-li2.png") no-repeat 0 5px;
    padding-left: 20px;
    margin-bottom: 5px;
}
#left-col ul.blue 
{
    background: none;
}
#left-col ul.blue li
{
    background: url("/gfx/icon-li.png") no-repeat 0 5px;

}


#right-col
{
    width: 248px;
    float: right;
    margin-right: 5px;
    
}

#footer
{
    background: url("/gfx/footer.jpg") repeat-x;
}

#footer p
{
    float: left;
    width: 46%;
    margin-top: 30px;
    padding: 0 2%;
}

#footer p.first
{
    width: 66%;
}

#footer p.third 
{
    width: 26%;
}

/* prava cast
-------------------------------------------------------------------------------- */
#right-col .box 
{
    margin-bottom: 5px;
}

#right-col .box .inner
{
    background: #EAEDF1;
    padding: 10px;
}

#right-col .box h2
{
    height: 28px;
    color: #000;
    font-size: 1.1em;
    padding-left: 35px;
    line-height: 28px;
    margin-bottom: 1px;
    background: #EDF0F3 url("/gfx/h2-ico.png") no-repeat; 
}

#right-col .box h3
{
    font-size: 1.1em;
}

#right-col .box h2#news 
{
    background-position: 7px 5px;
}


#right-col .box h2#refs 
{
    background-position: 7px -126px;
}

#right-col .box  h2#gall
{
    background-position: 7px -253px
}


#tricolore
{
    width: 960px;
    min-height: 140px;
    height: auto;
   _height: 140px;
   background: url("/gfx/tricolore-long.jpg");
   margin-top: 40px;
}

#tricolore .box {
    float: left;
}

#tricolore .box1
{
    width: 340px;
    margin: 10px;
}

#tricolore .box2
{
    width: 315px;
    margin: 10px;
    margin-left: 15px;
}



#tricolore .box3
{
    margin: 10px;
    margin-left: 15px;
    width:  230px;
}

#tricolore .box h3
{
    color: #F2F2F2;
    font-size: 1.3em;
    font-weight: normal;
    border-bottom: 1px solid #CDCDCD;
    padding-bottom: 5px;
    margin-bottom: 8px;
}

#tricolore .box *
{
     color: #F2F2F2;
}

#tricolore .box img
{
    float: right;
    margin: 0 0 5px 15px;
}


#tricolore .box ul
{
   margin-left: 15px; 
}

#tricolore .box ul li
{
   list-style-type: square;
   margin-bottom: 8px; 
}


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

    NOVINKY TPL

--------------------------------------------------------------------- */
#leftcolLong
{
    width: 650px;
    float: left;
}

#leftcolLong p
{
    margin: 12px 0;
}

h2.lightblue
{
    background: #D1ECF3;
    padding: 3px 8px;
    font-weight: normal;
    font-size: 1.6em;
    margin-bottom: 12px;
}

#rightColShort
{
    width: 290px;
    float: right;
}


.news
{
    border-bottom: 1px solid #D8EFF7;
    padding: 20px 0;
}


.news .main-pic
{
    float: left;
    margin: 0 10px 0 0;
    border: 1px solid #D4E1E9;
    padding: 8px;   
}

.news .overflow
{
    overflow: hidden;
}

.news h2
{
    font-size: 1.6em;
    font-weight: normal;
    position: relative;
    top: -5px;
}

.news .date
{
    color: gray;
}


.news .obsah p
{
    margin: 12px 0;
}



#left-col .fl-ul
{
    float: left;
    width: 200px;
}

.ref-box
{
    background: #F0EFF1;
    border: 1px solid #DBDBDB;
    width: 160px;
    text-align: center;
    float: left;
    margin: 9px;
    margin-left: 0;
    margin-top: 0;
}




.ref-box:hover
{
    background: #bb0101;
}

#left-col .ref-box h2
{
    border-bottom: 0;
    background: none;
    font-size: 1.1em;
    font-weight: bold;
    padding: 0;
    margin-bottom: 0px;  
}


.ref-box .last
{
    margin-right: 0;
}

#left-col .ref-box p
{
    margin: 0;
    margin: 5px 0;
}

#left-col .ref-box img
{
    border: 1px solid white;
}

img.left, img.right
{
    border: 2px solid #d7d6dc;
}

.photodir
{
    float: left;
    display: block;
    background: url("/gfx/photodir.png") no-repeat 0 0;
    padding-left: 50px;
    height: 100px;
    font-weight: bold;
    line-height: 40px;
    margin-left: 50px;
    margin-right: 30px;
}

a.photodir-active
{
    color: #bb0101 !important;
}

.photo
{
    padding: 7px 0;
    padding-top: 10px;
}

.photo-th
{
    float: left;
    margin: 6px;
}