@charset "UTF-8";
/* CSS Document */

.hire {
position: absolute;
top: 0;
right: 0px;
z-index: 1;

}

.container {
	margin-top: 0px;
}
 
#nav {
	margin: 0px 0 0 0;
}
 
#nav ul li {
	display: inline;
	margin: 44px 0px 0 0;
	margin-bottom: 0px;
	float:right;
}


#headerImage img {
	margin-bottom: 15px;
	max-width: 100%;
	height: auto;
	margin-top: 24px;
}
 
#nav a {
	text-decoration: none;
}
 
#nav a:hover {
	text-decoration: none;
	color:#a7c434;
}


    .container .one-third.column                { width: 300px; }
	
	#welcome {
	margin-bottom: 20px;
}

div.container {
    padding: 0px 0;
}

.logo {

    float: none;
    z-index: 2;
}

.hire {
    position: absolute;
    top: 0;
    right: 0px;
    z-index: 1;

}

.ss {
   -o-transform: scale(1.1);
   -moz-transform: scale(1.1); 
   -webkit-transform: scale(1.1);
   transform: scale(1.1);
}

div.section {
   margin: 0px 0;
   overflow: hidden;
}

div.section img {
   height: auto;
   max-width: 100%;
}

p.background {
   font: 23px/32px chaparral-pro-1,chaparral-pro-2, "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-weight: 300;
   color: #444; 
   text-align: center;
   margin: 30px 0;
}

.container .one-third.column {
   text-align: center;
   margin-bottom: 25px;
}

.container .one-third.column p {
   margin: 2px auto 2px;
   text-align: left;
   padding: 3px 7px 0px 24px;
}

#about {
    margin: 10px 0 0;
    overflow: auto;
}

#studio {
    margin: 0 0 30px 0;
    overflow: auto;
}

#tools {
    margin: 0 0 30px 0;
    overflow: auto;
}

#project {
    margin: 30px 0 20px;
    overflow: auto;
}

#project:hover {
   -o-transition: all 0.1s ease-in-out 0s;
   -webkit-transition: all 0.1s ease-in-out 0s;
   -moz-transition: all 0.1s ease-in-out 0s;
   transition: all 0.1s ease-in-out 0s;
   box-shadow: 0 0 2px #1fb4dd;
}

#project img {
    vertical-align: bottom;
}

#project-details {
    margin: 30px 0;
    overflow: auto;
}

p.introduction {
   font: 21px/30px chaparral-pro-1,chaparral-pro-2, "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-weight: 300;
   color: #444; 
   text-align: left;
   margin: 30px 0;
   border-bottom: 1px dotted #d3d3d3;
   padding-bottom: 30px;
}

p.main {
   font-size: 21px;
   margin: 30px 0;
}

#clients {
    margin-top: 10px;
    margin-bottom: 10px;
}

#social {
    margin-top: 0px;
}

p.quote {
   font: 21px/30px chaparral-pro-1,chaparral-pro-2, "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-weight: 300;
   color: #444; 
   text-align: center;
   margin: 20px 0 0;
}

p.author {
   font: 19px/30px chaparral-pro-1,chaparral-pro-2, "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-weight: 300;
   color: #1fb4dd; 
   text-align: center;
   margin: 5px 0;
}

p.author a {
   color: #1fb4dd; 
}

.thumbnail {
   position: relative;
   height: 100%;
}

.thumbnail img {
   vertical-align: bottom;
}

.thumbnail .details {
   text-align: center;
 
   color: #fff;
   opacity: 0;
   position: absolute;
   top: 0px;
   left: 8px;
   -webkit-transition: 0.15s ease-in;
   -moz-transition: 0.25s ease-in;
   -o-transition: 0.25s ease-in;
   transition: 0.25s ease-in;
   min-height: 12%;

   text-decoration: none;
}

.no-opacity .thumbnail .details {
   text-align: center;
   background: none;
   min-height: 40%;
   width: 100%;
   top: -9999px;
}

.thumbnail:hover .details {
   margin-top: 0px;
      margin-left: 0px;
   opacity: .9;
   text-decoration: none;
}

.thumbnail .details h3, .h3 { 
   font-family: atrament-web-1, atrament-web-2, "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-weight: 300; 
   text-decoration: none;
   color: #fff; 
   font-size: 18px; 
   line-height: 30px;
   letter-spacing: 0px; 
   margin: 0 auto;
   text-transform: uppercase; 
   text-align: center; 
   padding: 0px 0 0px; 
   border: none; 

   
}





.thumbnail .details p { 
   font-size: 12px; 
   text-align: center;
}


