/*------------------------------------------------------------------------
# FRONTEND - AF-Theme JOOMLA 3.x TEMPLATE 
# Luglio 2015
# ------------------------------------------------------------------------
# COPYRIGHT: (C) 2015 Antonio Farella - AF-Theme
# AUTHOR: Antonio Farella
# EMAIL: antonio.farella.freelancers@gmail.com
-------------------------------------------------------------------------*/

@font-face {
font-family: 'Aspire DemiBold';
font-style: italic;
font-weight: normal;
font-size: 18px;
src: local('Aspire DemiBold'), url('templates/frontend/fonts/aspire-demibold-webfont.woff') format('woff');
}

/** STILI TEMPLATE **/

body{
background: #fff;
padding-bottom: 0px;
}
blockquote{
font-size: 14px;
margin: 20px 0;
padding: 15px 125px;
font-style: italic;
}
img {
width: 100%;
}
.navbar-default {
background: #c7c7c7;
}
.navbar-toggle{
float: left;
}
a{
color:#B6811C;
}
a:hover {
color: #B6811C;
}
a:focus {
color: #B6811C;
}
.fa {
font-family: FontAwesome,"Helvetica Neue",Helvetica,Arial,sans-serif;
}
h3.fa {
font-size: 23px;
}
*:before, *:after{
padding-right: 5px;
}
h3.titolo-fotogallery{
padding-bottom: 9px;
margin: 31px 0 13px;
border-bottom: 1px solid #eeeeee;
font-size: 23px;
}
.btn {
float:right;
margin-top: -8px;
margin-bottom: 8px;
}
.row {
margin-left: 0px;
margin-right: 0px;
}
.navbar-fixed-top, .navbar-fixed-bottom {
position: absolute;
}
.navbar-default{
margin-top: 56px;
border: 0px;
border-bottom: 0px solid #000;
min-height: 0px;
border-radius: 0px;
float: left;
}
.nav > li > a {
color: #333;
text-transform: uppercase;
}
.nav-pills > li > a:hover,
.nav-pills > li > a:active,
.nav-pills > li > a:focus{
background:#c7c7c7;
}
.nav-pills > li > a{
border-radius: 0px;
font-size: 11px;
padding: 7px 11px;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
background-color: #c7c7c7;
color: #B37D1C;
}
#top-row{
margin-top: 12px;
}
.top-row {
height: 100px;
width: 100%;
background: #C7C7C7;
}
.logo-home{
text-align: center;
}
.logo-home>a>img{
width: auto;
height: 80px;
}
#lingua{
padding-top: 53px;
padding-right: 0px;
width:21%;
}
.mod-languages{
float: right;
border-right: 1px solid;
padding-right: 5px;
}
#social-button.col-md-2{
width: 12%;
}
.social-button {
float: left;
font-size: 30px;
padding-left: 0px;
padding-top: 37px;
list-style: none;
}
.social-button>li{
margin-right: -10px;
}
.social-button>li>a>.fa {
color:#B37D1C;
}
.page-header h2{
margin-bottom: 0px;
font-size: 23px;
}
.well {
box-shadow: inset 0 0px 0px rgba(0,0,0,0.0);
}
.well-sm{
border-radius: 0px;
background: #fff;
border: 0px;
}
.well-sm h3 {
padding-bottom: 9px;
margin: 31px 0 0px;
border-bottom: 1px solid #eeeeee;
font-size: 23px;
}
.well-sm>div>p,
.well-sm> a{
font-family: 'Aspire DemiBold';
font-style: italic;
font-size: 18px;
}
.img-articolo {
width: 400px;
float: left;
padding-right: 15px;
padding-bottom: 15px;
}
.img-mini {
width: 130px;
padding: 5px;
}
#video-home{
margin-top: 20px;
height: auto;
padding: 0px;
}
.moduletable.home-video{
float:left;
margin-right: 10px;
}
.video-home {
width: 525px;
height:350px;
border:0px;
padding-right: 7px;
}
#central{
/*margin-top: -120px;*/
}
.page-header.fotogallery {
margin-bottom: 13px;
margin-top: -25px;
}
#pre-footer .well-sm{
padding-left: 0px;
margin-bottom: 0px;
}
.ul-footer{
text-align: center;
}
.ul-footer li.img-right img {
border: 0px solid #C3E0F1;
margin: 3px 1px;
}
.ul-footer li.img-left img {
border: 0px solid #C3E0F1;
margin: 3px 1px;
}
.ul-footer li.img-center img {
border: 0px solid #C3E0F1;
margin: 3px 1px;
}
.ul-footer img {
width: 260px;
}
.ul-footer p{
margin-bottom: -20px;
}
ul.pagination-list{
list-style: none;
display: inline-flex;
}
li.hidden-phone{
padding: 7px;
}

ul.checked {
  list-style: none;
}

ul.checked li:before {
  content: '✓';
}


/** STILE BOTTONE DOWNLOAD GUIDA **/

#download{
	z-index: 9999;
	padding: 20px;
	text-align: center;
	position: fixed;
	left:0px;
	top:450px; 
	background: url(img/sfondo.jpg) no-repeat center;
	background-size: cover;
	font-size: 38px;
	color: #d84c16 !important;
	font-weight: bold;
	border-radius: 0 5px 5px 0px;
	border: 1.5px solid #eee;
	box-shadow: 0px 0px 20px 4px;
	width: 150px;
	min-height: 80px;
	transition: all 0.5s ease-in-out;
}

#download:hover{
	width: 150px;
}


.custom-tooltip{
	font-size: 20px;
	display: block !important;
	vertical-align: middle;
	margin-top: 5px;
}





