@media screen and (min-width: 991px) {

#pre-foot{
	width:100%;
	float:left;
	margin-top:2.2%;
	text-align:left;
}
#nosotros{
	width:20.3%;
	margin-right:1.2%;
	float:left;
	height:150px;
	margin-left: 5%;
	color:#736566;
	margin-bottom: 30px;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	line-height: 26px;
	font-family: Comfortaa;
	font-size: 15px;
}
#nosotros p{
	font-size: 22px;
	color: #FFFFFF;
	font-family: Montserrat;
}
#nosotros a{
	color: #E9994C;
}
#nosotros a:hover{
	color: #BF7E5E;
}
#datos-contacto{
	width:20%;
	margin-right:1.2%;
	float:left;
	padding-top: 40px;
	height:150px;
	color:#FFFFFF;
}
#datos-contacto a{
	color: #FFFFFF;
	text-decoration: none;
}
#datos-contacto p{
	color: #FFFFFF;
	text-decoration: none;
	font-size: 22px;
	font-family: Montserrat;
}
#datos-contacto input{
	width: 175px;
	padding-top: 7px;
	padding-right: 4px;
	padding-bottom: 7px;
	padding-left: 7px;
	font-family: Comfortaa;
	font-size: 16px;
	background-color: #362A39;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-bottom: 0px;
	border-radius: 4px;
	color: #B7BFDB;
}
#datos-contacto input[type=submit]{
	background-color: #E78B3F;
	color: #F2E8DF;
	width: 175px;
	padding-top: 7px;
	padding-bottom: 7px;
	border-radius: 4px;
	margin-top: 5px;
	font-family: comfortaa;
	font-size: 14px;
}
input[type=search] {
  border: 1px dotted #999;
  border-radius: 0;
  padding: 5px;
  -webkit-appearance: none;
  border-radius: 6px;
}
#enlaces{
	width:20%;
	margin-right:1.2%;
	float:left;
	color:#736566;
	padding-top: 40px;
	line-height: 26px;
	font-family: Comfortaa;
	font-size: 13px;
}
#enlaces a{
	color:#CD8C4B;
}
#enlaces p{
	color:#FFFFFF;
	font-size: 22px;
	font-family: Montserrat;
}
#facebook{
	width:20%;
	float:left;
	color:#FFFFFF;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 25px;
}
#facebook a{
	color: #E0E0E4;
	text-decoration: none;
}
#facebook a:hover{
	color: #BDBCC7;
}
#caja-celeste{
	width:100%;
	background-color:#1F0D18;
	float:left;
	font-weight: normal;
}
#pie{
	width:100%;
	background-color:#14080F;
	float:left;
	margin-top:15px;
	padding-top:1.2%;
	font-size: 14px;
	color: #735947;
	padding-bottom: 1.2%;
	font-family: Comfortaa;
}
#pie a{
	text-decoration:none;
	color:#735947;
}
#pie a:hover{
	color:#FF6600;
}
#email{
	width:25%;
	float:left;
	padding-left: 5%;
}
#email .fa{
	font-size: 20px;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
}
#tel-esc{
	width:20%;
	float:left;
	text-align: center;
}
#tel-esc .fa{
	font-size: 20px;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
}
#user{
	width:20%;
	float:left;
	margin-left: 10%;
	padding-top: 5px;
	font-size: 14px;
}
#user .fa{
	font-size: 20px;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
}
#redes{
	width:20%;
	float:left;
	text-align: left;
}
#redes .fa{
	font-size: 20px;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	text-align: left;
}

#menu1{
	background-color: #99FF99;
	width: 100%;
	margin-right: 1.2%;
	margin-bottom: 1.2%;
}
#menu2{
	background-color: #99FF99;
	width: 100%;
	margin-right: 1.2%;
	margin-bottom: 1.2%;
}
#menu3{
	background-color: #99FF99;
	width: 100%;
	margin-right: 1.2%;
	margin-bottom: 1.2%;
}

