/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Nov 9, 2016, 8:07:20 PM
    Author     : pmsilva
*/

body { margin:0; padding:0; width:100%; background:#FFF; font-family: sans-serif; font-size: 12px; color: #444}
html { padding:0; margin:0;}

/* main structure */
div.main {width:960px; padding:0; margin:0 auto; background-color: white }
div.header {width:960px; height: 100px; padding:0; margin:0;}
div.center {width:880px; min-height: 415px; padding:20px; margin:0 20px; background: #f1f1f1; border-radius: 10px}
div.bottom {width:880px; min-height: 20px; padding:20px; margin:20px; background: #f1f1f1; border-radius: 10px}
div.footer {width:920px; padding:0; margin:0 20px; font-size: 10px}
div.clear {width: 100%; height:0; padding:0; margin:0; clear: both}

/* header */
#logo {margin:0; float: left; }
#logo img {margin: 10px}

#menu {float: right; margin: 70px 40px 0}
#menu ul {margin:0; padding:0;  list-style-type:none; text-align: center; display: inline;}
#menu ul li {margin:0; padding: 0; list-style-type:none; line-height: 30px; float: left; }
#menu ul li a {margin: 0 2px; padding: 0 15px; text-decoration: none; display: block; color: #0198ff}
#menu ul li a.active,
#menu ul li a:visited, 
#menu ul li a:hover {background-color: #f1f1f1}


/* center */
div.center div.content {float:left; width: 570px}
div.center div.content p {margin: 0; padding: 0 0 10px}
div.center div.sidebar {float:right; width: 290px; min-height: 350px; background-image: url(../images/symbol.png); background-repeat: no-repeat; background-position-y: 80px}
div.center div.equipment {width: 100% }
div.center div.equipment img {width: 180px; height: 135px; float: left; margin: 5px; border-radius: 5px}
div.center a {text-decoration: none; color: #0198ff}
div.center a:hover,
div.center a:active{color: orange}

/* bottom */
div.bottom div.block {width: 270px; padding: 0 10px; display: inline-table;}
div.bottom div.block h2 {margin: 0; padding: 10px 0; font-size: 14px} 
div.bottom div.block p {margin: 0; padding: 10px 0}
div.bottom a {text-decoration: none; color: #0198ff}
div.bottom a:hover,
div.bottom a:active{color: orange}

/* footer */
div.footer div.left {float:left; padding: 0 0 10px}
div.footer div.right {float:right; padding: 0 0 10px}