@import url(http://medidacor.pt//myriadpro.otf);

@font-face {
    font-family: "Myriad Pro";
    src: url(http://medidacor.pt//myriadpro.otf);
}

@media screen  {

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td  {
    background: transparent;
    border: 0;
    margin: 0;
    padding: 0;
    vertical-align: baseline;}

h1, h2, h3, h4, h5, h6 {clear: both; font-weight: normal;}

ol, ul {list-style: none;}
  
blockquote {quotes: none;}
  

blockquote:before,
blockquote:after {
    content: '';
    content: none;}
  
del {text-decoration: line-through;}

table {border-collapse: collapse; border-spacing: 0;}

a img {border: none;}

body {width:100%; background-color: #F7F7F7;}

header {
    width:100%;
    height:150px;
    border: 0px solid red;
    background: #0A3C71 url(/images/header.jpg) no-repeat;}

div#inside {
    width:950px;
    height:150px;
    margin: 0 auto;
    border: 0px solid red;}

	
div#logo {
    background: url(/images/logo.png) no-repeat;
	width:350px;
	height:150px;
	border:0px solid red;
	margin-left: -10px;
	float:left;}

	
 header nav {
    display: inline-block;
    float: left; 
	margin-left: 15px;
	margin-top:65px;
	border:0px solid #000;}


 header nav ul {list-style:none;}
 

 header nav ul li {display:inline; margin-right:20px; font-weight: bold;}


 header nav ul li:hover {
     display:inline;
     margin-right:20px;
     font-weight: bold;
     border:3px #FFFF00;
     border-bottom:3px solid #FFFF00;
     padding-bottom:5px;}

header nav a {
    font:23px "Myriad Pro";
    color:#FFFF00;
    display:inline;
    text-decoration:none; }

header nav a:hover {}

#container {
    width:960px;
    margin: 20px auto 20px;
    border: 0px solid green;}

.main {height: 645px;}

.aempresa {height: 530px;}

.servicoseprojetos {height: 1050px;}

.contatos {height: 1100px;}

.telegestao {height: 1040px;}

.energiasrenovaveis {height: 530px;}

.hidraulica {height: 500px;}

#slide {
    width:960px;
    margin: 30px auto 10px;
    height:430px;}

img.bg {position:absolute; top:0px; left:0px;}

.rotator {
    background-color:0A3C71;
    width:100%;
    max-width:950px;
    height:400px;
    margin-top:0px;
    position:relative;
    font-family:'Myriad Pro',Arial,Helvetica,sans-serif;
    color:#fff;
    text-transform:uppercase;
    letter-spacing:-1px;
    border:0px solid #f0f0f0;
    overflow:hidden;
    margin-left:auto;
    margin-right:auto;}

.rotator ul {
    list-style:none;
    position:absolute;
    right:0px;
    top:0px;
    margin-top:6px;}

.rotator ul li {
    display:block;
    float:left;
    clear:both;
    width:260px;}

.rotator ul li a{
    width:270px;
    height:52px;
    float:right;
    clear:both;
    padding-left:10px;
    text-decoration:none;
    display:block;
    line-height:52px;
    background-color:#0A3C71;
    margin:1px -20px 1px 0px;
    opacity:0.7;
    color:#f0f0f0;
    font-size:20px;
    border:0px solid #000;
    border-right:none;
    outline:none;
    text-shadow:-1px 1px 1px #000;
    -moz-border-radius:10px 0px 0px 20px;
    -webkit-border-top-left-radius:10px;
    -webkit-border-bottom-left-radius:20px;
    border-top-left-radius:10px;
    border-bottom-left-radius:20px;
}

.rotator ul li a:hover {text-shadow:0px 0px 2px #fff;}

.rotator .heading {
    position:absolute;
    top:0px;
    left:0px;
    width:500px;}

.rotator .heading h1 {
    text-shadow:-1px 1px 1px #555;
    font-weight:normal;
    font-size:46px;
    padding:20px;}

.rotator .description {
    width:950px;
    height:70px;
    position:absolute;
    bottom:0px;
    left:0px;
    padding:20px;
    background-color:#0A3C71;
    -moz-border-radius:0px 10px 0px 0px;
    -webkit-border-top-right-radius:10px;
    border-top-right-radius:10px;
    opacity:0.7;
    border-top:0px solid #000;
    border-right:2px solid #000;}

.rotator .description p {
    text-shadow:-1px 1px 1px #000;
    text-transform:none;
    letter-spacing:normal;
    line-height:26px;
	padding-right:15px;
	margin-top:-10px;
    padding-top:10px;}

a.more {
    color:#FFFF00;
    text-decoration:none;
    text-transform:uppercase;
    font-size:18px;}

a.more:hover {color:#FFFF00;}


section.bar h1 {
    border-radius:7px;
	background-color:#0A3C71;
	padding:13px 13px 13px 17px;
	font:19px 'Myriad Pro';
	letter-spacing:3px;
	color:#FFF;
	font-weight:bold;}

section.bar p {
	font:16px Arial, Helvetica, sans-serif;
    text-align:justify;
	margin-top:10px;
	padding:5px;
	letter-spacing:0.9px;
	line-height:31px;
}

section.bar article ul {
    font:16px Arial, Helvetica, sans-serif ;
    margin-top: 10px; margin-left: 10px;
    padding-left:55px;
    line-height:25px;}

section.bar article  ul li {
    list-style: url(/images/bullet.png);
    margin-top: 10px; margin-left: 10px;
    padding-left:5px;
    font:16px Arial, Helvetica, sans-serif;}

section#introduction {
    width: 620px;
    height: 190px;
    border: 0px solid red;
    float: left;
    margin-right:10px;
    margin-left:6px;}

article#info {
    height:610px;
    width:950px;
    border:#000 1px dashed;
    float:left;
    margin-top:20px;}

article#info h2 {
    font:18px Arial, Helvetica, sans-serif;
    letter-spacing:1px;
    line-height:25px;
    padding-left:10px;
    padding-top:10px;
    text-align: center;
    z-index: 999;}

article#info p {
    font:15px Arial, Helvetica, sans-serif;
    letter-spacing:1px;
    line-height:30px;
    padding-left:10px;
    text-align: center;}

section#introduction h1 {
    border-radius:7px;
	background-color:#0A3C71;
	padding-top:10px; padding-bottom:10px; padding-left:17px;
	font:19px 'Myriad Pro';
	letter-spacing:3px;
	color:#FFF;
	font-weight:bold;}

