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


body{
	background-image: url("../imagenes/fondo.png");
	background-repeat: repeat;
	text-align: justify;
}


#contenedor{
	width:90%;
	background-color:#fff;
	margin-left:5%;
}

header{
	width:80%;
	margin-top:10px;
	margin-left:10%;
	overflow: hidden;
	

}

.logo{
	width: 125px;
	float:left;
	margin-top:10px;

}

.tit{
	color:#fff;
	font-family: 'Arial', sans-serif;
	font-weight: bold;
	/*line-height:180px;*/
	font-size:40px;
	text-align:center;
	margin-top:-120px;
}


.redondeo img{
	border-radius: 20px;
}

#boton1{
	display: inline-block;
	width: 15%;
	height: 50px;
	margin-left: 70px;
	margin-top: 50px;
	
	
}

#boton2{
	display: inline-block;
	width: 15%;
	height: 50px;
	margin-left: 80px;
	margin-top: 50px;
}
#boton3{
	display: inline-block;
	width: 15%;
	height: 50px;
	margin-left: 70px;
	margin-top: 50px;
}
#boton4{
	display: inline-block;
	width: 15%;
	height: 50px;
	margin-left: 75px;
	margin-top: 50px;
}
#boton5{
	display: inline-block;
	width: 15%;
	height: 50px;
	margin-left: 40px;
	margin-top: 50px;
}



/* SECCIONES */

#slider{
    width: 80%;
	margin-left: 10%;
	margin-top:20px;
	height:500px;
	
}

.slider-texto p{
	
	width:75%;
	font-family: 'Arial', sans-serif;
	position:absolute;
	text-align:center;
	top:240px;
	color:#FFF;
}

#text1{
	font-size:25px;
}

#text2{
	top:270px;
	font-size:40px;
}

#text3{
	top:420px;
	font-size:22px;
}

#flecha{
	margin-left:90%;
}

#desarrollo{
	width: 80%;
	margin-left: 10%;
}

#desarrollo #text-final{
	text-align:center;
}

.subir {
	display:none;
	padding:20px;
	cursor:pointer;
	position: fixed;
	bottom:230px;
	right:0px;
}

#text-perfil{
	width:50%;
}

#img-perfil{
	float:right;
	width:28%;
	margin-left:22%;
}

#foto{
	width:250px;
	height:280px;
}


#titulo{
	width: 80%;
	height: 57px;
	margin-left: 10%;
	font-size: 40px;
	text-align: center;
	font-weight: bold;
	font-family: 'Arial', sans-serif;
}

#titulo2{
	width: 95%;
	padding-top:10px;
	margin-left:2.5%;
	padding-bottom:10px;
	color:#FFF;
	margin-top: 10px;
	font-family: 'Arial', sans-serif;
	font-size: 20px;
	font-weight: bold;
	background-color:#000000;
	text-align:center;
}
#tit2{
	width: 95%;
	margin-left: 2.5%;
	background-color:#FFFFFF;
}

#titulo2_2{
	display:none;
	width: 100%;
	font-family: 'Arial', sans-serif;
	font-size: 18px;
	font-weight: bold;
	color:#FFF;
	background-color:#004080;
}

#titulo2_2-2{
	display:none;
	width: 100%;
	font-family:"Arial", sans-serif;
	font-size: 18px;
	font-weight: bold;
	color:#FFF;
	background-color:#004080;
}
#titulo2_2-3{
	display:none;
	width: 100%;
	font-family: 'Arial', sans-serif;
	font-size: 18px;
	font-weight: bold;
	color:#FFF;
	background-color:#004080;
}

#Titulo2{
	width: 100%;
	margin-top: 10px;
	padding-top:10px;
	color:#FFF;
	font-size:18px;
	font-family: 'Arial', sans-serif;
	background-color:#000;
	text-align:center;
	cursor:pointer;
}

#Titulo2_2{
	width: 90%;
	margin-left:5%;
	margin-top: 10px;
	font-size:18px;
	font-family: 'Arial', sans-serif;
	background-color:#fff;
}

