/* 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,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font-weight: normal;
font-style: normal;
font-family: inherit;
vertical-align: baseline
}
   
   
      
html, body {
    height: 100%;
}
body {
    color: #111;
    background: #fff;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px; 
/*    font-size: 14px;*/
    line-height: 17px;
}

a {
    color: #0c4da2; 
    
}
a,a:active,a:visited {
text-decoration: underline  

}
a:hover {
text-decoration: underline;
color: #b40808;
}    

ul,ol {
list-style-type: none
}   

em {
    font-style: italic;
}  
              

.left {
float: left
}

.right {
float: right
}

.center {
text-align: center
}

.strong,
.strong p,
strong {
font-weight: bold;
}  



pre {
border: 1px dotted #777;
background: #ffe;
margin: 1em;
padding: 5px
}         

      
h2 {
    font-size: 29px;  
    font-weight: normal;
    line-height: 1;
    margin: 0 0 12px 0;
}

span.capDivLeft,
span.capDivRight,
span.capDivLeftBrd,
span.capDivRightBrd
{
    float: left;
    display: block; 
    margin: 4px 5px 5px 0; 
}                 
span.capDivLeft img,
span.capDivRight img,
span.capDivLeftBrd img,
span.capDivRightBrd img {
    float: none;  
    margin: 0;
}   

span.capDivLeft     span.caption,
span.capDivRight    span.caption,
span.capDivLeftBrd  span.caption,
span.capDivRightBrd span.caption 
{
    display: block;
    font-size: 10px;
}


.block h3 {
    position: relative;
    line-height: 23px;
    height: 23px;
    background: transparent url(P/subtitle.gif) no-repeat;
    padding: 0 0 0 90px;
    font-size: 11px;
    font-weight: bold; 
    margin: 0 0 5px 0 ;
}   

.block h3 a.feed {
    position: absolute;
    display: block;    
    top: 4px;
    right: 6px;
    width: 14px;
    height: 14px;
    background: transparent url(P/feed.png) no-repeat; 
}   
.block h3 a.feed span {
    display: none;
}                                                  
      
  
.iblock h4,
.block h4,
#r1 h4 {
    font-size: 14px;
    font-weight: bold;
}  

.iblock h4 {  
    font-size: 11px;
    margin: 12px 0 0 0; 
    line-height: 16px;
    clear: both;
}  
   

.block h4,
#r1 h4 {
    font-size: 14px;
    font-weight: bold;
}    
  
.block h4 {
    font-size: 17px;
    font-weight: normal; 
    line-height: 21px;
    margin: 0 0 5px 0;
}

.block img {
    float: left;
    margin: 5px 10px 0 0;
}  

#r1 h3 {
        font-size: 11px;
    font-weight: bold; 
    margin: 22px 0 0 0 ;
}     

#r1 h4 {       
    font-size: 19px;
    font-weight: normal;
    line-height: 20px;
    margin: 0 0 10px 0 ;
}
       
.kviz h3 {
    text-indent: -999999em;
    height: 28px;  
    background: #ccd8f0 url(P/kviz.png) no-repeat;
}  

#toc h3 {
    font-size: 12px;
    color: #ffd400;
}

.row p,
#r1 {
    font-size: 1em;
    line-height: 16px;
}  

.row p {
    margin: 0 0 12px 0;
}
  
.strong p {
    font-size: 14px;
    line-height: 19px;
}   


#wrap {
    position: relative;
    margin: 0 auto; 
    height: auto !important;
    min-height: 100%;      
    height: 100%;
    width: 800px;
    background: #fff url(P/background2.png) repeat-y;
}  
      
* html #wrap {
    height: 100%;  
    width: 802px;
}  

#kolofon {
    position: relative;
    margin: 0 auto; 
    width: 800px;
    padding: 10px 20px; 
    color: #b2b2b2;
}

     
             

#left {          
    position: relative;
    width: 560px;
}
   
#top {
    position: relative;
    padding-top:  150px;   
/*     height: 220px; */  
    background-color: #fff;
}                         

#logo {
    position: absolute;
    
    top: 20px;
    left: 0;
    width: 440px;
    height: 104px;
}

body.inner #logo {
    top: 0;
    width: 333px;
    height: 135px;
}    

#logo a {           
    display: block;
    width: 440px;
    height: 104px; 
    background: #fff url(P/Logo_EUekspres.png) no-repeat;
} 

