@media only screen
 
{
  and (min-device-width: 320px;) 
  and (max-device-width: 736px;)
}

.header{
    position:relative;
    margin-top:20px;
    background-color:#ffffff;
    background-color: rgba(0,0,0,0.7);
    background-color: hsla(0, 0%, 100%, 0.7);
}

#navigation2{
    display: none;
}


.cont_inicio{
    position: relative;
    top: 0px;
    background-color: #07417b;
    width: 100%;
    height: 50px;
    
}

.cont_inicio .datos{
    text-align: center;
    
}

.datos img{
    margin-top: 10px;
    margin-left: 5px;
    margin-right: 5px;
    
}

.datos .dat{
    position: relative;
    bottom: 8px;
    display:inline-block;
    font-family:'Calibri', sans-serif;
    text-transform:none;
    font-weight: 600;
    font-size: 1.3em;
    color: #ffffff;
}

.datos a{
    position: relative;
    bottom: 8px;
    display:inline-block;
    font-family:'Calibri', sans-serif;
    text-decoration: none;
    font-weight: 600;
    font-size: 1.3em;
    color: #ffffff;
}

@media screen and (max-width:680px) {
    
    .cont-grilla{
        width: 100%;
    }
    
    .main h1 span{
        font-size: 1.5em;
    }
    
    .menu1_gra{
        display: none;
    }
    
    .main-756{
        position: absolute;
        width: 100%;
        margin-top: 0px;
        margin-left: 0px;
     
    }
    
    .main-756 img{
        max-width: 100%;
    }
    
    
    
    #navigation .nav-items2{
        text-align: center;
        
    }
    
#navigation2{
    display: block;
   margin-bottom: 20px;
}

.control-menu2 {
    background-color:hsl(202, 100%, 33%);
    background-position: center center;
    display: block;
    float:left;
    height: 50px;
    margin-top: 30px;
    width: 100%;
    -o-transition:all 0.5s linear;
    -ms-transition:all 0.5s linear;
    -moz-transition:all 0.5s linear;
    -webkit-transition:all 0.5s linear;
    transition:all 0.5s linear;
}
    
    .control-menu2 a:hover {
    color:#333;
    color:rgb(255, 255, 255);
    background-color:#72add0;
        height: 50px;
    background-color: hsl(202, 50%, 63%);
    margin:0px;
        
        
}
    
.control-menu2 a span {
    display: inline-block;
    height: 40px;
    text-indent: -9999px;
    width: 40px;
    
}
.control-menu2 .close {
    background-image: url("img/logo/close-menu.png");
    background-position: center center;
    background-repeat: no-repeat;
    display: none;
}
.control-menu2 .open {
    background-image: url("img/logo/open-menu.png");
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
}

    ul.nav-items2 a:hover {
    color:#333;
    color:rgb(255, 255, 255);
    background-color:#0069a7;
    background-color: hsl(202, 100%, 33%);
    margin:0px;
        
}
    
    ul.nav-items2 a:last-child{
    border-right:1px solid #333;
    border-right:1px solid rgba(255,255,255,0.1);
}

    
ul.nav-items2 {
    padding-top: 2px;
    clear: both;
    height: 0;
    overflow: hidden;
    transition: height 0.4s ease-in-out 0s, background-color 2s ease 0s; /*El menú cambia su altura y su color de fondo mediante una transición suavizada al voover a su estado unicial*/
}

#navigation2:target ul.nav-items2 {
    background: #fffefe none repeat scroll 0 0;
    height: 21.8em;
    transition: height 0.4s ease-in-out 0s, background-color 0.9s ease 0s; /*El menú cambia su altura y su color de fondo mediante una transición suavizada al abrirse*/
}


/*Al hacer clic sobre el enlace que abre el menú éste desaparece*/

.close { 
   display:none;
}
        
#navigation2:target .open {
      display: none;
}

/* Al hacer clic sobre el enlace que abre el menú aparece el enlace .close que previamente estaba oculto*/

#navigation2:target .close {
        display: block;
}
  
/*Estilos menu*/

