@charset "utf-8";
body {
	font-family: 'Open Sans','Pontano Sans', sans-serif;
	margin: 0px;
	background-color: #f4f4f4;
	}
	
a:active {
	text-decoration: none;
	color: #ff0080;	
}
a:hover {
	color: #ff0080;
	text-decoration: none;
}
a:visited {
	text-decoration: none;

}
a:link {
	text-decoration: none;

}

.default-title {
	color: #666;
	font-style: normal;
    font-weight: bold;
    font-size: 22px;
}

.default-title-colour {
	color: #ff0080;
	font-style: normal;
    font-weight: bold;
    font-size: 22px;
}

.default-subtitle {
	color: #666;
	font-style: normal;
    font-weight: bold;
    font-size: 19px;
}

.default-subtitle-colour {
	color: #ff0080;
	font-style: normal;
    font-weight: bold;
    font-size: 19px;
}

.default-text {
	color: #666;
	font-style: normal;
    font-weight: normal;
    font-size: 15px;
  letter-spacing: -0.25px;
	word-spacing: -0.25px;
	text-align: justify;
}
.default-text-desc {
	color: #666;
	font-style: normal;
	font-weight: 300;
	font-size: 15px;
	letter-spacing: -0.25px;
	word-spacing: -0.25px;
	text-align: justify;
}
.default-text-Press {
	color: #666;
	font-style: normal;
	font-weight: 300;
	font-size: 19px;
	letter-spacing: -0.25px;
	word-spacing: -0.25px;
	text-align: justify;
}
.default-title-Press {
	color: #ff0080;
	font-style: normal;
	font-weight: 300;
	font-size: 26px;
	letter-spacing: -0.25px;
	word-spacing: -0.25px;
}
.default-textB {
	color: #666;
	font-style: normal;
	font-weight: bold;
	font-size: 15px;
	letter-spacing: -0.25px;
	word-spacing: -0.25px;
	text-align: justify;
}
.default-text-colour {
	color: #ff0080;
	font-style: normal;
    font-weight: normal;
    font-size: 15px;
    letter-spacing: -0.25pt;
    word-spacing: -0.25pt;
	text-align: justify;
}
.default-text-note {
	color: #666;
	font-style: italic;
	font-weight: normal;
    font-size: 15px;
   letter-spacing: -0.25px;
	word-spacing: -0.25px;
	text-align: justify;
}
.default-text-autor {
	color: #666;
	font-style: italic;
	font-weight: bold;
	font-size: 15px;
	letter-spacing: -0.25px;
	word-spacing: -0.25px;
	text-align: right;
	padding-top: 10px;
}

.default-text-note-colour {
	color: #ff0080;
	font-style: italic;
	font-weight: normal;
	font-size: 15px;
	letter-spacing: -0.25px;
	word-spacing: -0.25px;
	text-align: justify;
}

.info  {
	padding-top: 100px;

}

/* PROFILE */

.iProfile  {
	padding-top: 9px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 9px;
	text-align: center;
	height: 75px;
	margin-top: 25px;
}

.imgSSProfile {
	background-image: url(../imagens/SS/ard--perfil.png);
	background-repeat: no-repeat;
	width: 1366px;
	height: 400px;
}

.TProfile {
	font-size: 36px;
	font-weight: 300;
	color: #ccc;
	text-align: center;
	font-style: normal;
}

.txtProfile {
	font-size: 17px;
	font-weight:300;
	color: #ccc;
	text-align: center;
}
	
.imgProfile {
	background-image: url(../imagens/ID/ARD2015.png);
	background-position: center;
	background-repeat: no-repeat;
	width: 250px;
	height: 250px;
	border: 3px solid #666;
	border-radius: 50%;
}


/* GRAPHS */

.boxH {
	padding: 20px;
	border: 1px solid #666666;
}	

.boxV {
	border: 1px solid #ccc;
	padding: 15px;
}	
.boxCenterIcones {
	border: 1px solid #ccc;
	padding: 15px;
	max-width: 300px;
}	

.box-footer {
	border: 1px solid #666;
	padding: 15px;
}	

.breakLight {
	border-bottom: 1px solid #ccc;
	font-weight: 300;
}
.breakLight2 {
	border-bottom: 1px dotted #ccc;
	font-weight: 300;
}


.breakStrong {
	border-bottom: 1px solid #666;
	font-weight: 300;
}

.icones {
	margin-left: 5px;
}
.iCatProj {
	margin-right: 10px;

}

.img-DOWN {
	margin-bottom: 5px;
}

.img-UP {
	margin-top: 5px;
}
/* FOOTER */

.footBcg {
	background-color: #252525;
	color: #252525;
}

.footN {
	color: #666;
	font-size: 13px;
	font-weight: 300;
}

.footColour {
	color: #ff0080;
	font-size: 13px;
	font-weight: 300;
}
	
/* MENUS */

.mFirst{
	color: #666;
	font-style: normal;
	font-weight: normal;
	font-size: 17px;
	text-align: right;
	margin-left: 15px;
}
/* MENUS */

