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

body{
	background:#eee;
	background-attachment:fixed;
	background-size:cover;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
}
.contenedor{
	width:80%;
	height:auto;
	max-width:1000px;
	margin:0 auto;
	margin-top:30px;
}
header {
	width:100%;
	height:auto;
	margin:0 auto;
	background:#ccc;
}
.encabezadocentral{
	width:100%;
	height:135px;
	max-width:1000px;
	margin:0 auto;
	height:135px;
	background:#ccc;
	padding:20px;
	box-sizing:border-box;
}
.logo{
	width:13%;
	height:auto;
	float:left;
	margin-top: 2%;
	margin-left:3%;
}
.logo img{
	width:100%;
	height:auto;
}
header nav {
	width:100%;
	background:#ccc;
}
.fbbutton{
	width:50px;
	height:50px;
	float:right;
}
 
.menu_bar {
	display:none;
}
 
header nav ul {
	overflow:hidden;
	list-style:none;
}
 
header nav ul li {
	float:left;
}
 
header nav ul li a {
	display:block;
	color:#fff;
	padding:15px;
	text-decoration:none;
	text-align:center;
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	color:#666;
	font-size:13px;
	box-sizing:border-box;
	transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-o-transition:all 0.3s;
	-moz-transition:all 0.3s;
}
.press{
	border-bottom:4px solid #666;
	color:#fff;
	padding:15px;
	text-decoration:none;
	text-align:center;
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	color:#666;
	font-size:13px;
	box-sizing:border-box;
}
 
header nav ul li span {
	margin-right:10px;
}
 
