/*
* Theme Name: Invention
* Theme URI: http://www.jozoor.com
* Description: Invention Theme for corporate and creative sites, responsive and clean layout, more than color skins
* Author: Jozoor team
* Author URI: http://www.jozoor.com
* Version: 1.0
*/

/*
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =  
=     00   00 00 00   00 00 00   00 00 00   00 00 00   00 00    =
=     00   00    00        00    00    00   00    00   00       =
=     00   00    00      00      00    00   00    00   00       =
=     00   00    00    00        00    00   00    00   00       =
=  00 00   00 00 00   00 00 00   00 00 00   00 00 00   00       =
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
*/

/* Custom CSS Code 
=================================================*/
#nav li a {
	font-weight:600;
	font-size:15px;
}

.logo img {
	max-width:350px;
}
.mlogos img{
	margin:35px 0px 35px 5px;
	border:none;
	height:23px;
}

.services.style-1 .item .circle1 {
	width: 250px;
	height: 100px;
	margin: 0 auto;
	margin-bottom:55px;
	text-align:center;
	
	opacity: 0.6;
    filter: alpha(opacity=60);
	
	
	-webkit-transition: all 0.4s ease-in;  
    -moz-transition: all 0.4s ease-in;  
    -ms-transition: all 0.4s ease-in;  
    -o-transition: all 0.4s ease-in;  
    transition: all 0.4s ease-in;
}
.services.style-1 .item .circle1:hover {
	opacity: 1;
    filter: alpha(opacity=100);
}

.services.style-1 .item .circle1 a {
	display:block;
}

.alerta .success 	{ color:#92b750; background:#e9f3d2 url(../../img/alert_icon2.png) 13px center no-repeat; border:1px solid #acd556; width:538px; padding:8px 50px; margin-bottom:20px;}
.alerta .error 		{ color:#d04544; background:#ffe9e9 url(../../img/alert_icon3.png) 13px center no-repeat; border:1px solid #e7a9a9; width:538px; padding:8px 50px; margin-bottom:20px;}

.container .sixteen.columns	p img {padding:0 20px 20px 0;}

.welcome {	background:#F4F4F4;}

#frmRegisto fieldset small {color: #ffc822; font-weight:bold; padding-left:5px;}
#frmCria fieldset small {color: #ffc822; font-weight:bold; padding-left:5px;}

footer {
	margin-top:0px;
}

span.imagem {margin:0;text-align:center;display:block;padding:0px;}

span.imagem img {max-height:40px;}

/***** Formulário input text */
.inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.inputfile + label {
    max-width: 80%;
    font-size: 1.25rem;
    /* 20px */
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    padding: 0.625rem 1.25rem;
    /* 10px 20px */
}

.no-js .inputfile + label {
    display: none;
}

.inputfile:focus + label,
.inputfile.has-focus + label {
    outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px;
}

.inputfile + label * {
    /* pointer-events: none; */
    /* in case of FastClick lib use */
}

.inputfile + label svg {
    width: 1em;
    height: 1em;
    vertical-align: middle;
    fill: currentColor;
    margin-top: -0.25em;
    /* 4px */
    margin-right: 0.25em;
    /* 4px */
}


/* style 4 */

.inputfile-4 + label {
    color: #666;
}

.inputfile-4:focus + label,
.inputfile-4.has-focus + label,
.inputfile-4 + label:hover {
    color: #555;
}

.inputfile-4 + label figure {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: #666;
    display: block;
    padding: 20px;
    margin: 0 auto 10px;
}

.inputfile-4:focus + label figure,
.inputfile-4.has-focus + label figure,
.inputfile-4 + label:hover figure {
    background-color: #555;
}

.inputfile-4 + label svg {
    width: 100%;
    height: 100%;
    fill: #f1f1f1;
}


#frmRegisto label:before { display:none; content:none;}
.form-elements textarea { 
	min-height:196px; 
	height:196px; 
	margin-top:0px;
	max-width:220px;
}

#frmRegisto label {background-color: transparent;}
.form-elements label.e_retalho:before {
	top:7px; left:0; 
	content:''; 
	width:0px; 
	height:0px;
	background-image:none;
	margin-right: 4px;
}
.e_retalho  {
	border:1px solid #bbb;
	padding:6px 12px 6px 12px;
	line-height:40px;
	margin-right:25px;
	border-radius: 5px;
}


@media screen and (max-width: 50em) {
	.inputfile-6 + label strong {
		display: block;
	}
}

/* FIm formulário input text */

@media only screen and (min-width: 480px) and (max-width: 767px) {
	span.imagem {padding-bottom:10px;}

}

@media only screen and (max-width: 479px) {
	.logo img {
		max-width:90%;
	}
	span.imagem {padding-bottom:10px;}
	
	.mlogos img{ margin:12px 0px 12px 5px;}
	
	.container { width: 280px; }
	
}