/* ################################     BENDRI STILIAI     ############################### */

* { padding: 0; margin: 0; }

body
{
    font-family: Verdana;
    color: #000000;
	font-size: 30%; 
    background: url('/client/images/bg.body.gif') repeat-x top;     
}

a 
{
    font-family: Verdana;
    font-size: 1em;
    color: #0761A8;
    text-decoration: none; 
}  
a:hover
{
    text-decoration: underline;
}     
a img
{
    border: none;
}   

/* ####################################################################################### */

#alignment
{
    position: relative;       
    width: 940px;                                              
    height: 100%;
    margin: 0 auto;         
}

#container
{
    position: relative;
    float: left;                                                   
    width: 940px;
    height: 100%;
    margin: 0 auto;                 
    padding: 0px;  
    font-size: 1.2em; 
    border-left: 1px solid #D2D2D2;
    border-right: 1px solid #D2D2D2;    
    
}

/* ####################################################################################### */

#container a img.logo
{
    position: relative;
    float: left;                                                   
    width: 250px;
    border-bottom: 12px solid #4EA6DA;
    
}

#header
{
    position: relative;
    float: left;                                                   
    width: 689px;
    border-left: 1px solid #D2D2D2;
    background: #F7F7F7;
}
#header img
{
    position: relative;
    float: left; 
    border-top: 6px solid #4EA6DA;
    border-bottom: 12px solid #1D436E;                                                   
}

#topMenu
{
    position: relative;
    float: left;                                                   
    width: 689px;         
}

#topMenu ul
{                
    position: relative;
    float: left;                
}
#topMenu ul li
{                        
    position: relative;
    float: left;
    display: inline;                
    padding: 15px 20px 10px 20px;
}
#topMenu ul li a
{                         
    position: relative;
    float: left; 
    font-size: 12px;
    color: #A2B7D6;                   
    border-bottom: 3px solid #F7F7F7; 
    padding-bottom: 2px;
    font-weight: bold;
    text-transform: uppercase;
    color: #808080;
}
#topMenu ul li a:hover
{                        
    text-decoration: none;          
    border-bottom: 3px solid #62BCDB;
}
#topMenu ul li a.selected, #topMenu ul li a.selected:hover
{                                  
    border-bottom: 3px solid #62BCDB;
}

#topMenu ul.langs
{
    position: relative;
    float: right;   
    width: 60px;
    padding: 0px 15px 0px 15px;
    margin-top: 9px;
    border-left: 1px solid #D2D2D2;
    
}
#topMenu ul.langs li
{                        
    position: relative;
    float: left;                    
    padding: 0px;
    display: block;
}                 
#topMenu ul.langs li a
{                         
    position: relative;
    float: left;      
    color: #A2B7D6;                   
    border: none;
    padding: 0px;
    font-family: Verdana;
    font-size: 10px;
    font-weight: normal;
    text-transform: none;
    color: #000000;
}
#topMenu ul.langs li a:hover
{                        
    text-decoration: underline;          
    border: none;
}
#topMenu ul li a.selected
{                        
    border: none;
    font-weight: bold;
}

/* ####################################################################################### */

#contentContainer
{
    position: relative;
    float: left;
    width: 940px;
    background: #F7FBFD;
}

#contentMenu 
{
    position: relative;
    float: left;                                                   
    width: 210px;                
    padding: 0px 20px 20px 20px;    
}
#contentMenu ul
{
    position: relative;
    float: left;
    width: 210px;
    list-style: none;
}  
#contentMenu ul li
{
    position: relative;
    float: left;               
}
#contentMenu ul li.main
{                              
    padding: 20px 0px 12px 0px;
    font-weight: bold;
    font-size: 12px;
}
#contentMenu ul li a
{
    position: relative;
    float: left;
    border-bottom: 1px solid #EEEEEE;
    width: 190px;
    padding: 8px 0px 8px 20px;
    color: #333366;
}
#contentMenu ul li a:hover
{

}
                    

