/*
Template: Atolo - Responsive Single Page Template
Author: MatchThemes
Author URI: http://www.matchthemes.com
*/

/* RESET STYLES */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
q:before, q:after { content:''}
strong { font-weight: bold }
em { font-style: italic }
.italic { font-style: italic }
.aligncenter { display:block; margin:0 auto; }
.alignleft { float:left; margin:10px; }
.alignright { float:right;margin:10px; }
.no-margin{margin:0px;}
.no-bottom{margin-bottom:0px;}
.no-padding{padding:0px;}
.margin-t{margin-top:25px;}
.column-clear{clear:both;}
div { position:relative } 
a:active,a:focus{outline: none;}


	h1 {font-size:36px; }
	h2 {font-size:30px; }
	h3 {font-size:20px; }
	h4 {font-size:18px; }
	h5 {font-size:14px;}
	
	h1,h2,h3{line-height: 1;font-family: 'Archivo Narrow', sans-serif;}
	h4,h5,h6{line-height: 1.2em;}
	
	p { margin: 0 0 12px 0;line-height:1.5em; }

	


*{ 
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

a:link    {color: #FFF; text-decoration: none;}
a:visited { color: #FFF;}
a:hover   {color: #FFCB05;}
a:active  {color: #FFCB05;}

a.programa:link    {color: #FFCB05; text-decoration: none;}
a.programa:visited { color: #FFCB05;}
a.programa:hover   {color: #FFCB05;}
a.programa:active  {color: #FFCB05;}

a.email:link {color: #FFCB05; text-decoration: none;}

a.local:link    {color: #FFCB05; text-decoration: none;}
a.local:visited { color: #FFCB05;}
a.local:hover   {color: #FFCB05;}
a.local:active  {color: #FFCB05;}

a.inscrever-me:link    {color: #FFCB05; 
  text-decoration: none; font-weight: bold; text-transform: uppercase;}
a.inscrever-me:visited { color: #FFCB05;}
a.inscrever-me:hover   {color: #FFCB05;}
a.inscrever-me:active  {color: #FFCB05;}

.alignc{text-align:center;}

body {
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
  overflow-x: hidden;
}


body{

background-color: #000;
background-image: url(images/modulo_formas_background.png), url(images/modulo_grelha_background.jpg);
background-repeat: repeat-y, repeat;
background-size: 100%, auto;
font-size:15px;
line-height:1;
font-family: 'Archivo Narrow', sans-serif;
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;
}

header {
  background-color: rgba(0, 0, 0); 
  display: block;
  height: 210px !important;
  position: fixed;
  top: 0 !important;
  width: 100%;
  z-index:100;
}


#inner-header{
  width:100%;
  margin:0 auto;
  height:30px;
}




.table {
  display: table;
  margin: 0 auto;
    text-align: center;
}

ul.menu {
  min-width: 696px;
  list-style: none;
  margin-top: 20px;
  height: 25px;
  line-height: 25px;
  }
  ul.menu li {
    font-size: 14px;
    display: inline;
    font-weight: 800;
    padding: 0px 2px 0px 0px;
    letter-spacing: 1px;
    text-transform:uppercase;
  }
  

#logo{

  text-align: center;
  top: 50px;
}

#data {
  float: right;
  top: -48px;
  right: 29px;
}

#facebook {
  float: right;
  top: -25px;
  right: 30px;
}

.mutualWrap {
  width:100%;
  padding:120px 0;
}

#top {
  height:10px;
}

#home{
  overflow:hidden;
  padding:0px;
  padding-top: 220px;
  position:relative;
}

.flexslider-home .slides img{display:block;
width:100%;}

.flexslider-home .flex-direction-nav a {
    background: url("images/flex-arrows.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    display: block;
    height: 65px;
    position: absolute;
    text-indent: -9999px;
    top: 50%;
    width: 40px;
    z-index: 10;
	border:none;
}
.flexslider-home .flex-direction-nav .flex-prev {
    background-position: 0 0;
    left: 20px;
	top:40%;
}

.flexslider-home .flex-direction-nav .flex-next {
    background-position: -40px 0;
    right: 20px;
	top:40%;
}

.flexslider-home .slides li{
position:relative;
}

.icon, .section-title, .section-sub-title{text-align:center;}
.section-title, .section-sub-title, .item-name{font-family: 'Archivo Narrow', sans-serif;text-transform:uppercase;}
.section-title{
font-size:55px;
font-weight:900;
margin:20px 0 60px 0;
}
.section-sub-title{margin:30px 0;font-weight:bold;font-size:40px;}

/*** ABOUT ***/

#about{min-height:850px;}

.diamondsContainer{margin-top:90px;}
.diamond-container{margin-bottom:60px;}

.diamond, #oradores .diamond{
width:160px;
height:160px;
margin-left:35px;
display:block;
overflow:hidden;
-moz-background-clip: padding;    
-webkit-background-clip: padding;  
background-clip: padding-box; 

-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}

.diamond-content{
width:240px;
height:240px;
margin:-50px 0 0 -50px;  

-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);}

.item-name{text-align:center;
margin-top:60px;
}
.member-text{ font-style:italic;}

.skills ul li{margin-bottom:20px;}
.skills .section-sub-title{margin-top:0px;}
.progressBkg{height:30px;
padding:5px;
margin-top:5px;
}
.barBkg{height:20px;}

/*** END ABOUT ***/

/*** programa ***/

#programa{min-height:1250px;}

.work-item{margin-top:35px;padding:40px 0 0 5px;}
.work-item .diamond{border:none;width:150px;height:150px;}
.work-item .diamond-content{margin:-40px 0 0 -40px;width:230px;height:230px;}

.work-categ{text-align:center;margin-top:10px;}
.work-categ li{display:inline-block;
font-size:12px;
padding:3px 5px;}

.work-item .work-more{
width:100%;
height:100%;
position:absolute;
top:0; left:0;
text-align:center;
background:#ffffff;

 -webkit-transform:translate(-270px, 0px);
   -moz-transform: translate(-270px,0px);
   -o-transform:  translate(-270px, 0px);
   -ms-transform: translate(-270px, 0px);
   transform: translate(-270px, 0px);
 
   -webkit-transition: all 0.3s ease-in-out 0s;
   -moz-transition: all 0.3s ease-in-out 0s;
   -o-transition: all 0.3s ease-in-out 0s;
   -ms-transition: all 0.3s ease-in-out 0s;
   transition: all 0.3s ease-in-out 0s;
}

.work-item .diamond-content:hover .work-more{
-webkit-transform: translate(0px, 0px);
   -moz-transform: translate(0px, 0px);
   -o-transform: translate(0px, 0px);
   -ms-transform: translate(0px, 0px);
   transform: translate(0px, 0px);
}

.work-item .work-more:before{
	content: '';
	display: inline-block;
	height: 100%; 
	vertical-align: middle;
}
.work-item .work-more .mask_elem{
	position:relative;
	display: inline-block;
	vertical-align: middle;
}
.mask-elem{margin-top:-145px;}


/*** END programa ***/

/*** oradores ***/

#oradores{min-height:1250px;}
.service-img{margin:75px 0 0 82px;}

ul.offer{margin-top:30px;}
ul.offer li{margin-bottom:15px;
font-size:16px;}
ul.offer li:before{ content:"";
   float:left;
   width:17px;
   height:14px;
   margin:2px 5px 0 0;
   background:url('images/check.png');}

.name {
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 1px;
  text-align: center;
  padding-top: 5px;
  margin-top: 15px;
  padding-bottom: 5px;


}



.cargo {
  margin-top: 150px;
  letter-spacing: 1px;
}

#oradores .span3 {
  min-height: 240px;
}

/*** END oradores ***/

/*** inscricoes ***/

#inscricoes{min-height:800px;}

.post{padding-bottom:20px;
margin-bottom:40px;}
.post-container{margin:0 10px;}
.post-title{color: #FFCB05}
.post-title a{font-weight:700;}
.published{margin:10px 0 20px 0px;
font-size:12px;}

/*** END inscricoes ***/



/*** CONTACT ***/

.contact-form h4 {
  padding-top: 40px;
  padding-bottom: 20px;
  text-align: center;
  color: #FFCB05;

}

label {
  float: left;
  width: 10%;
  line-height: 20px;

}

.comm-field {
  width: 90%;
  margin-bottom: 10px;
  float: left;
  height:20px;
  padding:7px 5px;
  background-color: #FFCB05; 
  border-style: none;
}

#message2, #comment {
  width: 90%;
  padding:5px; 
   background-color: #FFCB05; 
  border-style: none;
}
.comm-field, #message2, #comment {-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;}
input.comm-field:focus, #message2:focus, #comment:focus {outline: 0;}

#submit, #submit-comm{
display: block;
text-align: center;
font-size:16px;
cursor:pointer;
font-family: 'Archivo Narrow', sans-serif;


}
#submit:hover, #submit:active{
text-decoration:none;}
#output{
 float: left;
  padding-left: 50px;
  line-height: 20px;
  background:none;
  border:none;
  color: #FFCB05;
  font-style: italic;
}

#output1{
  float: left;
  padding-left: 50px;
  line-height: 20px;
  background:none;
  border:none;
  color: #FFF;
  font-style: italic;

}

#output2{
  float: left;
  padding-left: 50px;
  line-height: 20px;
  background:none;
  border:none;
  color: #FFF;
   font-style: italic;
 }

#submit {
  float: left;
  margin-left: 10%;
  background:none;
  border:none;
  color: #FFF;
  font-weight: bold;
}
#submit-comm{margin-top:20px; }
#submit-comm:hover, #submit-comm:active{text-decoration:none;}

/*** END CONTACT ***/

/*** FOOTER ***/
footer{margin-top:49px;}

#inner-footer{width:220px;
margin:0px auto;
height:31px;
}
.social li{float:left;
margin:5px 5px 0 0;}
.social li a{
width:31px;
height:31px;
cursor:pointer;
display:block;
overflow:hidden;

font: 0/0 a;
    text-shadow: none;
    color: transparent;
	
 -webkit-transition: all 0.2s ease-in-out 0s;
   -moz-transition: all 0.2s ease-in-out 0s;
   -o-transition: all 0.2s ease-in-out 0s;
   -ms-transition: all 0.2s ease-in-out 0s;
   transition: all 0.2s ease-in-out 0s;
}

  

#copyright{ text-align:center;margin-top:49px;}

/*** END FOOTER ***/

@media (min-width: 1200px) {
.diamond, .work-item .diamond, #oradores .diamond{
width:190px;
height:190px;
}
.diamond-content, .work-item .diamond-content{
width:270px;
height:270px;}
.diamondsContainer{margin-top:90px;}
.diamond-container{margin-bottom:60px;}
.item-name, .work-categ{padding-right:15px;}
.mask-elem{margin-top:-165px;}
.service-img{margin:90px 0 0 97px;}
}

@media (min-width: 768px) and (max-width: 979px) {

#home{height:700px;}
.home-img{width:250px;top:250px;margin-left:-125px;}
img#parallax-1, img#parallax-2, img#parallax-3{top:0px;left:0px;}
.diamond, #oradores .diamond{
width:130px;
height:130px;
border-width:5px;
margin-left:20px;
}
.diamond-content{
width:200px;
height:200px;}
.work-item .diamond{width:117px;
height:117px;}
.work-item .diamond-content{width:195px;
height:195px;}
.diamondsContainer{margin-top:70px;}
.diamond-container{margin-bottom:50px;}
.work-item{margin-top:30px;}
.mask-elem{margin-top:-125px;}
.item-name{margin-top:40px;}
.service-img{margin:55px 0 0 68px;}
}

