@charset "utf-8"

/* Reset global */
html{
    overflow-y:scroll;
    background:##f5f5f5;
    }

body{
    margin:0;
    background:#ffffff;
    font:14px/1.4 arial,helvetica,sans-serif;
    color:#111; 
    min-width:992px;
    }

header,footer,section,aside,nav,article,hgroup,time,form{display:block;}
h1,h2,h3,h4,p,fieldset,ul{margin:0;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
ul{padding-left:0;}
li{list-style:none;}
cite{font-style:normal;}

img,fieldset{
    border:none;
    padding:0;
    }

/* Reset form controls */
.res1 {
    margin:0;
    padding:0;
    border:none;
    font:normal 14px/18px arial,helvetica,sans-serif;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    }

.res1:focus{outline:none;}

button.res1::-moz-focus-inner,
input.res1::-moz-focus-inner{
    padding:0;
    border:none;
    outline:none;
    }

/* Style form controls text */
input.sty3{
    padding:0 0 0 8px;
    background-color:#fff;
    border:2px solid #5db5ff;
    border-radius:2px;
    box-shadow:inset rgba(0,0,0,.2) 0 1px 2px;
    color:#000;   
    font-family:verdana,arial,helvetica,sans-serif;
    height:36px; 
    line-height /*\**/: 32\px;
    }
        
        /* checkbox*/
        
        input.sty4{
            background-color:#fff;
            border:1px solid #999;
            border-radius:2px;
            box-shadow:inset rgba(0,0,0,.2) 0 1px 2px;
            color:#000;   
            font: 14px/19px tahoma,arial,helvetica,sans-serif;
            height:21px;  
            padding:0 0 0 5px;
            }

/* Style form controls textarea */
textarea.sty5{
    background:#fff;
    border:2px solid #5db5ff;
    border-radius:2px;
    box-shadow:inset rgba(0,0,0,.2) 0 1px 2px;
    color:#222;   
    font:14px/19px verdana,arial,helvetica,sans-serif;
    height:140px;
    width:600px;  
    padding:8px;
    margin-left:20px;
    }
    
/* Style form button */
.button-submit input,
#button-search{
    height:32px;   
    min-width:70px; 
    padding:0 12px;
    background:#5DB5FF;
    border-radius:3px; 
    color:#000;
    cursor:pointer;
    font-family:roboto,verdana,arial,helvetica,sans-serif;
    font-size:12px;
    position:relative;
    text-shadow:0 1px 1px rgba(255,255,255,.5);
    text-transform:uppercase;
    text-align:center;
    letter-spacing:.3px;
    }
    

#button-search{
    box-shadow:
        #000 0 1px 1px,
        inset rgba(0,0,0,.1) 0 -15px 0px,
        inset rgba(255,255,255, 0.3) 0 6px 6px,
        inset rgba(0,0,0,0.1) 0 -9px 5px,
        inset rgba(0,0,0,.3) 0 -3px 4px,
        inset rgba(255,255,255,0.3) 0 1px 0;
    }

/* Style anchor */
a.sty6{
    background:#eee;
    border:1px solid #cacaca;
    border-radius:3px;
    color:#333;
    padding:2px 5px;
    font-size:12px;
    box-shadow:rgba(0,0,0,.2) 0 1px 2px;
    }

a.sty6:hover{
    background:#f8f8f8;
    border-color:#aaa;
    color:#0E5DCA;
    box-shadow:rgba(0,100,150,.3) 0 1px 2px;
    }

/* Style global */
pre{
    border:1px solid #ddd;
    background:#fff;
    padding:3px;
    }

a{
    color:#111;
    text-decoration:none;
    }

a h2:hover{
    text-decoration:underline;
    }

#google_top{
    text-align:center;
    margin:auto;
    margin-bottom:10px;
    }


/* WIDGET-LOGIN */ 
#widget-login {
    position:absolute;
    padding:0;
    margin:0;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background:rgba(255,255,255,.5);
    z-index:999;
    }

#widget-login .foot a{
    color:#2668aF;
    text-shadow:#fff 0 1px 0;
    }

#widget-login a:hover,
#widget-login a:focus{
    text-decoration:underline;
    }

#widget-login > div{
    margin:-210px 0 0 -192px;
    padding:20px 30px 30px 30px;
    width:312px;
    height:360px;
    left:50%;
    top:50%;
    position:absolute;
    background:#fff url('../../gfx/bg-login.jpg') no-repeat center top;
    border-radius:2px;
    border:5px solid #5db5ff;
    box-shadow:rgba(0,0,0,.4) 0 2px 5px;
    }

#widget-login .foot{
    border-top:1px solid #ddd;
    clear:both;
    padding-top:15px;
    position:relative;
    }

#widget-login .forgot-pass{
    background: url('../../gfx/icon-idea.png') no-repeat left 1px;
    padding-left:20px;
    }

#widget-login .not-registred{
    background: url('../../gfx/icon-user.png') no-repeat left 1px;
    padding-left:20px;
    }

#widget-login h1{
    margin-bottom:15px;
    color:#222;
    font-family: tahoma,arial,helvetica,sans-serif;
    font-size:18px;
    font-weight:bold;
    }

#widget-login label{
    font-size:12px;
    padding:3px 0;
    display:block;
    text-transform:uppercase;
    }

#widget-login p{
    margin-bottom:10px;
    clear:both;
    }

#widget-login .sty3{
    width:300px;     
    }

#widget-login .button-submit {
    overflow:hidden;
    margin-bottom:20px;
    padding-top:5px;
    }

#widget-login .back-home{
    width:25px;
    height:25px;
    position:absolute;
    top:10px;
    right:10px;
    }

#widget-login .back-home a{
    display:block;
    overflow:hidden;
    text-indent:-99em;
    width:25px;
    height:25px;
    background: url('../../gfx/icon-close.png') no-repeat center center;
    }










/* PROFILE-EDIT */     
#profile-edit {
    padding-left:80px;
    }

#profile-edit h1{
    margin-bottom:25px;
    color:#444;
    font-size:16px;
    font-weight:bold;
    }

#profile-edit h1 strong{
    color:#5db5ff
    }

#profile-edit h2{
    padding-top:20px;
    margin-bottom:15px;
    color:#444;
    font-size:16px;
    font-weight:bold;
    }

#profile-edit label{
    font-size:12px;
    padding:10px 10px 0 0;
    float:left;
    min-height:26px;
    text-transform:uppercase;
    text-align:right;
    width:200px;    
    }

#profile-edit p{
    margin-bottom:10px;
    clear:both;
    }

#profile-edit .sty3{
    width:300px;     
    }

#profile-edit .button-submit {
    overflow:hidden;
    margin-bottom:40px;
    padding-top:30px;
    }

#profile-edit .button-submit input{
    left:215px;
    }


#profile-edit .sty4{
    vertical-align:top;
    position:relative;
    top:9px;    
    }









/* PROFILE */     
#profile {
    padding-left:80px;
    }

#profile a{
    text-decoration:underline;
    }   

#profile h1{
    margin-bottom:25px;
    color:#444;
    font-size:16px;
    font-weight:bold;
    }

#profile h1 strong{
    color:#5DB5FF
    }

#profile dl{
    margin:0;
    padding-bottom:40px;
    }

#profile dt{
    font-size:12px;
    padding:2px 14px 11px 0;
    float:left;
    text-transform:uppercase;
    text-align:right;
    width:200px; 
    clear:left;   
    }

#profile dd{
    color:#000000;
    font-size:14px;
    padding:0 10px 13px 0;
    width:700px; 
    clear:right;    
    }









