/* INFO SUL TEMPLATE
-----------------------------------------------
NOME TEMPLATE : New Neverland CSS Style
DESCRIZIONE : Design centrato con 2 colonne layout di 969px. 
MASSIMA GRANDEZZA CONTENUTO: 750px
MASSIMA GRANDEZZA COLONNA: 220px
DISEGNATO DA : Mario Aprea
----------------------------------------------- */


/* GENERICHE
============================== */

html {
    overflow-y: scroll;
}

html,
body {
    height: 100%;
    font-size: 16px;
}

body {
    text-align: center;
    margin: 0px;
    padding: 0px;
    background-color: #dcdcdc;
    /*  background-image: url(../img/back/horizon3.jpg);*/
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    font-family: Tahoma, Verdana, Geneva, Arial;
}

.maintitle {
    font-family: Tahoma, Verdana, Arial;
    text-align: left;
    font-weight: bold;
    font-size: 0.8em;
    /*16px  / 16px = 1em    */
    color: #adadad;
}

.maintitle2 {
    font-family: Tahoma, Verdana, Arial;
    font-weight: bold;
    font-size: 0.8em;
    color: #adadad;
}



h1 {
    font-family: Tahoma, Verdana, Arial, Helvetica;
    text-align: center;
    font-size: 1em;
    /*12px  / 16px = 0.75em    */
    ;
    font-weight: 800;
    color: #ff4500;
    margin-top: 10px;
    margin-bottom: 25px;
}

h1.h1BS {
  /* font-family: Tahoma, Verdana, Arial, Helvetica; */
    text-align: center;
    font-size: 1.2em;
    /*12px  / 16px = 0.75em    */
    font-weight: 800;
    color: #ff4500;
    margin-top: 20px;
    margin-bottom: 25px;
}

h1.bigh1BS {
    /* font-family: Tahoma, Verdana, Arial, Helvetica; */
    text-align: center;
    font-size: 1.4em;
    /*12px  / 16px = 0.75em    */
    font-weight: 800;
    color: maroon;
    margin-top: 20px;
    margin-bottom: 25px;
}


.logobox {
    float: left;
    height: 68px;
    margin-right: 10px;
    margin-left: 3%;
    /* 20px  / 960px = 0.020833em    */
    width: 25em;
    /*  background-color: #7c7c7c;*/
    display: flex;
    align-items: center;
}

img.logo {
    width: 294px;
}


#titolo {
    display: inline-block;
    height: 68px;
    margin-left: 10px;
    /*  background-color: #7c7c7c;*/
    line-height: 68px;
    clear: both;
}

a:link {
    color: blue;
    text-decoration: none;
}

a:visited {
    color: blue;
    text-decoration: none;
}

a:hover {
    color: blue;
    text-decoration: none;
}

input,
select,
textarea {
    background-color: #0B0B0B;
    border: 1px solid #CCCCCC;
    padding: 2px;
    font-size: 11px;
    color: #D6D6D6;
}

li.links {
    margin-left: 10px;
    text-indent: 5px;
}


/* HEADER
============================== */


.tastotxtBS {
    text-decoration: none;
    text-transform: uppercase;
    font-family: Tahoma, Verdana, Arial, Helvetica;
    font-weight: bold;
    color: white;
    font-size: 0.8em;
}


/* GENERICHE
============================== */

.boxtra {
    margin-bottom: 20px;
    font-size: 0.75em;
    /*12px  / 16px = 0.75em    */
    padding: 0 10px 0 10px;
    color: black;
    font-family: Tahoma, Verdana, Arial, Helvetica;
    text-align: left;
}

.boxtraselect {
    margin-bottom: 10px;
    font-size: 0.75em;
    /*12px  / 16px = 0.75em    */
    padding: 0 10px 0 10px;
    color: black;
    font-family: Tahoma, Verdana, Arial, Helvetica;
    font-size: 16 pt;
    text-align: center;
}

.menu-nav {
    font-family: Verdana, Tahoma, Arial, Helvetica;
    font-size: 1em;
}

.box {
    margin: 20px;
    text-align: left;
}

h2.sectit {
    font-weight: 800;
    color: #d8bfd8;
    background: transparent;
    text-align: center;
    margin: 15px 0px 20px 0px;
    font-size: 1.2em;
    /*12px  / 16px     */
}