#Titulo2_2-1{
	display:none;
	width: 90%;
	margin-left:5%;
	margin-top: 10px;
	font-size:18px;
	font-family: 'Arial', sans-serif;
	background-color:#fff;
}
#Titulo2_2-2{
	display:none;
	width: 90%;
	margin-left:5%;
	margin-top: 10px;
	font-size:18px;
	font-family: 'Arial', sans-serif;
	background-color:#fff;
}
#Titulo2_2-3{
	display:none;
	width: 90%;
	margin-left:5%;
	margin-top: 10px;
	font-size:18px;
	font-family: 'Arial', sans-serif;
	background-color:#fff;
}
#Titulo2_2-4{
	display:none;
	width: 90%;
	margin-left:5%;
	margin-top: 10px;
	font-size:18px;
	font-family: 'Arial', sans-serif;
	background-color:#fff;
}
#Titulo2_2-5{
	display:none;
	width: 90%;
	margin-left:5%;
	margin-top: 10px;
	font-size:18px;
	font-family: 'Arial', sans-serif;
	background-color:#fff;
}

#Titulo2_2-6{
	display:none;
	width: 90%;
	margin-left:5%;
	margin-top: 10px;
	font-size:18px;
	font-family: 'Arial', sans-serif;
	background-color:#fff;
}
#Titulo2_2-7{
	display:none;
	width: 90%;
	margin-left:5%;
	margin-top: 10px;
	font-size:18px;
	font-family: 'Arial', sans-serif;
	background-color:#fff;
}

table{
	margin-left: 10%;
	margin-top: 10px;
	font-size: 18px;
	color: #000;
}

#Tabla{
		margin-left: 10%;
		font-family: 'Arial', sans-serif;
	margin-top: 0px;
	font-size: 19px;
	
}
#Tabla3{		
	font-family: 'Arial', sans-serif;
	width:80%;
	line-height:0,5;
	height:: 290px;
	margin-left:10%;
	color:#FFFFFF;
}

#tabla8{
	margin-top: 10px;
	margin-left:0px;
	font-size:18px;
}

#tabla10{
	margin-top:230x;
}

#formulario{
	width:50%;
	margin-left:50%;
	padding-top:17px;
	font-family: 'Arial', sans-serif;
}

#formulario2{
	width:50%;
	font-family: 'Arial', sans-serif;
	float:left;
}
.separador{
	width: 733px;
	height: 129px;
	margin-left:150px;	
	margin-top:-50px;
}


/* ARTICULOS */

#foto1{
	display:inline-block;
	width: 320px;
	height: 240px;
	margin-top:50px;
	margin-left:120px;
}
#foto2{
	display:inline-block;
	width: 320px;
	height: 240px;
	margin-top:50px;
	margin-left:150px;
}
#foto3{
	display:inline-block;
	width: 320px;
	height: 240px;
	margin-top:50px;
	margin-left:120px;
	
}
#foto4{
	display:inline-block;
	width: 320px;
	height: 240px;
	margin-top:50px;
	margin-left:150px;
}

#nombre{
	width:80%;
}

#apellidos{
	width:80%;
}
#correo{
	width:80%;
}
#comentarios{
	width:80%;
	height:150px;
}

#contacto{
	width:100%;
	margin-left: 0px;
	margin-top: 0px;
	font-size: 16px;
	color: #000;
}

/* PIE DE PAGINA */

footer{
	width: 100%;
	height: 270px;
	background-color:#000000;
    margin-left:0%;
}

footer #copy{
	font-size:8px;
	color:#ccc;
}

#celda{
	width:80%;
	margin-left:10%;
}

#celdas{
	float: left;
	width:30.83%;
	margin-top:20px;
	text-align:center;
	padding-right:2.5%;
	
}

#celdas p{
	font-size:14px;
	color:#FFF;
	top:20px;
}

p{
	font-size: 18px;
	font-family: 'Arial', sans-serif;
	text-align: justify;
}

ul{
	font-family: 'Arial', sans-serif;
	font-size: 18px;
}
span{
	font-family: 'Arial', sans-serif;
	
}

