@font-face { font-family: AlexBrush; src: url('/cp_com/Fonts/AlexBrush-Regular.ttf'); }
@font-face { font-family: Allura; src: url('/cp_com/Fonts/Allura-Regular.otf'); }
@font-face { font-family: Amaranth-Bold; src: url('/cp_com/Fonts/Amaranth-Bold.otf'); }
@font-face { font-family: Amaranth-BoldItalic; src: url('/cp_com/Fonts/Amaranth-BoldItalic.otf'); }
@font-face { font-family: Amaranth-Italic; src: url('/cp_com/Fonts/Amaranth-Italic.otf'); }
@font-face { font-family: Amaranth-Regular; src: url('/cp_com/Fonts/Amaranth-Regular.otf'); }
@font-face { font-family: Amatic-Bold; src: url('/cp_com/Fonts/Amatic-Bold.ttf'); }
@font-face { font-family: AmaticSC-Regular; src: url('/cp_com/Fonts/AmaticSC-Regular.ttf'); }
@font-face { font-family: Archicoco; src: url('/cp_com/Fonts/Archicoco.otf'); }
@font-face { font-family: ArchitectsDaughter; src: url('/cp_com/Fonts/ArchitectsDaughter.ttf'); }
@font-face { font-family: Atlantico; src: url('/cp_com/Fonts/Atlantico.otf'); }
@font-face { font-family: Averia-Bold; src: url('/cp_com/Fonts/Averia-Bold.ttf'); }
@font-face { font-family: Averia-BoldItalic; src: url('/cp_com/Fonts/Averia-BoldItalic.ttf'); }
@font-face { font-family: Averia-Gruesa; src: url('/cp_com/Fonts/Averia-Gruesa.ttf'); }
@font-face { font-family: Averia-Italic; src: url('/cp_com/Fonts/Averia-Italic.ttf'); }
@font-face { font-family: Averia-Light; src: url('/cp_com/Fonts/Averia-Light.ttf'); }
@font-face { font-family: Averia-LightItalic; src: url('/cp_com/Fonts/Averia-LightItalic.ttf'); }
@font-face { font-family: Averia-Regular; src: url('/cp_com/Fonts/Averia-Regular.ttf'); }
@font-face { font-family: Barrio-Regular; src: url('/cp_com/Fonts/Barrio-Regular.otf'); }
@font-face { font-family: Beon-Regular; src: url('/cp_com/Fonts/Beon-Regular.otf'); }
@font-face { font-family: Binz; src: url('/cp_com/Fonts/Binz.ttf'); }
@font-face { font-family: CarpatheBold; src: url('/cp_com/Fonts/CarpatheBold.ttf'); }
@font-face { font-family: CarpatheLight; src: url('/cp_com/Fonts/CarpatheLight.ttf'); }
@font-face { font-family: CarpatheRegular; src: url('/cp_com/Fonts/CarpatheRegular.ttf'); }
@font-face { font-family: Chunkfive; src: url('/cp_com/Fonts/Chunkfive.otf'); }
@font-face { font-family: ComicNeue_Bold; src: url('/cp_com/Fonts/ComicNeue_Bold.otf'); }
@font-face { font-family: ComicNeue_Bold_Oblique; src: url('/cp_com/Fonts/ComicNeue_Bold_Oblique.otf'); }
@font-face { font-family: ComicNeue_Light; src: url('/cp_com/Fonts/ComicNeue_Light.otf'); }
@font-face { font-family: ComicNeue_Light_Oblique; src: url('/cp_com/Fonts/ComicNeue_Light_Oblique.otf'); }
@font-face { font-family: ComicNeue_Oblique; src: url('/cp_com/Fonts/ComicNeue_Oblique.otf'); }
@font-face { font-family: ComicNeue-Angular_Bold; src: url('/cp_com/Fonts/ComicNeue-Angular_Bold.otf'); }
@font-face { font-family: ComicNeue-Angular_Bold_Oblique; src: url('/cp_com/Fonts/ComicNeue-Angular_Bold_Oblique.otf'); }
@font-face { font-family: ComicNeue-Angular_Light; src: url('/cp_com/Fonts/ComicNeue-Angular_Light.otf'); }
@font-face { font-family: ComicNeue-Angular_Light_Oblique; src: url('/cp_com/Fonts/ComicNeue-Angular_Light_Oblique.otf'); }
@font-face { font-family: ComicNeue-Angular_Oblique; src: url('/cp_com/Fonts/ComicNeue-Angular_Oblique.otf'); }
@font-face { font-family: ComicNeue-Angular-Regular; src: url('/cp_com/Fonts/ComicNeue-Angular-Regular.otf'); }
@font-face { font-family: ComicNeue-Regular; src: url('/cp_com/Fonts/ComicNeue-Regular.otf'); }
@font-face { font-family: Connection; src: url('/cp_com/Fonts/Connection.otf'); }
@font-face { font-family: ConnectionBold; src: url('/cp_com/Fonts/ConnectionBold.otf'); }
@font-face { font-family: DeGerm_LoCase; src: url('/cp_com/Fonts/DeGerm_LoCase.ttf'); }
@font-face { font-family: d-puntillas-C-Lace; src: url('/cp_com/Fonts/d-puntillas-C-Lace.ttf'); }
@font-face { font-family: d-puntillas-F-Tiptoes-squid; src: url('/cp_com/Fonts/d-puntillas-F-Tiptoes-squid.ttf'); }
@font-face { font-family: Exo-Black; src: url('/cp_com/Fonts/Exo-Black.otf'); }
@font-face { font-family: Exo-BlackItalic; src: url('/cp_com/Fonts/Exo-BlackItalic.otf'); }
@font-face { font-family: Exo-Bold; src: url('/cp_com/Fonts/Exo-Bold.otf'); }
@font-face { font-family: Exo-BoldItalic; src: url('/cp_com/Fonts/Exo-BoldItalic.otf'); }
@font-face { font-family: Exo-ExtraBold; src: url('/cp_com/Fonts/Exo-ExtraBold.otf'); }
@font-face { font-family: Exo-ExtraBoldItalic; src: url('/cp_com/Fonts/Exo-ExtraBoldItalic.otf'); }
@font-face { font-family: Exo-ExtraLight; src: url('/cp_com/Fonts/Exo-ExtraLight.otf'); }
@font-face { font-family: Exo-ExtraLightItalic; src: url('/cp_com/Fonts/Exo-ExtraLightItalic.otf'); }
@font-face { font-family: Exo-Italic; src: url('/cp_com/Fonts/Exo-Italic.otf'); }
@font-face { font-family: Exo-Light; src: url('/cp_com/Fonts/Exo-Light.otf'); }
@font-face { font-family: Exo-LightItalic; src: url('/cp_com/Fonts/Exo-LightItalic.otf'); }
@font-face { font-family: Exo-Medium; src: url('/cp_com/Fonts/Exo-Medium.otf'); }
@font-face { font-family: Exo-MediumItalic; src: url('/cp_com/Fonts/Exo-MediumItalic.otf'); }
@font-face { font-family: Exo-Regular; src: url('/cp_com/Fonts/Exo-Regular.otf'); }
@font-face { font-family: Exo-SemiBold; src: url('/cp_com/Fonts/Exo-SemiBold.otf'); }
@font-face { font-family: Exo-SemiBoldItalic; src: url('/cp_com/Fonts/Exo-SemiBoldItalic.otf'); }
@font-face { font-family: Exo-Thin; src: url('/cp_com/Fonts/Exo-Thin.otf'); }
@font-face { font-family: Exo-ThinItalic; src: url('/cp_com/Fonts/Exo-ThinItalic.otf'); }
@font-face { font-family: FlagGothic; src: url('/cp_com/Fonts/FlagGothic.ttf'); }
@font-face { font-family: Gamaliel; src: url('/cp_com/Fonts/Gamaliel.otf'); }
@font-face { font-family: GrandHotel-Regular; src: url('/cp_com/Fonts/GrandHotel-Regular.otf'); }
@font-face { font-family: GreatVibes-Regular; src: url('/cp_com/Fonts/GreatVibes-Regular.otf'); }
@font-face { font-family: gtw; src: url('/cp_com/Fonts/gtw.otf'); }
@font-face { font-family: Inconsolata-Bold; src: url('/cp_com/Fonts/Inconsolata-Bold.ttf'); }
@font-face { font-family: Inconsolata-Regular; src: url('/cp_com/Fonts/Inconsolata-Regular.ttf'); }
@font-face { font-family: intuitive; src: url('/cp_com/Fonts/intuitive.ttf'); }
@font-face { font-family: JosefinSans-Bold; src: url('/cp_com/Fonts/JosefinSans-Bold.ttf'); }
@font-face { font-family: JosefinSans-BoldItalic; src: url('/cp_com/Fonts/JosefinSans-BoldItalic.ttf'); }
@font-face { font-family: JosefinSans-Italic; src: url('/cp_com/Fonts/JosefinSans-Italic.ttf'); }
@font-face { font-family: JosefinSans-Light; src: url('/cp_com/Fonts/JosefinSans-Light.ttf'); }
@font-face { font-family: JosefinSans-LightItalic; src: url('/cp_com/Fonts/JosefinSans-LightItalic.ttf'); }
@font-face { font-family: JosefinSans-Regular; src: url('/cp_com/Fonts/JosefinSans-Regular.ttf'); }
@font-face { font-family: JosefinSans-SemiBold; src: url('/cp_com/Fonts/JosefinSans-SemiBold.ttf'); }
@font-face { font-family: JosefinSans-SemiBoldItalic; src: url('/cp_com/Fonts/JosefinSans-SemiBoldItalic.ttf'); }
@font-face { font-family: JosefinSans-Thin; src: url('/cp_com/Fonts/JosefinSans-Thin.ttf'); }
@font-face { font-family: JosefinSans-ThinItalic; src: url('/cp_com/Fonts/JosefinSans-ThinItalic.ttf'); }
@font-face { font-family: minicaps; src: url('/cp_com/Fonts/minicaps.ttf'); }
@font-face { font-family: Berenika; src: url('/cp_com/Fonts/Berenika.ttf'); }
@font-face { font-family: Berenika-Bold; src: url('/cp_com/Fonts/Berenika-Bold.ttf'); }
@font-face { font-family: Berenika-BoldOblique; src: url('/cp_com/Fonts/Berenika-BoldOblique.ttf'); }
@font-face { font-family: Berenika-Oblique; src: url('/cp_com/Fonts/Berenika-Oblique.ttf'); }
@font-face { font-family: KaushanScript-Regular; src: url('/cp_com/Fonts/KaushanScript-Regular.otf'); }
@font-face { font-family: Klaudia; src: url('/cp_com/Fonts/Klaudia.ttf'); }
@font-face { font-family: Klaudia-Bold; src: url('/cp_com/Fonts/Klaudia-Bold.ttf'); }
@font-face { font-family: Klaudia-BoldOblique; src: url('/cp_com/Fonts/Klaudia-BoldOblique.ttf'); }
@font-face { font-family: Klaudia-Oblique; src: url('/cp_com/Fonts/Klaudia-Oblique.ttf'); }
@font-face { font-family: LCD14; src: url('/cp_com/Fonts/LCD14.otf'); }
@font-face { font-family: LCD14Condensed; src: url('/cp_com/Fonts/LCD14Condensed.otf'); }
@font-face { font-family: LCD14Italic; src: url('/cp_com/Fonts/LCD14Italic.otf'); }
@font-face { font-family: LCD14ItalicCondensed; src: url('/cp_com/Fonts/LCD14ItalicCondensed.otf'); }
@font-face { font-family: Lindbergh_Baby; src: url('/cp_com/Fonts/Lindbergh_Baby.ttf'); }
@font-face { font-family: Lment; src: url('/cp_com/Fonts/Lment.otf'); }
@font-face { font-family: Lment2; src: url('/cp_com/Fonts/Lment2.otf'); }
@font-face { font-family: Lment-v02; src: url('/cp_com/Fonts/Lment-v02.otf'); }
@font-face { font-family: MedievalSharp; src: url('/cp_com/Fonts/MedievalSharp.ttf'); }
@font-face { font-family: MedievalSharp-Bold; src: url('/cp_com/Fonts/MedievalSharp-Bold.ttf'); }
@font-face { font-family: MedievalSharp-BoldOblique; src: url('/cp_com/Fonts/MedievalSharp-BoldOblique.ttf'); }
@font-face { font-family: MedievalSharp-Oblique; src: url('/cp_com/Fonts/MedievalSharp-Oblique.ttf'); }
@font-face { font-family: minicaps; src: url('/cp_com/Fonts/minicaps.ttf'); }
@font-face { font-family: NaziTypewriterRegular; src: url('/cp_com/Fonts/NaziTypewriterRegular.ttf'); }
@font-face { font-family: Precursive; src: url('/cp_com/Fonts/Precursive.otf'); }
@font-face { font-family: Precursive_Lined; src: url('/cp_com/Fonts/Precursive_Lined.otf'); }
@font-face { font-family: reteprelleum; src: url('/cp_com/Fonts/reteprelleum.otf'); }
@font-face { font-family: Ricasso; src: url('/cp_com/Fonts/Ricasso-Regular.otf'); }
@font-face { font-family: riesling; src: url('/cp_com/Fonts/riesling.ttf'); }
@font-face { font-family: Rubik-Black; src: url('/cp_com/Fonts/Rubik-Black.ttf'); }
@font-face { font-family: Rubik-BlackItalic; src: url('/cp_com/Fonts/Rubik-BlackItalic.ttf'); }
@font-face { font-family: Rubik-Bold; src: url('/cp_com/Fonts/Rubik-Bold.ttf'); }
@font-face { font-family: Rubik-BoldItalic; src: url('/cp_com/Fonts/Rubik-BoldItalic.ttf'); }
@font-face { font-family: Rubik-Italic; src: url('/cp_com/Fonts/Rubik-Italic.ttf'); }
@font-face { font-family: Rubik-Light; src: url('/cp_com/Fonts/Rubik-Light.ttf'); }
@font-face { font-family: Rubik-LightItalic; src: url('/cp_com/Fonts/Rubik-LightItalic.ttf'); }
@font-face { font-family: Rubik-Medium; src: url('/cp_com/Fonts/Rubik-Medium.ttf'); }
@font-face { font-family: Rubik-MediumItalic; src: url('/cp_com/Fonts/Rubik-MediumItalic.ttf'); }
@font-face { font-family: RubikMonoOne-Regular; src: url('/cp_com/Fonts/RubikMonoOne-Regular.ttf'); }
@font-face { font-family: RubikOne-Regular; src: url('/cp_com/Fonts/RubikOne-Regular.ttf'); }
@font-face { font-family: Rubik-Regular; src: url('/cp_com/Fonts/Rubik-Regular.ttf'); }
@font-face { font-family: SerreriaSobria; src: url('/cp_com/Fonts/SerreriaSobria.otf'); }
@font-face { font-family: simple-print_bold; src: url('/cp_com/Fonts/simple-print_bold.woff'); }
@font-face { font-family: simple-print_regular; src: url('/cp_com/Fonts/simple-print_regular.woff'); }
@font-face { font-family: Sofia-Regular; src: url('/cp_com/Fonts/Sofia-Regular.otf'); }
@font-face { font-family: tattoo_u; src: url('/cp_com/Fonts/tattoo_u.ttf'); }
@font-face { font-family: Web3Of9; src: url('/cp_com/Fonts/Web3Of9.woff'); }