@media (max-width: 767px) {

#inner-header{766px;}
.home-img{width:250px;top:250px;margin-left:-125px;}
#home{height:700px;}
img#parallax-1, img#parallax-2, img#parallax-3{top:0px;left:0px;}
.mutualWrap, .content-load, .content-load-contact{padding-left:15px;padding-right:15px;}
.diamond, .work-item .diamond, #oradores .diamond{
width:190px;
height:190px;
margin:0 auto;
}
.diamond-content, .work-item .diamond-content{
width:270px;
height:270px;}
.diamondsContainer{margin-top:90px;}
.diamond-container{margin-bottom:60px;}
.mask-elem{margin-top:-165px;}
.programaRight{margin-top:40px;}
.service-img{margin:90px 0 0 97px;}
.post-img {text-align:center;}

}

@media (max-width: 480px) {
#inner-header{width:100%;padding:0 15px;}
.menu{font-size:16px;}
.menu li{padding: 0px 20px 0px 0px;}
.menu li:nth-child(3){padding: 0px 20px 0px 0px;}
#logo{ display:none;}
#home{height:480px;}
.home-img{width:200px;top:200px;margin-left:-100px;}
.more-posts a{padding:20px 35px;}
}

@media (max-width: 320px) {
.section-title{
font-size:50px;
}
}

