/*color scheme:
red #7A0707
blue #63A0AD
light bllue #99D1DF
very light blue #DDF0F4
light red #FDDFDF
very light red/blue: #FFF4FA #DDF0F4;
*/

@charset "UTF-8";

body,
html {
	color: #7A0707;
	font-size: 15px;
    font-family: 'PT Serif', serif;
	background-color: #F6F6F6;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-webkit-text-rendering: optimizelegibility;
    text-align: center;
    margin:0;
}
::selection {background-color: #7A0707; color: #fff;}
::-moz-selection {background-color: #7A0707; color: #fff;}

/*VERIFICAR:*/
a {
	text-decoration: none;
	color: #7A0707;
	-webkit-transition: all 0.4s ease;
	   -moz-transition: all 0.4s ease;
		-ms-transition: all 0.4s ease;
		 -o-transition: all 0.4s ease;
		    transition: all 0.4s ease;
}
a:hover {
text-decoration:underline;}



.float-right { float: right; }
.float-left { float: left;}

#wrapper {
	margin: 0 auto;	
	max-width: 1290px;
}

#sobre,#servicos,#contacto {
	/*padding: 100px 0;*/
}

.button {
	padding: 6px 40px 5px 40px;
	background-color: #fff;
	-webkit-border-radius: 40px;
	border-radius: 40px;
	display: inline-block;
	text-transform: uppercase;
	color: #7A0707;
    font-family: 'Cabin', sans-serif;
	font-weight: 700;
	letter-spacing: 2px;
	
	-webkit-transition: all 0.3s ease;
	   -moz-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		 -o-transition: all 0.3s ease;
		    transition: all 0.3s ease;

	
}
.button:hover {	background:#63A0AD;}


/*--------- TYPE -----------------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
    font-family: 'Cabin', sans-serif;
	font-weight: 800;
	text-transform: uppercase;
}
h1 { font-size: 33px; letter-spacing: 2px;}
h2 { font-family: 'Cabin'; font-weight: 400; font-size: 22px; letter-spacing: 3px;}
h3 {  font-family: 'Cabin'; font-weight: 400; font-size: 15px; letter-spacing: 2px;}
p { font-size: 15px; line-height: 18px; }
ul {margin: 0; padding: 0;}
li {list-style: none;}
.typog{font-size: 53px; letter-spacing: -3px; }
.typog2{font-size: 28px; letter-spacing: 0px; }
/*--------- COR -----------------------------------------------------------------------------*/
.red{
background-color:#7A0707;
color:#DDF0F4;}

.blue{
background-color:#DDf0f4;
color:#fff;}

.white{
background-color:#fff;
color:#000;}

.black{
background-color:#000;
color:#fff;}

/*--------- MENU -----------------------------------------------------------------------------*/
.menu {

background-color: #fff;
}

.menu li {
-webkit-transition: all 0.4s ease;
   -moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	 -o-transition: all 0.4s ease;
	    transition: all 0.4s ease;
 
float:right;
padding:15px 15px;}

.menu li:hover {padding-bottom:20px;}

.fade {
    opacity:0;  
    -webkit-animation:fade ease-in 1;  
    -moz-animation:fade ease-in 1;
    animation:fade ease-in 1;
 
    -webkit-animation-fill-mode:forwards;  
    -moz-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
 
    -webkit-animation-duration:2s;
    -moz-animation-duration:2s;
    animation-duration:2s;
}

/*--------- INICIO -----------------------------------------------------------------------------*/
#inicio{
  position: relative;
  overflow: hidden;
  background-color: #DDF0F4; /* #99D1DF */
  height: auto;  
  width:100%;
  overflow:hidden;
}

.tit{min-height:150px; }
.logo{padding:100px; }

.iniciobloco{padding:50px 0;}


/*--------- SOBRE -----------------------------------------------------------------------------*/
#sobre{
  position: relative;
  overflow: hidden;
  height: auto;
  width:100%;
  overflow:hidden;
  margin-top:-2px;
  background:#DDF0F4;
}

.blocotxt{padding:55px 15%;}


/*--------- SERVICOS -----------------------------------------------------------------------------*/
#servicos{
  position: relative;
  overflow: hidden;
  height: auto;
  width:100%;
  overflow:hidden;
  background: #Fff4fa;
  padding-bottom:75px;  
/*  margin-top:-2px;*/
}

#servicos>.row>.blocotxt{margin:auto 15%;}

#servicos>.row>.col3{}
.icon{padding:40px 0 15px 0; margin: 5px 5px -15px 5px;}
.description{height:150px; padding:0 20px; margin:5px;}

/*--------- CONTACTOS -----------------------------------------------------------------------------*/
#contactos{
  position: relative;
  overflow: hidden;
  height: auto;
  width:100%;
  overflow:hidden;
  background: #DDF0F4;
  padding-bottom:75px;  
/*  margin-top:-2px;*/
}

#contactos label{padding:0 5px}
#contactos input, select{height:25px}
#contactos div {}
#EmailInput{min-width:220px;}
#FormMessage{width:500px;height:300px; }

#sendemail{
	padding: 15px 40px 30px 40px;
	background-color: #fff;
	-webkit-border-radius: 40px;
	border-radius: 40px;
	display: inline-block;
	text-transform: uppercase;
	color: #7A0707;
    font-family: 'Cabin', sans-serif;
	font-weight: 700;
	letter-spacing: 2px;
    border:none;
	
	-webkit-transition: all 0.3s ease;
	   -moz-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		 -o-transition: all 0.3s ease;
		    transition: all 0.3s ease;

	
}
#sendemail:hover {	background:#63A0AD;}

