@import "rese.css";
@import "font.css";
@import "icon_awes.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:#D81E1E; }
::-moz-scrollbar-thumb { background:#D81E1E; }
::-o-scrollbar-thumb { background:#D81E1E; }

/************************ SCRO GTOP ************************/
.scro_goto {
    width:45px;
    height:45px;
	color:#00509A;
    font-size:20px;
    text-align:center;
    line-height:40px;
    right:20px;
    bottom:20px;
	background:rgba(255,255,255,0.8);
	border-radius:5px;
    display:none;
    position:fixed;
    cursor:pointer;
    z-index:9999;
    transition:all 0.3s ease 0s;
    -webkit-transition:all 0.3s ease 0s;
}

.scro_goto:hover {
	color:#FFF;
	background:rgba(0,189,255,0.8);
}

/************************ WRAP ************************/
.wrap {
	width:100%;
	min-width:960px;
}

/************************ HEAD ************************/
.head_wrap {
	width:100%;
	padding:0.5% 2%;
	float:left;
    position:fixed;
    z-index:999;
    transition:all 0.3s ease 0s;
}

.head_wrap_scro {
	padding:0 2%;
	background:rgba(0,0,0,0.85);
    transition:all 0.3s ease 0s;
}

.head_logo {
	width:20%;
	float:left;
    transition:all 0.3s ease 0s;
}

.head_logo_scro {
	width:15%;
    transition:all 0.3s ease 0s;
}

.head_logo img {
    max-width:100%;
}

.head_cont {
	margin-top:20px;
	float:right;
    transition:all 0.3s ease 0s;
}

.head_cont_scro {
	margin-top:4px;
    transition:all 0.3s ease 0s;
}

.head_cont ul {
	width:100%;
    text-align:center;
	padding:0;
	margin:0;
	list-style:none;
	float:left;
}

.head_cont li {
	margin-right:40px;
    display:inline-block;
	position:relative;
}

.head_cont li:before {
	content:'';
	width:40%;
	height:1px;
	top:-5px;
	left:0;
	margin:0 30%;
	background:#FFF;
	position:absolute;
	transition:all 0.3s ease 0s;
}

.head_cont li:hover:before {
	width:100%;
	margin:0;
}

.head_cont li:after {
	content:'';
	width:40%;
	height:1px;
	bottom:-5px;
	left:0;
	margin:0 30%;
	background:#FFF;
	position:absolute;
	transition:all 0.3s ease 0s;
}

.head_cont li:hover:after {
	width:100%;
	margin:0;
}

.head_cont li:last-child {
	margin-right:0;
}

.head_cont_list_titu {
	font-family:'Open Sans', sans-serif;
    font-size:14px;
    color:#FFF;
    font-weight:600;
	transition:all 0.3s ease 0s;
}

.head_cont li:hover .head_cont_list_titu {
	color:#FF1515;
}

.head_cont_list_titu i {
    color:#FF0000;
	margin-right:8px;
}

.head_cont li:nth-child(2) .head_cont_list_titu i {
    font-size:16px;
}

.head_cont li:nth-child(4) {
	margin-right:10px;
	background:#4DA735;
	border-radius:5px;
    transition:all 0.3s ease 0s;
}

.head_cont li:nth-child(4) .head_cont_list_titu i {
	width:40px;
	height:40px;
	font-size:28px;
	color:#FFF;
	line-height:40px;
	margin:0;
    transition:all 0.3s ease 0s;
}

.head_cont li:nth-child(4):hover {
	transform:rotate(45deg);
}

.head_cont li:nth-child(4):hover i {
	transform:rotate(-45deg);
}

.head_cont li:nth-child(5) {
	background:#3B569D;
	border-radius:5px;
    transition:all 0.3s ease 0s;
}

.head_cont li:nth-child(5) .head_cont_list_titu i {
	width:40px;
	height:40px;
	font-size:28px;
	color:#FFF;
	line-height:40px;
	margin:0;
    transition:all 0.3s ease 0s;
}

.head_cont li:nth-child(5):hover {
	transform:rotate(45deg);
}

.head_cont li:nth-child(5):hover i {
	transform:rotate(-45deg);
}

.head_cont li:nth-child(4):before,li:nth-child(4):after, li:nth-child(5):before,li:nth-child(5):after {
	content:'';
	height:0;
}

.head_cont_list_desc {
	font-family:'Raleway', sans-serif;
    font-size:13px;
    color:#FFF;
}

.head_menu {
	width:100%;
	float:left;
    transition:all 0.3s ease 0s;
}

.head_menu_scro {
	margin-top:-10px;
    transition:all 0.3s ease 0s;
}

/************************ MENU ************************/
.menu_wrap {	
	width:100%;
	padding:0 2%;
	background:#F4F4F4;
	float:left;	
}

/************************ SLID ************************/
.slid_wrap {
	width:100%;
	height:750px;
	background:url('../img/slid_main_01.jpg') no-repeat center top;
	background-size:cover;
	float:left;
}

/************************ TITU ************************/
.titu_wrap {
	width:100%;
	padding:12% 3% 2% 3%;
	background-size:cover !important;
	float:left;
	position:relative;
}

.titu_wrap:after {
	content:'';
	width:100%;
	height:100%;
	top:0;
	left:0;
	background:rgba(39,38,39,0.7);
	position:absolute;
}

.titu_wrap h1 {
	width:100%;
	font-family:'Open Sans', sans-serif;
	font-size:40px;
	color:#FFF;	
	text-align:left;
	font-weight:700;
	float:left;
	position:relative;
	z-index:1;
}

.titu_titu {
	width:100%;
	font-family:'Open Sans', sans-serif;
	font-size:40px;
	color:#FFF;	
	text-align:left;
	font-weight:700;
	float:left;
	position:relative;
	z-index:1;
}

.titu_subt {
	width:100%;
	font-family:'Open Sans', sans-serif;
	font-size:14px;
	color:#FFF;	
	text-align:left;
	font-weight:600;
	float:left;
	position:relative;
	z-index:1;
}

/************************ BANN ************************/
.bann_wrap {
	width:100%;
	padding:0 3%;
	margin-top:-140px;
	float:left;
	position:relative;
}

.bann_list	{
	width:100%;
	float:left;
	position:relative;
	z-index:2;
}

.bann_list ul {
	width:100%;
    text-align:center;
	padding:0;
	margin:0;
	list-style:none;
	float:left;
}

.bann_list li {
	width:94%;
	margin:0 3%;
	background:rgba(0,0,0,0.5);
    display:inline-block;
	position:relative;
    transition:all 0.3s ease 0s;
}

.bann_list li:hover {
	background:rgba(236,49,49,1);
}

.bann_list li:before {
    content:'';
    width:30px;
    height:30px;
    top:0;
    left:0;
    border:0 solid #EC3131;
    border-top-width:3px;
    border-left-width:3px;
    position:absolute;
    transition:all 0.3s ease 0s;
    -webkit-transition:all 0.3s ease 0s;
}

.bann_list li:hover:before {
    width:30%;
    height:50%;
	border-color:#FFF;
}

.bann_list li:after {
    content:'';
    width:30px;
    height:30px;
    right:0;
    bottom:0;
    border:0 solid #EC3131;
    border-bottom-width:3px;
    border-right-width:3px;
    position:absolute;
    transition:all 0.3s ease 0s;
}

.bann_list li:hover:after {
    width:30%;
    height:50%;
	border-color:#FFF;
}

.bann_list_icon {
	font-size:60px;
    color:#FFF;
	padding-top:15px;
    position:relative;
}

.bann_list h3 {
	width:100%;
    font-family:'Raleway', sans-serif;
	font-size:15px;
	color:#FFF;
	font-weight:600;
	padding:0px 5px 10px 5px;
	margin-top:0;
	float:left;
    transition:all 0.3s ease 0s;
}

/************************ MAIN ************************/
.main_wrap {
	width:100%;
	padding:1% 5% 2% 5%;
	float:left;
}

.main_titu {
    color:#272627;
    font-family:'Raleway';
    font-size:100px;
    font-weight:700;
    letter-spacing:-3px;
    margin-left:-5%;
    opacity:0.05;
    text-transform:uppercase;
    z-index:1;
}

.main_wrap h1 {
	width:100%;
    font-family:'Raleway', sans-serif;
	font-size:35px;
	color:#EC3131;
	font-weight:700;
	letter-spacing:-1px;
	margin-top:-60px;
	margin-bottom:60px;
	float:left;
	position:relative;
}

.main_wrap h1:before {
    content:'';
    width:120px;
    height:6px;
    left:0;
    bottom:-20px;
    background:#EEE;
    position:absolute;
}

.main_wrap h1:after {
    content:'';
    width:70px;
    height:6px;
    left:0;
    bottom:-35px;
    background:#EEE;
    position:absolute;
}

/************************ SERV ************************/
.serv_list {
	width:100%;
	padding:0 5%;
	float:left;
}

.serv_list ul {
	width:100%;
	padding:0;
	margin:0;
	list-style:none;
	float:left;
}

.serv_list li {
	width:100%;
	margin-bottom:40px;
	float:left;
}

.serv_list_info {
	width:48%;
    font-family:'Open Sans', sans-serif;
    font-size:14px;
    color:#2D2F48;
	text-align:justify;
	line-height:150%;
	padding-top:60px;
}

.serv_list li:nth-child(odd) .serv_list_info {
	float:left;
}

.serv_list li:nth-child(even) .serv_list_info {
	float:right;
}

.serv_list_info h2 {
	width:100%;
    font-family:'Raleway', sans-serif;
	font-size:30px;
	color:#2D2F48;
	font-weight:700;
	text-align:left;
	margin-left:0;
	margin-bottom:30px;
	float:left;
	position:relative;
}

.serv_list_info h2:after {
    content:'';
    width:80px;
    height:3px;
    left:0px;
    bottom:-15px;
    background:#EC3131;
    position:absolute;
}

.serv_list_imag {
	width:40%;
	position:relative;
}

.serv_list_imag_over {
    width:100%;
    height:100.25%;
    top:0;
    left:0;
    background:url('../img/serv_list_imag_over.png') no-repeat;
    background-size:cover;
    position:absolute;
    transition:all 0.3s ease 0s;
    -webkit-transition:all 0.3s ease 0s;
}

.serv_list li:nth-child(odd) .serv_list_imag {
	float:right;
}

.serv_list li:nth-child(even) .serv_list_imag {
	float:left;
}

.serv_list_imag img {
	width:100%;
}

/************************ PROY INIC ************************/
.proy_inic_wrap {
	width:100%;
	padding:4% 0 2% 0;
	background-size:cover !important;
    background-attachment:scroll !important;
    float:left;
}

.proy_inic_imag {
	width:45%;
	float:left;
	position:relative;
}

.proy_inic_imag img {
	width:100%;
}

.proy_inic_list {
	width:40%;
	margin-right:8%;
	float:right;
}

.proy_inic_list h1 {
	width:100%;
    font-family:'Raleway', sans-serif;
	font-size:20px;
	color:#00BDFF;
	font-weight:700;
	text-align:left;
	text-transform:uppercase;
	padding-bottom:15px;
	float:left;
	position:relative;
    transition:all 0.3s ease 0s;
}

.proy_inic_list h1:after {
    content:'';
    width:100%;
    height:8px;
    background:url('../img/main_titu_afte_azul.png') no-repeat left top;
    left:0;
    bottom:5px;
    position:absolute;
}

.proy_inic_list span {
	font-size:30px;
	color:#00509A;
	font-weight:600;
	display:block;
}

.proy_inic_list_deta {
	width:100%;
    font-family:'Open Sans', sans-serif;
    font-size:14px;
    color:#2D2F48;
	text-align:justify;
	line-height:150%;
	float:left;
}

.proy_inic_list ul {
	width:100%;
	padding:0;
	margin:0;
	margin-top:10px;
	list-style:none;
	float:left;
}

.proy_inic_list li {
	width:93.5%;
	padding-top:20px;
	float:left;
}

.proy_inic_list_imag {
	width:100%;
	margin-left:20px;
	float:left;
	position:relative;
	z-index:1;
}

.proy_inic_list_imag:before {
    content:'';
	width:100%;
	height:100%;
    top:-20px;
    left:-20px;
    border:6px solid #1C63B8;
    position:absolute;
	z-index:-1;
    transition:all 0.3s ease 0s;
}

.proy_inic_list li:hover  .proy_inic_list_imag:before {
    border:6px solid #00BDFF;
}

.proy_inic_list_imag:after {
	content:'';
	width:100%;
	height:100%;
    top:16px;
    left:16px;
    background:url('../img/proy_list_imag_patt.png');
    position:absolute;
	z-index:-1;
}

.proy_inic_list_imag img {
	width:100%;
	position:relative;
	z-index:1;
    transition:all 0.3s ease 0s;
}

.proy_inic_list li:hover  img {
	transform:scale(0.98);
}

.proy_inic_list_enla {
	width:100%;
    font-family:'Raleway', sans-serif;
	font-size:16px;
	color:#00509A;
	font-weight:600;
	text-align:center;
	margin-top:30px;
	margin-left:20px;
	float:left;
    transition:all 0.3s ease 0s;
}

.proy_inic_list li:hover  .proy_inic_list_enla {
	color:#FF0000;
}

/************************ PROY ************************/
.proy_list {
	width:100%;
	float:left;
}

.proy_list ul {
	width:100%;
	padding:0;
	margin:0;
	list-style:none;
	float:left;
}

.proy_list li {
	width:29.33%;
	margin:0 2%;
	padding-top:20px;
	margin-bottom:50px;
	float:left;
}

.proy_list_imag {
	width:100%;
	float:left;
	position:relative;
	z-index:1;
}

.proy_list_imag:before {
    content:'';
	width:100%;
	height:100%;
    top:-20px;
    left:-20px;
    border:6px solid #1C63B8;
    position:absolute;
	z-index:-1;
    transition:all 0.3s ease 0s;
}

.proy_list li:hover  .proy_list_imag:before {
    border:6px solid #00BDFF;
}

.proy_list_imag:after {
	content:'';
	width:100%;
	height:100%;
    top:16px;
    left:16px;
    background:url('../img/proy_list_imag_patt.png');
    position:absolute;
	z-index:-1;
}

.proy_list_imag img {
	width:100%;
	position:relative;
	z-index:1;
    transition:all 0.3s ease 0s;
}

.proy_list li:hover  img {
	transform:scale(0.98);
}

.proy_list_enla {
	width:100%;
    font-family:'Raleway', sans-serif;
	font-size:15px;
	color:#00509A;
	font-weight:600;
	text-align:center;
	margin-top:30px;
	margin-left:20px;
	float:left;
    transition:all 0.3s ease 0s;
}

.proy_list li:hover  .proy_list_enla {
	color:#FF0000;
}

/************************ DOMI ************************/
.domi_wrap {
	width:100%;
	padding:3% 2%;
    background:#F2F3F8;
	float:left;
	position:relative;
}

.domi_wrap h2 {
	width:100%;
    font-family:'Raleway', sans-serif;
	font-size:30px;
	color:#00509A;
	font-weight:700;
	text-align:center;
	text-transform:uppercase;
	padding-bottom:15px;
	float:left;
	position:relative;
    transition:all 0.3s ease 0s;
}

.domi_wrap h2:after {
    content:'';
    width:100%;
    height:8px;
    background:url('../img/main_titu_afte_plom.png') no-repeat center top;
    left:0;
    bottom:5px;
    position:absolute;
}

.domi_form {
	width:42%;
    padding:20px;
	margin:0 29%;
	margin-top:20px;
    background:#FFF;
    border-radius:6px;
    box-shadow:0px 8px 30px 0px rgba(173, 173, 173, 0.4);
	float:left;
}

.domi_form span {
	font-family:'Open Sans', sans-serif;
    font-size:14px;
    color:#2D2F48;
	font-weight:600;
	line-height:39px;
	float:left;
}

.domi_form_inpu {
    width:37%;
	height:40px;
	font-family:'Open Sans', sans-serif;
    font-size:16px;
    color:#00BDFF;
	font-weight:600;
	line-height:40px;
	text-transform:lowercase;
	padding-left:5px;
    background:none;
	border:0;
    border-bottom:1px solid #CCC;
	float:left;
    display:block;
	outline:none;
	position:relative;
}

.domi_form_inpu::-webkit-input-placeholder { color:#00BDFF; }    
.domi_form_inpu:-moz-placeholder { color:#00BDFF; }
.domi_form_inpu:-ms-input-placeholder { color:#00BDFF; }

.domi_form_inpu:focus::-webkit-input-placeholder { color:#EC3131; }    
.domi_form_inpu:focus:-moz-placeholder { color:#EC3131; }
.domi_form_inpu:focus:-ms-input-placeholder { color:#EC3131; }

.domi_form_envi {
	width:25%;
	height:40px;
	font-family:'Open Sans', sans-serif;
    font-size:16px;
    color:#FFF;
	line-height:40px;
	font-weight:600;
	padding:0 20px;
	background:#01519A;
	border:0;
	border-radius:0 20px 20px 0;
	float:right;
	cursor:pointer;
    transition:all 0.3s ease 0s;
}

.domi_form_envi:hover {
	background:#00BDFF;
}

.domi_list {
	width:100%;
	margin-top:20px;
	float:left;
}

.domi_list ul {
	width:100%;
	padding:0;
	margin:0;
	list-style:none;
	float:left;
}

.domi_list li {
	width:92%;
    padding:10px 20px;
	margin:0 4%;
    background:#F9FAFB;
    border:4px solid #F1F5FA;
	float:left;
	position:relative;
}

.domi_list_titu {
	width:100%;
	font-family:'Open Sans', sans-serif;
    font-size:15px;
    color:#00509A;
	font-weight:600;
	float:left;
}

.domi_list_prec {
	width:100%;
	font-family:'Open Sans', sans-serif;
    font-size:13px;
    color:#2D2F48;
	float:left;
}

.domi_resu {
	width:40%;
	font-family:'Open Sans', sans-serif;
    font-size:13px;
    color:#2D2F48;
	text-align:center;
	padding:10px;
	margin:20px 30%;
    background:#F9FAFB;
    border:4px solid #F1F5FA;
	float:left;
}

.domi_resu ul {
	width:100%;
	padding:0;
	margin:0;
	list-style:none;
	float:left;
}

.domi_resu li {
	width:100%;
	padding:10px 0;
	float:left;
}

.domi_resu_esta {
	width:10%;
	float:left;
}

.domi_resu_esta img {
	width:100%;
	padding:0 25%;
}

.domi_resu_domi {
	width:55%;
	font-family:'Open Sans', sans-serif;
    font-size:15px;
    color:#2D2F48;
	text-align:left;
	font-weight:700;
	float:left;
}

.domi_resu_domi span {
    color:#EC3131;
}

.domi_resu_enla {
	font-family:'Open Sans', sans-serif;
    font-size:13px;
    color:#00509A;
	padding:3px 30px;
	background:#FFF;
	border:2px solid #00509A;
	border-radius:20px;
	float:left;
    transition:all 0.3s ease 0s;
}

.domi_resu_enla:hover {
    color:#EC3131;
	border:2px solid #EC3131;
}

/************************ HOST ************************/
.host_list {
	width:100%;
	float:left;
}

.host_list ul {
	width:100%;
	padding:0;
	margin:0;
	list-style:none;
	float:left;
}

.host_list li {
	width:31.3%;
	margin:0 1%;
	float:left;
	position:relative;
    transition:all 0.3s ease 0s;
}

.host_list li:hover {
	transform:scale(1.015);
}

.host_list li:before {
	content:'';
    width:50.5%;
	height:20px;
	left:0;
	bottom:-10px;
    background:#F2F3F8;
	border-bottom:4px solid #DEDFE3;
	transform:skew(0deg,5deg);
	position:absolute;
}

.host_list li:after {
	content:'';
    width:50.5%;
	height:20px;
	right:0;
	bottom:-10px;
    background:#F2F3F8;
	border-bottom:4px solid #DEDFE3;
	transform:skew(0deg,-5deg);
	position:absolute;
}

.host_list_titu {
	width:100%;
    font-family:'Raleway', sans-serif;
	font-size:18px;
	color:#FFF;
	font-weight:600;
	text-align:center;
	text-transform:uppercase;
	padding:10px;
	background:#00509A;
	border-radius:10px 10px 0 0;
	float:left;
    transition:all 0.3s ease 0s;
}

.host_list li:hover .host_list_titu {
	background:#EC3131;
}

.host_list_prec {
	width:100%;
    font-family:'Open Sans', sans-serif;
	font-size:22px;
	color:#00509A;
	font-weight:700;
	text-align:center;
	padding-top:10px;
	float:left;
}

.host_list_peri {
	width:100%;
    font-family:'Open Sans', sans-serif;
	font-size:14px;
	color:#00BDFF;
	font-weight:700;
	text-align:center;
	text-transform:uppercase;
	padding-bottom:10px;
	float:left;
	position:relative;
}

.host_list_peri:before {
	content:'';
    width:50.5%;
	height:20px;
	top:20px;
	left:0;
    background:#FFF;
	border-bottom:4px solid #DEDFE3;
	transform:skew(0deg,5deg);
	position:absolute;
}

.host_list_peri:after {
	content:'';
    width:50.5%;
	height:20px;
	top:20px;
	right:0;
    background:#FFF;
	border-bottom:4px solid #DEDFE3;
	transform:skew(0deg,-5deg);
	position:absolute;
}

.host_list_info {
	width:100%;
    font-family:'Raleway', sans-serif;
	padding:30px 15px 15px 15px;
	background:#F2F3F8;
	float:left;
}

.host_list_info_cara {
	width:100%;
	font-size:14px;
	color:#999;
	padding:8px;
	margin-bottom:5px;
	background:#FFF;
	float:left;
    transition:all 0.3s ease 0s;
}

.host_list li:hover .host_list_info_cara {
	color:#00509A;
}

.host_list_info_cara span {
	font-weight:700;
	margin-left:5px;
}

.host_list li:hover span {
	color:#EC3131;
}

/************************ CLIE ************************/
.clie_inic_wrap {
	width:100%;
	padding:2% 3% 5% 3%;
	float:left;
	position:relative;	
}

.clie_inic_wrap:before {
    content:'';
    width:100%;
    height:100%;
	top:-30px;
    right:75%;
    background:#00509A;
    transform:skewX(-38deg);
    -webkit-transform:skewX(-38deg);
    position:absolute;
}

.clie_inic_wrap h2 {
	width:30%;
    font-family:'Raleway', sans-serif;
	font-size:30px;
	color:#00BDFF;
	font-weight:600;
	text-align:left;
	text-transform:uppercase;
	padding-bottom:15px;
	margin-top:30px;
	float:left;
	position:relative;
    transition:all 0.3s ease 0s;
}

.clie_inic_wrap span {
	font-size:36px;
	color:#FFF;
	font-weight:700;
	display:block;
}

.clie_inic_wrap h2:after {
    content:'';
    width:100%;
    height:8px;
    background:url('../img/main_titu_afte_blan.png') no-repeat left top;
    left:0;
    bottom:5px;
    position:absolute;
}

.clie_inic_list {
	width:70%;
	margin-top:40px;
	float:right;
}

.clie_inic_list ul {
	width:100%;
	padding:0;
	margin:0;
	list-style:none;
	float:left;
}

.clie_inic_list li {
	width:90%;
	margin:0 5%;
    background:#FFF;
    border:2px solid transparent;
	float:left;
	transition:all 0.3s ease 0s;
}

.clie_inic_list li:before {
    content:'';
    width:30px;
    height:30px;
    top:0;
    left:0;
    border:0 solid #E8E8E8;
    border-top-width:2px;
    border-left-width:2px;
    position:absolute;
    transition:all 0.3s ease 0s;
    -webkit-transition:all 0.3s ease 0s;
}

.clie_inic_list li:hover:before {
    width:50%;
    height:50%;
	border-color:#00509A;
}

.clie_inic_list li:after {
    content:'';
    width:30px;
    height:30px;
    right:0;
    bottom:0;
    border:0 solid #E8E8E8;
    border-bottom-width:2px;
    border-right-width:2px;
    position:absolute;
    transition:all 0.3s ease 0s;
}

.clie_inic_list li:hover:after {
    width:50%;
    height:50%;
	border-color:#00509A;
}

.clie_inic_list_imag {
	width:100%;
	float:left;
	transition:all 0.3s ease 0s;
	position:relative;
}

.clie_inic_list_imag:before {
	content:'';
	background:#FFF

}

.clie_inic_list_imag img {
	width:100%;
}

/************************ FOOT ************************/
.foot_wrap {
	width:100%;
	background:#EC3131;
	float:left;
}

.foot_cont {
	width:65%;
	padding:5% 4%;
	background-size:cover !important;
	float:left;
	position:relative;
}

.foot_cont:before {
    content:'';
    width:100%;
    height:100%;
	top:0;
	left:0;
    background:rgba(0,0,0,0.5) url('../img/foot_info_patt.png') repeat scroll 0 0;
    background-size:4px;
    position:absolute;
}

.foot_cont h2 {
	width:30%;
    font-family:'Raleway', sans-serif;
	font-size:30px;
	color:#FFF;
	font-weight:700;
	text-align:left;
	text-transform:uppercase;
	padding-bottom:15px;
	float:left;
	position:relative;
    transition:all 0.3s ease 0s;
}

.foot_cont h2:after {
    content:'';
    width:100%;
    height:8px;
    background:url('../img/main_titu_afte_blan.png') no-repeat left top;
    left:0;
    bottom:5px;
    position:absolute;
}

.foot_cont_deta {
	width:100%;
	font-family:'Raleway', sans-serif;
    font-size:14px;
    color:#FFF;
	text-align:center;
	line-height:140%;
	margin-top:20px;
	margin-right:40%;
	float:left;
	position:relative;
    z-index:1;
}

.foot_cont_form {
	width:100%;
	margin-top:20px;
	float:left;
	position:relative;
    z-index:1;
}

.foot_cont_form_secc {
	width:49%;
	margin-bottom:10px;
	float:left;
}

.foot_cont_form_secc:nth-child(odd) {
	float:left;
}

.foot_cont_form_secc:nth-child(even) {
	float:right;
}

.foot_cont_form_secc:nth-child(7) {
	width:100%;
	margin:0;
	margin-bottom:20px;
	float:left;
}

.foot_cont_form_secc:nth-child(8) {
	float:left;
}

.foot_cont_form_secc:nth-child(9) {
	float:right;
}

.foot_cont_form_secc_inpu {
	width:100%;
	font-family:'Raleway', sans-serif;
	font-size:13px;
	color:#00509A;
	font-weight:600;
    padding:12px 1.5em;
	background:rgba(255,255,255,0.95);
    border:1px solid #FFF;
	border-radius:8px;
	float:left;
	outline:none;
    transition:all 0.3s ease 0s;
}

.foot_cont_form_secc_inpu:focus {
	color:#EC3131;
    border:1px solid #EC3131;
}

.foot_cont_form_secc_inpu::-webkit-input-placeholder { color:#2D2F48; }    
.foot_cont_form_secc_inpu:-moz-placeholder { color:#2D2F48; }
.foot_cont_form_secc_inpu:-ms-input-placeholder { color:#2D2F48; }

.foot_cont_form_secc_inpu:focus::-webkit-input-placeholder { color:#EC3131; }    
.foot_cont_form_secc_inpu:focus:-moz-placeholder { color:#EC3131; }
.foot_cont_form_secc_inpu:focus:-ms-input-placeholder { color:#EC3131; }

.foot_cont_form_secc_chec {
	width:100%;
	float:left;
}

.foot_cont_form_secc_chec ul {
	padding:0;
	margin:0;
	list-style:none;
}

.foot_cont_form_secc_chec li {
	width:49%;
    padding:7px 10px 8px 10px;
	background:rgba(255,255,255,0.95);
    border:1px solid #FFF;
	border-radius:8px;
	float:left;
}

.foot_cont_form_secc_chec li:nth-child(2) {
	float:right;
}

.foot_cont_form_secc_chec_inpu {
    width:15px;
    height:15px;
    margin-top:5px;
    margin-right:5px !important;
    float:left;
}

.foot_cont_form_secc_chec_labe {
	font-family:'Raleway', sans-serif;
    font-size:13px;
    color:#2D2F48;
	font-weight:600;
	line-height:24px;
	text-transform:uppercase;
    margin-bottom:0 !important;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	outline:none;
	display:block;
}

.foot_cont_form_secc input[type=checkbox]:checked + label {
	color:#00509A;
}

.foot_cont_form_secc_text {
	width:100%;
	height:100px;
	font-family:'Raleway', sans-serif;
    font-size:13px;
	color:#00509A;
	font-weight:600;
    padding:12px 1.5em;
	background:rgba(255,255,255,0.95);
    border:1px solid #FFF;
	border-radius:8px;
	float:left;
	resize:none;
	outline:none;
    transition:all 0.3s ease 0s;
}

.foot_cont_form_secc_text:focus {
	color:#EC3131;
    border:1px solid #EC3131;
}

.foot_cont_form_secc_text::-webkit-input-placeholder { color:#2D2F48; }    
.foot_cont_form_secc_text:-moz-placeholder { color:#2D2F48; }
.foot_cont_form_secc_text:-ms-input-placeholder { color:#2D2F48; }

.foot_cont_form_secc_text:focus::-webkit-input-placeholder { color:#EC3131; }    
.foot_cont_form_secc_text:focus:-moz-placeholder { color:#EC3131; }
.foot_cont_form_secc_text:focus:-ms-input-placeholder { color:#EC3131; }

.foot_cont_secc_envi {
    width:100%;
	font-family:'Raleway', serif;
    font-size:20px;
    color:#FFF;
    text-align:center;
	font-weight:700;
    line-height:140%;
	padding:10px;
	margin-top:10px;
	background:#00509A;
	border:2px solid #FFF;
    float:left;
	cursor:pointer;
	transition:all 0.3s ease 0s;
    -webkit-transition:all 0.3s ease 0s;
}

.foot_cont_secc_envi:hover {
	background:#EC3131;
}

.foot_info {
	width:35%;
    padding:95px;
	float:right;
}

.foot_info ul {
	width:100%;
	padding:0;
	margin:0;
	list-style:none;
	float:left;
	position:relative;
}

.foot_info li {
	width:100%;
	margin-bottom:40px;
	float:left;
	position:relative;
}

.foot_info li:last-child {
	margin-bottom:0;
}

.foot_info li:after {
    content:'';
    width:1px;
    height:69%;
    top:60px;
    left:30px;
    border:1px dashed #FFF;
    position:absolute;
    display:block;
    z-index:1;
}

.foot_info li:last-child:after {
	display:none;
}

.foot_info_icon {
    width:60px;
    height:60px;
    font-size:30px;
    color:#FFF;
    text-align:center;
    line-height:40px;
    padding-top:10px;
	margin-right:10px;
	border:1px solid #FFF;
    float:left;
    transition:all 0.3s ease 0s;
    -webkit-transition:all 0.3s ease 0s;
}

.foot_info li:hover .foot_info_icon {
	color:#EC3131;
	background:#FFF;
	border:1px solid #EC3131;
}

.foot_info_cont {
	font-size:13px;
	padding:3%;
	border-left:0;
}

.foot_info_cont_titu {
	font-family:'Raleway', sans-serif;
	font-size:14px;
	color:#FFF;
	font-weight:700;
	display:block;
}

.foot_info_cont_titu span {
	font-size:13px;
	color:#FFF;
	font-weight:500;
}

.foot_info_cont_desc {
	font-family:'Open Sans', sans-serif;
	font-size:14px;
	color:#FFF;
	font-weight:700;
	display:block;
}

/************************ CONT MENS ************************/
#cont_mens {
    width:240px;
    text-align:center;
    left:50%;
    top:17%;
    margin-left:-120px;
	position:fixed;
    z-index:9998;
	cursor:pointer;
    transition:all 0.3s ease 0s;
    -webkit-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%; 
}

/************************ PAGI ************************/
.pagi_wrap {
	width:100%;
	font-family:'Raleway', sans-serif;
	font-size:20px;
	color:#EC3131;
	font-weight:700;
	text-align:center;
	margin:30px auto;
	float:left;		
}

.pagi_wrap img {
	margin-top:7px;	
}

.pagi_wrap a {
	color:#00509A;
	text-decoration:none;
}

.pagi_wrap a:hover {
	color:#00BDFF;		
	text-decoration:none;
}

/************************ ADDO ************************/
.addo_clea_both {
	width:100%;
	clear:both;
}

.addo_text_tran_uppe {
	text-transform:uppercase !important;
}

.addo_text_tran_lowe {
	text-transform:lowercase !important;
}

/* ----- MEDIA QUERIES ----- */

@media (min-width:240px) and (max-width:639px) {

	/************************ WRAP ************************/
	.wrap {
		min-width:100%;
	}

	/************************ HEAD ************************/
	.head_wrap_scro {
		padding:0 2% 4% 2%;
		background:rgba(0,0,0,0.8);
	}

	.head_logo {
		width:50%;
		margin:0 25%;
		float:left;
	}

	.head_logo_scro {
		width:40%;
		margin:0 30%;
	}

	.head_cont {
		width:100%;
		margin-top:30px;
	}

	.head_cont li {
		margin-right:10px;
	}

	.head_cont li:nth-child(2) { display:none; }

	.head_cont li:nth-child(4) {
		top:10px;
		right:0;
		position:absolute;
	}
	
	.head_cont li:nth-child(5) { display:none; }
	
	.head_cont_list_desc { display:none; }

	.head_menu_icon { display:none; }

	/************************ SLID ************************/
	.slid_wrap {
		height:400px;
	}
	
	/************************ TITU ************************/
	.titu_wrap {
		padding:40% 3% 3% 3%;
	}

	.titu_wrap h1 {
		font-size:24px;
	}
	
	.titu_titu {
		font-size:24px;
	}
	
	.titu_subt {
		font-size:12px;
		font-weight:500;
	}
	
	/************************ BANN ************************/
	.bann_wrap {
		padding:0 2%;
		margin-top:-115px;
	}

	.bann_list_icon {
		font-size:40px;
	}

	.bann_list h3 {
		height:40px;
		font-size:14px;
		padding:3px 5px 10px 5px;
	}	

	/************************ MAIN ************************/
	.main_titu {
		font-size:60px;
		font-weight:600;
	}
	
	.main_wrap h1 {
		font-size:28px;
		margin-top:-30px;
	}

	/************************ SERV ************************/
	.serv_list_info {
		width:100%;
		font-size:15px;
		line-height:130%;
		padding-top:0;
	}
	
	.serv_list_info h2 {
		font-size:22px;
		font-weight:600;
	}
	
	.serv_list_imag {
		width:90%;
		margin:0 5%;
		margin-top:20px;
	}

	/************************ PROY INIC ************************/
	.proy_inic_wrap {
		padding:8% 0 14% 0;
	}
	
	.proy_inic_imag { display:none; }
	
	.proy_inic_list {
		width:100%;
		padding:0 10%;
		margin-right:0;
	}
		
	.proy_inic_list span {
		font-size:25px;
	}
	
	.proy_inic_list_deta {
		font-size:15px;
		line-height:130%;
	}

	.proy_inic_list_imag:after { display:none; }
	
	.proy_inic_list_enla {
		margin-top:20px;
	}

	/************************ PROY ************************/
	.proy_list li {
		width:90%;
		margin:0 5%;
		margin-bottom:30px;
	}

	.proy_list li:last-child {
		margin-bottom:0;
	}

	.proy_list_enla {
		margin-top:20px;
	}

	/************************ DOMI ************************/
	.domi_form {
		width:100%;
		padding:10px 20px;
		margin:0;
	}

	.domi_form span {
		font-size:13px;
	}

	.domi_form_inpu {
		width:55%;
		font-size:15px;
	}
	
	.domi_form_envi {
		width:60%;
		height:35px;
		font-size:15px;
		line-height:35px;
		padding:0 20px;
		margin:0 20%;
		margin-top:10px;
		border-radius:20px;
	}
	
	.domi_resu {
		width:100%;
		margin:20px 0;
	}

	.domi_resu li {
		padding:5px 0;
	}
	
	.domi_resu_esta {
		width:10%;
		float:left;
	}

	.domi_resu_domi {
		width:50%;
		font-size:14px;
	}	
	
	.domi_resu_enla {
	    font-size:12px;
		padding:2px 15px;
		margin-top:-3px;
	}
	
	/************************ HOST ************************/
	.host_list li {
		width:100%;
		margin:0;
		margin-bottom:60px;
	}
	
	/************************ CLIE ************************/
	.clie_inic_wrap:before {
	    height:60%;
		right:50%;
	}

	.clie_inic_wrap h2 {
		width:30%;
		font-size:26px;
		margin-top:0;
	}
	
	.clie_inic_wrap span {
		font-size:28px;
		color:#FFF;
		font-weight:700;
		display:block;
	}
	
	.clie_inic_list {
		width:100%;
		margin-top:60px;
		float:left;
	}
	
	/************************ FOOT ************************/
	.foot_cont {
		width:100%;
		padding:10% 5%;
	}
	
	.foot_cont h2 {
		width:100%;
		font-size:26px;
	}
	
	.foot_cont_form {
		margin-top:10px;
	}

	.foot_cont_form_secc {
		width:100%;
		margin-bottom:5px;
	}
	
	.foot_info {
		width:100%;
		padding:40px 40px;
	}
	
}

@media (min-width: 640px) and (max-width: 1023px) {

	/************************ WRAP ************************/
	.wrap {
		min-width:100%;
	}

	/************************ HEAD ************************/
	.head_logo {
		width:25%;
		margin-left:12%;
		float:left;
		transition:all 0.3s ease 0s;
	}

	.head_cont {
		padding-right:6%;
		margin-top:15px;
	}

	.head_cont li {
		margin-right:20px;
	}

	.head_cont li:nth-child(2) { display:none; }

	.head_cont li:nth-child(4) {
		top:10px;
		right:0;
		position:absolute;
	}
	
	.head_cont li:nth-child(5) { display:none; }
	
	.head_cont_list_desc { display:none; }

	.head_menu_icon { display:none; }

	/************************ SLID ************************/
	.slid_wrap {
		height:300px;
	}
	
	/************************ TITU ************************/
	.titu_wrap {
		padding:11% 3% 3% 3%;
	}

	.titu_wrap h1 {
		font-size:24px;
	}
	
	.titu_titu {
		font-size:24px;
	}
	
	.titu_subt {
		font-size:13px;
		font-weight:500;
	}
	
	/************************ BANN ************************/
	.bann_wrap {
		padding:0 2%;
		margin-top:-115px;
	}

	.bann_list_icon {
		font-size:40px;
	}

	.bann_list h3 {
		height:40px;
		font-size:14px;
		padding:3px 5px 10px 5px;
	}	

	/************************ MAIN ************************/
	.main_titu {
		font-size:60px;
		font-weight:600;
	}
	
	.main_wrap h1 {
		font-size:28px;
		margin-top:-40px;
	}
	
	.main_wrap h1:before {
		bottom:-10px;
	}
	
	.main_wrap h1:after {
		bottom:-25px;
	}

	/************************ SERV ************************/
	.serv_list_info {
		width:100%;
		font-size:15px;
		line-height:130%;
		padding-top:0;
	}
	
	.serv_list_info h2 {
		font-size:22px;
		font-weight:600;
	}
	
	.serv_list_imag {
		width:70%;
		margin:0 10%;
		margin-top:20px;
	}

	/************************ PROY INIC ************************/
	.proy_inic_wrap {
		padding:5% 0 8% 0;
	}
	
	.proy_inic_imag { display:none; }
	
	.proy_inic_list {
		width:100%;
		padding:0 8%;
		margin-right:0;
	}
		
	.proy_inic_list span {
		font-size:25px;
	}
	
	.proy_inic_list_deta {
		font-size:15px;
		line-height:130%;
	}

	.proy_inic_list li {
		width:90%;
	}

	.proy_inic_list_imag:after { display:none; }
	
	.proy_inic_list_enla {
		margin-top:10px;
	}

	/************************ PROY ************************/
	.proy_list li {
		width:46%;
		margin:0;
		margin-bottom:30px;
	}

	.proy_list li:nth-child(odd) {
		float:left;
	}
	
	.proy_list li:nth-child(even) {
		float:right;
	}

	.proy_list li:last-child {
		margin-bottom:0;
	}

	.proy_list_enla {
		margin-top:20px;
	}

	/************************ DOMI ************************/
	.domi_form {
		width:80%;
	    padding:10px 20px;
		margin:0 10%;
		margin-top:0;
	}

	.domi_resu {
		width:80%;
		margin:20px 10%;
	}

	.domi_resu li {
		padding:5px 0;
	}
	
	.domi_resu_esta {
		width:10%;
		float:left;
	}

	.domi_resu_domi {
		width:50%;
		font-size:14px;
	}	
	
	.domi_resu_enla {
	    font-size:12px;
		padding:2px 15px;
		margin-top:-3px;
	}
	
	.domi_list li {
		width:94%;
		padding:10px 10px;
		margin:0 3%;
	}
	
	/************************ HOST ************************/
	.host_list li {
		width:48%;
		margin:0;
		margin-bottom:60px;
	}
	
	.host_list li:nth-child(odd) {
		float:left;
	}
	
	.host_list li:nth-child(even) {
		float:right;
	}
	
	.host_list_titu {
		padding:8px;
	}
	
	.host_list_info {
		padding:25px 10px 10px 10px;
	}
	
	/************************ CLIE ************************/
	.clie_inic_wrap:before {
		top:-25px;
		right:70%;
	}

	.clie_inic_wrap h2 {
		width:30%;
		font-size:26px;
		margin-top:0;
	}
	
	.clie_inic_wrap span {
		font-size:28px;
		color:#FFF;
		font-weight:700;
		display:block;
	}
	
	.clie_inic_list {
		margin-top:20px;
		float:left;
	}
	
	/************************ FOOT ************************/
	.foot_cont {
		width:100%;
		padding:5% 5%;
	}
	
	.foot_cont h2 {
		width:100%;
		font-size:26px;
	}
	
	.foot_cont_form {
		margin-top:10px;
	}

	.foot_cont_form_secc {
		width:49%;
		margin-bottom:5px;
	}

	.foot_cont_form_secc:nth-child(9) {
		width:40%;
	}

	.foot_cont_form_secc_inpu {
		font-size:12px;
		padding:12px 1em;
	}
	
	.foot_cont_form_secc_chec_labe {
		font-size:12px;
	}

	.foot_info {
		width:100%;
		padding:40px 40px;
	}
		
	.foot_info li {
		width:50%;
		margin-bottom:40px;
		float:left;
		position:relative;
	}

	.foot_info li:nth-child(3) {
		margin-bottom:0;
	}
		
	.foot_info li:nth-child(3):after {
		display:none;
	}
	
	.foot_info li:last-child {
		margin-bottom:0;
	}

}

@media (min-width: 1792px) {

	/************************ SCRO GTOP ************************/
	.scro_goto {
		width:55px;
		height:55px;
		color:#00509A;
		font-size:26px;
		line-height:50px;
	}
	
	/************************ HEAD ************************/
	.head_cont li:nth-child(4) .head_cont_list_titu i {
		width:45px;
		height:45px;
		line-height:45px;
	}

	.head_cont li:nth-child(5) .head_cont_list_titu i {
		width:45px;
		height:45px;
		line-height:45px;
	}	

	.head_cont_list_titu {
		font-size:18px;
	}

	.head_cont_list_desc {
		font-size:15px;
	}
	
	/************************ MENU ************************/
	.wsmenu	{
		font-size:19px !important;
	}
	
	.wsmenu-submenu li a {
		font-size:15px !important;
	}

	.wsmenu-submenu li a {
		padding:12px 12px !important;
	}

	/************************ SLID ************************/	
	.slid_wrap {
		height:850px;
	}
	
	/************************ TITU ************************/
	.titu_subt {
		font-size:17px;
	}
	
	/************************ BANN ************************/
	.bann_list h3 {
		font-size:17px;
		margin-top:5px;
	}
	
	/************************ MAIN ************************/
	
	/************************ SERV ************************/
	.serv_list_info {
		font-size:17px;
	}
	
	/************************ PROY INIC ************************/
	.proy_inic_list h1 {
		font-size:26px;
	}
	
	.proy_inic_list span {
		font-size:36px;
	}

	.proy_inic_list_deta {
		font-size:17px;
	}
	
	.proy_inic_list_enla {
		font-size:19px;
	}

	/************************ PROY ************************/
	.proy_list_enla {
		font-size:19px;
	}
	
	/************************ DOMI ************************/
	.domi_form span {
		font-size:17px;
	}
	
	.domi_form_inpu {
		font-size:19px;
	}
	
	.domi_list_titu {
		font-size:18px;
	}
	
	.domi_list_prec {
		font-size:16px;
	}
	
	.domi_resu {
		font-size:16px;
	}

	.domi_resu_domi {
		font-size:18px;
	}
		
	.domi_resu_enla {
		font-size:15px;
	}
	
	/************************ HOST ************************/
	.host_list_titu {
		font-size:22px;
	}

	.host_list_prec {
		font-size:26px;
	}

	.host_list_peri {
		font-size:17px;
	}

	.host_list_info_cara {
		font-size:16px;
	}
	
	/************************ CLIE ************************/
	.clie_inic_wrap h2 {
		font-size:36px;
	}
	
	.clie_inic_wrap span {
		font-size:42px;
	}

	/************************ FOOT ************************/
	.foot_cont_form_secc_inpu {
		font-size:16px;
	}
	
	.foot_cont_form_secc_chec_labe {
		font-size:16px;
	}

	.foot_cont_form_secc_text {
		font-size:16px;
	}
	
	.foot_cont_form_secc:nth-child(9) {
		width:30%;
	}
	
	.foot_info_cont_titu {
		font-size:17px;
	}
	
	.foot_info_cont_titu span {
		font-size:16px;
	}
	
	.foot_info_cont_desc {
		font-size:17px;
	}
	
	/************************ PAGI ************************/
	.pagi_wrap {
		font-size:26px;	
	}
	
	.pagi_wrap img {
		margin-left:3px;
		margin-right:3px;
		margin-top:10px;	
	}

}