#tecnci,#tecnem,#tecntipp,#tecner {
}
#bloque-noticias,#bloque-contenidos {
}
#complemento-1,#complemento-2,#complemento-3 {
	height: 200px;
}
#box-encuesta{
	background-color: #F5E78F;
	float: left;
	width: 80%;
	border-radius: 8px;
	padding-top: 5%;
	padding-right: 10%;
	padding-bottom: 5%;
	padding-left: 10%;
	color: #685B31;
	margin-bottom: 25px;
}
.ccf-form-wrapper .field input[type="text"], .ccf-form-wrapper .field textarea {
	width: 100%;
	box-sizing: border-box;
	font-family: Calibri;
	font-size: 17px;
	color: #6F2400;
	padding-top: 6px;
	padding-right: 8px;
	padding-bottom: 6px;
	padding-left: 8px;
	background-color: #FFFFFF;
	border: 1px solid #CDBAB4;
}
.post-categories{
	float: left;
	text-align: left;
	width: 100%;
}
.post-categories li a {
    font-family: "Open Sans";
    font-size: 12px;
    color: #677D8D;
    text-decoration: none;
    border-radius: 4px;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    list-style-type: none;
    float: left;
}
.post-categories li a:hover{
	color: #CC3300;

}
.post-categories li, .post-categories ul{
	margin:0;
	padding:0;
	list-style-type:none;
	text-align: left;
}
ul.post-categories{
	margin:0;
	padding:0;
	list-style-type:none;
	text-align: left;
}
}

@media only screen and (max-width: 990px) {

#pre-foot{
	width:100%;
	float:left;
	margin-top:1.2%;
	text-align:left;
	background-color:5A596B;
}
#pre-foot p{
color:#FFFFFF;
font-size: 18px;
}
#nosotros{
	width:40%;
	margin-right:1.2%;
	float:left;
	padding: 10px;
	height:150px;
	margin-left: 5%;
	color:#FFFFFF;
	text-align:center;
}
#datos-contacto{
	width:40%;
	margin-right:1.2%;
	float:left;
	padding: 10px;
	height:150px;
	color:#FFFFFF;
	text-align:center;
}
input[type=search] {
  border: 1px dotted #999;
  border-radius: 0;
  width:250px;
  -webkit-appearance: none;
}
#enlaces{
	width:40%;
	margin-right:1.2%;
	float:left;
	height:200px;
	color:#736566;
	margin-left:6%;
}
#facebook{
	width:40%;
	float:left;
	padding: 10px;
	height:150px;
	color:#FFFFFF;
}
#caja-celeste{
	width:100%;
	background-color:#1F0D18;
	float:left;
	margin-top: 1.2%;
}
#pie{
	width:100%;
	background-color:#14080F;
	float:left;
	margin-top:15px;
	padding-top:1.2%;
	font-family: "Lato";
	font-size: 15px;
	color: #FFFFFF;
	padding-bottom: 1.2%;
	text-align:center;
}
#pie a{
	text-decoration:none;
	color:#FFFFFF;
}
#email{
	width:47%;
	float:left;
}
#email .fa{
	font-size: 20px;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
}

#tel-esc{
	width:47%;
	float:left;
}
#tel-esc .fa{
	font-size: 20px;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
}
#user{
	width:45%;
	float:left;
}
#user .fa{
	font-size: 20px;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
}
#redes{
	width:45%;
	float:left;
}
#redes .fa{
	font-size: 20px;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
}

#menu1{
	background-color: #99FF99;
	width: 100%;
	margin-right: 1.2%;
	margin-bottom: 1.2%;
}
#menu2{
	background-color: #99FF99;
	width: 100%;
	margin-right: 1.2%;
	margin-bottom: 1.2%;
}
#menu3{
	background-color: #99FF99;
	width: 100%;
	margin-right: 1.2%;
	margin-bottom: 1.2%;
}
#sidebar{
	width: 28.8%;
}
#tecnci,#tecnem,#tecntipp,#tecner {
}
#bloque-noticias,#bloque-contenidos {
}
#complemento-1,#complemento-2,#complemento-3 {
	height: 200px;
}
}