.bg000 {
   background-color: rgba(0, 0, 0, 0.8);
 }

 .pd20 {
  padding: 20px;
 }


 .mxh320 {
  max-height: 360px;
  min-height: 360px;
 }

  .mxh340 {
  max-height: 410px;
  min-height: 410px;
 }

.pdb20 {
  padding-bottom: 20px;
 }

.pdr40 {
  padding-right: 40px;
}

 .pdt100 {
  padding-top: 105px;
 }

.pdt20 {
  padding-top: 20px;
 }

 .mt20 {
  margin-top: 20px;
 }


#programa h6 {
  font-weight: bold;
}

#programa h5 {
  font-size: 14px;
}

#oradores a {
  display: block;
}


/*==========================================================================================
  
This file contains styles related to the color scheme of the template

==========================================================================================*/



body{color:#ffffff;

}

header{#triangle {border-top: 30px solid #ffffff; }

#about{}
#about .section-title, #about .section-sub-title{color:#ffffff;}

.diamond{

border:5px solid rgba(255,255,255, 1);
}

.progressBkg{
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}
.barBkg{}

#programa{}
#programa .section-title, #programa .section-sub-title{color:#ffffff;}

.work-categ li{color:#464646;}

#oradores{}
#oradores .section-title, #oradores .section-sub-title{color:#ffffff;}
#oradores .diamond{border:none;}

#inscricoes{}
#inscricoes .section-title, #inscricoes .section-sub-title, .page-inscricoes .section-title{color:#ffffff;}

.post{
color:#353535;
}


.post-title {color:#FFCB05;}



.published{color:#a5a5a5;}
.published a{color:#a5a5a5;}


#contact{}
#contact .section-title, #contact .section-sub-title{color:#ffffff;}



#message2, input.comm-field{border: 1px solid #6C798E; }

input.comm-field:focus, #message2:focus {border-color:#6C798E;}

#submit{
text-shadow: 0 1px 0 rgba(30, 30, 30, 0.8);
color: #ffffff;

border: 1px solid #6C798E;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 1px 0 rgba(255, 255, 255, 0.4) inset;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 1px 0 rgba(255, 255, 255, 0.4) inset;
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 1px 0 rgba(255, 255, 255, 0.4) inset;
}
#submit:hover, #submit:active{

border: 1px solid #6C798E;
color: #ffffff;
}
.output2{border:1px solid #ff0000;}



.bg000 {
   background-color: rgba(250, 250, 250, 0.9);
}



.mh220 {
  min-height: 240px;
}



.big-link { display:block; margin-top: 100px; text-align: center; font-size: 70px; }


#programa .span4 {
  min-height: 300px;
}


#local .span3 {
  width: 300px;
  background-color: #987;
}


#local h5 {
  font-size: 13px;
}