/*--------- ENG -----------------------------------------------------------------------------*/
#eng{
  position: relative;
  overflow: hidden;
  height: auto;
  width:100%;
  overflow:hidden;
  background: #FFF4FA;
  padding-top:100px;  
  padding-bottom:100px;  
/*  margin-top:-2px;*/
}


/*--------- FOOTER -----------------------------------------------------------------------------*/
#footer {padding-bottom:100px;}
#footer p{font-size:12px;}
    

/*--------- NEWS TICKER -----------------------------------------------------------------------------*/
#ticker {
	width: 100%;
	height: 65px;
	margin: 0;
    position:fixed;
    bottom:0;
    left:0;
    background:#fff;
    display:none;
}

#ticker-wrapper {
	height: 100%;
	width: 80%;
    max-width: 1290px;
	overflow: hidden;
	position: relative;
    margin:0 auto;
	
}

#ticker-wrapper ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
	height: 800px;
	position: relative;
	transition: all 1500ms ease-in;
}

#ticker-wrapper li {
	display: block;
	height: 80px;
	width: 100%;
	margin-bottom: 0.3em;
	position: relative;
    background:#fff;
}

#ticker-wrapper li:nth-child(even) {
	background: #f5f5f5;
}

#ticker-wrapper li figure {
	width: 45px;
	height: 45px;
	float: left;
	margin: 10px;
	padding: 0;
}


#ticker-wrapper li h6 {
	float: left;
	margin: 0;
	padding-top: 1.5em;
	padding-right: 0.5em;
    font-size:1em;
}

/*--------- GRID -----------------------------------------------------------------------------*/
/*grid from http://www.matanich.com/2014/05/01/inline-block-for-vertically-aligned-grids/*/
.row .col4  {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
}
.row .col4z  {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
}
.row .col3  {
  display: inline-block;
  vertical-align: middle;
  width: 100%; /* Needs width for inline-block */
}
.row .col2  {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
}



/* Change number of boxes per row based on viewport width */
@media (min-width: 300px) {
    .row .col4{width:50%;} 
    .row .col4z{width:100%;} 
    .row .col3{width:100%;}
    .row .col2{width:100%;}
    #ticker{display:none;}
}
@media all and (min-width: 500px) {
    .row .col4{width:50%;}
    .row .col4z{width:100%;}     
    .row .col3{width:50%;}
    .row .col2{width:100%;}
    #ticker{display:block;}
}
@media all and (min-width: 700px) {
    .row .col4{width:25%;}
    .row .col4z{width:75%;}    
    .row .col3{width:33.3333333%;}
    .row .col2{width:50%;}
    #ticker{display:block;}
        
}