@media screen and (min-device-width: 481px) and (max-device-width: 768px) { 
#barra-gris{
	width:100%;
	background-color: #512E32;
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
}
#cont-logo-menu{
	width:90%;
	padding-right: 5%;
	padding-left: 5%;
	float: left;
}
#logo{
	float:left;
	width:100%;
	background-color: #512E32;
}
#logo img{
 margin: 1em 0%;
 width: 100%;
}
#menu-cabecerax{
	float:right;
	width:100%;
	margin-top: 25px;
}
#barra-menu-secundario{
	background-color: #F2F0E1;
	width: 100%;
	padding-top: 0px;
	padding-bottom: 0px;
	float: left;
}
#barra-links{
	float: left;
	width: 100%;
}
#barra-social{
	float: left;
	width: 100%;
	margin-top: 13px;
	text-align: right;
	padding-right: 2%;
}
#barra-social .fa{
	font-size: 30px;
	color: #BAAA88;
	padding-right: 4px;
	padding-left: 4px;
}
#barra-social a{
	color: #BAAA88;
}
#barra-social .fa a:hover{
	color: #E3671C;
}
#limite{
	max-width: 100%;
	margin-right: auto;
	margin-left: auto;
}
#boton-sup{
	text-align: center;
	padding: 10px;
	height: 90px;
	width: 90px;
	float: right;
}
#boton-sup a{
	color: #BCAC97;
}
#boton-sup a:hover{
	color: #B67432;
}
#boton-sup fa{
	font-size: 25px;
}
#boton-sup-icono{
	color: #A6947C;
	font-size: 33px;
}
#boton-sup-link{
	font-family: Museo-300;
	padding-top: 15px;
	color: #BCAC97;
	font-size: 15px;
}
#menu-cabecera ul{}
#menu-cabecera li{
	float: right;
	list-style:none;
}
#menu-cabecera li a {
	font-family: 'Museo-300';
	font-size: 16px;
	color: #006BB3;
	text-decoration: none;
	padding-top: 27px;
	padding-bottom: 27px;
	padding-right: 25px;
	padding-left: 25px;
	border-radius:6px;
	margin-top: 20px;
}
#menu-cabecera li a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #77B6BF;
}


#todo1{
	width:100%;
	float:left;
}
#todo{
	width: 100% !important;
	background-color:#F7E7C5;
}
#cabecera{
	background-color: #0099CB;
	width: 100%;
	margin-bottom: 1.2%;
	height: 100px;
}
#contacto{
	padding-top:1.2%;
	padding-bottom:1.2%;
	margin-bottom:1.2%;
	background-color:#0099CB;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	font-family: 'Museo-300';
	font-size: 15px;
	text-align:center;
}
#contacto a{
	text-decoration:none;
	color:#FFFFFF;
}
#contacto .fa{
	font-size: 20px;
	color: #FFFFFF;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	opacity: 0.5;
}
#correo{
	background-color:#0099CB;
	width:50%;
	float:left;
	color: #FFFFFF;
}
#telefono{
	background-color:#0099CB;
	width:50%;
	float:left;
	color: #FFFFFF;
	visibility:hidden;
}
#usuario{
	background-color:#0099CB;
	width:50%;
	float:left;
	color: #FFFFFF;
}
#redes-esc{
	background-color:#0099CB;
	width:50%;
	float:left;
	color: #FFFFFF;
	text-align: center;
}
#redes-esc .fa{
	font-size:20px;
	float:none;
}
#barra-gris{
	width:100%;
	background-color: #F4F4EC;
	float: left;
}
#cont-logo-menu{
	width:100% !important;
	float: left;
	padding-right: 0%;
	padding-left: 0%;
}
#logo{
	background-color:#F4F4EC;
	float:left;
	width:100%;
	text-align: center;
}
#logo img{
 margin: 1em 0%;
}
#menu-cabecerax{
	background-color:#F4F4EC;
	width:100% !important;
	float:left;
}
#carrusel{
	width: 100%;
	float: left;
}


