@import url('reset.css');
@import url('../fonts/font.css');

/******************************************************/
/* BASIC STYLES 
This is a basic style, please use for editing such as color, pattern, border, font, on the basic style will be rendered as a general in all the display device.
*/
/******************************************************/
body {background-color:#FFF;margin: 0px;padding: 0px;font-family:Tahoma, Geneva, sans-serif;font-size: 12px;color:#666;}
p, ul, ol{font-size:12px;line-height:18px;margin-bottom:12px;}
a:link{color:#FFF; text-decoration:none;}
a:visited{color:#FFF;text-decoration:none;}
a:hover{color:#00a658;text-decoration:underline;}
.text-color{color:#00a658;}
.left{float:left;}
.clear{clear:both;}
ul.ul-style {padding: 0 0 0 20px;margin-bottom:0px;/*--Distance between the order numbers--*/
}
ul.ul-style li {margin: 0;padding: 0px 0px 10px 0px;list-style:square;}
.ul-style h5{margin:0;	}
.button{font-family:"Open Sans Condensed",Arial, Helvetica, sans-serif;background-color:#00be25;color:#FFF; border:0;}
.button:hover{background-color:#BC2626;border:0;color:#FFF;text-decoration: underline;text-align:center;cursor:pointer;}

.work-button{font-family:"Open Sans Condensed",Arial, Helvetica, sans-serif;background-color:#00be25;color:#FFF; border:0;}
.work-button:hover{background-color:#BC2626;border:0;color:#FFF;text-decoration: underline;text-align:center;cursor:pointer;}

/* HEADING */
h1,h2,h3,h4,h5,h6 {font-family:"Open Sans Condensed",Arial, Helvetica, sans-serif;font-weight:bold;margin-bottom:12px;color:#333333;text-transform:uppercase;font-variant:normal;white-space:normal;}
h1 {font-size:34px;line-height:36px;}
h2 {font-size:30px;line-height:32px;}
h3 {font-size:26px;line-height:28px;}
h4 {font-size:22px;line-height:24px;}
h5 {font-size:18px;line-height:20px;}
h6 {font-size:14px;line-height:16px;}
.dropcap-title{height:100%;float:left;margin-right:3px;background-color:#00be25;padding:0px 5px 0px 5px;color:#FFF;}

/* BASIC - CONTAINER */
#profile {overflow:hidden;margin:0 auto;}
#middle{margin:0 auto; min-height:20px;}
#contact-header{height:20px;width:960px;background-color:#141619;margin:0 auto;}
#contact {overflow:hidden;margin:0 auto;}
#footer{margin:0 auto;overflow:hidden; }


/* BASIC - MENU */
#menu{
	background-color:#141619;
	width:960px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#menu ul .li-nav {border-right:1px solid #0A0B0C;border-left:1px solid #2A2F35;font-family:"Open Sans Condensed",Arial, Helvetica, sans-serif;font-weight:bold;color:#FFF;}
#menu ul .li-nav a{color:#FFF;}
#menu ul .first{border-right:0px!important; }
#menu ul .last{border-left:1px solid #0A0B0C;}
#menu ul .li-nav a:hover {background:#00be25;}
#menu ul .li-nav a.active {background:#00be25!important;}
#loading{background:url(page-loader.gif) no-repeat 1px;}

/* BASIC - RESUME*/
.year{float:right;margin-right:0px;background-color:#00be25; padding:5px; text-align:right; color:#FFF;}

/* SKILL GRAPH */
#skill-graph{list-style-type:none;margin-top:10px;padding:0;}
#skill-graph li{margin-bottom:10px;position:relative;}
#skill-graph .last{margin-bottom:0px!important;}
.bar-container{height:35px;border:solid 1px #CCC;}
.bar-container p{color:#FFF;font-family:Arial, Helvetica, sans-serif;font-size:11px;left:10px;position:absolute;top:9px;font-weight:bold; }
.bar-10{background-color:#00be25;height:35px;width:10%;}
.bar-20{background-color:#00be25;height:35px;width:20%;}
.bar-30{background-color:#00be25;height:35px;width:30%;}
.bar-40{background-color:#00be25;height:35px;width:40%;}
.bar-50{background-color:#00be25;height:35px;width:50%;}
.bar-60{background-color:#00be25;height:35px;width:60%;}
.bar-70{background-color:#00be25;height:35px;width:70%;}
.bar-80{background-color:#00be25;height:35px;width:80%;}
.bar-90{background-color:#00be25;height:35px;width:90%;}
.bar-100{background-color:#00be25;height:35px;width:100%;}

/* BASIC - SERVICES */
.services-single{border:solid 1px #CCC;}

/* BASIC - GALLERY */
.box{border:solid 1px #CCC;}
.box h6 {color:#333;margin-top:10px;text-align:center;}
.box p{color:#666;margin-top:5px;text-align:center;}
.centered { margin: 0 auto; }

/* BASIC - WORKS */
ul#items li{border:solid 1px #CCC;}
ol#pagination li{border:solid 1px #CCC;}
ol#pagination li:hover{background-color:#00be25 ;color:#FFF;}
ol#pagination li.current{background-color:#00be25 ;color:#FFF;}
.works-detail{border:0;}
.works-web-picture img{border:solid 1px #CCC;}
.works-detail img{border:solid 1px #CCC;}
.loading-works{margin-top:10px;}

/* BASIC - CONTACT */
.loading-contact {float:left;background:url(../images/contact-loader.gif) no-repeat 1px;height:25px;width:25px;display:none; margin-top:10px;}
.loading-contact img{height:24px;width:24px;}
.findlocation{width:200px;margin-top:0px;font-family:"Open Sans Condensed",Arial, Helvetica, sans-serif;font-size:14px;text-transform:uppercase;font-weight:bold;}
.text-label{border:solid 1px #CCC;color:#999;font-size:11px;}
.textarea-label{border:solid 1px #CCC;color:#999;font-family: Tahoma, Arial, Helvetica, sans-serif;font-size:11px;resize:none;overflow:hidden;}
.error-highlight {border:1px solid #00a658;}
.success-contact{border:0;color:#00a658;}

/* BASIC - COPY RIGHT AND SOCIAL MEDIA */
.social-icon{background-color:#00be25;}
.social-icon:hover{background-color:#BC2626;}

.triangle-container{margin:0 auto;}
.triangle-container-inside{}


.title-container{background-color:#00be25;color:#FFF;}
.line-heading{width:100%; height:1px; border-bottom:solid 1px #00be25;margin-bottom:10px;}
.to-top{ background-color:#00be25;color:#FFF; width:60px; height:16px;margin:0 auto;padding:2px 10px;font-family:"Open Sans Condensed",Arial, Helvetica, sans-serif;text-align:center;}
.to-top a:link{color:#FFF; text-decoration:none;}
.to-top a:visited{color:#FFF;text-decoration:none;}
.to-top a:hover{color:#FFF;text-decoration:underline;}



/******************************************************/
/* DEVICE STYLE
From this line to the bottom to use to edit the template size and other styles that are specific to support a particular device size.
*/
/******************************************************/

	
#container {margin:0 auto;width:100%;}	

#profile {padding:10px 20px 20px 20px;width:920px; background:url(../images/site/header_bkg.jpg) no-repeat center;}
#contact-header{width:960px;padding:15px 0px 5px 0px;}
#contact {padding:20px;margin-top: 0px;width:920px;}
#footer{padding:20px;width:960px;border-top:solid 1px #CCC;}

#middle{
	width:960px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
}	
.button{margin:10px 10px 0px 0px;padding:0px 5px;height:26px;
text-decoration:none;font-size:16px;text-align:center;cursor:pointer; text-transform:uppercase;}
.work-button{margin:0px;padding:0px 5px;height:26px;
text-decoration:none;font-size:16px;text-align:center;cursor:pointer; text-transform:uppercase;}

#copyright-container{width:300px;text-align:left;float:left;padding:5px 0px;height:14px;}
#social-container{margin-top:0px;height:24px;float:right;}
.social-icon{width:24px;height:24px;float:right;margin-left:5px; }

.title-container{
	width:940px;
	height:20px;
	padding:10px;
	margin-bottom:20px;
}

.triangle-container-inside{width:920px;height:20px;margin:0 auto;}
.triangleTopRight{float:right;width:0;height:0;border-right:10px solid transparent;border-top:10px solid #BC2626;border-left:10px solid #BC2626;border-bottom:10px solid transparent;}
.triangleTopLeft{float:left;width:0;height:0;border-right:10px solid #BC2626;border-top:10px solid #BC2626;border-left:10px solid transparent;border-bottom:10px solid transparent;}
.triangleBottomRight{float:right;width:0;height:0;border-right:10px solid transparent;border-top:10px solid transparent;border-left:10px solid #BC2626;border-bottom:10px solid #BC2626;}
.triangleBottomLeft{float:left;width:0;height:0;border-right:10px solid #BC2626;border-top:10px solid transparent;border-left:10px solid transparent;border-bottom:10px solid #BC2626;}

/* DEVICE 960 - PROFILE */
/*-------------------------------------------------------*/
.header-container {float:left;width:920px; }
.header-container .logo{float:left;width:415px;height:270px;padding:0px;}
.logo img{width:415px;height:101px;}

/* DEVICE 960 - CONTACT */
/*-------------------------------------------------------*/	
.contact-container {float:left;width:920px;}
.contact-info {width:280px;float:left;margin-right:40px;min-height:250px;}
.contact-map {float:left;width:280px;margin-right:40px;min-height:250px;}
.contact-form {float:left;width:280px;margin:0px;min-height:250px;}
.contact-detail dd{margin: 0 0 10px 30px;padding:0;padding-top:5px;}
.contact-detail dt{float:left;}
.contact-detail dt img{vertical-align:text-top; width:24px; height:24px;}	
.success-contact{display:none;float:right;margin:10px 0px 0px 0px;padding:0px;height:12px;
font-size:12px;text-align:left;width:100%;}

.text-label{height:30px;width:268px;font-size:11px;margin:2px 0px 10px 0px;padding:0px 5px;}
.textarea-label{font-size:11px;height:80px;width:268px;padding:5px;}

/* DEVICE 960 - MENU */
/*-------------------------------------------------------*/	
#menu{height:60px;}
#menu ul{width:960px;height:48px; margin:0 auto;}
#menu .li-nav {display:inline;float:right;padding-top:0px;height:60px; }
#menu ul .li-nav a {height:55px;padding-top:5px;display:inline;float:right;width:90px;text-decoration:none;font-size:14px;text-align:center;}
#menu ul .first{margin-right:0px;}
#menu ul .last{border-right:0;}
#menu .li-opencloseprofile {display:inline;float:left;width:32px;height:32px;margin:14px 14px 14px 54px;}
#menu .li-opencloseprofile img {width:32px; height:32px;}

#loading{width:100px; height:13px; margin:0 auto;}
#menu li img{z-index:900;}

.full-width-text{
	width:920px;
	margin-bottom:20px;
}
/* DEVICE 960 - RESUME */
/*-------------------------------------------------------*/	
.resume{}
.resume-left{width:440px;margin-right:40px;float:left;}
.resume-right{width:440px;float:right;}
.bar-container{width:418px; }

.umTerco{width:270px;margin-right:55px;float:left;}
.umTerco-ultimo{width:270px;float:right;}


.verde_e{ color:#00a658}


/* DEVICE 960 - SERVICES */
/*-------------------------------------------------------*/	
.services{}
.services-title{margin:0px;}
.services-single{float:left;width:213px;margin:0px 20px 20px 0px;}
.services-single:nth-child(4n) {margin-right: 0px;}
.services-icon {width:64px;height:64px;margin:10px auto;}
.services-text{width:193px; height:120px; float:left;padding:5px 10px;margin-top:0px;text-align:center;}

/* DEVICE 960 - GALLERY*/
/*-------------------------------------------------------*/	
.gallery{width:880px;padding:0px 0px;}
#gallery-container{margin:0px 0px 0px 0px;}
.box {margin: 10px 5px 0px 5px;padding: 4px;font-size: 11px;line-height: 1.4em;float: left;}
.box-title {margin: 0px 5px 10px 5px;padding: 20px 5px 0px 5px;font-size: 12px;line-height: 1.4em;float: left;text-align:right;}
.box h2 {font-size: 14px;font-weight: 200;}
.col1 {width: 156px;}
.col1 img {width:156px;height:156px;}

/* DEVICE 960 - WORKS */
/*-------------------------------------------------------*/		
.works{}
.works-detail{width:920px;height:100%;padding:0px 0px;float:left; border-top:solid 1px #CCC; margin:10px 0px 20px 0px;min-height:10px;}
.works-list{width:920px;height:100%;float:left;}
.work-each{margin-top:10px;}

ul#items li:nth-child(5n) {margin-right:0px;}
ul#items{margin:0;height:auto;width:auto;overflow:hidden;}
ul#items li{list-style:none;float:left;width:150px;height:150px;overflow:hidden;margin:0px 20px 20px 0px;padding:8px;text-align:center;}
ul#items li img{width:150px;height:150px;}
ol#pagination{overflow:hidden; margin:10px 0px 10px 0px;}
ol#pagination li{float:left;list-style:none;cursor:pointer;margin:0px 5px 0px 0px;padding:5px 10px;}

.works-detail .bar-container{height:35px;width:858px;margin-bottom:10px;}
.works-video{max-width:860px;height:430px;margin-bottom:12px;}
.works-detail img{max-width:850px;margin-bottom:12px;border:solid 1px #CCC; padding:4px; }
.works-web-picture{width:440px;float:left;margin-right:40px;}
.works-web-picture img{max-width:410px;border:solid 1px #CCC; padding:4px;}
.works-web-info{width:440px;float:left;}
.works-web dd{margin: 0px 60px 12px 0px;padding:0;width:400px;}
.works-web dt{float:left;width:110px; height:30px;}

/******************************************************/

/* Transitions: Masonry */
.masonry,.masonry .masonry-brick {-webkit-transition-duration: 0.7s;-moz-transition-duration: 0.7s;-o-transition-duration: 0.7s;transition-duration: 0.7s;}
.masonry {-webkit-transition-property: height, width;-moz-transition-property: height, width;-o-transition-property: height, width;transition-property: height, width;}
.masonry .masonry-brick {-webkit-transition-property: left, right, top;-moz-transition-property: left, right, top;-o-transition-property: left, right, top;transition-property: left, right, top;}

/* OVERLAY */
.image-overlay, .video-overlay, .audio-overlay, .link-overlay, .gallery-overlay, .web-overlay {position: relative;}
.image-overlay .image-overlay-bg, .video-overlay .video-overlay-bg,.link-overlay .link-overlay-bg,.web-overlay .web-overlay-bg{opacity:0;position:absolute;top:0;right:0;bottom:0;left:0;display:block;z-index: 2;zoom: 1;}
.image-overlay .image-overlay-bg {background: #00be25 url(../images/image-overlay.png);background-repeat:no-repeat;background-position:center;}
.video-overlay .video-overlay-bg {background: #00be25 url(../images/video-overlay.png) no-repeat center center;}
.link-overlay .link-overlay-bg {background: #00be25 url(../images/link-overlay.png) no-repeat center center;}
.web-overlay .web-overlay-bg {background: #00be25 url(../images/web-overlay.png) no-repeat center center;}
.ie .image-overlay .image-overlay-bg, .ie .video-overlay .video-overlay-bg,.ie .link-overlay .link-overlay-bg, .ie .web-overlay .web-overlay-bg {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);}


.nome-produto{color:#ffffff; position:absolute;right:0;bottom:0;left:0;display:block;z-index: 1;zoom: 1; background-color:#00be25; height:30px; text-transform:uppercase; font-size:10px; line-height:1.4em; }

.limpar:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; }