@charset "utf-8";
* {vertical-align: baseline; font-weight:300; font-family: 'Lato', Helvetica, Arial, sans-serif;font-style:inherit;font-size:100%;border:none;padding:0;margin:0;} 
html {background-color:#000;height:100%;}
body {background-color:#000;color:#fff;font-size:12px;line-height:15px;min-width:960px;}
h1, h2, h3, h4, h5, h6, p {margin:0 0 10px 0;}  
h1	{font-size:30px;}
h2	{color:#ff9966;font-size:16px;line-height:36px;margin-bottom:20px;}
h3	{font-size:24px;line-height:27px;}
h4	{font-size:18px;line-height:21px;}
h5	{font-size:16px;line-height:19px;}
ul {list-style:none;}
ol {list-style-type:decimal;}
a	{color:#404040;text-decoration:none;}
p, a, img	{color:#FFFFFF;}
img	{vertical-align:middle;}
table {border-collapse:collapse;border-spacing:0;width:100%;} 
/* remember to define focus styles! */
:focus {outline: 0;}
::selection {background-color:#c5c5c5;}
::-moz-selection {background:#c5c5c5;}
pre { white-space:pre;white-space:pre-wrap;white-space:pre-line;white-space:-pre-wrap;white-space:-o-pre-wrap;white-space:-moz-pre-wrap;white-space:-hp-pre-wrap;word-wrap:break-word;}
hr	{background-color:#DE5B31; height:1px;margin:20px 0;}

input[type="radio"], input[type="checkbox"], input[type="submit"], input[type="reset"], input[type="button"]	{cursor:pointer;}
input[type="text"], input[type="password"]	{
	font-family: 'Lato', sans-serif;
	color:rgb(209, 209, 209);
	font-size:13px;
    background: none repeat scroll 0% 0% transparent;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-image: none;
}
input[readonly="readonly"]	{background:none;border:none;box-shadow:none;}
input[disabled="disabled"]	{opacity:0.2;filter:opacity(alpha=20);cursor:default}
textarea	{border:solid 1px #c5c5c5;font-size:14px;line-height:20px;resize:none;overflow:auto;width:450px; height:150px; padding:5px;border-radius:5px;box-shadow:inset 0 0 3px #c5c5c5;}
select	{border:solid 1px #c5c5c5;font-size:14px;padding:8px;width:208px;height:36px;line-height:26px;border-radius:5px;vertical-align:middle;box-shadow:inset 0 0 3px #c5c5c5;}
option	{padding:5px;}
select[multiple="multiple"]	{height:240px;width:210px;}
img {background: url(../../buga/public_html/2012/admin/imagens/img-loader.gif) no−repeat center center;}

/* external links */  
a[href^="http://"]	{  }
a[href^="mailto:"]	{  }  
a[href$=".pdf"]	{  }
a[target="_blank"]:before, a[target="new"]:before {  }

.clearfix	{clear:both;height:0;display:block;}
.inactivo	{cursor:default;}
.sprite	{display:block;float:left;}
.wrapper {margin:0 auto;}
.vertical-center {display:table-cell;vertical-align: middle;}
.alerta	{color:#ff9966;font-size:12px;height:20px;line-height:20px;opacity:0;filter:opacity(alpha=0);}
.destaque-cor	{color:#ff9966;}
.last	{margin-right:0;}
.leg	{color:#ff9966;font-size:10px;font-weight:bold;text-transform:lowercase;}
.obrigatorio	{margin-left:5px;}




#header-home {position:fixed; width:100%;}
#header-home .contender	{margin:40px 40px 0 40px;}
#header-home .header-extras {float:right;}
#header-home .header-extras a {padding:20px 2px; color:#FFF; font-weight:300; font-size:12px; font-family: 'Lato', sans-serif;text-transform:uppercase;}

#header {position:fixed; min-width:960px; width:100%;z-index:1; background:url(../../images/header-cima.png) repeat; }
#header hr	{margin:10px 0;}
#header .col-1	{float:left;margin-left:40px;}
#header .col-1 a {margin: 20px 0;display:block;}

#header .col-2	{float:right;margin-right:40px;margin-top:20px;}
#header-extras	{}
#header-extras	a {color:#FFF;text-transform:uppercase;}

#header-extras .div-linguas	{float:right;display:none;}
#header-extras .div-linguas	a	{color:#999;}
#header-extras .div-linguas	.inactivo	{color:#fff;}
#rodape .area-reservada {float:right;margin-left:20px;}
#rodape .area-reservada a {font-size:14px; color:#FFFFFF;}
#rodape .area-reservada a:hover {color:#DE5B31;}

#header .menu-top	{margin-top:20px;}
#header .menu-top li	{display:inline;float:left;}
#header .menu-top li a{ color:#999999; text-transform:uppercase;}
#header .menu-top li a:hover{ color:#FFF;}
#header .menu-top .item-menu {color: #FFFFFF; float: left;}
#header .menu-top .item-menu.m-0	{width:85px;}
#header .menu-top .item-menu.m-1	{margin-left:70px;width:120px;}
#header .menu-top .item-menu.m-2	{margin-left:70px;width:120px;}
#header .menu-top .item-menu.m-3	{margin-left:50px;width:85px;}
#header .menu-top .item-menu .title {text-transform:uppercase;}
#header .menu-top .menu-items div a:hover{ color:#DE5B31;}
#header .menu-top .menu-items div {
	display: none;
	margin: 0;
	padding: 0;
}
#header .menu-top .menu-items div a{
	color:#999999; 
	text-transform:uppercase; 
	margin-left:10px; 
	position: relative;
	display: block;
	white-space: nowrap;
	text-align: left;
	font-size:10px;
	margin-top:3px;
}


#rodape	{position:fixed; width:100%; height:40px;padding:10px 0; background:url(../../images/header-cima.png);  }
#rodape .wrapper { width:auto; margin:0 40px; }
#rodape .col-1	{float:left;color: #fff; font-size: 10px; font-family: 'Lato', sans-serif; line-height: 40px;}
#rodape .col-2	{float:right;}


/**/
#simplemodal-overlay	{background-color:rgba(0,0,0,0.5);}
#simplemodal-data	{min-width:300px;min-height:50px;padding:20px;background-color:#FFF;}
#simplemodal-data, #simplemodal-data *	{color:#404040;}
#simplemodal-data :focus	{}
#simplemodal-botoes	{text-align:center;margin-top:20px;}
#simplemodal-botoes a, #simplemodal-botoes input	{margin:0 10px;background-color:#DE5B31;color:#fff;padding:5px 10px;cursor:pointer;}
#simplemodal-container a.modalCloseImg {background:url(../../buga/public_html/2012/admin/images/modal-x.png) no-repeat 0 0;width:20px;height:20px;display:inline;z-index:3200;position:absolute;top:0;right:0;cursor:pointer;display:none;}
/**/

#menu {
	position:absolute;
	width:400px;
	min-height:323px;
	top:25%;
	background-color:#303030;
	left:0;
	}
#menu ul	{margin-left:20px;padding:15px;}
#menu li	{float:none;}
#menu img {margin:0;}
#menu li a {font-family: 'Lato', sans-serif;font-size:22px;color:#fff;text-transform:uppercase;height:40px;line-height:42px;padding:0 20px; font-weight:300;}
#menu li .inactivo, #menu li a:hover {
	color:#808080;
}

#menu .titulo-pagina {color:#FFF; font-size:18px; padding:20px;}
#menu .titulo-pagina a {color:#FFF; text-decoration:none; font-size:18px; margin-top:20px;}

#bt-back {margin:17px; float:left;}
#bt-back a{color:#DE5B31; font-size:30px;}
#menu .bt-back {margin:25px 0 17px 17px; float:left;}
#menu .bt-back a{color:#DE5B31; font-size:30px;}

#projecto-menu{
	width:100%;
	height:100%;
	position:absolute;
	z-index:0;
	min-width:960px;
	overflow:hidden;
}
#projecto-menu .item { 
	width:33%;
	height:100%;
	overflow:hidden;
	float:left;
	position:relative;
}
#projecto-menu .item-last { 
	width:34%;
	height:100%;
	overflow:hidden;
	float:left;
	position:relative;
}
#projecto-menu .container{width:100%; height:100%; position:relative;}

#projecto-menu .link{cursor:pointer; width:100%; height:100%; position:absolute; z-index:1; visibility:hidden; background-image:url(../../images/fundo-project.png);}
#projecto-menu .item:hover .link{visibility:visible;}
#projecto-menu .item-last:hover .link{visibility:visible;}
#projecto-menu .item .desc	{
	color: #DE5B31;
    font-size: 20px;
	font-weight:bold;
	text-transform:capitalize;
    left: 40px;
    position: absolute;
    bottom:40px;
}
#projecto-menu .item:hover .desc{color:#fff;}


#pagina {
	width:100%;
	height:100%;
	position:absolute;
	z-index:0;
	min-width:960px;
}

#pagina .wrapper {width:960px; margin:0 auto;}

#pagina .contender {
	background:url(../../images/fundo-content.png);
	float: right;
    margin: 183px 40px 0 0;
    min-height: 350px;
    width: 636px;
}

#pagina-competencias #contender {
	background:url(../../images/fundo-content_333.png);

}


#pagina .titulo-pagina {font-family: 'Lato', sans-serif; font-size:22px; color:#DE5B31; text-transform:uppercase; height:40px;line-height:42px;padding:30px 30px 0 30px; font-weight:300;margin-bottom: 20px;}
#pagina .titulo-pagina a {color:#FFF; text-decoration:none; font-size:18px; margin-top:20px; text-transform:uppercase;}

#pagina .content {font-family: 'Lato'; color:#303030; font-size:14px; padding:30px; font-weight:400; line-height:16px;}
#pagina .content strong, #pagina .content strong *	{font-weight:bold;}
#pagina .content p {color:#FFFFFF;}
#pagina .content li 	{margin-bottom:10px;}
#pagina .content li .col-1	{float:left;width:20px;padding-right:5px;margin-right:5px;border-right:solid 1px #404040;text-align:right;}
#pagina .content li .col-2	{float:left;}


#pagina ul li a:hover { color:#DE5B31;}
#pagina ul li a { font-size:18px; text-transform:uppercase;}

#pagina .project-holder {background-color:#FFF; margin-top:142px;}

.cromo-projecto {background:#000; width:20%; height:20%; color:#FFF; float:left; position:relative; overflow:hidden;}
.cromo-projecto .texto {padding-top:70%; padding-left:20px; cursor:pointer; width:100%; height:100%; position:absolute; z-index:1; visibility:hidden; background-image:url(../../images/fundo-project.png);}
.cromo-projecto .texto span	{display: block; margin-right: 60px;}
.cromo-projecto .fundo {position:relative;}
.cromo-projecto:hover .texto{visibility:visible;}

#pagina-competencias {
	width:100%;
	height:100%;
	position:absolute;
	z-index:0;
	min-width:960px;
	overflow-x:hidden;
}

#contender {background-color: #333333; float: right; width: 700px; min-height:100%; }
#pagina-competencias .wrapper {height:100%; width:960px; margin:0 auto;}

#pagina-competencias .titulo-pagina {font-family: 'Lato', sans-serif; font-size:22px; color:#DE5B31; text-transform:uppercase;line-height:25px;padding:0 0 0 55px; font-weight:300;  margin-top: 170px; }
#pagina-competencias .titulo-pagina a {color:#FFF; text-decoration:none; font-size:18px; margin-top:20px; text-transform:uppercase;}

#pagina-competencias .content {font-family: 'Lato'; color:#FFF; font-size:14px;  font-weight:400; line-height:16px; padding:30px 0 0 55px; width:455px; margin-bottom:50px; padding-bottom:50px;}
#pagina-competencias .content p {color:#FFF;}
#pagina-competencias .content ul, #pagina-competencias .content ol	{margin-bottom:10px;}
#pagina-competencias .content ol li { margin-left:20px; }
#pagina-competencias .content ul li { margin-left:20px; }
#pagina-competencias .content ul ul li { margin-left:40px; list-style:disc;   }
#pagina-competencias .content strong, #pagina-competencias .content strong *	{font-weight:bold;}

#pagina-competencias .thumbs {margin:0 0 50px 55px;}
#pagina-competencias .thumbs a, #pagina .contender .thumbs a{margin:0 5px 5px 0;float:left;}




#pagina-projecto {
	position:absolute;
	width:350px;
	height:150px;
	top:35%;
	background-color:#303030;
	left:0;
	}

#pagina-projecto .titulo-pagina {font-family: 'Lato', sans-serif; font-size:22px; color:#fff; text-transform:uppercase; height:40px;line-height:42px;padding:6px 20px; font-weight:300;}
#pagina-projecto .titulo-pagina a {color:#FFF; text-decoration:none; font-size:18px; margin-top:20px; text-transform:uppercase;}

#pagina-projecto .content {font-family: 'Lato'; color:#fff; font-size:14px; padding:10px 20px 20px 54px; font-weight:300; line-height:16px;}
#pagina-projecto .content p {color:#fff;}

#submenu	{background-color:#FFF;width:200px;position:absolute;left:40px;border-radius:5px;padding:20px 20px 10px 20px;}
#submenu a	{display:block;font-size:14px;}
#submenu div	{margin-top:10px;padding-top:10px;border-top:solid 1px #f2f2f2;}
#submenu li a	{padding:10px;color:#8a8a8a;}
#submenu li a:hover	{text-decoration:underline;}
#submenu li .inactivo	{color:#fff;font-weight:bold;}
#submenu li .inactivo:hover	{text-decoration:none;}
#conteudo	{background-color:#FFF;padding:20px;border-radius:5px;margin:20px 0 20px 260px;}
#conteudo h2 span	{color:#404040;}

/**/
#loading	{position:fixed;top:70px;left:300px;z-index:-2;}
/*#loading-conteudo	{width:400px;height:200px;text-align:center;position:absolute;top:50%;left:50%;margin:-100px 0 0 -200px;}
#loading-conteudo p	{margin-bottom:10px;}*/

#seta-foto{
	width:40px;
	color: white;
	position:absolute;
	padding:10px 0;
	margin-top:30px;
}

