*{margin:0; padding:0;}

body {
	background: #fffffa;
}

/*  ------------------- General   -----------------------*/






a {text-decoration: none;}

/* botones enlaces */


nav a {
color: #484949; /*color texto*/
text-decoration: none; /*decoración texto*/

}

nav a:hover {
	color:#bd0c0c;
}



 
/*  -------------------  bloque2  -----------------------*/

.bloque2 .bt1:hover{
			opacity: 0.7;
			-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 70);
			filter: alpha(opacity = 70);
			transition-duration: 0.5s;
			-moz-transition-duration: 0.5s;
			-webkit-transition-duration: 0.5s;
			-o-transition-duration: 0.5s;
}

.bloque2 .bdonar {
	padding: 10px; /*espacio alrededor texto*/
	background-color: #bd0c0c; /*color botón*/
	color: #fff; /*color texto*/
	border-radius: 50px; /*bordes redondos*/
}

.bloque2 .bdonar:hover {
	padding: 10px; /*espacio alrededor texto*/
	background-color: #0672B9; /*color botón*/
	color: #fff; /*color texto*/
	border-radius: 50px; /*bordes redondos*/
}




	{

	width:100%;
	overflow: hidden;
	background:#fff;
	
	
}



.wrapper {
	width:100%;
	max-width:1019px;
	margin:auto;
	overflow: hidden;
}


.main {
	width: 100%;
	position: fixed;
	top:0;
	box-shadow: 0px 4px 3px rgb(0,0,0,.5)
	
}


.contenido {
	margin-top: 120px;
}

.caja1:hover {
	box-shadow: 0px 0px 0px 2px #000;
}


/*  -------------------  
<div class="slider"> 
<ul>
        <li>
            <img src="imagenes/2/1a.jpg ">
        </li>
        <li>
            <img src="imagenes/2/2a.jpg ">
        </li>
        <li>
            <img src="imagenes/2/3a.jpg ">
        </li>
        <li>
            <img src="imagenes/2/4a.jpg ">
        </li>
    </ul>
</div>


/*

@media screen and (max-width: 1050px){
	header,
	header nav {
		width:100%;
		text-align:center;
		line-height:100px;
	}
}

*/



/*  -------------------  slider -----------------------
}
.slider{
  width: 100%;
  height:550px;
  overflow:hidden;
}
.slider ul{
    display:flex;
    animation: cambio 20s infinite alternate linear;
    width: 400%;
}
.slider li{
    width: 100%;
    list-style: none;
}
.slider img{
    width: 100%;
}
@keyframes cambio{
    0%{margin-left: 0;}
    20%{margin-left: 0;}
    
    25%{margin-left: -100%;}
    45%{margin-left: -100%;}
    
    50%{margin-left: -200%;}
    70%{margin-left: -200%;}
    
    75%{margin-left: -300%;}
    100%{margin-left: -300%;}
}

*/



/*  -------------------  
@media only screen and (min-width:320px) and (max-width:768px){
.slider, .slider ul, .slider img{
    height: 100vh;
}
}

  -----------------------*/


/*  -------------------  suscripcion ----------------------- */

content-sub{
    width: 100%;
    height: 100%;
    background: rgba(0,22,0,0.7);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.content-sub h2{
    color: #fff;
    font-size: 30px;
    margin-bottom: 10px;
}
.content-sub p{
    color: #fff;
    font-size: 17px;
    margin-bottom: 25px;
    max-width: 600px;
    text-align: center;
}
.content-sub form{
    width: 100%;
    max-width: 600px;
    display: flex;
}
.content-sub form .campo{
    width: 100%;
    padding: 15px 15px;
    font-size: 16px;
    border: none;
    border-radius: 3px 0px 0px 3px;
    outline: 0px;
}
.content-sub form .btn-sub{
    padding: 15px 25px;
    border: none;
    font-size: 16px;
    border-radius: 0px 3px 3px 0px;
    background: #bd0c0c;
    color: #fff;
    cursor: pointer;
    outline: 0px;
}
.content-sub form .btn-sub:hover{
    background: #0672B9;
}




/*
 @media screen and (max-width: 600px) {
       table {
           width:100%;
       }
     
       tbody td {
           display: block;
           text-align:center;
       }
       
*/