*{margin:0px; padding:0px;}




/* CONTENEDOR */

h3{
    font-family: 'Open Sans', sans-serif;
    font-size: 26px;
    font-weight: 600;
    color: #ED1C24;
    background: white;
    text-align: center;
    padding: 2%
}


h4{
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    color: white;
    font-weight: 300;
   
}


.cabeza{
    background: #ED1C24;
    display: block
}


.logo{
    float: left;
    width: 25%;
    margin-left: 18%;
    margin-top: 2%
}

.cajas{
    width: 100%;
    
}

.caja img{
    width: 100%;
    vertical-align: middle;
}

.caja{
    width: 12%;
    float: right;
    margin-top: 3%;
        
}

.cajaulti{
    
    width: 12%;
    float: right;
    margin-top: 3%;
    margin-right: 18%;
    position:relative;
    overflow:hidden;
   
}

.cajaulti img{
    width: 100%;
    vertical-align: middle; 
}
.clearfix{clear:both;}


/* SLIDER */

.slider{
	width: 100%;
	margin:auto;
	overflow: hidden;
}
	
.slider ul{
	padding: 0;
	margin:auto;
	display:flex;
	width: 200%;
	animation: cambio 8s infinite;
}


.slider li{
		list-style:none;
		width:100%;
		
}

.slider img{
		width:100%;
		
}
	
@keyframes cambio{
	0% {margin-left:0%}
	50% {margin-left:0%}
	
	55% {margin-left: -100%}
	100% {margin-left: -100%}
	
}

 

/*FORMULARIO */


form{
    width: 60%;
    margin: auto;
}

input{
	width:100%;
	margin-bottom:20px;
	padding: 7px;
	box-sizing:border-box;
	font-family: 'Open Sans', sans-serif;
        font-size: 12px;
	
}

label{
    width:100%;
	margin-bottom:20px;
	padding: 7px;
	box-sizing:border-box;
	font-family: 'Open Sans', sans-serif;
        font-size: 12px;
        font-weight: 900
}

labelmio{
    font-family: 'Open Sans', sans-serif;
    font-size: 26px;
    color: #ED1C24;
    background: white;
    text-align: center;
    padding: 2%
}

.solicitar{
    width: 20%;
    height: 20%;
    padding: 1% 1%;
    background: #ED1C24;
    color: white;
    font-family: sans-serif;
    font-size: 14px;
    letter-spacing: 3px;
    text-align: center;
    display: inline-block;
    float: left;
    margin-bottom: 3%
}

.ci {
	width:48%;
        float:left;
}

.fn {
	width:48%;
	float:right;
}

.archivos{
    float: right;
}


/* FOOTER */

.dir{
    font-size: 18px;
    text-align: center;
    font-family: sans-serif;
    font-weight: 300;
    background: #ED1C24;
    color: white;
    display: inline-block;
    width: 100%;
    padding: 3% 0%
   
}

a{
    text-decoration: none;
    color: white;
}

.dir img{
    width: 2%;
}


/* ADAPTACION */

@media screen and (max-width:600px)
{
    .dir img{
    width: 7%;
}

.dir{
    font-size: 13px;
    text-align: center;
    font-family: sans-serif;
    font-weight: 300;
    background: #ED1C24;
    color: white;
    display: inline-block;
    width: 100%;
    padding: 2% 0%
   
}



.pie{
    width: 96%;
    margin-top: 4%
    
}


    
    .logo{
        width: 100%; 
        margin: auto
    }


    .cajas{
    width: 100%;

    
}

    .caja img{
    width: 70%;
    vertical-align: middle;
    margin-left: 15%
}

    .caja{
    width: 100%;
    margin-top: 1%;
        
}

.cajaulti{
    
    width: 70%;
    margin-left: 15%;
    float: left;
   
}

.cajaulti img{
    width: 100%;
    vertical-align: middle; 
}

    
    h3{
        font-size: 16px
    }


    form{
    width: 90%;
    margin: auto;
}

    form .ci{
    width: 100%;
    margin: auto;
    float: left;
    margin: 5px 0px
}

    form .fn{
    width: 100%;
    margin: auto;
    float: left;
    margin: 5px 0px
}

.solicitar{
    width: 100%;
    height: 30%;
    padding: 3% 1%;
    background: #ED1C24;
    color: white;
    font-family: sans-serif;
    font-size: 14px;
    letter-spacing: 3px;
    text-align: center;
    display: inline;
    margin-left: 0%;
    margin-top: 5%
}
    
 }