.thumbnail .details p:hover { 
	color:#a7c434;
   font-size: 12px; 
   text-align: left;
   	text-decoration: none;

	padding-left:0px; 
}







.work {
   margin-bottom: 30px;
}



.xmas {
   position: relative;
   height: 100%;
}

.xmas .details {
   text-align: center;
   background-color: #d50f44;
   background-color: rgba(213, 15, 68, 1.0);
   color: #fff;
   opacity: 0;
   position: absolute;
   top: 0;
   left: 0;
   -webkit-transition: 0.25s ease-in;
   -moz-transition: 0.25s ease-in;
   -o-transition: 0.25s ease-in;
   transition: 0.25s ease-in;
   min-height: 20%;
   width: 100%;
}

.no-opacity .xmas .details {
   text-align: center;
   background: none;
   min-height: 50%;
   width: 100%;
   top: -9999px;
}

.xmas:hover .details {
   margin-top: 0;
   opacity: .9;
}

.xmas .details h3, .h3 { 
   font-family: atrament-web-1, atrament-web-2, "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-weight: 300; 
   color: #fff; 
   font-size: 36px; 
   line-height: 40px;
   letter-spacing: 1px; 
   margin: 0 auto;
   text-transform: uppercase; 
   text-align: center; 
   padding: 27px 0 5px; 
   border: none; 
}


.xmas .details p { 
   font-size: 18px; 
   text-align: center;
}


/* #Footer
================================================== */

#footer {
   background: url(/images/nav/footer_mast.png) no-repeat;
   margin: 0 auto;
   height: 58px;	
   padding: 17px 22px;
}

#footer p {
   font-family: chaparral-pro-1,chaparral-pro-2, "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
   float: left;
   color: #d3d3d3;
   padding: 10px 0 0 5px;
}

#footer p a {
   color: #d3d3d3;
}

#footer img {
   float: right;
}

.fb_edge_widget_with_comment {
    width: 50px;
    float: left;
    position: relative;
    margin-top: 10px;
}

.twitter-follow-button {
   width: 320px !important;
   margin: 5px 0 0 20px
}


#footercontact {
position: relative;

bottom: 0;
width: 100%;

background: url(../images/subfooterbg.png);
padding:30px 0 0 0;
font-family:"Arial", Helvetica, sans-serif;

}



#footergreen {
position: relative;
	background: url(../images/footerbg.png);
bottom: 0;
width: 100%;
height: 20px;

}




#advantages {
	margin: 13px 0 40px 0;
	text-align: left;
	font-size:11px;
	font-family:"Arial", Helvetica, sans-serif;
	
}

#newsletter {
	margin: 13px 0 0px 0;
	text-align: left;
}


#newsletterform {
	margin: 13px 0 0px 0;
	text-align: left;
}


#newsletterbutton {
	margin: 10px 15px 0px 0;
	text-align: left;
}


#socialnetworking {
margin: 0px 0px 0px 0px;
float: center;
background: url(../images/footerbg.png);
}


#socialnetworkingicons {
padding-top: 20px;

float: center;

}




.ctabottom {
    position: absolute;
	text-align:center;
    right: 0px;
    z-index: 1;

}


.greenfootercontainer {
	margin-top: 0px;
	    padding: 5px 0;
}


div.containermenu {
    padding: 0px 0;
}


::selection      { background:#a5c232; color:#fff; /* Safari and Opera */ }
::-moz-selection  { background:#a5c232; color:#fff; /* Firefox */ }


#perfectmatch {
	margin: 13px 0 0px 0;
	text-align: left;
}


#perfectmatchrighttext {
	margin: 13px 40px 0px 0px;
	text-align: left;
	font-size:11px;
	font-family:"Arial", Helvetica, sans-serif;
	
}



#companiesbenefit {
	margin: 13px 30px 0px 0;
	text-align: left;
}



#companiesbenefit3 {
margin-right: 0;
	margin: 13px 30px 0px 0;
	text-align: left;
}



#breaker {
margin-right: 0;
	margin: 43px 0px 0px 0;
	text-align: left;
}


#breakerhome {
margin-right: 0;
	margin: 14px 0px 0px 0;
	text-align: left;
}





#welcome {
	

	padding: 0px 0px 0px 0px;
	
}



#contactpageform {
	margin: 1px 0 0px 10px;
	text-align: left;


}


#sendbutton {
	margin: 0px 0px 0px;
	text-align: left;


}




#formandbutton {
	margin: 1px 0 0px 10px;
	text-align: left;
	float: left;

}



#reservabutton {
	margin: 1px 11px 0px 0px;

}



#contactpageform2 {
	margin: 13px 0 0px 0px;
	text-align: left;
	float:right;

}


