@import "rese.css";
@import "font.css";
@import "icon.css";
@import "anim.css";
@import "icon_flat.css";

/************************ FUNC ************************/
html, body {
	overflow-x:hidden;
}

a {	text-decoration:none;	}

/************************ SCRO ************************/
::-webkit-scrollbar { width:10px; }
::-moz-scrollbar { width:10px; }
::-o-scrollbar { width:10px; }

::-webkit-scrollbar-track { background:#FFF; }
::-moz-scrollbar-track { background:#FFF; }
::-o-scrollbar-track { background:#FFF; }

::-webkit-scrollbar-thumb { background:#1b1b1b; }
::-moz-scrollbar-thumb { background:#1b1b1b; }
::-o-scrollbar-thumb { background:#1b1b1b; }

/************************ VENT ************************/
#vent_over {
    width:100%;
    height:100%;
    background-color:#000;
    position:fixed;
    opacity:.7;
    z-index:9997;
	transition:all 0.3s ease 0s;	
}

#vent_emer_clos {
    width:60px !important;
    height:60px !important;
    background:url('../img/vent_emer_clos.png') no-repeat 0 0 !important;
    opacity:1 !important;
    right:30px;
    top:30px;
	position:fixed;
	cursor:pointer;
    z-index:9999 !important;
	transition:all 0.3s ease 0s;
}
	
#vent_emer_clos:hover {
	-moz-transform:rotate(90deg) translate(0);
	-webkit-transform:rotate(90deg) translate(0);
	-o-transform:rotate(90deg) translate(0);
	transform:rotate(90deg) translate(0);
}

#vent_emer_list {
	width:70%;
	top:10%;
	left:15%;
	margin:0 auto;
	position:fixed;
    z-index:9998;
	transition:all 0.3s ease 0s;
}

#vent_emer_list ul {
	width:100%;
	padding:0;
	margin:0;
	list-style:none;
}

#vent_emer_list img {
	width:100%; 
	height:auto;
}

/************************ SCRO GTOP ************************/
.scro_gtop {
    width:45px;
    height:45px;
    color:#353535;
    font-size:28px;
    text-align:center;
    line-height:40px;
    right:20px;
    bottom:20px;
	background:rgba(255, 255, 255, 0.8);
    display:none;
    position:fixed;
    cursor:pointer;
    z-index:9999;
    transition:all 0.3s ease 0s;
}

.scro_gtop:hover {
    color:#FFF;
	background:rgba(0, 86, 174, 0.8);
}

/************************ WRAP ************************/
#wrap {
	width:100%;
	min-width:960px;
}

/************************ PREV ************************/
.prev_wrap {
	width:100%;
	padding:0.15% 3%;
	background:#353535;
	float:left;	
}

/************************ HEAD ************************/
.head_wrap {
	width:100%;
	padding:0.7% 3%;
	float:left;
}

.head_logo {
	width:25%;
	float:left;
}

.head_logo img {
    max-width:100%;
}

.head_enla {
	float:right;
}

.head_like {
	padding-top:8px;
	float:right;
}

.head_enla ul {
	width:100%;
	text-align:right;
	padding:0;
	margin:0;
	list-style:none;
	float:left;
}

.head_enla li {
	width:35px;
	height:35px;
	font-size:1em;
	color:#FFF;
	line-height:32px;
	text-align:center;
	margin:0 2px;
	background:#353535;
	border:2px solid #FFF;
	border-radius:8px;
	overflow:hidden;
	display:inline-block;
    transition:all 0.3s ease 0s;
}

.head_enla li a {
	color:#FFF;
}

.head_enla li:hover {
	background:#353535;
	border:2px solid #6f6f6f;
}

.head_info {
	width:75%;
	padding-top:15px;
	float:right;
}

.head_info_item {
	float:right;
	margin-left:50px;
}

.head_info_item_icon {
    font-size:28px;
    color:#6f6f6f;
	margin-top:-5px;
    float:left;
}

.head_info_item_deta {
    line-height:1.2em;
	margin-top:-8px;
    margin-left:50px;
    position:relative;
}

.head_info_item_deta:before {
    content:'';
    width:1px;
    height:100%;
    top:2px;
    left:-12px;
    background-color:rgba(0,0,0,.2);
    position:absolute;
    -ms-transform:rotate(20deg);
    -webkit-transform:rotate(20deg);
    transform:rotate(20deg);
}

.head_info_item_deta_titu {
	width:100%;
	font-family:'Merriweather Sans', sans-serif;
	font-size:0.85em;
	color:#353535;	
	font-weight:normal;
}

.head_info_item_deta_titu:hover {
	color:#6f6f6f;
}

.head_info_item_deta span {
	width:100%;
	font-family:'Merriweather Sans', sans-serif;
	font-size:0.8em;
	color:#6f6f6f;
	text-transform:uppercase;
	display:block;
}

/************************ MENU ************************/
.menu_wrap {	
	width:100%;
	border-bottom:2px solid #FFF;
	background:#353535;
	float:left;
}

/************************ SLID ************************/
.slid_wrap {
	width:100%;
	float:left;
	position:relative;
}

/************************ TITU ************************/
.titu_wrap {
	width:100%;
	padding:3% 4%;
	background-size:cover !important;
	float:left;
	position:relative;
}

.titu_wrap:before {
    content:'';
    width:100%;
    height:100%;
    top:0;
    left:0;
    background:rgba(255, 255, 255, 0.2) url('../img/titu_wrap_befo_back.png') repeat scroll 0 0;
	background-size:4px;
    position:absolute;
}

.titu_wrap h1 {
	width:100%;
	font-family:'Raleway', sans-serif;
	font-size:2.5em;
	color:#FFF;	
	text-align:left;
	font-weight:bold;
	text-transform:uppercase;
	text-shadow:2px 2px 2px rgba(0, 0, 0, 0.8);
	float:left;
	position:relative;
}

.titu_titu {
	width:100%;
	font-family:'Raleway', sans-serif;
	font-size:2.5em;
	color:#FFF;	
	text-align:left;
	font-weight:bold;
	text-transform:uppercase;
	text-shadow:2px 2px 2px rgba(0, 0, 0, 0.8);
	float:left;
	position:relative;
}

/************************ MAIN ************************/
.main_wrap {
	width:100%;
	padding:3% 3%;
	float:left;
}

/************************ NOSO ************************/
.noso_wrap {
	width:100%;
	float:left;
}

.noso_wrap_over {
	width:100%;
    background-size:cover !important;
	background-position:right top !important;
	float:left;
	position:relative;
}

.noso_info {
    height:600px;
    position:relative;
}

.noso_info_deta {
    width:44%;
    height:600px;
    font-family:'Raleway', sans-serif;
    font-size:14px;
    color:#FFF;
    text-align:justify;
    line-height:160%;
    font-weight:normal;
	padding:4%;
    top:0;
    left:0;
    background:#353535;
	position:absolute;
}

.noso_info_deta:after {
    content:'';
    width:174px;
    height:600px;
    top:0;
    right:-174px;
    background:url('../img/noso_info_deta_afte.png') no-repeat;
    position:absolute;
}

.noso_info_deta h2 {
	width:100%;
    font-size:2em;
	color:#6f6f6f;
	text-transform:uppercase;
	margin-top:20px;
	margin-bottom:30px;
	float:left;
}

/************************ NOSO ITEM ************************/
.noso_secc_wrap {
	width:100%;
	padding:3% 5%;
	background:#F8F8F8;
	float:left;
}

.noso_secc_wrap h2 {
	width:100%;
	font-family:'Raleway', sans-serif;
	font-size:1.8em;
	color:#353535;
	font-weight:700;
	text-align:center;
	text-transform:uppercase;
	margin-top:30px;
	display:inline-table;
}

.noso_secc_wrap span {
	color:#6f6f6f;
}


.noso_secc_h2_base {
    width:70px;
    height:1px;
    text-align:center;
    margin:10px auto 30px auto;
    left:0;
    right:0;
    background:#353535;
    display:block;
    position:relative;
}

.noso_secc_h2_base:before {
    content:'';
    width:50px;
    height:1px;
    margin:5px 0;
    left:10px;
    right:0;
    bottom:0;
    background:#353535;
    position:absolute;
}

.noso_secc_h2_base:after {
    content:'';
    width:50px;
    height:1px;
    margin:5px 0;
    left:10px;
    right:0;
    top:0;
    background:#353535;
    position:absolute;
}

.noso_secc_list ul {
	width:100%;
	padding:0;
	margin:0;
	list-style:none;
	float:left;
}

.noso_secc_list li {
	width:100%;
	padding:3%;
	background:#FFF;
    box-shadow:0 1px 2px #ccc;
	float:left;
	transition:all 0.55s ease;
}

.noso_secc_list li:hover {
	-webkit-transform:translateY(-10px);
	-moz-transform:translateY(-10px);
	-ms-transform:translateY(-10px);
	-o-transform:translateY(-10px);
	transform:translateY(-10px);

	-webkit-box-shadow:0 10px 50px -12px rgba(171, 171, 171, 0.9);
	-moz-box-shadow:0 10px 50px -12px rgba(171, 171, 171, 0.9);
	box-shadow:0 10px 50px -12px rgba(171, 171, 171, 0.9);
}

.noso_secc_list_imag {
	width:48%;
    text-align:center;
}

.noso_secc_list li:nth-child(odd) .noso_secc_list_imag {
	float: left;
}

.noso_secc_list li:nth-child(even) .noso_secc_list_imag {
	float: right;
}

.noso_secc_list_imag img {
	width:100%;
}

.noso_secc_list_imag video {
	width: 100%;
}

.noso_secc_list_imag_vide_vert {
	width: 70%;
	margin: 0 15%;
}

.noso_secc_list_info {
	width:48%;
}

.noso_secc_list li:nth-child(odd) .noso_secc_list_info {
	float: right;
}

.noso_secc_list li:nth-child(even) .noso_secc_list_info {
	float: left;
}

.noso_secc_list_info h3 {
    width:100%;
    font-family:'Raleway', sans-serif;
    font-size:26px;
    color:#353535;
    text-align:left;
	margin-bottom:8px;
	float:left;
	transition:all 0.55s ease;
}

.noso_secc_list li:hover h3 {
	color:#6f6f6f;
}

.noso_secc_list_info_deta {
	width:100%;
	font-family:'Raleway', sans-serif;
	font-size:14px;
	color:#515151;
    line-height:140%;
}

.noso_secc_list_info_enla {
	font-family:'Raleway', sans-serif;
	font-size:14px;
	color:#fff;
	font-weight: 600;
	padding: 8px 30px;
	margin-top: 20px;
    margin-left: 36%;
	background: #353535;
	float: left;
	transition:all 0.55s ease;
}

.noso_secc_list_info_enla:hover {
	background: #6f6f6f;
}

/************************ MODU ************************/
.modu_inic_wrap {
	width:100%;
	padding:3%;
	background:#353535;
	float:left;
}

.modu_inic_wrap h2 {
	width:80%;
	font-family:'Raleway', sans-serif;
	font-size:2.2em;
	color:#FFF;
	font-weight:700;
	text-align:center;
	text-transform:uppercase;
	margin:0% 10%;
	float:left;
}

.modu_inic_wrap span {
	color:#6f6f6f;
}

.modu_inic_h2_base {
    width:70px;
    height:1px;
    text-align:center;
    margin:50px auto 0px auto;
    left:0;
    right:0;
    background:#FFF;
    display:block;
    position:relative;
}

.modu_inic_h2_base:before {
    content:'';
    width:50px;
    height:1px;
    margin:5px 0;
    left:10px;
    right:0;
    bottom:0;
    background:#FFF;
    position:absolute;
}

.modu_inic_h2_base:after {
    content:'';
    width:50px;
    height:1px;
    margin:5px 0;
    left:10px;
    right:0;
    top:0;
    background:#FFF;
    position:absolute;
}

.modu_inic_deta {
	width:80%;
	font-family:'Merriweather Sans', sans-serif;
	font-size:20px;
	color:#fff;
	text-align:center;
	line-height:140%;
	margin:2% 10%;
	float:left;
}

.modu_inic_list {
	width:100%;
	float:left
}

.modu_inic_list ul {
	padding:0;
	margin:0;
	list-style:none;
	float:left
}

.modu_inic_list li {
	width:92%;
	margin:0 4%;
	border-bottom:4px solid #6f6f6f;
	float:left;
}

.modu_inic_list_imag {
	width:100%;
	float:left;
	overflow:hidden;
	position:relative;
}

.modu_inic_list_imag:after {
    content:'';
    width:90%;
    height:90%;
    left:5%;
    top:5%;
    position:absolute;
    z-index:1;
    border:2px solid #FFF;
	transition:all 0.3s ease 0s;
}

.modu_inic_list li:hover .modu_inic_list_imag:after {
    width:80%;
    height:80%;
    left:10%;
    top:10%;
    border:4px solid #353535;
}

.modu_inic_list_imag img {
	width:100%;
	transition:all 0.3s ease 0s;
}

.modu_inic_list li:hover img {
	transform:scale(1.1);
}

.modu_inic_list_deta a:hover {
	color:#353535;
}

.modu_inic_list_titu {
	width:100%;
	font-family:'Merriweather Sans', sans-serif;
	font-size:0.9em;
	color:#FFF;
	text-align:center;
	text-transform:uppercase;
	padding:5% 3%;
	background:#303747;
	float:left;
	transition:all 0.3s ease 0s;
}

.modu_inic_list_deta {
	width:100%;
	font-family:'Merriweather Sans', sans-serif;
	font-size:0.8em;
	color:#7B7B7B;	
	text-align:center;
	font-weight:normal;
	padding:5% 5% 7% 5%;
	background:#FFF;
	float:left;
}

.modu_inic_list_deta a {
	width:50%;
	color:#303747;
	padding:2% 3%;
	margin:0 25%;
	margin-top:2%;
	border:2px solid #303747;
	float:left;
}

.modu_inic_list_deta a:hover {
	color:#FFF;
	background:#353535;
	border:2px solid #353535;
}

.modu_info {
    height:500px;
    position:relative;
}

.modu_info_deta {
    width:44%;
    height:500px;
    font-family:'Raleway', sans-serif;
    font-size:14px;
    color:#FFF;
    text-align:justify;
    line-height:160%;
    font-weight:normal;
	padding:4%;
    top:0;
    left:0;
    background:#353535;
	position:absolute;
}

.modu_info_deta:after {
    content:'';
    width:174px;
    height:500px;
    top:0;
    right:-174px;
    background:url('../img/modu_info_deta_afte.png') no-repeat;
    position:absolute;
}

.modu_info_deta h1 {
    font-size:2em;
	color:#6f6f6f;
    text-align:left;
    line-height:130%;
	text-transform:uppercase;
	margin-bottom:20px;
}

.modu_imag_list {
	width:100%;
	float:left
}

.modu_imag_list ul {
	padding:0;
	margin:0;
	list-style:none;
	float:left
}

.modu_imag_list li {
	width:92%;
	margin:0 4%;
	float:left;
}

.modu_imag_list_imag {
	width:100%;
	float:left;
	overflow:hidden;
	position:relative;
}

.modu_imag_list_imag:after {
    content:'';
    width:90%;
    height:90%;
    left:5%;
    top:5%;
    position:absolute;
    z-index:1;
    border:0px solid #FFF;
	transition:all 0.3s ease 0s;
}

.modu_imag_list li:hover .modu_imag_list_imag:after {
    width:80%;
    height:80%;
    left:10%;
    top:10%;
    border:3px solid #C6C6C6;
}

.modu_imag_list img {
	width:100%;
	transition:all 0.3s ease 0s;
}

.modu_imag_list li:hover img {
	transform:scale(1.1);
}

.modu_vide_list_imag {
	width:100%;
	float:left;
	overflow:hidden;
	position:relative;
}

.modu_vide_list_imag img {
	width:100%;
	transition:all 0.3s ease 0s;
}

.modu_vide_list_imag li:hover img {
	transform:scale(1.1);
}

.modu_vide_list_over {
    width:100%;
    height:100%;
    top:0px;
    left:0px;
    position:absolute;
}

.modu_imag_list_titu {
    width:100%;
    font-family:'Raleway', sans-serif;
    font-size:13px;
    color:#FFF;
    text-align:center;
    line-height:160%;
    font-weight:normal;
	padding:4%;
    background:#353535;
	float:left;
}

/************************ TECN ************************/
.tecn_wrap {
	width:100%;
	padding:3% 0 0 0;
	float:left;
}

.tecn_wrap h2 {
	width:80%;
	font-family:'Raleway', sans-serif;
	font-size:2em;
	color:#353535;
	font-weight:700;
	text-align:center;
	text-transform:uppercase;
	margin:0% 10%;
	float:left;
}

.tecn_wrap span {
	color:#6f6f6f;
}

.tecn_h2_base {
    width:70px;
    height:1px;
    text-align:center;
    margin:50px auto 0px auto;
    left:0;
    right:0;
    background:#353535;
    display:block;
    position:relative;
}

.tecn_h2_base:before {
    content:'';
    width:50px;
    height:1px;
    margin:5px 0;
    left:10px;
    right:0;
    bottom:0;
    background:#353535;
    position:absolute;
}

.tecn_h2_base:after {
    content:'';
    width:50px;
    height:1px;
    margin:5px 0;
    left:10px;
    right:0;
    top:0;
    background:#353535;
    position:absolute;
}

.tecn_list {
	width:100%;
	margin-top:2%;
	float:left
}

.tecn_list ul {
	padding:0;
	margin:0;
	list-style:none;
	float:left
}

.tecn_list li {
	width:100%;
	padding:2% 4%;
    background:#FFF;
	float:left;
    transition:all 0.35s;
	float:left;
}

.tecn_list li:nth-child(even) {
	border-left:1px dotted #DDD;
}

.tecn_list li:nth-child(odd) {
	border-left:1px dotted #DDD;
}

.tecn_list li:hover {
	transform:scale(1.03);
}

.tecn_list_titu {
	width:100%;
	font-family:'Merriweather Sans', sans-serif;
	font-size:1.2em;
    color:#353535;
	text-align:center;
	font-weight:700;
	float:left;
}

.tecn_list_base {
	width:40%;
	height:2px;
	margin:2% 30%;
	margin-bottom:10px;
	background:#353535;
	float:left;
}

.tecn_list_imag {
    width:80px;
    height:80px;
    font-size:40px;
    color:#FFF;
    padding:15px;
	margin:0 auto;
    margin-top:10px;
	background:#353535;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    overflow:hidden;
    text-align:center;
    transition:all 0.5s ease 0s;
    -webkit-transition:all 0.5s ease 0s;
}