#bloque-noticias{
	background-color: #C7DDEB;
	width: 100%;
	float: left;
	margin-top: 1%;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-right: 1%;
	border-radius:5px;
}
#titulo-bloque-noticias{
	width: 97%;
	padding-left: 3%;
	padding-bottom: 10px;
	font-family: 'Museo-300', Helvetica, sans-serif;
	font-size: 24px;
	text-align: center;


}
#box-noticias{
	float: left;
	width: 100%;
	margin-top: 2%;
	margin-bottom: 1.2px;
}
#foto-noticias{
	float: left;
	width: 24%;
	padding-right: 3%;
	padding-left: 3%;
}
#foto-noticias img{
	border-radius: 4px;
}
#cont-tit-parr{
	float: right;
	width: 65%;
}
#titulo-noticia{
	float: left;
	width: 100%;
	font-family: 'Museo-300', Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
}
#titulo-noticia a{
	color: #3366CC;
	text-decoration: none;
}
#parrafo-noticia{
	float: left;
	width: 100%;
}

#bloque-contenidos{
	background-color: #FEFFF1;
	width: 100%;
	margin-top: 1%;
	float: left;
	padding-top: 15px;
	padding-bottom: 15px;
	border-radius:5px;
}
#bloque-boton{
	width:100%;
	float: left;
	padding-top: 20px;
}
#boton{
	text-align:center;
	background-color: #43939E;
	padding: 7px;
	width: 170px;
	margin-right: auto;
	margin-left: auto;
	border-radius:3px;
	font-family: 'Museo-300';
	font-size: 18px;
	text-decoration: none;
}
#boton:hover{
	background-color: #34727A;
}
#boton a{
	color: #FFFFFF;
	text-decoration: none;
	font-family: 'Museo-300';
	font-size: 18px;
}
#boton1{
	text-align:center;
	background-color: #DC214C;
	padding: 7px;
	width: 170px;
	margin-right: auto;
	margin-left: auto;
	border-radius:3px;
	font-family: 'Museo-300';
	font-size: 18px;
	text-decoration: none;
}
#boton1:hover{
	background-color: #B11B3D;
}
#boton1 a{
	color: #FFFFFF;
	text-decoration: none;
	font-family: 'Museo-300';
	font-size: 18px;
}

#alternativos{
	float:left;
	width:100%;
	margin-top:1.2%;
}
#alternativo1{
	width:100%;
	background-color:#00FF00;
	margin-right:1.2%;
	float:left;
	margin-bottom:1.2%;
}
#alternativo2{
	visibility: hidden;
	display: none;
}
#bloque-complementario{
	width: 100%;
	margin-top: 1.2%;
	float: left;
}
#bloque-complementario a{
	font-family: 'Museo-300';
	font-size: 23px;
}
#bloque-complementario .fa{
	opacity: 0.5;
}
#complemento-1{
	width: 100%;
	background-color: #B4D163;
	float: left;
	margin-right: 1.2%;
	font-family: 'Museo-300', Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	border-radius:5px;
	margin-bottom:1%;
}
#complemento-1:hover{
	background-color: #97BB37;
}
#complemento-1 a{
	color: #FFFFFF;
	text-decoration: none;
}
#complemento-1 .fa{
	font-size: 100px;
	padding-top: 35px;
	padding-right: 90px;
	padding-bottom: 10px;
	padding-left: 70px;
	text-align: center;
	vertical-align: middle;
}
#complemento-2{
	width: 100%;
	float: left;
	margin-right: 1.2%;
	background-color: #6599FF;
	font-family: 'Museo-300', Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	border-radius:5px;
	margin-bottom:1%;
}
#complemento-2:hover{
	background-color: #357CFF;
}
#complemento-2 a{
	color: #FFFFFF;
	text-decoration: none;
}
#complemento-2 .fa{
	font-size: 100px;
	padding-top: 35px;
	padding-right: 95px;
	padding-bottom: 10px;
	padding-left: 70px;
	text-align: center;
	vertical-align: middle;
}
#complemento-3{
	background-color: #FFCB01;
	width: 100%;
	float: left;
	font-family: 'Museo-300', Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	border-radius:5px;
	margin-bottom:1%;
}
#complemento-3:hover{
	background-color: #E4B701;
}
#complemento-3 a{
	color: #FFFFFF;
	text-decoration: none;
}
#complemento-3 .fa{
	font-size: 100px;
	padding-top: 35px;
	padding-right: 95px;
	padding-bottom: 10px;
	padding-left: 70px;
	text-align: center;
	vertical-align: middle;
}
#pre-foot{
	width:100%;
	float:left;
	margin-top:1.2%;
	text-align:left;
	background-color:5A596B;
}
#nosotros{
	width:40%;
	margin-right:1.2%;
	float:left;
	background-color:#5A596B;
	padding: 10px;
	height:150px;
	margin-left: 5%;
	color:#FFFFFF;
	text-align:center;
}
#datos-contacto{
	width:40%;
	margin-right:1.2%;
	float:left;
	background-color:#5A596B;
	padding: 10px;
	height:150px;
	color:#FFFFFF;
	text-align:center;
}
a{

}
#datos-contacto input{

}
#enlaces{
	width:40%;
	margin-right:1.2%;
	float:left;
	background-color:#5A596B;
	height:150px;
	color:#FFFFFF;
	margin-left:6%;
}
#facebook{
	width:40%;
	float:left;
	background-color:#5A596B;
	padding: 10px;
	height:150px;
	color:#FFFFFF;
}
#caja-celeste{
	width:100%;
	background-color:#5A596B;
	float:left;
	margin-top: 1.2%;
}
#pie{
	width:100%;
	background-color:#343554;
	float:left;
	margin-top:15px;
	padding-top:1.2%;
	font-family: "Museo-300";
	font-size: 15px;
	color: #FFFFFF;
	padding-bottom: 1.2%;
	text-align:center;
}
#pie a{
	text-decoration:none;
	color:#FFFFFF;
}
#email{
	width:47%;
	float:left;
}
#email .fa{
	font-size: 20px;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
}
#tel-esc{
	width:47%;
	float:left;
}
#tel-esc .fa{
	font-size: 20px;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
}
#user{
	width:45%;
	float:left;
}
#user .fa{
	font-size: 20px;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
}
#redes{
	width:45%;
	float:left;
}
#redes .fa{
	font-size: 20px;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
}

