/* Cookie Law barra di navigazione */
#cookieChoiceInfo {           /* Imposto le proprietà del banner/dialog box e caratteri del messaggio */
  background-color: #000;     /* Lo fondo è di colore nero (#000) */
  font-family: Arial, Helvetica, sans-serif;				 
  font-size: 12px;            /* i caratteri devono essere grandi 16 pixel */
  color: #DDD;                /* il colore dei caratteri è grigio chiaro (#DDD) */
  padding: 14px;              /* lo spazio intorno al messaggio (sopra, sotto e di lato) quindi il bordo dista 10 pixel */  
  opacity: 0.8;                /* questa proprietà modifica la trasparenza del banner/dialogbox */
}
#cookieInfoLink:hover {       /* la parola hover, vicino al selettore, indica che le proprietà seguenti verranno applicate... */
                              /* ... al link che conduce alla cookie policy solo quando il mouse ci passa sopra  */
  color: #F44;                /* il testo del link in questo caso diventa di un rosso più chiaro al passaggio del mouse...  */
  text-decoration:none;       /*   .... e allo stesso tempo il testo non sarà più sottolineato            */
}
#cookieChoiceDismiss {        /* Impostiamo per il link "accetto" le proprietà per renderlo... */
			      /* ...visivamente come un pulsante */
  display: block;
  width: 100px;
  background-color: #0A0;     /* lo sfondo è verde (#0A0) */
  color: #FFF;                /* Il colore del testo è bianco (#FFF) */
  text-decoration: none;      /* Il testo non è sottolineato         */
  font-weight: 600;           /* Il testo è in grassetto             */
  font-size: 16px;
  padding: 3px 10px;          /* Imposto lo spazio tra i caratteri e il bordo del pulsante 2pixel sopra e sotto e 10px ai lati */
  border-radius:  3px;        /* Lo sfondo del pulsante ha i bordi arrotondati con un raggio di 3 pixel */
}
/* 
 * HTML5 ✰ Boilerplate
 *
 * What follows is the result of much research on cross-browser styling. 
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 *
 * Detailed information about this CSS: h5bp.com/css
 * 
 * ==== Normalize ==========================================================
 */


/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display: block;}
audio, canvas, video {display: inline-block; *display: inline; *zoom: 1;}
audio:not([controls]) {display: none;}
[hidden] {display: none;}

/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Force vertical scrollbar in non-IE
 * 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */

html {font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; height: 100%;}

body {margin: 0; line-height: 1.231;}

body, button, input, select, textarea {font-family: sans-serif; color: #222;}

/* 
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */

::-moz-selection {background: #22A73D; color: #fff; text-shadow: none;}
::selection {background: #22A73D; color: #fff; text-shadow: none;}


/* =============================================================================
   Links
   ========================================================================== */

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active {outline: 0;}


/* =============================================================================
   Typography
   ========================================================================== */

abbr[title] {border-bottom: 1px dotted;}

b, strong {font-weight: bold;}

blockquote {margin: 1em 40px;}

dfn {font-style: italic;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

ins {background: #ff9; color: #333; text-decoration: none;}

mark {background: #ff0; color: #333; font-style: italic; font-weight: bold;}

/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp {font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em;}

/* Improve readability of pre-formatted text in all browsers */
pre {white-space: pre; white-space: pre-wrap; word-wrap: break-word;}

q {quotes: none;}
q:before, q:after {content: ""; content: none;}

small {font-size: 85%;}

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}


/* =============================================================================
   Lists
   ========================================================================== */

ul, ol {margin: 1em 0; padding: 0 0 0 40px;}
dd {margin: 0 0 0 40px;}
nav ul, nav ol {list-style: none; list-style-image: none; margin: 0; padding: 0;}


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/e 
 */

img {border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle;}

/*
 * Correct overflow not hidden in IE9 
 */

svg:not(:root) {overflow: hidden;}


/* =============================================================================
   Figures
   ========================================================================== */

figure {margin: 0;}



/* =============================================================================
   Tables
   ========================================================================== */

table {border-collapse: collapse; border-spacing: 0;}
td {vertical-align: top;}

/* ==== Non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */

/* For image replacement */
.ir {display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr;}
.ir br {display: none;}

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden {display: none !important; visibility: hidden;}

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto;}

/* Hide visually and from screenreaders, but maintain layout */
.invisible {visibility: hidden;}

/* Contain floats: h5bp.com/q */ 
.clearfix:before, .clearfix:after {content: ""; display: table;}
.clearfix:after {clear: both;}
.clearfix {zoom: 1;}

/* ==== Print styles =======================================================
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
 
@media print {
  * {color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important;} 
  /* Black prints faster: h5bp.com/s */
  a, a:visited {text-decoration: underline;}
  a[href]:after {content: " (" attr(href) ")";}
  abbr[title]:after {content: " (" attr(title) ")";}
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {content: "";}  /* Don't show links for images, or javascript/internal links */
  pre, blockquote {border: 1px solid #999; page-break-inside: avoid;}
  thead {display: table-header-group;} /* h5bp.com/t */
  tr, img {page-break-inside: avoid;}
  img {max-width: 100% !important;}
  @page {margin: 0.5cm;}
  p, h2, h3 {orphans: 3; widows: 3;}
  h2, h3 {page-break-after: avoid;}
}

/* == Fine HTML5 ✰ Boilerplate == */

/* == Stili di base - Mobile first ===== */

body {
 font-size: 100%;
 font-family: Arial, Lucida Grande, Optima-Regular, Verdana, sans-serif;
 color: #FFFFFF;
 background-color: #FFFFFF;
 margin: 0;
 padding: 0;
 
 height: 100%;
}

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

p {
 font-size: 0.875em;
 line-height: 1.4375;
 margin: 0 0 0.35em 0;
}

p a:hover {
 color: #E3AD15;
 text-decoration: underline;
}

ul {
 margin: 0;
 padding: 0;
 list-style: none;
}






h1,h2,h3 {font-weight: bold;}



h1 {
 font-size: 1.225em;
 line-height: 1.2em;
 margin: 0 0 0.125em 0;
}

h1 a {
 color: #333;
 transition: color 0.25s;
 -moz-transition: color 0.25s;
 -webkit-transition: color 0.25s;
}

h1 a:hover {
 color: #22A73D;
 text-decoration: none;
}



h2 { 
 margin: 0;
}

h2 a { 
 color: #fff;
 opacity:0.6;
}



h3 { 
 color: #000099;
 font-size: 1.0625em;
 line-height: 1.2;
 margin: 0;
}

h3 a { 
 color: #D4CDC5;
}







/* Contenitore Website   */
#container {
 width: 100%;
 margin: 0 auto -50px;
 padding: 0;
 min-height: 100%;
 height: auto;
}



/* Testata   */
header {
 width: 100%;
}



/* Contenitore menù che non scrolla insieme alla pagina   */
#menufisso {
 width: 100%;
 top: 0;
 background-color: #FFFFFF;
 position: fixed;
 z-index:1000;
}



/* Menù di navigazione   */
#nav-aux{
margin-bottom:1px;
height:30px;
background:#0D1B64;
-webkit-box-shadow:0 15px 15px -2px #333333;
box-shadow:0 15px 15px -2px #333333;
}

#toggle-navigazione{
left:0;
display:block;
padding:5px 5px 5px 40px;
background:url(../immagini/button_menu.gif) no-repeat 5px center;
width:80px;
-webkit-border-radius:5px;
color:#fff;
font-weight:bold;
}

#toggle-navigazione:hover{
color:#E3AD15
}

nav{
position:absolute;
left:2%;
z-index:1000;
display:none;
width:200px;
-webkit-box-shadow:8px 8px 8px -2px #333333;
box-shadow:8px 8px 8px -2px #333333;
}

#main-nav{
margin-left:0;
padding:10px 15px 18px 10px;
background:#0D1B64;
list-style:none;
opacity: 0.9;
}

#main-nav li{
display:list-item;
padding:5px 0;
border-bottom:1px solid #fff;
}

#main-nav li a{
display:block;
color:#E3AD15;
font-weight:bold
}

#main-nav li a:hover{
color:#FFFFFF;
}

/* Formattazione voce del macro menu cliccata   */
.macromenu{
padding:5px 0;
font-weight:bold;
color: #E3AD15;
}

/* Formattazione voce del menu cliccata   */
.titolomenu{
padding:5px 0;
font-weight:bold;
}

/* Formattazione voci dei sottomenu   */
.submenu{
margin-left:30px;
font-weight:bold;
padding-top: 0;
font-size: 90%;
}



/* Contenitore top frame fisso   */
#topframefisso {
 width: 90%;
 height: auto;
 margin: 0 auto;
}

#topframefisso h1 {
 color: #000099;
}



/* Contenitore Titolo PopUp per Mobile   */
#popuptitolomobile {
 width: 100%;
 height: 30px;
 position: absolute;
 top: 2px;
 left: 10px;
 color: #E3AD15;
}

#popuptitolomobile p {
    font-size: 1.125em;
	color:#E3AD15;
    margin: 0;
	font-weight:bold;
	
	overflow: auto;
	overflow-style: marquee-line;
	marquee-style: scroll;
	marquee-play-count: infinite;
	marquee-direction: forward;
	marquee-speed: normal;
}



/* Contenitore Titolo PopUp per PC   */
#popuptitolo {
 width: 100%;
 height: 30px;
 position: absolute;
 top: 2px;
 left: 10px;
 color: #E3AD15;
}

#popuptitolo p {
    font-size: 1.125em;
	color:#E3AD15;
    margin: 0;
	font-weight:bold;
	
	overflow: auto;
	overflow-style: marquee-line;
	marquee-style: scroll;
	marquee-play-count: infinite;
	marquee-direction: forward;
	marquee-speed: normal;
}



/* Contenitore button operativi   */
#boxbutton {
 width: auto;
 height: 30px;
 position: absolute;
 top: 1px;
 right: 10px;
}

#boxbutton img {
 margin-left: 10px;
}



/* Contenitore top frame che scrolla con la pagina   */
#topframescroll {
 height: auto;
 margin: 0 auto;
}



/* Contenitore top frame per la Stampa   */
#topframeprint {
 height: auto;
 margin: 0 auto;
}



/* Distanziale per staccare i contenuti   */
#distanzial {
 width: 100%;
 margin: 0 auto;
 height: 20px;
}



/* Distanziale per staccare i contenuti   */
#distanzialscreen {
 width: 100%;
 margin: 0 auto;
 height: 20px;
}



/* Distanziale per staccare il messaggio Errore Login   */
#distanzialerror {
 width: 100%;
 margin: 0 auto;
 height: 20px;
}



/* Distanziale per staccare i contenuti dal top frame fisso Guardaroba Schematico   */
#distanzialtopframelarge {
 width: 100%;
 margin: 0 auto;
 height: 216px;
}



/* Distanziale per staccare i contenuti dal top frame fisso Configurazioni   */
#distanzialtopframemedium {
 width: 100%;
 margin: 0 auto;
 height: 170px;
}



/* Distanziale per staccare i contenuti dal top frame fisso Guardaroba Elencato e Guardaroba fotografico   */
#distanzialtopframe {
 width: 100%;
 margin: 0 auto;
 height: 111px;
}



/* Distanziale per staccare i contenuti dal top frame fisso Eventi ed Eventi Valigia e Outfit Dettaglio   */
#distanzialtopframesmall {
 width: 100%;
 margin: 0 auto;
 height: 50px;
}



/* Distanziale per staccare i contenuti dal top frame fisso Aggiungi articolo in Valigia   */
#distanzialtopframepopup {
 width: 100%;
 margin: 0 auto;
 height: 126px;
}



/* Distanziale per staccare i contenuti dal top pagina delle popup che ospitano un modulo a colonna unica   */
#distanzialpopup {
 width: 100%;
 margin: 0 auto;
 height: 20px;
}



/* Contenitore dei Contenuti   */
#content {
 width: 100%;
 margin: 30px auto;
}



/* Contenitore a tutta pagina   */
#mainfullscreen {
 width: 92%;
 margin: 0 auto;
}

#mainfullscreen h1 {
 color: #000099;
}



/* Contenitore titolo pagina   */
#titolopag {
 text-align: center;
 width: 100%;
 margin: 0 auto 20px;
}



