@charset "utf-8";
/* CSS Document */
{
	box-sizing:content-box;
}
body {
	background-image: url("images/IMG_Background.png");
	background-repeat: repeat;
	background-size: 750px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.container-prinicipal {
	position: absolute;
	left: 50%;
	top: 0px;
	width: 1024px;
	height: 2300px;
	z-index: 1;
	margin-left: -450px;
	background-color: #FFFFFF;
	padding: 10px;
	}
	
/* Encabezado */
.container-encabezado {
	position: absolute;
	left: 50%;
	top: 0px;
	width: 1024px;
	height: 350px;
	z-index: 1;
	margin-left: -512px;
	background-color: #FFFFFF;
	}
.container-encabezado h1 {
	font-family: Arial;
	color: #2c3e50;
	font-size: 24px;
	font-weight: 400;
	}
.container-encabezado h1_2 {
	font-family: Arial;
	color: #2c3e50;
	font-size: 18px;
	font-weight: 400;
	}
#columna-izquierda {
    float: left;
    width: 33.33%;
	text-align: left;
	padding: 10px;
	display:inline-block;
}
#columna-centro {
    float: left;
    width: 33.33%;
	text-align: center;
	padding: 10px;
	display:inline-block;
}
#columna-derecha {
    float: left;
    width: 33.33%;
	text-align: right;
	padding: 10px;
	display:inline-block;
}
#columna-centro-dir {
    width: 1024px;
	text-align: center;
	display:inline-block;
	text-align: center;
	padding: 10px;
}
#container-logotipo {
	padding: 10px;
	text-align:center;
}
/* Termina Encabezado */

/* Banner */
.container-banner {
	position: absolute;
	left: 50%;
	top: 350px;
	width: 1024px;
	height: 500px;
	z-index: 1;
	margin-left: -512px;
	background-color: #FFFFFF;
	}
.container-banner h2 {
	font-family: Arial;
	color: #ffffff;
	font-size: 36px;
	font-weight: 700;
	font-style: italic;
	padding: 160px 0;
	text-align: center;
	}
.parallax { 
    /* The image used */
    background-image: url("images/IMG_Banner.png");

    /* Set a specific height */
    height: 500px; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
/* Termina Banner */

/* Proceso */
.container-proceso {
	position: absolute;
	left: 50%;
	top: 800px;
	width: 1024px;
	height: 500px;
	z-index: 1;
	margin-left: -512px;
	background-color: #FFFFFF;
	}
#imagen-proceso {
	padding-top: 50px;
	padding-left: 50px;
	padding-right: 50px;
	text-align:center;
}
.container-proceso h3 {
	font-family: Arial;
	color: #2c3e50;
	font-size: 30px;
	font-weight: 400;
	padding-top: 25px;
	text-align: center;
	}
/* Termina Proceso */

/* Lista */
.container-lista {
    position: absolute;
	left: 50%;
	top: 1300px;
	width: 1024px;
	height: 500px;
	z-index: 1;
	margin-left: -512px;
	background-color: #FFFFFF;
}
#lista-one {
    width: 50%;
    height: 500px;
    background: white;
    float: left;
	padding-top: 60px;
	padding-left: 30px;
	padding-right: 30px;
}
#lista-two {
    margin-left: 0%;
    height: 500px;
	text-align: center;
}
.container-lista h4 {
	font-family: Arial;
	color: #f39c12;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	}
.container-lista p {
	font-family: Arial;
	color: #2c3e50;
	font-size: 18px;
	font-weight: 400;
	text-align: justify;
	}
/* Termina Lista */

/* Formulario Contacto */
.container-contacto {
    position: absolute;
	left: 50%;
	top: 1800px;
	width: 1024px;
	height: 500px;
	z-index: 1;
	margin-left: -512px;
	background-color: #FFFFFF;
}
#contacto-one {
    width: 50%;
    height: 500px;
    background: white;
    float: left;
}
#contacto-two {
    margin-left: 0%;
    height: 500px;
	text-align: center;
}
.container-contacto h5 {
	font-family: Arial;
	color: #2c3e50;
	font-size: 30px;
	font-weight: 400;
	top-padding: 25px;
	text-align: center;
	}

/* Style inputs with type="text", select elements and textareas */
input[type=text], select, textarea {
    width: 35%; /* Full width */
    padding: 5px; /* Some padding */  
    border: 1px solid #ccc; /* Gray border */
    border-radius: 4px; /* Rounded borders */
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    margin-top: 6px; /* Add a top margin */
    margin-bottom: 16px; /* Bottom margin */
    resize: none; /* Allow the user to vertically resize the textarea (not horizontally) */
}

/* Style the submit button with a specific background color etc */
input[type=submit] {
    background-color: #4CAF50;
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

/* When moving the mouse over the submit button, add a darker green color */
input[type=submit]:hover {
    background-color: #45a049;
}
/* Termina Formulario Contacto */

/* Footer */
.container-footer {
    position: absolute;
	left: 50%;
	top: 2300px;
	width: 1024px;
	height: 50px;
	z-index: 1;
	margin-left: -512px;
	background-color: #FFFFFF;
	text-align: center;
}
.container-footer p {
    font-family: Arial;
	color: #2c3e50;
	font-size: 14px;
	font-weight: 400;
	}
}
/* Termina Footer */