/*slider camere*/
#in_camere { 
    position:relative;
    height:auto;
    width:100%;
    margin:0 auto;
    padding: 0px;
    float: left;
}
#in_camere img {
    width:98%;
    height: auto;
    position:absolute;
    left:0px;
    top:10px;
    overflow-y: hidden;
    border-top:3px solid #00ff00;
    border-left: 2px solid #00ff00;
    border-right: 2px solid #408095;
    border-bottom:  3px solid #408095;
    padding: 1%;
}  
/*area di occupazione delle slide*/
#ower_camere{
    width:100%;
    height: 220px;
    border: none;
} 

/*slider esterno agriturismo*/
#in_esterno { 
    position:relative;
    height:auto;
    width:100%;
    margin:0 auto;
    padding: 0px;
    float: left;
}
#in_esterno img {
    width:98%;
    height: auto;
    position:absolute;
    left:0px;
    top:10px;
    overflow-y: hidden;
    border-top:3px solid #00ff00;
    border-left: 2px solid #00ff00;
    border-right: 2px solid #408095;
    border-bottom:  3px solid #408095;
    padding: 1%;
}
/*area di occupazione delle slide*/
#ower_esterno{
    width:100%;
    height: 300px;
    border: none;
} 

/*slide pubblicitaria lato sinistro*/
#in_left { 
    position:relative;
    height:auto;
    width:100%;
    margin:0;
    padding: 0px;
    float: left;
}
#in_left img  {
    width:100%;
    height: auto;
    position:absolute;
    left:0px;
    top:10px;
    overflow-y: hidden;
}
/*area di occupazione delle slide - Attualmente non utilizzato*/
#ower_left {
    width:100%;
    height: 360px;
    border: none;
} 
/*slide pubblicitaria lato destro*/
#in_right { 
    position:relative;
    height:auto;
    width:100%;
    margin:0;
    padding: 0px;
    float: left;
}

#in_right img {
    width:100%;
    height: auto;
    position:absolute;
    left:0px;
    top:10px;
    overflow-y: hidden;
}
/*area di occupazione delle slide - Attualmente non utilizzato*/
#ower_right {
    width:100%;
    height: 360px;
    border: none;
} 
/*slider speco*/
#in_speco { 
    position:relative;
    height:auto;
    width:100%;
    margin:0 auto;
    padding: 0px;
    float: left;
}
#in_speco img {
    width:98%;
    height: auto;
    position:absolute;
    left:0px;
    top:10px;
    overflow-y: hidden;
    border-top:3px solid #00ff00;
    border-left: 2px solid #00ff00;
    border-right: 2px solid #408095;
    border-bottom:  3px solid #408095;
    padding: 1%;
}
#ower_speco {
    width:100%;
    height: 250px;
    border: none;
}  
/*slider monumenti*/
#in_monumenti { 
    position:relative;
    height:auto;
    width:98%;
    margin:0 auto;
    padding: 0px;
    float: left;
}

#in_monumenti img {
    width:97%;
    height: auto;
    position:absolute;
    left:0px;
    top:10px;
    overflow-y: hidden;
    border-top:3px solid #00ff00;
    border-left: 2px solid #00ff00;
    border-right: 2px solid #408095;
    border-bottom:  3px solid #408095;
    padding: 1%;
}
#ower_monumenti{
    width:100%;
    height: 300px;
    border: none;
} 
/*slider storia*/
#in_storia { 
    position:relative;
    height:auto;
    width:98%;
    margin:0 auto;
    padding: 0px;
    float: left;
}

#in_storia img {
    width:97%;
    height: auto;
    position:absolute;
    left:0px;
    top:10px;
    overflow-y: hidden;
    border-top:3px solid #00ff00;
    border-left: 2px solid #00ff00;
    border-right: 2px solid #408095;
    border-bottom:  3px solid #408095;
    padding: 1%;
}
#ower_storia {
    width:100%;
    height: 250px;
    border: none;
}
/*slider sotterranea*/
#in_sotterranea { 
    position:relative;
    height:auto;
    width:98%;
    margin:0 auto;
    padding: 0px;
    float: left;
}
#in_sotterranea img {
    width:97%;
    height: auto;
    position:absolute;
    left:0px;
    top:10px;
    overflow-y: hidden;
    border-top:3px solid #00ff00;
    border-left: 2px solid #00ff00;
    border-right: 2px solid #408095;
    border-bottom:  3px solid #408095;
    padding: 1%;
}
#ower_sotterranea {
    width:100%;
    height: 280px;
    border: none;
}    
/*slider corsa all'anello'*/
#in_anello0 { 
    position:relative;
    height:auto;
    width:100%;
    margin:0 auto;
    padding: 0px;
    float: left;
}
#in_anello { 
    position:relative;
    height:auto;
    width:98%;
    margin:0 auto;
    padding: 0px;
    float: left;
}
#in_anello img {
    width:97%;
    height: auto;
    position:absolute;
    left:0px;
    top:10px;
    overflow-y: hidden;
    border-top:3px solid #00ff00;
    border-left: 2px solid #00ff00;
    border-right: 2px solid #408095;
    border-bottom:  3px solid #408095;
    padding: 1%;
}
#ower_anello {
    width:100%;
    height: 410px;
    border: none;
    
}    