/* Contenitore titolo pagina per MOBILE a risoluzione 240 e 320   */
#titolopagmobile {
 text-align: center;
 width: 100%;
 margin: 0 auto 20px;
}



/* Contenitore titolo pagina per MOBILE a risoluzione 480   */
#titolopagmobilebig {
 text-align: center;
 width: 100%;
 margin: 0 auto 20px;
}



/* Contenitore titolo pagina per TABLET a risoluzione 768   */
#titolopagtablet {
 text-align: center;
 width: 100%;
 margin: 0 auto 20px;
}



/* Contenitore Configurazioni per MOBILE   */
#configmobile {
 width: 100%;
 margin: 0 auto;
}

/* Contenitore Button Configurazioni per MOBILE   */
#boxbuttonmobile img {
    vertical-align: 0;
}

.configbuttonmobile {
 border-bottom: none;
 border-top: none;
 border-left: none;
 border-right: none;
 margin: 0 auto;
 width: 100%;
 position:relative;
 display: inline-block;
 text-align: center;
 vertical-align: top;
}



/* Formattazione box Configurazioni per MOBILE   */
#boxconfigurazioni {
 border-bottom: 1px solid #0D1B64;
 border-top: 1px solid #0D1B64;
 border-left: 1px solid #0D1B64;
 border-right: 1px solid #0D1B64;
 margin: 0 auto;
 width: 100%;
}

/* Formattazione box clima caldo Configurazioni per MOBILE   */
.boxconfigclimacaldo {
 padding: 1.625em 0.625em 2.825em 0.625em;
 margin: 2px 2px 0 2px;
 min-height: 60px;
 background-color:#FF0000;
 overflow-wrap: break-word;
}

/* Formattazione box clima mite Configurazioni per MOBILE   */
.boxconfigclimamite {
 padding: 1.625em 0.625em 2.825em 0.625em;
 margin: 0 2px 0 2px;
 min-height: 60px;
 background-image:url(../immagini/bg_clima_guardaroba_mobile.gif);
 background-repeat: no-repeat;
 background-position: center;
 background-size:cover;
 overflow-wrap: break-word;
}

/* Formattazione box clima freddo Configurazioni per MOBILE   */
.boxconfigclimafreddo {
 padding: 1.625em 0.625em 2.825em 0.625em;
 margin: 0 2px 2px 2px;
 min-height: 60px;
 background-color:#0C00FD;
 overflow-wrap: break-word;
}

/* Box contenitore Categorie Configurazioni per MOBILE   */
#boxconfigcategorie {
 margin: 0 auto 2px auto;
 text-align: center;
 width: 100%;
}

#boxconfigcategorie p {
 font-size: 0.875em;
 line-height: 1.1375;
 margin: 0.625em 0.425em 0.625em 0.425em;
 color:#06175d;
}

#boxconfigcategorie p a {
 color: #06175d;
 text-decoration: none;
}

#boxconfigcategorie p a:hover {
 color: #E3AD15;
 text-decoration: none;
}



/* Box contenitore Categorie Configurazioni per IPHONE   */
#boxconfigcategorieiphone {
 margin: 0 auto 2px auto;
 text-align: center;
 width: 100%;
}

#boxconfigcategorieiphone p {
 font-size: 0.875em;
 line-height: 1.1375;
 margin: 0.625em 1.825em 0.625em 1.825em;
 color:#06175d;
}

#boxconfigcategorieiphone p a {
 color: #06175d;
 text-decoration: none;
}

#boxconfigcategorieiphone p a:hover {
 color: #E3AD15;
 text-decoration: none;
}



/* Formattazione Box Layer Configurazioni per MOBILE e PC   */
.boxconfiglayeruno {
 border-bottom: 1px solid #FFFFFF;
 border-top: 1px solid #FFFFFF;
 border-left: 1px solid #FFFFFF;
 border-right: 1px solid #FFFFFF;
 background-color:#969696;
 min-height: 34px;
}

.boxconfiglayerdue {
 border-bottom: 1px solid #FFFFFF;
 border-top: 1px solid #FFFFFF;
 border-left: 1px solid #FFFFFF;
 border-right: 1px solid #FFFFFF;
 background-color:#B0B0B0;
 min-height: 34px;
}

.boxconfiglayertre {
 border-bottom: 1px solid #FFFFFF;
 border-top: 1px solid #FFFFFF;
 border-left: 1px solid #FFFFFF;
 border-right: 1px solid #FFFFFF;
 background-color:#C5C5C5;
 min-height: 34px;
}

.boxconfiglayerquattro {
 border-bottom: 1px solid #FFFFFF;
 border-top: 1px solid #FFFFFF;
 border-left: 1px solid #FFFFFF;
 border-right: 1px solid #FFFFFF;
 background-color:#DBDADA;
 min-height: 34px;
}



/* Contenitore Configurazioni per PC con risoluzione a 1024   */
#configpcsmall {
 width: 100%;
 margin: 0 auto;
}

/* Contenitore Configurazioni per PC con risoluzione a 1200   */
#configpcmedium {
 width: 100%;
 margin: 0 auto;
}

/* Contenitore Configurazioni per PC con risoluzione a 1366   */
#configpcbig {
 width: 100%;
 margin: 0 auto;
}

/* Contenitore Configurazioni per PC con risoluzione a 1600   */
#configpchd {
 width: 100%;
 margin: 0 auto;
}

/* Contenitore Tabella schema Configurazioni per PC   */
#tablegriglia {
 border-collapse: separate;
 border-spacing: 2px;
 padding: 0;
 table-layout: auto;
 text-align: center;
 width: 100%;
}

#tablegriglia td {
 vertical-align: middle;
 height: 34px;
}

#tablegriglia p {
 font-size: 0.875em;
 line-height: 1.1375;
 margin: 0.625em 0.425em 0.625em 0.425em;
 color:#06175d;
}

#tablegriglia p a {
 color: #06175d;
 text-decoration: none;
}

#tablegriglia p a:hover {
 color: #E3AD15;
 text-decoration: none;
}



/* Contenitore centrato nella pagina   */
#boxcenter {
 margin: 0 auto;
}

#boxcenter img {
 max-width: 100%;
}



/* Contenitore centrato nella pagina INDEX   */
#boxcenterindex {
 margin: 0 auto;
 margin-top: 32%;
 margin-right: auto;
 margin-bottom: 0;
 margin-left: auto;
}

#boxcenterindex img {
 max-width: 100%;
}



/* Formattazione Contenitore centrato nella pagina INDEX   */
.centerindex {
 text-align: center;
 width: 90%;
}



/* Formattazione Contenitore centrato Login   */
.centerlog {
 text-align: center;
 width: 90%;
}



/* Formattazione Contenitore centrato Info help   */
.centerinfo {
 text-align: center;
 width: 90%;
}



/* Contenitore centrato message   */
.centermsg {
 text-align: center;
 width: 80%;
 height: auto;
 border-bottom: 2px solid #0D1B64;
 border-top: 1px solid #0D1B64;
 border-left: 1px solid #0D1B64;
 border-right: 2px solid #0D1B64;
 padding: 1.225em;
}



/* Contenitore centrato pop up message   */
#boxpopupcenter {
 margin-top: 20px;
 margin-right: auto;
 margin-bottom: 0px;
 margin-left: auto;
 background-color: #FFFFFF;
 box-shadow: 0 15px 15px -2px #333333;
}

#boxpopupcenter p {
 color:#000000;
 margin-top: 10px;
}


.centerpopupmsg {
 text-align: center;
 width: 80%;
 height: auto;
 border-bottom: 2px solid #0D1B64;
 border-top: 1px solid #0D1B64;
 border-left: 1px solid #0D1B64;
 border-right: 2px solid #0D1B64;
 padding: 1.225em;
}



/* Contenitore modulo login   */
#boxlog {
 margin: 0 auto;
 height: 280px;
}

#boxlog img {
 max-width:100%;
 max-height:100%;
}



/* Contenitore list menu visualizza per categoria e ordina  */
#ricerca {
 text-align: center;
 margin: 0 auto;
 padding: 0 0 1.825em;
}

#ricerca select {
 font-size: .875em;
 font-family: Arial, Lucida Grande, Verdana, sans-serif;
 color:#999999;
 width: 80%;
 border: 1px solid #D1D3D4;
 padding: 2.25%;
}

.ordinamobile {
 margin: 20px auto 0 auto;
 display: list-item;
}



/* Contenuti disposti a sviluppo verticale   */
#boxgriglia {
 width:auto;
 height:inherit;
 position:relative;
}

#boxgriglia a {
 color: #FFFFFF;
}

#boxgriglia a:hover {
 color: #E3AD15;
 text-decoration: none;
}

#boxgriglia img {
 display: block;
 max-width: 100%;
 height: auto;
 margin-bottom: 0.625em;
 -ms-interpolation-mode:bicubic; /* IE 7+ hack */
}


#boxgriglia .fluid-width-video-wrapper {margin: 0 auto 10px auto;}



/* Formattazione fit articoli Guardaroba Schematico   */
.fit {
 color:#DDDDDD;
}



/* Formattazione fit articoli Guardaroba Elencato   */
.fitelenc {
 color:#B0AFAF;
}



/* Contenuti box linguetta Guardaroba Schematico e Guardaroba Elencato ed Eventi e Valigia   */
#boxlinguetta {
 width:auto;
 height:inherit;
 position:relative;
 border-bottom: 1px solid #0D1B64;
 border-top: 2px solid #0D1B64;
 border-left: 2px solid #0D1B64;
 border-right: 1px solid #0D1B64;
 padding: 0.425em 0 0.425em 0;
 text-align: center;
}

#boxlinguetta p {
 color:#FFFFFF;
}

#boxlinguetta p a {
 color:#FFFFFF;
}

#boxlinguetta p a:hover {
 color: #e3ad15;
 text-decoration: none;
}

#boxlinguetta h3 {
 letter-spacing: 1px;
}

/* Colore di sfondo linguetta box Guardaroba Elencato   */
.linguettaguardelenc {
 background-color:#0000CC;
}

/* Colore di sfondo linguetta box Valigia   */
.linguettavaligia {
 background-color:#FF0000;
}



/* Formattazione box categoria Guardaroba Schematico   */
#boxcategoria {
 border-bottom: 1px solid #0D1B64;
 border-top: none;
 border-left: 1px solid #0D1B64;
 border-right: 1px solid #0D1B64;
 margin: 0 auto;
 width: 98%;
}

/* Formattazione box temometro Guardaroba Schematico   */
#boxtermometro {
 margin: 0 auto;
 width: 100%;
 height: 95px;
 background-image: url(../immagini/bg_termometro.gif);
 background-position: center center;
 background-repeat: no-repeat;
 background-size: cover;
}

/* Formattazione box clima caldo Guardaroba Schematico   */
.boxclimacaldo {
 padding: 1.625em 0.625em 2.825em 0.625em;
 margin: 2px 2px 0 2px;
 min-height: 60px;
 background-color:#FF0000;
 overflow-wrap: break-word;
}

.boxclimacaldo p {
 font-size: 0.875em;
 line-height: 1.1375;
 margin: 0 0 1.25em 0;
}

/* Formattazione box clima mite Guardaroba Schematico   */
.boxclimamite {
 padding: 1.625em 0.625em 2.825em 0.625em;
 margin: 0 2px 0 2px;
 min-height: 60px;
 background-image:url(../immagini/bg_clima_guardaroba_mobile.gif);
 background-repeat: no-repeat;
 background-position: center;
 background-size:cover;
 overflow-wrap: break-word;
}

.boxclimamite p {
 font-size: 0.875em;
 line-height: 1.1375;
 margin: 0 0 1.25em 0;
}

/* Formattazione box clima freddo Guardaroba Schematico   */
.boxclimafreddo {
 padding: 1.625em 0.625em 2.825em 0.625em;
 margin: 0 2px 2px 2px;
 min-height: 60px;
 background-color:#0C00FD;
 overflow-wrap: break-word;
}

.boxclimafreddo p {
 font-size: 0.875em;
 line-height: 1.1375;
 margin: 0 0 1.25em 0;
}



/* Contenuti box Guardaroba Elencato ed Eventi per MOBILE   */
#boxguardelencmob {
 margin: 0 auto;
 width: auto;
}