.mCenter{
	color: #666;
	font-style: normal;
	font-weight: normal;
	font-size: 17px;
	text-align: center;
	margin-left: 15px;
}
/* MENUS */

.mActive{
	color: #ff0080;
	font-style: normal;
	font-weight: normal;
	font-size: 17px;
	text-align: right;
	margin-left: 15px;
}


.mSecond {
	color: #666;
	font-style: normal;
    font-weight: normal;
    font-size: 17px;
	text-align: left;
	margin-left: 10px;
}	

.mTitle {
	color: #666;
	font-style: normal;
	font-weight: bold;
	font-size: 22px;
	line-height: 26px;
	text-align: center;
}
.mTitle-italic {
	color: #666;
	font-style: italic;
	font-weight: bold;
	font-size: 22px;
	line-height: 26px;
	text-align: center;
}
	
.mTitle-colour {
	color: #ff0080;
	font-style: normal;
    font-weight: bold;
    font-size: 22px;
	line-height: 26px;
	text-align: center;
}
.mtext {
	color: #666;
	font-style: normal;
	font-weight: normal;
	font-size: 15px;
	text-align: center;
}

.mtext-colour {
	color: #ff0080;
	font-style: normal;
	font-weight: normal;
	font-size: 15px;
	text-align: center;
}

.mtext-coming-soon {
	color: #666;
	font-style: italic;
    font-weight: normal;
    font-size: 15px;
	text-align: center;
}

/* caption for image with shadow */

.boxTCaption {
	padding-top: 20px;
	text-align: center;
}

.boxShadow {
  	position:relative;       
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3);
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3);
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3);
}
.boxShadow:before, .boxShadow:after
{
	content:"";
    position:absolute; 
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.5);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.5);
    box-shadow:0 0 20px rgba(0,0,0,0.5);
    top:50%;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}
/* hover image with caption */
 .boxI {
	cursor: pointer;
	height: 250px;
	float: left;
	margin: 0px;
	padding: 0px;
	text-align:center;
	position: relative;
	overflow: hidden;
	width: 382px;
  
}  
  
 .boxI img {  
    position: absolute;  
    left: 0;  
    -webkit-transition: all 300ms ease-out;  
    -moz-transition: all 300ms ease-out;  
    -o-transition: all 300ms ease-out;  
    -ms-transition: all 300ms ease-out;
    transition: all 300ms ease-out;  
}


.boxI .caption {
	background-color: rgba(0,0,0,0.8);
	position: absolute;
	color: #666;
	font-size: 13px;
	z-index: 100;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
	left: 0px;
	right: 0px;
	opacity: 0;
	width: 275px;
	text-align: center;
	padding: 55px;
	height: 141px;
}

.boxI a {
	color: #666;
	border: 1px solid #fff;
	padding: 4px 10px;
	text-decoration: none;
}

.boxI a:hover {
	color: #ccc;
	background: #ff0080;
}

 .boxI:hover .fade-caption {  
    opacity: 1;  
}  

/* create a new project */

.iBcg-1 {
	background-color: #000;
	background-image: url(../../../WEBSITE---COMPLETO/imagens/ard-main/ard-layout/workspace.jpg);
	}
/* create a new project */

.iBcg-2 {
	background-color: #E5E5E5;
	}
/* create a new project */

.iBcg-3 {
	background-color: #ffffff;
	text-align: center;
	}
	

.iBcg-Title1 {
	color: #666;
	font-style: normal;
	font-weight: bold;
	font-size: 30px;
}

.iBcg-subTitle1 {
	color: #666;
	font-style: 300;
	font-weight: normal;
	font-size: 17px;
}

.i-boxI1 a {
	color: #666;
	border: 1px solid #fff;
	padding: 9px 15px;
	text-decoration: none;
	font-size: 19px;
}

.iBcg-Title2 {
	color: #666;
	font-style: normal;
	font-weight: bold;
	font-size: 19px;
}


.i-boxI2 a {
	font-size: 15px;
	color: #666;
	border: 1px solid #ccc;
	padding: 9px 15px;
	text-decoration: none;
	
	
}
.i-boxI3 a {
	font-size: 15px;
	color: #666;
	border: 1px solid #ccc;
	padding: 9px 15px;
	text-decoration: none;
	margin-left: 35px;
	
}
.i-boxI4 a {
	font-size: 13px;
	color: #666;
	border: 1px solid #ccc;
	padding-top: 5px;
	padding-left: 10px;
	padding-bottom: 5px;
	text-decoration: none;
	font-weight: normal;
	padding-right: 10px;
	
}

.i-boxI1 a:hover {
	color: #666;
	background: #ccc;
}

.i-boxI2 a:hover {
	color: #fff;
	background: #ff0080;
}
.i-boxI3 a:hover {
	color: #fff;
	background: #ff0080;
}
.i-boxI4 a:hover {
	color: #fff;
	background: #666666;
}
.iTXT {
	vertical-align: text-bottom;
}
.iTXT-TITLE {
	vertical-align: text-top;
}