@charset "UTF-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Francois+One);
body {
	background-image:url(../images/bg-top.jpg);
	background-repeat:repeat-x;
	background-position:top center;
	background-color:#e5e6e0;
	margin: 0;
	padding: 0;
	font-family: "Helvetica Neue", Helvetica, Arial;
	font-size: 12.5px;
	color: #333;
	border:0;
	text-align:justify;
}

a {
	text-decoration:none;
	color:#666;
	outline: none;
}
a:hover {
	color:#999;
}

img {
	border:none;
}

li {
	margin-bottom:8px;
	margin-left:-20px;
}

/***** LAYOUT **************/
#container {
	clear:both;
	padding-bottom:30px;
	position:relative;
	width:981px;
	margin: 0 auto;
}

.content {
	clear:both;
	position: relative;
	margin: 0 auto;
	width:981px;
	top:145px;
}


#logo {
	position: absolute;
	z-index: 900;
	top: 42px;
	left: 14px;
	width: 424px;
	height: 101px;
	background-image: url(../images/spacer.gif);
	background-repeat: no-repeat;
}

#logo2 {
	width:178px;
	background-image:url(../images/logo-oleo.png);
}
	

#flags {
	position:absolute;
	z-index:901;
	top:10px;
	right:5px;
	width:315px;
	height:30px;
	text-align:right;
	font-size:14px;
	color:#CCC;
	font-weight:bold;
}
#flags a {
	padding-left:15px;
}

#flags a img {
	padding-left:5px;
}

#menu {
	background-image:url(../images/bg-menu.png);
	background-repeat:no-repeat;
	width:981px;
	height:52px;
	position:relative;
	top:1153px;
	font-family:"Helvetica Neue", Helvetica, Arial;
	font-size:19px;
	font-weight:200;
}

#bottom {
	clear: both;
	position: relative;
	width: 100%;
	height: 149px;
	color: #999;
	top: 150px;
	background-image: url(../images/bg-bottom.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	background-color: #000;
}
.design-by {
	float:right;
}

.bottom-col {
	float:left;
	width:250px;
	padding-left:10px;
	text-align:left;
}
.content-foot {
	position: relative;
	margin: 0 auto;
	width:981px;
	padding-top:15px;
}

.white-sq {
	background-color:#FFF;
	position:absolute;
	top:208px;
	left:-10px;
	width:1000px;
	height:338px;
	background-image:url(../images/T-EMPRESA.jpg);
	background-repeat:no-repeat;
	background-position: 50% 50%;
}

ul.semiopaquemenu{ /* main menu UL */
	position:relative;
	top:159px;
	font-family:"Helvetica Neue", Helvetica, Arial;
	font-size:19px;
	font-weight:200;
	width:981px;
	height:52px;
	background-image:url(../images/bg-menu.png);
	background-repeat:no-repeat;
padding: 11px 0 8px 0; /* padding of the 4 sides of the menu */
margin: 0;
text-align: left; /* set value to "left", "center", or "right" to align menu accordingly */
}

ul.semiopaquemenu li{
display: inline;
	margin-left:8px;
}

ul.semiopaquemenu li a{
	color:black;
	padding: 6px 8px 6px 8px; /* padding of the 4 sides of each menu link */
	margin-right: 0px; /* spacing between each menu link */
	margin-left:20px;
	text-decoration: none;
}

ul.semiopaquemenu li a:hover, ul.semiopaquemenu li a.selected{
color: black;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjgyIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4xNiIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); /* IE9+ SVG equivalent  of linear gradients */
background: -moz-linear-gradient(top,  rgba(255,255,255,0.82) 0%, rgba(255,255,255,0.16) 100%); /* fade from white (0.82 opacty) to 0.16 opacity */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.82)), color-stop(100%,rgba(255,255,255,0.16)));
background: -webkit-linear-gradient(top,  rgba(255,255,255,0.82) 0%,rgba(255,255,255,0.16) 100%);
background: -o-linear-gradient(top,  rgba(255,255,255,0.82) 0%,rgba(255,255,255,0.16) 100%);
background: -ms-linear-gradient(top,  rgba(255,255,255,0.82) 0%,rgba(255,255,255,0.16) 100%);
background: linear-gradient(top,  rgba(255,255,255,0.82) 0%,rgba(255,255,255,0.16) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1ffffff', endColorstr='#29ffffff',GradientType=0 );
-moz-box-shadow: 0 0 5px #595959; /* CSS3 box shadows */
-webkit-box-shadow: 0 0 5px #595959;
box-shadow: 0 0 5px #595959;
padding-top: 12px; /* large padding to get menu item to protrude upwards */
padding-bottom: 10px; /* large padding to get menu item to protrude downwards */
}