h2.secsubtit {
    font-weight: 800;
    color: gray;
    background: transparent;
    text-align: right;
    margin: 2px;
    margin-top: -15px;
    margin-bottom: 25px;
    font-size: 1em;
    /*12px  / 16px    */
}

h2.secundtit {
    font-weight: 800;
    color: gray;
    background: transparent;
    text-align: right;
    margin: 2px;
    font-size: 0.75em;
    /*12px  / 16px = 0.75em    */
}

.sectit {
    font-weight: 800;
    color: #ff8c00;
    background: transparent;
    text-align: center;
    margin: 15px 0px 20px 0px;
    font-size: 1.0em;
    /*12px  / 16px     */
}

.secsubtit {
    font-weight: 800;
    color: gray;
    background: transparent;
    text-align: right;
    margin: 2px;
    margin-top: -15px;
    margin-bottom: 25px;
    font-size: 1em;
    /*12px  / 16px    */
}

.menulinksubtit {
    font-weight: 800;
    color: gray;
    background: transparent;
    text-align: right;
    margin: 2px;
    margin-top: 2px;
    margin-bottom: 5px;
    font-size: 1em;
}

.continua {
    font-weight: 800;
    color: gray;
    background: transparent;
    text-align: right;
    margin: 4px;
    font-size: 1em;
    /*12px  / 16px = 0.75em    */
}

.condividi {
    margin-top: 12px;
    margin-bottom: 12px;
    text-align: right;
    height: 24px;
    font-size: 10px;
}

.centraimg {
    margin: 15px;
    text-align: center;
}

.leftimg {
    padding-top: 5px;
    float: left;
    margin: 15px;
}

.leftimg1 {
    float: left;
    margin: 15px 15px 15px 60px;
}

.both {
    clear: both;
}

.imgclear {
    float: left;
    margin: 15px;
}

a.grey {
    color: silver;
}



A.no:LINK {
    text-decoration: none;
    text-align: center;
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: blue;
    font-size: 10pt;
}

A.no:VISITED {
    text-decoration: none;
    text-align: center;
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: blue;
    font-size: 10pt;
}

A.no:hover {
    text-decoration: none;
    text-align: center;
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: red;
    font-size: 10pt;
}

A.ni:link,
visited,
hover {
    text-decoration: none;
    text-align: center;
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: blue;
    font-size: 1em;
    margin-right: 5px;
}



/* FOTO GALLERY */

.fotogal {
    display: inline-block;
    margin-left: 2px;
    margin-right: 2px;
    text-align: center;
    width: 98%;
    margin-top: 10px;
    margin-bottom: 25px;
    /* border: solid 1px red; */
}

.fotoimg {
    margin-top: 10px;
    margin-bottom: 5px;
}

.fototit {
    font-family: Verdana, Tahoma, Arial, Helvetica;
    font-weight: 500;
    text-transform: uppercase;
    color: #27B4B2;
    font-size: 1em;
    /*10px  / 16px = 0.625em    */
    margin-top: 10px;
    margin-bottom: 5px;
}

.fotodes {
    font-family: Verdana, Tahoma, Arial, Helvetica;
    font-weight: 400;
    color: gray;
    font-size: 1em;
    /*10px  / 16px = 0.625em    */
    margin: 5px;
    margin-top: 10px;
    margin-bottom: 5px;
}


/* COLONNA SINISTRA
============================== */

#leftcolon {
    float: left;
    text-align: center;
    max-width: 13.875em;
    /*222px  / 16px = 13.875em    */
    margin-bottom: 0px;
    /*border-right-color: rgb(0,0,0);*/
    border-right: solid 1px black;
}

#leftcolumn2 {
    position: relative;
    margin-top: 10px;
    left: 0px;
    width: 222px;
    background-color: #f5f5f5;
    /*  background-color: #1a1a1a;*/
    /*   background-color: rgba(220, 220, 220, 1.0);*/
    text-align: left;
    margin-bottom: 20px;
    /* border-bottom: solid 1px black; */
    min-height: 100px;
    padding-bottom: 20px;
}