#contactpageform3 {
	margin: 0px 0 0px 0;
	text-align: left;

}


#contactpagesubscribe {
	margin: 2px 0 0px 0;
	text-align: left;

}

#contactpagebutton {
	margin: 8px 15px 0px 0;
	text-align: left;
}



#breakerline img {
	margin-bottom: 7px;
	max-width: 100%;
	height: auto;
	margin-top: 7px;
}



#contactpagetext {
	margin: 0px 0px 10px 0px;
	text-align: left;
	font-size:11px;
	font-family:"Arial", Helvetica, sans-serif;
	color: #8d8e8b;

}




#contactpagelefttext {
	margin: 13px 40px 0px 0px;
	text-align: left;
	font-size:11px;
	font-family:"Arial", Helvetica, sans-serif;
	color: #8d8e8b;
	
}



#homepagelefttext {
	margin: 13px 40px 0px 0px;
	text-align: left;
	font-size:11px;
	font-family:"Arial", Helvetica, sans-serif;
	color: #8d8e8b;
	
}


 
#homepagelefttext a {
	text-decoration: none;
	color: #8d8e8b;
}
 
#homepagelefttext a:hover {
	text-decoration: none;
	color:#92b700;
}







.video {
   position: relative;
   height: 100%;
}

.video img {
   vertical-align: bottom;
}

.video .videodetails {
   text-align: center;
   background-color: #000000;
   background-color: rgba(0, 0, 0, 0.0);
   color: #fff;
   opacity: 0;
   position: absolute;
   top: 238px;
   left: 190px;
   -webkit-transition: 0.15s ease-in;
   -moz-transition: 0.25s ease-in;
   -o-transition: 0.25s ease-in;
   transition: 0.25s ease-in;
   min-height: 12%;
   width: 940px;
   text-decoration: none;
}

.no-opacity .video .videodetails {
   text-align: center;
   background: none;
   min-height: 40%;
   width: 100%;
   top: -9999px;
}

.video:hover .videodetails {
   margin-top: 5px;
   opacity: .9;
   text-decoration: none;
}

.video .videodetails h3, .h3 { 
   font-family: atrament-web-1, atrament-web-2, "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-weight: 300; 
   text-decoration: none;
   color: #fff; 
   font-size: 18px; 
   line-height: 30px;
   letter-spacing: 0px; 
   margin: 0 auto;
   text-transform: uppercase; 
   text-align: center; 
   padding: 20px 0 0px; 
   border: none; 

   
}





.video .videodetails p { 
   font-size: 12px; 
   text-align: center;
}


.video .videodetails p:hover { 
	color:#a7c434;
   font-size: 12px; 
   text-align: center;
   	text-decoration: none;

	padding-left:0px; 
}

#homepageright {
	margin: 29px 0 0px 0;
	text-align: left;
}





.homemtt {
   position: relative;
   height: 100%;
}

.homemtt img {
   vertical-align: bottom;
}

.homemtt .detailshomemtt {
   text-align: center;
   background-color: #000000;
   background-color: rgba(146, 183, 0, 0.70);
   color: #fff;
   opacity: 0;
   position: absolute;
   top: 130px;
   left: 19px;
   -webkit-transition: 0.15s ease-in;
   -moz-transition: 0.25s ease-in;
   -o-transition: 0.25s ease-in;
   transition: 0.25s ease-in;
   min-height: 18%;
   width: 275px;
   text-decoration: none;
   padding-top:20px;
}

.no-opacity .homemtt .detailshomemtt {
   text-align: center;
   background: none;
   min-height: 40%;
   width: 100%;
   top: -9999px;
}

.homemtt:hover .detailshomemtt {
   margin-top: 5px;
   opacity: .9;
   text-decoration: none;
   color:red;
   padding-top:22px;
}

.homemtt .detailshomemtt h3, .h3 { 
   font-family: atrament-web-1, atrament-web-2, "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-weight: 300; 
   text-decoration: none;
   color: #fff; 
   font-size: 18px; 
   line-height: 30px;
   letter-spacing: 0px; 
   margin: 0 auto;
   text-transform: uppercase; 
   text-align: center; 
   padding: 20px 0 0px; 
   border: none; 

   
}





.homemtt .detailshomemtt p { 
   font-size: 12px; 
   text-align: center;
}


.homemtt .detailshomemtt p:hover { 
	color:#a7c434;
   font-size: 12px; 

   	text-decoration: none;


}








.hometpm {
   position: relative;
   height: 100%;
}

.hometpm img {
   vertical-align: bottom;
}

