/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */
html {
	background: none !important;
}

.uk-block-default + .tm-footer.uk-block-default:not(.uk-padding-vertical-remove) > .uk-container::before, .uk-block-primary + .tm-footer.uk-block-primary:not(.uk-padding-vertical-remove) > .uk-container::before, .uk-block-secondary + .tm-footer.uk-block-secondary:not(.uk-padding-vertical-remove) > .uk-container::before {
    background: none !important;
}
* + .uk-margin {
    margin-top: 0;
}
/* TM-TOOLBAR - lingue */
.tm-toolbar.uk-clearfix {
    background: rgb(241, 234, 218) none repeat scroll 0 0;
}


/* TOP-A */
.sfondo-rosso {
	background: #BD2716;
}

h3.titoli-foto-slideshow {
    font-family: "Gentium Basic",serif;
    font-size: 40px;
    font-style: italic;
    height: 90px;
    letter-spacing: 1px;
    line-height: 34px;
    text-align: right;
    text-shadow: 1px 1px 2px rgb(0, 0, 0);
    text-transform: none !important;
}

.uk-flex.uk-flex-center.uk-flex-middle.uk-hidden-small {
    border-bottom: 1px solid rgb(136, 136, 136);
    border-top: 1px solid rgb(136, 136, 136);
}

/*MENU CON FONT INGRANDITO*/
.uk-navbar-nav > li {
    background-color: rgba(0, 0, 0, 0);
    color: rgb(51, 51, 51);
}

.uk-navbar-nav > li > a {
    box-sizing: border-box;
    display: block;
    font-family: "Open Sans";
    font-size: 16px;2    font-weight: 400;
    height: 40px;
    letter-spacing: 1px;
    line-height: 40px;
    padding: 0;
    text-decoration: none;
    text-transform: uppercase;
    color: rgb(136, 136, 136);
}

.uk-navbar-nav > li.uk-active > a {
    color: rgb(189, 39, 22);
}

.uk-navbar-nav > li > a:hover {
    color: rgb(189, 39, 22);
}

.uk-navbar-nav > li > a::after {
    background: none;
    bottom: 7px;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    transition: height 0.15s ease 0s, color 0.15s ease 0s;
    width: 100%;
}
.uk-nav > li > a {
    font-family: "Open Sans";
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 14px;
    text-transform: uppercase;
}
.uk-nav.uk-nav-navbar > li {
    margin-bottom: 9px;
}

/*PADDING SLIDESHOW PER AVVICINARE A MENU*/
.uk-block {
    padding-bottom: 0px;
    padding-top: 0px;
}

.tm-block-main.uk-block.uk-block-default {
    padding-bottom: 70px;
    padding-top: 30px;
}


/* BREADCRUMBS */
.breadcrumb-c {
    padding: 0 !important;
}

/* INTESTAZIONE PRODOTTI IN HP */
h1, .uk-h1 {
    color: rgb(201, 6, 24);
    font-family: "Rouge Script",cursive;
    font-size: 40px;
    font-weight: normal;
    left: 10px;
    line-height: 38px;
    margin-bottom: 0;
    position: relative;
    text-align: left !important;
    text-transform: none !important;
}
.uk-panel.uk-panel-box.intro-hp {
    margin-bottom: 25px;
}

/*SIDEBAR*/
.uk-grid > .tm-sidebar-b {
    background: rgb(248, 246, 239) none repeat scroll 0 0;
    margin-left: 2%;
    padding: 0;
    width: 23%;
    padding-bottom: 20px;
}

/* SFONDO BOX */
.uk-panel-box {
    background: none;
    border-radius: 0;
    box-shadow: none;
    color: rgb(0, 0, 0);
    overflow: hidden;
    padding:0px;
}

/*CORNICE FOTO GALLERY PRODOTTI*/
.uk-panel-box > .uk-panel-teaser {
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
}
.uk-panel-teaser {
    margin-bottom: 15px;;
}

/* WIDGETKIT PRODOTTI HP */
html.uk-notouch body.tm-sidebar-b-right.tm-sidebars-1.tm-isblog div#tm-main.tm-block-main.uk-block.uk-block-default div.uk-container.uk-container-center div.tm-main.uk-grid.uk-position-relative div.tm-main.uk-width-medium-3-4.uk-flex-order-last.uk-row-first section#tm-main-bottom.tm-main-bottom.uk-grid div.uk-width-1-1.uk-row-first div.uk-panel.uk-panel-box div#wk-grid247.uk-grid-width-1-1.uk-grid-width-medium-1-3.uk-grid.uk-grid-match.uk-grid-medium.uk-text-center.prodotti-hp div div.uk-panel div.uk-margin {
	margin-top: 1px !important;
}

/* MODULI NOVITA, PROMOZIONI, VARIE DA MILANI - H3 */
/* Titoli */
html.uk-notouch body.tm-sidebar-b-right.tm-sidebars-1.tm-isblog div#tm-main.tm-block-main.uk-block.uk-block-default div.uk-container.uk-container-center div.tm-main.uk-grid.uk-position-relative aside.tm-sidebar-b.uk-width-medium-1-4.uk-flex-order-last div.uk-panel.uk-panel-box h3.uk-panel-title{
    font-size: 40px;
    font-weight: normal;
    line-height: 66px;
    margin-bottom: 0;
    text-transform: none !important;
	font-family: 'Rouge Script', cursive;
    color: rgb(201, 6, 24);
    text-align: left !important;
    padding-left: 10%;
}

/* Foto anteprima */
.uk-overlay-scale{
	width: 80%;
}

/* Testo anteprima */
ul.uk-slideset.uk-grid.uk-grid-match.uk-flex-center.uk-grid-width-1-1 li.uk-active div.uk-panel.uk-text-center div.uk-margin{
	padding: 0 10%;
}

/* Novità */
.novita, .promozioni, .varie-milani {
    margin-top: 10px;
}

/* TITOLI SINGOLI ITEM PRODOTTI, PRODOTTI NAVIGAZIONE, NOVITA, PROMOZIONI, VARIE DA MILANI - H2 WIDGETKIT */
.uk-h2.uk-margin-top-remove{
	line-height: 20px !important;
	text-align: center !important;
	color: rgb(201, 6, 24) !important;
    font-family: open sans !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    margin-bottom: 0;
}

z/* SLIDESET GALLERY PRODOTTI - navigazione */
.tm-block-top-d.uk-block.uk-block-default.breadcrumb-d {
    background: rgba(241, 234, 218, 0.4) none repeat scroll 0 0;
    padding-top: 20px;
    padding-bottom: 20px;
}

.uk-panel-box-primary a {
    color: rgb(189, 39, 22) !important;
}
.uk-panel-box-primary a:hover {
    color: rgb(189, 39, 22) !important;
    text-decoration: underline !important;
}
html.uk-notouch body.tm-sidebar-a-left.tm-sidebars-1.tm-noblog div#tm-top-d.tm-block-top-d.uk-block.uk-block-default.breadcrumb-d div.uk-container.uk-container-center section.tm-top-d.uk-grid div.uk-width-1-1.uk-row-first div.uk-panel.uk-panel-box div.prodotti-navigazione div.uk-slidenav-position.uk-margin ul.uk-slideset.uk-grid.uk-grid-match.uk-flex-center.uk-grid-width-1-1.uk-grid-width-small-1-2.uk-grid-width-medium-1-3.uk-grid-width-large-1-6.uk-grid-width-xlarge-1-6.uk-grid-small li.uk-active div.uk-panel.uk-panel-box.uk-panel-box-primary.uk-text-center div.uk-text-center.uk-panel-teaser div.uk-overlay.uk-overlay-hover img.uk-overlay-scale {
	width: 100% !important;
}

/* SIDEBAR-A NELLE CATEGORIE DI PRODOTTO */
h3.titolo-sidebar-prodotti {
	color: rgb(189, 39, 22) !important;
    font-family: "Rouge Script",cursive !important;
    font-size: 40px !important;
    text-transform: none !important;
    line-height: 45px;
    padding-left: 8px;
}

/*TITOLO ARTICOLI*/
.uk-article-title {
    font-size: 40px;
    font-weight: normal;
    line-height: 53px;
    margin-bottom: 0;
    text-transform: none !important;
	font-family: 'Rouge Script', cursive;
    color: rgb(201, 6, 24);
    text-align: left !important;
}


/*PADDING PER AVVICINARE GALLERY A TITOLO*/
.tm-main-top + .tm-content, .tm-content + .tm-main-bottom {
    margin-top: 0;
}

/*LARGHEZZA ARTICOLO */
article > p {
    width: 60%;
}

/*TITOLO PRODOTTI*/
.uk-article.tm-blog-single > h3 {
    font-size: 40px;
    font-weight: normal;
    line-height: 53px;
    margin-bottom: 0;
    text-transform: none !important;
	font-family: 'Rouge Script', cursive;
    color: rgb(201, 6, 24);
}

/*CATEGORIE E SCHEDE PRODOTTI ZOO */
/* Elenco prodotti - teaser */
#yoo-zoo div.box-1{
	border-left: none;
	border-right: none;
}
#yoo-zoo div.box-t2, #yoo-zoo div.box-b2 {
    padding: 0;
}
#yoo-zoo div.box-t3, #yoo-zoo div.box-b3 {
    border-top: none;
    border-bottom: none;
}	
#yoo-zoo div.box-1 div.row{
	border-top: none;
	padding: 6px 6px 15px 6px !important;
}

#yoo-zoo .items div.media-left {
    float: left;
    margin-right: 0;
}
.teaser-item > .pos-description {
    float: left;
    position: relative;
    width: 100%;
    background: #C02716;
    opacity: 0.75;
    height: 60px;
}
.element.element-itemname.first.last{
	padding-left: 5px;
}
.element.element-itemname.first.last > a{
	color: #FFFFFF;
	text-transform: uppercase;
	font-size: 15px;
	font-weight: 500;
}

/* scheda prodotto interna */
#yoo-zoo .item div.pos-top {
    margin-bottom: 0px;
    overflow: hidden;
}
.richiedi-info {
    background: rgb(189, 39, 22) none repeat scroll 0 0;
    color: rgb(255, 255, 255);
    float: right;
    font-family: "Open Sans";
    font-size: 16px;
    height: 25px;
    text-align: center;
    width: 228px;
    text-transform: uppercase;
    font-weight: 500;
}
.richiedi-info:hover {
    color: rgb(255, 255, 255) !important;
    font-size: 18px;
}

#yoo-zoo .item h1.pos-title {
	font-family: 'Rouge Script', cursive;
    color: rgb(201, 6, 24);
    font-size: 32px;
    font-weight: normal;
    letter-spacing: -1px;
    line-height: 50px;
    margin: 0 0 5px;
    text-transform: none !important;
}
#yoo-zoo .items h2.pos-title {
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: bold;
    line-height: 18px;
    margin: 0 0 7px;
}
.pos-description {
    width: 50%;
}

#yoo-zoo .item h3 {
    font-family: open sans;
    font-size: 16px;
    font-weight: normal;
    padding: 0px;
    padding-left:10px;
    margin:0px;
    color:#ffffff;
    background-color:#9A9A9D;
    margin-bottom: 10px !important;
}

#yoo-zoo .item div.pos-related h3 {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    font-family: open sans;
    font-size: 14px;
    font-weight: normal;
    line-height: 10px;
    margin-bottom: 10px !important;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding: 0;
}
.pos-related > .element {
    padding-bottom: 15px;
}

#yoo-zoo .item div.pos-specification ul strong {
    display: inline-block;
    width: 100%;
}
.element.element-itemcategory.last > a {
    color: rgb(197, 11, 11);
    font-weight: 500;
}

#yoo-zoo .item .element-textarea > * {
    margin: 0px;
}

/* VIDEO YOUTUBE SORTEX */
.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%;
}

/*FORM CONTATTI*/
.formResponsive input[type="submit"] {
    background-color: rgb(201, 1, 25) !important;
    background-image: -moz-linear-gradient(center top , rgb(201, 1, 25), rgb(150, 10, 50)) !important;
    background-repeat: repeat-x !important; 
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25) !important;
    color: rgb(255, 255, 255) !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
}

.formResponsive input[type="button"]:hover,
.formResponsive input[type="reset"]:hover,
.formResponsive input[type="submit"]:hover {
  color: #fff;
  text-decoration: none;
  background-color: #C90618;
  *background-color: #C90618;
  /* Buttons in IE7 don't get borders, so darken on hover */

  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
     -moz-transition: background-position 0.1s linear;
      -ms-transition: background-position 0.1s linear;
       -o-transition: background-position 0.1s linear;
          transition: background-position 0.1s linear;
}

.formResponsive .formHorizontal .rsform-block {
    margin-bottom: 0;
}

.formResponsive input, .formResponsive textarea {
    width: 220px;
}

.formResponsive .formHorizontal .formControlLabel {
    float: left;
    padding-top: 5px;
    text-align: left;
    width: 100%;
}

.formResponsive .formHorizontal .formControls {
    margin-left: 0;
}

.formResponsive label {
    float: left;
    height: auto !important;
    margin: 3px 5px 3px 0;
    padding: 0;
}

select, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    background-image: none;
    border-radius: 0;
    box-shadow: none;
    color: rgb(0, 0, 0);
    font-family: "Open Sans";
    font-size: 11px;
    font-weight: 400;
    height: 22px;
    letter-spacing: 1px;
    line-height: 30px;
}

textarea {
    background-image: none;
    border-radius: 0;
    box-shadow: none;
    color: rgb(0, 0, 0);
    font-family: "Open Sans";
    font-size: 11px;
    font-weight: 400;
    height: 70px;
    letter-spacing: 1px;
    line-height: 30px;
}

/*MAPPA GOOGLE*/
.uk-img-preserve {
    border-color: rgb(255, 255, 255);
    border-style: solid;
    border-width: 10px;
}