section#introduction p {
    text-align:justify;
	font:16px Arial, Helvetica, sans-serif;
    margin-top:5px;
	padding:5px;
	letter-spacing:1px;
	line-height:30px;}

aside {
    width: 315px;
    height: 50px;
    border: 0px solid red;
    float: left;}

aside h1#wwa {
	border-radius:7px;
	background-color:#0A3C71;
	padding-top:10px; padding-bottom:10px; padding-left:17px;
	font:19px 'Myriad Pro';
	letter-spacing:3px;
	color:#FFF;
	font-weight:bold;}

#googlemaps {
    background: url(/images/map.png) no-repeat;
    height:124px;
    max-width:318px;
    width:100%;
    border-radius:7px;
    margin-top:20px;}

#circle {
    width: 530px;
    height: 531px;
    background: url(/images/circle.png) no-repeat;
    margin: 0 auto;}

section#pictures {
    width: 950px;
    margin-top: 30px;}

section#pictures figure {
    width: 950px;
    margin: 0 auto;}

section#pictures figure img {
    margin: 0 auto;
    text-align: center;
    padding-right: 10px;}

p#softarraial {
    margin-top: -2px;
    font: 12px Arial;
    text-align: center;}

footer {
    width: 100%;
    height:200px;
    background: #0a3c71;
    border:0px solid red;
    clear: both;}

#partners {
    background: url(/images/footer.jpg) no-repeat;
    height: 200px;
    width: 990px;
    margin: 0 auto;}

#partners p#copyright {
    margin: 0 auto;
	font:19px 'Myriad Pro';
	color:#FFF;
	letter-spacing:1px;
	padding-top:20px;
    text-align: center;}

#partners p#development {
    margin: 0 auto;
	font:15px 'Myriad Pro';
	color:#FFF;
	letter-spacing:1px;
	padding-top:5px;
    text-align: center;}

}

@media screen and (max-width: 1012px) { body {zoom: 90%; -webkit-transformation: scale (0.9); -moz-transformation: scale (0.9);} }