/* ####################################################################################### */ 

#content
{
    position: relative;
    float: left;                                                   
    width: 650px;
    background: #F7F7F7;
    border-left: 1px solid #D2D2D2;
    padding: 20px 20px 20px 19px;
    font-size: 12px;
    line-height: 170%;
}

#content h1
{
    color: #2f749c;
    font-size: 15px;
	padding-bottom: 15px;
}

#content h2 
{
    color: #4ea6da;
    font-size: 13px;
    padding-bottom: 15px;
}
#content p
{                  
    font-size: 12px;
    padding-bottom: 15px;
}

#content ul
{
    list-style-position: inside;
    padding-bottom: 15px;
    padding-left: 15px;
}

/* ####################################################################################### */ 

#content div.ln
{
    position: relative;
    float: left;
    width: 100%;
    border-bottom: 1px solid #E1E1E1;
    padding: 10px 0px 10px 0px;
}
#content div.ln div.pht
{
    position: relative;
    float: left;
    border: 1px solid #E1E1E1;
    margin: 10px;
}
#content div.ln div.pht a img
{
    position: relative;
    float: left;
    padding: 10px;
}


#content div.ln span
{
    position: relative;
    float: left;
    width: 250px;
    color: #65BBE4;
    font-weight: bold;
}
#content div.ln p
{
    position: relative;
    float: left;
    width: 100%;
}

/* ####################################################################################### */ 

#content div.item
{
    position: relative;
    float: left;
    width: 640px;
    border-bottom: 1px solid #E1E1E1;   
    padding: 20px 5px 20px 5px;
}

#content div.item a img
{
    position: relative;
    float: left;
    padding: 5px;
    border: 1px solid #E1E1E1;
    margin-right: 20px;
}
#content div.item div.cl
{
    position: relative;
    float: left;
    width: 200px;           
}
#content div.item div.cl span
{
    font-weight: bold;
    color: #64BBD9;
}
#content div.item a.more
{  
    position: relative;
    float: right;                       
    background: #66CCFF;
    padding: 1px 20px 1px 20px;
    color: #FFFFFF;
    font-size: 11px;
    margin-top: 30px;
}
#content div.item a.more:hover
{  
    text-decoration: none;                
    background: #4BA5C4;
}

/* ####################################################################################### */ 
#contacts
{
    position: relative;
    float: left;        
    background: #F3F3F3;
    border: 1px solid #D4D0C8;
    width: 628px;
    padding: 10px 0px 20px 20px;
    margin-top: 20px;
}
#contacts div.inp
{
    position: relative;
    float: left;
    width: 294px;
    padding: 0px 20px 5px 0px;
}
#contacts label
{
    position: relative;
    float: left;
    width: 294px;
    font-weight: bold;    
    padding-bottom: 3px;
    color: #3F4D34;
}
#contacts input
{
    position: relative;
    float: left;
    width: 292px;             
    border: 1px solid #D4D0C8;
}
#contacts textarea
{
    position: relative;
    float: left;
    width: 608px;             
    border: 1px solid #D4D0C8;
}
#contacts button
{
    position: relative;
    float: left; 
	cursor: pointer;
    background-color: #64BBD9;
    color: #ffffff;
    width: 63px;   
    border: 0px;
    font-size: 12px;    
    height: 20px;
    margin-top: 20px;
}

#error
{
    position: relative;
    float: left; 
    display: none;
    background: #F3F3F3;
    border: 1px solid #D4D0C8;
    width: 608px;
    padding: 10px 20px 10px 20px;
    margin-top: 20px;
}

/* ####################################################################################### */ 

#footer
{
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
    border-top: 1px solid #D2D2D2;
    padding-top: 20px;
    padding-bottom: 20px;
}
#footer img
{                    
    padding-top: 2px;
    padding-right: 5px;
}
@media screen {
#topMenu {display: none}
}