/*HTML5 Doctor Custom Reset */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,btn,button,input,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:middle;background:transparent;border: 0 none;font-weight:normal;box-shadow:none;}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:middle;background:transparent}
ins{background-color:#808080;color:#808080;text-decoration:none}
mark{background-color:#808080;color:#808080;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border:0 none;}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:0;border:0;border:0 none #ccc;margin:0;padding:0}
input,select{vertical-align:middle}

/*Typography*/
@font-face
{
font-family:'Wire One';
src:url('http://themes.googleusercontent.com/static/fonts/wireone/v3/fas9dl2wmMkt5rCu-aBez_esZW2xOQ-xsNqO47m55DA.woff');
}

html,body{
color: #110f1f;
font-size:14px;
vertical-align:middle;
margin:0;
padding:0;
width:100%;
height:100%;
overflow:auto;
font-family:'Trebuchet MS',Arial,serif;
box-sizing:border-box;-moz-box-sizing:border-box;

background-color:#fff;
background-image:url(../images/bgPattern.png),url(../images/bgGradient.png),url(../images/bgRSBS.jpg);
background-position:left top,left top,left bottom;
background-repeat:repeat,no-repeat,no-repeat;
background-size:auto,cover,cover;
}

br{
margin:0;
}

p{
margin:0 0 1em 0;
}

img{
display:block;
float:left;
box-sizing:border-box;-moz-box-sizing:border-box;
padding:0.2em;
}

h1,h2,h3,h4,h5{
display:block;
font-weight:bold;
margin:0;
}
h1{
font-size:4em;
font-family:'Wire One','Trebuchet MS',serif;
text-shadow:0 0 3px #eef0e0;
}
h2{
font-size:2.5em;
font-family:'Wire One','Trebuchet MS',serif;
}
h3{
font-size:1.1em;
}
h4{
font-size:1em;
text-shadow:0 0 3px #eef0e0;
}
h5{
font-size:0.8em;
text-shadow:0 0 3px #000;

}

a{
color:#fff;
text-decoration: underline;
}
a:active{
color:#fff;
text-decoration: none;
}
a:visited{
color:#fff;
text-decoration: underline;
}
a:hover{
color:#fff;
text-decoration: none;
}

#email:after{
content:"\40 kanela.pt";
}

ul li{
margin:0 0 0 1em;
}

/*Layout % Style*/
#container{
display:block;
overflow:visible;
clear:float;
height:100%;
width:100%;
padding:0.5em;
margin:0;
box-sizing:border-box;-moz-box-sizing:border-box;
}
#header,#footer{
display:block;
float:right;
width:20%;
padding:0.2em 1em;
box-sizing:border-box;-moz-box-sizing:border-box;
}
#main{
display:block;
overflow:hidden;
float:left;
height:100%;
width:80%;
padding:0;
margin:0;
box-sizing:border-box;-moz-box-sizing:border-box;
}

#rsbs,#rbs,#pbs,#pt,#historia,#morada{
display:block;
overflow:hidden;
color:#fff;
float:left;
width:100%;
max-width:100%;
height:7%;
margin:0;
padding:0.2em 1em;
box-sizing:border-box;-moz-box-sizing:border-box;

transition-property:all;
transition-duration:1s;
transition-timing-function:ease-in-out;
}
#rsbs:hover,#rbs:hover,#pbs:hover,#pt:hover,#historia:hover,#morada:hover,#rsbs:active,#rbs:active,#pbs:active,#pt:active,#historia:active,#morada:active{
height:70%;
overflow:hidden;
}
#rsbs{
background-color:rgba(0,128,216,0.8);
}
#rbs{
background-color:rgba(0,102,176,0.8);
}
#pbs{
background-color:rgba(0,89,153,0.8);
}
#pt{
background-color:rgba(228,57,91,0.8);
}
#historia{
padding:0.2em 30% 0.2em 1em;
background-color:rgba(225,107,129,0.8);
}
#morada{
background-color:rgba(88,167,137,0.8);
}

.textBlock,.imageBlock{
display:block;
float:left;
box-sizing:border-box;-moz-box-sizing:border-box;
width:20%;
padding:0.5em;
}
.imageBlock{
width:80%;
}
.imageShowcase{
height:100%;
width:5%;
float:right;
overflow-x:hidden;
overflow-y:visible;
transition:all 1s ease;
}
.imageShowcase img{
height:75%;
}
.imageShowcase:hover,.imageShowcase:active{
width:45%;
}
.icon{
height:auto;
width:auto;
}
#morada .blockLocation{
width:33%;
height:100%;
float:left;
padding:0.5em;
box-sizing:border-box;-moz-box-sizing:border-box;
}
#morada .blockLocation img{
width:100%;
}

/*Mobile*/
@media only screen and (min-width:1600px){
html,body{
font-size:18px;
}
}
@media only screen and (max-width:800px){
html,body{
overflow:auto;
padding:0;
margin:0;
}
#header,#main,#footer{
display:block;
float:left;
width:100%;
height:auto;
max-width:auto;
max-height:auto;
overflow:auto;
clear:float;
}
#rsbs,#rbs,#pbs,#pt,#historia,#morada .blockLocation iframe{
display:none;
}
#morada{
height:100%;
}
#morada .blockLocation{
width:100%;
}
}