#leftcolFoto {
    position: relative;
    margin-top: 10px;
    left: 0px;
    width: 222px;
    background-color: #dcdcdc;
    text-align: left;
    font-size: 0.75em;
    /*12px  / 16px = 0.75em    */
    margin-bottom: 20px;
    border-bottom: solid 1px black;
    min-height: 100px;
    padding-bottom: 20px;
}

.minilogo {
    float: bottom;
    text-align: center;
    margin-left: 0px;
    margin-top: 15px;
    margin-bottom: 15px;
    background-color: transparent;
}

#sectit {
    font-family: Tahoma, Verdana, Arial, Helvetica;
    font-weight: 800;
    color: #0000FF;
    background: transparent;
    text-align: center;
    margin: 15px 0px 15px 0px;
    font-size: 0.75em;
    /*12px  / 16px = 0.75em    */
    ;
}

#sectitred {
    font-family: Tahoma, Verdana, Arial, Helvetica;
    font-weight: 800;
    color: red;
    background: transparent;
    text-align: center;
    margin: 15px 0px 15px 0px;
    font-size: 14px;
}



hr.whiteline {
    font-family: Tahoma, Verdana, Arial, Helvetica;
    color: #FFFFFF;
    height: 1px;
    border: 0;
    margin: 0px 0px 4px 0px;
}

A.ni:link,
visited,
hover {
    text-decoration: none;
    text-align: center;
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: blue;
    font-size: 0.8em;
    margin-right: 5px;
}


A.prefootlnk {
    text-decoration: none;
    text-align: left;
    /* font-family: Tahoma, Verdana, Arial, Helvetica; */
    /* font-weight: 800; */
    color: #FFFFFF;
    /* font-size: 0.8em; */
    /*13px  / 16px    */
    ;
}

A.prefootlnk:LINK {
    color: #FFFFFF;
}

A.prefootlnk:VISITED {
    color: #FFFFFF;
}

A.prefootlnk:HOVER {
    color: #FFFFFF;
}




/* CONTENUTO PRINCIPALE
============================== */



#boxcontent {
    /*      background-color: rgba(220, 220, 220, 1.0);*/
    color: #000000;
    margin-left: 5px;
    margin-top: 5px;
    margin-right: 5px;
    margin-bottom: 10px;
    text-align: justify;
    max-width: 45em;
    /*720px  / 16px = 60em    */
    float: right;
    /*   	border: 1px solid red;*/
}

#boxcontentfbcomment {
    background-color: #f5f5f5;
    color: #000000;
    margin-left: auto;
    margin-top: 10px;
    margin-right: auto;
    margin-bottom: 10px;
    text-align: center;
    width: 100%;
    float: right;
}

.fb_iframe_widget_fluid span,
iframe.fb_ltr {
    width: 100% !important;
}

img.left {
    float: left;
    margin: 10px 10px 10px 15px;
}

img.right {
    float: right;
    margin-top: 2px;
    margin-right: 10px;
    margin-bottom: 2px;
}

#titolored {
    font-family: Tahoma, Verdana, Arial, Helvetica;
    text-align: center;
    font-size: 0.75em;
    /*12px  / 16px = 0.75em    */
    ;
    font-weight: 800;
    color: red;
    margin-top: 10px;
    margin-bottom: 25px;
}

#subtitle {
    font-family: Tahoma, Verdana, Arial, Helvetica;
    text-align: center;
    font-size: 0.875em;
    font-weight: 800;
    color: #778899;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: -20px;
    margin-bottom: 15px;
}



h2.bartitle {
    margin: 3px 0 5px 0;
    padding: 5px 0px 0px 10px;
    background: transparent;
    font-family: Tahoma, Verdana, Arial, Helvetica;
    text-align: left;
    font-size: 14px;
    font-weight: 500;
    color: black;
    border-bottom: 1px solid #CCCCCC;
}



.justesto {
    width: 96%;
    margin-left: auto;
    margin-right: auto;
    text-align: justify;
    margin-top: 5px;
    /* margin-left: 15px; */
    /* margin-right: 15px; */
    margin-bottom: 5px;
    font-family: Verdana, Tahoma, Arial, Helvetica;
    font-size: 1em;
    /*12px  / 16px     */
    color: black;
}