/* Contenuti box Guardaroba Elencato ed Eventi per PC   */
#boxguardelencpc {
 margin: 0 auto;
 width: auto;
}



/* Box colonne Guardaroba Elencato ed Eventi e Valigia per MOBILE e PC   */
#colelenco {
 display: inline-block;
 height: auto;
}

#colelenco p {
    font-size: 0.775em;
    line-height: 1.4375;
    margin: 0;
	color: #000000;
}

#colelenco a {
 color: #000000;
}

#colelenco a:hover {
 color: #E3AD15;
 text-decoration: none;
}



/* Formattazione colonne etichette Guardaroba Elencato per MOBILE   */
.coleticmobsx {
 width: 45%;
 padding: 0;
 height: auto;
}

.coleticmobcnt {
 width: 25%;
 padding: 0;
 height: auto;
}

.coleticmobdx {
 width: 25%;
 padding: 0;
 height: auto;
}



/* Formattazione colonne etichette Guardaroba Elencato per PC   */
.coleticpccat {
 width: 13%;
 padding: 0;
 height: auto;
}

.coleticpcart {
 width: 28%;
 padding: 0;
 height: auto;
}

.coleticpccol {
 width: 15%;
 padding: 0;
 height: auto;
}

.coleticpctag {
 width: 7%;
 padding: 0;
 height: auto;
}

.coleticpcfit {
 width: 7%;
 padding: 0;
 height: auto;
}

.coleticpcprez {
 width: 13%;
 padding: 0;
 height: auto;
}




/* Formattazione colonne etichette Eventi per MOBILE   */
.coleticeventmobsx {
 width: 100%;
 padding: 0;
 height: auto;
}

.coleticeventmobdx {
 width: 100%;
 padding: 0;
 height: auto;
}



/* Formattazione colonne etichette Eventi per PC   */
.coleticeventpcdal {
 width: 12%;
 padding: 0;
 height: auto;
}

.coleticeventpcal {
 width: 14%;
 padding: 0;
 height: auto;
}

.coleticeventpclocalita {
 width: 39%;
 padding: 0;
 height: auto;
}

.coleticeventpcbutton {
 width: 33%;
 padding: 0;
 height: auto;
}



/* Formattazione colonne etichette Valigia per MOBILE   */
.coleticvaligmob {
 width: 100%;
 padding: 0;
 height: auto;
}




/* Formattazione colonne etichette Valigia per PC   */
.coleticvalpccat {
 width: 13%;
 padding: 0;
 height: auto;
}

.coleticvalpcart {
 width: 39%;
 padding: 0;
 height: auto;
}

.coleticvalpccol {
 width: 15%;
 padding: 0;
 height: auto;
}

.coleticvalpctag {
 width: 7%;
 padding: 0;
 height: auto;
}

.coleticvalpcfit {
 width: 7%;
 padding: 0;
 height: auto;
}

.coleticvalpccanc {
 width: 11%;
 padding: 0;
 height: auto;
}




/* Contenitore elenco Guardaroba Elencato ed Eventi e Valigia per MOBILE e PC   */
#boxelenco {
 border-bottom: 1px solid #0D1B64;
 border-top: 1px solid #0D1B64;
 border-left: 1px solid #0D1B64;
 border-right: 1px solid #0D1B64;
 margin: 0 auto;
 width: 98%;
 height:inherit;
 position:relative;
}



/* Box righe Elenco Guardaroba Elencato ed Eventi e Valigia per MOBILE e PC   */
#rowelenco {
 vertical-align: top;
 height: auto;
 width: 100%;
 text-align: center;
}



/* Formattazione colonne elenco Guardaroba Elencato per MOBILE   */
.colelencmobsx {
 width: 45%;
 height: auto;
 text-align: left;
 overflow-wrap: break-word;
 margin-top: 1.05em;
 margin-bottom: 0.65em;
}

.colelencmobcnt {
 width: 25%;
 padding: 0;
 height: auto;
 text-align: right;
 margin-top: 1.25em;
}

.colelencmobdx {
 width: 25%;
 padding: 0;
 height: auto;
 text-align: right;
 margin-top: 1.25em;
}



/* Formattazione colonne elenco Guardaroba Elencato per PC   */
.colelencpccat {
 width: 10%;
 height: auto;
 text-align: left;
 overflow-wrap: break-word;
 margin-top: 1.25em;
}

.colelencpcart {
 width: 29%;
 padding: 0;
 height: auto;
 text-align: left;
 margin-top: 1.25em;
}

.colelencpccol {
 width: 16%;
 padding: 0;
 height: auto;
 text-align: left;
 margin-top: 1.25em;
}

.colelencpctag {
 width: 7%;
 padding: 0;
 height: auto;
 text-align: center;
 margin-top: 1.25em;
}

.colelencpcfit {
 width: 7%;
 padding: 0;
 height: auto;
 text-align: center;
 margin-top: 1.25em;

}

.colelencpcprez {
 width: 12%;
 padding: 0;
 height: auto;
 text-align: right;
 margin-top: 1.25em;
}




/* Formattazione colonne elenco Eventi per MOBILE   */
.colelenceventmobsx {
 width: 90%;
 height: auto;
 text-align: left;
 overflow-wrap: break-word;
 margin-top: 1.05em;
}

.colelenceventmobdx {
 width: 90%;
 height: auto;
 text-align: left;
 overflow-wrap: break-word;
 margin-bottom: 0.25em;
}

.colelenceventmobbutton {
 width: 90%;
 height: auto;
 text-align: left;
 overflow-wrap: break-word;
 margin-bottom: 0.65em;
}



/* Formattazione colonne elenco Eventi per PC   */
.colelenceventpcperiodo {
 width: 13%;
 height: auto;
 text-align: left;
 overflow-wrap: break-word;
 margin-top: 1.25em;
}

.colelenceventpclocalita {
 width: 58%;
 height: auto;
 text-align: left;
 overflow-wrap: break-word;
 margin-top: 1.25em;
}

.colelenceventpcbutton {
 width: 10%;
 height: auto;
 text-align: left;
 overflow-wrap: break-word;
 text-align: right;
}



/* Formattazione colonne elenco Valigia per MOBILE   */
.colelencvaligmobsx {
 width: 75%;
 height: auto;
 text-align: left;
 overflow-wrap: break-word;
 margin-top: 1.05em;
 margin-bottom: 0.65em;
}

.colelencvaligmobdx {
 width: 15%;
 height: auto;
 text-align: left;
 overflow-wrap: break-word;
 margin-bottom: 0.85em;
 text-align: right;
 vertical-align: middle;
}



/* Formattazione colonne elenco Valigia per PC   */
.colelencvalpccat {
 width: 13%;
 height: auto;
 text-align: left;
 overflow-wrap: break-word;
 margin-top: 1.25em;
}

.colelencvalpcart {
 width: 38%;
 padding: 0;
 height: auto;
 text-align: left;
 margin-top: 1.25em;
}

.colelencvalpccol {
 width: 16%;
 padding: 0;
 height: auto;
 text-align: left;
 margin-top: 1.25em;
}

.colelencvalpctag {
 width: 7%;
 padding: 0;
 height: auto;
 text-align: center;
 margin-top: 1.25em;
}

.colelencvalpcfit {
 width: 7%;
 padding: 0;
 height: auto;
 text-align: center;
 margin-top: 1.25em;

}

.colelencvalpccanc {
 width: 10%;
 padding: 0;
 height: auto;
 text-align: right;
 text-align: right;
}



/* Contenuti Guardaroba Fotografico   */
#fotogal {
 width:auto;
 height:inherit;
 border-bottom: 1px solid #4E78E7;
 border-top: 1px solid #4E78E7;
 border-left: 1px solid #4E78E7;
 border-right: 1px solid #4E78E7;
 background-color:#0B1B63;
 padding: 0.625em 0.625em;
 margin: 0.6125em 0 0.3125em 0;
 position:relative;
  overflow-wrap: break-word;

}

#fotogal p {
margin-left: 0.425em;
margin-right: 0.425em;
 color: #FFFFFF;
}

#fotogal a {
 color: #FFFFFF;
}

#fotogal a:hover {
 color: #E3AD15;
 text-decoration: none;
}

#fotogal img {
 display: block;
 max-width: 100%;
 height: auto;
 margin-bottom: 0.425em;
 -ms-interpolation-mode:bicubic; /* IE 7+ hack */
}


#fotogal .fluid-width-video-wrapper {margin: 0 auto 10px auto;}



/* Contenuti box Valigia per MOBILE   */
#boxvaligiamob {
 margin: 0 auto;
 width: auto;
}



/* Contenuti box Valigia per PC   */
#boxvaligiapc {
 margin: 0 auto;
 width: auto;
}


/* OUTFIT   */

/* Contenitore Top Frame Sinistro Outfit dettaglio   */
.oftopframesx {
 border-bottom: none;
 border-top: none;
 border-left: none;
 border-right: none;
 margin: 0 auto;
 width: 100%;
 position:relative;
 display: inline-block;
 vertical-align: top;
 text-align: center;
}

/* Contenitore Top Frame Centrale Outfit dettaglio   */
.oftopframecnt {
 border-bottom: none;
 border-top: 1px solid #0D1B64;
 border-left: 1px solid #0D1B64;
 border-right: 1px solid #0D1B64;
 margin: 0;
 width: 85%;
 height:30px;
 position:relative;
 display: inline-block;
}



/* Contenitore Frame Sinistro Menu Outfit dettaglio   */
#outfitframesx img {
    vertical-align: 0;
}

.offramesx {
 border-bottom: none;
 border-top: none;
 border-left: none;
 border-right: none;
 margin: 0;
 width: 100%;
 position:relative;
 display: inline-block;
 text-align: center;
 vertical-align: top;
}



/* Distanziale per staccare i contenuti solo per MOBILE   */
#distanzialoutfitmobile {
 width: 100%;
 margin: 0 auto;
 height: 15px;
}



/* Contenitore Frame Centrale Outfit dettaglio   */
.offramecnt {
 border-bottom: 1px solid #0D1B64;
 border-top: 1px solid #0D1B64;
 border-left: 1px solid #0D1B64;
 border-right: 1px solid #0D1B64;
 margin-top: 20px;
 margin-right: auto;
 margin-bottom: 0px;
 margin-left: auto;
 width: 100%;
 height:auto;
 position:relative;
 vertical-align: top;
}

/* Box Contenitore Scheda Articolo Outfit   */
#boxoutfitcnt {
 margin: 0 auto;
 width: 90%;
 height:auto;
 position:relative;
 vertical-align: top;
}



/* Box Contenitore Foto e Descrizione Articolo Outfit   */
#boxoutfitarticolo {
 display: inline-block;
 vertical-align: top;
}

#boxoutfitarticolo img {
float:none;
border: none;
margin-right: 0px;
padding: 0px;
 display: block;
 max-width: 100%;
 height: auto;
 -ms-interpolation-mode:bicubic; /* IE 7+ hack */
}

/* Formattazione Box Contenitore Foto Articolo Outfit   */
.boxoutfitartfoto {
 width: 35%;
 margin-top: 0px;
 margin-right: 15px;
}

/* Formattazione Box Contenitore Descrizione Articolo Outfit   */
.boxoutfitartdescr {
 width: 50%;
 padding-left: 0;
}



/* Box Contenitore Titolo Articolo Outfit   */
#outfittitoloarticolo {
 display: inline-block;
 vertical-align: top;
 width: 100%;
 overflow-wrap: break-word;
}

#outfittitoloarticolo h1 {
	font-size: 0.705em;
    margin: 20px 0 10px 0;
	color: #000099;
}

#outfittitoloarticolo p {
    font-size: 0.875em;
    line-height: 1.4375;
    margin: 0 0 0.15em 0.15em;
	color: #333333;
}

#outfittitoloarticolo a {
 color: #000099;
}

#outfittitoloarticolo a:hover {
 color: #E3AD15;
 text-decoration: none;
}



/* Box Righe Caratteristiche Articolo Outfit   */
#outfitrowarticolo {
 display: inline-block;
 vertical-align: top;
}

#outfitrowarticolo p {
    font-size: 0.875em;
    line-height: 1.4375;
    margin: 0 0 0.15em 0.15em;
	color: #333333;
}

#outfitrowarticolo a {
 color: #333333;
}

