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

body{
	color:#707070;
	background: transparent;
	font: "MS Trebuchet", Arial, Helvetica, sans-serif;
	margin: 0;
	padding:0;

}
p {
	font: normal .75em "MS Trebuchet", Arial, Helvetica, sans-serif;
	text-align: left;
	color:#666;
	line-height: 135%;
	padding: 0 0 .5em 0;
}

h1 {
	float: right;
	font:normal 1.2em Arial, Helvetica, sans-serif;
	font-weight:bolder;
	margin: 0;
	padding: 4.1em 1em 0 0;
	color: #484880;
}
h2 {
	font:normal 1.6em "Lucida Sans Unicode", "Lucida Grande", Helvetica, sans-serif;
	font-weight:bolder;
	margin: 0;
	padding: 1.1em 0 0 0;
	color: #1E402F;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #567333;
}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #567333;
	margin-top: 40px;

}



/*Links*/
a:link {
	color: #061e37;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #061E37;
}
a:hover {
	text-decoration: underline;
	color: #557333;
}
a:active {
	text-decoration: none;
	color: #557333;
}


.Link2:link {
	font-family: Arial, Helvetica, sans-serif;
	color: #09538d;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
	line-height:110%;
}
.Link2:visited {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 11px;
	color: #09538d;
	font-weight: bold;
	line-height:110%;
}
.Link2:hover {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
	font-size: 11px;
	color: #557333;
	font-weight: bold;
	line-height:110%;
}
.Link2:active {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 11px;
	color: #557333;
	font-weight: bold;
	line-height:110%;
}





.Link3:link {
	font-size: 11px;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.Link3:visited {
	font-size: 11px;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;

}
.Link3:hover {
	font-size: 11px;
	color: #09538d;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
}
.Link3:active {
	font-size: 11px;
	color: #09538d;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}



/*LAYOUT*/
#wrapper {
	float:center;
	width:772px;
	background:transparent;
	overflow:hidden;
	margin: 0 auto;
	margin-top: 0px;
}

#banner{
	width: 772px;
	height: 101px;
	background:transparent;
	padding: 0 auto;
	margin-top: 5px;
	margin-bottom: 8px;
	margin-left: 0px;
}
#menu{
width: 772px;
height: 28px;
background:trasparent;
margin:0 auto;
padding: 0;
}

#header{
width: 772px;
height: 155px;
background:url(../images/title_about.jpg) no-repeat top center;
padding: 0;
margin: 0 auto;
}

#content{
width: 769px;
height:auto;
padding:0;
margin: 0px auto;
background:url(../images/fondo_texto.jpg) no-repeat top;
border-right: 1px solid #999; 
border-left: 1px solid #999; 
overflow: hidden;
}
#main{
	float: left;
	width: 435px;
	height: auto;
	margin: 40px auto 0 0;
	left: 5px;
	overflow: hidden;
	position: relative;
	line-height:140%;
	visibility: visible;
}

#main2{
	float: left;
	width: 600px;
	height: auto;
	margin: 40px auto 0 0;
	left: 100px;
	overflow: hidden;
	position: relative;
	line-height:140%;
	visibility: visible;
}

#main3{
	float: left;
	width: 380px;
	height: auto;
	margin: 5px auto 0 0;
	margin-left:10px;
	line-height:140%;
	visibility: visible;
}
#main4{
	float: left;
	width: 380px;
	height: auto;
	margin: -8px auto 0 0;
	margin-left:10px;
	line-height:140%;
	visibility: visible;
}
#column{
float: left;
width: 250px;
margin: 65px 15px 0  auto;
height: auto;
}

#column2{
float: left;
width: 275px;
margin: 10px 15px 0  auto;
margin-left:50px;
height: auto;
}

#column3{
float: left;
width: 275px;
margin: -8px 15px 0  auto;
margin-left:50px;
height: auto;
}

#footer{
width: 772px;
height: 25px;
background:#64803B;
}
#footer p{
font-size: .7em;
color: #fff;
padding: .5em;
text-align: center;
}
/*SPAN*/
/*-----ABOUT------*/