body.inner #logo a {           
    display: block;
    width: 333px;
    height: 135px; 
    background: #fff url(P/Logo_EUekspres_2.png) no-repeat;
}            

#logo span {
    display: none;
}    
   

a#pdf {
    display: block;
    position: absolute;
    top: 25px;
    right: 0;
    width: 75px;
    height: 14px;
    background: #fff url(P/pdf.png) no-repeat;
}
  
a#pdf span {
    display: none;
}                

a#issue {
    position: absolute;
    top: 65px;
    right: 15px; 
    color: #013e5a;
    text-decoration: underline;
}   

#nav {
    position: absolute;
    top: 128px;
    left: 0;
    width: 560px;
    height: 22px;  
    line-height: 22px;
    background: #4e88c7;
    color: #fff;
}               


#nav li {
    display: inline;
    margin: 0 0 0 17px; 
      color: #ccc;  
    font-weight: bold;
    font-size: 10px;
}

#nav li.first {
    margin: 0 0 0 21px;
}                      

#nav li a {         
    color: #fff;  
    font-weight: bold;
    font-size: 10px;
    text-decoration: none;
}
  
#nav li a:hover {
    text-decoration: underline;
}  

#tools {        
    position: relative;
    top: 0px ;
    left: 0;      
    height: 70px;  
    width: 560px;    
    background: #e6e6e6;
    color: #000;
}    

body.inner #tools {
    border-top: 10px solid #0c4da2; 
    top: 135px ; 
}

#subscribeForm {
    position: absolute;
    left: 20px;
    top: 10px;
    line-height: 16px;
    font-size: 11px;
}                 

#subscribeForm p {
    line-height: 1; 
}
 
#top input.txt{
    height: 16px;
    border: 1px solid #999;
}     


#searchBox {
    position: absolute;
    right: 30px; 
    top: 5px;
    line-height: 16px;
    font-size: 11px;   
    color: #000;
}   

#l1 {  
    position: relative; 
    margin-top: -4px; 
    margin-bottom: 4px;
    text-align: right;
}
   
#l1 a {
    color: #666;
    text-decoration: underline;
}

#l1 a:hover {
    color: #000;
}
   

.row {
    position: relative;
    padding: 15px 20px 0 20px;
    clear: both;
}    
     
.bar {
    background-image: url(P/content_bar.png); 
    background-repeat: repeat-x;  
    padding-top: 35px;  
    
}   

.bar h2,
.bar p {
    padding-right: 50px;
}  

#r1 .bar {
    padding: 0;
    margin: 0px 0 0 0;
    height: 28px;    
    line-height: 28px;
}            

#r1 .bar h3 {
    padding: 0 0 0 105px;
    margin: 0;
}
  
.iblock {              
    position: relative;
    padding-right: 50px;
    text-align: justify;
}      


.iblock img
{  
    float: left;
    margin: 4px 5px 5px 0;
}
           
/* body .iblock td img
{
    float: none !important;
}      */
  
.iblock p {
    margin-bottom: 6px ;
}     

.iblock ul
{
    list-style-type: square;
    margin: 0 0 12px 12px;
}

.point {
    background: #A0A0A0; 
    padding: 0px 10px 10px 10px;
    margin: 0 0 12px 0; 
/*     border: 1px #000 dashed; */
} 

.point h4 {
    padding-top: 2px;
}

.point ul {
   list-style-type: square;
    margin: 0 0 0 14px;
}
 

blockquote {
    display: block;
}  
      
blockquote, 
div.modro,
div.osebno,
blockquote.osebno {
    background: #bed3e2;
    padding: 2px 10px;  
    margin-bottom: 10px;
}    
 
div.osebno, 
blockquote.osebno {
    background: #fff1ca;  
}

.quick,
blockquote.quick {
    background: #e1e0e0;
    width: 214px;
    padding: 10px 0;
    margin: 0px 0 10px 20px;  
    float: right;
}  

.quick p,
.quick h4,
blockquote.quick p,
blockquote.quick h4 {
    padding: 0 12px;
    margin: 0;
}
  
.quick-top,
blockquote.quick-top {
    margin-top: 5px;
}   

.qblue,
blockquote.qblue {
    background: transparent;
    color: #234791;
    width: 325px;
    text-align: left;  
    padding: 0;
    margin: 20px 0 10px 10px;
}   

.voice h3
{
    background: #e7e7e7;
    height: 22px;  
    font-weight: bold;
    padding: 0 0 0 10px;
    line-height: 22px; 
    margin: 0 0 12px 0;
}                      

