@import url('https://fonts.googleapis.com/css?family=Oswald|PT+Sans');


body{ background-color:black;
margin-top:0px;

} 

body background {
    display:none;
    
}

.info{
   padding:25px
   padding-right:200px;
    
}


.pan2{
    display:flex;
    flex-direction:column;
    font-family: 'PT Sans', sans-serif;
    font-size: 16px;
    color:#3D3D3D;
    background-color: white;
    height: 1100px;
    padding:35px;
}

.nav {
    display:none;
    
}


.slidespc {
    display:none;
    
}


.barra{
    display: flex;
    flex-direction:row; 
}

#menu {
  
    flex-direction: column;
    align-items:flex-start;
    height: 100vh;
    width: 90%;
    position: fixed;
    top: 0;
    left: -100%;
    transition: all 1s ease;
    z-index: 10; 
    display:flex;
    background-color: black;
}

#menu:target {
    left: 0;
    transition: all 0.3s ease-in-out;
    
}



#menu2 {
  
    flex-direction: column;
    align-items:flex-start;
    height: 90vh;
    width: 90%;
    position: fixed;
    top: 0;
    left: -100%;
    transition: all 1s ease;
    z-index: 10; 
    display:flex;
    background-color: black;
}


.encabezado {
    display: flex;
    flex-direction: row;

}


#menu a:hover{
    width: 80%;
}


.links a:hover{
    background-color:white;
}


.links a{
    font-size: 17px;
    color:#B7B7B7;
    font-family: 'Oswald', sans-serif;
    text-decoration: none;
    text-transform: uppercase;
}



.desplegable:hover .links {
    display: block;
}


.slidesjs-pagination li a{
    display:block;
    padding: 0px 5px;
    color:#3D3D3D;
    text-decoration:none;
    font-family: 'Roboto', sans-serif;
    font-size: 10px;
}
.slidesjs-navigation{
    background-color: #3D3D3D;
    color:#E6344A;;
    text-decoration: none;
    display: inline-block;
    padding: 15px 5px;
    float: right;
    font-family: 'Roboto', sans-serif;
    width: 10px;
    height: 10px;

}
.contenedor{  
    display:flex;
    justify-content:center;
    align-items: center;

    }
        .elemento{  
    background-color:#E5E5E3;
    margin: 2px;
    width: 100%;
     display:flex;
    flex-direction: column;
    align-items: center;

           
    }
    
    .color{  
    color:#E6344A;
   
    }
        
   .cuerpo{  
    display:flex;
    justify-content:center;
    align-items: center;
    flex-direction: row;
    padding-top:0px;
    text-align:center;
    line-height: 22px;
    font-family: 'PT Sans', sans-serif;
    font-size: 19px;
    color:#3D3D3D;

    }

h1{
   font-family: 'PT Sans', sans-serif;
   font-size: 35px;
   color:white;
}    

  h2{
   font-family: 'PT Sans', sans-serif;
   font-size: 35px;
   color:black;
}    
        
    h3{  
    color:#E6344A;
    font-size: 20px;
    padding:0px;
    font-family: 'Oswald', sans-serif;
    
    }
        
    h4{  
    color:white;
    font-size: 11px;
    padding:0px;
    padding-left:10px;
    margin:0px;
    font-family: 'PT Sans', sans-serif;
    
    
    } 
        
    h5{  
    background-color:#E6344A;
    padding:5px;
    margin:0px;
    font-family: 'PT Sans', sans-serif;
    font-size: 15px;
    color: white;
    
    }
        
    h6{  
    background-color:#3D3D3D;
    padding:25px;
    margin:0px;
    font-family: 'PT Sans', sans-serif;
    font-size: 11px;
    color: white;
     display: flex;
    justify-content:center;
    align-items: center;
    flex-direction: row;
  
    } 
    
    h7{  
    color:white;
    font-size: 60px;
    padding-left:10px;

    
    
    } 
        
     h8{  
    background-color:black;
    padding:5px;
    padding-left:25px;     
    margin:0px;
    font-family: 'Oswald', sans-serif;
    font-size: 70px;
    color: white;
     display: flex;
    justify-content:center;
    align-items: center;
    flex-direction: row;
      }   
 h9{  
    padding:0px;    
    margin:0px;
    font-family:'PT Sans', sans-serif;
    font-size: 25px;
    color: white;

      } 

    h10 {
    position: absolute;
    top: 132px;
    left: 10px;
    padding: 10px;
    font-size: 16px;
    background-color: black;
    font-family:'PT Sans', sans-serif; 
    color:white;  
   
    }
        
    h13 {
    position: absolute;
    top: 180px;
    padding-left:5%;
    font-size: 20px;
    font-family: 'Oswald', sans-serif;  
    background-color:white;
    color: #E6344A;
    width: 95%;
    }      
           
       

