@charset "UTF-8";
/* Body */
body {
		background-color: #000000;
	margin: 0;
}
/* Container */
.container {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	background-color: #000000;
}
/* Header */
header {
	padding-top: 40px;
	width: 100%;
	height: 200px;
	text-align: center;
	align-content: center;
	background-image: url("../images/mundo.gif");
	background-size: cover;
	color: #FFFFFF;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
	
}
header p{
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif"; text-align: center;
	font-size: 20px;
}

header .column{
justify-content: center;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
}

nav{
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
	background: #000000;
	box-shadow: 3px 3px 5px rgba(255,255,255,0.1);
	text-align: justify;
	padding-right: 10%;
	margin-bottom: 0px;
	float: inherit;
}

nav ul{
	font-size: 80%;
	width: 100%;
	list-style: none;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	}
nav li{
	height: 50px;
	align-content: left;
	}
nav a{
	height: 100%;
	padding: 0 30px;
text-decoration: none;
	display: flex;
	align-items: center;
	color: white;
}

nav a:hover{
	background-color: #F9B233;
}

nav li:first-child{
	margin-right: auto;
}
section{
	width: 100%;
	float: right;
	align-content:center;
	text-align: center;
	background-image: url("../images/fondo3.gif");
	background-size: cover;
	background-repeat: no-repeat;
	height: 1500px;
}

section2{
	width: 100%;
	float: left;
	align-content:center;
	background-image: url("../images/fondo3.gif");
	background-size: 100%;
	margin-bottom: 30px;
}



.logo {
	color: #ffffff;
	font-weight: bold;
	margin-left: auto;
	letter-spacing: 4px;
	margin-right: auto;
	text-align: center;
	padding-top: 15px;
	line-height: 2em;
	font-size: 22px;
}
.hero_header {
	color: #FFFFFF;
	text-align: center;
	margin: 0;
	letter-spacing: 4px;
	
}
p{
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif"; 
	text-align: justify; 
	padding-left: 10%;
	font-size: 120%;
	margin-right: 10%;
	}

.column h1{
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
	font-size: 30px;
	color: #F9B223;
	text-align: left;
	margin-right: 80px;
}

.title{
	color: aliceblue;
text-align: center;
		height: 1200px;	
	padding-bottom: 20px;
	
	}


.title h3{
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
	color: #F9B233;
	font-size: 18px;
	text-align: left;
	margin-left:10%;
	margin-right: 10%;
	text-align: justify;
}

.title h1{
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
	color: #77BC1F;
	font-size: 40px;;
	text-align: center;

}

.serviadmi{
	align-content: center;

}

.serviadmi h2{
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
	color: #F9B233;
	font-size: 40px;
	text-align: center;
	}
/* About Section */
.text_column {
	width: 90%;
	font-family: 'Syne VariableFont wght';
	text-align: left;
	line-height: 25px;
	float: left;
	padding-left: 20px;
	padding-right: 20px;
	color: #A3A3A3;
}

.tab{
	float: left;
	border: 1px solid #000000;
	backgroun-color:#F9B233;
	width:20%;
	height: 350px;
	margin-left: 200px;
		}

.tab button{
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
	font-size: 20px;
	display:block;
	background-color: inherit;
	color: #F3B223;
	padding: 22px 16px;
	width: 100%;
	border: none;
	outline: none;
	cursor: pointer;
	text-align: left;
}

.tab button:hover{
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
background-color: #F9B233;	
	color: white;
}

.tab button:active{
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
	background-color: #F9B233;
}

.tabcontent{
	float: left;
	border:1px solid #000000;
	width:60%;
	border-left: none;
	height: 300px;
	display:none;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
	}

.tablinks {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
	font-size: 20px;
	width: 30%;
	margin-top: auto;
	}
.tabcontent p{
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
	font-size: 18px;
	color: white;
	}
.tabcontent h1{
	color: #F9B233;
}

section3{
	width: 100%;
	float: left;
	background-image: url("../images/mundo2.gif");
	background-size: 100%;
}

.reclu{
	float:left;
	align-content: left;
	text-align: center;
	width: 50%;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
	}

.reclu h2{
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
	color: #F9B233;
	font-size: 40px;
	text-align: left;
	margin-left: 100px;
	margin-top: 50px;
	margin-right: 30px;
}

.reclu p{
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
	color: #FFFFFF;
	font-size: 18px;
	text-align: left;
	margin-left: 100px;
	margin-right: 30px;
}

.archireclu{
	align-content: center;
	width: 50%;
	float: left;
	
}

.archireclu h4{
	margin-top: 10%;
	color: #FFFFFF;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
}

.archireclu p{
	color: #F9B233;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
	
}

form{
	color: white;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
}

.btn.btn-success{
	align-content: center;
	padding-top: 1px;
	padding-bottom: 1px;
	background-color: #F9B223;
	color: #FFFFFF;
}
.column {
	width: 40%;
	text-align: center;
	padding-top: 30px;
	float: left;
	padding-left: 80px; 
}
.button {
	width: 200px;
	margin-top: 40px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	text-align: center;
	vertical-align: middle;
	border-radius: 0px;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 2px;
	border: 3px solid #FFFFFF;
	color: #FFFFFF;
	transition: all 0.3s linear;
}
.button:hover {
	background-color:#F9B233;
	color: #FFFFFF;
	cursor: pointer;
}

.soltec{
	float: left;
	align-content: center;
	text-align: center;
	align-items: center;
	width: 100%;
}