.voice p
{
    margin: 0 0 12px 0;
}
.voice textarea
{
    width: 488px;
    height: 100px; 
     border: 1px solid #b2b2b2; 
    font: 11px/16px Arial;   
    background: #fff;
}

.voice label {
    
}
.voice input.txt
{
    border: 1px solid #b2b2b2;
    width: 288px;
    height: 18px; 
    padding: 4px 4px 0  0;
    background: #fff;  
} 
     
    

.comments dl {
    font-size: 11px;
}

.comments dt {
    color: #b40808;
}  

.comments dt span {
    margin: 0 0 0 5px;
}

.comments dd {
    margin: 0 0 12px 15px;
}

#tbox {
    position: absolute;
    right: 10px;
    top: 40px;
} 


#tbox div a 
{ 
	margin: 0 0 0 5px; 
	display: block; 
	 width: 22px; 
	height: 25px;  
	
	background-repeat: no-repeat; 
	background-position: 50% 50%; 
	border-bottom: 1px dashed #c4c4c4; 
	text-align: center;
}   

#tbox div span { display: none;}
#tbox div.network a { background-image: url("P/add.png"); width: 34px; height: 74px; margin:  0;border: 0px solid;}
#tbox div.sound a { background-image: url("P/sound.png"); }   
#tbox div.size a { text-decoration: none; margin: 0 0 0 8px; display: inline; color: #666; width: auto;}
#tbox div.size a:hover {text-decoration: underline;}
#tbox div.size a.big {font-size: 14px; margin: 0 0 0 2px;} 
#tbox div.size a.normal {font-size: 11px;} 

.block {         
    position: relative;
    width: 247px;      
}
  

#gallery {  
    position: relative;
    margin: 15px 0 5px 0;
} 

#gallery img
{
    float: left;
}  

#thumbs img {
    margin: 0 0 12px 12px;
}

#right {
    position: relative;
    width: 240px;
}
    
#r1 {
    padding: 0 0px 10px 0px;
}  

#r1 .uvodnik {     
    height: 220px;
    padding: 0 10px 0 20px; 
    overflow: hidden; 
    
}
#r1 .uvodnik img{
    float: left; 
    margin: 25px 10px 3px 0;
}
  
#r1 .eu-novosti {
    
    margin: 0 0 0 0;
    background: #4e88c7 url(P/novice.png) no-repeat;
    color: #fff;
    font-size: 11px;    
    padding-top: 30px;
} 

#r1 .eu-novosti ul
{
    padding: 10px 10px 10px 20px;
} 

#r1 .eu-novosti ul li
{
    margin-bottom: 10px;
} 
  
#r1 .eu-novosti  a
{
    color: #fff;
}

.kazalo {
    padding: 0 5px 0 10px; 
    margin: 10px 0 20px 0;
}       

.kazalo img {
    float: left; 
    margin: 4px 15px 2px 0;
}                      

#r1 .kazalo h4 {
    font-size: 13px;
    font-weight: bold;
    line-height: 18px;
}      

.arhiv {
    background: #f0ecec;

}                          

#r1 .arhiv h3
{
    font-weight: bold;
    font-size: 11px;
    text-trasnform: uppercase;
    background: #d6d5d5; 
    height: 24px;
    line-height: 24px;
    margin: 0 0 15px 0; 
    padding: 0 0 0 57px;
}  

#r1 .arhiv img {
    float: left;
    margin: 4px 15px 0 0 ;
}    
#r1 .arhiv p,
body #r1 .arhiv p a {
    color: #767474;
    text-decoration: none;
}         

#r1 .arhiv p {
    clear: both;
    margin: 0 0 15px 0;  
        padding: 0 5px 0px 10px;
}

body #r1 .arhiv p a:hover {
    text-decoration: underline;
}


.anketa {
    position: relative;
    margin: 30px 0 10px 0;
    background: #ccd8f0;  
}                         

.anketa img {
    flaot: none;
}              

.kviz {         
    position: relative;
    margin: 30px 0 10px 0;
    background: #ccd8f0;  
}                         

.kviz form {
    padding: 0px 10px 10px 20px;
}
   
.kviz td {
    vertical-align: top;
    padding: 2px 2px 2px 0;
}
.kviz p
{
    margin: 10px 0 0px 0;
}

#toc {                  
    position: absolute;
    top: 135px;
    width: 240px;
    background: #0c4da2;
} 

#toc #r1 {
    padding: 0px 15px 40px 15px;
} 
   
#toc li {
        line-height: 16px;
}
#toc a {
    color: #fff;
    font-size: 12px;     

    text-decoration: none;
}

#toc a:hover {
    text-decoration: underline;
}     
                        
/* CLEAR FLOATS
*******************************************************/
.clear { display: inline-block; }   
.clear:after, .row:after {
content: ".";
display: block;
height: 0; 
clear: both; 
visibility: hidden;
}
.clear { display: block; }
/*******************************************************/   



/* Start custom button CSS here
    ---------------------------------------- */
    .btn {
      display:inline-block;
      background:none;
      margin:0;
      padding:3px 0;
      border-width:0;
      overflow:visible;
      font:100%/1.2 Arial,Sans-serif;
      text-decoration:none;
      color:#333;
      }
    * html button.btn {
      padding-bottom:1px;
      }
    /* Immediately below is a temporary hack to serve the 
       following margin values only to Gecko browsers
       Gecko browsers add an extra 3px of left/right 
       padding to button elements which can't be overriden.
       Thus, we use -3px of left/right margin to overcome this. */
    html:not([lang*=""]) button.btn {
      margin:0 -3px;
      }
    .btn span {
      background:#ddd url(img/bg-button.gif) repeat-x 0 0;
      margin:0;
      padding:3px 0;
      border-left:1px solid #bbb;
      border-right:1px solid #aaa;
      }
    * html .btn span {
      padding-top:0;
      }
    .btn span span {
      position:relative;
      padding:3px .4em;
      border-width:0;
      border-top:1px solid #bbb;
      border-bottom:1px solid #aaa;
      }
    
    /* pill classes only needed if using pill style buttons ( LEFT | CENTER | RIGHT ) */
    button.pill-l span {
      border-right-width:0;
      }
    button.pill-l span span {
      border-right:1px solid #bbb;
      }
    button.pill-c span {
      border-right-style:none;
      border-left-color:#fff;
      }
    button.pill-c span span {
      border-right:1px solid #bbb;
      }
    button.pill-r span {
      border-left-color:#fff;
      }
    
    /* only needed if implementing separate hover/focus/active state for buttons */
    .btn:hover span, .btn:hover span span, .btn:focus span, .btn:focus span span {
      cursor:pointer; /* important for any clickable/pressable element */
      border-color:#9cf !important;
      color:#000;
      }
    .btn:active span {
      background-position:0 -400px;
      outline:none;
      }
    .btn:focus, .btn:active {
      outline:none; /* doesn't seem to be respected for <button>, only <a> */
      }

    /* use if one button should be the 'primary' button */
    .primary {
      font-weight:bold;
      color:#000;
      }                          
      
      
.mp3play
{
	background: #fff;
	border: 1px solid #002E60;
	width: 300px;
	height: 160px;    
	text-align: center;
}
   
#wbar1
{
height: 20px;	
background: #002E60; 
width: 298px;
margin: 1px 1px 5px 1px;
text-align: right;   
} 

#wbar1 a
{
	color: #fff;  
	margin: 0 5px 0 0;
} 



body .mp3play p
{
	padding: 10px ;
	margin: 10px;
}
  

.jqmWindow {
    display: none;
    
    position: fixed;
    top: 17%;
    left: 50%;
    z-index: 9999;
    margin-left: -150px;
    width: 300px;
    
    background-color: #fff;
    color: #002E60;
    border: 1px solid black;
}

.jqmOverlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

#friend ,
#contact
{
	width: 400px;
	height: 400px;
}   

#friend textarea ,
#contact textarea 
{
	width: 280px;
	height: 100px; 
	font-size: 11px;
}         
     

#wbar2, #wbar3
{
 	height: 20px;	
	background: #002E60; 
	width: 398px;
	margin: 1px 1px 5px 1px;
	text-align: left;   
}                   

#wbar2 a,
#wbar3 a 
{
	display:block;
	float: right;   
	margin: 0 5px 0 0;
	color: #fff;
}
body #wbar2 h4,
body #wbar3 h4
{
	color: #fff;
	font-size: 11px;     
	float: left;
}

table.nap
{
	padding: 0;  
	margin: 0 0px;
	width: 490px;
}               

table.nap th
{
	background: #2C4077;       
	color: #fff;
	padding: 0 5px;
}                

table.nap td
{
	background: #e6e6e6;      
	padding: 5px;
}                    
            
table.nap tr.sec td
{
		background: #e1eef6;   
}