.hometpm .detailshometpm {
   text-align: center;
   background-color: #000000;
   background-color: rgba(146, 183, 0, 0.70);
   color: #fff;
   opacity: 0;
   position: absolute;
   top: 132px;
   left: 19px;
   -webkit-transition: 0.15s ease-in;
   -moz-transition: 0.25s ease-in;
   -o-transition: 0.25s ease-in;
   transition: 0.25s ease-in;
   min-height: 18%;
   width: 275px;
   text-decoration: none;
   padding-top:20px;
}

.no-opacity .hometpm .detailshometpm {
   text-align: center;
   background: none;
   min-height: 40%;
   width: 100%;
   top: -9999px;
}

.hometpm:hover .detailshometpm {
   margin-top: 5px;
   opacity: .9;
   text-decoration: none;
   color:red;
   padding-top:22px;
}

.hometpm .detailshometpm h3, .h3 { 
   font-family: atrament-web-1, atrament-web-2, "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-weight: 300; 
   text-decoration: none;
   color: #fff; 
   font-size: 18px; 
   line-height: 30px;
   letter-spacing: 0px; 
   margin: 0 auto;
   text-transform: uppercase; 
   text-align: center; 
   padding: 20px 0 0px; 
   border: none; 

   
}





.hometpm .detailshometpm p { 
   font-size: 12px; 
   text-align: center;
}


.hometpm .detailshometpm p:hover { 
	color:#a7c434;
   font-size: 12px; 

   	text-decoration: none;


}






#tabletextright {
	margin: 0px 0px 0px 10px;

	text-align: left;
	font-size:11px;
	font-family:"Arial", Helvetica, sans-serif;
	color: #8d8e8b;
	
}


 
#tabletextright a {
	text-decoration: none;
	color: #8d8e8b;
}
 
#tabletextright a:hover {
	text-decoration: none;
	color:#92b700;
}






#tabletextleft {
	margin: 0px 10px 0px 0px;
	text-align: left;
	font-size:11px;
	font-family:"Arial", Helvetica, sans-serif;
	color: #8d8e8b;
	
}


 
#tabletextleft a {
	text-decoration: none;
	color: #8d8e8b;
}
 
#tabletextleft a:hover {
	text-decoration: none;
	color:#92b700;
}






#applyimageright {
	margin: 0px 0px 0px 0px;
	text-align: left;
float:right;
	font-size:11px;
	font-family:"Arial", Helvetica, sans-serif;
	color: #8d8e8b;
	
}


 
#tabletextright a {
	text-decoration: none;
	color: #8d8e8b;
}
 
#tabletextright a:hover {
	text-decoration: none;
	color:#92b700;
}




#applylefttext {
margin: 35px 40px 0px 0px;

	text-align: left;
	font-size:11px;
	font-family:"Arial", Helvetica, sans-serif;
		color: #8d8e8b;
}






#applyimageleft {
	margin: 0px 10px 0px 0px;
	text-align: left;
	font-size:11px;
	font-family:"Arial", Helvetica, sans-serif;
	color: #8d8e8b;
	
	
}






.applysu {
   position: relative;
   height: 100%;
      color:#8D8E8B;
}

.applysu img {
   vertical-align: bottom;
}

.applysu .detailsapplysu {
   text-align: center;
   background-color: #000000;
   background-color: rgba(146, 183, 0, 0.70);
   color: #fff;
   opacity: 0;
   position: absolute;
   top: 122px;
   left: 29px;
   -webkit-transition: 0.15s ease-in;
   -moz-transition: 0.25s ease-in;
   -o-transition: 0.25s ease-in;
   transition: 0.25s ease-in;
   min-height: 14%;
   width: 236px;
   text-decoration: none;
   padding-top:20px;
}

.no-opacity .applysu .detailsapplysu {
   text-align: center;
   background: none;
   min-height: 40%;
   width: 100%;
   top: -9999px;
}

.applysu:hover .detailsapplysu {
   margin-top: 5px;
   opacity: .9;
   text-decoration: none;
   color:red;
   padding-top:22px;
}

.applysu .detailsapplysu h3, .h3 { 
   font-family: atrament-web-1, atrament-web-2, "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-weight: 300; 
   text-decoration: none;
   color: #fff; 
   font-size: 18px; 
   line-height: 30px;
   letter-spacing: 0px; 
   margin: 0 auto;
   text-transform: uppercase; 
   text-align: center; 
   padding: 20px 0 0px; 
   border: none; 

   
}





.applysu .detailsapplysu p { 
   font-size: 12px; 
   text-align: center;
}


