@charset "utf-8";
/* CSS Document */

* {
    margin:0px;
    padding:0px;
}


.wrapper {
    width:960px;
    margin-left:auto;
    margin-right:auto;
    border:1px black 2px;
}

body {
    background-color:#3e3e3e;

}
div.header {
    width:100%;
    height:257px;
    background-image:url(//www.plus.hr/parking/images/main_bg.jpg);
    background-repeat:repeat-x;
    background-position: center top;
}
div.content {
    margin-top:-257px;
    width:957px;
    height:250px;
    background-color:none;
    position:ABSOLUTE;
    background-image:url(//www.plus.hr/parking/images/under_bg.jpg);
}

div.content span a{
    width:230px;
    height:83px;
    background-image:url(//www.plus.hr/parking/images/plus_logo.jpg);
    display:block;
    position:absolute;
    text-indent:-9999px;
    margin-top:80px;
    margin-left:35px;
    outline:none;
    left: -7px;
    top: -17px;
}
div.content span a:hover {
    background-position:0 -83px;
}

div.content h1 {
    text-align:right;
    position:absolute;
    margin-top:90px;
    float:right;
    margin-left:524px;
    font-family: "Segoe UI", "Geneva";
    font-size: 34px;
    line-height: 40px;
    color: white;
    text-transform: none;
    border-bottom:solid 1px #FFCC00;
    font-weight: normal;
    left: -255px;
    top: -15px;
    width: 659px;
    height: 46px;
}
div.content p {
    text-align:right;
    float:right;
    margin-left:504px;
    font-family:Verdana, Geneva, sans-serif;
    font-size: 13px;
    color: white;
    text-transform: none;
    font-weight: normal;
    position:absolute;
    margin-right:60px;
    margin-top:140px;
    left: 65px;
    top: -9px;
    width: 357px;
    height: 53px;
}
div.content p a {
    color:#FFCC00;
    text-decoration:underline;
}
div.content p a:hover {
    color:#ccc;
}
div.footer {
    position:absolute;
    margin-top:-45px;
    width:800px;
    height:30px;
    text-align:center;
    margin-left:60px;
    margin-right:100px;
}

div.footer ul {
    list-style:none;
    margin-top:10px;
    margin-left:auto;
    margin-right:auto;
    width:960px;
    text-align:center;
    padding-left:80px;
    padding-right:80px;
}

div.footer ul li a {
    float:left;
    padding-right:7px;
    padding-left:5px;
    text-decoration:none;
    background-image: url(//www.plus.hr/parking/images/line.jpg);
    background-repeat: no-repeat;
    background-position: right 8px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-transform: none;
    color: white;
    padding-top:5px;
    text-align:center;

}
#last {
    background-image:none;
    float:left;
    padding-right:7px;
    padding-left:5px;
    text-decoration:none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-transform: none;
    color: white;
    padding-top:5px;

}

#last:hover {
    color:#FC0;
}
div.footer ul li a:hover {
    color:#FC0;
}


div.sub_footer {
    width:1000px;
    height:30px;
    text-align:center;

}
div.sub_footer ul {
    list-style:none;
    margin-top:3px;
    padding-top:4px;
    margin-right:350px;
}
div.sub_footer ul li{
    float:right;
    padding-right:7px;
    padding-left:5px;
    text-decoration:none;
    background-image: url(//www.plus.hr/parking/images/line.jpg);
    background-repeat: no-repeat;
    background-position: right 3px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-transform: none;
    color: gray;
    text-align:center;
    padding-top:1px;

}
#last_sub {
    float:right;
    padding-right:7px;
    padding-left:5px;
    text-decoration:none;
    background-image: none;
    background-repeat: no-repeat;
    background-position: right 3px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-transform: none;
    color: gray;
    text-align:center;
    padding-top:1px;
}
