.contenedor{
    width: 100%;
    margin: auto;
    overflow: hidden;
    max-width: 100%;
    
}
.opciones{
    width: 50%;
}
#cabecera{
    /*background: #2173EE;*/
    background-image:url("imagenes/imagen2.jpg");
    background-color: gray;
    height: 150px;
    align-content: center;
    margin:auto;
}



.navegador{
    width: 100%;
    margin-bottom: 10px;
    background:#163c60;
    position: fixed;
	transition: 0.7s;
	z-index: 10;
    
}
.navegador.abajo{
    background-color: aliceblue;

}
#carouselExampleIndicators{
    margin-top: 100px;
}
#cuerpo{
     background-color: #092327;
}
@font-face{
    font-family:'MiFuente';
    src:url('ASMAN.ttf');
}

#logo{
    margin-left: 4px;
    display: block;   
    /*margin-top: 1px;*/ 
    
}

li a{
	text-decoration: none;
	color: white;
	padding: 10px;
	display: block;
   
}
li{
	display: inline-block;
	text-align: center;
}

#menu{

	list-style: none;
    padding-bottom: 5px;
	/*background: #092327;*/
    background:#163c60;
    margin-top: 5px;
    width: 100%;
    margin-left: 40px;
   
}

#Anuncios{
    margin-top: 10px;
    margin-left: 15px;
    margin-right: 15px;
    width: 98%;
    height: 100%;
    padding: 10px;
    
}

#Anuncios2{
    margin-top: 100px;
    margin-left: 15px;
    margin-right: 15px;
    width: 98%;
    height: 100%;
    padding: 10px;
    
}
@media screen and (max-width: 800px) {
    #Anuncios{
        
        
    }
    
    
}

.col:hover{

    -webkit-transform: scale(1.007);
    -webkit-transition:-webkit-transform 0.3s ease-in-out 0.1s;
    
}

.card:hover{

    -webkit-transform: scale(1.07);
    -webkit-transition:-webkit-transform 0.3s ease-in-out 0.1s;
    
}


#inicio{
    margin-left: 10px;
    margin-top: 14px;
}
#productos{
    margin-top: 14px;
}
#servicios{
    margin-top: 14px;
}
#acerca{
    margin-top: 14px;
}
#contactanos{
    margin-top: 14px;
}

li a:hover{
	/*background: #2BB1F6 ;*/
}

.carousel-inner img {
    width: 100%;
    max-height: 400px;/*400*/
}

.carousel-inner{
 height: 400px; /*300*/

 /*
 width: 80%;
 margin:auto;*/
}


#lado{
    /*width: 20%;
    height: 200px;*/
    text-align: center;
    float:right;
    margin-top: 10px;
   
   
}
#lado2{
    width: 20%;
    height: 200px;
    text-align: center;
    float:right;
    margin-top: 10px;
    display: inline-block;
    
    
   
}
#pie_pagina{
    margin-top: 10px;
    size: 1000px;
    width: 100%;
}
#facebook{
    width: 50px;
    height: 50px;
    color:#3b5998;
}
#instagram{
    width: 50px;
    height: 50px;
    color:#ac2bac;
}
#buscador{
    float:right;
    width: 300px;
    margin-right: 30px;
    margin-top: 16px;
    
}
#carta2{
    margin-top: 10px;
}

#linea{
    margin-top: 100px;
    color: red;
    border-style: inset;
    
}

#compus{
    text-decoration: none;
}

/*=======================Estilos del formulario====================*/
.form-control{
   
    color: #3b5998;
}

.form-control input:focus{
    outline: 0;
    border-color: #777;
}
.form-control.success input{
    border-color:#3ecc71
}

.form-control i{
    visibility: hidden;
    position: absolute;
}

.form-control.success i.fa-check-circle{
    border-color:#3ecc71;
    visibility: visible;
}

.form-control.error i.fa-exclamation-circle{
    color: #e74c3c;
    margin-top: 6px;
    visibility: visible;
}
.form-control small{
    margin: 20px;
    color:#e74c3c;
    visibility: hidden;
}
.form-control.error small{
    visibility: visible;
}

.Contenedor{
    width: 100%;
    margin-bottom: 1000px;
    margin: auto;
    overflow: hidden;
    max-width: 100%;
    
    
}

#compus{
    margin: auto;
    margin-top: 30px;   
}
#MenuCompus{
    margin-top: 100px;
    
}
#tc1{
    margin-left: 10px;
}
#tc2{
   
    margin-left: -30px;   
}

#TituloC{
    margin-left:30px;
    margin-top: 20px;
}

#TituloCel{
    margin-left:70px;
    margin-top: 20px;
}

.card-body{
   
}
#cartas{
    
}
#Barrita{
    margin-top: 30px;
    margin-left: 30px;
}
#paginacion{
   
    margin-top: 200px;
    margin-bottom: 0px;
}

#principalSomos{
    width: 100%;
    margin: auto;
}
#formulario{
    margin: auto;
    width: 90%;
    color:azure;
    margin-top: 110px;
    margin-bottom: 20px;
}
/*=========Pagina de quienes somos*/
#texto{
    text-align: justify;
    width: 40%;
    margin-top: 170px;
    margin-right: 0px;
    margin-bottom: 30px;
    float: right;
    animation-duration: 3s;
    animation-name: slidein;
   
    
}


#texto2{
    width: 40%;
    margin-top: 50px;
    margin-left: 70px;
    margin-bottom: 30px;
    float: left;
    animation-duration: 3s;
    animation-name: slidein;
}



#principalS{
    margin-bottom: 20px;
    display: inline;
    overflow: hidden;
    width: 90%;
}

#ContenedorPrincipal{
    margin-top: 50px;
    overflow: hidden;
    width: 90%;
}

#imagen{
    margin: 70px;
    display: inline;
}
#imagen2{
    float: right;
    display: inline;
}
#imagen:hover{

    -webkit-transform: scale(1.3);
    -webkit-transition:-webkit-transform 0.3s ease-in-out 0.3s;
    
}

#pie_pagina2{
    margin-top: 100px;
    size: 1000px;
    width: 100%;
}


/*================Contactanos=====================*/
#card-bodys{
    background-color: aqua;
}

#carta{
    background-color: aqua;
    height: 200px;
    margin: 5px;
}

