* {margin:0; padding:0;}
body {background:#04091C url(/Img/page-bg.jpg) repeat-x top left; color:#000; font: normal 0.675em Arial,Tahoma,Helvetica; text-align:center;}

div#center { margin:0 auto; width:976px; position:relative}
   #header { background:url(/Img/header.gif) no-repeat top center; width:976px; height:159px; margin-bottom:2px; float:left; position:relative;}
   #footer { float:left; clear:both; margin:5px 0 0 10px;  width:945px; height:20px; font-size:1.1em}

    


h1 { width:500px; height:22px; background:#e8e8e8; float:left; margin:4px 0 6px 8px; font-size:1.6em; color:#05347a; padding:3px 0 0 11px; font-weight:bold}
h1 a span { visibility:hidden}
h2 { font-size:1.2em; float:left; clear:both; width:100%; color:#05347A; margin:10px 0 5px 0}

p { margin-bottom:15px; font-weight:normal; clear:both}
p a { color:#0266ff; font-weight:inherit; text-decoration:none}
a { color:#121212; font-weight:inherit; text-decoration:none; font-size:1em}
a:hover { text-decoration:underline}

/*--- HEADER - header -------------------------------------------------------------------------------------------------------------------------------*/
div#header #logo{ background:url(/Img/csob-logo.gif) no-repeat; width:312px; height:86px; float:left; margin:10px 0 0 0px }
   #header #logo span { display:none}
   #header h2 { float:left; margin-top:27px; width:963px; padding:5px 7px 5px 5px; text-align:right; background:#00aeef; color:#fff; font-size:1.6em; font-weight:bold; text-transform:uppercase}

/*--- NAHLADY - .smallFoto -------------------------------------------------------------------------------------------------------------------------------*/
div.smallFoto { float:left; width:310px; margin-left:-1px}
   .smallFoto ul { float:left; width:310px; height:390px;}
   .smallFoto ul li { float:left; margin:0 3px 3px 2px; list-style:none}
   .smallFoto ul li img { border:1px solid #6ba4bd; width:70px; height:70px} 
   .smallFoto ul li:hover img { border:1px solid #fff}

div.pager { float:left; clear:none; width:312px}
   .pager .previous a { float:left; margin:0 0 0 48px; clear:both; background:url(/Img/btn_small_pr.gif) no-repeat; width:25px; height:26px; text-indent:-10000px}
   .pager .next a { float:right; margin:0 48px 0 0; background:url(/Img/btn_small_nx.gif) no-repeat; width:25px; height:26px; text-indent:-10000px}

   
/*--- HLAVNY OBRAZOK  - #bigFoto -------------------------------------------------------------------------------------------------------------------------------*/
 
div#bigImg { float:right; width:640px; text-align:center; }
   #bigImg img { border:4px solid #00aeef;}

div#bigFoto { float:right; width:640px; }
   #bigFoto p { float:left; width:640px; text-align:center; clear:both; color:#fff; margin:15px 0;}
   #bigFoto p #nazov { font-size:1.2em; font-weight:bold; }
   #bigFoto p #size { font-size:0.9em; color:#607d93; margin-left:10px }
   #bigFoto ul  {  clear:both; width:640px; height:100px; list-style:none; position:relative;}
   #bigFoto ul li {top:15px; text-indent:-10000px; width:40px; position:absolute; height:40px}
   #bigFoto ul li#foto_pr { background:url(/Img/btn_big_pr.gif) no-repeat;  left:50px}
   #bigFoto ul li#foto_nx { background:url(/Img/btn_big_nx.gif) no-repeat;  right:50px}
   #bigFoto ul li#foto_pres { background:url(/Img/btn_big_pres.gif) no-repeat;  left:315px}
   #bigFoto ul li#foto_stop { background:url(/Img/btn_big_stop.gif) no-repeat;  left:315px}
   #bigFoto ul li#foto_down { left:270px; text-indent:0px}
   #bigFoto ul li#foto_down img { width:40px; height:40px; border:none}