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

body {
	padding: 0px;
	height: auto;
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	font-family: "Roboto", sans-serif;
}
#header {
	padding: 0px;
    height: auto;
    width: 100%;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
	
}
#top1 {
	padding: 0px;
	height: 70px;
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	
	
}
#header_left {
	padding: 0px;
	height: 70px;
	width: 84%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	-webkit-clip-path: polygon(98% 100%, 100% 0%, 0% 0%, 0% 100%);
	float: left;
	background-color: #1a223e;
	color: #FFF;
}
#header_right {
	padding: 0px;
    height: 70px;
    width: 15%;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    -webkit-clip-path: polygon(100% 100%, 100% 0%, 10% 0%, 0% 100%);
    background-color: #febc35;
    float: right;
}
#top2 {
	padding: 0px;
	height: 80px;
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	max-width:1200px;
	
	
	
}

#logo {
	padding: 0px;
    height: 80px;
    width: 100%;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    float: left;
    max-width: 250px;
}
#menu {
	padding: 0px;
    float: right;
    height: 78px;
    width: 100%;
    max-width: 650px;
    margin-top: 1%;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    max-width: 930px;
}
.container_slide {
  position: relative;
  width: 100%;
  height: 500px; /* Ajusta según necesites */
  overflow: hidden;
}
#slide {
	background-color: #1a223e;
    padding: 0px;
    height: 550px;
    width: 100%;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0%;
    margin-left: auto;
    max-width: 1920px;
    max-height: 600px;
    clip-path: url(#curvaConcava);
	position:absolute;
	z-index:1;
	
}
#slide_cont {
	
    padding: 0px;
    height: auto;
    width: 100%;
    margin-top: 2%;
    margin-right: auto;
    margin-bottom: 0%;
    margin-left: auto;
    max-width: 1400px;
    max-height: 600px;
	position:relative;
	z-index:99999;
	display: flex;
  align-items: center;
  justify-content: center;
  
	
}

#slide_left {
	padding: 0px;
	height: auto;
	width: 100%;
	max-width: 550px;
	max-height: 550px;
	float: left;
	margin: 0px;	
}
#slide_right {
	
    padding: 0px;
	height: auto;
	width: 100%;
	max-width: 900px;
	max-height: 550px;
	float: left;
	margin: 0px;
  
	
}

#mod_cont {
	padding: 0px;
	height: auto;
	width: 100%;
	margin-top: 30%;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	
}
#cont {
	padding: 0px;
	height: auto;
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	max-width: 1200px;
		
}
#mod_serv {
	height: auto;
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #eef1f6;
	padding-top: 3%;
	padding-bottom: 3%;
	padding-right: 0px;
	padding-left: 0px;
}
#serv {
	padding: 0px;
	height: auto;
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	max-width: 1200px;
		
}
#mod_footer {
	padding: 0px;
	height: 350px;
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #1a223e;	
}
#footer {
	height: auto;
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	max-width: 1200px;
	padding-top: 2%;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;	
}
.slide {
    width: 100%;
    height: auto;
    margin-left: 40%;
    margin-top: 25%;
    max-width: 500px;
}

.title_slide {
    font-size: 27pt;
    color: #ffffff;
    font-weight: bold;
}
.txt_slide {
    font-size: 16pt;
    color: #ffffff;
}
.about_ini {
    width: 100%;
    height: auto;
    max-width: 650px;
    text-align: justify;
}
.title_aboutini {
	font-size: 30pt;
    font-weight: bold;
    text-transform: uppercase;
    color: #febc35;
}
txt_aboutini {
    font-size: 12pt;
}

.tab_contact {
    width: 100%;
    max-width: 980px;
    float: right;
    padding-top: 1%;
    font-size: 10pt;
}
.ico_redes {
    font-size: 18pt;
    text-align: center;
}
.txt_cont {
    text-align: justify;
    font-size: 15pt;
}
.txt_footer {
    color: #ffffff;
    text-align: justify;
    font-size: 12pt;
}
.ico_footer {
    color: #ffbf00;
    font-size: 20pt;
    text-align: justify;
}
.footer_ab {
    width: 100%;
    height: auto;
    max-width: 85%;
}
.footer_line {
    color: #f3b94d;
    font-size: 26pt;
}
.title_footer {
    color: #ffffff;
    font-size: 20pt;
}
.footer_punto {
    color: #f3b94d;
    font-size: 13pt;
    vertical-align: super;
    margin-left: -2%;
}
.ico_arrow {
    color: #f3b94d;
    font-size: 15pt;
}
a.alink {
    color: #ffffff;
    text-decoration: none;
    font-size: 14pt;
    margin-left: 5%;
}
a.alink:hover {
    color: #f3b94d;
    text-decoration: none;
    font-size: 14pt;
    margin-left: 5%;
}
.foot_txt {
	color: #FFF;
	text-align: left;
	font-size: 11pt;
	display: inline-grid;
	margin-left: 4%;
	pointer-events: none;
}
a[href^="mailto:"]{
	color: #FFF;
	text-align: center;
	font-size: 11pt;
	display: inline-grid;
	margin-left: 4%;
	pointer-events: none;
	text-decoration:none;
}

.img_art {
    width: 100%;
    height: auto;
    max-width: 35%;
    float: left;
    margin-right: 3%;
    margin-top: 4%;
    margin-bottom: 2%;
}
.txt_art {
    text-align: justify;
    font-size: 12pt;
}
.title_art {
	font-size: 20pt;
	color: #febc35;
	text-transform: uppercase;
}
.uk-scope .uk-position-relati{
    
    display: inline-table;
}
.uk-scope {
    display: inline-block;
	width: 100%;
}

.title_slideleft {
    color: aliceblue;
    font-size: 21pt;
}
.txt_slideleft {
    color: aliceblue;
    font-size: 15pt;
    width: 100%;
    height: auto;
    max-width: 400px;
    margin-top: 15%;
	margin-left:8%;
}