#seta-foto a {
	color: #DE5B31;
	font-size: 50px;
	line-height:30px;
	display:block;
	width:30px;
	margin:0 auto;
}
#seta-foto a img	{color:#DE5B31;font-size:30px;font-weight:bold; }
#seta-foto .bt-full	{margin-top:20px;background:url(http://www.estruturasingular.com/images/toggle-fullscreen.png) no-repeat 0 0;}
#seta-foto .bt-full.inactivo	{background-position:0 -30px;cursor:pointer;}


#fundo-conteudo {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	overflow: hidden;
	}
#images .images-item {
	z-index: -2;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	overflow: hidden;
	 
}
	
#fundo {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -2;
	overflow: hidden;
	
	}

#compete{
float:right;
margin: 5px 0;
}


#pagina .content .col-a	{float:left;margin-right:20px;width:270px;}
#pagina .content .col-b	{float:left;width:280px;}

#form-contacto h3	{color:#DE5B31;text-transform:uppercase;}
#form-contacto .bloco	{float:left;margin-right:20px;}
#form-contacto .bloco.last	{margin-right:0;}
#form-contacto input[type="text"]	{background-color:#FFF;padding:5px;border:solid 1px #f2f2f2;color:#404040;font-size:14px;width:265px;}
#form-contacto textarea	{background-color:#FFF;padding:5px;border:solid 1px #f2f2f2;border-radius:0;box-shadow:none;width:265px;border:solid 1px #f2f2f2;color:#404040;font-size:14px;height:80px;overflow-y:auto;resize:vertical;min-height:80px;max-height:400px;}
#form-contacto input[type="submit"]	{background-color:#DE5B31;color:#FFF;width:100px;height:30px;}