header nav ul li a:hover {
	background:#666;
	color:#FFF;
}
.cuerpo{
	width:100%;
	height:1050px;
	background:#CCC;
	margin-top:50px;
	padding:15px;
	box-sizing:border-box;
}
.cuerpoproy{
	width:100%;
	height:1420px;
	background:#CCC;
	margin-top:50px;
	padding:15px;
	box-sizing:border-box;
}
.cuerpocastro{
	width:100%;
	height:880px;
	background:#CCC;
	margin-top:50px;
	padding:15px;
	box-sizing:border-box;
}
.cuerpocontacto{
	width:100%;
	height:880px;
	background:#CCC;
	margin-top:50px;
	padding:15px;
	box-sizing:border-box;
}
.banner{
	width:100%;
	height:auto;
	background:#FFF;
}
.contenido{
	width:70%;
	height:auto;
	min-height:250px;
	padding:15px;
	box-sizing:border-box;
	float:left;
}
.contenidoproyectos{
	width:100%;
	height:auto;
	min-height:250px;
	padding:15px;
	box-sizing:border-box;
	float:left;
}
.texto{
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-size:13px;
	text-align:justify;
	color:#444;
	height:auto;
}
h1{
	font-size:24px;
}
h2{
	font-size:16px;
}
.catalogo{
	height:auto;
	width:100%;
	margin-top:10px;
}
.mvv{
	height:200px;
	width:100%;
	margin-top:10px;
}
.mvvinicio{
	width:43%;
	height:auto;
	float:left;
	margin-left:5%;
	padding:10px;
	background:#333;
	color:#FFF;
	text-align:center;
	box-sizing:border-box;
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-size:16px;
}
.mvvinicio img{
	width:100%;
	height:auto;
}
.fb{
	height:500px;
	width:100%;
	margin-top:10px;
}
.mvv1{
	width:200px;
	height:200px;
	float:left;
	margin-right:10px;
	display:block;
	padding:20px;
	padding-top:80px;
	background:url(sources/mision-btn-off.png);
	color:#FFF;
	text-align:center;
	box-sizing:border-box;
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-size:30px;
	transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-o-transition:all 0.3s;
	-moz-transition:all 0.3s;
}
.mvv1:hover{
	background:url(sources/mision-btn-on.png);
}
.mvv1v{
	width:200px;
	height:200px;
	float:left;
	margin-right:10px;
	display:block;
	padding:20px;
	padding-top:80px;
	background:url(sources/vision-btn-off.png);
	color:#FFF;
	text-align:center;
	box-sizing:border-box;
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-size:30px;
	transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-o-transition:all 0.3s;
	-moz-transition:all 0.3s;
}
.mvv1v:hover{
	background:url(sources/vision-btn-on.png);
}
.mvv1va{
	width:200px;
	height:200px;
	float:left;
	margin-right:10px;
	display:block;
	padding:20px;
	padding-top:80px;
	background:url(sources/valores-btn-off.png);
	color:#FFF;
	text-align:center;
	box-sizing:border-box;
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-size:30px;
	transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-o-transition:all 0.3s;
	-moz-transition:all 0.3s;
}
.mvv1va:hover{
	background:url(sources/valores-btn-on.png);
}
.mvv2{
	width:23.5%;
	height:auto;
	float:left;
	margin-right:10px;
	margin-top:10px;
	box-shadow:0px 0px 0px #333;
	transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-o-transition:all 0.3s;
	-moz-transition:all 0.3s;
}
.mvv2:hover{
	box-shadow:0px 0px 3px #333;
}
.mvv2 img{
	width:100%;
	height:auto;
}
.titleproyectos{
	width:98%;
	height:auto;
	max-height:50px;
	padding:10px;
	box-sizing:border-box;
	background:#68008B;
	text-align:left;
	color:#FFF;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:20px;
	border-radius:5px;
	float:left;
	margin-top:20px;
}
aside{
	width:30%;
	height:auto;
	background:#000000;
	float:left;
	margin-top:15px;
}
aside img{
	width:100%;
	height:auto;
}
.redes{
	width:100%;
	padding:10px;
	box-sizing:border-box;
	height:60px;
	background:#000;
	display:none;
	color:#666;
	font-size:28px;
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-weight:bold;
	text-align:center;
	margin-top:15px;
	text-decoration:none;
}
.formulario{
	width:48%;
	float:left;
	margin-right:2%;
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	color:#444;
	font-size:13px;
}
a{
	text-decoration:none;
}
a{
	text-decoration:none;
}
footer{
	width:100%;
	height:auto;
	margin-top:20px;
	padding:15px;
	box-sizing:border-box;
	background:#ccc;
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-size:12px;
	color:#333;
	text-align:center;
}
@media screen and (max-width:800px ) {
	header nav {
		width:80%;
		height:100%;
		margin-left:0%;
		padding:0px;
		left:-100%;
		margin:0;
		margin-top:70px;
		position: fixed;
	}
 
	header nav ul li {
		display:block;
		float:none;
		border-bottom:1px solid rgba(255,255,255, .3);
		text-align:left;
	}
	.logo{
		width:20%;
	}
	.menu_bar {
		display:block;
		width:100%;
		background:#ccc;
	}
 
	.menu_bar .bt-menu {
		display:block;
		padding:20px;
		background:#ccc;
		color:#333;
		text-decoration:none;
		font-weight: bold;
		font-size:25px;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
 .banner{
	 display:none;
 }
	.menu_bar span {
		float:right;
		font-size:40px;
	}
	.contenedor{
		width:100%;
		height:auto;
	}
	.cuerpo{
		width:100%;
		height:2000px;
		background:#666;
	}
	.contenido{
		width:100%;
		height:auto;
		background:#333;
	}
	.texto{
		color:#FFF;
	}
	h1{
		font-size:28px;
	}
	h2{
		font-size:18px;
	}
	.mvv1{
		width:80%;
		margin-left:10%;
		margin-top:10px;
	}
	aside{
		display:none;
	}
	.redes{
		display:block;
	}
		
}
/*Fromulario*/
form {
    width:90%;
	margin-top:10px;
}

/* Style the text boxes */
input, textarea {
    width:100%;
    height:27px;
    background:#efefef;
    border:1px solid #dedede;
    padding:5px;
    margin-top:5px;
    font-size:0.9em;
    color:#3a3a3a;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}

textarea {
	height:80px;
	background:#efefef;
}
input:focus, textarea:focus {
    border:1px solid #97d6eb;
}
#submit {
    width:120px;
    height:30px;
    background:url(img_enviar.png);
    text-indent:-9999px;
    border:none;
    margin-top:20px;
    cursor:pointer;
	color:#FFF;
}

	#submit:hover {
	    opacity:0.9;
	}
	footer a{
		color:#333;
	}
/*Fin Formulario*/