_riga_da_cancellare { font-family: Font_titolo; src: url('/Fonts/ArchitectsDaughter.ttf'); }
h1 { margin: 0; }
h2 { margin: 0; }
h3 { margin: 0; }
h4 { margin: 0; }
.men { font-size: 18px; color: #08A45F;}
.titolo { font-size: 17px; font-weight: bold }
A { text-decoration: none; }
A:visited { text-decoration: none; }
A:active { text-decoration: underline; }
A:hover { text-decoration: underline; }
img { border: none }
input, select, textarea { 
    border-style:solid; 
    border-width:1px; 
    border-color:#888888; 
	padding:0.2em;
    border-radius: 3px;
    font-size: large; }	
fieldset {
    border-width:1px; 
    border-radius: 3px;
}
.nobordo { border-width:0px; }	
.trattiniDx { border-right: 1px dashed #000099; }
.trattiniSx { border-left: 1px dashed #000099; }
.ti1 {text-decoration: underline;}
.fotoBox {
	border: 1px solid #C7D2B7;
	background: #ffffff;
	padding: 5px;
}





.pulsante_radius_left {
	padding: 1px 7px;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	-moz-border-radius-topleft: 20px;
	-moz-border-radius-bottomleft: 20px;
	-webkit-border-top-left-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
}
.pulsante_radius_right {
	padding: 1px 7px;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	-moz-border-radius-topright: 20px;
	-moz-border-radius-bottomright: 20px;
	-webkit-border-top-right-radius: 20px;
	-webkit-border-bottom-right-radius: 20px;
}










.pulsanteMini {
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	text-shadow: 0px 0 #fff, 0px 0 #fff, 0px 0 #fff, 0px 0 #fff;
	vertical-align: 2px;
	font: bold 11px serif;
	color: #00adee;
	padding: 0px 5px 2px 5px;
    margin-top: 0.4em;
	border: solid 1px #0076a3;
	background: #fff;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	-moz-box-shadow: 0 0px 0px rgba(0,0,0,1);
	-webkit-box-shadow: 0 0px 0px rgba(0,0,0,1);
	box-shadow: 0 0px 0px rgba(0,0,0,1);
	position: absolute; 
	right: 3px; 
	top: 4px;
}



th {
    font-weight: normal;
}


















html, body {
    user-select: none;
    margin: 0;
    width: 100%;
    height: 100%;
}
/*
header {
    height: 80px;
    width: 100%;
    position: absolute;
    z-index: 3;
    background-color: #3c4e70;
}
.container {
    width: 100%;
    margin: 0 auto;
}
div.logo {
    float: left;
    margin-top: 0px;
    max-width: 90%;
    margin-left: 0px;
}

div.logo h1 {
    color: #FFF;
    text-align: center;
    margin: 20px;
}

span.toggle {
    display: none;
    padding: 0;
    border-top: 0;
    margin-right: 30px; 
    cursor: pointer;
    font-family: FontAwesome; 
    font-weight: normal; 
    line-height: 1; 
    -webkit-font-smoothing: antialiased; 
    -moz-osx-font-smoothing: grayscale;
}
span.toggle:hover {
    padding: 0;
    border-top: 0;
}
span.toggle i {
    font-size: 40px;
    margin-top: 20px;
}


nav {
    float: right;
    margin-top: 10px;
    margin-right: 40px;
    background-color: #3c704e;
}
nav li {
    font-size: 15px;
    float: left;
    display: flex;
}
nav a {
    font-family: Arial;
    font-weight: 700;
    /*text-transform: uppercase;*/
/*    padding: 10px;
    display: block;
    margin-top: 10px;
}

header span {
    color: #FFF;
    padding-top: 3px;
    padding-bottom: 3px;
    border-top: 2px solid transparent;
    border-bottom: 2px solid transparent;
}*/















.descrizioneCampo { 
    text-align: right;
}

.titoloElenco {
    font-weight: bold;
}
    
div.split2 div {
    float: left;
    width: 48%;
    padding: 0 1% 0 1%;
}
div.split400px div {
	/* Serve per gestire i le colonne che devono essere larghe almeno 400px */
    float: left;
    width: 48%;
    padding: 0 1% 0 1%;
}
div.clearer {
	float: none; clear: left;
}




.sfondoFinestra {
    padding: 0px;
    background: rgba(0, 0, 0, 0.5);
    display: none;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    position: fixed;
}

.riquadriBaseStileTab {
	padding: 3px;
	background: none repeat scroll 0 0 #F2F2F2;
}









/* Questo blocco serve per mostrare un pop-up molto più bello di quello standard */
/*
BODY {overflow:hidden;}
*/

.overlay {
    width: 100%;
    height: 100%;
    top: 0px;
    position: fixed;
    background: rgba(0, 0, 0, 0.5);
    transition: opacity 200ms;
    visibility: hidden;
    opacity: 0;
    z-index: 4;
}
.overlay.light {
    background: rgba(255, 255, 255, 0.5);
}
.overlay .cancel {
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: default;
}
.overlay:target {
    visibility: visible;
    opacity: 1;
}

.popup {
    margin: 75px auto;
    padding: 20px;
    background: #fff;
    border: 1px solid #666;
    width: 70%;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
    color: #000000;
    position: relative;
}
.light .popup {
    border-color: #aaa;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
}
.popup h2 {
    margin-top: 0;
    color: #333;
    font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
}
.popup .close {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 20px;
    right: 20px;
    opacity: 0.8;
    transition: all 200ms;
    font-size: 24px;
    font-weight: bold;
    text-decoration: none;
    color: #666;
}
.popup .close:hover {
    opacity: 1;
}
.popup .content {
    max-height: 400px;
    overflow: auto;
}
.popup p {
    margin: 0 0 1em;
}
.popup p:last-child {
    margin: 0;
}



.allergene {
    font-family: sans-serif;
    color: #222;
    background: #FFF;
    border: solid 1px #222;
    font-size: 12px;
    border-radius: 8px;
    padding: 0px 4px;
    margin: 0px 1px;
}



















/* nuovo menù */
/* Add a black background color to the top navigation */
.topnav {
    /*background-color: #333;*/
    overflow: hidden;
}

/* Style the links inside the navigation bar */
.topnav a {
    float: left;
    display: block;
    /*color: #f2f2f2;*/
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
}



/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
    display: none;
}

nav {
    z-index: 50;
    position: fixed;
    right: 0px;
    top: 0px;
    left: 0px;
}

/* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (max-width: 1000px) {
    .topnav a:not(:first-child) {display: none;}
    .topnav a.icon {
        float: right;
        display: block;
    }

    /* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
    /*.topnav.responsive {position: relative;}*/
    .topnav.responsive a.icon {
        position: absolute;
        right: 0;
        top: 0;
    }
    .topnav.responsive a {
        float: none;
        display: block;
        text-align: left;
    }
}