.tecn_list_desc {
	width:100%;
	font-family:'Merriweather Sans', sans-serif;
	font-size:0.75em;
    color:#414141;
	text-align:center;
	padding:2% 5%;
	margin-top:10px;
	float:left;
}

/************************ VIVE ************************/
.vive_wrap {
	width:100%;
	background:#353535;
	float:left;
}

.vive_vide {
    width:50%;
    height:600px;
    text-align:center;
	background-repeat:no-repeat !important;
    background-size:cover !important;
    float:left;
}

.vive_vide_info {
    width:100%;
    height:100%;
    display:table;
    text-align:center;
    margin:0;
    position:relative;
    z-index:2;
}

.vive_vide_info_cent {
    display:table-cell;
    vertical-align:middle;
}

.vive_vide_info_cent h3 {
	width:100%;
	font-family:'Raleway', sans-serif;
	font-size:3em;
	color:#FFF;
	font-weight:700;
	text-transform:uppercase;
	padding:0 3%;
}

.vive_vide_info_cent span {
	color:#353535;	
}

.vive_vide_info_cent_desc {
	width:100%;
	font-family:'Raleway', sans-serif;
	font-size:1em;
	color:#FFF;
	line-height:140%;
	margin-top:2%;	
}

.vive_vide_info_cent i {
	font-size:4em;
	color:#FFF;
	margin-top:3%;
	transition:all 0.3s ease 0s;
}

.vive_vide_info_cent i:hover {
	color:#DD001C;
	transform:scale(1.1);
}

.vive_vent {
    width:50%;
	padding:4%;
    float:right;
}

.vive_vent h3 {
	width:100%;
	font-family:'Raleway', sans-serif;
	font-size:2em;
	color:#FFF;
	font-weight:700;
	text-transform:uppercase;
}

.vive_vent span {
	color:#FFF;
	font-size:1.3em;
}

.vive_vent_h3_base {
    width:20%;
    height:1px;
    margin:1% 0%;
    margin-right:80%;
    background:#FFF;
    float:left;
}

.vive_vent_list {
    width:100%;
	margin-top:3%;
    float:left;
}

/************************ CLIE ************************/
.clie_inic_wrap {
	width:100%;
	padding:3%;
	background:#F5F5F5;
	float:left;
	position:relative;
}

.clie_inic_wrap h2 {
	width:80%;
	font-family:'Raleway', sans-serif;
	font-size:2em;
	color:#353535;
	font-weight:700;
	text-align:center;
	text-transform:uppercase;
	margin:0% 10%;
	float:left;
}

.clie_inic_wrap span {
	color:#6f6f6f;
}

.clie_inic_h2_base {
    width:70px;
    height:1px;
    text-align:center;
    margin:50px auto 0px auto;
    left:0;
    right:0;
    background:#353535;
    display:block;
    position:relative;
}

.clie_inic_h2_base:before {
    content:'';
    width:50px;
    height:1px;
    margin:5px 0;
    left:10px;
    right:0;
    bottom:0;
    background:#353535;
    position:absolute;
}

.clie_inic_h2_base:after {
    content:'';
    width:50px;
    height:1px;
    margin:5px 0;
    left:10px;
    right:0;
    top:0;
    background:#353535;
    position:absolute;
}

.clie_inic_deta {
	width:80%;
	font-family:'Merriweather Sans', sans-serif;
	font-size:20px;
	color:#303747;
	text-align:center;
	line-height:140%;
	margin:2% 10%;
	float:left;
}

.clie_inic_list {
	width:100%;
	float:left
}

.clie_inic_list ul {
	padding:0;
	margin:0;
	list-style:none;
	float:left
}

.clie_inic_list li {
	width:96%;
	padding-bottom:4%;
	margin:0 2%;
	border-bottom:4px solid #6f6f6f;
	float:left;
}

.clie_inic_list_imag {
	width:100%;
	float:left;
}

.clie_inic_list_imag img {
	width:100%;
}

.clie_inic_list_titu {
	width:100%;
	font-family:'Merriweather Sans', sans-serif;
	font-size:0.8em;
	color:#303747;
	text-align:center;
	text-transform:uppercase;
	background:#FFF;
	float:left;
}

/************************ TRAB ************************/
.trab_wrap {
    width:100%;
    background:linear-gradient(90deg, rgba(255, 255, 255, 1) 50%, rgba(0, 86, 174, 1) 50%);
    float:left;
}

.trab_wrap_deta {
    width:50%;
    font-family:'Raleway', sans-serif;
    font-size:14px;
    color:#222222;
    text-align:justify;
    line-height:160%;
    font-weight:normal;
	padding:4%;
	float:left;
}

.trab_wrap_form {
    width:50%;
	padding:5% 4%;
	float:right;
}

.trab_wrap_form h3 {
	width:100%;
	font-family:'Raleway', sans-serif;
	color:#FFF;
	font-size:1.4em;
    text-align:left;
	font-weight:700;
	text-transform:uppercase;
	margin-bottom:4%;
	float:left;
}

.trab_form_inpu_text {
	width:49%;
	font-family:'Merriweather Sans', sans-serif;
	font-size:0.8em;
	color:#FFF;
	font-weight:400;
    padding:0.9em 1.5em;
	margin-bottom:2%;
    background-color:transparent;
    border:2px solid #FFF;
	outline:none;
    transition:all 0.3s ease 0s;
}

.trab_form_inpu_text:focus {
    border:2px solid #6f6f6f;
}