.pan{
        width:100%;
        padding-bottom:20%; 
        padding-top:17%;
        padding-left:0px;
        
}
        


.iconos{
display: none;    
}
   

.conimagen {
    display:flex;
    flex-direction: column;
}
        
 .logo{

     display:flex;
     align-items:flex-start;
     margin:0px;
     padding:0px;

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


        
.pie {
    display:flex;
    flex-direction: column;
    justify-content: center;
    padding:40px;
    margin:0px;
}
      
        
.infopie {
    display:flex;
    color: white;
    flex-direction: column;
    text-decoration: none;
    font-family: 'PT Sans', sans-serif;
    font-size: 15px;
    line-height: 22px;
    padding:0px;
    margin:0px;
} 

.mail{
    color: #E6344A;
    
    text-decoration: none;
    font-family: 'PT Sans', sans-serif;
    font-size: 16px;
    padding-top:15px;
    padding-left:0px;
    margin:0px;
    
} 

.fotopan2{
        width:315px;

        }

.fotopan3{
    margin:0px;
    width: 100%;


        } 


footer{
   background-color:black;
   bottom:0;
   left:0;
   width: 100%; 
   height: 220px;
}

.encabezado2{  
    background-color:#3D3D3D;
    padding-top:0px;
    padding-bottom: 0px;
    margin-bottom:0px;
    margin-top:0px;
    width: 100%;
    height: 40px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
    
    }

  .ir-arriba {
	display:none;
	padding:20px;
	background:#9A976E;
	color:white;
	cursor:pointer;
     margin:20px; 
}      
   
.arriba {
	display:flex;
    justify-content: center
      
}      


.image {
position: relative;
width: 100%;
padding-bottom:0px;   
}

    

.image2 {
position: relative;
width: 100%;
padding-bottom:150px;      
}




/*RESPONSIVE*/


/* a partir de 800px*/
@media screen and (min-width:50em) 
    {

        
body{ background-color: #3D3D3D;
margin-top:0px;
background-image:url(06.jpg);
background-repeat:no-repeat; 
background-attachment:fixed; 
background-position:center;
background-size:98.8%;
} 
        
 .info{
   padding:10px;
   padding-left:200px;
   padding-right:200px;
    
}     
        
.nav {
    display:flex;
    
}         
        
.fotocel {
display:none;
    
}
        
.encabezado {
display:none;
    
}        
        
        
.fotopan2{
         width:570px;

        }
 
.fotopan3{
    margin:0px;
    width: 100%;

        }        
        
.logo{
     padding:0px;
    margin:0px;
    height: 70px;
    float: left;  
} 

        h1{
   font-family: 'PT Sans', sans-serif;
   font-size: 150px;
   color: white;
}

footer{
   
   background-color: #3D3D3D;
   bottom:0;
   left:0;
   width: 100%; height: 350px;
}

header{ 
z-index: 99;
position: relative;
    height: 0px

}     

        
ul {
				list-style:none;
     background: rgba(10, 10, 10, .8);
 display:flex;
    justify-content:center;
    align-items: center;

    


			}
			
			.nav > li {
               
				float:left;
                padding-left: 0px;
                padding:10px;
                width: 140px;
                margin:0px;
                z-index: 99;
                
			}
			
			.nav li a {

				text-decoration:none;
				padding:15px;
				display:block;
                font-family: 'PT Sans', sans-serif;
                font-size: 13px;
                
                
			}
			
			.nav li a:hover {
				background-color:#434343;
			}
			
			.nav li ul {
				display:none;
				position:absolute;
				min-width:140px;
			}
			
			.nav li:hover > ul {
				display:block;
			}
			
			.nav li ul li {
				position:relative;
			}
			
			.nav li ul li ul {
				right:-140px;
				top:0px;
			}
    
       
			.nav2 li a {
				padding:20px;
				display:flex;
                font-family: 'PT Sans', sans-serif;
                font-size: 14px; 
                margin:0px;
               justify-content: center;
                letter-spacing: 2px;
         
			}
        .nav2  li {
                padding:0px;
                margin:2px;
                background-color:black;
                width: 100%;
                
                    
			}
        
        .nav2 li a:hover {
				background-color:#434343;
			}
		
         .nav2 {
				background-color:white;
             padding:0px;
             margin:0px;
            flex-direction: column;
			}
		
    
		
        
.contenedor{  
    display:flex;
    justify-content:center;
    align-items: center;

    }
        .elemento{  
    background-color:#E5E5E3;
    margin: 2px;
    width: 100%;
     display:flex;
    flex-direction: column;
    align-items: center;

           
    }
    
    .color{  
    color:#E6344A;
   
    }
           
        
        h1{
   font-family: 'PT Sans', sans-serif;
   font-size: 50px;
   color:white;
}     
       h2{
   font-family: 'PT Sans', sans-serif;
   font-size: 40px;
   color:black;
}  
    h3{  
    color:#E6344A;
    font-size: 23px;
    padding:0px;
    font-family: 'PT Sans', sans-serif;
    
    }
        
        
     h7{  
    color:#9A976E;
    font-size: 20px;
    padding:0px;
    font-family: 'PT Sans', sans-serif;
    }    
        
        
    h4{  
    font-size: 14px;
    padding:0px;
    padding-left:0px;
    font-family: 'PT Sans', sans-serif;;
    margin:0px;
    padding-right:20px;
    letter-spacing: 2px;
    text-transform: uppercase;
        
    
    } 
        
    h5{  
    background-color:#9A976E;
    padding:5px;
    margin:0px;
    font-family: 'PT Sans', sans-serif;
    font-size: 15px;
    color: white;
    
    }
        
    h6{  
    background-color:#3D3D3D;
    padding:25px;
    margin:0px;
    font-family: 'PT Sans', sans-serif;
    font-size: 11px;
    color: white;
     display: flex;
    justify-content:center;
    align-items: center;
    flex-direction: row;
  
    } 
  
    h9{  
    padding:0px;    
    margin:0px;
    font-family:'PT Sans', sans-serif;
    font-size: 25px;
    color: white;

      }     
        
    h10 {
    position: absolute;
    top: 300px;
    left: 60px;
    padding: 12px;
    font-size: 18px;
    background-color: black;
    font-family:'PT Sans', sans-serif; 
    color:white;    
    }
        
    h11 {
    position: absolute;
    top: 350px;
    left: 60px;
    padding:12px;
    font-size: 30px;
    font-family: 'Oswald', sans-serif;  
    background-color: #9A976E;
    color:white;
    }      
        
    h12 {
    position: absolute;
    top: 416px;
    left:46px;
    padding:12px;
    font-size: 15px;
    font-family: 'Oswald', sans-serif;
    color:white;

    }  
        
        
    p{
	padding-left: 20px;
    margin:0px;
} 
            
.descarga{  
    background-color: #E6344A;
    padding:12px;
    font-size: 15px;
    font-family: 'PT Sans', sans-serif;
    
    }
        
.pan2{
    display:flex;
    flex-direction:column;
    align-items: center;
    font-family: 'PT Sans', sans-serif;
    font-size: 16px;
    color:dimgrey;
  background: white;
    height: 900px;
}

.conimagen{
    display:flex;
    flex-direction: row;

    
}
        
        
        
a {
    text-decoration: none;
    color:white;
}
        
.pie {
    display:flex;
    flex-direction: row;
    justify-content:space-around;
    padding:10px;
    padding-left:80px;
    margin:0px;
   padding-right:70px; 
}
      
        
.infopie {
    display:flex;
    color: white;
    flex-direction: column;
    text-decoration: none;
    font-family: 'PT Sans', sans-serif;
    font-size: 13px;
    line-height: 35px;
    padding-top: 30px;

    margin:0px;
} 

.mail{
    color: #9A976E;
    float:right;
    text-decoration: none;
    font-family: 'PT Sans', sans-serif;
    font-size: 18px;
    padding:0px;
    padding-right:25px; 
    padding-top:25px;
    margin:0px;
} 


.encabezado2{  
    background-color:black;
    padding-top:5px;
    padding-bottom:5px;
    margin-top:0px;
    width: 100%;
    height: 30px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content:flex-end;
    
    }
        
.imagenesencabezado2{  
display: flex;
flex-direction: row;
    }
 

 .ir-arriba {
	display:none;
	padding:20px;
	background:#9A976E;
	color:white;
	cursor:pointer;
     margin:20px; 
}      
   
.arriba {
	display:flex;
    justify-content: center
      
}      
             
           
        
 .iconos{
display:flex;
justify-content: center;
 align-items: center;
 margin-top: 50px;
     margin-bottom: 50px;

}       
     
        
        
        
}