/* CSS Document */

body {
	background-image: url("../img_servizio/sfondo2.jpg");
  
	background-color:#fff;
	font-family:verdana, arial, sans-serif;
	color:gray;
	font-size:14px;
	
}

a {
    color: #fff;
    text-decoration: none;
}



/* barra superiore*/
header{
    border-top:solid 4px gold;
	background-color: #2c3940;
	height:80px;
    padding-top: 5px;
	}



/* footer */
footer{
	background-color: #2c3940;
	width:100%;
	height:100px;
    color:#fff;
	margin:0px;
	padding:1px 1px;
	border:0px
	
}

/* footer h5 */
h5  {
	margin-top:4px;
	padding:1px;
	border:0px
	
}



/* tel email maps 

#contatto{
	margin-top:0%;
	padding:4px;
	font-size:12px;
	color:#fff;
	width:100%;
	height:100%;
	border-left:1px solid #fff;
}
*/

#contatto {
    margin-right: auto;
    margin-left: auto;
  
    overflow: auto;
    margin-top: 4px;
    font-size: 12px;
    color: #fff;
    width: 100%;
    height: 50%;
}



.left {
    display: inline;
    float: left;
    padding-left:4px;
}




/* div classe contatto  */
div.tel {
    position: absolute;
    top: 0px;
    left: 15px;
    width: 50%;
    padding-top: 2px;
}

div.mail {
    position: absolute;
    top: 12px;
    left: 40%;
    width: 50%;
    padding-top: 2px;
}


div.map {
    position: absolute;
    top: 0px;
    left: 80%;
    width: 32%;
    padding-top: 6px;
}




.dividi_head{

    height:100%;
    border-left:1px dashed #632222;

}



/* fbandiere */
.bandiere{
	margin-left:8px;
	  background:#333232;
  width:24px;
    height:24px;
    border:solid 1px #fff;
    border-radius:2px 2px;
    padding:4px 4px;
}

.bandiere:hover{
   
     border:solid 1px gold;
}




/* div contatto link */
#contatto a:link{
	font-family:verdana, arial, sans-serif;
	font-size:12px;
	color:white;
}


/* div contatto link hover */
#contatto a:hover{
	cursor: pointer;
	color:gold;
}

#social a:hover {
    cursor: pointer;
   
}


/* div contatto link hover */
footer a:hover{
	cursor: pointer;
	color:gold;
}



/* bordo dx sx pagina */
.bordo-dxsx {
    background-color: #f5f3f3;
    border-right: 1px solid #222222;
    border-left: 1px solid #222222;
}


/* bordo immagini */
.img_ristorante {
	width:100%;
	padding:2px;
	margin-top:4px;
	border:solid 1px #B4B4B4;
	
} 


/* immagini responsive*/
.img-responsive {
   height: auto;
  max-width: 100%;
}


/* div speratore header footer */
.sfondo-cella{
	margin:0px 0px 0px 0px;
	height:26px;
	}

/* testo descrizione */
	p {
		text-align: justify;
		margin:1px;
		padding:2px;
		overflow:auto;
	}



/* testo Logo 
h1.logo {
 background-image: url("img_servizio/cocktail.jpg");
   color: #fff;
    background-repeat: no-repeat;
    text-indent: -9999px;
    width: 165px;
    height: 100px;
   
}*/



.logodentrobox{
    background-color: #333232;
    margin-top: 10px;
    margin-right: 5px;
    float: left;
    font-family: 'Times New Roman', Times, serif;
    font-size: 2em;
    font-weight: 400;
    color: #fff;
    padding-right: 8px;
    padding-left: 8px;
    border: solid 2px gold;
    border-radius: 20px;
    text-shadow: -1px -1px gray;
}
   



/* testo Logo */
.logo {
    float: left;
    font-family: 'Times New Roman', Times, serif;
    font-size: 2em;
    font-weight: 400;
    color: #fff;
    text-shadow: -2px -2px #171312;
}

/* testo Logo */
.logo2 {
    margin-left: 4px;
    float: left;
    background-position: center center;
    /*font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;*/
    font-family: 'Times New Roman', Times, serif;
    font-size: 2em;
    font-weight: 400;
    color: #ffd700;
    text-shadow: -2px -2px #171312;
}

.sfondo_logo{
    background-image: url("../img_servizio/img_sfondo_logo_ristorante.png");
    background-repeat: no-repeat;
    background-position:center center;
    margin:4px 4px;
    width:100%;
    height:100%;  
    padding:2px 2px;

}



/* div dentro info */
.info > div{
	padding-bottom: 10px;
	padding-top: 10px;
	border-bottom: 1px solid #BBB8B8;
    font-size:14px;
}






.margine_sup {
	margin-top:8px;
}


/* social */
.social{
    margin-left:8px;
    background:#333232;
    width:24px;
    height:24px;
    border:solid 1px #fff;
    border-radius:2px 2px;
    padding:4px 4px;
}

.social:hover{
     border:solid 1px gold;
}




/* contatore visite*/
#contatorevisite {
    padding: 4px 4px;
    border: 1px solid gray;
    background: #f5f3f3;
    font-size: 10px;
    color: gray;
    text-align: center;
    width: 150px;
    margin: 0 auto;
    width: 200px;
    margin: 0 auto;
    border-radius: 6px 6px;
}