/** STILI TABELLA **/

.thead th{
border: 1px solid #333;
}
.td-right{
border-bottom: 1px dotted #333;
padding: 3px;
font-size: 9px;
}


/** STILI WIDGETKIT **/

.col-md-9>div>div>ul.slides>li article{
width:90%;
}
.col-md-9>div>div>ul.slides>li img {
}
.wk-slideshow {
margin-bottom: 15px;
}
.wk-slideshow img, .wk-gallery img, .spotlight img, a[data-lightbox] img {
width: 100%;
height: auto;
}


/** STILI MODULI FOOTER **/

.contatti-2 h3{
text-align: right;
}
#contact {
padding: 0px !important;
}
input, textarea {
width: 100%;
max-height: 85px
}
#footer-r{
text-align: left;
}
#footer-l{
text-align: left;
}
#footer-l img {
width: auto;
}
#footer-l a:focus{
color: #B37D1C;
}
#footer-c{
text-align: left;
padding-top:24px;
}
#footer-c .fa{
font-size: 20px;
}
.container-footer{
min-height: 100px;
background: #C7C7C7;
color: #B37D1C;
padding: 5px;
margin-top: 50px;
}
#powered{
text-align: center;
min-height: 30px;
padding-top: 8px;
}


/** STILI PHOCA GALLERY **/

.mosaic{
width: auto !important;
height: 100% !important;
}

#cookieMessageContainer .cookie_button {
height: 24px !important;
}
.lightBox{
background-color: #fff !important;
}
.lightBox .image-browser-image{
border: 0px solid !important;
}
.lightBox .image-browser-prev{
left: 0px !important;
}
.lightBox .image-browser-next{
left: 46px !important;
}
.lightBox .image-browser-close{
left: 747px !important;
}

/** modal box - phoca gallery module image **/

#phocagallery table tr td div.pg-imgbgd a, #phocagallery table tr td div.pg-imgbgd a img, #phocagallery table tr td div.pg-imgbgd{
width: 12px !important;
}


/** STILI MOBILE **/

@media screen and (max-width: 1370px){
.nav-pills > li > a{
padding: 0px 6px;
}
}

@media screen and (max-width: 1024px) {
.col-md-6{
width: 55%;
margin-left:28px;
}
#lingua{
width: 8%;
}
#social-button.col-md-2{
width:16%;
}
.page-header.fotogallery{
margin-top: 0px;
}
.ul-footer img{
width: 212px;
}
}

@media screen and (max-width: 800px) {
.logo-home{
float:left;
}
#menu{
float: left;
margin-left: -30px;
}
ul.nav.menu.nav-pills{
line-height: 13px;
}
ul.nav.menu.nav-pills>li{
margin-left: -9px;
}
.nav-pills>li>a{
font-size: 11px;
padding: 0px 8px;
}
#lingua{
float: left;
padding-left: 0px;
padding-top: 50px;
}
#social-button{
float: left;
}
#social-button.col-md-2{
padding: 0 10px;
padding-top: 13px;
width: 12%;
}
.social-button{
font-size: 20px;
padding-top: 33px;
}
.social-button>li{
padding-left: 4px;
padding-right: 3px;
}
#sidebar{
float: right;
}
#central{
width: 74%;
margin-top:-506px;
float: left;
}
#footer-c,
#footer-l{
float: left;
}
#footer-r{
float: right;
}
.lightBox{
width: 100% !important;
}
.lightBox .image-browser-image {
width: 100% !important;
}
.lightBox .image-browser-image img{
width:51% !important;
height:auto;
}
.window-container{
width: 90%;
}
.window-content{
width: 690px;
}
}

@media screen and (max-width: 600px) {
.logo-home{
float: left;
}
#menu{
margin-left: 0px;
width: 24%;
}
.navbar-default{
margin-top: 17px;
}
ul.nav.menu.nav-pills{
line-height: 16px;
}
.nav-pills>li>a{
font-size: 12px;
}
#lingua{
width: 11%;
padding-top: 34px;
}
#social-button.col-md-2{
width: 16%;
}
.social-button{
padding-top: 18px;
}
#footer-c{
padding-right: 55px;
}
#footer-r{
float: none;
}
.lightBox .image-browser-image img{
width:65% !important;
height:auto;
}
.window-content{
width: 518px;
}
.sbox-content-iframe iframe{
width: 100% !important;
}
}

@media screen and (max-width: 380px) {
.container{
padding-right: 0px;
padding-left: 0px;
}
.logo-home{
padding: 0px;
padding-top: 9px;
}
.logo-home>a>img{
height: 52px;
}
#lingua{
padding-top: 23px;
}
#social-button{
float: right;
padding-top: 10px;
}
#social-button.col-md-2{
width: 27%;
}
.img-articolo{
margin-right: 40px;
width: 295px !important;
}
#sidebar{
float: none;
}
#central{
float: none;
width: 100%;
margin-top: 0px;
}
#footer-l,
#footer-c,
#footer-r{
float: none;
}
#footer-c{
margin-top: -45px;
}
#lbImage{
width:290px !important;
max-height: 496px !important;
background-size: 270px;
}
#lbImage>div{
width:290px !important;
max-height: 496px !important;
}
.window-content{
width: 270px;
}
.lightBox .image-browser-image img{
width:100% !important;
height:auto;
}
.lightBox .image-browser-close{
left: 234px !important;
}
.image-browser-caption-content{
width: 260px;
}
.lightBox{
height: 500px !important;
}
.video-home{
width:300px;
height: 210px;
}
}