.justestocenter {
    width: 96%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-top: 5px;
    /* margin-left: 15px;
    margin-right: 15px; */
    margin-bottom: 5px;
    font-family: Tahoma, Verdana, Arial, Helvetica;
    font-weight: 800;
    font-size: 0.75em;
    /*12px  / 16px    */
    color: black;
}

.justestoright {
    float: right;
    text-align: justify;
    margin-top: 5px;
    margin-left: 10px;
    margin-right: 0px;
    margin-bottom: 5px;
    font-family: Tahoma, Verdana, Arial, Helvetica;
    font-weight: 800;
    font-size: 0.75em;
    /*12px  / 16px    */
    color: black;
}

.justestogray {
    width: 96%;
    margin-left: auto;
    margin-right: auto;
    text-align: justify;
    margin-top: 5px;
    /* margin-left: 15px;
    margin-right: 15px; */
    margin-bottom: 5px;
    font-family: Tahoma, Verdana, Arial, Helvetica;
    font-weight: 800;
    font-size: 0.75em;
    /*12px  / 16px    */
    color: gray;
}

.justestolink {
    width: 96%;
    margin-left: auto;
    margin-right: auto;
    text-align: justify;
    margin-top: 5px;
    /* margin-left: 15px;
    margin-right: 15px; */
    margin-bottom: 5px;
    font-family: Tahoma, Verdana, Arial;
    text-align: left;
    font-weight: bold;
    font-size: 0.75em;
    /*12px  / 16px = 0.75em    */
    color: gray;
}



.firma {
    margin-top: 4px;
    margin-bottom: 1px;
    text-align: right;
    font-size: 0.75em;
    /*12px  / 16px = 0.75em    */
    font-weight: 800;
    color: black;
}

font.sectitle {
    font-family: Tahoma, Verdana, Arial, Helvetica;
    font-size: 22px;
    font-weight: 800;
    color: #FFFFFF;
}

font.secintro {
    font-family: Tahoma, Verdana, Arial, Helvetica;
    font-size: 1.125em;
    /*18px  / 16px = 1.125em    */
    color: #CC0000;
}

#fotodescr {
    font-family: Tahoma, Verdana, Arial, Helvetica;
    text-align: right;
    font-size: 0.75em;
    /*12px  / 16px = 0.75em    */
    font-weight: 800;
    color: gray;
}

img.bord {
    border: 1px solid #CCCCCC;
}


/* FOOTER

============================== */




#leftpart {
    display: inline-block;
    margin-top: 2px;
    text-align: left;
    margin-left: 5px;
    font-size: 0.87em;
    color: #FFFFFF;
    /*14px  / 16px   */
}

.socialbtn {
    position: relative;
    background-color: #33363B;
    height: 36px;
    width: 30px;
    margin: 0 auto;
    /*  border: 1px solid #d2691e;*/
    display: inline-block;
}

.socialbtn img {
    position: absolute;
    left: 0;
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}

.socialbtn img.up:hover {
    opacity: 0;
}

.socialbtntooltip {
    position: relative;
    display: inline-block;
    /*    border-bottom: 1px dotted black;*/
}

.socialbtntooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: white;
    color: black;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    bottom: 100%;
    left: 50%;
    margin-left: -60px;
}

.socialbtntooltip:hover .tooltiptext {
    visibility: visible;
}

font.neon {
    font-family: Tahoma, Verdana, Arial, Helvetica;
    font-size: 1.2em;
    /*16px  / 16px    */
    color: red;
}

font.nearneon {
    font-family: Tahoma, Verdana, Arial, Helvetica;
    font-size: 0.50em;
    /*16px  / 16px = 0.75em    */
    color: white;
    margin-top: 0.05em;
}

A.at {
    text-decoration: none;
    text-align: center;
    font-family: Tahoma, Verdana, Arial, Helvetica;
    font-weight: 800;
    color: red;
    font-size: 11 pt;
}




/* CURRICULUM
============================== */

.box80moz {
    width: 100%;
    -moz-opacity: 0.8;
    filter: alpha(opacity=80);
    font-size: 16px;
    border: 1px solid black;
}

.tabtitle {
    margin: 10px 10px 3px 10px;
    background: transparent;
    text-align: center;
    font-size: 16px;
    font-weight: 800;
    color: #FFFFFF;
    border: 1px solid black;
}