/* REGISTRATION */     
#registration {
    padding-left:80px;
    }
#registration a{
    text-decoration:underline;
    }  
#registration h1{
    margin-bottom:25px;
    color:#444;
    font-size:16px;
    font-weight:bold;
    }

#registration h1 strong{
    color:#5db5ff
    }

#registration h2{
    padding-top:20px;
    margin-bottom:15px;
    color:#444;
    font-size:16px;
    font-weight:bold;
    }

#registration label{
    font-size:12px;
    padding:10px 10px 0 0;
    float:left;
    min-height:26px;
    text-transform:uppercase;
    text-align:right;
    width:200px;    
    }

#registration .marker2{
    padding-top:15px;
    padding-left:206px;
    }

#registration .marker3 {
    padding-left:210px;
    }

#registration .marker3 img{
    display:block;
    border:1px solid #ccc;
    margin-bottom:10px;
    }

#registration .marker3 span{
    clear:both;
    display:block;
    margin-bottom:10px;
    }

#registration .marker2 label{
    font-size:inherit;
    padding:0;
    float:none;
    display:inline-block;
    min-height:auto;
    text-transform:none;
    text-align:left;
    width:auto;    
    }

#registration .marker2 input{
    vertical-align:top;
    position:relative;
    top:2px;    
    }

#registration label.marker1{
    padding-top:0px;
    min-height:36px;
    }

#registration label.marker1 span{
    font-size:11px;
    display:block;
    text-transform:none;
    }

#registration p{
    margin-bottom:10px;
    clear:both;
    }

#registration .sty3{
    width:300px;     
    }

#registration .button-submit {
    overflow:hidden;
    margin-bottom:40px;
    padding-top:20px;
    }

#registration .button-submit input{
    left:210px;
    }


#registration .sty4{
    vertical-align:top;
    position:relative;
    top:9px;    
    }






/* RESET-PASSWORD */     
#reset-password {
    padding-left:80px;
    }

#reset-password a{
    text-decoration:underline;
    }  

#reset-password h1{
    margin-bottom:5px;
    color:#444;
    font-size:16px;
    font-weight:bold;
    }

#reset-password h1 strong{
    color:#5db5ff
    }

#reset-password h2{
    padding-top:20px;
    margin-bottom:15px;
    color:#444;
    font-size:16px;
    font-weight:bold;
    }

#reset-password label{
    font-size:12px;
    padding:10px 10px 0 0;
    float:left;
    min-height:26px;
    text-transform:uppercase;
    text-align:right;
    width:200px;    
    }

#reset-password .marker2{
    padding-top:15px;
    padding-left:206px;
    }

#reset-password .marker3 {
    padding-left:210px;
    }

#reset-password .marker3 img{
    display:block;
    border:1px solid #ccc;
    margin-bottom:10px;
    }

#reset-password .marker3 span{
    clear:both;
    display:block;
    margin-bottom:10px;
    }

#reset-password .marker2 label{
    font-size:inherit;
    padding:0;
    float:none;
    display:inline-block;
    min-height:auto;
    text-transform:none;
    text-align:left;
    width:auto;    
    }

#reset-password .marker2 input{
    vertical-align:top;
    position:relative;
    top:2px;    
    }

#reset-password label.marker1{
    padding-top:0px;
    min-height:36px;
    }

#reset-password label.marker1 span{
    font-size:11px;
    display:block;
    text-transform:none;
    }

#reset-password p{
    margin-bottom:10px;
    clear:both;
    }

#reset-password p.marker1{
    margin-bottom:30px;
    }

#reset-password .sty3{
    width:300px;     
    }

#reset-password .button-submit {
    overflow:hidden;
    margin-bottom:40px;
    padding-top:20px;
    }

#reset-password .button-submit input{
    left:215px;
    }

#reset-password .sty4{
    vertical-align:top;
    position:relative;
    top:9px;    
    }






/* DIALOG */
body .dialog-wrap1{
    width:932px;
    margin:auto;
    clear:both;
    margin-bottom:30px;
    }

.dialog-error a,
.dialog-ok a,
.dialog-info a,
.dialog-help a{
    color:#fff;
    text-decoration:underline;
    } 

.dialog-warning a{
    color:#000;
    text-decoration:underline;
    }