.intro {
	position:absolute;
	z-index:100;
	background-color:#000;
	opacity:0.6;
filter:alpha(opacity=60); /* For IE8 and earlier */
}
.intro1 {
	top:40px;
	width:900px;
	height:126px;
}
.intro2 {
	top:185px;
	left:0px;
	width:435px;
	height:300px;
	background-color:#CCC;
	opacity:1;
filter:alpha(opacity=100); /* For IE8 and earlier */
background:none;
}
.intro3 {
	background:none;
	top:185px;
	right:80px;
	width:380px;
	height:300px;
	opacity:1;
filter:alpha(opacity=100); /* For IE8 and earlier */
}
.intro4 {
	top: 623px;
	width: 900px;
	height: 71px;
	background: none;
	opacity: 1;
	filter: alpha(opacity=100); /* For IE8 and earlier */
}


.intro-idioma-link {
	padding:8px;
	padding-right:13px;
	padding-left:13px;
	background-color:#000;
	-webkit-border-radius:7px !important;
	-moz-border-radius:7px;
	border-radius:7px;
	color: #FFF;
	font-family:"Helvetica Neue", Helvetica, Arial;
	font-weight:150;
	font-stretch:expanded;
	font-size:20px;
	line-height:100%;
	opacity:0.7;
	filter:alpha(opacity=70); /* For IE8 and earlier */
}

.intro-idioma-link:hover {
	opacity:1;
filter:alpha(opacity=100); /* For IE8 and earlier */
}

.intro-idioma-link img {
	position:relative;
	top:-10px;
	left:-8px;
}

.square {
	background-color:#fff;
	width:186px;
	height:106px;
	vertical-align:bottom;
	padding-top:2px;
	opacity:0.9;
filter:alpha(opacity=90); /* For IE8 and earlier */
}

.square:hover {
	opacity:1;
filter:alpha(opacity=100); /* For IE8 and earlier */
}
/***** STYLES **************/

.icon-box {
	color:#999;
}
.icon-box img {
	opacity:0.8;
filter:alpha(opacity=80); /* For IE8 and earlier */
}
.icon-box img:hover {
	opacity:1;
filter:alpha(opacity=100); /* For IE8 and earlier */
}


h1,h2,h3,h4,h5 {
	font-family: 'Francois One', "Helvetica Neue", Helvetica, Arial;
	font-weight:100;
	text-align:left;
	line-height:100%;
}
h1 {
	font-size:34px;
	color:#012221;
	padding-top:5px;
	padding-bottom:5px;
	font-weight:180;
}

h2 {
	font-size:30px;
	line-height:100%;
	margin-bottom:3px;
	font-weight:bold;
	color:#9A9A9A;
}


h4 {
	font-size:24px;
	color:#333;
}
h5 {
	font-size:18px;
	color:#012221;
	text-align:right;
}

strong {
	font-weight: 600;
}


.btn {
background: #0BC0E6;
font-weight: bold;
font-size: 1.4em;
font-family: Arial,Helvetica,sans-serif;
color: white;
letter-spacing: -0.03em;
border: 0;
width: 200px;
margin-top: 25px;
cursor: pointer;
border-top: 2px solid #40DAFB;
border-bottom: 2px solid #12AACA;
border-left: 2px solid #40DAFB;
border-right: 2px solid #12AACA;
border-image: initial;
border-radius:8px;
-webkit-border-radius:8px;
-moz-border-radius:8px;
}


.border-grey-services:hover {
	background-color:#FFF;
}

