@import url("reset.css");

body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #0a3892;
    background-color: #EEEEEE;
    /*    height:100%;*/
    /* IE10+ */
    /*background-image: -ms-linear-gradient(top, #f6f8f9 0%, #C4C9CC 50%, #f5f7f9 100%);*/
    /* Mozilla Firefox */
    /*background-image: -moz-linear-gradient(top, #f6f8f9 0%, #C4C9CC 50%, #f5f7f9 100%);*/
    /* Opera */
    /*background-image: -o-linear-gradient(top, #f6f8f9 0%, #C4C9CC 50%, #f5f7f9 100%);*/
    /* Webkit (Safari/Chrome 10) */
    /*background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f6f8f9), color-stop(50, #C4C9CC), color-stop(100, #f5f7f9));*/
    /* Webkit (Chrome 11+) */
    /*background-image: -webkit-linear-gradient(top, #f6f8f9 0%, #C4C9CC 50%, #f5f7f9 100%);*/
    /* W3C Markup */
    /*background-image: linear-gradient(to bottom, #f6f8f9 0%, #C4C9CC 50%, #f5f7f9 100%);*/
    background: url('http://metalelektrik.co.rs/images/Header/metal-texture.jpg');
}

p {
    padding: 10px;
    font-size: 13px;
    line-height: 130%;
}

.h2 {
    padding: 10px;
    font-size: 15px;
    line-height: 150%;
}

.h3 {
    font-size: 15px;
    font-weight: bold;
    text-align: center;
}

.h4 {
    font-size: 13px;
    font-weight: bold;
}

a:link {
    color: #0a3892;
    text-decoration: none;
}

a:visited {
    color: #0a3892;
    text-decoration: none;
}

a:active {
    color: #0a3892;
    text-decoration: none;
}

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


a.light:link {
    color: #555;
    text-decoration: none;
}

a.light:visited {
    color: #555;
    text-decoration: none;
}

a.light:active {
    color: #555;
    text-decoration: none;
}

a.light:hover {
    color: #222;
    text-decoration: underline;
}

.space {
    font-size: 14px;
    line-height: 180%;
}

#wrapper {
    margin: 0 auto;
    width: 1000px;
}

#headerwrap {
    width: 100%;
    float: left;
    margin: 0 auto;
    text-align:center;
    background: url('http://metalelektrik.co.rs/images/Header/metal-texture.jpg');
}

#header {
    height: 130px;
    /*background: #FFF;*/
    /*border-radius: 10px;*/
    /*border: 1px solid #eb521f;*/
    margin: 5px;
    padding: 5px;
}

#navigationwrap {
    width: 100%;
    float: left;
    margin: 0 auto;
    text-align:center;
   
}

#navigation {
    margin: 0px 0px 5px 0px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    box-shadow: 2px 2px 3px #666666;
    -webkit-box-shadow: 2px 2px 3px #666666;
    -moz-box-shadow: 2px 2px 3px #666666;
    background: #8B8B8B;
    background: linear-gradient(top,  #CAE5FC,  #6DC2ED);
    background: -ms-linear-gradient(top,  #CAE5FC,  #6DC2ED);
    background: -webkit-gradient(linear, left top, left bottom, from(#CAE5FC), to(#6DC2ED));
    background: -moz-linear-gradient(top,  #CAE5FC,  #6DC2ED);
 }

#contentwrap {
    width: 800px;
    float: left;
    margin: 0 auto;
}

#content {
    /*background: #FFFFFF;*/
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 10px;
    border: 2px solid #bbb;
    margin: 5px;
}

#contentw {
    background: #FFFFFF;
    background-color: rgba(255, 255, 255, 1);
    border-radius: 10px;
    border: 2px solid #bbb;
    margin: 5px;
    padding: 5px;
}

#contentfullwrap {
    width: 1000px;
    float: left;
    margin: 0 auto;
}

#contentfull {
    /*background: #FFFFFF;*/
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 10px;
    /*border: 1px solid #ebebeb;*/
    border: 2px solid #bbb;
    margin: 5px;
}

#leftcolumnwrap {
    width: 200px;
    float: left;
    margin: 0 auto;
}

#leftcolumn {
    /*background: #33CCFF;*/
    /*border-radius: 10px;*/
    /*border: 1px solid #1fb8eb;*/
    margin: 5px;
}

#footerwrap {
    width: 100%;
    float: left;
    margin: 0 auto;
    clear: both;
}

#footer {
    background: #ccc;
    border-radius: 10px;
    /*border: 1px solid #aaa;*/
    margin: 5px;
    color: #555;
}

#map_canvas {
    width: 500px;
    height: 400px;
    float: right;
}

a.rollover {
    display: block;
    width: 112px;
    height: 39px;
    text-decoration: none;
    background: url("../images/Footer/CINTROPUR.png");
    float: right;
    margin-right: 5px;
    background-position: 0;
}

    a.rollover:hover {
        background-position: -112px 0;
    }

a.fb_rollover {
    display: block;
    width: 39px;
    height: 39px;
    text-decoration: none;
    background: url("../images/Footer/fb.png");
    float: left;
    margin-left: 5px;
    background-position: 0;
}

    a.fb_rollover:hover {
        background-position: -39px 0;
    }

a.imaco_rollover {
    display: block;
    width: 60px;
    height: 40px;
    text-decoration: none;
    background: url("../images/Footer/imaco.png");
    float: right;
    margin-right: 5px;
    background-position: -60px 0;
    
}

    a.imaco_rollover:hover {
        background-position: 0;
    }
a.das_rollover {
    display: block;
    width: 40px;
    height: 40px;
    text-decoration: none;
    background: url("../images/Footer/DASgrey.jpg");
    float: right;
    margin-right: 5px;
    background-size: 40px 40px;
    background-repeat: no-repeat;
    
    
    
}

    a.das_rollover:hover {
       
    background: url("../images/Footer/DAScolor.jpg");
    background-size: 40px 40px;
    background-repeat: no-repeat;
    
    }
a.youtube_rollover {
    display: block;
    width: 38px;
    height: 40px;
    text-decoration: none;
    background: url("../images/Footer/youtubeg.png");
    float: left;
    margin-left: 5px;
    background-size: 38px 40px;
    background-repeat: no-repeat;
    
}

    a.youtube_rollover:hover {
       background: url("../images/Footer/youtube.jpg");
       background-size: 38px 40px;
       background-repeat: no-repeat;
    }



.displace {
    position: absolute;
    left: -5000px;
}

.tableB {
    border-collapse: collapse;
    border: 2px solid #4e95f4;
    margin-left: 10px;
}

    .tableB td {
        padding: 7px;
        border: #4e95f4 1px solid;
    }
    /* provide some minimal visual accomodation for IE8 and below */
    .tableB tr {
        background: #b8d1f3;
    }
        /*  Define the background color for all the ODD background rows  */
        .tableB tr:nth-child(odd) {
            background: #b8d1f3;
        }
        /*  Define the background color for all the EVEN background rows  */
        .tableB tr:nth-child(even) {
            background: #dae5f4;
        }

    .tableB th {
        background: #4e95f4;
        border: #4e95f4 1px solid;
        color: White;
        padding: 7px;
    }

.ul {
    list-style-position: outside;
    list-style-type: disc;
    padding-left: 30px;
}

.refWrap {
    display: block;
}

.refItemWrap {
    margin: 5px;
    display: inline-block;
    background-color: white;
    vertical-align: middle;
}

.refItem {
    margin: 10px 0px;
    width: 180px;
}

.refItemSmall {
    margin: 10px 0px;
    width: 148px;
}

.center {
    text-align: center;
}