#outfitrowarticolo a:hover {
 color: #E3AD15;
 text-decoration: none;
}



/* Contenuti scheda articolo disposti a sviluppo verticale   */
#boxarticolo {
 height:inherit;
 position:relative;
}

#boxarticolo img {
 display: block;
 max-width: 90%;
 height: auto;
 margin: 0 auto 0.625em auto;
 -ms-interpolation-mode:bicubic; /* IE 7+ hack */
}

.boxartfoto {
 width: auto;
}

.boxartdescr {
 width: auto;
}

#rowarticolo {
 display: inline-block;
 vertical-align: top;
}

#rowarticolo p {
    font-size: 0.775em;
    line-height: 1.4375;
    margin: 0 0 0.15em 0.15em;
	color: #333333;
}

#rowarticolo a {
 color: #333333;
}

#rowarticolo a:hover {
 color: #E3AD15;
 text-decoration: none;
}

#rowschedatec {
 display: inline-block;
 vertical-align: top;
}

#rowschedatec p {
    font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#999999;
	margin-top: 28px;
	margin-left: 0.15em;
}

.rigatitolo {
 width: 90%;
}

.rigatitolo h1 {
    margin: 0.45em 0 0.85em 0.15em;
	font-size: 1.025em;
}

.colonnasx {
 width: 50%;
}

.colonnadx {
 width: 46%;
}



/* Contenitore invisibile per portare il footer a fondo pagina anche con contenuti ridotti   */
#push {
 height: 50px;
 clear: both;
}


/* Contenuti a Piè di pagina   */
footer {
 width: 100%;
 background:#102179;
 font-size: 0.75em;
 border-top: 1px solid #3A49A6;
 
 height: 50px;
 clear: both;
}


footer a {
 color: #FFFFFF;
 transition: color 0.25s;
 -moz-transition: color 0.25s;
 -webkit-transition: color 0.25s;
}

footer a:hover {color: #E3AD15;}

#footcreditmobile {
 width: auto;
 padding-left: 2em;
 padding-right: 2em;
 padding-top: 1.5em;
}

#footcreditmobile li {
font-size: 0.875em;
color:#4E78E7;
padding: 0.125em 0 0.225em 0;
}

#footcreditmobile a {
color:#4E78E7;
}

#footcreditmobile a:hover {color: #E3AD15;}

#footcreditmobile img {
 float: right;
    margin-right: -12px;
    margin-top: -20px;
    position: relative;
    width: 70px;
}



/* Contenuti Footer per PC   */
#footcreditpc {
 width: auto;
 padding-left: 2em;
 padding-right: 2em;
 padding-top: 1.5em;
}

#footcreditpc li {
font-size: 0.875em;
color:#4E78E7;
padding: 0.225em 0 0.225em 0;
}

#footcreditpc a {
color:#4E78E7;
}

#footcreditpc a:hover {color: #E3AD15;}

#footcreditpc img {
 float: right;
 margin-right: -1px;
 margin-top: -75px;
 position: relative;
 max-width: 250px;
}


/* =============================================================================
   Forms
   ========================================================================== */

form {margin: 0;}
fieldset {border: 0; margin: 0; padding: 0;}


/* 
 * 1. Correct color not inheriting in IE6/7/8/9 
 * 2. Correct alignment displayed oddly in IE6/7 
 */

legend {border: 0; *margin-left: -7px; padding: 0;}

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */

button, input, select, textarea {font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle;}

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 * 2. Correct inner spacing displayed oddly in IE6/7
 */

button, input {line-height: normal; *overflow: visible;}

/*
 * Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7
 */

table button, table input {*overflow: auto;}

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 */

button, input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer; -webkit-appearance: button;}

/*
 * Consistent box sizing and appearance
 */

input[type="checkbox"], input[type="radio"] {box-sizing: border-box;}
input[type="search"] {-webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;}
input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}

/* 
 * Remove inner padding and border in FF3/4: h5bp.com/l 
 */

button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0;}

/* 
 * 1. Remove default vertical scrollbar in IE6/7/8/9 
 * 2. Allow only vertical resizing
 */

textarea {overflow: auto; vertical-align: top; resize: vertical;}

/* Colors for form validity */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid {background-color: #f0dddd;}


#mainadmin {
 width: 97%;
 margin: 4% auto;
 padding: 0;
}

#mainadmin img {
 display: block;
 max-width: 100%;
 height: auto;
 -ms-interpolation-mode:bicubic; /* IE 7+ hack */
}

#modulo {
 text-align: left;
 position: relative;
}

#modulo img {
 display: block;
 max-width: 100%;
 height: auto;
 margin-bottom: 4px;
 -ms-interpolation-mode:bicubic; /* IE 7+ hack */
}

.modulologin {
 padding: 2.70%;
 font-size: 0.95em;
 margin: 0 0.625em 0.685em 0.625em; /* margini solo per la risoluzione 240x320 e 320x480 */
}

.modulocolsx {
 font-size: 0.95em;
 margin: 0 0.625em 0 0.625em; /* margini solo per la risoluzione 240x320 e 320x480 */
}

.modulocoldx {
 font-size: 0.95em;
 margin: 0 0.625em 0.685em 0.625em; /* margini solo per la risoluzione 240x320 e 320x480 */
}

.modulocolunica {
 font-size: 0.95em;
 margin: 0 0.625em 0 0.625em; /* margini solo per la risoluzione 240x320 e 320x480 */
}



label {
cursor: pointer;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #999999;
display: block; /* Impostiamo la label come elemento blocco */
line-height: 20px; /* Altezza di riga */
margin-top: 16px;
width: 150px; /* Larghezza solo per la risoluzione 240x320 */
}

labelfirstlogin {
cursor: pointer;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #999999;
display: block; /* Impostiamo la label come elemento blocco */
line-height: 20px; /* Altezza di riga */
margin-top: 16px;
width: 150px; /* Larghezza solo per la risoluzione 240x320 */
}

labelfirst {
cursor: pointer;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #999999;
display: block; /* Impostiamo la label come elemento blocco */
line-height: 20px; /* Altezza di riga */
margin-top: 0px;
width: 150px; /* Larghezza solo per la risoluzione 240x320 */
}

#modulo input[type=text] {
 font-size: .875em;
 font-family: Arial, Lucida Grande, Verdana, sans-serif;
 width: 94.5%;
 border: 1px solid #D1D3D4;
 padding: 2.25%;
}

#modulo input[type=text]:focus {outline: none;}

#modulo input[type=password] {
 font-size: .875em;
 font-family: Arial, Lucida Grande, Verdana, sans-serif;
 width: 94.5%;
 border: 1px solid #D1D3D4;
 padding: 2.25%;
}

#modulo input[type=password]:focus {outline: none;}

#modulo textarea {
 font-size: .875em;
 font-family: Arial, Lucida Grande, Verdana, sans-serif;
 width: 94.5%;
 border: 1px solid #D1D3D4;
 padding: 2.25%;
}

#modulo textarea:focus {outline: none;}

#modulo select {
 font-size: .875em;
 font-family: Arial, Lucida Grande, Verdana, sans-serif;
 width: 94.5%;
 border: 1px solid #D1D3D4;
 padding: 2.25%;
}

input[type="submit"] {
background-color: #999999;
width: 154px; /* Larghezza solo per la risoluzione 240x320 */
height: 32px;
font-family: Arial, Helvetica, sans-serif;
font-weight: 600;
color: #FFFFFF;
letter-spacing: 1px;
margin-top: 28px;
}

input.buttonadd {
	background: url(../immagini/button_aggiungi.gif) no-repeat;
	height: 25px;
	width: 25px;
	margin-top: 0px;
	border: 0px;
	font: 1px Verdana, Arial, Helvetica, sans-serif;
	
}

.buttonreset {
	margin-left:60px;
	margin-top:20px;
}











#barrabutton {
 width: 150px;
 margin: 10px auto;
}

#barratwobutton {
 width: 150px;
 margin: 10px auto;
 
}

#barratwobutton img {
 margin-bottom: 20px;
 
}































/* Sezione Testi   */
article {
 width:auto;
 border-bottom: 1px solid #0F2481;
 border-top: 1px solid #0F2481;
 border-left: 1px solid #0F2481;
 border-right: 1px solid #0F2481;
 background-color:#0B1B63;
 padding: 1.225em 1.625em 1.225em 1.625em;
 margin: 0.3125em auto;
}

article time {
 font-size: 0.6875em;
 color: #ADAFB2;
}

article img {
 max-width: 100%;
 height: auto;
-ms-interpolation-mode:bicubic; /* IE 7+ hack */}

article .fluid-width-video-wrapper {margin: 0 auto 10px auto;}


/* Sezione Servizi   */
#service {
 width:auto;
 border-bottom: 1px solid #0F2481;
 border-top: 1px solid #0F2481;
 border-left: 1px solid #0F2481;
 border-right: 1px solid #0F2481;
 background-color:#0B1B63;
 padding: 1.225em 1.625em 1.225em 1.625em;
 margin: 0.3125em auto;
}

#service img {
 max-width: 100%;
 height: auto;
-ms-interpolation-mode:bicubic; /* IE 7+ hack */}

#service .fluid-width-video-wrapper {margin: 0 auto 10px auto;
}

#servicetipob {
margin-top: 1.225em;
}





/* Sezione Schede   */
#schede {
width: 100%;
border:none;
background:none;
 font-size: 0.875em;
 margin-top: 0px;
 margin-right: auto;
 margin-bottom: 20px;
 margin-left: auto;
 padding: 0.785em 1.625em 1.225em 0.625em;
}

#schede li {
color:#FFFFFF;
padding: 0.225em 0 0.225em 0;
}

#schede a {
    color: #FFFFFF;
    text-decoration: none;
}

#schede a:hover {
    color: #e3ad15;
}


/* Contenuti News   */
#notiziefulldet {
 width:auto;
 border-bottom: 1px solid #0F2481;
 border-top: 1px solid #0F2481;
 border-left: 1px solid #0F2481;
 border-right: 1px solid #0F2481;
 background-color:#0B1B63;
 padding: 1.225em 1.625em 1.225em 1.625em;
 margin: 0.3125em auto;
}

#notiziefulldet time {
 font-size: 0.6875em;
 color: #ADAFB2;
}

#notiziefulldet img {
 display: block;
 max-width: 100%;
 height: auto;
 margin-top: 0.425em;
 margin-bottom: 0.625em;
-ms-interpolation-mode:bicubic; /* IE 7+ hack */}

#notiziefulldet .fluid-width-video-wrapper {margin: 0 auto 10px auto;}


#notiziefulldet a {
 color: #FFFFFF;
 transition: color 0.25s;
 -moz-transition: color 0.25s;
 -webkit-transition: color 0.25s;
}

#notiziefulldet a:hover {
 color: #e3ad15;
 text-decoration: none;
 }

div.clearer{clear: left}


/* Contenitore Visita virtuale e Dove siamo per Smartphone   */
#visitmobile {
 width:95%;
 padding-top: 0;
 margin: 0 auto;
}


/* Contenitore Visita virtuale e Dove siamo per PC   */
#visit{
background:#0D1B64;
}






















#main {
 width: 100%;
 padding: 0.625em 0 0 0;
}




#titolo {
 margin-left: 0.325em;
}

#titolo p {
 font-family: Verdana, Lucida Grande, Optima-Regular, sans-serif;
 color: #D4CDC5;
 font-size: 1.0625em;
 font-weight:bold;
 line-height: 1.2;
 width: 97%;
 height: 1.4em;
 margin: 0 0 1.800em 0;
}

#descr {
 width:auto;
 padding: 1.225em 1.625em 1.225em 1.625em;
 margin: 0.3125em auto;
}



/* Creiamo la barra di navigazione dei records        */
#navrecord {
 width: auto;
 padding-top: 8px;
 padding-bottom: 40px;
 margin-bottom: 5px;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 border-bottom: 1px solid #D1D3D4;
}

#navrecordsx {
 float: left;
 width: 45%;
 margin-left: 10px;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
}

#navrecordsx p {
 font-size:11px;
 text-align:left;
 color:#999999;
}

#navrecordsx a {
 color:#999999;
}

#navrecordsx a:hover {
 color: #22A73D;
}

#navrecorddx {
 float: right;
 width: 45%;
 margin-right: 10px;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
}