td.tableb {
    text-align: center;
    font-family: Tahoma, Verdana, Arial, Helvetica;
    font-weight: 800;
    font-size: 0.8em;
    color: #000000;
    padding: 2px;
}

td.tabrowl {
    text-align: left;
    vertical-align: top;
    font-family: Tahoma, Verdana, Arial, Helvetica;
    font-size: 0.8em;
    background-color: white;
    color: black;
    padding: 5px;
}

td.tabrowr {
    text-align: left;
    vertical-align: top;
    font-family: Tahoma, Verdana, Arial, Helvetica;
    font-size: 0.8em;
    color: black;
    background-color: white;
    padding: 5px;
}

td.tabrowcen {
    text-align: center;
    vertical-align: top;
    font-family: Tahoma, Verdana, Arial, Helvetica;
    font-size: 0.8em;
    color: black;
    background-color: white;
    padding: 5px;
}

td.tabrowrjus {
    text-align: justify;
    vertical-align: top;
    font-family: Tahoma, Verdana, Arial, Helvetica;
    font-size: 0.8em;
    color: black;
    background-color: white;
    padding: 5px;
}

td.spacer {
    height: 10
}



/* =============================
tabella Load Last Pages
============================= */

.tablastpag table {
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
    width: 96%;
    /*   font-size : 12px;
	font-weight: bold;    */
}

.tablastpag table,
.tablastpag td,
.tablastpag th {
    /* border:2px solid #eee; */
    border-collapse: collapse;
}

.tablastpag td,
.tablastpag th {
    padding: 3px 5px;
}

.tablastpag th {
    text-align: center;
    /* background-color:#ff3c3c; */
    color: gray;
}

.tablastpag td {
    text-align: left;
    word-break: break-all;
}

.tablastpag td.c {
    color: gray;
    text-align: center;
    word-break: break-all;
}

.tablastpag tr.whitespace {
    background-color: white;
    height: 20px;
}

.tablastpag caption {
    background-color: #b22222;
    font-weight: bold;
    font-size: 13px;
    color: white;
    padding: 4px;
}


/* =============================
tabella Leggi altri diari
============================= */

.tabotherdiaries table {
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 25px;
    width: 96%;
    /*   font-size : 12px;
	font-weight: bold;    */
}

.tabotherdiaries table,
.tabotherdiaries td,
.tabotherdiaries th {
    /* border: 1px solid rgb(36, 10, 10); */
    border-collapse: collapse;
}

.tabotherdiaries td,
.tabotherdiaries th {
    padding: 3px 5px;
}

.tabotherdiaries th {
    text-align: center;
    background-color: lightcoral;
    color: #33363B;
    border-top-left-radius: 0.4em;
    border-top-right-radius: 0.4em;
}

.tabotherdiaries td {
    text-align: left;
    word-break: break-all;
    border-bottom: 2px dotted #FFFFFF;
    background-color: lightgray;
}

.tabotherdiaries td.c {
    color: gray;
    text-align: center;
    word-break: break-all;
}

.tabotherdiaries td.end {
    color: gray;
    text-align: center;
    word-break: break-all;
    border-bottom: 0;
    border-top: 2px solid white;
}

.tabotherdiaries tr.whitespace {
    background-color: white;
    height: 20px;
}

.tabotherdiaries caption {
    background-color: #b22222;
    font-weight: bold;
    font-size: 13px;
    color: white;
    padding: 4px;
}

.diariestit {
    font-family: Verdana, Tahoma, Arial, Helvetica;
    font-weight: 800;
    text-transform: uppercase;
    color: rgb(255, 0, 0);
    font-size: 1em;
    /*10px  / 16px = 0.625em    */
    margin-top: 10px;
    margin-bottom: 5px;
}

.diariesdes {
    font-family: Verdana, Tahoma, Arial, Helvetica;
    font-weight: 400;
    color: rgb(0, 0, 0);
    font-size: 1em;
    /*10px  / 16px = 0.625em    */
    margin: 5px;
    margin-top: 10px;
    margin-bottom: 5px;
}


/* HACKS
============================= */

.media-info {
    border: 0px;
    /* Fix for IE6 disappearing float bug */
    height: 100%;
}