.trab_form_inpu_text::-webkit-input-placeholder { color:#EEEEEE; }    
.trab_form_inpu_text:-moz-placeholder { color:#EEEEEE; }
.trab_form_inpu_text:-ms-input-placeholder { color:#EEEEEE; }

.trab_form_inpu_text:focus::-webkit-input-placeholder { color:#FFF; }    
.trab_form_inpu_text:focus:-moz-placeholder { color:#FFF; }
.trab_form_inpu_text:focus:-ms-input-placeholder { color:#FFF; }

.trab_form_inpu_file {
	width:49%;
	font-family:'Merriweather Sans', sans-serif;
	font-size:0.8em;
	color:#FFF;
	font-weight:400;
    padding:0.75em 1.5em;
	margin-bottom:2%;
    background-color:transparent;
    border:2px solid #FFF;
	outline:none;
    transition:all 0.3s ease 0s;
}

.trab_form_inpu_file:focus {
    border:2px solid #6f6f6f;
}

.trab_form_inpu_file::-webkit-input-placeholder { color:#EEEEEE; }    
.trab_form_inpu_file:-moz-placeholder { color:#EEEEEE; }
.trab_form_inpu_file:-ms-input-placeholder { color:#EEEEEE; }

.trab_form_inpu_file:focus::-webkit-input-placeholder { color:#FFF; }    
.trab_form_inpu_file:focus:-moz-placeholder { color:#FFF; }
.trab_form_inpu_file:focus:-ms-input-placeholder { color:#FFF; }

.trab_form_send {
	width:40%;
	font-family:'Raleway', cursive;	
	color:#FFF;	
	font-size:1.2em;
	font-weight:bold;
	text-transform:uppercase;
	padding:2% 2%;
	margin-top:2%;
	margin-left:30%;
	margin-right:30%;
    background-color:transparent;
    border:2px solid rgba(255, 255, 255, 0.9);
	float:left;
	display:block;
    transition:all 0.4s ease 0s;
	cursor:pointer;
}

.trab_form_send:hover {
	background:linear-gradient(to bottom, #6f6f6f 50%,#ffffff 50%) no-repeat scroll right bottom / 100% 4% #6f6f6f;
}

/************************ CONT ************************/
.cont_inic_wrap {
	width:100%;
	background-repeat:no-repeat !important;
	background-position:top center !important;
	background-attachment:fixed !important; 
	background-size:cover;
	float:left;
}

.cont_inic_back {
	width:100%;
	padding:3%;
    background-color:rgba(25,25,25,0.6);
	float:left;
}

.cont_inic_form {
	width:60%;
	padding:3%;
	margin:0 20%;
    background:rgba(0, 0, 0, 0.2);	
	float:right;
}

.cont_inic_form h3 {
	width:100%;
	font-family:'Raleway', sans-serif;
	color:#FFF;
	font-size:1.4em;
    text-align:left;
	font-weight:700;
	text-transform:uppercase;
	margin-bottom:4%;
	float:left;
    transition:.5s ease;	
}

.cont_inic_form_secc {
	width:100%;
	margin-bottom:1%;
	float:left;
}

.cont_inic_form_inpu {
	width:49%;
	font-family:'Merriweather Sans', sans-serif;
	font-size:0.9em;
	color:#FFF;
	font-weight:400;
    padding:0.9em 1.5em;
	margin-bottom:2%;
    background-color:transparent;
    border:2px solid rgba(255, 255, 255 ,0.4);
	outline:none;
    transition:all 0.3s ease 0s;
}

.cont_inic_form_inpu:focus {
    border:2px solid #fff;
}

.cont_inic_form_inpu::-webkit-input-placeholder { color:#959A9E; }    
.cont_inic_form_inpu:-moz-placeholder { color:#959A9E; }
.cont_inic_form_inpu:-ms-input-placeholder { color:#959A9E; }

.cont_inic_form_inpu:focus::-webkit-input-placeholder { color:#FFF; }    
.cont_inic_form_inpu:focus:-moz-placeholder { color:#FFF; }
.cont_inic_form_inpu:focus:-ms-input-placeholder { color:#FFF; }

.cont_inic_form_text {
	width:100%;
	height:100px;
	font-family:'Merriweather Sans', sans-serif;
	font-size:0.9em;
	color:#FFF;
	font-weight:400;
    padding:0.9em 1.5em;
	margin-bottom:2%;
    background-color:transparent;
    border:2px solid rgba(255, 255, 255 ,0.4);
	outline:none;
    transition:all 0.3s ease 0s;
}

.cont_inic_form_text:focus {
	border:2px solid #fff;
}

.cont_inic_form_text::-webkit-input-placeholder { color:#959A9E; }    
.cont_inic_form_text:-moz-placeholder { color:#959A9E; }
.cont_inic_form_text:-ms-input-placeholder { color:#959A9E; }

.cont_inic_form_text:focus::-webkit-input-placeholder { color:#FFF; }    
.cont_inic_form_text:focus:-moz-placeholder { color:#FFF; }
.cont_inic_form_text:focus:-ms-input-placeholder { color:#FFF; }

.cont_inic_form_send {
	width:40%;
	font-family:'Raleway', cursive;	
	color:#FFF;	
	font-size:1.2em;
	font-weight:bold;
	text-transform:uppercase;
	padding:2% 2%;
	margin-top:1%;
	margin-left:30%;
	margin-right:30%;
    background-color:transparent;
    border:2px solid rgba(255, 255, 255, 0.9);
	float:left;
	display:block;
    transition:all 0.4s ease 0s;
	cursor:pointer;
}

.cont_inic_form_send:hover {
	background:linear-gradient(to bottom, #353535 50%,#ffffff 50%) no-repeat scroll right bottom / 100% 4% #353535;
}

/************************ CONT MENS ************************/
#cont_mens {
    width:240px;
    text-align:center;
    margin-left:-120px;
    left:50%;
    top:17%;
	position:fixed;
    z-index:9998;
	cursor:pointer;
	transition:all 0.3s ease 0s;

	-webkit-animation-name:move_cont_mens;
	-webkit-animation-duration:0.6s;
	-webkit-transform-origin:50% 50%;
	-webkit-animation-iteration-count:1;
	-webkit-animation-timing-function:linear;	
}

@-webkit-keyframes move_cont_mens
 {
	 0% { top:-100px; }
	 25% { top:-0px; }	 
	 35% { top:2%; }	
	 50% { top:4%; }	 
	 60% { top:6%; } 
	 70% { top:8%; } 
	 80% { top:12%; }
	 100% { top:15%; }

 }
 
#cont_mens img {
	max-width:100%; 
}

/************************ FOOT MAPA ************************/
#mapa_wrap {
	width:100%;
	height:250px;
	float:left;
}

/************************ FOOT ************************/
.foot_wrap {
	width:100%;
	padding:3%;
	background:#222;	
	float:left;
}

.cont_item_cont {
	width:100%;
    padding:3% 10% 0 10%;
	float:left;
	position:relative;
}

.cont_item_cont_list {
	width:100%;
    padding:1% 5%;
	float:left;
}

.cont_item_cont_list ul {
	width:100%;
	text-align:center;
	padding:0;
	margin:0;
	list-style:none;
	float:left;
}

.cont_item_cont_list li {
	width:24%;
	vertical-align: top;
	display:inline-block;
}

.cont_item_cont_list_elem {
	width:100%;
	padding:20px;
	float:left;
}

.cont_item_cont_list li:last-child .cont_item_cont_list_elem {
	border-right:0;
}

.cont_item_cont_list_elem_icon {
	width:70px;
	height:70px;
	color:#353535;
	font-size:40px;
	text-align:center;
    line-height:180%;
	margin-left:calc(50% - 35px);
    background:#fff;
	border-radius:10px;
	float:left;
}

.cont_item_cont_list_elem_titu {
	width:100%;
	font-family: 'Merriweather Sans', sans-serif;
	font-size:14px;
	color:#fff;
	text-align:center;
	font-weight:600;
	text-transform:uppercase;
	margin-top:8px;
	margin-bottom:5px;
	float:left;
}

.cont_item_cont_list_elem_desc {
	width:100%;
	font-family: 'Merriweather Sans', sans-serif;
	font-size:14px;
	color:#fff;
	text-align:center;
	font-weight:500;
	margin-top:8px;
	float:left;
}

.foot_secc {
	width:29.33%;
	margin:0 2%;
	margin-bottom:4%;
	float:left;
}

.foot_secc:first-child {
	margin-left:0; 
}

.foot_secc:last-child {
	margin-right:0; 
}

.foot_secc_titu {
	width:100%;
	font-family: 'Merriweather Sans', sans-serif;
	font-size:1.2em;
	color:#FFF;	
	text-align:left;
	font-weight:700;
	text-transform:uppercase;
	padding-left:10px;
	margin-bottom:1%;
	float:left;
	position:relative;
}

.foot_secc_titu:before {
    content:'';
    width:4px;
    height:18px;
    left:0;
    top:50%;
    margin-top:-9px;
	background:#353535;
    position:absolute;
}

.foot_secc_hr {
	width:20%;
	height:1px;
	margin:1% 0%;
	margin-left:10px;
	margin-right:80%;
	margin-bottom:7%;
	background:#353535;
	float:left;
}

.foot_secc_deta {
	width:100%;
	font-family:'Merriweather Sans', sans-serif;
	font-size:0.8em;
	color:#FFF;	
	text-align:left;
	line-height:160%;
	font-weight:normal;
	margin-top:-10px;
	margin-bottom:4%;
	float:left;
}

.foot_secc_deta ul {
	padding:0;
	padding-left:15px;
	margin:0;
	list-style-image:url('../img/noso_deta_li.png');	
}

.foot_secc_deta li {
	margin-bottom:5px;
}

.foot_secc_deta li a {
	color:#FFF;
}

.foot_secc_deta li a:hover {
	color:#353535;
}

.foot_secc_link {
	width:40%;
	font-family:'Merriweather Sans', sans-serif;
	font-size:0.8em;
	color:#FFF;	
	text-align:center;
	font-weight:bold;
	text-transform:uppercase;
	padding:2% 2%;
	margin-right:50%;
	margin-bottom:4%;
	border:2px solid #FFF;
	float:left;
	transition:all 0.3s ease 0s;
}

.foot_secc_link:hover {
	color:#FFF;
	background:#353535;
	border:2px solid #353535;
}

.foot_secc_item {
	width:100%;
	font-family:'Merriweather Sans', sans-serif;
	font-size:0.8em;
	color:#FFF;	
	text-align:left;
	margin-bottom:10px;
	float:left;	
}

.foot_secc_item a {
	color:#FFF;
}

.foot_secc_item a:hover {
	color:#353535;
}

.foot_secc_item i {
	width:30px;
	font-size:1.4em;
	color:#353535;
	margin-top:2px;
	float:left;	
}

.foot_hr {
	width:100%;
	height:1px;
	margin:1% 0%;
	background:#FFF;
	float:left;
}

.foot_dere {
	width:50%;
	font-family:'Merriweather Sans', sans-serif;
	font-size:0.8em;
	color:#FFF;
	text-align:left;
	margin-top:11px;
	float:left;
}

.foot_rede {
	width:50%;
	float:right;
}

.foot_rede ul {
	width:100%;
	text-align:right;
	padding:0;
	margin:0;
	list-style:none;
	float:left;
}

.foot_rede li {
	width:40px;
	height:40px;
	font-size:1.2em;
	color:#FFF;
	line-height:37px;
	text-align:center;
	margin:0 8px;
	background:#353535;
	border:2px solid #FFF;
	overflow:hidden;
	display:inline-block;
    transition:all 0.3s ease 0s;
}

.foot_rede li a {
	color:#FFF;
}

.foot_rede li:hover {
	background:#353535;
	border:2px solid #353535;
}

/************************ ADDO ************************/
.addo_clea_both {
	width:100%;
	clear:both;
}

.addo_floa_righ {
	float:right;
}

.addo_floa_left {
	float:left;
}

.addo_padd_null {
	padding:0;
}

.addo_marg_null {
	margin:0;
}

.addo_widh_100 {
	width:100%;
}

.addo_text_alig_left {
	text-align:left;
}

.addo_text_alig_righ {
	text-align:right;
}

.addo_text_alig_cent {
	text-align:center;
}

.addo_scro_posi {
	width:100%;
	float:left;
}

/* ----- MEDIA QUERIES ----- */

@media (min-width:240px) and (max-width:639px) {

	/************************ VENT ************************/
	#vent_emer_clos {
	    width:50px !important;
	    height:50px !important;
		background-size:contain !important;
		right:10px;
		top:10px;
	}

	#vent_emer_list {
		width:90%;
		top:13%;
		left:5%;
	}
	
	/************************ WRAP ************************/
	.wrap {
		min-width:100%;
	}
	
	/************************ PREV ************************/
	.prev_wrap {
		padding:0.5% 3%;
	}
	
	/************************ HEAD ************************/
	.head_wrap {
		padding:1% 2%;
	}
	
	.head_logo {
		width:43%;
	}
	
	.head_enla {
		margin-top:5px;
	}

	.head_like {
		width:100%;
		text-align:center;
		padding-top:8px;
		float:left;
	}

	.head_enla li {
		width:32px;
		height:32px;
		font-size:1em;
		line-height:28px;
		margin:0;
	}

	.head_info {
		width:77%;
		display:table;
		float:left;
	}
	
	.head_info_item {
		margin:0 20px;
	}
	
	.head_info_item_deta { display:none }

	/************************ SLID ************************/
	.slid_wrap::after { display:none }

	.kenburns_063_slide>p { display:none }
	
	/************************ TITU ************************/
	.titu_wrap {
		padding:5% 4%;
	}

	.titu_wrap h1 {
		font-size:1.8em;
	}
	
	.titu_titu {
		font-size:1.8em;
	}
	
	/************************ NOSO ************************/
	.noso_wrap_over {
		background-repeat:no-repeat !important;
		background-size:contain !important;
		background-position:right bottom !important;
	}
	
	.noso_info {
		height:570px;
	}
	
	.noso_info_deta {
		width:100%;
		height:auto;
		line-height:130%;
	}
	
	.noso_info_deta:after { display:none }

	.noso_info_deta h2 {
		font-size:1.5em;
		margin-top:10px;
		margin-bottom:20px;
	}
	
	/************************ NOSO ITEM ************************/
	.noso_secc_wrap {
		padding: 80% 5% 3% 5%;
	}

	.noso_secc_wrap_inic {
		padding-top: 5%;
	}
	
	.noso_secc_wrap h2 {
		font-size:1.3em;
		margin-top:20px;
	}

	.noso_secc_list_imag video {
		width: 100%;
	}

	.noso_secc_list_imag_vide_vert {
		width: 100%;
		margin: 0;
	}	
	
	.noso_secc_list_info {
		width: 100%;
		margin-top: 20px;
		float: left !important;
	}

	.noso_secc_list_info h3 {
		font-size: 20px;
		text-align: center;
	}

	.noso_secc_list_info_deta {
		text-align: justify;
	}

	.noso_secc_list_info_deta img {
		width: 100%;
	}	
	
	.noso_secc_list_imag {
		width: 100%;
		float: right !important;
	}

	/************************ MODU ************************/
	.modu_inic_wrap {
		padding:7% 3%;
	}

	.modu_inic_wrap h2 {
		width:100%;
		font-size:1.5em;
		margin:0;
	}
	
	.modu_inic_h2_base {
		margin:38px auto 0px auto;
	}

	.modu_inic_deta {
		width:96%;
		font-size:0.85em;
		line-height:130%;
		margin:2% 2%;
	}
	
	.modu_inic_list li {
		width:82%;
		margin:0 8%;
	}
	
	.modu_info {
		height:auto;
		position:relative;
	}
	
	.modu_info_deta {
		width:100%;
		height:auto;
		line-height:130%;
	}
	
	.modu_info_deta:after { display:none }
	
	.modu_info_deta h1 {
		font-size:1.5em;
	}

	/************************ TECN ************************/
	.tecn_wrap {
		padding:7% 0 0 0;
	}
	
	.tecn_wrap h2 {
		width:100%;
		font-size:1.5em;
		margin:0;
	}
	
	.tecn_h2_base {
		margin:70px auto 20px auto;
	}
	
	.tecn_list li {
		padding:4% 4%;
	}
	
	.tecn_list_titu {
		font-size:1em;
	}
	
	.tecn_list_imag {
		width:70px;
		height:70px;
		font-size:35px;
		padding:15px;
		margin:0 28%;
	    margin-top:10px;
	}

	/************************ VIVE ************************/
	.vive_vide {
		width:100%;
		height:300px;
	}
	
	.vive_vide_info_cent h3 {
		font-size:2em;
	}
	
	.vive_vent {
		width:100%;
	}

	.vive_vent h3 {
		font-size:1.4em;
	}	

	/************************ CLIE ************************/
	.clie_inic_wrap {
		padding:7% 3%;
	}
	
	.clie_inic_wrap h2 {
		width:100%;
		font-size:1.5em;
		margin:0;
	}

	.clie_inic_h2_base {
		margin:40px auto 0px auto;
	}

	.clie_inic_deta {
		width:96%;
		font-size:0.85em;
		line-height:130%;
		margin:2% 2%;
	}
	
	/************************ TRAB ************************/
	.trab_wrap {
		background:none;
	}
	
	.trab_wrap_deta {
		width:100%;
		padding:2% 4%;
		background:#FFF;
	}
	
	.trab_wrap_form {
		width:100%;
		padding:7% 4%;
		background:#353535;
	}
	
	.trab_wrap_form h3 {
		font-size:1.2em;
		margin-bottom:6%;
	}
	
	.trab_form_inpu_text {
		width:100%;
	}
	
	.trab_form_inpu_file {
		width:100%;
	}
	
	.trab_form_send {
		width:60%;
		padding:2% 2%;
		margin:0 20%;
		margin-top:1%;
	}
	
	/************************ CONT ************************/
	.cont_inic_back {
		padding:7% 3%;
	}
	
	.cont_inic_form {
		width:100%;
		padding:5%;
		margin:0;
	}
	
	.cont_inic_form h3 {
		font-size:1.2em;
		margin-bottom:6%;
	}
	
	.cont_inic_form_inpu {
		width:100%;
	}
	
	.cont_inic_form_send {
		width:60%;
		padding:2% 2%;
		margin:0 20%;
		margin-top:1%;
	}

	/************************ FOOT MAPA ************************/
	#mapa_wrap {
		height:200px;
	}
	
	/************************ FOOT ************************/
	.foot_wrap {
		padding:7% 3%;
	}

	.cont_item_cont_list li {
		width: 100%;
		margin-bottom: 0;
	}

	.cont_item_cont_list_elem {
		padding:15px;
	}	

	.cont_item_cont_list_elem_icon {
		width:50px;
		height:50px;
		font-size:30px;
		line-height:160%;
		margin-left:calc(50% - 25px);
	}
	
	.foot_secc {
		width:100%;
		margin:0;
	}

	.foot_secc#foot_secc_noso { display:none }
	
	.foot_secc#foot_secc_secc { display:none }
	
	.foot_dere {
		width:100%;
		font-size:0.8em;
		text-align:center;
		margin-top:10px;
	}
	
	.foot_rede {
		width:100%;
		margin-top:20px;
		margin-bottom:10px;
	}
	
	.foot_rede ul {
		text-align:center;
	}

}

@media (min-width:640px) and (max-width:959px) {
	
	/************************ VENT ************************/
	#vent_emer_clos {
	    width:50px !important;
	    height:50px !important;
		background-size:contain !important;
		right:10px;
		top:10px;
	}

	#vent_emer_list {
		width:60%;
		top:2%;
		left:20%;
	}
	
	/************************ WRAP ************************/
	.wrap {
		min-width:100%;
	}
	
	/************************ PREV ************************/
	.prev_wrap {
		padding:0.5% 3%;
	}
	
	/************************ HEAD ************************/
	.head_wrap {
		padding:0% 2% 1% 2%;
	}

	.head_logo {
		width:30%;
	}

	.head_enla {
		margin-top:8px;
	}
	
	.head_like {
		margin-top:8px;
	}

	.head_info {
		width:100%;
	}
	
	.head_info_item {
		margin-left:20px;
	}

	/************************ MENU ************************/
	.menu_wrap {	
		z-index:101;
		position:relative;	
	}

	/************************ SLID ************************/
	.slid_wrap::after { display:none }

	.kenburns_063_slide>h1 { font-size:30px !important; }
	.kenburns_063_slide>p { display:none }
	
	/************************ TITU ************************/
	.titu_wrap {
		padding:4% 4%;
	}

	.titu_wrap h1 {
		font-size:1.9em;
	}
	
	.titu_titu {
		font-size:1.9em;
	}
	
	/************************ NOSO ************************/
	.noso_wrap_over {
		background-repeat:no-repeat !important;
		background-size:contain !important;
		background-position:right bottom !important;
	}
	
	.noso_info {
		height:570px;
	}
	
	.noso_info_deta {
		width:100%;
		height:auto;
		line-height:130%;
	}
	
	.noso_info_deta:after { display:none }

	.noso_info_deta h2 {
		font-size:1.5em;
		margin-top:10px;
		margin-bottom:20px;
	}
	
	/************************ NOSO ITEM ************************/
	.noso_secc_wrap h2 {
		font-size:1.5em;
		margin-top:20px;
	}

	.noso_secc_list li {
		width:98%;
		padding:10px 10px;
		margin:1%;
	}

	.noso_secc_list_info h3 {
		margin-top:8px;
	}

	/************************ MODU ************************/
	.modu_inic_wrap {
		padding:4% 3%;
	}

	.modu_inic_wrap h2 {
		width:100%;
		font-size:1.5em;
		margin:0;
	}
	
	.modu_inic_h2_base {
		margin:38px auto 0px auto;
	}

	.modu_inic_deta {
		width:96%;
		font-size:0.85em;
		line-height:130%;
		margin:2% 2%;
	}
	
	.modu_inic_list li {
		width:90%;
		margin:0 5%;
	}
	
	.modu_info {
		height:550px;
		position:relative;
	}
	
	.modu_info_deta {
		width:100%;
		height:auto;
		line-height:130%;
	}
	
	.modu_info_deta:after { display:none }
	
	.modu_info_deta h1 {
		font-size:1.5em;
	}

	/************************ TECN ************************/
	.tecn_wrap {
		padding:4% 0 0 0;
	}
	
	.tecn_wrap h2 {
		width:100%;
		font-size:1.5em;
		margin:0;
	}
	
	.tecn_h2_base {
		margin:40px auto 20px auto;
	}
	
	.tecn_list li {
		padding:4% 4%;
	}
	
	.tecn_list_titu {
		font-size:1em;
	}
	
	.tecn_list_imag {
		width:70px;
		height:70px;
		font-size:35px;
		padding:15px;
		margin:0 28%;
	    margin-top:10px;
	}

	/************************ VIVE ************************/
	.vive_vide {
		width:50%;
		height:520px;
		padding:2%;
	}

	.vive_vide_info_cent h3 {
		font-size:2em;
	}

	.vive_vent h3 {
		font-size:1.4em;
	}	

	/************************ CLIE ************************/
	.clie_inic_wrap {
		padding:4% 3%;
	}
	
	.clie_inic_wrap h2 {
		width:100%;
		font-size:1.5em;
		margin:0;
	}

	.clie_inic_h2_base {
		margin:40px auto 0px auto;
	}

	.clie_inic_deta {
		width:96%;
		font-size:0.85em;
		line-height:130%;
		margin:2% 2%;
	}

	/************************ TRAB ************************/
	.trab_wrap {
		background:none;
	}
	
	.trab_wrap_deta {
		width:100%;
		padding:2% 4%;
		background:#FFF;
	}
	
	.trab_wrap_form {
		width:100%;
		padding:7% 4%;
		background:#353535;
	}
	
	.trab_wrap_form h3 {
		font-size:1.2em;
		margin-bottom:3%;
	}
	
	.trab_form_inpu_text {
		width:100%;
	}
	
	.trab_form_inpu_file {
		width:100%;
	}
		
	/************************ CONT ************************/
	.cont_inic_back {
		padding:4% 3%;
	}
	
	.cont_inic_form {
		width:100%;
		padding:5%;
		margin:0;
	}
	
	.cont_inic_form h3 {
		font-size:1.2em;
		margin-bottom:6%;
	}

	/************************ FOOT MAPA ************************/
	#mapa_wrap {
		height:200px;
	}
	
	/************************ FOOT ************************/
	.foot_wrap {
		padding:3% 3%;
	}

	.cont_item_cont_list li {
		width: 48%;
		margin-bottom: 0;
	}

	.cont_item_cont_list li:nth-child(odd) {
		clear: left;
		float: left;
	}
	
	.cont_item_cont_list li:nth-child(even) {
		float: right;
	}

	.cont_item_cont_list_elem {
		padding:15px;
	}	

	.cont_item_cont_list_elem_icon {
		width:50px;
		height:50px;
		font-size:30px;
		line-height:160%;
		margin-left:calc(50% - 25px);
	}	
	
	.foot_secc {
		width:100%;
		margin:0;
	}

	.foot_secc#foot_secc_noso { display:none }
	
	.foot_secc#foot_secc_secc { display:none }
	
	.foot_dere {
		width:100%;
		font-size:0.8em;
		text-align:center;
		margin-top:10px;
	}
	
	.foot_rede {
		width:100%;
		margin-top:20px;
		margin-bottom:10px;
	}
	
	.foot_rede ul {
		text-align:center;
	}

}