.dialog-error{
    margin-bottom:10px;
    border-radius:3px;
    background:#830;
    background: -webkit-linear-gradient(top,  #883300 0%,#be2603 100%); 
    background: -o-linear-gradient(top,  #883300 0%,#be2603 100%);
    background: -ms-linear-gradient(top,  #883300 0%,#be2603 100%);
    background: linear-gradient(to bottom,  #883300 0%,#be2603 100%);
    box-shadow:inset 0 0 3px rgba(0, 0, 0, 0.7), rgba(0,0,0,.5) 0 0px 3px;
    }
.dialog-error span{
    color:#fff;
    padding:19px 20px 20px 70px;
    display:block;
    background:url('../../gfx/icon-error.png') no-repeat 10px 3px;
    }

.dialog-ok{
    margin-bottom:10px;
    border-radius:3px;
    background: #4a6e09;
    background: -webkit-linear-gradient(top,  #4a6e09 0%,#81ab48 100%); 
    background: -o-linear-gradient(top,  #4a6e09 0%,#81ab48 100%); 
    background: -ms-linear-gradient(top,  #4a6e09 0%,#81ab48 100%); 
    background: linear-gradient(to bottom,  #4a6e09 0%,#81ab48 100%); 
    box-shadow:inset 0 0 3px rgba(0, 0, 0, 0.7), rgba(0,0,0,.5) 0 0px 3px;
    }
.dialog-ok span{
    color:#fff;
    padding:19px 20px 20px 70px;
    display:block;
    background:url('../../gfx/icon-ok.png') no-repeat 10px 5px;
    }

.dialog-wrap1 span + span {
    border-top: 1px solid rgba(0,0,0,0.25);
    }

.dialog-info{
    margin-bottom:10px;
    border-radius:3px;
    background: #4a6e09;
    background: -webkit-linear-gradient(top,  #4a6e09 0%,#81ab48 100%); 
    background: -o-linear-gradient(top,  #4a6e09 0%,#81ab48 100%); 
    background: -ms-linear-gradient(top,  #4a6e09 0%,#81ab48 100%); 
    background: linear-gradient(to bottom,  #4a6e09 0%,#81ab48 100%); 
    box-shadow:inset 0 0 3px rgba(0, 0, 0, 0.7), rgba(0,0,0,.5) 0 0px 3px;
    }
.dialog-info span{
    color:#fff;
    padding:19px 20px 20px 70px;
    display:block;
    background:url('../../gfx/icon-info.png') no-repeat 10px 5px;
    }


 .dialog-warning{
    margin-bottom:10px;
    border-radius:3px;
    background: #f7b32e; /* Old browsers */
    background: -webkit-linear-gradient(top,  #f7b32e 0%,#ffe14d 100%);
    background: -o-linear-gradient(top,  #f7b32e 0%,#ffe14d 100%);
    background: -ms-linear-gradient(top,  #f7b32e 0%,#ffe14d 100%);
    background: linear-gradient(to bottom,  #f7b32e 0%,#ffe14d 100%);
    box-shadow:inset 0 0 3px rgba(0, 0, 0, 0.7), rgba(0,0,0,.5) 0 0px 3px;
    }
.dialog-warning span{
    color:#000;
    padding:19px 20px 20px 70px;
    display:block;
    background:url('../../gfx/icon-warning.png') no-repeat 10px 3px;
    }


 .dialog-help{
    margin-bottom:10px;
    border-radius:3px;
    background: #0f607b;
    background: -webkit-linear-gradient(top,  #0f607b 0%,#1c8bae 100%); 
    background: -o-linear-gradient(top,  #0f607b 0%,#1c8bae 100%); 
    background: -ms-linear-gradient(top,  #0f607b 0%,#1c8bae 100%);
    background: linear-gradient(to bottom,  #0f607b 0%,#1c8bae 100%);
    box-shadow:inset 0 0 3px rgba(0, 0, 0, 0.7), rgba(0,0,0,.5) 0 0px 3px;
    }
        
.dialog-help span{
    color:#fff;
    padding:19px 20px 20px 70px;
    display:block;
    background:url('../../gfx/icon-help.png') no-repeat 10px 5px;
    }

/* RESET 1 */
/* STYL 1 */
.sty1 {
    padding:6px 20px;
    border:1px solid #ccc;
    border-bottom-color:#999;
    font:normal 14px arial,helvetica,sans-serif;
    color:#000;
    background-color:#eee;
    cursor:pointer; 
    border-radius:2px;
    }

#main,
#main2,
#partners,
#footer > div{
    width:992px;
    margin:auto;
    clear:both;
    }

#main2{
    min-height:300px;
    }

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

/* Header */
#top{
    background:#2f2f2f url('../../gfx/bg-header.png') repeat-x center 1px;
    /* margin-bottom:315px; */
    margin-bottom:10px;
    padding-top:92px;
    height:38px;
    position:relative; 
    }

/* Logo */
#logo{
    position:absolute;
    left:50%;
    top:10px;
    margin-left:-482px;
    }

#logo a,
#logo img{
    display:block;
    }

/* Search */
#search{
    position:absolute;
    left:50%;
    top:28px;
    margin-left:-260px;
    padding:6px;
    background:#333;
    border-radius:4px;
    box-shadow:inset #000 0 0 1px, inset rgba(0,0,0,.2) 0 2px 2px, 0 1px 0 rgba(255,255,255,.04);
    }

#search .sty3{
    float:left;
    width:330px;
    margin-right:6px;    
    border:none;
    box-shadow:inset rgba(0,0,0,.3) 0 2px 5px;
    height:32px;
    background-color:#f5f5f5;
    }

#button-search{
    float:left;
    }


/* TOOLBAR */
#toolbar{
    position:absolute;
    left:50%;
    top:37px;
    margin-left:240px;
    width:256px; 
    }

#toolbar li{
    margin-bottom:2px;
    margin-left:5px;
    font-size:13px;
    color:#999;
    float:left;
    }

#toolbar a{
    display:block;
    color:#ddd;
    text-shadow:rgba(0,0,0,.5) 0 1px 1px;
    padding:4px 8px;
    border-radius:4px;
    transition:background .3s;  
    }

#toolbar #logout{
    position:absolute;
    right:0;
    top:-37px;
    }

#toolbar #logout a{
    border-radius:0 0 4px 4px;
    white-space:nowrap;
    color:#aaa;
    }


#toolbar #logout a,
#toolbar a:hover,
#toolbar a:focus{
    outline:none;
    background:#333;
    box-shadow:inset #000 0 0 1px, inset rgba(0,0,0,.2) 0 2px 2px, 0 1px 0 rgba(255,255,255,.04);
    }

#toolbar #logout a:focus{
    outline:dotted 1px #fff;
    }



/* Navigation */
#navigation{
    clear:both;
    height:38px;
    font-family:roboto,arial,helvetica,sans-serif;
    background:#2f2f2f url('../../gfx/bg-navigation.png') repeat-y center top;
    }

#navigation ul{
    margin:0 auto;
    width:972px;
    padding-left:8px;
    padding-top:6px;
    }

#navigation li{
    float:left;
    list-style:none;
    margin-right:8px;
    }

#navigation a{
    display:block;
    padding:3px 12px 0;
    color:#ccc;
    font-size:14px;
    height:23px;
    transition:color .1s;
    border-radius:3px;
    }

#navigation a.icon-home{
    text-indent:-9999em;
    overflow:hidden;
    width:30px;
    height:26px;
    padding:0;
    background: url('../../gfx/icon-home.png') no-repeat left -1px;
    }

#navigation a.icon-home:hover,
#navigation a.icon-home:focus{
background-position:-30px -1px;
    }


#navigation a:hover,
#navigation a:focus{
    color:#fff;
    }
    
#navigation li.forum {
border-left:1px solid #555;}


#navigation .active a{
background:#444;
}



















/* MAIN */
#main header{
    margin-bottom:25px;
    }

#main h1{
    font-size:13px;
    text-transform:uppercase;
    box-shadow:rgba(0,0,0,.2) 0 1px 2px;
    font-family:roboto;
    letter-spacing:.3px;
    
    border-radius:2px;
    overflow:hidden;
    background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAFUlEQVQImWP4//+/1P///30ZoMAXAFh5Bq+KbrG0AAAAAElFTkSuQmCC');
    }

#main h1 a,
#main h1 span{
    display:block;
    height:26px;
    padding:7px 0 0 16px; 
    }
 
#main h1 a{
    background:url('../../gfx/icon-arrow.png') no-repeat right 6px;
    } 
 
#main article{
    margin-bottom:25px;
    } 

#main article a,
#main header a{
    display:block;
    }         

#main article a{
    overflow:hidden;
    }

#main h2{
    padding-bottom:5px;
    line-height:1.3; 
    font-family:roboto,arial,helvetica,sans-serif;
    } 

#main img{ 
    display:block;  
    border-radius:2px;
    }  

#main footer{
    border-radius:2px;
    clear:both;
    text-align:right;
    margin-top:-10px;
    }

#main footer a{
    background:#eee;
    padding:5px;
    }

#main footer a:hover,
#main footer a:focus{
    background:#f8f8f8;
    }







/*NEWS*/
#news {
    margin-bottom:25px;
    float: left;
    margin-right: 20px;
    width: 552px;
    }

#news header{
    margin-bottom:22px;
    }

#news h1 {
    background-color:#AC0609;
    }

#news h1 a{    
    color:#eee;
    }

#news div{
    float:right;
    width:338px;
    clear:right;      
    }

#news article{
    margin-bottom:30px;
    }

#news h2{
    color:#a91C1C; 
    color:#a00000; 
    font-size:18px; 
    }    

/*VEHICLES*/
#vehicles{
    width:200px;
    float:left;
    margin-bottom:25px;
    }

#vehicles h1 {
    background-color:#333;
    }

#vehicles h1 a{
    color:#eee;
    }

#vehicles h2{
    font-size:15px; 
    }    




/*ARTICLES*/
#articles{
    width:200px;
    float:right;
    margin-bottom:25px;
    }

#articles h1 {
    background-color:#333;
    }

#articles h1 a{    
    color:#eee;
    }

#articles h2{
    font-size:15px; 
    } 







/* CHARGE-POINT */
#charge-points{
    margin-bottom:25px;
    clear:left;
    width:552px;
    float:left;
    }

#charge-points header{
    margin-bottom:15px;
    }

#charge-points h1 {
    background-color:#40800A;
    }

#charge-points h1 a{    
    color:#eee  
    }

#charge-points article{
    margin-bottom:0;
    position:relative;
    border-bottom: 1px solid #ddd;
    }

#charge-points article a{
    margin-bottom:2px;
    min-height:72px;
    padding-bottom:15px; 
    padding-top:7px;
    background:#fff;
    } 

#charge-points article:last-child a{
    border-bottom:none;
    }

#charge-points img:hover{
    opacity:1
    }

#charge-points h2{
    font-size:18px;
    margin-right:160px;
    padding-left:15px;
    margin-bottom:5px;
    color:#40800A;
    text-shadow:0 1px 2px #fff;
    display:inline-block;
    }   

#charge-points ul{
    padding-left:15px;
    margin:0;
    float:left;
    }

#charge-points li{
    list-style:none;
    font-size:12px;
    float:left;
    margin-right:7px;
    border-right:1px solid #ddd;
    padding-right:7px;
    min-height:39px;    
    }

#charge-points ul strong{
    font-size:32px;
    line-height:32px;
    float:left;
    font-weight:bold;
    color:#BB4606;
    margin-right:5px;
    text-align:right;
    min-width:72px;
    cursor:help;
    }

#charge-points ul span{
    float:left;
    font-size:12px;
    max-width:60px;
    }

#charge-points .charge-points-logo {
    position:absolute;
    right:5px;
    top:17px;
    } 

#charge-points div{
    float:left;
    }

#charge-points div img{
    float:left;
    margin-right:10px;
    cursor:help;
    }





/* COMMENTS */
#main #comments{
    margin-bottom:25px;
    clear:both;
    overflow:hidden;
    }

#main #comments section{
    margin-bottom:20px;
    float:left;
    width:480px;
    }

#main #comments section:last-child{width:512px}

#main #comments > header{
    margin-bottom:15px;
    }

#main #comments section header{
    margin-bottom:10px;
    font-size:14px;
    }

#main #comments h1 {
    background-color:#333;
    }

#main #comments h1 span{    
    color:#eee;
    }

#main #comments article{
    margin-bottom:0;
    position:relative;
    padding:0 10px;
    }

#main #comments article a{
    border-bottom:1px dotted #ccc;
    padding:5px 80px 10px 35px;
    background:url('../../gfx/icon-comments.png') no-repeat 1px 5px;
    } 

#main #comments article:last-child a{
    border-bottom:0;
    }

#main #comments article a:hover{
    text-decoration:underline;
    }

#main #comments h2{
    font-size:14px;
    padding-left:13px;
    padding-bottom:0;
    color:#888;
    }

#main #comments h3{
    font-size:14px;
    font-weight:normal;
    display:inline;
    }   

#main #comments time{
    position:absolute;
    right:13px;
    top:7px;
    color:#888;
    font-size:11px;
    }





/* PRICES */
#prices{
    width:420px;
    float:right;
    clear:right;
    }

#prices header{
    margin-bottom:15px;
    }

#prices h1 {
    background-color:#C0A000;
    }

#prices h1 a,
#prices h1 span{
    color:#fff;
    }

#prices ul{
    margin:0;
    padding:0;
    margin-bottom:25px;
    }

#prices li{
    list-style:none;
    padding:5px 10px 0;
    }

#prices li a{
    padding-bottom:10px;
    display:block;
    border-bottom:1px solid #ddd;
    }

#prices li a:hover{
    text-decoration:underline;
    }

#prices li:last-child a{
    border-bottom:none;
    }





/* CALCULATORS */
#calculators{
    margin-bottom:25px;
    width:420px;
    float:right;
    }

#calculators header{
    margin-bottom:15px;
    }

#calculators h1 {
    background-color:#0661B7;
    }

#calculators h1 a{
    color:#fff;
    }

#calculators ul{
    margin:0;
    padding:0;
    margin-bottom:25px;
    }

#calculators li{
    list-style:none;
    padding:5px 10px 0;
    }

#calculators li a{
    padding-bottom:10px;
    display:block;
    border-bottom:1px solid #ccc;
    }

#calculators li a:hover{
    text-decoration:underline;
    }

#calculators li:last-child a{
    border-bottom:none;
    }


















/* VIDEO */
#video{
    clear:both;
    margin-bottom:25px;
    }

#video header{
    margin-bottom:15px;
    }

#video h1 {
    background-color:#333;
    }
    
#video h1 span{    
    color:#eee;
    }
    
    
    
    

/* PARTNERS */
#partners {
    overflow:hidden;
    position:absolute;
    left:50%;
    top:153px;
    margin-left:-496px; 
    }

#partners ul{
    padding:0;
    margin:0;
    overflow:hidden;
    margin-left:-8px;
    }

#partners li{
    margin:0 0 8px 8px;
    background:#e8e8e8;
    background:#ccc;
    list-style:none;
    float:left;
    }

#partners .size1,
#partners .size1 a{
    width:135px;
    height:135px;
    }

#partners .size2,
#partners .size2 a{
    width:277px;
    height:135px;
    }

#partners li a{
    display:block;
    }

#partners footer{
    font-size:12px;
    text-align:right;
    padding-right:10px;
    color:#aaa;
    }

#partners footer a{
    color:#aaa;
    }





/* FOOTER */
#footer{
margin-top:50px;
    padding-top:30px;
    clear:both;
    padding-bottom:25px; 
    font-size:12px;
    background: url('../../gfx/bg-stopka.png') no-repeat center top;
    }
    
    

    
#footer a{
    color:#333;
    }

#footer > div{
    overflow:hidden;
    clear:both;

    }
    
#copyright{
    width:258px;
    float:left;
    padding-left:12px;
    margin-right:112px;
    padding-top:0px;
    color:#555;
    }

#footer .marker1,
#footer .marker2,
#footer .marker3{
    float:left;
    width:190px; 
    margin:0;
    padding:0;
    padding-bottom:15px;
    } 


#copyright ul{
    margin:0;
    padding:0;
    color:#444;
    }
       
#copyright ul li{
    list-style:none;
    float:left;
    margin-right:6px;
    }
     
#copyright ul a{
    color:#555;
    }

#footer .marker1 li,
#footer .marker2 li,
#footer .marker3 li{
    list-style:none;
    margin-bottom:2px;
    padding-right:20px;
    }

#footer a:hover{
    text-decoration:underline;
    }
    
#footer .marker2{
width:120px;
}

#footer .marker3{
width:230px;
float:right;
}
    
#footer .marker3 li{
    width:64px;
    float:left;
    padding-right:0;
    margin-right:10px;
    border-radius:50%;
    overflow:hidden;
    }
    
#footer .marker3 a {
    transition:all 0.3s ease;


}   
    
#footer #social-facebook a,
#footer #social-twitter a,
#footer #feed-rss a {
    width:64px;
    height:64px;
    display:block;
    overflow:hidden;
    text-indent:-999em;
    background-image: url('../../gfx/icon-social.png');
    background-repeat:none;
    } 

#footer #social-facebook a{
    background-position:left top;
    }

#footer #social-twitter a{
    background-position:-79px top;
    }
    
#footer #feed-rss a{
    background-position:-155px top;
    } 
    
   
#footer .marker3 a:hover,
#footer .marker3 a:focus{
    -moz-transform: rotate(50deg);
    -ms-transform: rotate(25deg);
    -o-transform: rotate(25deg);
    -webkit-transform: rotate(25deg);
    transform: rotate(25deg)
    }    

/* LIST-RSS */
.list-rss-head{
    padding-left:20px;
    padding-bottom:15px;
    font-size:21px;
    }

#list-rss {
    margin:0 0 50px 0;
    padding:0;
    }

#list-rss li{
    list-style:none;
    padding:0;
    }

#list-rss li a{
    border-top:1px solid #ccc;
    padding:10px 20px 15px 65px;
    background-image:url('../../gfx/icon-rss.png');
    background-repeat:no-repeat;
    background-position:18px 13px;
    display:block;
    transition:all 0.15s ease;
    } 

#list-rss li:last-child a{
    border-bottom:0;
    }

#list-rss li a:hover{
    text-decoration:none;
    background-color:#fff;
    border-top-color:rgba(255,255,255,.0);
    box-shadow:0 3px 7px #aaa;
    border-radius:2px;
    }
    
#list-rss li a:hover h2{
    text-decoration:none; 
    }
    
#list-rss h2{
    font-size:14px;
    font-weight:bold;
    }
 



/* LIST-CATEGORY */
.list-category-head{
    padding-left:20px;
    padding-bottom:15px;
    font-size:21px;
    }

#list-category {
    margin:0 0 50px 0;
    padding:0;
    }

#list-category li{
    list-style:none;
    padding:0;
    }

#list-category li a{
    border-top:1px solid #ccc;
    padding:10px 20px 15px 100px;
    display:block;
    transition:all 0.15s ease;
    position:relative;
    } 

#list-category li:last-child a{
    border-bottom:0;
    }

#list-category li a:hover{
    text-decoration:none;
    background-color:#fff;
    border-top-color:rgba(255,255,255,.0);
    box-shadow: 0 3px 7px #aaa;
    border-radius:2px;
    }
    
#list-category li a:hover h2{
    text-decoration:none; 
    }
    
#list-category h2{
    font-size:14px;
    font-weight:bold;
    }
 
#list-category div{
    left:10px;
    position:absolute;
    top:14px;
    width:69px;
    font-size:25px;
    cursor:help;
    color:#ccc;
    text-align:right;
    }   
       
#list-category a:hover div{
    color:#5db5ff;    
    }


/* LIST-CATEGORY-IMAaGE */
#list-category-image {
    margin:0 0 50px 0;
    padding:0;
    }

#list-category-image li{
    list-style:none;
    padding:0;
    }

#list-category-image li a{
    border-top:1px solid #ccc;
    padding:10px 20px 15px 66px;
    display:block;
    transition:all 0.15s ease;
    position:relative;
    min-height:30px;
    background:url('../../gfx/icon-calc.png') no-repeat 18px 6px;
    } 

#list-category-image li:last-child a{
    border-bottom:0;
    }

#list-category-image li a:hover{
    text-decoration:none;
    background-color:#fff;
    border-top-color:rgba(255,255,255,.0);
    box-shadow: 0 3px 7px #aaa;
    border-radius:2px;
    }
    
#list-category-image li a:hover h2{
    text-decoration:none; 
    }
    
#list-category-image h2{
    font-size:14px;
    font-weight:bold;
    }
 
#list-category-image div{
    left:10px;
    position:absolute;
    top:14px;
    font-size:25px;
    cursor:help;
    color:#ccc;
    text-align:right;
    }   
       
#list-category-image a:hover div{
    color:#5db5ff;    
    }


/* LIST-ARTICLES */
.list-articles-head{
    padding-left:20px;
    padding-bottom:5px;
    font-size:21px;
    }

#main2 a.back{
    font-size:13px;
    color:#999;
    display:inline-block;
    position:relative;
    top:-10px;
    }

#main2 > p{
margin:0 20px 20px 20px;
}
.list-articles {
    margin:0;
    padding:10px 10px 70px;
    overflow:hidden;
    }

.list-articles li{
    list-style:none;
    padding:0;
    float:left;
    margin:0 10px 10px 10px;
    width:220px;
    }

.list-articles li a{
    display:block;
    padding:10px;
    transition:box-shadow 0.15s ease;
    position:relative;
    border:1px solid #ddd;
    border-radius:3px;
    overflow:hidden;
    height:190px;
    position:relative;
    } 
    
.list-articles li a:hover{
    height:260px;
    margin-bottom:-70px;
    z-index:10;
    text-decoration:none;
    background-color:#fff;
    border-color:#bbb;
    border-top-color:#ddd;
    box-shadow: 0 3px 7px rgba(0,0,0,.4);   
    }

.list-articles li a:hover h2{
    text-decoration:none;
    color:#2e5a80;
    }

.list-articles li img{
    border-radius:2px;
    display:block;
    margin:auto;
    max-height:134px;
    }

.list-articles h2{
    font-size:13px;
    line-height:1.3;
    font-weight:bold;
    height:49px;
    padding-bottom:6px;
    z-index:1;
    display: table-cell;
    vertical-align:top;
    }

.list-articles a > div{
    position:absolute;
    left:0;
    top:170px;
    height:110px;
    width:100%;
    opacity:0;
    }

.list-articles a:hover > div{
    opacity:1;
    }

.list-articles div div{ 
    width:198px;
    display:none;
    font-size:13px;
    position:absolute;
    bottom:0px;
    left:0px;
    padding:10px 10px 5px 10px;    
    background:#fff;    
    background:rgba(255,255,255,.94); 
    }
    
.list-articles a:hover div div{
    display:block;  
    opacity:1;
    }  
    
.list-articles footer{
    display:block;
    clear:both;
    font-size:11px;
    color:#999;
    padding-top:5px;
    border-top:1px solid #ddd;
    margin-top:6px;
    overflow:hidden;
    }   

.list-articles footer .marker1{
    float:left;
    }

.list-articles footer .marker2{
    float:right;
    }









/* PAGES */
.pagination{
    margin:20px 0  20px 0;
    clear:both;
    padding:0 200px 0 20px;
    text-align:center;
    font-size:17px;
    position:relative;
    }


.pagination form{
    display:block;
    position:absolute;
    right:32px;
    top:0;
    }

.pagination form p{
    margin-bottom:5px;
    font-size:13px;
    line-height:28px;
    display:inline-block;
    }














.pagination form p input:first-child{
    display:inline;
    outline:none;
    line-height:normal;
    text-decoration:none;
    text-align:left;
    white-space:nowrap;
    vertical-align:top; 
    width:41px;
    margin:0 6px 0 0;
    padding:4px 0 5px 8px;
    border:1px solid #999;
    font-size:14px;
    font-family:verdana,arial,helvetica,sans-serif;
    color:#000;
    background-color:#fff;
    box-shadow:inset #ddd 0 2px 5px;
    border-radius:2px;
    }

.pagination form p input.button{
    display:inline;
    margin:0;
    outline:none;
    line-height:normal;
    white-space:nowrap;
    vertical-align:top;  
    padding:5px 12px 5px 12px;
    border:1px solid #aaa;
    border-radius:3px;
    font-size:12px;
    font-family:verdana,arial,helvetica,sans-serif;
    position:relative;
    text-transform:uppercase;
    text-decoration:none;
    text-align:left;
    cursor:pointer;
    color:#000;
    text-shadow:0 1px 0 rgba(255, 255, 255, 0.4);
    background:#ccc;
    height:28px;
    }


.pagination form p input::-moz-focus-inner{border:none;padding:0;}














.pagination a{
    color:#777;
    background:#eee;
    padding:2px 11px;
    text-decoration:none;
    border:1px solid #ccc;
    display:inline-block;
    border-radius:2px;
    margin-right:5px;

    }


.pagination a.current{
    color:#ccc;
    background:#333;
    border-color:#000;
    }

.pagination a:focus,
.pagination a:hover
    {
    border-color:#3D95dF;
    color:#fff;
    background-color:#5DB5FF;
    }
    
    
    
    
    
    
    
    
    
#calendar{
    clear:both;
    width:100%;
    margin-bottom:20px;
    }    


    
#calendar ul{
    margin:0 0 1px 20px;
    padding:0;
    overflow:hidden;

    }    


    
#calendar li{
    list-style:none;
    float:left;

    }    

#calendar li a{
display:block;


}

#calendar #year li a{
    padding:10px 12px 0 12px;
        height:35px;
        font-size:18px;
        border:1px solid #f5f5f5;
    }    
#calendar #year li a.active{
    color:#c00;
    background:#fff;
    border-color:#ddd;
    }  
#calendar #month{
    border:1px solid #ddd;
}

#calendar #month a.active{
    background:#fff;
    color:#c00;
}

#calendar #month a:hover{
    background:#fff;
}

#calendar #month li a{
    border-right:1px solid #ddd;
    padding:11px 15px 0 15px;
    height:32px;
    }    

#calendar #month li:last-child a{
border:none;
}













/* GALLERY-SHOWITEM */
#gallery-showitem{
    overflow:hidden;

    margin-bottom:20px;
    }

#gallery-showitem h2{
    clear:both;
    }

#gallery-showitem .marker1{
    width:600px;
    padding:10px;
    border:1px solid #ddd;
    border-radius:3px;
    background:#fff;
    float:left
    }

#gallery-showitem .marker1 a{
    display:block;
    width:600px;
    }

#gallery-showitem .marker1 img{
    display:block;
    margin:auto;
    max-height:450px
    }





#gallery-showitem .marker2{
    width:350px;
    float:right;
    clear:right;
    }

#gallery-showitem .marker2 time{
    display:inline;
    color:#777;
    }

#gallery-showitem .marker2 h1{
    padding-left:10px;
    margin-bottom:10px;
    }

#gallery-showitem .marker2 p{
    margin-bottom:20px;
    padding-left:10px;
    }



#gallery-showitem .marker2 h2{
    margin-bottom:10px;
    font-size:14px;
    }
    
#gallery-showitem .marker2 h2:first-letter{
    text-transform:uppercase;
    }
    
#gallery-showitem .marker2 ul{
    margin:0 0 20px 10px;
    padding:13px 15px;
    background:#f8f8f8;
    border: 1px solid #ccc;
    border-radius: 3px;
    position:relative;
    }
    
#gallery-showitem .marker2 ul:before {
    content:'';
    display: block;
	width: 20px; 
	height: 41px; 
    background: url('../../gfx/arrow-box.png') no-repeat left top;
    left:-20px;
    top:50%;
    margin-top:-20px;
    position: absolute;
    }


#gallery-showitem .marker2 li {
    list-style:none;
    margin-bottom:6px;
    font-size:12px;
    }

#gallery-showitem .marker2 li strong {
    color:#777;
    font-size:14px;
    }


#gallery-showitem .marker2 footer{
    font-size:12px;
    padding-top:10px;    
    }

#gallery-showitem .marker2 li a{
    color:#0E5DCA;
    word-break:break-all;
    }

#gallery-showitem .marker2 li a:hover{
text-decoration:underline;
}

#gallery-showitem .marker2 footer a{
    padding:3px;
    background:#eee;
    color:#333
    }

#gallery-showitem .marker3{
    clear:both;
    overflow:hidden;
    margin-bottom:20px;
    padding-lefT:10px;
    }

#gallery-showitem .marker3 a{
    width:60px;
    height:60px;
    display:block;
    border:1px solid #ccc;
    background:#eefffa;
    text-align:center;
    text-decoration:none;
    line-height:60px;
    color:#555;
    float:left;
    margin-right:10px;
    }


#gallery-showitem .marker3 textarea{
    margin:0 10px 0 0;
    width:56px;
    height:56px;
    display:block;
    padding:2px;
    border:1px solid #ccc;
    background:#ffe;
    text-decoration:none;
    line-height:1;
    font-size:4px;
    color:#555;
    overflow:hidden;
    float:left;
    }





#gallery-thumbs{
    clear:both;
    margin-bottom:40px;
    }

#gallery-thumbs h2{
    margin-bottom:10px;
    }

#gallery-thumbs ul{
    margin:0 0 0 2px;
    padding:5px 5px 0 0;
    overflow:hidden;
    }

#gallery-thumbs li{
    list-style:none;
    float:left;
    margin-left:7px;
    margin-bottom:7px;

    width:102px;
    height:72px;


    }

#gallery-thumbs li a{
    width:102px;
    height:72px;
    display:block;
    display:table-cell;
    text-align:center;

    vertical-align:middle;
    }

#gallery-thumbs img{
    margin:auto;
    display:inline-block;
    max-height:70px;
    max-width:100px;
    border:1px solid #fff;
    }

#gallery-thumbs a:hover img{
    border-radius:2px;
    box-shadow:rgba(0,0,0,.5) 0 0 3px;
    opacity:.9
    }



.comments{
   display:block;
   clear:both;
   width:100%;
   float:none;
   padding-top:20px;
   }


.comments legend{
    font-size:21px;
    margin:0;
    padding-bottom:5px;
    width:100%;
    }

.comments .marker4{
    float:left;
    width:242px;
    text-align:right;
    }

.comments .comment-off{
    padding-left:98px;
    }

.comments .comment-off p{
    color:#777;
    font-size:13px;
    }

.comments .button-submit{
    padding-top:15px;
    margin-bottom:20px;
    }

.comments .button-submit input{
    left:263px;
    }

.comment-list{
    clear:both;
    }

.comment-list .marker5{
    margin-top:10px;
    margin-bottom:40px;
    }

.comment-list h2{
    margin-bottom:20px;
    text-align:right;
    clear:both;
    font-size:21px;
    padding-right:750px; 
    }          

.comment-list h2 span{
    color:transparent;
    visibility:hidden;
    }


.comment-list .comment-off p{
    color: #777;
    font-size: 13px;
    margin-top:-15px;
    padding-left:97px;     
    }    


.comment-list article{
    padding:15px 0;
    clear:both;
    overflow:hidden;
    border-bottom: 1px dotted #CCC;
    }

.comment-list article:last-child{
    border-bottom:none;
    }

.comment-list article ul{
    float:left;
    padding:0;
    text-align: right;
    width:242px;
    margin:0;
    }

.comment-list article li{
    list-style:none;
    font-size:11px;
    color:#777;
    }
    
.comment-list article li a.sty6{
    display:inline-block;
    margin-top:8px;
    font-size:11px;
    padding-top:0;
    padding-bottom:0;
    }

.comment-list article > div{
    width:600px;
    float:left;
    margin-left:20px;
    line-height:1.5;
    }


.comment-list h3 {
    color:#40800A;
    font-size:14px;
    margin-bottom:4px;
    }

.comment-list h3 a{
    color:#0E5DCA
    }



#main2 #comments{
    padding-top:20px;
    }


.search-toolbar{
    height:37px;
    padding-left:20px;
    padding-top:10px;
    }


.search-toolbar label{
    font-family: verdana,arial,helvetica,sans-serif;
    font-size:12px;
    padding:5px 10px 0 0;
    float:left;

    text-transform:uppercase;
    text-align:right;
      
    }

.search-toolbar select{

    float:left;
    margin:0 16px 0 0;

    outline:none;
    line-height:normal;
    text-decoration:none;
    text-align:left;
    white-space:nowrap;
    vertical-align:top; 

    padding:2px 2px 2px 3px;
    border:1px solid #999;
    font-size:14px;
    font-family:verdana,arial,helvetica,sans-serif;
    color:#000;
    background-color:#fff;
    box-shadow:inset #ddd 0 2px 5px;
    border-radius:2px;
    }

.search-toolbar .button-submit input {
    padding-top:6px;
    padding-bottom:5px;
    }




.list-category2{
    padding:0 0 0 20px;
    margin:0;    
    height:120px;
    }

.list-category2 a{
    display:block;
    width:108px;
    }