#navrecorddx p {
 font-size:11px;
 text-align:right;
 color:#999999;
}

#navrecorddx a {
 color:#999999;
}

#navrecorddx a:hover {
 color: #22A73D;
}



#macroaree {
 width:auto;
 border-bottom: 2px solid #C8C3BF;
 border-top: 1px solid #E3E2E1;
 border-left: 1px solid #E3E2E1;
 border-right: 2px solid #C8C3BF;
 background-color:#FFFFFF;
 padding: 1.225em 1.625em 1.225em 1.625em;
 margin: 0.3125em auto;
}

#macroaree img {
 display: block;
 max-width: 100%;
 height: auto;
 margin-top: 0.425em;
 margin-bottom: 0.625em;
-ms-interpolation-mode:bicubic; /* IE 7+ hack */}

.aree {
    border-bottom: 1px solid #d1d3d4;
    font-weight: 500;
    margin-bottom: 1.625em;
}

.aree p {
 border-bottom:none;
 margin-bottom: 0;
 padding-bottom: 0;
}


#macroaree .fluid-width-video-wrapper {margin: 0 auto 10px auto;}


#notizie {
 width:auto;
 border-bottom: 2px solid #C8C3BF;
 border-top: 1px solid #E3E2E1;
 border-left: 1px solid #E3E2E1;
 border-right: 2px solid #C8C3BF;
 background-color:#FFFFFF;
 padding: 1.225em 1.625em 1.225em 1.625em;
 margin: 0.9825em auto;
}

#notizie img {
 display: block;
 max-width: 100%;
 height: auto;
 margin-bottom: 0.625em;
-ms-interpolation-mode:bicubic; /* IE 7+ hack */}

#notizie .fluid-width-video-wrapper {margin: 0 auto 10px auto;}


#notizieportrait {
 width:auto;
 border-bottom: 2px solid #C8C3BF;
 border-top: 1px solid #E3E2E1;
 border-left: 1px solid #E3E2E1;
 border-right: 2px solid #C8C3BF;
 background-color:#FFFFFF;
 padding: 1.225em 1.625em 1.225em 1.625em;
 margin: 0.9825em auto;
}

#notizieportrait img {
 display: block;
 max-width: 100%;
 height: auto;
 margin-bottom: 0.625em;
-ms-interpolation-mode:bicubic; /* IE 7+ hack */}

#notizieportrait .fluid-width-video-wrapper {margin: 0 auto 10px auto;}

#notizieportrait p {
 padding-bottom: 2.625em;
 font-weight: 500;
 border-bottom: 1px solid #D1D3D4;
 margin-bottom: 1.625em;
}

#notizieportrait a {
 color: #333;
 transition: color 0.25s;
 -moz-transition: color 0.25s;
 -webkit-transition: color 0.25s;
}

#notizieportrait a:hover {
 color: #22A73D;
 text-decoration: none;
 }


#notiziefull {
 width:auto;
 border-bottom: 2px solid #C8C3BF;
 border-top: 1px solid #E3E2E1;
 border-left: 1px solid #E3E2E1;
 border-right: 2px solid #C8C3BF;
 background-color:#FFFFFF;
 padding: 1.225em 1.625em 1.225em 1.625em;
 margin: 0.3125em auto;
}

#notiziefull time {
 font-size: 0.6875em;
 color: #ADAFB2;
}


#notiziefull img {
 display: block;
 max-width: 100%;
 height: auto;
 margin-top: 0.425em;
 margin-bottom: 0.625em;
-ms-interpolation-mode:bicubic; /* IE 7+ hack */}

#notiziefull .fluid-width-video-wrapper {margin: 0 auto 10px auto;}


#notiziefull a {
 color: #333;
 transition: color 0.25s;
 -moz-transition: color 0.25s;
 -webkit-transition: color 0.25s;
}

#notiziefull a:hover {
 color: #22A73D;
 text-decoration: none;
 }




#disciplhome {
 width:auto;
 border-bottom: 2px solid #C8C3BF;
 border-top: 1px solid #E3E2E1;
 border-left: 1px solid #E3E2E1;
 border-right: 2px solid #C8C3BF;
 background-color:#FFFFFF;
 padding: 1.225em 1.625em 1.225em 1.625em;
 margin: 0.9825em auto;
}

#disciplhome img {
 display: block;
 max-width: 100%;
 height: auto;
 margin-bottom: 0.625em;
-ms-interpolation-mode:bicubic; /* IE 7+ hack */}

#disciplhome .fluid-width-video-wrapper {margin: 0 auto 10px auto;}


#disciplhomeprt {
 border-bottom: 2px solid #C8C3BF;
 border-top: 1px solid #E3E2E1;
 border-left: 1px solid #E3E2E1;
 border-right: 2px solid #C8C3BF;
 background-color:#FFFFFF;
 padding: 1.225em 1.625em 1.225em 1.625em;
 margin: 0.9825em auto;
}

#disciplhomeprt img {
 display: block;
 max-width: 100%;
 height: auto;
 margin-bottom: 0.625em;
-ms-interpolation-mode:bicubic; /* IE 7+ hack */}


#contactmobile {
 width:auto;
 border-bottom: 2px solid #C8C3BF;
 border-top: 1px solid #E3E2E1;
 border-left: 1px solid #E3E2E1;
 border-right: 2px solid #C8C3BF;
 background-color:#FFFFFF;
 padding: 1.225em 1.625em 1.225em 1.625em;
 margin: 0.3125em auto;
}

#contactmobile a {
 color: #333;
 transition: color 0.25s;
 -moz-transition: color 0.25s;
 -webkit-transition: color 0.25s;
}

#contactmobile a:hover {
 color: #22A73D;
 text-decoration: none;
 }

#contactpc {
 width:auto;
 border-bottom: 2px solid #C8C3BF;
 border-top: 1px solid #E3E2E1;
 border-left: 1px solid #E3E2E1;
 border-right: 2px solid #C8C3BF;
 background-color:#FFFFFF;
 padding: 1.225em 1.625em 1.225em 1.625em;
 margin: 0.3125em auto;
}

#contactpc a {
 color: #333;
 transition: color 0.25s;
 -moz-transition: color 0.25s;
 -webkit-transition: color 0.25s;
}

#contactpc a:hover {
 color: #22A73D;
 text-decoration: none;
 }


#contactmilleventiquattro {
 width:auto;
 border-bottom: 2px solid #C8C3BF;
 border-top: 1px solid #E3E2E1;
 border-left: 1px solid #E3E2E1;
 border-right: 2px solid #C8C3BF;
 background-color:#FFFFFF;
 padding: 1.225em 1.625em 1.225em 1.625em;
 margin: 0 0 21px 0;
}

#mappamilleventiquattro {
 width:auto;
 border-bottom: 1px solid #E3E2E1;
 border-top: 1px solid #E3E2E1;
 border-left: 1px solid #E3E2E1;
 border-right: 1px solid #E3E2E1;
 background-color:#FFFFFF;
 padding: 5px;
 margin: 0 0 21px 0;
}

#mappamilleventiquattro img {
 display: block;
 max-width: 100%;
 height: auto;
-ms-interpolation-mode:bicubic; /* IE 7+ hack */
}

#contactmilleventiquattro p {
border-bottom:none;
margin: 0;
padding: 0;
}

#mappamobile {
 width:auto;
 border-bottom: 1px solid #E3E2E1;
 border-top: 1px solid #E3E2E1;
 border-left: 1px solid #E3E2E1;
 border-right: 1px solid #E3E2E1;
 background-color:#FFFFFF;
 padding: 5px;
}

#mappamobile img {
 display: block;
 max-width: 100%;
 height: auto;
-ms-interpolation-mode:bicubic; /* IE 7+ hack */
}

#mappatablet {
 width:auto;
 border-bottom: 1px solid #E3E2E1;
 border-top: 1px solid #E3E2E1;
 border-left: 1px solid #E3E2E1;
 border-right: 1px solid #E3E2E1;
 background-color:#FFFFFF;
 padding: 5px;
}

#mappatablet img {
 display: block;
 max-width: 100%;
 height: auto;
-ms-interpolation-mode:bicubic; /* IE 7+ hack */
}

#mappapc {
 width:auto;
 border-bottom: 1px solid #E3E2E1;
 border-top: 1px solid #E3E2E1;
 border-left: 1px solid #E3E2E1;
 border-right: 1px solid #E3E2E1;
 background-color:#FFFFFF;
 padding: 5px;
}

#mappapc img {
 display: block;
 max-width: 100%;
 height: auto;
-ms-interpolation-mode:bicubic; /* IE 7+ hack */
}


#ftgal {
 border-bottom: 2px solid #C8C3BF;
 border-top: 1px solid #E3E2E1;
 border-left: 1px solid #E3E2E1;
 border-right: 2px solid #C8C3BF;
 background-color:#FFFFFF;
 padding: 1.225em 1.625em 1.225em 1.625em;
 margin: 0.9825em auto;
}

#ftgal img {
 display: block;
 max-width: 100%;
 height: auto;
 margin-bottom: 0.625em;
-ms-interpolation-mode:bicubic; /* IE 7+ hack */}


#ftgalris {
 border-bottom: 2px solid #C8C3BF;
 border-top: 1px solid #E3E2E1;
 border-left: 1px solid #E3E2E1;
 border-right: 2px solid #C8C3BF;
 background-color:#FFFFFF;
 padding: 1.225em 1.625em 1.225em 1.625em;
 margin: 0.9825em auto;
}

#ftgalris img {
 display: block;
 max-width: 100%;
 height: auto;
 margin-bottom: 0.625em;
-ms-interpolation-mode:bicubic; /* IE 7+ hack */
}

.message {
 text-align: center;
 color:#999999;
 height: 50px;
 padding: 15px;
}

.messagefull {
 text-align: center;
 color:#999999;
 padding: 10%;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
	margin-bottom: 0.5825em;
}
 
.video-container iframe,  
.video-container object,  
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


#ftgal .fluid-width-video-wrapper {margin: 0 auto 10px auto;}

#ftgal p {
 padding-bottom: 2.625em;
 font-weight: 500;
 border-bottom: 1px solid #D1D3D4;
 margin-bottom: 1.625em;
}


#ftgalris .fluid-width-video-wrapper {margin: 0 auto 10px auto;}

#ftgalris p {
 padding-bottom: 2.625em;
 font-weight: 500;
 border-bottom: 1px solid #D1D3D4;
 margin-bottom: 1.625em;
}




aside h3 a {
 color: #333;
 transition: color 0.25s;
 -moz-transition: color 0.25s;
 -webkit-transition: color 0.25s;
}

aside p {
 padding-bottom: 2.625em;
 font-weight: 500;
 border-bottom: 1px solid #D1D3D4;
 margin-bottom: 1.625em;
}

aside ul {margin-bottom: 1.25em;}

aside a {
 color: #333;
 transition: color 0.25s;
 -moz-transition: color 0.25s;
 -webkit-transition: color 0.25s;
}

aside a:hover {
 color: #22A73D;
 text-decoration: none;
 }





/* Nascondiamo le sezioni che non vogliamo 
visualizzare su Smartphone              */

.flexslider, #topframeprint, #topframefisso, #distanzialtopframe, #distanzialtopframemedium, #distanzialtopframelarge, #distanzialtopframesmall, #distanzialtopframepopup, #popuptitolo, #popuptitolomobile, #titolopagmobilebig, #titolopagtablet, #configpcsmall, #configpcmedium, #configpcbig, #configpchd, #boxtermometro, #boxabsolute, #boxguardelencpc, #boxvaligiapc, #outfittopframecnt, #outfitrowarticolo, #footcreditpc, #ftgal, #disciplhomeprt, #notizieportrait, #contactmilleventiquattro, #mappamilleventiquattro, #contactpc, #mappapc, #mappatablet, #iconesocialpc {
 display: none;
}


/* == Media queries (breakpoint) ===== */


/* -----------------------------------
MOBILE LANDSCAPE
------------------------------------ */
@media only screen and (min-width: 320px) {

/* Mostriamo le sezioni prima nascoste */

#popuptitolomobile {
 display: block;
}

/* Contenitore centrato nella pagina   */
.centerlog {
 width: 65%;
}

/* Contenitore centrato pop up message   */
#boxpopupcenter {
 margin-top: 50px;
}