#menu1{
	background-color: #99FF99;
	width: 100%;
	margin-right: 1.2%;
	margin-bottom: 1.2%;
}
#menu2{
	background-color: #99FF99;
	width: 100%;
	margin-right: 1.2%;
	margin-bottom: 1.2%;
}
#menu3{
	background-color: #99FF99;
	width: 100%;
	margin-right: 1.2%;
	margin-bottom: 1.2%;
}
#sidebar{
	width: 28.8%;
}
#tecnci,#tecnem,#tecntipp,#tecner {
}
#bloque-noticias,#bloque-contenidos {
}
#complemento-1,#complemento-2,#complemento-3 {
	height: 200px;
}
}

@media only screen and (max-width: 480px) {
#correo{
	background-color:#0099CB;
	width:100%;
	float:left;
	color: #FFFFFF;
}
#telefono{
	background-color:#0099CB;
	width:100%;
	float:left;
	color: #FFFFFF;
}
#usuario{
	background-color:#0099CB;
	width:100%;
	float:left;
	color: #FFFFFF;
}
#redes-esc{
	background-color:#0099CB;
	width:100%;
	float:left;
	color:#FFFFFF;
}
#redes-esc .fa{
	font-size:20px;
	float:left;
}
#barra-gris{
	width:100%;
	background-color: #512E32;
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
}
#cont-logo-menu{
	width:100%;
	float: left;
}
#logo{
	float:left;
	width:100%;
	background-color: #512E32;
}
#logo img{
 margin: 1em 10%;
}
#menu-cabecerax{
	float:right;
	width:100%;
	margin-top: 25px;
}
#barra-menu-secundario{
	background-color: #F2F0E1;
	width: 100%;
	padding-top: 0px;
	padding-bottom: 0px;
	float: left;
}
#barra-links{
	float: left;
	width: 100%;
}
#barra-social{
	float: left;
	width: 100%;
	margin-top: 13px;
	text-align: right;
	padding-right: 2%;
}
#barra-social .fa{
	font-size: 30px;
	color: #BAAA88;
	padding-right: 4px;
	padding-left: 4px;
}
#barra-social a{
	color: #BAAA88;
}
#barra-social .fa a:hover{
	color: #E3671C;
}
#limite{
	max-width: 100%;
	margin-right: auto;
	margin-left: auto;
}
#boton-sup{
	text-align: center;
	padding: 10px;
	height: 90px;
	width: 90px;
	float: right;
}
#boton-sup a{
	color: #BCAC97;
}
#boton-sup a:hover{
	color: #B67432;
}
#boton-sup fa{
	font-size: 25px;
}
#boton-sup-icono{
	color: #A6947C;
	font-size: 33px;
}
#boton-sup-link{
	font-family: Museo-300;
	padding-top: 15px;
	color: #BCAC97;
	font-size: 15px;
}
#carrusel{
	width: 100%;
	margin-bottom: 1.2%;
	background-repeat: no-repeat;
	display: none;
}
#bloque-tecn{
	width: 100%;
}
#bloque-tecn .fa{
	opacity: 0.5;
}
#bloque-tecn a{
	text-decoration: none;
	color: #FFFFFF;
	font-size: 23px;
	font-weight: bold;
}
#tecnci{
	background-color: #6CB8D2;
	width: 100%;
	margin-bottom: 1.2%;
	float: left;
	font-family: 'Museo-300', Helvetica, sans-serif;
	font-size: 20px;
	color:#FFFFFF;
	text-align:center;
	font-weight: bold;
	border-radius:80px;
}
#tecnci:hover{
	background-color: #3A9DBE;
}
#tecnci .fa{
	font-size: 80px;
	color: #FFFFFF;
	padding-top: 30px;
	padding-bottom: 10px;
	text-align: center;
	font-weight: bold;
	vertical-align: middle;
	padding-right: 150px;
	padding-left: 150px;
}
#tecnem{
	background-color: #D23443;
	width: 100%;
	float: left;
	font-family: 'Museo-300', Helvetica, sans-serif;
	font-size: 20px;
	color:#FFFFFF;
	text-align:center;
	font-weight: bold;
}
#tecnem:hover{
	background-color: #B92837;
}
#tecnem .fa{
	font-size: 80px;
	color: #FFFFFF;
	padding-top: 30px;
	padding-right: 100px;
	padding-bottom: 10px;
	text-align: center;
	padding-left: 100px;
	vertical-align: middle;
}
#tecntipp{
	width:100%;\
	background-color: #F0A154;
	float: left;
	font-family: 'Museo-300', Helvetica, sans-serif;
	font-size: 20px;
	text-align:center;
	color:#FFFFFF;
	font-weight: bold;
	margin-top:1.2%;
}
#tecntipp:hover{
	background-color: #EC8824;
}
#tecntipp .fa{
	font-size: 80px;
	color: #FFFFFF;
	padding-top: 30px;
	padding-right: 120px;
	padding-bottom: 10px;
	text-align: center;
	padding-left: 130px;
	vertical-align: middle;
}
#tecner{
	background-color: #9FBB4A;
	width: 100%;
	font-family: 'Museo-300', Helvetica, sans-serif;
	font-size: 20px;
	float: left;
	text-align: center;
	color:#FFFFFF;
	font-weight: bold;
	margin-top:1.2%;
}
#tecner:hover{
	background-color: #7C9337;
}
#tecner .fa{
	font-size: 80px;
	color: #FFFFFF;
	padding-top: 30px;
	padding-right: 100px;
	padding-bottom: 10px;
	text-align: center;
	padding-left: 140px;
	vertical-align: middle;
}
#tecnci, #tecnem, #tecntipp, #tecner {
	height: 180px;
	border-radius: 3px;
}
#bloque-noticias{
	background-color: #F5F0D1;
	width: 90%;
	float: left;
	margin-top: 1%;
	padding-top: 15px;
	padding-bottom: 15px;
	border-radius:4px;
	text-align: center;
	padding-right: 5%;
	padding-left: 5%;
}
#titulo-bloque-noticias{
	width: 100%;
	padding: 10px;
	font-family: "Museo-300", Helvetica, sans-serif;
	font-size: 24px;
	text-align: center;
}
#box-noticias{
	float: left;
	width: 100%;
	margin-top: 2%;
	margin-bottom: 1.2px;
}
#foto-noticias{
	float: left;
	width: 94%;
	margin: 0;
	padding:3%;
	text-align: center;
}
#foto-noticias img{
	border-radius: 4px;
	width: 100%;
	height: 100%;
	margin: 0;
}
#cont-tit-parr{
	float: left;
	width: 100%;
}
#titulo-noticia{
	float: left;
	width: 100%;
	font-family: "Museo-300", Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
}
#parrafo-noticia{
	float: left;
	width: 100%;
}