.soltec h3{
	padding-top: 50px;
	font-family:'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'DejaVu Sans', Verdana, 'sans-serif';
	color:		white;
line-height: 0px;	
}

.soltec h2{
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
	color: #F9B233;
	font-size: 40px;
	text-align: center;
	}
.soltec p{
	color: #FFFFFF;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
	line-height: 0px;
}

.slider-box{
	width: 380px;;
	height: 300px;
	margin: 0 auto  0;
	overflow: hidden;
}

.slider-box ul{
	display: flex;
	padding: 0;
	width: 700%;
	animation: slide 15s infinite alternate ease-in-out;
	align-content: center;
}

.slider-box li{
	width: 100%;
	list-style: none;
	position: relative; 
	align-content: center;
	align-items: center;
}

.slider-box img{
	width: auto;
	height: auto;
	align-content: center;
	}
@keyframes slide{
	0%{margin-left: 0;}
	10%{margin-left: 0;}
	
	15%{margin-left: -100%;}
	20%{margin-left: -100%;}
	
	35%{margin-left: -200%;}
	40%{margin-left: -200%;}
	
	45%{margin-left: -300%;}
	50%{margin-left: -300%;}
	
	55%{margin-left: -400%;}
	60%{margin-left: -400%;}
	
	65%{margin-left: -500%;}
	70%{margin-left:-500%;}
	
	75%{margin-left: -600%;}
	80%{margin-left:-600%;}
	
	90%{margin-left: -700%;}
	100%{margin-left:-700%;}
}

@media(max-width:500px){
	
	.slider-box{
		width: 100%
	}
}

.copyright {
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #000000;
	color: #FFFFFF;
}

footer {
	background-color: #000000;
	padding-top: 20px;
	height: auto;
	width: 100%;
	align-content: center;
}

.logo1{
	margin-left: 15%;
	padding-top: 10px;
	align-content: left;
	width: 25%;
float: left;	
}
.logo1 p{
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
	color: white;
}

.logo1 h4{
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
	color:#F9B233;
}

.intro {
	display: inline-block;
	background-color: #000000;
}
.compu {
	width: 60%;
}

.Contact{
	width: 20%;
	float: left;
}

.Contact h4{
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
	color:white;
	line-height: 30px;
}
.Contact{
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
	color: #C4C4C4;
	line-height: 3px;
}
.Contact h5{
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
	color: white;
}

.Contact h6{
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
	color:#F9B233;
	line-height: 7px;
	font-size:100%;
}

.enlaces{
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
	width: 10%;
	float: left;
	color: white;
}
.enlaces h5{
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
	color: white;
	text-decoration: underline white;
	font-size: 80%;
}

a:hoover{
color: #F9B233;
	text-decoration: none;
	display: none;
}

.enlaces2{
	padding-top: 20px;
	width: 15%;
	padding-left: 0px;
	float:left;
}

.enlaces2 h5{
	color: #F9b233;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
font-size: 80%;
}
.copyright{
	width: 20%;
	height: auto;
	float: left;
	background: #000000;
	align-content: flex-start;
}

.copyright img{
		width: 45%;
}
/* Mobile */
@media (max-width: 320px) {
.logo {
	width: 100%;
	text-align: center;
	margin-top: 13px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.text_column {
	width: 100%;
	text-align: justify;
	padding: 0;
}

.text_column {
	padding-left: 20px;
}
.thumbnail {
	width: 100%;
}
.column {
	width: 100%;
	margin-top: 0px;
}
	
.tabcontent{
	float: left;
	border:1px solid #000000;
	width:60%;
	border-left: none;
	height: 300px;
	display:none;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
	}

.tablinks {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
	font-size: 20px;
	width: 30%;
	margin-top: auto;
	}
.tabcontent p{
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
	font-size: 18px;
	color: white;
	}
.tabcontent h1{
	color: #F9B233;
}
}
/* Small Tablets */
@media (min-width: 321px)and (max-width: 767px) {
.logo {
	width: 100%;
	text-align: center;
	margin-top: 13px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.text_column {
	width: 100%;
	text-align: left;
	padding: 0;
}
.thumbnail {
	width: 100%;
}
.column {
	width: 100%;
	margin-top: 0px;
}
.thumbnail {
	width: 100%;
}
.text_column {
	padding-left: 20px;
	padding-right: 20px;
	width: 90%;
}
.column {
	width: 100%;
	margin-left: 0px;
	margin-right: 0px;
}
.compu {
	width: 100%;
	height: auto;
	
	}
	.tabcontent{
	float: left;
	border:1px solid #000000;
	width:60%;
	border-left: none;
	height: 300px;
	display:none;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
	}

.tablinks {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
	font-size: 20px;
	width: 30%;
	margin-top: auto;
	}
.tabcontent p{
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
	font-size: 18px;
	color: white;
	}
.tabcontent h1{
	color: #F9B233;
}

}

/* Small Desktops */
@media (min-width: 768px) and (max-width: 1096px) {
.text_column {
	width: 100%;
}
.thumbnail {
	width: 48%;
}
.text_column {
	width: 90%;
	margin: 0;
	padding: 20px;
}
	.tabcontent{
	float: left;
	border:1px solid #000000;
	width:60%;
	border-left: none;
	height: 300px;
	display:none;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
	}

.tablinks {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
	font-size: 20px;
	width: 30%;
	}
.tabcontent p{
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
	font-size: 18px;
	color: white;
	}
.tabcontent h1{
	color: #F9B233;
}

}