/* Distanziale per staccare il messaggio Errore Login   */
#distanzialerror {
 height: 40px;
}



#ricerca select {
 width: 70%;
}



/* Formattazione Box Contenitore Foto Articolo Outfit   */
.boxoutfitartfoto {
 width: 36%;
}

/* Formattazione Box Contenitore Descrizione Articolo Outfit   */
.boxoutfitartdescr {
 width: 45%;
}



/* Box Contenitore Titolo Articolo Outfit   */
#outfittitoloarticolo h1 {
	font-size: 0.865em;
}



/* Contenuti scheda articolo disposti a sviluppo verticale   */
#rowarticolo p {
    font-size: 0.875em;
}

.colonnasx {
 width: 46%;
}

.colonnadx {
 width: 50%;
}



#footcreditmobile img {
 float: right;
    margin-right: -5px;
    margin-top: -24px;
    position: relative;
    width: 90px;
}



/* =============================================================================
   Forms
   ========================================================================== */

label {
width: 200px;
}

input[type="submit"] {
width: 150px;
}

.buttonreset {
	margin-left:20px;
	margin-top:2px;
}


}




/* -----------------------------------
MOBILE LANDSCAPE
------------------------------------ */
@media only screen and (min-width: 480px) {

/* Nascondiamo le sezioni che non vogliamo 
visualizzare              */

.acapo, #titolopagmobile {
 display: none;
}


/* Mostriamo le sezioni prima nascoste */

.flexslider, #titolopagmobilebig {
 display: block;
}




/* Contenitore modulo login   */
#boxlog {
 height: 360px;
}



/* Contenitore centrato pop up message   */
#boxpopupcenter {
 margin-top: 70px;
}



/* Formattazione Contenitore centrato Info help   */
.centerinfo {
 width: 300px;
}



/* Distanziale per staccare il messaggio Errore Login   */
#distanzialerror {
 height: 80px;
}




/* Box contenitore Categorie Configurazioni per IPHONE   */
#boxconfigcategorieiphone p {
 margin: 0.625em 0.425em 0.625em 0.425em;
}



#ricerca select {
 width: 190px;
 padding: 8px;
}



.rigatitolo h1 {
	font-size: 1.225em;
}




/* Box colonne Guardaroba Elencato per MOBILE   */
#colelenco p {
    font-size: 0.875em;
    line-height: 1.1375;
}



#footcreditmobile img {
 float: right;
    margin-right: -5px;
    margin-top: -30px;
    position: relative;
    width: 120px;
}



/* Formattazione Box Contenitore Foto Articolo Outfit   */
.boxoutfitartfoto {
 width: 55%;
}

/* Box Contenitore Titolo Articolo Outfit   */
#outfittitoloarticolo h1 {
    margin: 30px 0 10px 0;
}

/* Formattazione Box Contenitore Descrizione Articolo Outfit   */
.boxoutfitartdescr {
 width: 40%;
}







/* =============================================================================
   Forms
   ========================================================================== */

.modulogin {
 margin: 0.225em 0.625em 1.685em 0.625em;
}

.modulocolsx {
 margin: 0.225em 2.625em 0 2.625em;
}

.modulocoldx {
 margin: 0 2.625em 2.685em 2.625em;
}

.modulocolunica {
 margin: 0.225em 2.625em 0 2.625em;
}


}




/* -----------------------------------
POP UP 1 aggiungi evento modifica evento
------------------------------------ */
@media only screen and (min-width: 540px) {


/* Distanziale per staccare i contenuti   */
#distanzialpopup {
 height: 56px;
}




/* =============================================================================
   Forms
   ========================================================================== */

.modulocolunica {
 width: 214px;
 font-size: 0.95em;
 margin: 0 auto;
}



}




/* -----------------------------------
IPAD PORTRAIT
------------------------------------ */
@media only screen and (min-width: 768px) {

/* Mostriamo le sezioni prima nascoste */

#boxabsolute, #titolopagtablet, #boxvaligiapc, #outfitrowarticolo, #footcreditpc, #ftgal, #disciplhomeprt, #notizieportrait, #contactpc, #mappatablet {
 display: block;
}

/* Nascondiamo le sezioni che non vogliamo 
visualizzare su tablet e desktop        */

#rowschedatec, #titolopagmobilebig, #boxvaligiamob, #footcreditmobile, #titolo, #disciplhome, #notizie, #contactmobile, #mappamobile, nav > h2 {
display: none;
}



/* Testata   */
header {
 padding-bottom: 0;
 background-repeat:repeat-x;
 background-position:bottom;
 border-bottom:none;
}



/* Distanziale per staccare i contenuti   */
#distanzial {
 height: 30px;
}



/* Distanziale per staccare i contenuti   */
#distanzialscreen {
 height: 30px;
}



/* Distanziale per staccare i contenuti Valigia su Tablet Portrait in caso di rs vuoto   */
#distanzialtabletportr {
 height: 20px;
}



/* Distanziale per staccare i contenuti   */
#distanzialpopup {
 height: 40px;
}



/* Contenitore dei contenuti   */
#content {
 width: 90%;
 margin-right: auto;
 margin-left:auto;
}



#mainfullscreen {
width: 100%;
 padding: 0 0;
}




/* Box contenitore Categorie Configurazioni per MOBILE   */
#boxconfigcategorie {
 width: 80%;
}



/* Box contenitore Categorie Configurazioni per IPHONE   */
#boxconfigcategorieiphone {
 width: 80%;
}



/* Contenitore centrato nella pagina   */
#boxcenter img {
 max-width: 100%;
}

/* Formattazione Contenitore centrato nella pagina INDEX   */
.centerindex {
 width: 80%;
}



.centerlog {
 width: 500px;
}



/* Contenitore centrato message   */
.centermsg {
 width: 60%;
}



/* Contenitore centrato pop up message   */
.centerpopupmsg {
 width: 60%;
}



/* Formattazione Linguetta Categorie in Guardaroba Fotografico   */
.linguettadist {
 margin-bottom: 10px;
}



/* Contenuti Guardaroba Fotografico, precedentemente disposti a sviluppo verticale, alla risoluzione 768 vengono disposti a griglia   */
#fotogal {
 display: inline-block;
 vertical-align: top;
 width: 31.8%;
 margin: 0 3px 10px 3px;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
}

#fotogal p {
margin-left: 0.225em;
margin-right: 0.225em;
}



/* Formattazione colonne etichette Eventi per MOBILE a risoluzione 768   */
.coleticeventmobsx {
 width: 30%;
}

.coleticeventmobdx {
 width: 61%;
}



/* Formattazione colonne elenco Eventi per MOBILE a risoluzione 768   */
.colelenceventmobsx {
 width: 32%;
 margin-top: 1.05em;
 margin-bottom: 0;
}

.colelenceventmobdx {
 width: 42%;
 margin-top: 1.05em;
 margin-bottom: 0;
}

.colelenceventmobbutton {
 width: 16%;
 margin-top: 1.05em;
 margin-bottom: 0;
 text-align: right;
}



/* Formattazione Box Contenitore Foto Articolo Outfit   */
.boxoutfitartfoto {
 width: 44%;
}

/* Formattazione Box Contenitore Descrizione Articolo Outfit   */
.boxoutfitartdescr {
 width: 47%;
 float: right;
  padding-left: 0;

}

/* Box Contenitore Titolo Articolo Outfit   */
#outfittitoloarticolo h1 {
    margin: 50px 0 10px 0;
	font-size: 1.225em;
}

/* Box Righe Caratteristiche Articolo Outfit   */
#outfitrowarticolo {
 display: inline-block;
 vertical-align: top;
}

#outfitrowarticolo p {
    font-size: 0.875em;
    line-height: 1.4375;
    margin: 0 0 0.15em 0.15em;
	color: #333333;
}

#outfitrowarticolo a {
 color: #333333;
}

#outfitrowarticolo a:hover {
 color: #E3AD15;
 text-decoration: none;
}



/* Contenuti scheda articolo   */
.boxartfoto {
    margin: 0 auto;
    width: 58%;
}

.boxartdescr {
 width: 55%;
 padding-left: 25px;
 
 display: inline-block;
 vertical-align: top;
}

/* Contenuti scheda articolo solo risoluzione 768px X 1020px   */
#boxabsolute {
 height:inherit;
 position:relative;
 display: inline-block;
 vertical-align: top;
 float: right;
  padding-right:25px;
}


/* Contenuti a Piè di pagina   */
footer {
 background:#0d1b64;
 font-size: 0.75em;
 border-top: none;
 text-align: left;
}


/* =============================================================================
   Forms
   ========================================================================== */

#mainadmin {
 width: 506px;
 height: 500px;
 margin: 0 auto;
 padding: 0;
 position: absolute;
 top: 50%;
 left: 50%;
 margin-top: 40px;
 margin-left: -253px;
}

.modulologin {
 width: 214px;
 padding-top: 15px;
 font-size: 0.95em;
 margin: 0 auto;
}

.modulocolsx {
 width: 214px;
 font-size: 0.95em;
 margin: 0 auto;
}

.modulocoldx {
 width: 214px;
 font-size: 0.95em;
 margin: 0 auto;
}

labelfirstlogin {
margin-top: 36px;
}

labelfirst {
margin-top: 16px;
}

#modulo input[type=text] {
 font-size: 12px;
 font-family: Arial, Lucida Grande, Verdana, sans-serif;
 width: 200px;
 border: 1px solid #D1D3D4;
 padding: 6px;
}

#modulo input[type=password] {
 font-size: 12px;
 font-family: Arial, Lucida Grande, Verdana, sans-serif;
 width: 200px;
 border: 1px solid #D1D3D4;
 padding: 6px;
}

#modulo textarea {
 font-size: 12px;
 font-family: Arial, Lucida Grande, Verdana, sans-serif;
 width: 400px;
 border: 1px solid #D1D3D4;
 padding: 6px;
}

input[type="submit"] {
margin-top: 28px;
}



.ordinamobile {
 margin: 0 0 0 30px;
 display:inline;
}











#barrabutton {
 margin: 0 auto;
}

#barratwobutton {
 width: 344px;
 margin-top: 0px;
 margin-left: auto;
 margin-bottom: 0px;
 margin-right: auto;
}

#barratwobutton img {
 margin-bottom: 0px;
 
}























/* Slideshow per Tablet e PC   */
.flexslider {
 clear: left;
 margin-bottom: 3.125em;
}


/* Sezione Testi   */
article {
width: 81%;
border:none;
background:none;
 margin-top: 0px;
 margin-right: auto;
 margin-bottom: 20px;
 margin-left: auto;
 padding: 0.785em 1.625em 1.225em 1.625em;
}

article img {
 box-sizing: border-box;
}


/* Sezione Servizi   */
#service {
width: 81%;
border:none;
background:none;
 margin-top: 0px;
 margin-right: auto;
 margin-bottom: 20px;
 margin-left: auto;
 padding: 0.785em 1.625em 1.225em 1.625em;
}

#service img {
 box-sizing: border-box;
}

#servicetipoa {
width:45%;
 display: inline-block;
 vertical-align:top;
 margin-top: 0px;
}

#servicetipob {
margin: 0 0 0 7%;
width:45%;
 display: inline-block;
}


/* Contenuti, precedentemente disposti a sviluppo verticale, alla risoluzione 768 vengono disposti a sviluppo orizzontale   */



/* Sezione Schede   */
#schede {
padding: 0.985em 1.625em 1.225em 0;
}

#schede li {
padding: 0.125em 0 0.125em 0;
}

/* Sezione News   */
#notiziefulldet {
 width: auto;
 margin: 0 0 0 0;
 border: none;
 background:none;
text-align:justify;
}

#notiziefulldet img {
 width: 50%;
 float:right;
 margin-left: 20px;
 margin-top: 14px;
 box-sizing: border-box;
 padding: 2px;
 border: 1px solid #132791;
-ms-interpolation-mode:bicubic; /* IE 7+ hack */
}

div.clearer{clear: right}


/* Sezione Prenotazioni   */
#_wbord_{
background:#0D1B64;
margin-top: 20px;
}





















#main {
 float: left;
 width: 48.6%;
 padding: 0 0;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 margin-right:20px;
}





/* Creiamo la barra di navigazione dei records        */
#navrecord {
 float: left;
 width: 100%;
 padding: 0 0 0 0;
 margin-bottom: 21px;
 border: none;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
}

