/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */
body                    { color: #5a5a5a; font-size:13px; } 
            
            /* ------------------------------
            -------- NAVBAR DEFAULT ---------
            ------------------------------ */
            
.navbar-default         { background-color:#627073; min-height: 30px; padding: 3px 0; border-color:#627073; }
.navbar-brand           { padding: 0; width:100%; }
.navbar-header          { height: 20px; padding: 0; width: 100%; }
.navbar-default .navbar-brand span { color: white; font-size:14px; line-height: 20px; }
.navbar-default .navbar-brand img           { margin: 0 4px 1px 0;  }
.img-responsive-noblock { display: inline-block; height: auto; max-width: 100%; }

            /* ------------------------------
            -------- NAVBAR INPAGE ----------
            ------------------------------ */

.navbar-inpage          { position:absolute; bottom:0; left:0; right:0; border-radius:0; margin-bottom: 0; min-height:0; 
                          height:auto; background-color:#627073;  }
.navbar-inpage li a     { padding-bottom:5px; padding-top:5px; display:block; color:#EEE;} 
.navbar-inpage li a:hover, .navbar-inpage li a:focus
                        { background:none; color:#FFF;} 
.navbar-inpage.fixed    { position:fixed; top:50px; bottom:auto; z-index:999;}

.infopratiche {background-color:#627073;}
.infopratiche a {color: #222222;}
 
            
.navbar-right { color:white;}           
.navbar-right a  { font-size:16px; color:#d7dcdf; }
.navbar-right a:hover  { color:#627073; }
            /* ------------------------------
            ----------- CAPITOLO 1 ----------
            ------------------------------ */
                        
#cap1                   { background: url("../images/foto2.jpg");
                          background-size: cover;
                          -webkit-background-size: cover;
                          -moz-background-size: cover;
                          -o-background-size: cover;                          
                          background-position: fixed;
                          background-position: center center;
                          background-repeat: no-repeat; }  */
						  
						  
#cap1                   { background: #fff  no-repeat center center fixed; 
                          -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
#cap1 h1, #cap1 .h1     { font-size: 38px; text-transform:uppercase; color:#003c4b; font-weight:700; }

#cap1 .content           { height: 600px; margin-top: 40px; overflow: hidden; padding: 0; color:#003c4b;  }

#cap1 .content a  { font-size:38px; color:#627073;}
#cap1 .content a:hover  { color:#63c9b3; }
                        
#down-arrow-container   { background: url("../images/freccia.png") no-repeat scroll center center / 53px 43px rgba(0, 0, 0, 0);
                          bottom: 8%; cursor: pointer; display: none; float: none; height: 43px; left: 50%; margin: 0 0 0 -27px; 
                          position: absolute; transition: all 0.3s ease-out 0s; width: 53px; }
                          
#down-arrow-container2   { background: url("../images/freccia.png") no-repeat scroll center center / 53px 43px rgba(0, 0, 0, 0);
                          bottom: 8%; cursor: pointer;float: none; height: 43px; left: 50%; margin: 0 0 0 -27px; 
                          position: absolute; transition: all 0.3s ease-out 0s; width: 53px; }
            
            /* ------------------------------
            ----------- CAPITOLO 2 ----------
            ------------------------------ */

#cap2                   {  }
#cap2 .content          { margin: 100px 0 50px 0; }
#cap2b .content          { margin: 0px 0 100px 0; }
                          
                          
.grey-bg {background-color:#EDEDED;}                          
            /* ------------------------------
            ----------- CAPITOLO 3 ----------
            ------------------------------ */

#cap3                   { background: url("../images/foto3.jpg") no-repeat center center;
-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;  height:350px; position:relative;}
#cap3 .content          { margin: 70px 0; }
#cap3 .content h2        { color:#EA640D; font-size:38px; font-size:24px; font-weight:700; text-transform:uppercase; }
#cap3 .content a:hover  { color:#FFF; text-decoration:none; } 



#cap4 .content          { margin: 40px 0; }
#cap4 table             { width:100%; }


#cap5                   { background: url("../images/foto5.jpg") no-repeat center center;
-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;  height:350px; position:relative;}
#cap5 .content          { margin: 70px 0; }
#cap5 .content h2        { color:#EEE; font-size:38px; font-size:24px; font-weight:700; text-transform:uppercase; }
#cap5 .content a:hover  { color:#FFF; text-decoration:none; } 


#cap6 .content          { margin: 40px 0; }
#cap6 table             { width:100%; }


#cap7                   { background: url("../images/foto7.jpg") no-repeat center center;
-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;  height:350px; position:relative;}
#cap7 .content          { margin: 70px 0; }
#cap7 .content h2        { color:#EEE; font-size:38px; font-size:24px; font-weight:700; text-transform:uppercase; }
#cap7 .content a:hover  { color:#FFF; text-decoration:none; } 


#cap8 .content          { margin: 40px 0; }
#cap8 table             { width:100%; }


#cap9                   { background: url("../images/foto9.jpg") no-repeat center center;
-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;  height:350px; position:relative;}
#cap9 .content          { margin: 70px 0; }
#cap9 .content h2        { color:#EEE; font-size:38px; font-size:24px; font-weight:700; text-transform:uppercase; }
#cap9 .content a:hover  { color:#FFF; text-decoration:none; } 


#cap10 .content          { margin: 40px 0; }
#cap10 table             { width:100%; }


#cap11                   { background: url("../images/foto11.jpg") no-repeat center center;
-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;  height:350px; position:relative;}
#cap11 .content          { margin: 70px 0; }
#cap11 .content h2        { color:#EEE; font-size:38px; font-size:24px; font-weight:700; text-transform:uppercase; }
#cap11 .content a:hover  { color:#FFF; text-decoration:none; } 


#cap12 .content          { margin: 40px 0; }
#cap12 table             { width:100%; }


#cap13                   { background: url("../images/foto13.jpg") no-repeat center center;
-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;  height:350px; position:relative;}
#cap13 .content          { margin: 70px 0; }
#cap13 .content h2        { color:#EEE; font-size:38px; font-size:24px; font-weight:700; text-transform:uppercase; }
#cap13 .content a:hover  { color:#FFF; text-decoration:none; } 


/*.partner         {background-color:#000;}*/

.footer         {background-color:#DEDEDE;}
.footer .content  { margin: 5px 0 40px; font-size:11px; color:#666; }  
.footer .content a { color:#999;}



/* ------------------------------
----------- GALLERY ----------
------------------------------ */


.bigImage {float:left;height:300px;position:relative;width:500px; margin-bottom:10px;}

.bigImage #galleryMuseo {
    height: 300px;
    width: 500px;
}
.bigImage #galleryMuseo img {
    height: 300px;
    width: 500px;
}

.blockImageInside {
    display: block;
    float: left;
    height: 300px;
    margin: 10px 0 10px 10px;
    width: 500px;
}
#nav1 {
    bottom: 3px;
    left: 3px;
    position: absolute;
    z-index: 999;
}
#nav1 a {
    background-color: #696969;
    color: #FFFFFF;
    margin: 1px;
    padding: 1px;
}
#nav1 a.activeSlide {
    background-color: #CCCCCC;
    color: #696896;
}

.carousel-caption { 
	background:rgba(0,0,0,0.3); padding-top:0; padding-bottom:10px; bottom:10px; 
}

ul {padding-left: 20px;}



/* ---------------------------------------------------
----------- VIDEO SCALE IN A BROWSER  ----------------
------------------------------------------------------ */

.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}