h1#about span {
	display: none;/*el SPAN esta configuarado para ocultarse a la vista del usuario, en el HTML esta escrita la palabra del titular (SEO) es SEO friendly*/
	
}
#about {
width: 772px;
height: 155px;
background:url(../images/tit_about.jpg) no-repeat top center;/*en el HTML renombra el DIV por SERVICES*/
padding: 0;
margin: 0 auto;
}
/*-----SERVICES------*/
h1#services span {
	display: none;
}
#services {
width: 772px;
height: 155px;
background:url(../images/tit_services.jpg) no-repeat top center;/*en el HTML renombra el DIV por SERVICES*/
padding: 0;
margin: 0 auto;
}

/*-----ESPERIENCE------*/
h1#experience span {
display: none;
}
#experience {
width: 772px;
height: 155px;
background:url(../images/tit_experience.jpg) no-repeat top center;/*en el HTML renombra el DIV por EXPERIENCE*/
padding: 0;
margin: 0 auto;

}
/*-----CONTACT US------*/
h1#contact span {
display: none;
}
#contact {
width: 772px;
height: 155px;
background:url(../images/tit_contactUs.jpg) no-repeat top center;/*en el HTML renombra el DIV por CONTACT*/
padding: 0;
margin: 0 auto;
}

/*-----CASE STUDIES------*/

h1#case span {
	display: none;/*el SPAN esta configuarado para ocultarse a la vista del usuario, en el HTML esta escrita la palabra del titular (SEO) es SEO friendly*/
	
}
#case {
width: 772px;
height: 155px;
background:url(../images/tit_caseStudy.jpg) no-repeat top center;/*en cada titulo se reemplaza el nombre de la imagen*/
padding: 0;
margin: 0 auto;
}





/*Extras*/
.news p{
	line-height: 110%;
	padding: 0;
	margin-top: 0px;
}
.newsLink p{
text-align: left;
text-indent:30px;
line-height: normal;
padding: 0 ;
}
.photo{
float: right;
margin: 0 5px;}

.anima{
	outline-color: #999;
	outline-style: solid;
	outline-width: thin;

}

.animacion{
	width:697px;
}

.btn{
	height:35px;
	margin-left:360px;

	}
.photo02{
float: right;
margin: 0 5px;
margin-top:-135px;
margin-right:150px;
}

.photo022{
float: right;
margin: 0 5px;
margin-top:-165px;
margin-right:90px;
}


.vineta{
margin: 0 5px;
margin-left:45px;
}

.vineta2{
margin: 0 5px;
margin-left:23px;
}

.vineta6{
margin: 0 5px;
margin-left:430px;
}

.vineta7{
margin: 0 5px;
margin-left:165px;
}


.vineta8{
margin: 0 5px;
margin-left:185px;
}


.vineta9{
margin: 0 5px;
margin-left:200px;
}



.logo{
width: 419px;
height: 101px;
margin: 0px 0 0 10px;
}
.getGreen{
float: right;
width: 171px;
height: 82px;
margin: 0px 15px 0 0;
}

.getlink{
float: right;
width: 145px;
height: 15px;
margin-left:30px;
margin-top:125px;
}

.vinas {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #09538d;
}

.clear{
clear: both;}


.thumbnail{
position: absolute;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
padding: 0px;
border: 0px double gray;
visibility: hidden;
color: #ffffff;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: auto;
left: auto; /*position where enlarged image should offset horizontally */
}


.thumbnail2{
	position: absolute;
}

.thumbnail2:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail2 span{ /*CSS for enlarged image*/
position: absolute;
padding: 0px;
left: -10px;
border: 0px double gray;
visibility: hidden;
color: #ffffff;
text-decoration: none;
}

.thumbnail2 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
}

.thumbnail2:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -500px;
left: 2px; /*position where enlarged image should offset horizontally */
}



.Titulo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #494981;
	font-style:bold;
}

.texto {
	font: normal .75em "MS Trebuchet", Arial, Helvetica, sans-serif;
	text-align: left;
	color:#666;
}