#navrecordsx {
 float: left;
 width: 40%;
 margin-left: 10px;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
}

#navrecorddx {
 float: right;
 width: 40%;
 margin-right: 10px;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
}





#macroaree {width: auto;
 margin: 0 0 21px 0;
}

#macroaree img {
 box-sizing: border-box;
 float:left;
 padding: 5px;
 border: 1px solid #D1D3D4;
-ms-interpolation-mode:bicubic; /* IE 7+ hack */}


#notizie {
 width: auto;
 margin: 0 0 21px 0;
}


#notizieportrait {
 width: auto;
 margin: 0 0 21px 0;
}


#notiziefull {
 width: auto;
 margin: 0 0 21px 0;
}


#notiziefull img {
 width: 40%;
 float:left;
 margin-right: 20px;
 box-sizing: border-box;
 padding: 5px;
 border: 1px solid #D1D3D4;
-ms-interpolation-mode:bicubic; /* IE 7+ hack */}







#disciplhome {
 width: auto;
 margin: 0 0 21px 0;
}

#disciplhome img {
 box-sizing: border-box;
 float:left;
 padding: 5px;
 border: 1px solid #D1D3D4;
-ms-interpolation-mode:bicubic; /* IE 7+ hack */}

#disciplhomeprt {
 width: auto;
 margin: 0 0 21px 0;
}

#disciplhomeprt img {
 box-sizing: border-box;
 padding: 5px;
 border: 1px solid #D1D3D4;
-ms-interpolation-mode:bicubic; /* IE 7+ hack */}

#contactpc {
 width: auto;
 margin: 0 0 21px 0;
}

#mappatablet {
 margin: 0 0 21px 0;
 clear: left;
 float: none;
 position: relative;
 width: auto;
}

#ftgal {width: auto;
 margin: 0 0 21px 0;
}

#ftgal img {
 box-sizing: border-box;
 padding: 5px;
 border: 1px solid #D1D3D4;
-ms-interpolation-mode:bicubic; /* IE 7+ hack */}


#ftgalris {width: auto;
 margin: 0 0 21px 0;
}

#ftgalris img {
 box-sizing: border-box;
 padding: 5px;
 border: 1px solid #D1D3D4;
-ms-interpolation-mode:bicubic; /* IE 7+ hack */}

.galleria {
 margin-top: 1.085em;
}




aside {
 float: left;
 border-top: 0;
 width: 48.6%;
 padding-left: 0px;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
}


aside .social-widget {
 font-size: 0.75em;
 margin: 0.225em 0.625em 1.685em 0.625em;
}

aside .social-widget ul li {padding: 0.5em 0;}

aside .social-widget ul li:last-child {border-bottom: 1px solid #D1D3D4;}




}




/* -----------------------------------
POP UP scheda articolo aggiungi articolo modifica articolo
------------------------------------ */
@media only screen and (min-width: 770px) {

/* Mostriamo le sezioni prima nascoste */

#rowschedatec {
 display: block;
}


/* Nascondiamo le sezioni che non vogliamo 
visualizzare su tablet e desktop        */

#boxabsolute {display: none;}



/* Contenuti scheda articolo, precedentemente disposti a sviluppo orizzontale, a questa risoluzione vengono disposti a griglia   */
#boxarticolo {
 display: inline-block;
 vertical-align: top;
}

#boxarticolo img {
float:none;
border: none;
margin-right: 0px;
padding: 0px;
 display: block;
 max-width: 100%;
 height: auto;
 margin-bottom: 0.625em;
 -ms-interpolation-mode:bicubic; /* IE 7+ hack */
}

.boxartfoto {
 width: 37%;
 margin-right: 30px;
}

.boxartdescr {
 width: 47%;
 float: right;
 padding-left: 0;
 padding-top: 70px;
}

.rigatitolo h1 {
    margin: 0.65em 0 0.85em 0.15em;
}

#rowschedatec {
 display: inline-block;
 vertical-align: top;
}

#rowschedatec p {
    font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#999999;
	margin-top: 28px;
	margin-left: 0.15em;
}



/* Contenitore centrato nella pagina che ospita il modulo colonna destra e il modulo colonna sinistra   */
.centermodulodouble {
 width: 85%;
}



/* Distanziale per staccare i contenuti   */
#distanzialpopup {
 height: 56px;
}



/* =============================================================================
   Forms
   ========================================================================== */

.modulocolsx {
 margin-left: 10px;
 margin-bottom: 26px;
 display: inline-block;
 vertical-align: top;
 float: left;
}

.modulocoldx {
 margin-right: 10px;
 margin-bottom: 26px;
 display: inline-block;
 vertical-align: top;
 float: right;
}

}





/* -----------------------------------
POP UP scheda articolo aggiungi articolo modifica articolo
------------------------------------ */
@media only screen and (min-width: 820px) {

/* Mostriamo le sezioni prima nascoste */

#popuptitolo {
 display: block;
}


/* Nascondiamo le sezioni che non vogliamo 
visualizzare su tablet e desktop        */

#popuptitolomobile {display: none;}

}




/* -----------------------------------
IPAD LANDSCAPE + NETBOOK
------------------------------------ */
@media only screen and (min-width: 1024px){

/* Mostriamo le sezioni prima nascoste */

#topframefisso, #distanzialtopframe, #distanzialtopframemedium, #distanzialtopframelarge, #distanzialtopframesmall, #distanzialtopframepopup, #configpcsmall, #boxtermometro, #boxguardelencpc, #outfittopframecnt, #contactmilleventiquattro, #mappamilleventiquattro {
 display: block;
}

.acapo {
 display: inline;
}



/* Nascondiamo le sezioni che non vogliamo 
visualizzare su tablet e desktop        */

#topframescroll, #configmobile, #boxguardelencmob, #distanzialtabletportr, #distanzialoutfitmobile {
 display: none;
}



/* Distanziale per staccare i contenuti dal top del topframe fisso   */
#distanzialtop {
 width: 100%;
 margin: 0 auto;
 height: 30px;
}



/* Distanziale per staccare i contenuti dal bottom del topframe fisso Guardaroba Schematico   */
#distanzialbottomlarge {
 width: 100%;
 margin: 0 auto;
 height: 35px;
}



/* Distanziale per staccare i contenuti dal bottom del topframe fisso Guardaroba Elencato e Guardaroba Fotografico   */
#distanzialbottom {
 width: 100%;
 margin: 0 auto;
 height: 25px;
}



/* Distanziale per staccare i contenuti dal bottom del topframe fisso Eventi ed Eventi valigia e Outfit Dettaglio   */
#distanzialbottomsmall {
 width: 100%;
 margin: 0 auto;
 height: 10px;
}



/* Distanziale per staccare i contenuti   */
#distanzial {
 height: 40px;
}



/* Distanziale per staccare i contenuti   */
#distanzialscreen {
 height: 40px;
}



/* Contenitore centrato nella pagina INDEX   */
#boxcenterindex {
 margin-top: 13%;
}



/* Formattazione Contenitore centrato nella pagina INDEX   */
.centerindex {
 width: 60%;
}



/* Contenitore titolo pagina   */
#titolopag {
 text-align: right;
}



/* Contenitore list menu visualizza per categoria  */
#ricerca {
 text-align: right;
}

#ricerca select {
 width: 200px;
 padding: 8px;
}



/* Contenitore centrato message   */
.centermsg {
 width: 50%;
}



/* Contenuti, precedentemente disposti a sviluppo orizzontale, a questa risoluzione vengono disposti a griglia   */
#boxgriglia {
 display: inline-block;
 vertical-align: top;
 width: 26.8%;
}

#boxgriglia a {
 color: #000000;
}

#boxgriglia a:hover {
 color: #E3AD15;
 text-decoration: none;
}

#boxgriglia img {
float:none;
border: none;
margin-right: 0px;
padding: 0px;
 display: block;
 max-width: 100%;
 height: auto;
 margin-bottom: 0.625em;
 -ms-interpolation-mode:bicubic; /* IE 7+ hack */
}




/* Formattazione fit articoli Guardaroba Schematico ed Elencato   */
.fit {
 color:#B9B9B9;
}



/* Formattazione box clima caldo schema guardaroba   */

.boxclimacaldo {
 margin: 0;
 padding: 1.625em 2em 1.625em 1.1em;
 background-color: inherit;
}

.boxclimacaldo p {
 font-size: 0.775em;
}

/* Formattazione box clima mite schema guardaroba   */
.boxclimamite {
 margin: 0;
 padding: 1.625em 2em 1.625em 2em;
 background-image: none;
}

.boxclimamite p {
 font-size: 0.775em;
}

/* Formattazione box clima freddo schema guardaroba   */
.boxclimafreddo {
 margin: 0;
 padding: 1.625em 1.1em 1.625em 2em;
background-color: inherit;
}

.boxclimafreddo p {
 font-size: 0.775em;
}



/* Box colonne Guardaroba Elencato per PC   */
#colelenco p {
    font-size: 0.775em;
}





/* Formattazione colonne elenco Valigia per PC a risoluzione 1024   */
.colelencvalpccat {
 width: 14%;
}

.colelencvalpccanc {
 width: 11%;
}



/* Adattiamo la disposizione a griglia del Guardaroba Fotografico per la risoluzione 1024   */
#fotogal {
 width: 23.8%;
}



/* OUTFIT   */

/* Contenitore Top Frame Sinistro Outfit dettaglio   */
.oftopframesx {
 border-bottom: none;
 border-top: none;
 border-left: none;
 border-right: none;
 margin: 0;
 width: 120px;
 height:30px;
 position:relative;
 display: inline-block;
 text-align: right;
 vertical-align: top;
}

/* Contenitore Top Frame Centrale Outfit dettaglio   */
#outfittopframecnt {
 display: inline-block;
}

.oftopframecnt {
 border-bottom: none;
 border-top: 1px solid #0D1B64;
 border-left: 1px solid #0D1B64;
 border-right: 1px solid #0D1B64;
 margin: 0;
 width: 85%;
 height:30px;
 position:relative;
 display: inline-block;
}



/* Contenitore Frame Sinistro Outfit dettaglio   */
#outfitframesx img {
    vertical-align: middle;
}

.offramesx {
 border-bottom: none;
 border-top: none;
 border-left: none;
 border-right: none;
 margin: 0;
 width: 120px;
 position:relative;
 display: inline-block;
 text-align: right;
 vertical-align: top;
}

.offramesxsel {
 width: 95px;
 height: 23px;
}

/* Contenitore Frame Centrale Outfit dettaglio   */
.offramecnt {
 border-bottom: 1px solid #0D1B64;
 border-top: none;
 border-left: 1px solid #0D1B64;
 border-right: 1px solid #0D1B64;
 margin-top: -4px;
 margin-right: auto;
 margin-bottom: 0px;
 margin-left: auto;
 width: 85%;
 height:auto;
 position:relative;
 display: inline-block;
 vertical-align: top;
}

/* Box Contenitore Scheda Articolo Outfit   */
#boxoutfitcnt {
 margin: 0 auto;
 width: 80%;
 height:auto;
 position:relative;
 vertical-align: top;
}



/* Box Contenitore Foto e Descrizione Articolo Outfit   */
#boxoutfitarticolo {
 display: inline-block;
 vertical-align: top;
}

#boxoutfitarticolo img {
float:none;
border: none;
margin-right: 0px;
padding: 0px;
 display: block;
 max-width: 100%;
 height: auto;
 -ms-interpolation-mode:bicubic; /* IE 7+ hack */
}

/* Formattazione Box Contenitore Foto Articolo Outfit   */
.boxoutfitartfoto {
 width: 31%;
 margin-right: 30px;
}

/* Formattazione Box Contenitore Descrizione Articolo Outfit   */
.boxoutfitartdescr {
 width: 50%;
 float: right;
 padding-left: 0;
}



/* Box Contenitore Titolo Articolo Outfit   */
#outfittitoloarticolo {
 display: inline-block;
 vertical-align: top;
 width: 90%;
}

#outfittitoloarticolo h1 {
	font-size: 1.225em;
	color: #000099;
}

#outfittitoloarticolo p {
    font-size: 0.875em;
    line-height: 1.4375;
    margin: 0 0 0.15em 0.15em;
	color: #333333;
}