.box {
	padding:8px;
	padding-right:13px;
	padding-left:20px;
	background-color:#EEE;
	color: #666;
	line-height:100%;
background-image: -moz-linear-gradient(top, white, #EEE);
background-image: -ms-linear-gradient(top, white, #EEE);
background-image: -o-linear-gradient( top, white, #EEE);
background-image: -webkit-linear-gradient(top, white, #EEE);
background-image: linear-gradient(top, white, #EEE);
border: 1px solid #DDD;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 1px 0 #9A9A9A;
-webkit-box-shadow: 0 1px 0 #9A9A9A;
box-shadow: 0 1px 0 #9A9A9A;
}
.box:hover {
	background-color:#FFF;
}
.box h3 {
	font-size:22px;
}


.round {
border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
}

.nice {
	padding:15px;
	font-size:14px;
	background-color:#eff0e9;
	color:#333;
}

.news {
	width:300px;
	padding:10px;
	padding-left:15px;
	font-weight:bold;
	font-size:14px;
	background-color:#eff0e9;
	color:#333;
}
.news:hover {
	background-color:#fff;
	color:#000;
}
.news span {
	font-size:10px;
	font-weight:300;
	color:#999;
}

.transparent {
	opacity:0.6;
filter:alpha(opacity=60); /* For IE8 and earlier */
}

.animation {
	
		/* Firefox */
		-moz-transition-property: all;
		-moz-transition-duration: 1s;
		-moz-transition-delay: 0s;
		/* WebKit */
		-webkit-transition-property: all;
		-webkit-transition-duration: 1s;
		-webkit-transition-delay: 0s;
		/* Opera */
		-o-transition-property: all;
		-o-transition-duration: 1s;
		-o-transition-delay: 0s;
		/* Standard */
		transition-property: all;
		transition-duration: 1s;
		transition-delay: 0s;
}
.animation2 {
	
		/* Firefox */
		-moz-transition-property: opacity;
		-moz-transition-duration: 1s;
		-moz-transition-delay: 0s;
		/* WebKit */
		-webkit-transition-property: opacity;
		-webkit-transition-duration: 1s;
		-webkit-transition-delay: 0s;
		/* Opera */
		-o-transition-property: opacity;
		-o-transition-duration: 1s;
		-o-transition-delay: 0s;
		/* Standard */
		transition-property: opacity;
		transition-duration: 1s;
		transition-delay: 0s;
}

.border-grey-services {
	padding:8px;
	padding-right:13px;
	padding-left:13px;
	background-color:#F2F2F2;
	-webkit-border-radius:7px !important;
	-moz-border-radius:7px;
	border-radius:7px;
	color: #666;
	font-size:18px;
	font-weight:bold;
	line-height:100%;
	margin-bottom:7px;
}

.submenu {
	background-color:#C1C1BC;
	color:#898986;
	width:500px;
	position:relative;
	margin-top:20px;
	padding:8px;
	font-size:14px;
}
.submenu a {
	margin:10px;
	color:#FFF;
}

.submenu a:hover {
	color:#666;
}
.inshadow {
    box-shadow:inset 2px 2px 0px #999;
    -moz-box-shadow:inset 2px 2px 0px #999;
    -webkit-box-shadow:inset 2px 2px 0px #999;
}

.shadow {
box-shadow: 2px 2px 5px rgba(44,54,58,.36);
-webkit-box-shadow: 2px 2px 5px rgba(44,54,58,.36);
-moz-box-shadow: 2px 2px 5px rgba(44,54,58,.36);
}

.box {
	padding:8px;
	background-color:#FFF;
	-webkit-border-radius:7px !important;
	-moz-border-radius:7px;
	border-radius:7px;
	color: #666;
	font-size:14px;
	margin-bottom:12px;
	width:90%;
}
.sub-active a {
	color:#333;
}
.white {
	background-color:#FFF;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:10px;
}

.green {
	color:#B6C75B;
}

.border-white {
	border-color:#FFF; border-width:2px;
border-style:solid;
}
.clearfix {
	clear:both;
}

.center {
	text-align:center;
}
/* EFFECTS */

.fadeIn {
	/* Styling for Demo
	---------------------------------------------------- */
	border:0px solid #e9e9e9;
	-webkit-box-shadow: 0px 0px 0px #333;
	-moz-box-shadow: 0px 0px 0px #333;
	-ms-box-shadow: 0px 0px 0px #333;
	-o-box-shadow: 0px 0px 0px #333;
	box-shadow: 0px 0px 0px #333;
	
	/* CSS needed for animation
	---------------------------------------------------- */
	opacity:0;
	-webkit-animation:fadeIn ease-in 1;
	-moz-animation:fadeIn ease-in 1;
	animation:fadeIn ease-in 1;
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
}

/* Animation Times - Time for image to fade in
---------------------------------------------------- */
.fadeIn-3s {
	-webkit-animation-duration:3s;
	-moz-animation-duration:3s;
	animation-duration:3s;
}

.fadeIn-1s {
	-webkit-animation-duration:1s;
	-moz-animation-duration:1s;
	animation-duration:1s;
}

/* Animation Delay - Time for image to be delayed
---------------------------------------------------- */
.fadeIn-Delay-3s {
	-webkit-animation-delay:3s;
	-moz-animation-delay:3s;
	animation-delay:3s;
}

.fadeIn-Delay-1s {
	-webkit-animation-delay:1s;
	-moz-animation-delay:1s;
	animation-delay:1s;
}

.fadeIn-Delay-0s {
	-webkit-animation-delay:0s;
	-moz-animation-delay:0s;
	animation-delay:0s;
}

/* Key Frames
---------------------------------------------------- */
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }