/*
main
*/
/*
global
*/
/*
global
*/
/*
gridle/setup
*/
.row:before, .row:after {
  content: "";
  display: table; }
.row:after {
  clear: both; }
.row {
  zoom: 1; }

.row {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.row, .tre, .due-tre, .due, .tre-quattro, .quattro, .cinque, .due-cinque, .tre-cinque, .quattro-cinque, .sei, .dieci, .nove-dieci {
  display: inline-block;
  min-height: 1px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/**
 * Str replace
 *
 * @param {string}  $string    String that you want to replace
 * @param {string}  $substr    String that is to be replaced by `$newsubstr`
 * @param {string}  $newsubstr String that replaces `$substr`
 * @param {number*} $all       Flag for replaceing all (1+) or not (0)
 * @return {string}
 */
/**
 * Map set
 *
 * @param 	Map 	$map 		The map to use
 * @param 	String 	$key 		The key to update
 * @param 	Mixed 	$value 		The new value
 * @return 	Map 			The new map
 */
/**
 * Get the column width in percent for the global or a specific context
 *
 * @param 	int 		$columns 					The number of columns to calculate
 * @param 	int 		$context : $gridle-columns-count 	 	The context to use
 * @return 	percentage 							The width in percent
 */
/**
 *  Get a state map
 *
 * @param 	string 		$name 		The name of the state to get
 * @return 	map 				A state map object
 */
/**
 * Check if a state exist :
 *
 * @param 	string 		$name 		The name of the state to check
 * @return 	Boolean 			true is exist
 */
/**
 * Get the media queries variables :
 *
 * @param 	int 		$index 	 	The media query indes
 * @param 	String 		$var 		The media query variable name
 * @return 	String|int 			The variable value
 */
/**
 * Get a variable
 *
 * @param 	String 		$varName 				The variable name
 * @param  	String 		$stateMap-or-stateName 	 	The state name or a map state value
 * @return 	Mixed 							The finded value
 */
/**
 * Set a variable in a state
 * @param 	Mixed $stateName-or-stateIndex 	The state name of state index
 * @param  	String $var                    		Variable name to assign
 * @param  	Mixed $newValue          		The new value to assign
 * @return 	List                         			The states list (full)
 */
/**
 * Generate a column
 *
 * @param 	String 		$name 			The column name (often count)
 * @param 	int 		$columns 		The column count that the column will take
 * @param 	int 		$context 		The context on witch the with will be calculed
 * @param 	Boolean 	$generateClasses 	Set if the column has to be generated in css
 */
/**
 * Generate classname
 *
 * @param 	List 		$parrern 	The pattern to use to generate classname
 * @param 	String 		$state 		The state
 * @param 	int 		$count 		The column count
 */
/**
 * Get the media query for a particular state, or with, etc...
 *
 * @param 	Mixed 		$state-or-min-width 		The state name of the min with
 * @param 	Mixed 		$max-width 			The max width if first param is a min width
 * @return 	String 						The media query string without the @media
 */
/**
 * Get states count
 * 
 * @return 	int 	The number of states defined
 */
/**
 * Setup
 */
/**
 *  Register a clear each class
 */
/**
 * Register a special class
 */
/**
 * Register default states
 */
/**
 * Register default mobile first states :
 */
/**
 * Set the debug device (not used for now)
 * 
 * @param 	String 		$state 		The state to update
 * @para m 	String 		$device 	The device to use (iphone, etc...)
 */
/**
 * Parent clear each
 */
/**
 * Vertical align :
 */
/**
 * Show inline
 *
 * @param 	String 		$state 		The state name
 */
/**
 * Generate a custom class for all the states
 *
 * @param 	list 	$pattern 		The name pattern of the class
 * @param 	list 	$statesNames 		The states names to generate
 */
/*
mobile: 0 -> 480
tablet: 481 -> 1024
desklet: 1025 -> 1200
default: ... -> ...
*/
/* da rivedere */
/*
structure
*/
/*
global
*/
/*
global
*/
/*
gridle/setup
*/
.row:before, .row:after {
  content: "";
  display: table; }
.row:after {
  clear: both; }
.row {
  zoom: 1; }

.row {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.row, .tre, .due-tre, .due, .tre-quattro, .quattro, .cinque, .due-cinque, .tre-cinque, .quattro-cinque, .sei, .dieci, .nove-dieci {
  display: inline-block;
  min-height: 1px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/**
 * Str replace
 *
 * @param {string}  $string    String that you want to replace
 * @param {string}  $substr    String that is to be replaced by `$newsubstr`
 * @param {string}  $newsubstr String that replaces `$substr`
 * @param {number*} $all       Flag for replaceing all (1+) or not (0)
 * @return {string}
 */
/**
 * Map set
 *
 * @param 	Map 	$map 		The map to use
 * @param 	String 	$key 		The key to update
 * @param 	Mixed 	$value 		The new value
 * @return 	Map 			The new map
 */
/**
 * Get the column width in percent for the global or a specific context
 *
 * @param 	int 		$columns 					The number of columns to calculate
 * @param 	int 		$context : $gridle-columns-count 	 	The context to use
 * @return 	percentage 							The width in percent
 */
/**
 *  Get a state map
 *
 * @param 	string 		$name 		The name of the state to get
 * @return 	map 				A state map object
 */
/**
 * Check if a state exist :
 *
 * @param 	string 		$name 		The name of the state to check
 * @return 	Boolean 			true is exist
 */
/**
 * Get the media queries variables :
 *
 * @param 	int 		$index 	 	The media query indes
 * @param 	String 		$var 		The media query variable name
 * @return 	String|int 			The variable value
 */
/**
 * Get a variable
 *
 * @param 	String 		$varName 				The variable name
 * @param  	String 		$stateMap-or-stateName 	 	The state name or a map state value
 * @return 	Mixed 							The finded value
 */
/**
 * Set a variable in a state
 * @param 	Mixed $stateName-or-stateIndex 	The state name of state index
 * @param  	String $var                    		Variable name to assign
 * @param  	Mixed $newValue          		The new value to assign
 * @return 	List                         			The states list (full)
 */
/**
 * Generate a column
 *
 * @param 	String 		$name 			The column name (often count)
 * @param 	int 		$columns 		The column count that the column will take
 * @param 	int 		$context 		The context on witch the with will be calculed
 * @param 	Boolean 	$generateClasses 	Set if the column has to be generated in css
 */
/**
 * Generate classname
 *
 * @param 	List 		$parrern 	The pattern to use to generate classname
 * @param 	String 		$state 		The state
 * @param 	int 		$count 		The column count
 */
/**
 * Get the media query for a particular state, or with, etc...
 *
 * @param 	Mixed 		$state-or-min-width 		The state name of the min with
 * @param 	Mixed 		$max-width 			The max width if first param is a min width
 * @return 	String 						The media query string without the @media
 */
/**
 * Get states count
 * 
 * @return 	int 	The number of states defined
 */
/**
 * Setup
 */
/**
 *  Register a clear each class
 */
/**
 * Register a special class
 */
/**
 * Register default states
 */
/**
 * Register default mobile first states :
 */
/**
 * Set the debug device (not used for now)
 * 
 * @param 	String 		$state 		The state to update
 * @para m 	String 		$device 	The device to use (iphone, etc...)
 */
/**
 * Parent clear each
 */
/**
 * Vertical align :
 */
/**
 * Show inline
 *
 * @param 	String 		$state 		The state name
 */
/**
 * Generate a custom class for all the states
 *
 * @param 	list 	$pattern 		The name pattern of the class
 * @param 	list 	$statesNames 		The states names to generate
 */
/*
mobile: 0 -> 480
tablet: 481 -> 1024
desklet: 1025 -> 1200
default: ... -> ...
*/
/* da rivedere */
/*
body, .boxed {

    @include gridle_container ( ); // I'm the container
    width: $respo-xl + px;
    margin: 0 auto;    

    @include gridle_state ( desklet ){
        //margin: 0 25px;
    }

    @include gridle_state ( tablet ){
        //margin: 0 20px;
    }

    @include gridle_state ( mobile){
        //margin: 0 10px;
    }


}

.content {

}
*/
.row {
  float: left;
  direction: ltr;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  *width: expression((this.parentNode.clientWidth/12*12 - parseInt(this.currentStyle['paddingLeft']) - parseInt(this.currentStyle['paddingRight'])) + 'px');
  padding-left: 0;
  padding-right: 0; }

.tre {
  float: left;
  direction: ltr;
  padding-left: 0;
  padding-right: 0;
  width: 33.33333%;
  *width: expression((this.parentNode.clientWidth/12*4 - parseInt(this.currentStyle['paddingLeft']) - parseInt(this.currentStyle['paddingRight'])) + 'px');
  line-height: normal; }

.due-tre {
  float: left;
  direction: ltr;
  padding-left: 0;
  padding-right: 0;
  width: 66.66667%;
  *width: expression((this.parentNode.clientWidth/12*8 - parseInt(this.currentStyle['paddingLeft']) - parseInt(this.currentStyle['paddingRight'])) + 'px');
  line-height: normal; }

.due {
  float: left;
  direction: ltr;
  padding-left: 0;
  padding-right: 0;
  width: 50%;
  *width: expression((this.parentNode.clientWidth/12*6 - parseInt(this.currentStyle['paddingLeft']) - parseInt(this.currentStyle['paddingRight'])) + 'px');
  line-height: normal; }

.tre-quattro {
  float: left;
  direction: ltr;
  padding-left: 0;
  padding-right: 0;
  width: 75%;
  *width: expression((this.parentNode.clientWidth/12*9 - parseInt(this.currentStyle['paddingLeft']) - parseInt(this.currentStyle['paddingRight'])) + 'px');
  line-height: normal; }

.quattro {
  float: left;
  direction: ltr;
  padding-left: 0;
  padding-right: 0;
  width: 25%;
  *width: expression((this.parentNode.clientWidth/12*3 - parseInt(this.currentStyle['paddingLeft']) - parseInt(this.currentStyle['paddingRight'])) + 'px');
  line-height: normal; }

.cinque {
  float: left;
  direction: ltr;
  padding-left: 0;
  padding-right: 0;
  width: 20%;
  *width: expression((this.parentNode.clientWidth/12*2.4 - parseInt(this.currentStyle['paddingLeft']) - parseInt(this.currentStyle['paddingRight'])) + 'px');
  line-height: normal; }

.due-cinque {
  float: left;
  direction: ltr;
  padding-left: 0;
  padding-right: 0;
  width: 40%;
  *width: expression((this.parentNode.clientWidth/12*4.8 - parseInt(this.currentStyle['paddingLeft']) - parseInt(this.currentStyle['paddingRight'])) + 'px');
  line-height: normal; }

.tre-cinque {
  float: left;
  direction: ltr;
  padding-left: 0;
  padding-right: 0;
  width: 60%;
  *width: expression((this.parentNode.clientWidth/12*7.2 - parseInt(this.currentStyle['paddingLeft']) - parseInt(this.currentStyle['paddingRight'])) + 'px');
  line-height: normal; }

.quattro-cinque {
  float: left;
  direction: ltr;
  padding-left: 0;
  padding-right: 0;
  width: 80%;
  *width: expression((this.parentNode.clientWidth/12*9.6 - parseInt(this.currentStyle['paddingLeft']) - parseInt(this.currentStyle['paddingRight'])) + 'px');
  line-height: normal; }

.sei {
  float: left;
  direction: ltr;
  padding-left: 0;
  padding-right: 0;
  width: 16.66667%;
  *width: expression((this.parentNode.clientWidth/12*2 - parseInt(this.currentStyle['paddingLeft']) - parseInt(this.currentStyle['paddingRight'])) + 'px');
  line-height: normal; }

.dieci {
  float: left;
  direction: ltr;
  padding-left: 0;
  padding-right: 0;
  width: 10%;
  *width: expression((this.parentNode.clientWidth/12*1.2 - parseInt(this.currentStyle['paddingLeft']) - parseInt(this.currentStyle['paddingRight'])) + 'px');
  line-height: normal; }

.nove-dieci {
  float: left;
  direction: ltr;
  padding-left: 0;
  padding-right: 0;
  width: 90%;
  *width: expression((this.parentNode.clientWidth/12*10.8 - parseInt(this.currentStyle['paddingLeft']) - parseInt(this.currentStyle['paddingRight'])) + 'px');
  line-height: normal; }

/*
#main {
    @include gridle(12);
    padding: 0 $side-margin;
    background: white;
}

.spacer2 {
    height: 2px;
}

.spacer5 {
    height: 5px;
}

.spacer10 {
    height: 10px;
}

.spacer15 {
    height: 15px;
}

.spacer20 {
    height: 20px;
}

.spacer25 {
    height: 26px;
}

.spacer35 {
    height: 36px;
}

.spacer45 {
    height: 45px;
}

.spacer55 {
    height: 54px;
}


*/
/*
structure
*/
/*
global
*/
/*
global
*/
/*
gridle/setup
*/
.row:before, .row:after {
  content: "";
  display: table; }
.row:after {
  clear: both; }
.row {
  zoom: 1; }

.row {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.row, .tre, .due-tre, .due, .tre-quattro, .quattro, .cinque, .due-cinque, .tre-cinque, .quattro-cinque, .sei, .dieci, .nove-dieci {
  display: inline-block;
  min-height: 1px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/**
 * Str replace
 *
 * @param {string}  $string    String that you want to replace
 * @param {string}  $substr    String that is to be replaced by `$newsubstr`
 * @param {string}  $newsubstr String that replaces `$substr`
 * @param {number*} $all       Flag for replaceing all (1+) or not (0)
 * @return {string}
 */
/**
 * Map set
 *
 * @param 	Map 	$map 		The map to use
 * @param 	String 	$key 		The key to update
 * @param 	Mixed 	$value 		The new value
 * @return 	Map 			The new map
 */
/**
 * Get the column width in percent for the global or a specific context
 *
 * @param 	int 		$columns 					The number of columns to calculate
 * @param 	int 		$context : $gridle-columns-count 	 	The context to use
 * @return 	percentage 							The width in percent
 */
/**
 *  Get a state map
 *
 * @param 	string 		$name 		The name of the state to get
 * @return 	map 				A state map object
 */
/**
 * Check if a state exist :
 *
 * @param 	string 		$name 		The name of the state to check
 * @return 	Boolean 			true is exist
 */
/**
 * Get the media queries variables :
 *
 * @param 	int 		$index 	 	The media query indes
 * @param 	String 		$var 		The media query variable name
 * @return 	String|int 			The variable value
 */
/**
 * Get a variable
 *
 * @param 	String 		$varName 				The variable name
 * @param  	String 		$stateMap-or-stateName 	 	The state name or a map state value
 * @return 	Mixed 							The finded value
 */
/**
 * Set a variable in a state
 * @param 	Mixed $stateName-or-stateIndex 	The state name of state index
 * @param  	String $var                    		Variable name to assign
 * @param  	Mixed $newValue          		The new value to assign
 * @return 	List                         			The states list (full)
 */
/**
 * Generate a column
 *
 * @param 	String 		$name 			The column name (often count)
 * @param 	int 		$columns 		The column count that the column will take
 * @param 	int 		$context 		The context on witch the with will be calculed
 * @param 	Boolean 	$generateClasses 	Set if the column has to be generated in css
 */
/**
 * Generate classname
 *
 * @param 	List 		$parrern 	The pattern to use to generate classname
 * @param 	String 		$state 		The state
 * @param 	int 		$count 		The column count
 */
/**
 * Get the media query for a particular state, or with, etc...
 *
 * @param 	Mixed 		$state-or-min-width 		The state name of the min with
 * @param 	Mixed 		$max-width 			The max width if first param is a min width
 * @return 	String 						The media query string without the @media
 */
/**
 * Get states count
 * 
 * @return 	int 	The number of states defined
 */
/**
 * Setup
 */
/**
 *  Register a clear each class
 */
/**
 * Register a special class
 */
/**
 * Register default states
 */
/**
 * Register default mobile first states :
 */
/**
 * Set the debug device (not used for now)
 * 
 * @param 	String 		$state 		The state to update
 * @para m 	String 		$device 	The device to use (iphone, etc...)
 */
/**
 * Parent clear each
 */
/**
 * Vertical align :
 */
/**
 * Show inline
 *
 * @param 	String 		$state 		The state name
 */
/**
 * Generate a custom class for all the states
 *
 * @param 	list 	$pattern 		The name pattern of the class
 * @param 	list 	$statesNames 		The states names to generate
 */
/*
mobile: 0 -> 480
tablet: 481 -> 1024
desklet: 1025 -> 1200
default: ... -> ...
*/
/* da rivedere */
strong, b {
  font-weight: bold; }

em {
  font-style: italic; }

p {
  margin: 0; }

/*
menu
*/
/*
global
*/
/*
global
*/
/*
gridle/setup
*/
.row:before, .row:after {
  content: "";
  display: table; }
.row:after {
  clear: both; }
.row {
  zoom: 1; }

.row {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.row, .tre, .due-tre, .due, .tre-quattro, .quattro, .cinque, .due-cinque, .tre-cinque, .quattro-cinque, .sei, .dieci, .nove-dieci {
  display: inline-block;
  min-height: 1px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/**
 * Str replace
 *
 * @param {string}  $string    String that you want to replace
 * @param {string}  $substr    String that is to be replaced by `$newsubstr`
 * @param {string}  $newsubstr String that replaces `$substr`
 * @param {number*} $all       Flag for replaceing all (1+) or not (0)
 * @return {string}
 */
/**
 * Map set
 *
 * @param 	Map 	$map 		The map to use
 * @param 	String 	$key 		The key to update
 * @param 	Mixed 	$value 		The new value
 * @return 	Map 			The new map
 */
/**
 * Get the column width in percent for the global or a specific context
 *
 * @param 	int 		$columns 					The number of columns to calculate
 * @param 	int 		$context : $gridle-columns-count 	 	The context to use
 * @return 	percentage 							The width in percent
 */
/**
 *  Get a state map
 *
 * @param 	string 		$name 		The name of the state to get
 * @return 	map 				A state map object
 */
/**
 * Check if a state exist :
 *
 * @param 	string 		$name 		The name of the state to check
 * @return 	Boolean 			true is exist
 */
/**
 * Get the media queries variables :
 *
 * @param 	int 		$index 	 	The media query indes
 * @param 	String 		$var 		The media query variable name
 * @return 	String|int 			The variable value
 */
/**
 * Get a variable
 *
 * @param 	String 		$varName 				The variable name
 * @param  	String 		$stateMap-or-stateName 	 	The state name or a map state value
 * @return 	Mixed 							The finded value
 */
/**
 * Set a variable in a state
 * @param 	Mixed $stateName-or-stateIndex 	The state name of state index
 * @param  	String $var                    		Variable name to assign
 * @param  	Mixed $newValue          		The new value to assign
 * @return 	List                         			The states list (full)
 */
/**
 * Generate a column
 *
 * @param 	String 		$name 			The column name (often count)
 * @param 	int 		$columns 		The column count that the column will take
 * @param 	int 		$context 		The context on witch the with will be calculed
 * @param 	Boolean 	$generateClasses 	Set if the column has to be generated in css
 */
/**
 * Generate classname
 *
 * @param 	List 		$parrern 	The pattern to use to generate classname
 * @param 	String 		$state 		The state
 * @param 	int 		$count 		The column count
 */
/**
 * Get the media query for a particular state, or with, etc...
 *
 * @param 	Mixed 		$state-or-min-width 		The state name of the min with
 * @param 	Mixed 		$max-width 			The max width if first param is a min width
 * @return 	String 						The media query string without the @media
 */
/**
 * Get states count
 * 
 * @return 	int 	The number of states defined
 */
/**
 * Setup
 */
/**
 *  Register a clear each class
 */
/**
 * Register a special class
 */
/**
 * Register default states
 */
/**
 * Register default mobile first states :
 */
/**
 * Set the debug device (not used for now)
 * 
 * @param 	String 		$state 		The state to update
 * @para m 	String 		$device 	The device to use (iphone, etc...)
 */
/**
 * Parent clear each
 */
/**
 * Vertical align :
 */
/**
 * Show inline
 *
 * @param 	String 		$state 		The state name
 */
/**
 * Generate a custom class for all the states
 *
 * @param 	list 	$pattern 		The name pattern of the class
 * @param 	list 	$statesNames 		The states names to generate
 */
/*
mobile: 0 -> 480
tablet: 481 -> 1024
desklet: 1025 -> 1200
default: ... -> ...
*/
/* da rivedere */
/*
#menu0 {
    //background: $gray;
    //height: 34px;
    padding: 0 75px;

    ul {
        list-style-type: none;
        margin: 0;
        padding: 5px 0;
        font-size: 14px;
        text-align: right;

        li {
            display: inline-block;
            padding: 0 8px;

            &:hover {
                text-decoration: underline;
            }
            
            a {
                //color: $gray-text;
            }
        }
    }
}


@mixin menu($background, $padding, $hover_background, $text-transform) {
    background: $background;

    > ul {
        margin: 0 $padding;
        padding: 0;
        list-style-type: none;

        > li {
            display: inline-block;
            padding: 0;

            &:hover, &.current-menu-item, &.current-page-ancestor, &.current_page_parent {
                cursor: pointer;
                background: $hover_background;

                a {
                    color: white;
                }
            }
        }
    }

    a {
        font-size: 16px;
        text-transform: $text-transform;
        color: gray;
        padding: 10px 15px;
        display: block;
    }
}

#menu1 {
    @include menu(white, $side-margin, white, uppercase);
}

#menu2 {
    @include menu(transparent, 0, white, capitalize);
    padding: 0 75px;

    ul {
        //background: $gray;
    }

}
*/
.ress-1080 #main_menu {
  z-index: 323;
  width: 850px;
  top: 21px;
  left: 50%;
  margin-left: -314px;
  position: fixed;
  /* margin-left: auto; */
  text-align: right; }
  .ress-1080 #main_menu > li {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    /*
                ul {
                    display: none;
                    position: absolute;
                    background-color: rgba(255, 255, 255, 0.94);
                    padding: 20px;
                    text-align: left;
    
                    > li {
                        margin: 0 20px;
                        margin-bottom: 10px; 
                        > a {
                            font-family: brandon-grotesque, sans-serif;
                            color: $black;
                            border-bottom: 1px $black dashed;
                            padding: 15px 20px;
                            padding-left: 0;
                        
                            font-weight: 200;
                            display: block;
                            white-space: nowrap;
                            text-transform: uppercase;
                            text-decoration: inherit;
                            font-size: 18px;
    
    
    
                        }
    
                        &:hover, &.current-menu-item, &.current-menu-parent {
                            a {
                                color: $red;
                                border-bottom-color: $red;
                            }
                        }
                    }
                }
    */ }
    .ress-1080 #main_menu > li > a {
      display: block;
      font-size: 20px;
      color: #878787;
      line-height: 24px;
      letter-spacing: 1px;
      font-family: ubuntu-mono, sans-serif;
      font-weight: 700;
      text-decoration: none;
      padding: 0 10px;
      padding-bottom: 5px;
      border-bottom: 4px transparent solid; }
    .ress-1080 #main_menu > li:hover > a, .ress-1080 #main_menu > li.current-menu-item > a, .ress-1080 #main_menu > li.current-page-ancestor > a {
      border-bottom-color: #FCEE21; }

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 26-ago-2015, 14.42.24
    Author     : Gianluca Balsamo
*/
/*
global
*/
/*
global
*/
/*
gridle/setup
*/
.row:before, .row:after {
  content: "";
  display: table; }
.row:after {
  clear: both; }
.row {
  zoom: 1; }

.row {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.row, .tre, .due-tre, .due, .tre-quattro, .quattro, .cinque, .due-cinque, .tre-cinque, .quattro-cinque, .sei, .dieci, .nove-dieci {
  display: inline-block;
  min-height: 1px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/**
 * Str replace
 *
 * @param {string}  $string    String that you want to replace
 * @param {string}  $substr    String that is to be replaced by `$newsubstr`
 * @param {string}  $newsubstr String that replaces `$substr`
 * @param {number*} $all       Flag for replaceing all (1+) or not (0)
 * @return {string}
 */
/**
 * Map set
 *
 * @param 	Map 	$map 		The map to use
 * @param 	String 	$key 		The key to update
 * @param 	Mixed 	$value 		The new value
 * @return 	Map 			The new map
 */
/**
 * Get the column width in percent for the global or a specific context
 *
 * @param 	int 		$columns 					The number of columns to calculate
 * @param 	int 		$context : $gridle-columns-count 	 	The context to use
 * @return 	percentage 							The width in percent
 */
/**
 *  Get a state map
 *
 * @param 	string 		$name 		The name of the state to get
 * @return 	map 				A state map object
 */
/**
 * Check if a state exist :
 *
 * @param 	string 		$name 		The name of the state to check
 * @return 	Boolean 			true is exist
 */
/**
 * Get the media queries variables :
 *
 * @param 	int 		$index 	 	The media query indes
 * @param 	String 		$var 		The media query variable name
 * @return 	String|int 			The variable value
 */
/**
 * Get a variable
 *
 * @param 	String 		$varName 				The variable name
 * @param  	String 		$stateMap-or-stateName 	 	The state name or a map state value
 * @return 	Mixed 							The finded value
 */
/**
 * Set a variable in a state
 * @param 	Mixed $stateName-or-stateIndex 	The state name of state index
 * @param  	String $var                    		Variable name to assign
 * @param  	Mixed $newValue          		The new value to assign
 * @return 	List                         			The states list (full)
 */
/**
 * Generate a column
 *
 * @param 	String 		$name 			The column name (often count)
 * @param 	int 		$columns 		The column count that the column will take
 * @param 	int 		$context 		The context on witch the with will be calculed
 * @param 	Boolean 	$generateClasses 	Set if the column has to be generated in css
 */
/**
 * Generate classname
 *
 * @param 	List 		$parrern 	The pattern to use to generate classname
 * @param 	String 		$state 		The state
 * @param 	int 		$count 		The column count
 */
/**
 * Get the media query for a particular state, or with, etc...
 *
 * @param 	Mixed 		$state-or-min-width 		The state name of the min with
 * @param 	Mixed 		$max-width 			The max width if first param is a min width
 * @return 	String 						The media query string without the @media
 */
/**
 * Get states count
 * 
 * @return 	int 	The number of states defined
 */
/**
 * Setup
 */
/**
 *  Register a clear each class
 */
/**
 * Register a special class
 */
/**
 * Register default states
 */
/**
 * Register default mobile first states :
 */
/**
 * Set the debug device (not used for now)
 * 
 * @param 	String 		$state 		The state to update
 * @para m 	String 		$device 	The device to use (iphone, etc...)
 */
/**
 * Parent clear each
 */
/**
 * Vertical align :
 */
/**
 * Show inline
 *
 * @param 	String 		$state 		The state name
 */
/**
 * Generate a custom class for all the states
 *
 * @param 	list 	$pattern 		The name pattern of the class
 * @param 	list 	$statesNames 		The states names to generate
 */
/*
mobile: 0 -> 480
tablet: 481 -> 1024
desklet: 1025 -> 1200
default: ... -> ...
*/
/* da rivedere */
a.inlink {
  display: block;
  height: 100%;
  text-decoration: inherit;
  border: 0;
  padding: 0;
  margin: 0;
  line-height: 140%;
  color: inherit; }

.alignleft {
  float: left; }

.alignright {
  float: right; }

/*
#u1058-8 {
    figure {
        width: 100% !important;
        margin: 0;
        //padding: 10px;
        a {
            display: block;
            padding: 10px;

            img {
                width: 100%;
                height: auto;                
            }
        }

        figcaption {
            padding: 0 10px;
        }

    }
}
*/
input, textarea, button {
  border: 1px solid gray; }

input[type="submit"]:hover, button:hover {
  cursor: pointer; }

#u462_img {
  transform: scale(0.9); }

.wpcf7-form {
  width: 370px; }
  .wpcf7-form .wpcf7-form-control-wrap {
    padding: 5px 0;
    display: inline-block; }
    .wpcf7-form .wpcf7-form-control-wrap input, .wpcf7-form .wpcf7-form-control-wrap select, .wpcf7-form .wpcf7-form-control-wrap textarea, .wpcf7-form .wpcf7-form-control-wrap button, .wpcf7-form .wpcf7-form-control-wrap p {
      font-size: 15px;
      padding: 5px;
      font-family: arial;
      border: 1px solid #DADADA; }
      .wpcf7-form .wpcf7-form-control-wrap input::-webkit-input-placeholder, .wpcf7-form .wpcf7-form-control-wrap select::-webkit-input-placeholder, .wpcf7-form .wpcf7-form-control-wrap textarea::-webkit-input-placeholder, .wpcf7-form .wpcf7-form-control-wrap button::-webkit-input-placeholder, .wpcf7-form .wpcf7-form-control-wrap p::-webkit-input-placeholder {
        color: #1c2023; }
      .wpcf7-form .wpcf7-form-control-wrap input:-moz-placeholder, .wpcf7-form .wpcf7-form-control-wrap select:-moz-placeholder, .wpcf7-form .wpcf7-form-control-wrap textarea:-moz-placeholder, .wpcf7-form .wpcf7-form-control-wrap button:-moz-placeholder, .wpcf7-form .wpcf7-form-control-wrap p:-moz-placeholder {
        /* Firefox 18- */
        color: #1c2023; }
      .wpcf7-form .wpcf7-form-control-wrap input::-moz-placeholder, .wpcf7-form .wpcf7-form-control-wrap select::-moz-placeholder, .wpcf7-form .wpcf7-form-control-wrap textarea::-moz-placeholder, .wpcf7-form .wpcf7-form-control-wrap button::-moz-placeholder, .wpcf7-form .wpcf7-form-control-wrap p::-moz-placeholder {
        /* Firefox 19+ */
        color: #1c2023; }
      .wpcf7-form .wpcf7-form-control-wrap input:-ms-input-placeholder, .wpcf7-form .wpcf7-form-control-wrap select:-ms-input-placeholder, .wpcf7-form .wpcf7-form-control-wrap textarea:-ms-input-placeholder, .wpcf7-form .wpcf7-form-control-wrap button:-ms-input-placeholder, .wpcf7-form .wpcf7-form-control-wrap p:-ms-input-placeholder {
        color: #1c2023; }
  .wpcf7-form p {
    font-size: 15px;
    padding: 5px;
    font-family: arial;
    border: 1px solid #DADADA;
    padding: 1px;
    border: 0; }
    .wpcf7-form p::-webkit-input-placeholder {
      color: #1c2023; }
    .wpcf7-form p:-moz-placeholder {
      /* Firefox 18- */
      color: #1c2023; }
    .wpcf7-form p::-moz-placeholder {
      /* Firefox 19+ */
      color: #1c2023; }
    .wpcf7-form p:-ms-input-placeholder {
      color: #1c2023; }
  .wpcf7-form span.wpcf7-list-item {
    display: block; }
  .wpcf7-form input[type="submit"] {
    padding: 5px 30px;
    background: white;
    font-weight: 600;
    border: 2px solid #454545;
    color: #454545; }

.cf7-wrapper {
  position: relative;
  width: 741px; }
  .cf7-wrapper #wpcf7-f4-o1 {
    margin-left: 189px;
    margin-top: 50px; }
    .cf7-wrapper #wpcf7-f4-o1 input[type="submit"] {
      left: 35%;
      position: relative; }

#u344-2 a {
  color: white; }

.single-hygeia #u872-4, .single-doccette-igieniche #u872-4 {
  width: 352px;
  left: 105px; }

.no-display {
  display: none; }

#breadcrumb {
  width: 1040px;
  margin: 20px;
  margin-top: 30px;
  background: whitesmoke;
  padding: 5px;
  font-family: source-sans-pro, sans-serif;
  text-transform: uppercase; }
  #breadcrumb a {
    color: #1c2023; }

.configurazioni .popup_anchor {
  height: auto;
  width: auto;
  display: inline-block; }
  .configurazioni .popup_anchor .BtnSel {
    padding: 3px 14px; }

.single-idroscopino .PamphletThumbSelected {
  background: #454545; }
  .single-idroscopino .PamphletThumbSelected p {
    color: white; }

.single-hygeia .BtnSel {
  border-color: #6FB39C; }
  .single-hygeia .BtnSel .BtnSel-txt {
    color: #6FB39C; }
.single-hygeia .PamphletThumbSelected {
  background: #6FB39C; }
  .single-hygeia .PamphletThumbSelected p {
    color: white; }

.single-doccette-igieniche .PamphletThumbSelected {
  background: #E3E4E4; }
  .single-doccette-igieniche .PamphletThumbSelected p {
    color: #454545; }

form.search-form {
  margin-top: -9px;
  margin-left: 15px; }
  form.search-form label {
    margin: 0;
    padding: 0;
    width: 100px;
    vertical-align: middle;
    display: inline-block; }
    form.search-form label .screen-reader-text {
      display: none; }
    form.search-form label > input {
      padding: 4px;
      border-radius: 15px 0 0 15px;
      width: 106px;
      border-color: gray;
      font-size: 13px;
      line-height: 16px;
      padding-bottom: 3px;
      padding-top: 5px; }
  form.search-form > input {
    margin: 0;
    padding: 6px;
    text-transform: uppercase;
    font-size: 12px;
    border-radius: 0 15px 15px 0;
    vertical-align: middle;
    border-color: gray;
    background: gray;
    font-family: FontAwesome;
    color: white; }

.search.search-results .result {
  padding: 10px; }
  .search.search-results .result:nth-child(even) {
    background: whitesmoke; }
  .search.search-results .result .quattro {
    line-height: 0; }
  .search.search-results .result .tre-quattro a {
    color: #0070FF; }

.tool-pagination {
  margin-bottom: 30px; }
  .tool-pagination ul.pages {
    text-align: center;
    padding: 5px;
    background: whitesmoke; }
    .tool-pagination ul.pages li {
      display: inline-block;
      margin: 0 5px !important;
      font-size: 14px;
      font-family: arial; }
      .tool-pagination ul.pages li a {
        color: #0070FF; }

.alignright {
  float: right; }

.alignleft {
  float: left; }

#u134_align_to_page {
  padding-top: 35px; }
  #u134_align_to_page .grpelem {
    padding: 20px; }
    #u134_align_to_page .grpelem:nth-child(1) {
      padding-left: 0; }
    #u134_align_to_page .grpelem:nth-child(5) {
      padding-right: 0; }

.pswp__img {
  background: white; }

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 26-ago-2015, 14.42.24
    Author     : Gianluca Balsamo
*/
/*
global
*/
/*
global
*/
/*
gridle/setup
*/
.row:before, .row:after {
  content: "";
  display: table; }
.row:after {
  clear: both; }
.row {
  zoom: 1; }

.row {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.row, .tre, .due-tre, .due, .tre-quattro, .quattro, .cinque, .due-cinque, .tre-cinque, .quattro-cinque, .sei, .dieci, .nove-dieci {
  display: inline-block;
  min-height: 1px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/**
 * Str replace
 *
 * @param {string}  $string    String that you want to replace
 * @param {string}  $substr    String that is to be replaced by `$newsubstr`
 * @param {string}  $newsubstr String that replaces `$substr`
 * @param {number*} $all       Flag for replaceing all (1+) or not (0)
 * @return {string}
 */
/**
 * Map set
 *
 * @param 	Map 	$map 		The map to use
 * @param 	String 	$key 		The key to update
 * @param 	Mixed 	$value 		The new value
 * @return 	Map 			The new map
 */
/**
 * Get the column width in percent for the global or a specific context
 *
 * @param 	int 		$columns 					The number of columns to calculate
 * @param 	int 		$context : $gridle-columns-count 	 	The context to use
 * @return 	percentage 							The width in percent
 */
/**
 *  Get a state map
 *
 * @param 	string 		$name 		The name of the state to get
 * @return 	map 				A state map object
 */
/**
 * Check if a state exist :
 *
 * @param 	string 		$name 		The name of the state to check
 * @return 	Boolean 			true is exist
 */
/**
 * Get the media queries variables :
 *
 * @param 	int 		$index 	 	The media query indes
 * @param 	String 		$var 		The media query variable name
 * @return 	String|int 			The variable value
 */
/**
 * Get a variable
 *
 * @param 	String 		$varName 				The variable name
 * @param  	String 		$stateMap-or-stateName 	 	The state name or a map state value
 * @return 	Mixed 							The finded value
 */
/**
 * Set a variable in a state
 * @param 	Mixed $stateName-or-stateIndex 	The state name of state index
 * @param  	String $var                    		Variable name to assign
 * @param  	Mixed $newValue          		The new value to assign
 * @return 	List                         			The states list (full)
 */
/**
 * Generate a column
 *
 * @param 	String 		$name 			The column name (often count)
 * @param 	int 		$columns 		The column count that the column will take
 * @param 	int 		$context 		The context on witch the with will be calculed
 * @param 	Boolean 	$generateClasses 	Set if the column has to be generated in css
 */
/**
 * Generate classname
 *
 * @param 	List 		$parrern 	The pattern to use to generate classname
 * @param 	String 		$state 		The state
 * @param 	int 		$count 		The column count
 */
/**
 * Get the media query for a particular state, or with, etc...
 *
 * @param 	Mixed 		$state-or-min-width 		The state name of the min with
 * @param 	Mixed 		$max-width 			The max width if first param is a min width
 * @return 	String 						The media query string without the @media
 */
/**
 * Get states count
 * 
 * @return 	int 	The number of states defined
 */
/**
 * Setup
 */
/**
 *  Register a clear each class
 */
/**
 * Register a special class
 */
/**
 * Register default states
 */
/**
 * Register default mobile first states :
 */
/**
 * Set the debug device (not used for now)
 * 
 * @param 	String 		$state 		The state to update
 * @para m 	String 		$device 	The device to use (iphone, etc...)
 */
/**
 * Parent clear each
 */
/**
 * Vertical align :
 */
/**
 * Show inline
 *
 * @param 	String 		$state 		The state name
 */
/**
 * Generate a custom class for all the states
 *
 * @param 	list 	$pattern 		The name pattern of the class
 * @param 	list 	$statesNames 		The states names to generate
 */
/*
mobile: 0 -> 480
tablet: 481 -> 1024
desklet: 1025 -> 1200
default: ... -> ...
*/
/* da rivedere */
.ress-1080 {
  /*
      &.archive {
          .content {
  
  
              sup {
                  line-height: 0;
                  font-size: initial;
              }
          }
      }
  */ }
  .ress-1080 #ffooter a:visited, .ress-1080 #ffooter a:link {
    color: white; }
  .ress-1080 #ffooter .credits {
    text-align: center;
    background: #505050;
    color: white;
    font-family: arial;
    padding: 15px 0; }
    .ress-1080 #ffooter .credits a {
      color: #ffd800; }
  .ress-1080 .Cubotto {
    border-width: 6px;
    border-style: solid;
    margin: -3px -3px;
    width: 34%; }
    .ress-1080 .Cubotto h3:nth-child(1) {
      padding: 20px 0; }
  .ress-1080 .grigio .Cubotto {
    border-color: #7F7F7F;
    background-color: #FFFFFF; }
    .ress-1080 .grigio .Cubotto h3 {
      color: #7F7F7F; }
    .ress-1080 .grigio .Cubotto:hover {
      background: #7F7F7F; }
      .ress-1080 .grigio .Cubotto:hover h3 {
        color: white; }
  .ress-1080 .verde .Cubotto {
    border-color: #6FB39C;
    background-color: #FFFFFF; }
    .ress-1080 .verde .Cubotto h3 {
      color: #6FB39C; }
    .ress-1080 .verde .Cubotto:hover {
      background: #6FB39C; }
      .ress-1080 .verde .Cubotto:hover h3 {
        color: white; }
  .ress-1080 .grigio-chiaro .Cubotto {
    border-color: #B3B3B3;
    background-color: #FFFFFF; }
    .ress-1080 .grigio-chiaro .Cubotto h3 {
      color: #B3B3B3; }
    .ress-1080 .grigio-chiaro .Cubotto:hover {
      background: #B3B3B3; }
      .ress-1080 .grigio-chiaro .Cubotto:hover h3 {
        color: white; }
  .ress-1080 .content ul li {
    list-style: disc;
    margin-left: 25px; }
  .ress-1080 .content sup {
    line-height: 0;
    font-size: initial; }

/*# sourceMappingURL=main.css.map */