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

body {
	height:140%;
	width:100%;
	margin:0;padding:0;
	overflow:hidden;
}

#wrapper {
	width:100%;
	height:100%;
	position:absolute;
	top:0;left:0;
	background-color:white;
	overflow:hidden;
}


	#mask {
		width:100%;
		height:1100%;
		overflow:hidden;
		top:-20px;
	}
	

	.item {
		width:100%;
		height:15%;
		display:block;
		background-color:white;
		position:relative;
		margin:0 auto;
     }	
	 
	 .item .structure
	 {
     position: relative;
     margin:0 auto;
	 width:960px;
	 height:700px;
	}
	 
	  .item .structure .logo {
		 height:304px;
		 width:580px;
		 left:145px;
		 position:absolute;
		 top:160px;
		 z-index:1;
	 }
	 
	  .item .structure .logo a img{
		  border:none;
	 }
	 
	   .item .structure .logo .social {
		 height:30px;
		 width:120px;
		 top:180px;
		 left:187px;
		 position:absolute;
		 margin-top:-10px;
         z-index:2;
		 display:block;
	 }
	 .item .structure .logo .social li{
		 display:inline-block;
		 height:30px;
		 width:30px;
		 position:relative;
		 float:left;
		 background-color:blue;
	 }
	 
	 .item .structure .logo .social li a{
		 border:none;
		 cursor:pointer;
	 }
	 
	 .item .structure .topline{
		 height:132px;
		 width:100%;
		 left:370px;
		 position:absolute;
		 top:0px;
		 background-image:url('../images/top.png');
		 }
		 
		.item .structure .toplinempresa{
		 height:132px;
		 width:100%;
		 left:370px;
		 position:absolute;
		 top:0px;
		 background-image:url('../images/top.png');
		 }
		 
		 .item .structure .toplineobras{
		 height:132px;
		 width:100%;
		 left:370px;
		 position:absolute;
		 top:0px;
		 background-image:url('../images/top.png');
		 }
		 
		 .item .structure .toplineclientes{
		 height:132px;
		 width:100%;
		 left:370px;
		 position:absolute;
		 top:0px;
		 background-image:url('../images/top.png');
		 }
		 
		 
		 
		 
	.item .structure h1
	{
        height:20px;
		width:100%;
	    left:250px;
	    top:140px;
		margin:0 auto;
		position:absolute;
		overflow:hidden;
	    font-family: 'Ubuntu', arial, serif;
		color:#FFF;
		font-size:18px;
		line-height:14px;
		text-align:justify;
		text-transform:uppercase;
		padding-top:7px;
	    background-image:url('../images/left.png');
		padding-left:10px;
		font-weight:normal;
		
	}
		 
	
	
	.item .structure p
	{
		height:350px;
		width:480px;
	    left:250px;
	    top:180px;
		margin:0 auto;
		position:absolute;
	    max-height:500px;
		overflow:hidden;
	    font-family: 'Ubuntu', arial, serif;
		color:#666;
		font-size:12px;
		line-height:16px;
		text-align:justify;
		}
	
	.item .structure .leftline
	{
		height:120px;
		width:100%;
	    right:912px;
		position:absolute;
		top:480px;
		background-image:url('../images/left.png');
	}
	

	.item .structure .title{background-color:#83ae13;padding-top:7px; padding-bottom:5px; padding-right:8px; width:100%; color:#1f2a11;margin-bottom:5px; font-size:13px; right:740px; font-family: 'Ubuntu', arial, serif; text-transform:uppercase; text-align:right; top:175px; position:absolute; height:18px;}
	
	/*links*/

.item .structure .galeria 
{
	width: 150px;
	padding: 5px 18px;
	margin: 0;
	margin-bottom: 5px;
	text-transform:uppercase;
	font-family: 'Ubuntu', arial, serif;
	top:170px;
	width:100%;
	text-decoration:none;
	position:absolute;
	list-style-type:none;
	right:720px;
	text-align:right;
	z-index:10;
}

.item .structure .galeria li a
{
	position:relative;
	margin-top:20px;
	list-style-type:none;
	text-decoration:none;
	color: #1f2a11;
	font-size:12px;
	background-color:#83ae13;
	display:block;
	height:15px;
	padding: 8px 12px;
	margin: 0;
	margin-top:5px;

}

.item .structure .galeria li a:hover, .item .structure .galeria li a.selected{ background-color:#1f2a11; color:#83ae13; font-weight:normal;}

	.item .structure .sub{left:-20px;top:175px;width:200px;min-height:10px;position:absolute;list-style-type:none;font-family: 'Ubuntu', arial, serif;text-transform:uppercase;text-align:right;}
	.item .structure .sub li{padding-top:10px; line-height:12px;color:#0f576c; text-decoration:none; font-size:11px; text-align:right; width:200px; right:0px; position:relative;}	
	.item .structure .sub li a{ color:#0f576c; text-decoration:none; font-size:11px;}
	.item .structure .sub li a:hover, .item .structure .sub li a.selected{ font-weight:bold;}
		
	
	.item .structure .sub .subsub{right:40px;top:20px;width:200px;min-height:10px;position:relative;list-style-type:none;font-family: 'Ubuntu', arial, serif;text-transform:uppercase;text-align:right;}
	.item .structure .sub .subsub li{padding-top:10px; line-height:12px;color:#0f576c; text-decoration:none; font-size:11px; text-align:right; width:200px; right:0px; position:relative;}	
	.item .structure .sub .subsub li a{ color:#0f576c; text-decoration:none; font-size:11px;}
	.item .structure .sub .subsub li a:hover, .item .sub .subsub li a.selected{ font-weight:bold;}
		
	.item .structure .content {
		width:150px;
		min-height:100px;
		top:40px;
		margin:0 auto;
		background-color:none;
		position:relative;
		left:165px;
	}

	
	.selected {
		background:#fff;
		font-weight:700;
	}



/*pagination */

.item  structure #pagination ul{text-align:center;margin-top:10px;margin-left:0;color:#666;width:100%;line-height:18px;padding:5px 0; position:relative; top:360px; padding-right:250px; z-index:30;}
.item .structure  #pagination ul li{display:inline;font-size:10px; -moz-border-radius:2px;-webkit-border-radius:2px;}
.item .structure  #pagination ul li a{color:#1f2a11;text-decoration:none;background:#83ae13;-moz-border-radius:2px;-webkit-border-radius:2px;padding:4px 5px;}
.item .structure  #pagination ul li a:hover{background:#1f2a11;color:#FFF;}
.item .structure  #pagination #active{background:#1f2a11;color:#FFF;margin-right:4px;padding:5px 10px;}

/*form */
.item .structure .form {position:absolute; margin:0 auto; left:250px; top:190px;font-family: 'Ubuntu', arial, serif; text-transform:uppercase; z-index:20; max-height:400px;}
.item .structure .form textarea {width:260px;height:100px;float:left;margin-bottom:10px;padding:2px;font-family: 'Ubuntu', arial, serif;font-size:11px; background-color:#f7f9f9;}
.item .structure .form select {width:100px;float:left;margin-bottom:10px;font-size:11px;padding:2px; background-color:#f7f9f9;}
.form input{width:200px;float:left;margin-bottom:10px;padding:2px;font-family: 'Ubuntu', arial, serif;afont-size:11px; background-color:#f7f9f9;}
.item .structure .form label{text-align:right;width:100px;padding:2px;padding-right:10px;font-size:11px;clear:both;display:block;float:left;margin-bottom:10px;color:#666; text-decoration:none;}
.item .structure .form input,.item .structure .form textarea,.item .structure .form select{border:1px solid #a89898; background-color:#f7f9f9;}
.item .structure .form br{clear:both;}
.item .structure .form .out{width:65px;height:22px; color:white; border:0; background: #1f2a11; text-transform:uppercase; font-size:10px;color: #83ae13;}
.item .structure .form .reset {width:65px; height:22px; color:white; border:0; margin-left:10px; background: #1f2a11; text-transform:uppercase; font-size:10px;color:#83ae13;}
.item .structure .form .over{width:65px;height:22px; color:white; border:0; background: #83ae13; text-transform:uppercase; font-size:10px;color: #1f2a11; cursor:pointer;}
.item .structure .form .resetover{width:65px; height:22px; color:white; border:0; margin-left:10px; background: #83ae13; text-transform:uppercase; font-size:10px;color:#1f2a11; cursor:pointer;}




div#fancy_overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;display:none;z-index:30;}
* html div#fancy_overlay{position:absolute;height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}
div#fancy_wrap{text-align:left;}
div#fancy_loading{position:absolute;height:40px;width:40px;cursor:pointer;display:none;overflow:hidden;background:transparent;z-index:100;}
div#fancy_loading div{position:absolute;top:0;left:0;width:40px;height:480px;background:transparent url('../images/fancy_progress.png') no-repeat;}
div#fancy_loading_overlay{position:absolute;background-color:#FFF;z-index:30;}
div#fancy_loading_icon{position:absolute;background:url('../images/fancy_loading.gif') no-repeat;z-index:35;width:16px;height:16px;}
div#fancy_outer{position:absolute;top:0;left:0;z-index:90;overflow:hidden;background:transparent;display:none;margin:0;padding:18px 18px 33px;}
div#fancy_inner{position:relative;width:100%;height:100%;border:1px solid #BBB;background:#FFF;}
div#fancy_content{z-index:100;position:absolute;margin:0;}
div#fancy_div{background:#000;color:#FFF;height:100%;width:100%;z-index:100;}
img#fancy_img{position:absolute;top:0;left:0;border:0;z-index:100;width:100%;height:100%;margin:0;padding:0;}
div#fancy_close{position:absolute;top:-12px;right:-15px;height:30px;width:30px;background:url('../images/fancy_closebox.png') top left no-repeat;cursor:pointer;z-index:181;display:none;}
#fancy_frame{position:relative;width:100%;height:100%;display:none;}
#fancy_ajax{width:100%;height:100%;overflow:auto;}
a#fancy_left,a#fancy_right{position:absolute;bottom:0;height:100%;width:35%;cursor:pointer;z-index:111;display:none;background-image:url(data:image/gif;base64,AAAA);outline:none;}
a#fancy_left{left:0;}
a#fancy_right{right:0;}
span.fancy_ico{position:absolute;top:50%;margin-top:-15px;width:30px;height:30px;z-index:112;cursor:pointer;display:block;}
span#fancy_left_ico{left:-9999px;background:transparent url('../images/fancy_left.png') no-repeat;}
span#fancy_right_ico{right:-9999px;background:transparent url('../images/fancy_right.png') no-repeat;}
a#fancy_left:hover span{left:20px;}
a#fancy_right:hover span{right:20px;}
.fancy_bigIframe{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;}
div#fancy_bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:70;border:0;margin:0;padding:0;}
div.fancy_bg{position:absolute;display:block;z-index:70;border:0;margin:0;padding:0;}
div.fancy_bg_n{top:-18px;width:100%;height:18px;background:transparent url('../images/fancy_shadow_n.png') repeat-x;}
div.fancy_bg_ne{top:-18px;right:-13px;width:13px;height:18px;background:transparent url('../images/fancy_shadow_ne.png') no-repeat;}
div.fancy_bg_e{right:-13px;height:100%;width:13px;background:transparent url('../images/fancy_shadow_e.png') repeat-y;}
div.fancy_bg_se{bottom:-18px;right:-13px;width:13px;height:18px;background:transparent url('../images/fancy_shadow_se.png') no-repeat;}
div.fancy_bg_s{bottom:-18px;width:100%;height:18px;background:transparent url('../images/fancy_shadow_s.png') repeat-x;}
div.fancy_bg_sw{bottom:-18px;left:-13px;width:13px;height:18px;background:transparent url('../images/fancy_shadow_sw.png') no-repeat;}
div.fancy_bg_w{left:-13px;height:100%;width:13px;background:transparent url('../images/fancy_shadow_w.png') repeat-y;}
div.fancy_bg_nw{top:-18px;left:-13px;width:13px;height:18px;background:transparent url('../images/fancy_shadow_nw.png') no-repeat;}
div#fancy_title{position:absolute;bottom:-33px;left:0;width:100%;z-index:100;display:none;}
div#fancy_title div{color:#FFF;font:bold 16px Arial;padding-bottom:3px;}
div#fancy_title table{margin:0 auto;}
div#fancy_title table td{vertical-align:middle;padding:0;}
td#fancy_title_left{height:32px;width:15px;background:transparent url(../images/fancy_title_left.png) repeat-x;}
td#fancy_title_main{height:32px;background:transparent url(../images/fancy_title_main.png) repeat-x;}
td#fancy_title_right{height:32px;width:15px;background:transparent url(../images/fancy_title_right.png) repeat-x;}
a#fancy_left:hover,a#fancy_right:hover{visibility:visible;}

@media all and min-width 0px  { 
html:first-child .thumbwrap a {display:inline-block;vertical-align:top;}
html:first-child .thumbwrap {border-collapse:collapse;display:inline-block;}
}
.thumbwrap{margin:0;padding:0;top:20px; position:absolute; width:980px; left:250px; overflow:hidden; height:110px;}
.thumbwrap li{display:inline-block;vertical-align:top;border:0;margin:0 2px 5px;padding:0;}
.thumbwrap>li div{display:table;width:110px;text-align:center;}
.thumbwrap img {max-width:110px;}
.thumbwrap a{display:block;text-decoration:none;color:#000;cursor:pointer; padding-bottom:5px;}
.thumbwrap>li .wrimg{display:table-cell;vertical-align:middle;width:110px;height:110px;}
.thumbwrap img{border:solid 1px #ccc;vertical-align:middle;-moz-box-shadow:3px 3px 3px rgba(0,0,0,0.2);-webkit-box-shadow:4px 4px 3px rgba(0,0,0,0.2);filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=135, Strength=2);}
.thumbwrap a:hover img{border:1px solid #000;}
.thumbwrap .caption{display:block;font-size:9px;line-height:13px; color:#333;width:110px;padding:2px 0 5px 0; text-align:center; padding-top:5px;}