ul.nav-items2 li {
    display: block;
}
ul.nav-items2 a {
    border-top: 1px solid #dddbdb;
    color: #006ba8;
    display: block;
    font-family: 'Calibri' , sans-serif;
    font-size: 1em;
    font-weight: 600;
    text-transform:uppercase;
    text-decoration:none;
    height: 3em;
    line-height: 3em;
    letter-spacing: 1px;
    margin: 0 1.3em;
    -o-transition:all 0.5s linear;
    -ms-transition:all 0.5s linear;
    -moz-transition:all 0.5s linear;
    -webkit-transition:all 0.5s linear;
    transition:all 0.5s linear;
}
ul.nav-items2 li:first-child a {
    border-top: 1px solid transparent;
}
ul.nav-items2 li a span {
    border-left: 3px solid #006ba8;
    height: 3.2em;
    padding: 0.4em 0.5em;
}





    
    
    
    
    
    
     .main h1 span{
        font-size: 1.5em;
    }
		.cont_inicio {
			width:98%;
            height: 100%;
            clear: both;}
    
    .main .contenidos_arri{
        margin-top: -180px;
        width: 100%;  
    }
    
    .main .contenidos_arri img{
        width: 100%; 
        margin-left: 40px;
    }
    
    .main .contenidos_int{
        width: 100%;  
    }
    
     .main .contenidos_int .container{
        margin-top: -180px;  
    } 
    
    .main .contenidos_arri2{
        margin-top: -100px;
        width: 100%;  
    }
    
    .contenidos_arri2{
        width: 100%;
        margin-top: -180px;  
    } 
    
    .main .contenidos_arri2 img{
        width: 100%; 
        margin-left: 40px;
    }
    
    .contenidos_arri2 .autos2{
        width: 100%;
        margin-top: 100px;  
    } 
    
    .container .empresa{
        font-size: 1em;
        
    }
    
    .contenidos{
        width: 100%;
    }
    
    .contenidos fieldset{
        width: 100%;
    }
    
    .contenidos registro{
        width: 100%;
    }

    .contenidos form{
        width: 100%;
    }
    
    .contenidos h2{
        width: 100%;
    
    }
    
    .ac-container label{
        font-size: 1.2em;
    }
        
    .cont_inicio .datos{
    clear: both;}
    
    .datos img{
    margin-left: 1px;}
    
    .datos a{
    clear: both;
        margin-top:5px;
        text-align: center;
    margin-bottom: 1px;}
    
    .logo_central{
   float: left;
        margin-left: 30px;
        width: 100%;}
    
    .demo-cont{
        width: 100%;  
    }
    
    .demo-cont2{
        width: 100%;  
    }
    
    .demo-cont2 img{
        width: 100%;  
    }
    
    .fnc-slide__content{
        width: 100%; 
        height: 100%;
    }
    
    .fnc-slide__heading-line span {
  font-size: 0.4em;
        font-weight: 600;
}
    
    .fnc-nav__control{
        width:  100%;
    }
    
    .fnc-nav__control a{
        font-size: 1.5em;
    }
    
    #slider-wrapper {
width: 100%;
}
    
    #slider span{
position: absolute;
top: 30%;
left: 40px;
z-index: 1;
width: 70%;
height: 10%;
text-align: center;
line-height: 30px;
font-size: 1.5em;
        font-weight: 600;
color: #fffcfc;
background: rgba(6, 57, 114, 0.34);
text-decoration: none;
transition: .5s margin ease;
}
    
    #slider3{
        width: 100%;
    }
    
    #slider3 img{
        width: 100%;
    }
    
    .slider_x {
	width: 100%;
    object-fit: cover;
      object-position: center center;
	margin: auto;
        padding-bottom: 10px;
	overflow: hidden;
}
    
    .proyec .bot1{
        margin-left: -140px;
        padding-bottom: 10px;
        
    }
    
    .cont_emp{
        margin-top: 300px;
        margin-left: -30px;
    }
    
    .cont_emp .p_1{
      text-align: center;
        margin-left: -90px;
    }
    
    .t_12{
        margin-left: 90px;
        
    }
    
    .org{
        margin-left: -80px;
    }
    
    .footer{
        float: none;
       
    }
    
    .footer li{
        align-content: center;
        padding-bottom: 10px;
        display: inline-block;
        text-align: center;
    }
    
    .footer1{
        position: relative;
        margin-top: 400px;
    }
    
    .footer1 li{
        align-content: center;
        display: inline-block;
        text-align: center;
    }
    
    .form_1{
        position: relative;
        margin-left: 30px;
        margin-top: 270px;
    }
    
    .form_1 label{
text-align: center;
        margin-left: -55px;
}
    
    .footer clear{
        width: 100%;}
   
    .cont-grilla section{
        clear: both;
    text-align: center;}
    
    .footer label{
text-align: center;
        margin-left: -25px;
}
    button,input,select,textarea{
    margin-left: -25px;
}
    
     
    }

    
	}