.list-category2 li{
    list-style:none;
    float:left;
    margin-right:20px;
    width:100px;
    font-weight:bold;
    font-size:12px;
    }

.list-category2 li h2{
    display:inline-block;
    border:1px solid #ddd;
    border-bottom-color:#fff;
    border-bottom-color:transparent;
    border-radius:3px 3px 0 0;
    margin-bottom:-1px;
    position:relative;
    padding:2px 4px 0 4px;
    font-weight:bold;
    font-size:12px;
    background:#fff;
    transition: .2s; 
    }

.list-category2 li img{
    display:block;
    padding:3px;
    border:1px solid #ddd;
    background:#fff;
    border-radius:0 3px 3px 3px;
    transition: .2s; 
    }

.list-category2 li a:hover h2{
    border-top-color:#5DB5FF;
    border-right-color:#5DB5FF;
    border-left-color:#5DB5FF;
    color:#0E5DCA;
    text-decoration:none;
    }

.list-category2 li a:hover img{
    border-color:#5DB5FF;
    }






















/* ARTICLE */
#main-article{
    width:680px;
    padding-right:20px;
    float:left;
    margin-bottom:30px;
    }

#main-article h1{
    font-family:roboto,arial,helvetica,sans-serif;
    font-size:33px;
    line-height:1.2;
    padding-top:10px;
    margin-bottom:10px;
    }


#main-article .admin-toolbar{
    position:relative;
    z-index:1;
    clear:both;
    width:100%;
    overflow:hidden;
    margin-left:20px;
    margin-top:-20px;
    margin-bottom:10px;
    }

#main-article .admin-toolbar textarea{
    background:#ffe;
    border:1px solid #ccc;
    color:#555;
    display:block;
    font-size:4px;
    height:24px;
    line-height:1;
    margin:0 10px 0 0;
    overflow:hidden;
    padding:2px;
    text-decoration:none;
    width:86px;
    float:left;
    }

#main-article .admin-toolbar a{
    background:#eefffa;
    border:1px solid #ccc;
    color:#555;
    display:block;
    height:24px;
    line-height:24px;
    text-align: center;
    margin:0 10px 0 0;
    overflow:hidden;
    padding:2px;
    text-decoration:none;
    width:86px;
    float:left;
    }


#main-article .article-toolbar{
    margin:0 0 12px 0;
    padding:0;
    overflow:hidden;
    margin-left:20px;
    font-size:12px;
    line-height:1;
    }

#main-article .article-toolbar a{
    color:#0E5DCA;
    }

#main-article .article-toolbar a:hover{
    text-decoration:underline;
    }

#main-article .article-toolbar li{
    margin:0 6px 8px 0;
    padding:0 6px 0 0;
    list-style:none;
    float:left;
    border-right:1px solid #ccc;
    }


#main-article .article-toolbar li:last-child{
    border-right:none;
    }
#main-article .article-toolbar li:last-child span{
    color:#555;
    padding:0 1px;
    }

#main-article .article-toolbar li:last-child span:last-child{
    display:none;
    }

#main-article .article-illustration{
    position:relative;
    background:#fff;
    border-radius:3px;
    margin-bottom:20px;
    overflow:hidden;
    width:600px;
    margin-left:60px;
    }

#main-article .article-illustration img{
    display:block;
    }

#main-article .article-illustration .marker1{
    position:absolute;
    display:inline-block;
    padding:5px 10px 0 10px;
    height:22px;
    bottom:0;
    right:0;
    font-size:12px;
    background:#000;
    background:rgba(0,0,0,.8);
    color:#fff;
    border-radius:3px 0 0 0;
    border-bottom:0;
    border-right:0;
    }

#main-article .article-illustration .marker1:hover{
    text-decoration:underline;
    }

#main-article .content{
    margin-left:20px;
    line-height:1.5
    }

#main-article .content a{
    color:#0E5DCA;
    }

#main-article .content a img{
    border: 1px solid #f5f5f5;
    display:block;
    margin-bottom:3px;
    transition: .2s;
    }

#main-article .content a:hover img{
    border-radius:2px;
    box-shadow:rgba(0,0,0,.5) 0 0 3px;
    border-color:#fff;
    }

#main-article .content a:hover,
#main-article .content a:focus{
    text-decoration:underline;
    }

#main-article .content p,
#main-article .content ul,
#main-article .content ol{
    margin:0 0 20px 0;
    padding-left:0;
    }

#main-article .content ol ol,
#main-article .content ul ul{
    margin-top:8px;
    padding-left:20px;
    }

#main-article .content h2{
    font-size:22px;
    padding-bottom:5px;
    padding-top:20px;
    clear:both;
    margin:0 0 15px 0;
    background: url('../../gfx/hx-separator.png') no-repeat left bottom;
    color:#a00000;
    text-shadow:0 1px 0 #fff;
    }

#main-article .content h2:first-child{
    padding-top:0px;
    }

#main-article .content h3{
    font-size:20px;
    font-weight:bold;
    margin:0 0 5px 0;
    clear:both;
    }

#main-article .content h4{
    font-weight:bold;
    margin:0 0 5px 0;
    font-size:16px;
    clear:both;
    }


#main-article .content p br{
    display:none;
    }

#main-article .content li{
    list-style-type:none;
    margin-bottom:5px;
    background: url('../../gfx/arrow-single-right-red.png') no-repeat 2px 6px;
    padding-left:18px;
    }


#main-article .content .image{
    font-size:12px;
    line-height:1.3;
    text-align:left;
    margin:9px;
    }

#main-article .content table{
    background: #fff;
    border-collapse: separate;
    border-spacing: 0;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
    cursor: default;
    margin:0 auto 30px auto;
    font-size:12px;
    font-family:verdana,arial,sans-serif;
    line-height:1.3;
    }

#main-article .content table caption{
    text-align:left;
    font-weight:bold;
    padding:10px 0;
    }

#main-article .content table a{
    font-weight:normal;
    }

#main-article .content table th{
    text-align: center;
    background:#333;
    color:#eee;
    font-weight:normal;
    border-right: 1px solid #666;
    border-bottom: 1px solid #666;
    padding: 4px 8px 5px;
    }


#main-article .content table td{
    text-align: left;
    border-bottom: 1px solid #E6E6E6;
    border-right: 1px solid #E6E6E6;
    border-bottom: 1px solid rgba(50, 50, 50, 0.15);
    border-right: 1px solid rgba(50, 50, 50, 0.15);
    height: 17px;
    padding: 5px 8px;
    vertical-align: middle;
    }

#main-article .content table tr:last-child td{
    border-bottom:none;
    }

#main-article .content table tr:last-child td:last-child,
#main-article .content table td:last-child,
#main-article .content table th:last-child{
    border-right:none;
    }

#main-article .content table tr.even td{
    background:#f9f9f9
    }

#main-article .content table td.desc{
    font-size:11px;
    padding:8px;
    }

#main-article .content table tr:hover td{background:#DCF58E;}
#main-article .content table tr:hover td a{color:#0A46A1}
#main-article .content table tr:last-child:hover td[colspan]{background:none;}

#main-article .commercial,
#main2 > .commercial{
    text-align:center;
    padding-top:30px;
    padding-bottom:30px;
    clear:both;
    }
    
#main-article time{
    display:inline;
    color:#777;
    }




/* SIDEBAR */
#article-sidebar{
    padding:0 10px 0 20px;
    float:right;
    width:262px;
    }

#article-sidebar p,
#article-sidebar ul,
#article-sidebar ol{
    margin:0 0 20px 0;
    padding:0;
    }