#outfittitoloarticolo a {
 color: #000099;
}

#outfittitoloarticolo a:hover {
 color: #E3AD15;
 text-decoration: none;
}



/* DETTAGLIO ARTICOLO   */

/* Contenuti scheda articolo   */
.boxartfoto {
 width: 35%;
}

.boxartdescr {
 width: 45%;
 padding-top: 70px;
}

.colonnasx {
 width: 40%;
}



/* Contenitore centrato nella pagina che ospita il modulo colonna destra e il modulo colonna sinistra   */
.centermodulodouble {
 width: 70%;
}



/* =============================================================================
   Forms
   ========================================================================== */

/* Prima Label del Form di Login  */
labelfirstlogin {
margin-top: 50px;
}





















/* Sezione Testi   */

article {
 width: 600px;
 padding: 1.625em 1.925em;
 margin: 0;
 position:absolute;
 right: 40px;
 top: 250px;
 background-color:#0B1B63;
-webkit-border-radius:0 0 5px 5px;
border-radius:0 0 5px 5px;
opacity: 0.8;
-webkit-box-shadow:8px 8px 8px -2px #333333;
box-shadow:8px 8px 8px -2px #333333;
}


/* Sezione Servizi   */

#service {
 width: 600px;
 padding: 1.625em 1.925em;
 margin: 0;
 position:absolute;
 right: 40px;
 top: 250px;
 background-color:#0B1B63;
-webkit-border-radius:0 0 5px 5px;
border-radius:0 0 5px 5px;
opacity: 0.8;
-webkit-box-shadow:8px 8px 8px -2px #333333;
box-shadow:8px 8px 8px -2px #333333;
}






/* Sezione News   */

#notiziefulldet img {
 width: 45%;
}

div.clearer{clear: right}




















#main {
 width: 49%;
}


#macroaree img {
 display: block;
 max-width: 40%;
 height: auto;
 float: left;
 margin: 5px 15px 4px 0;
-ms-interpolation-mode:bicubic; /* IE 7+ hack */}

#macroaree .fluid-width-video-wrapper {margin: 0 auto 10px auto;}


#notizie img {
 display: block;
 max-width: 40%;
 height: auto;
 float: left;
 margin: 0 15px 4px 0;
}

#notizie .fluid-width-video-wrapper {margin: 0 auto 10px auto;}


#notizieportrait img {
 display: block;
 max-width: 40%;
 height: auto;
 float: left;
 margin: 0 15px 4px 0;
-ms-interpolation-mode:bicubic; /* IE 7+ hack */}

#notizieportrait .fluid-width-video-wrapper {margin: 0 auto 10px auto;}


#notiziefull img {
 width: 30%;
 float:left;
 margin-right: 20px;
 box-sizing: border-box;
 padding: 5px;
 border: 1px solid #D1D3D4;
-ms-interpolation-mode:bicubic; /* IE 7+ hack */}


.galleria {
 margin-top: 0.985em;
}



aside {
 width: 48.9%;
}

aside .social-widget {font-size: 0.875em;}


#author {
 color: #FFFFFF;
 text-align: right;
 width:60%;
}

}

/* -----------------------------------
DESKTOP
------------------------------------ */
@media only screen and (min-width: 1200px){

/* Mostriamo le sezioni prima nascoste */

#configpcmedium, #disciplhome, #notizie, #mappapc, #iconesocialpc {
 display: block;
}



/* Nascondiamo le sezioni che non vogliamo 
visualizzare su tablet e desktop        */

.acapo, #configpcsmall, #contactmilleventiquattro, #mappamilleventiquattro, #disciplhomeprt, #notizieportrait, #mappatablet {display: none;}



h1 {
 font-size: 1.485em;
 line-height: 1.1;
 margin: 0 0 0.125em 0;
}



/* Distanziale per staccare i contenuti dal top del topframe fisso   */
#distanzialtop {
 height: 40px;
}



/* Distanziale per staccare i contenuti dal bottom del topframe fisso Guardaroba Schematico   */
#distanzialbottomlarge {
 height: 40px;
}



/* Distanziale per staccare i contenuti dal bottom del topframe fisso Guardaroba Elencato e Guardaroba Fotografico   */
#distanzialbottom {
 height: 30px;
}



/* Distanziale per staccare i contenuti dal bottom del topframe fisso Eventi ed Eventi Valigia e Outfit Dettaglio   */
#distanzialbottomsmall {
 height: 16px;
}



/* Distanziale per staccare i contenuti dal top frame fisso Guardaroba Schematico   */
#distanzialtopframelarge {
 height: 231px;
}



/* Distanziale per staccare i contenuti dal top frame fisso Configurazioni   */
#distanzialtopframemedium {
 width: 100%;
 margin: 0 auto;
 height: 185px;
}



/* Distanziale per staccare i contenuti dal top frame fisso Guardaroba Elencato e Guardaroba Fotografico   */
#distanzialtopframe {
 height: 126px;
}



/* Distanziale per staccare i contenuti dal top frame fisso Eventi ed Eventi valigia e Outfit Dettaglio   */
#distanzialtopframesmall {
 height: 66px;
}



/* Distanziale per staccare i contenuti dal top frame fisso Guardaroba Elencato e Guardaroba Fotografico   */
#distanzialtopframepopup {
 height: 139px;
}



/* Distanziale per staccare il messaggio Errore Login   */
#distanzialerror {
 height: 110px;
}



/* Contenitore centrato nella pagina INDEX   */
#boxcenterindex {
 margin-top: 9%;
}



/* Formattazione Contenitore centrato nella pagina INDEX   */
.centerindex {
 width: 50%;
}



/* Contenitore list menu visualizza per categoria  */
#ricerca select {
 width: 250px;
 padding: 8px;
}



/* Adattiamo la disposizione a griglia del Guardaroba Fotografico per la risoluzione 1200   */
#fotogal {
 width: 24%;
}



/* Formattazione colonne etichette Eventi per PC   */
.coleticeventpcdal {
 width: 11%;
}



/* Contenuti scheda articolo   */
.boxartfoto {
 width: 40%;
}



/* Contenitore centrato nella pagina che ospita il modulo colonna destra e il modulo colonna sinistra   */
.centermodulodouble {
 width: 60%;
}























/* Sezione Testi   */

article {
 width: 450px;
}


/* Contenuti disposti a griglia   */

#boxgriglia {
 width: 27.7%;
}





/* Sezione News   */


#notiziefulldet img {
 width: 51.5%;
margin-right: -18px;
}










#main {width: 38%;}


#notizie {width: auto;
 margin: 0 0 21px 0;
}

#mappapc {
 margin: 0 0 21px 0;
}


aside#primaria {width: 39%;}

aside#secondaria {
 width: 19.4%;
 margin-left: 20px;
}


aside#mappa {
 width: 60.15%;
 position:relative;
}

#author {
 color: #FFFFFF;
 text-align: right;
 width:65%;
}


}


/* -----------------------------------
DESKTOP
------------------------------------ */
@media only screen and (min-width: 1366px){

/* Mostriamo le sezioni prima nascoste */

#configpcbig {
 display: block;
}



/* Nascondiamo le sezioni che non vogliamo 
visualizzare        */

#configpcmedium {
 display: none;
}




/* Contenuti scheda articolo   */
.colonnasx {
    width: 35%;
}



/* Contenitore centrato nella pagina che ospita il modulo colonna destra e il modulo colonna sinistra   */
.centermodulodouble {
 width: 50%;
}



/* Contenitore centrato message   */
.centermsg {
 width: 40%;
}



/* Adattiamo la disposizione a griglia del Guardaroba fotografico per la risoluzione 1366   */
#fotogal {
 width: 24.1%;
}



/* Formattazione colonne etichette Eventi per PC a risoluzione 1366   */
.coleticeventpcdal {
 width: 10%;
}

.coleticeventpcal {
 width: 15%;
}



/* Contenitore Top Frame Centrale Outfit dettaglio   */
.oftopframecnt {
 width: 87%;
}

/* Contenitore Frame Centrale Outfit dettaglio   */
.offramecnt {
 width: 87%;
}

/* Box Contenitore Scheda Articolo Outfit   */
#boxoutfitcnt {
 width: 75%;
}

/* Formattazione Box Contenitore Foto Articolo Outfit   */
.boxoutfitartfoto {
 width: 29%;
}
















/* Sezione Testi   */

article {
 width: 400px;
}


/* Contenuti disposti a griglia   */

#boxgriglia {
 width: 28.5%;
}







}




/* -----------------------------------
DESKTOP FULL HD
------------------------------------ */
@media only screen and (min-width: 1600px){

/* Mostriamo le sezioni prima nascoste */

#configpchd {
 display: block;
}



/* Nascondiamo le sezioni che non vogliamo 
visualizzare        */

#configpcbig {
 display: none;
}





h1 {
 font-size: 1.625em;
 line-height: 1.1;
 margin: 0 0 0.125em 0;
}



/* Contenitore centrato nella pagina   */
.centerlog {
 padding-top: 6%;
}



/* Contenuti disposti a griglia   */

#boxgriglia {
 width: 28.6%;
}



.boxclimacaldo p {
 font-size: 0.875em;
}



.boxclimamite p {
 font-size: 0.875em;
}



.boxclimafreddo p {
 font-size: 0.875em;
}



/* Box colonne Guardaroba Elencato ed Eventi per PC a risoluzione 1600   */
#colelenco p {
    font-size: 0.875em;
}



/* Formattazione colonne etichette Eventi per PC a risoluzione 1600   */
.coleticeventpcal {
 width: 16%;
}



/* Contenitore Top Frame Centrale Outfit dettaglio   */
.oftopframecnt {
 width: 90%;
}

/* Contenitore Frame Centrale Outfit dettaglio   */
.offramecnt {
 width: 90%;
}

/* Formattazione Box Contenitore Foto Articolo Outfit   */
.boxoutfitartfoto {
 width: 27.4%;
}



}














/* == FLEXSLIDER ===================================== */

.flex-container a:active,
.flexslider a:active {
	outline: none;
}

.slides,
.flex-control-nav,
.flex-direction-nav {
	margin: 0;
	padding: 0;
	list-style: none;
}

.flexslider {
	width: 100%;
	margin: 20px 0 0px 0;
	padding: 0;
	
}

.flexslider .slides > li {display: none;}
 
/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
	max-width: 100%;
	display: block;
}

.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
html .slides {display: block;}
 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {
	display: block;
}

/* FlexSlider Default Theme
*********************************/
.flexslider {
	background: #fff;
	position: relative;
	zoom: 1;
}
.flexslider .slides {zoom: 1;}
.flexslider .slides > li {position: relative;}

/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */

.flex-container {zoom: 1; position: relative;}

/* Caption style */
/* IE rgba() hack */

.flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;}
.flex-caption {width: 96%; padding: 2%; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.3); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 14px; line-height: 18px;}

p.flex-caption a {color: #fff;}
p.flex-caption a:hover {color: #fff, text-decoration: none;}

/* Direction Nav */
.flex-direction-nav li a {
	position: absolute;
	right: -2%; /* 14px / 700px */
	width: 41px; /* 29px / 700px */
	height: 41px; /* 29px / 248px */
	max-width: 29px;
	max-height: 29px;
	display: block;
	background-color: #22A73D;
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	z-index: 1000;
}

.flex-direction-nav li a:hover {background-color: #22A73D;}

.flex-direction-nav li .next {
	background-image: url(img/global/button-arrow.png);
	background-position: 11px 7px;
	top: 38.73239436619718%; /* 110px / 284px */
}

.flex-direction-nav li .prev {
	background-image: url(img/global/button-back-arrow.png);
	top: 51.05633802816901%; /* 145px / 284px */
}

.flex-direction-nav li .disabled {
	opacity: .3;
	filter:alpha(opacity=30);
	cursor: default;
}

/* Control Nav */

.flex-control-nav {width: 100%; position: absolute; bottom: -35px; text-align: center;}
.flex-control-nav li {margin: 0 0 0 10px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a {width: 10px; height: 10px; display: block; background: url(../public/foto_header/pagination-dots.png) no-repeat 0 0; cursor: pointer; text-indent: -9999px;}
.flex-control-nav li a:hover {background-position: 0 -10px;}
.flex-control-nav li a.active {background-position: 0 -20px; cursor: default;}