@media only screen and (min-width: 280px) and (max-width: 320px) {
    #in_camere img {
        width:95%;
        float:none;
    }
    #ower_camere{
        width:100%;
        height: 170px;

    } 
    #in_esterno img {
        width:95%;
        float:none;
    }
    #ower_esterno{
        width:100%;
        height:250px;

    }
    #in_speco img {
        width:95%;
        float:none;
    }
    #ower_speco{
        width:100%;
        height: 230px;

    }    
    #in_storia {
        width:95%;
        float:none;
    }
    #ower_storia {
        width:100%;
        height:230px;

    }   
    #in_monumenti { 
        width:95%;
        float:none;
    }
    #ower_monumenti { 
	width:95%;
        height:250px;

    }
    #in_sotterranea { 
        width: 95%;
        float:none;
    }
    #ower_sotterranea{
        width:100%;
        height: 250px;
    }
    #in_anello0 { 
        width: 75%;
        float:none;
    }
    #ower_anello{
        width:100%;
        height: 310px;
    }
}
@media only screen and (min-width: 321px) and (max-width: 430px) {
    /*#in_camere {
        width:80%;
        float:none;
    }
    #ower_camere {
        width:100%;
        height: 260px;

    }
    #in_esterno {
        width:80%;
        float:none;

    }
    #ower_esterno {
        width:100%;
        height:300px;

    }
    #in_speco { 
	width:250px;
        float:none;
    }
    #ower_speco {
        width:100%;
        height: 250px;

    }  
    #in_storia {
        width:80%;
        float:none;
    }
    #ower_storia {
        width:100%;
        height:270px;

    }
    #in_monumenti { 
	width:80%;
        float:none;
    }
    #ower_monumenti { 
        width:100%;
        height:270px;

    }
    #in_sotterranea { 
        width: 95%;
        float:none;
    }
    #ower_sotterranea{
        width:100%;
        height: 250px;
    }*/
    #in_anello0 { 
        width: 65%;
        float:none;
    }
    #ower_anello{
        width:100%;
        height: 300px;
    }
}


@media only screen and (min-width: 431px) and (max-width: 480px) {
    #in_camere {
        width:80%;
        float:none;
    }
    #ower_camere {
        width:100%;
        height: 260px;

    }
    #in_esterno {
        width:80%;
        float:none;

    }
    #ower_esterno {
        width:100%;
        height:310px;

    }
    #in_speco { 
	width:250px;
        float:none;
    }
    #ower_speco {
        width:100%;
        height: 250px;

    }  
    #in_storia {
        width:80%;
        float:none;
    }
    #ower_storia {
        width:100%;
        height:280px;

    }
    #in_monumenti { 
	width:80%;
        float:none;
    }
    #ower_monumenti { 
        width:100%;
        height:280px;

    }
    #in_sotterranea { 
        width: 95%;
        float:none;
    }
    #ower_sotterranea{
        width:100%;
        height: 350px;
    }
    
    #in_anello0 { 
        width: 65%;
        float:none;
    }
    
}
@media only screen and (min-width: 481px) and (max-width: 600px) {
    #ower_camere{
        height: 150px;
    } 

    #ower_monumenti { 
	height:200px;
    }
    #in_anello0 { 
        width: 65%;
        float:none;
    }
    #ower_anello{
        width:100%;
        height: 460px;
    }
}


@media only screen and (min-width: 601px) and (max-width: 768px) {

}
@media only screen and (min-width: 769px) and (max-width: 960px) {

}
@media only screen and (min-width: 961px) and (max-width: 1024px) {

}
@media only screen and (min-width: 1025px) {

}