/* Estilo del área del input[file] */
.drag-drop {
    height: 8em;
    width: 8em;
    background-color: #ccc;
    border-radius: 4em;
    text-align: center;
    color: white;
    position: relative;
    margin: 0 auto 1em;
}
 
.drag-drop span.desc {
    display: block;
    font-size: .7em;
    padding: 0 .5em;
    color: #000;
}
 
input[type="file"] {
        height: 10em;
        opacity: 0;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%; 
        z-index: 3;
}
 
/* Estilo del área del input[file] con :hover */
 
.drag-drop:hover, input[type="file"]:hover {
    background-color: #3276b1;
    cursor: pointer;
}
 
.drag-drop:hover span.desc {
    color: #fff;
} 
 
/* Composición del icono de Upload con FontAwesome */
.fa-stack { margin-top: .5em; }
 
.fa-stack .top { color: white; }
 
.fa-stack .medium { 
    color: black;
    text-shadow: 0 0 .25em #666;
}
 
.fa-stack .bottom { color: rgba(225, 225, 225, .75); }

.drag-drop:hover .pulsating {
    animation: pulse1 1s linear infinite;
    animation-direction: alternate ;
    -webkit-animation: pulse1 1s linear infinite;
    -webkit-animation-direction: alternate ;
}


@media only screen and (max-width: 600px) {
	
	p{font-size:14px;}
	#celdas p{font-size:8px;}
	#Tabla3 td{width:100%;}
	#desarrollo{width:100%; margin-left:0px;}
	footer{width:100%; height:580px;}
	font{size:14px; margin-top:10px;}
	#titulo{font-size: 11px; width:100%; margin-left:0px; margin-bottom:20px;}
	#titulo2{font-size: 14px; width:100%; margin-left:0px}
	#contenedor{width:100%; margin:0px;}	
	#slider{height:200px; width:100%;margin-left:0px;}
	.fade{height:200px;width:100%;margin-left:0px;}
	header{width:100%; margin-left:0px;}
	#tabla8{font-size:11px;}
	#Titulo2_2{width:100%; margin-left:0px; font-size:14px;}
	#Titulo2{width:100%; margin-left:0px;}
	table{width:100%; margin-left:0px;}
	.logo{float:none; margin:auto; margin-top:10px;}
	.subir img {opacity:10%; width:40px; height:40px; right:45%;}
	#celda{width:100%; margin-left:0px;}
	#celdas{float:none; width:100%; margin-top:20px;}
	#Titulo2_2-1{font-size:14px;}
	#Titulo2_2-2{font-size:14px;}
	#Titulo2_2-3{font-size:14px;}
	#Titulo2_2-4{font-size:14px;}
	#Titulo2_2-5{font-size:14px;}
	#Titulo2_2-6{font-size:14px;}
	#Titulo2_2-7{font-size:14px;}
	li{font-size:14px;}
	.slider-texto p{width:100%;}
	#text1{font-size:12px;}
	#text2{font-size:16px;}
	#text3{font-size:10px; top:300px;}
	#text-perfil{width:100%}
	#img-perfil{float:none; margin-left:30%;}
	#foto{width:180px; height:210px;}
	#formulario2{display:none;}
	#formulario{width:100%; margin-left:0px;}

}

@media only screen and (max-width: 1000px) {
	
	#text-perfil{width:100%}
	#img-perfil{float:none; margin-left:35%; margin-top:10px;}
	#foto{width:180px; height:210px;}
	#formulario2{display:none;}
	#formulario{width:100%; margin-left:0px;}
	#celdas p{ font-size: 12px; text-align: justify;}
	#celda{width:100%; margin-left:0px;}
	#celdas{float:none; width:100%;}
	footer{width:100%; height:580px;}
	#titulo{font-size: 14px;  margin-bottom:20px;}
	
}

@media only screen and (max-width: 600px) {
	#img-perfil{float:none; margin-left:25%; margin-top:10px;}
}

@media only screen and (max-width: 1200px) {
	
	#celda{width:100%; margin-left:0px;}
	#celdas{float:none; width:100%;}
	footer{width:100%; height:600px;}
	
}