/* FOTOGRAFIE IMAGING
============================== */

.fotoname {
    font-family: Tahoma, Verdana, Arial, Helvetica;
    text-align: center;
    font-size: 14px;
    font-weight: 800;
    color: Blue;
}

.fotodesc {
    font-family: Tahoma, Verdana, Arial, Helvetica;
    text-align: center;
    font-size: 13px;
    font-weight: 800;
    color: gray;
    margin-bottom: 15px;
}

.flickr {
    position: center;
    height: 60px;
    margin-top: 25px;
    /*	border: 1px solid #0000ff;  
	width: 200px;

/*	background-color: #ffffff; 
	margin: 10px 10px 10px 10px;
	padding: 2px;*/
    -moz-opacity: 0.8;
    filter: alpha(opacity=80);
}

li.iconih {
    list-style-image: url(/marioaprea/img/links/nihonjapanico.png);
    margin-left: 10px;
}

li.icoyou {
    list-style-image: url(/marioaprea/img/links/youtube.png);
    margin-left: 10px;
}

li.icotwi {
    list-style-image: url(/marioaprea/img/links/twitter.png);
    margin-left: 10px;
}


/* li.icogoo {list-style-image: url(/marioaprea/img/links/googleplus.png);} */

li.icofac {
    list-style-image: url(/marioaprea/img/links/facebook.png);
    margin-left: 10px;
}

li.icogen {
    list-style-image: url(/marioaprea/img/links/generic.png);
    margin-left: 10px;
}

li.icoblo {
    list-style-image: url(/marioaprea/img/links/blogger.png);
    margin-left: 10px;
}

li.ico2 {
    list-style-image: url(/marioaprea/img/links/nihonjapanico.png);
    margin-left: 10px;
}



li.icoradweg {
    list-style-image: url(/marioaprea/img/tour/radwegico.png);
    margin-left: 10px;
}

blockquote.links {
    margin-top: 2;
    margin-bottom: 2;
    margin-left: 25;
}



/*********MEDIA QUERY *************/

@media only screen and (min-width: 240px) and (max-width:320px) {
    /*******ELEMENTI DA NON VISUALIZZARE ******/
    #leftcolFoto {
        display: none;
    }
    .boxtra {
        display: none;
    }
    .tasto {
        height: 40px;
        line-height: 40px;
    }
    #boxcontent {
        width: 100%;
    }
    #leftcolon {
        width: 100%;
    }
    .logobox {
        width: 100%;
        height: auto;
        margin: 0;
    }
    img.logo {
        width: 50%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
    }
    .maintitle {
        font-size: 0.5em;
    }
    .maintitle2 {
        font-size: 0.5em;
    }
    #titolo {
        height: 1em;
        line-height: 1em;
        margin: 0;
    }
    #leftcolon {
        width: 100%;
        max-width: 100%;
    }
    #leftcolumn2 {
        width: 100%;
        min-height: 0;
        border: 0;
        margin: 0;
        margin-top: 10px;
    }
    #sectitred {
        margin: 5px 0px 5px 0px;
    }
    h1 {
        margin-top: 5px;
        margin-bottom: 10px;
    }
    #subtitle {
        margin-top: -10px;
    }
 

  
    #socialbtn {
        width: 28px;
        margin: 0;
        margin-left: 0;
        margin-right: 0;
    }
    .radwegimg {
        display: inline-block;
        /*      line-height: 52px;      
      height: 54px;
*/
        width: 10%;
        margin: 0;
        margin-left: 5px;
    }
    .radwegtitle {
        display: inline-block;
        /*      line-height: 52px;
          height: 54px;
*/
        width: 80%;
        margin: 0;
        text-align: left;
    }
}