.dati_locale {
  
      background-image:url("../img_servizio/sfondo_dati_locale.jpg");
    padding: 4px 4px;
    border: 1px solid gray;
   
    font-size: 10px;
    color: gray;
    text-align: center;
    margin: 0 auto;
    width: 250px;
    margin: 0 auto;
    border-radius: 6px 6px;
}


#descrizione{   
				-moz-box-shadow: 0 0 10px #777777; 
				-webkit-box-shadow: 0 0 10px #777777;
				box-shadow: 0 0 10px #777777;
}



 .bandiere_attiva{

							  background:#333232;
                              width:24px;
                                height:24px;
                                border:solid 1px #ffd700;
                                border-radius:2px 2px;
                                padding:3px 3px;
						
						}


/*-------------------------------------------------------------------------------------------- menu navigazione -------------------------------*/ 

/* Bordo rettangolo menu */
.navbar-inverse {
    background-color: #222;
    border-color: #222222;
    border-right: 0px;
    border-left: 0px;
    border-top: 0px;
    border-bottom: 0px;
}

.navbar-nav > li > a {
    line-height: 26px;
} 


/* Animazione caricamento in corso.. */
@-webkit-keyframes blinker 
{
	0% { opacity: 0.3; }
	50% { opacity: 1.0; }
	100% { opacity: 0.3; }
}
.css3_blink
{
  -webkit-animation-name: blinker;  
  -webkit-animation-iteration-count: infinite;  
  -webkit-animation-timing-function: cubic-bezier(.5, 0, 1, 1);
  -webkit-animation-duration: 1.7s;
  color: green;
}



.navbar {
    border-radius: 0px;

}

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



.titolo-pagina {
    color: #808080;
    font-size: x-large;
    font-weight: 900;
    padding-bottom: 4px;
    margin: 0px;
    /*text-shadow: -2px -2px #BBB8B8;*/
}


/*#titolo_pagina {
    color: #808080;
    font-size: medium;
    font-weight: 700;
    padding-bottom: 4px;
    margin: 0px;
    text-shadow: -2px -2px #171312;
}*/



.hr-titolo-pagina {
    border: 0.5px solid #BBB8B8;
}

.hr-divide-camere {
    border: 0.5px solid #BBB8B8;
}




/* a partire da 800px la class container ha larghezza max 960*/
@media (min-width: 800px) {
    .navbar{border-radius:0px;}

    .container {
        max-width: 960px;
    
    }
}






/* impostazioni da 0 a 480px */	
@media (max-width: 480px) {
				
               /* h1.logo { font-size: 2em;}*/

                /* barra superiore*/
           
                        body {
	                         
	                        background-color:#fff;
	                        font-family:verdana, arial, sans-serif;
	                        color:gray;
	                        font-size:14px;
	
                         }

    .logodentrobox {
        background-color: #333232;
        margin-top: 10px;
        margin-right: 5px;
        float: left;
        font-family: 'Times New Roman', Times, serif;
        font-size: 18px;
        font-weight: 400;
        color: #fff;
        padding-right: 8px;
        padding-left: 8px;
        border: solid 2px gold;
        border-radius: 20px;
        text-shadow: -1px -1px gray;
    }



    /* testo Logo */
    .logo {
        float: left;
        font-family: 'Times New Roman', Times, serif;
        font-size: 18px;
        font-weight: 400;
        color: #fff;
        text-shadow: -2px -2px #171312;
        text-transform: capitalize;
    }

    /* testo Logo */
    .logo2 {
        margin-left: 4px;
        float: left;
        background-position: center center;
        font-family: 'Times New Roman', Times, serif;
        font-size: 18px;
        font-weight: 400;
        color: #ffd700;
        text-shadow: -2px -2px #171312;
        text-transform: capitalize;
    }

    .sfondo_logo {
        background-image: url("../img_servizio/img_sfondo_logo_ristorante.png");
        background-repeat: no-repeat;
        background-position: center center;
        margin: 4px 4px;
        width: 100%;
        height: 100%;
        padding: 2px 2px;
    }

                
                
                
   header{
	background-color: #2c3940;
	            height:80px;
  }




   
    footer {
        background-color: #2c3940;
        height: 100px;
    }



				
                       /*#contatto{
                           padding-bottom:8px;
                           border-top:1px solid #fff;
                       }*/





            
                        /* div classe contatto  */
                        div.tel {
                            position: absolute;
                            top: 0px;
                            left: 0%;
                            width: 50%;
                            padding-top: 2px;
                        }

                        div.mail {
                            position: absolute;
                            top: 12px;
                            left: 40%;
                            width: 50%;
                            padding-top: 2px;
                        }


                        div.map {
                            position: absolute;
                            top: 0px;
                            left: 80%;
                            width: 32%;
                            padding-top: 6px;
                        }


                                             	       

							.bandiere{

                                margin-left:2px;
							  background:#333232;
                              width:24px;
                                height:24px;
                                border:solid 1px #fff;
                                border-radius:2px 2px;
                                padding:2px 2px;
						
						}

	
	
	
	    }