#article-sidebar > h1{
    margin:0;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAFUlEQVQImWP4//+/1P///30ZoMAXAFh5Bq+KbrG0AAAAAElFTkSuQmCC') repeat 0 0 transparent;
    background-color:#AC0609;
    border-radius:2px;
    box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
    font-size:13px;
    font-family:roboto,arial,helvetica,sans-serif;
    overflow:hidden;
    text-transform:uppercase;
    }

#article-sidebar > h1.marker2{
    background-color:#0661B7;
    }

#article-sidebar > h1 span {
    color:#eee;
    display:block;
    height:26px;
    padding:7px 0 0 16px;
    }


#article-sidebar .commercial{
    margin-bottom:24px;
    padding-left:6px;
    }

#top10,
#random-gallery  {
    background:  #e9e9e9;
    padding:19px 29px 29px;
    margin-bottom:20px;
    }

#top10 article,
#random-gallery article{
    margin-bottom: 25px;
    width:200px;
    }

#top10 a,
#random-gallery a{
    display:block;
    }

#top10 h2,
#random-gallery h2{
    font-size:14px;
    font-weight:bold;
    line-height:1.3;
    padding-bottom:5px;
    }

#top10 img,
#random-gallery img{
    border-radius: 2px 2px 2px 2px;
    display: block;
    }







/* SOURCES */
#sources{
    margin-left:20px;
    line-height:1.5;
    }

#sources time{
    display:inline;
    color:#777
    }

#sources ol,
#sources ul{
    padding-left:0;
    }

#sources li{
    font-size:12px;
    list-style:none;
    margin-bottom:2px;
    }

#sources a{
    color:#0E5DCA;
    }

#sources a:hover,
#sources a:focus{
    text-decoration:underline;
    }

#sources p,
#sources ul,
#sources ol{
    margin:0 0 20px 0;
    }

#sources h2,
#sources h3{
    font-size:22px;
    margin:0 0 5px 0;
    }









/* MAIN CALCULATORS */
#main-calculators {
    padding-left:20px;
    }

#main-calculators a{
color:#0E5DCA;
}

#main-calculators a:hover{
text-decoration:underline
}



#main-calculators label{
    padding:8px 10px 0 0;
    float:left;
    min-height:26px;
    text-align:right;
    width:450px;    
    }

#main-calculators .unit{
    padding:8px 10px 0 0;
    display:inline-block;
    min-height:26px;
    }

#main-calculators .sty3{
    width:100px;
    border-width:1px;
    }

#main-calculators fieldset{
    clear:both;
    overflow:hidden;
    display:block;
    margin-bottom:20px;
    border:1px solid #ccc;
    padding:10px;
    background:#F8F8F8;
    border-radius:3px;
    box-shadow:0 2px 2px #eee;
    }

#main-calculators p{
    margin-bottom:10px;
    }

#main-calculators legend{
    padding:0;
    color:#333;
    font-size:12px;
    }

#main-calculators h2{
    font-size:22px;
    padding-bottom:5px;
    padding-top:20px;
    clear:both;
    margin:0 0 15px 0;
    background: url('../../gfx/hx-separator.png') repeat-x left bottom;
    color:#333;
    text-shadow:0 1px 0 #fff;
    }
#main-calculators fieldset h2{
background:none;
}

#main-calculators h3{
    margin-bottom:20px;
    }

#main-calculators  .button-submit{
    padding-left:400px;
    margin-bottom:40px;
    }

#main-calculators  .button-submit span{
    padding-top:7px;
    display:inline-block;
    margin-right:20px;
    }

#main-calculators .commercial{
    clear: both;
    padding-bottom: 30px;
    padding-top: 30px;
    text-align: center;
    }

#main-calculators #wyniki{
    border-color:#777;
    background:#F6F3EB;
    padding:20px;
    }

#main-calculators #wyniki legend{
    font-size:22px;
    }
    

#main-calculators .calculator-wykres img{
    margin:auto;
    display:block;
    }






#main-calculators .marker-red h2{
    color:#a00000
    }

#main-calculators .marker-red fieldset{

    border-color:#C49E9E
    }
#main-calculators .marker-red input.sty3{
    border-color:#b88888;
    }


#main-calculators .marker-blue h2{
    color:#0E5DCA
    }

#main-calculators .marker-blue fieldset{
    border-color:#5DB5FF
    }













#main-calculators table{
    background: #fff;
    border-collapse: separate;
    border-spacing: 0;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
    cursor: default;
    margin:0 auto 30px auto;
    font-size:12px;
    font-family:verdana,arial,sans-serif;
    line-height:1.3;
    }
#main-calculators table caption{
    text-align:left;
    font-weight:bold;
    padding:10px 0;
    }


#main-calculators table a{
    font-weight:normal;
    }



#main-calculators table th{
    text-align: center;
    background:#333;
    color:#eee;
    font-weight:normal;
    border-right: 1px solid #666;
    border-bottom: 1px solid #666;
    padding: 4px 8px 5px;
    }


#main-calculators table td{
    text-align: left;
    border-bottom: 1px solid #E6E6E6;
    border-right: 1px solid #E6E6E6;
    border-bottom: 1px solid rgba(50, 50, 50, 0.15);
    border-right: 1px solid rgba(50, 50, 50, 0.15);
    height: 17px;
    padding: 5px 8px;
    vertical-align: middle;
    }

#main-calculators table tr:last-child td{
    border-bottom:none;
    }

#main-calculators table tr:last-child td:last-child,
#main-calculators table td:last-child,
#main-calculators table th:last-child{
    border-right:none;
    }

#main-calculators table tr.even td{
    background:#f9f9f9
    }

#main-calculators table td.desc{
    font-size:11px;
    padding:8px;
    }

#main-calculators table tr:hover td{background:#DCF58E;}
#main-calculators table tr:hover td a{color:#0A46A1}
#main-calculators table tr:last-child:hover td[colspan]{background:none;}



#wykres-legenda{
    clear:both;
    padding-left:215px;
    margin-bottom:30px;
    padding-top:15px;
    }

#wykres-legenda h4{
    margin-bottom:10px;
    font-weight:bold;
    } 

#wykres-legenda .marker-red,
#wykres-legenda .marker-blue,
#wykres-legenda .marker-green{
    display:inline-block;
    width:14px;
    height:14px;
    border-radius:50%;
    margin-bottom:-2px;
    }

#wykres-legenda .marker-red{
    background:#f00;
    }

#wykres-legenda .marker-blue{
    background:#00f;
    }


#wykres-legenda .marker-green{
    background:#40800A;
    }






#main-article .content table td {  
border-left:1px solid rgba(50, 50, 50, 0.15);
}

#main-article .content table td:first-child {
border-left:none;
}

#main-article .content table{
border-collapse: collapse;
}





#main-article .content blockquote.quote-se {
	font-size: 1.2em;
	width: 75%;
	margin: auto auto 1.5em 2.2em;
	font-family: Georgia, serif;
	font-style: italic;
	color: #555;
	padding: 1em 1em 1em 3.5em;
	border-left: 8px solid #c5070a;
	line-height: 1.6;
	position: relative;
	background: white;
}
#main-article .content blockquote.quote-se::before {
	font-family: Arial;
	content: "\201C";
	color: #c5070a;
	font-size: 4em;
	position: absolute;
	left: 10px;
	top: -10px;
}

#main-article .content blockquote.quote-se cite {
	display: block;
	font-style: normal;
	margin-top: 1em;
    color: #111;
}
#main-article .content blockquote.quote-se cite::before {
	content: '\2014 \00a0';
}
#main-article .content blockquote.quote-se p {
	margin: 0;
}