html,
body {
	height: 100%;
	margin: 0;
	padding-top:25px;
	font-family:'Raleway';
	background-image: url('/img/handmadepaper.png');
	/* The html and body elements cannot have any padding or margin. */
}

h1,
h2,
h3,
h4{
	 font-family: 'Lobster'
}

/* !MENU */
.navbar{
	opacity: 0.8;
}
.testoBrand{
	
	color:#620000;
	font-family: Lobster;
	font-size: 32px;	
}
.glyphicons{
	font-family: 'Glyphicons Halflings';
}
/* /MENU */


/* !HOME */
.carousel {
	overflow:hidden;
	height: 500px;
}

.carousel-inner img{
	margin-left: auto;
	margin-right: auto;
}

.carousel-inner > .item > a > img {
	height:100%;
	max-width:200%;
}

.immaginiMenu div img{
	margin-left:auto;
	margin-right: auto;
	width:200px;
}

.btn-tina{
	background-color:#620000;
	color:white;
	min-width: 100px;
}

.btn-tina:hover{
	color:white;
	background-color:rgba(98, 0, 0, 0.76)
}

.btn-tina-home{
	margin-top:20px;
	margin-bottom:60px;
}

.home-tina{
	background-image: url('/img/black_paper.png');
	color:#ccc;
	min-height: 200px;
}
/* /HOME */



/* !PORTFOLIO */
.img-portfolio{
	margin-bottom:20px;
}
 
 
.tab-container{
	border: 1px solid #ddd;
	border-top:none;
}
.tab-container,
.nav-tabs li a:hover{
	background-color: white;
	color:#666;
	
}

.nav-tabs li a{
	padding: 8px;
	border:1px solid #ddd;
}

.tab-inactive a{
	background-color: #eee;
	color:#999;
}
/* /PORTFOLIO */

/* !COFFEE */
.jumbo-coffee{
	height: 380px;
	border-left: 5px solid rgba(200, 200, 200, 0.5);
	border-bottom: 7px solid rgba(42, 42, 42, 0.5);
}
.jumbo-coffee-right{
	border-left: none;
	border-right: 5px solid rgba(200, 200, 200, 0.5);
}
.area-coffee{
	width:100%;
	height:100%;
	border: 1px solid #d1d1d1;
	color: #666;
}

.interno-coffee{
	padding:60px;
}

/* /COFFEE */

/* !CONTATTI */

.jumbo-contatti{
	height: 380px;
	border-left: 5px solid rgba(200, 200, 200, 0.5);
	border-bottom: 7px solid rgba(42, 42, 42, 0.5);
}
.jumbo-contatti-right{
	border-left: none;
	border-right: 5px solid rgba(200, 200, 200, 0.5);
}


.icona-contatti{
	min-width:40px;
}

.area-contatti{
	width:100%;
	height:100%;
	border: 1px solid #d1d1d1;
	color: #666;
	
}

.interno-contatti{
	padding:60px;
}
/* /CONTATTI */



/* !REEL */
.container-reel{
	background-image: url('/img/black_paper.png');
	min-height: 100%;
	height: 100%;
	vertical-align: middle;
}


#jumbo-video{
	min-height: 200px;
	max-width: 400px;
	background-color: #202020;
	margin-left:auto;
	margin-right: auto;
	background-image: url('/img/bo_play_pattern.png');
	border: 2px solid rgba(51, 51, 51, 0.88);
	/*border-top: 1px solid rgba(151, 150, 150, 0.9);
	border-left: 1px solid rgba(151, 150, 150, 0.9);
	border-right: 3px solid rgba(81, 80, 80, 0.9);
	border-bottom: 6px solid rgba(51, 50, 50, 0.9);
	*/
	box-shadow: 0px 0px 50px 6px rgba(135, 135, 135, 0.54);
}

#video-reel{
	/*border:9px solid rgba(0, 0, 0, 0.30);
	border-left: none;
	border-top: none;*/
}
/* /REEL */



/* !BIO */

.jumbo-bio{
	height:380px;
	background-color:rgba(67, 0, 0, 0.10);
	color:#666;
	border-left: 5px solid rgba(200, 200, 200, 0.5);
	border-bottom: 7px solid rgba(42, 42, 42, 0.5);
}

.jumbo-bio-right{
	border-left: none;
	border-right: 5px solid rgba(200, 200, 200, 0.5);
}


#bio-avatar{
	border-bottom: 3px solid rgba(42, 42, 42, 0.1);
	border-top: 3px solid rgba(42, 42, 42, 0.1);
}






/* !FOOTER */

                  /* Sticky footer styles
      -------------------------------------------------- */


      /* Wrapper for page content to push down footer */
      #wrap {
        min-height: 100%;
        height: auto !important;
        height: 100%;
        /* Negative indent footer by it's height */
        margin: 0 auto -60px;
      }

      /* Set the fixed height of the footer here */
      #push,
      #footer {
        height: 60px;
      }
      #footer {
        background-color: #f5f5f5;
      }

      /* Lastly, apply responsive CSS fixes as necessary */
      @media (max-width: 767px) {
        #footer {
          /*margin-left: -20px;
          margin-right: -20px;*/
          padding-left: 20px;
          padding-right: 20px;
        }
      }

.news-position{
	position: fixed;
	bottom:-1px;
	left:10px;
	cursor: pointer;
}






html,body{
height:100%;
}