#bloque-contenidos{
	background-color: #FEFFF1;
	width: 100%;
	margin-top: 1%;
	float: left;
	padding-top: 15px;
	padding-bottom: 15px;
	border-radius:4px;
	text-align: center;
}
#alternativo2{
	visibility: hidden;
	display: none;
}
#complemento-1 .fa{
	font-size: 100px;
	padding-top: 35px;
	padding-right: 90px;
	padding-bottom: 10px;
	padding-left: 110px;
	text-align: center;
	vertical-align: middle;
}
#complemento-2 .fa{
	font-size: 100px;
	padding-top: 35px;
	padding-right: 95px;
	padding-bottom: 10px;
	padding-left: 70px;
	text-align: center;
	vertical-align: middle;
}
#complemento-3 .fa{
	font-size: 100px;
	padding-top: 35px;
	padding-right: 95px;
	padding-bottom: 10px;
	padding-left: 110px;
	text-align: center;
	vertical-align: middle;
}
#pre-foot{
	width:100%;
	float:left;
	margin-top:1.2%;
	text-align:center;
	background-color:5A596B;
}
#nosotros{
	width:100%;
	background-color:#1F0D18;
	padding: 10px;
	height:150px;
	color:#807C7E;
	margin-right: auto;
	margin-left: auto;
	padding-top:30px;
	padding-bottom: 25px;
}
#datos-contacto{
	width:100%;
	float:left;
	background-color:#1F0D18;
	padding: 10px;
	height:150px;
	color:#FFFFFF;
	display: none;
	visibility: hidden;
}
#datos-contacto a{
	color: #FFFFFF;
	text-decoration: none;
}
#enlaces{
	width: 100%;
	float: left;
	text-align: center;
	padding-right: 10%;
	padding-left: 10%;
	margin: 0px;
	padding-top: 25px;
}
#facebook a{
	color: #E0E0E4;
	text-decoration: none;
	text-align: center;
}
#facebook {
	width: 100%;
	float: left;
	text-align: center;
	height:250px;
}
#facebook a:hover{
	color: #BDBCC7;
}
#caja-celeste{
	width:100%;
	background-color:#1F0D18;
	float:left;
	margin-top: 1.2%;
	font-weight: normal;
}
#pie{
	width:100%;
	background-color:#14080F;
	float:left;
	margin-top:15px;
	padding-top:25px;
	font-family: "Comfortaa";
	font-size: 15px;
	color: #FFFFFF;
	padding-bottom: 25px;
}
#pie a{
	text-decoration:none;
	color:#685529;
}
#pie a:hover{
	text-decoration:none;
	color:#a28030;
}
#email{
	width:100%;
	float:left;
	text-align: center;
}
#email .fa{
	font-size: 20px;
	padding-top: 3px;
	padding-bottom: 3px;
	text-align: center;
}
#tel-esc{
	width:100%;
	float:left;
	text-align: center;
}
#tel-esc .fa{
	font-size: 20px;
	padding-top: 3px;
	padding-bottom: 3px;
}
#user{
	width:100%;
	float:left;
}
#user .fa{
	font-size: 20px;
	padding-top: 3px;
	padding-bottom: 3px;
}
#redes{
	width:100%;
	float:left;
	text-align: center;
}
#redes .fa{
	font-size: 20px;
	padding-top: 3px;
	padding-bottom: 3px;
}

#email, #tel-esc, #user{
	visibility: hidden;
	display: none;
}
.cycloneslider-slide {
	visibility: hidden;
	display: none;
}
.cycloneslider-template-default, .cycloneslider-width-full, .cycloneslider-slide
{
	visibility: hidden;
	display: none;
}
.header-middle-area {
  background:  #EADDC7;
  display: block;
  float:left;
  position: relative;
  width: 100%;
}


}