/*FOOTER*/
footer.tm-footer {
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 12px;
    background: rgba(241, 234, 218, 0.4) none repeat scroll 0 0;
}

.uk-subnav {
    margin-top: 0;
}
.uk-subnav > li {
    margin-top: auto;
    text-align: right;
    width: 100%;
}


/* NEWS */ 
.blog-default-news .items h1.pos-title,
.blog-default-news .items h1.pos-title a,
.blog-default .item h1.pos-title {
    font-family: "Rouge Script",cursive !important;
    font-size: 40px !important;
    line-height: 45px !important;
	color: #BD2715 !important;
	text-transform: none !important;
	margin-left:-3px !important;
}

.blog-default-news .teaser-item-bg h2.pos-subtitle,
.blog-default-news .teaser-item-bg h2.pos-subtitle a {
    font-size: 15px !important;
    line-height: 18px !important;
	color: #BD2715 !important;
	text-transform: uppercase !important;
	font-weight: 500;
    font-family: "Open Sans";	
}

.blog-default-news .items p.pos-meta,
.blog-default .item p.pos-meta {
    margin: 0px 0px 23px 0px;
    font-size: 13px !important;
    color: #666666 !important;
    line-height: 1.5em !important;
    font-style: normal !important;
    font-weight: 500 !important;
}
.blog-default-news .element.element-itemlink.first.last a {
    color: #BD2715;
    font-weight: 500;
}
.blog-default-news .items div.teaser-item {
    padding: 0px 15px 20px 15px !important;
}
.blog-default-news .items div.media-left,
.blog-default-news img {
    width: 100% !important;
}



/* Tablet and bigger */
@media (max-width: 768px) {
	/* SISTEMO COLONNA NEWS */
	.uk-width-medium-3-4 {
    	width: 100%;
	}
	.uk-grid > .tm-sidebar-b {
	    margin: 24px 0 24px 24px !important ;
	    padding: 0 !important;
	    width: 96%;
	}
	html.uk-notouch body.tm-sidebar-b-right.tm-sidebars-1.tm-isblog div#tm-main.tm-block-main.uk-block.uk-block-default div.uk-container.uk-container-center div.tm-main.uk-grid.uk-position-relative aside.tm-sidebar-b.uk-width-medium-1-4.uk-flex-order-last div.uk-panel.uk-panel-box h3.uk-panel-title {
	    padding-left: 2%;
	}
	.uk-dotnav {
	    display: flex;
	    flex-wrap: wrap;
	    list-style: outside none none;
	    margin-left: -15px;
	    margin-top: -15px;
	    padding: 0 0 15px;
	}
	
	/* ARTICOLI JOOMLA */
	article > p {
	    width: 90%;
	}
	/* SCHEDE PRODOTTO */
	#yoo-zoo .item div.media-right {
	    float: right;
	    margin-left: 15px;
	    width: 50%;
	}
	.yoo-zoo img {
	    height: auto;
	    max-width: 100%;
	    float: right;
	}	
	.pos-description {
	    width: 100%;
	}
	#yoo-zoo .item div.pos-related h3 {
	    line-height: 14px;
	}
	#yoo-zoo .item h3 {
	    line-height: 23px;
	}
	
	.tm-block-main.uk-block.uk-block-default {
	    padding-bottom: 20px;
	}

	/* FOOTER */
	.uk-subnav {
	    margin: 0;
	    margin-top: 20px;
	}	
	.uk-subnav > li {
	    margin: 0;
	    width: 100%;
        text-align: center;
	}	
}


@media (max-width: 400px) {
	/* SISTEMO COLONNA NEWS */
	.uk-width-medium-3-4 {
    	width: 100%;
	}
	.uk-grid > .tm-sidebar-b {
	    margin: 24px 0 24px 24px !important ;
	    padding: 0 !important;
	    width: 96%;
	}
	html.uk-notouch body.tm-sidebar-b-right.tm-sidebars-1.tm-isblog div#tm-main.tm-block-main.uk-block.uk-block-default div.uk-container.uk-container-center div.tm-main.uk-grid.uk-position-relative aside.tm-sidebar-b.uk-width-medium-1-4.uk-flex-order-last div.uk-panel.uk-panel-box h3.uk-panel-title {
	    padding-left: 2%;
	}
	.uk-dotnav {
	    display: flex;
	    flex-wrap: wrap;
	    list-style: outside none none;
	    margin-left: -15px;
	    margin-top: -15px;
	    padding: 0 0 15px;
	}
	/* SCHEDE PRODOTTO */
	#yoo-zoo .item div.media-right {
	    float: right;
	    margin-left: 15px;
	    width: 100%;
	}
	.yoo-zoo img {
	    height: auto;
	    max-width: 100%;
	    float: right;
	}	
	.pos-description {
	    width: 100%;
	}
}