.applysu .detailsapplysu p:hover { 
	color:#a7c434;
   font-size: 12px; 

   	text-decoration: none;


}
 

 
 
 
 
 
 
 
 
 
 
 
.applyeb {
   position: relative;
   height: 100%;
   color:#8D8E8B;
}

.applyeb img {
   vertical-align: bottom;
}

.applyeb .detailsapplyeb {
   text-align: center;
   background-color: #000000;
   background-color: rgba(146, 183, 0, 0.70);
   color: #fff;
   opacity: 0;
   position: absolute;
   top: 122px;
   left: 19px;
   -webkit-transition: 0.15s ease-in;
   -moz-transition: 0.25s ease-in;
   -o-transition: 0.25s ease-in;
   transition: 0.25s ease-in;
   min-height: 14%;
   width: 240px;
   text-decoration: none;
   padding-top:20px;
}

.no-opacity .applyeb .detailsapplyeb {
   text-align: center;
   background: none;
   min-height: 40%;
   width: 100%;
   top: -9999px;
}

.applyeb:hover .detailsapplyeb {
   margin-top: 5px;
   opacity: .9;
   text-decoration: none;
   color:red;
   padding-top:22px;
}

.applyeb .detailsapplyeb h3, .h3 { 
   font-family: atrament-web-1, atrament-web-2, "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-weight: 300; 
   text-decoration: none;
   color: #fff; 
   font-size: 18px; 
   line-height: 30px;
   letter-spacing: 0px; 
   margin: 0 auto;
   text-transform: uppercase; 
   text-align: center; 
   padding: 20px 0 0px; 
   border: none; 

   
}





.applyeb .detailsapplyeb p { 
   font-size: 12px; 
   text-align: center;
}


.applyeb .detailsapplyeb p:hover { 
	color:#a7c434;
   font-size: 12px; 

   	text-decoration: none;


}






#startuppageform {
	margin: 13px 0 0px 0;
	text-align: left;
	color: #8D8E8B;

}



#startuppageform2 {
	margin: 13px 0 0px 0px;
	text-align: left;
	float:right;
	color: #8D8E8B;

}



#startuppagetext {
	margin: 0px 0px 30px 0px;
	text-align: left;
	font-size:11px;
	font-family:"Arial", Helvetica, sans-serif;
	color: #8d8e8b;

}




#startupheader {
	margin: 43px 0 0px 0;
	text-align: center;
	
}





#servicoimagen {
	padding: 0px 0px 10px 15px;
	margin: 0px 0 0px 0;
	text-align: center;
	
}




.thumbnail .filter {
   text-align: center;
 
   color: #fff;
   opacity: 0;
   position: absolute;
   top: 0px;
   left: 8px;
   -webkit-transition: 0.15s ease-in;
   -moz-transition: 0.25s ease-in;
   -o-transition: 0.25s ease-in;
   transition: 0.25s ease-in;
   min-height: 12%;

   text-decoration: none;
}

.no-opacity .thumbnail .filter {
   text-align: center;
   background: none;
   min-height: 40%;
   width: 100%;
   top: -9999px;
}

.thumbnail:hover .filter {
   margin-top: 0px;
      margin-left: 0px;
   opacity: .9;
   text-decoration: none;
}

.thumbnail .filter h3, .h3 { 
   font-family: atrament-web-1, atrament-web-2, "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-weight: 300; 
   text-decoration: none;
   color: #fff; 
   font-size: 18px; 
   line-height: 30px;
   letter-spacing: 0px; 
   margin: 0 auto;
   text-transform: uppercase; 
   text-align: center; 
   padding: 0px 0 0px; 
   border: none; 

   
}





.thumbnail .filter p { 
   font-size: 12px; 
   text-align: center;
}


.thumbnail .filter p:hover { 
	color:#a7c434;
   font-size: 12px; 
   text-align: left;
   	text-decoration: none;

	padding-left:0px; 
}




.filter2 { 
   font-size: 12px; 
   text-align: center;
}



#coolMenu,
#coolMenu ul {
    list-style: none;
	padding: 0;
}
#coolMenu {
    float: right;
	margin: 0px 8px 15px 0px;
	font-size: 12px;
}
#coolMenu > li {
    float: left;
}
#coolMenu li a {

    text-decoration: none;
}
#coolMenu ul {
    position: absolute;
    display: none;
z-index: 999;
}
#coolMenu ul li a {
    width: 20px;
}
#coolMenu li:hover ul {
    display: block;
	margin: 0px 0px 0 0;
}


#coolMenu ul {
    background: #f09d28;
	margin: 0px 0px 0px 0px;
	
	
}
#coolMenu ul li a {
    color: #000;
}
#coolMenu ul li:hover a {
    background: #ffc97c;
}