@media only screen and (min-width: 321px) and (max-width: 480px) {
    /*iphone6 6s*/
    #leftcolFoto {
        display: none;
    }
    .boxtra {
        display: none;
    }
    .tasto {
        height: 40px;
        line-height: 40px;
    }
    .radwegimg {
        display: inline-block;
        height: 54px;
        line-height: 52px;
        width: 10%;
        margin: 0;
    }
    .radwegtitle {
        display: inline-block;
        height: 54px;
        line-height: 52px;
        width: 90%;
        margin: 0;
        text-align: left;
    }

    #boxcontent {
        width: 100%;
        margin: 0;
    }
    /* .titlebar {
        min-height: auto;
    } */
    /* .undertitlebar {
        height: 0.2em;
    } */
    .logobox {
        width: 100%;
        height: auto;
        margin: 0;
    }
    img.logo {
        width: 50%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
    }
    .maintitle {
        font-size: 0.5em;
    }
    .maintitle2 {
        font-size: 0.5em;
    }
    #titolo {
        height: 1em;
        line-height: 1em;
        margin: 0;
    }
    #leftcolon {
        width: 100%;
        max-width: 100%;
    }
    #leftcolumn2 {
        width: 100%;
        min-height: 0;
        border: 0;
        margin: 0;
        margin-top: 10px;
        height: auto;
        /* border: 1px solid red; */
    }
    #sectitred {
        margin: 5px 0px 5px 0px;
    }
    h1 {
        margin-top: 5px;
        margin-bottom: 10px;
    }
    #subtitle {
        margin-top: -10px;
    }
  
 
}

@media only screen and (min-width: 481px) and (max-width: 680px) {
    #leftcolFoto {
        display: none;
    }
    .boxtra {
        display: none;
    }

    #boxcontent {
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .logobox {
        width: 100%;
        height: auto;
        margin: 0;
    }
    img.logo {
        width: 40%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
    }
    .maintitle {
        font-size: 0.6em;
    }
    .maintitle2 {
        font-size: 0.5em;
    }
    #titolo {
        height: 1em;
        line-height: 1em;
        margin: 0;
    }
    #leftcolon {
        width: 100%;
        max-width: 100%;
    }
    #leftcolumn2 {
        width: 100%;
        min-height: 0;
        border: 0;
        margin: 0;
        margin-top: 10px;
    }
    #sectitred {
        margin: 5px 0px 5px 0px;
    }
    h1 {
        margin-top: 5px;
        margin-bottom: 10px;
    }
    #subtitle {
        margin-top: -10px;
    }

   
}

@media only screen and (min-width: 680px) and (max-width: 777px) {
    .boxtra {
        display: none;
    }


    #boxcontent {
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .logobox {
        width: 100%;
        height: auto;
        margin: 0;
    }
    img.logo {
        width: 40%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
    }
    #titolo {
        height: 1.2em;
        line-height: 1.2em;
        margin: 0;
    }
    #leftcolon {
        width: 100%;
        max-width: 100%;
    }
    #leftcolumn2 {
        width: 100%;
        min-height: 0;
        border: 0;
        margin: 0;
        margin-top: 10px;
    }
    #sectitred {
        margin: 5px 0px 5px 0px;
    }
    h1 {
        margin-top: 5px;
        margin-bottom: 10px;
    }
    #subtitle {
        margin-top: -10px;
    }
}

@media only screen and (min-width: 778px) and (max-width: 1039px) {
    /* ipad pro 10 pollici vecchi schermi 800x600 */
    #leftcolFoto {
        display: none;
    }
    .boxtra {
        display: none;
    }

    #boxcontent {
        width: 100%;
        margin: 0;
        padding: 0;
    }
    /* .titlebar {
        min-height: auto;
    } */
    /* .undertitlebar {
        height: 0.2em;
    } */
    .logobox {
        width: 100%;
        height: auto;
        margin: 0;
    }
    img.logo {
        width: 90%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
    }
    #titolo {
        height: 1.2em;
        line-height: 1.2em;
        margin: 0;
    }
    #leftcolon {
        width: 100%;
        max-width: 100%;
    }
    #leftcolumn2 {
        width: 100%;
        min-height: 0;
        border: 0;
        margin: 0;
        margin-top: 10px;
    }
    #sectitred {
        margin: 5px 0px 5px 0px;
    }
    h1 {
        margin-top: 5px;
        margin-bottom: 10px;
    }
    #subtitle {
        margin-top: -10px;
    }
}

@media only screen and (min-width: 1040px) and (max-width: 3000px) {
    .boxtraselect {
        display: none;
    }
    #boxcontent {
        width: 45em;
        /*720px  / 16px = 60em    */
    }
}