/* _ ACCORGIMENTI GENERALI _ */
ul, li, table, span 
{ color:#555; }

table thead {cursor:pointer; }


#clear { clear:both; }
a { text-decoration:none !important; }



/* _ MAIN CONTENT _ */

.all {
    margin:0 0;
/*    background-image:url('../img/bg-01.png');*/
    background-image:url('../img/bg-03.jpg');
    background-size: cover;
    background-attachment: fixed;
}

.cp-container {
    padding:0 20px 20px 20px;
/*    border-bottom:1px solid #ddd;*/
}

.cp-container h3 {
    text-align:center;
}

.wrap {
    min-height:550px;
}



/* _ HEADER _ */
.header {
    padding:10px 20px 10px 20px;
    border-top:15px solid #0060AD;
}
.header h1.site_title {
    color:#0060AD;
    font-size:6.5em;
    text-shadow:-3px -3px 3px #fff;
}
.header h1.site_title span {
    color:#fff;
    font-size:0.3em;
    font-weight:bold;
    padding:0 0;
    margin:0 0;
    text-shadow:none;
}
.header .logo {
    height:150px;
    border-radius:5px;
}


.switch_box {
    color:#555;
    font-size: 0.7em;
    font-weight: bold;
    text-align: center;
    float:right;
    margin-top:-50px;
}

.switch {
    width:60px;
    height:30px;
    display: inline-block;
    background-image:url('../img/web_switch.png');
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 60px auto;
}

.switch-off { background-position: 0 -34px; }
.switch-on { background-position: 0 0; }



/* _ MENU PRINCIPALE _*/
.main_menu {
    font-size:3.3em;
    padding:0 0;
    margin:30px 0 20px 0;
}

ul.cp-nav {
    width:99.9%;
    list-style:none;
    text-align:center;
    padding:0 0;
    margin:0 0 0 0;
}

ul.cp-nav li {
    display: inline-block;
    vertical-align:middle;
    text-decoration: none;
    text-transform: uppercase;
    padding:0 0 0 0;
    margin:0 0 10px 0 !important;
    border-radius:15px;
}
    ul.cp-nav li:first-child { border:none; }
    ul.cp-nav li:hover {  }
    ul.cp-nav li a {
        color:#fff;
        font-size:2em;
        text-decoration: none;
    }
    ul.cp-nav li a img {
        width:200px;
        border:15px solid #fff;
        border-radius:1000px;
    }
    ul.cp-nav li:hover,
    ul.cp-nav li.active,
    ul.cp-nav li a:hover,
    ul.cp-nav li a.active { 
        color:#fff;
        opacity:0.9;
    } 


ul.cp-nav li:nth-child(1) a img { border:20px solid #0CA8DB; }
ul.cp-nav li:nth-child(2) a img { border:20px solid #A534A6; }
ul.cp-nav li:nth-child(3) a img { border:20px solid #F04054; }
ul.cp-nav li:nth-child(4) a img { border:20px solid #F3694D; }


.sub_menu { 
    width:100% !important; 
    font-size:2.8em;
}
.sub_menu li { padding:20px 15px !important;}

.wrap h3 { 
    font-size:4.5em; 
    color:#fff; 
    margin-top:70px; 
    text-shadow:5px 2px #012162;
}
.wrap h3 span { 
    font-size:1.3em;
    color:#fff;
}

/* _- Login -_ */
.login_box { 
    width:99% !important;
    font-size:0.7em !important;
    background-color:#efefef;
    opacity:0.8;
    box-shadow:0 0 1em #555;
}
.login_box .form-control { font-size:1.8em; }
.login_box .btn { font-size:2em !important; border-radius:10px; text-transform: capitalize; margin-left:1em; }
.login_box h3 { font-size:5em; margin:15px 0; }
.login_box p { font-size:2em; }
.login_box a { font-size:0.5em; }

.wrap_login { font-size:2.3em; }


/* _- Wrap Menu -_ */
.f-nav { z-index: 9999; position: fixed; left: 0; top: 0; width: 100%;}

.wrap_menu ul {
    width:98%;
    text-align:center;
    text-transform: uppercase;
    font-size: 3.3em;
    line-height: 0.9em;
    font-weight: bold;
    letter-spacing: 0em;
    list-style: none;
    margin:0 0 0 -15px;
}
.wrap_menu ul li {
    width:30%;
    height:350px;
    display:inline-block;
    vertical-align:middle;
    padding:0.6em 0.2em 0.3em 0.2em;
    margin:1em 0.1em;
    background-color:#efefef;
    border:2px solid #777;
    border-radius:10px;
}

/* _- Wrap Ultime -_ */
.wrap_ultime {
    width:100%;
    padding:2em 3em;
    margin:0 0 1em 0;
    background-color:#efefef;
    background-image: url('../img/bg-02.png');
}

.f_img img {    height:150px; float:left; margin:5px 5px; }
.f_img:first-child img { height:310px; }

/* _- Wrap Cerca -_ */
.wrap_cerca { width: 90%; margin:1em auto; }
.wrap_cerca .form-control { width:78%; float:left; font-size:3em; padding:0px 40px !important; border-radius:10px; border:2px solid #777; }
.wrap_cerca .btn { 
    width:20%; 
    float:left; 
    font-size:3em !important;  
    padding: 0.7em 0.5em 0.7em 0.5em;
    margin:0 0 0 0.3em; 
    border-radius:10px;
    text-transform: uppercase; 
}


/* _- Profilo -_ */
.wrap_profilo .btn { font-size:3em; margin:15px 5px; border-radius:7px; }
.wrap_profilo .text-success,
.wrap_profilo .text-warning { font-size:3em; }



/* _- Map -_ */
.wrap_map #map_canvas {
    border-radius:8px;
    box-shadow: 0 0 2em #888;
}


/* _- Fontane -_ */
.wrap_fontane .btn { margin:15px 5px; border-radius:7px; }
.wrap_fontane table { font-size:3em; background-color:#fff !important; border-radius:10px; }
.wrap_fontane td { padding:20px 15px !important; }

.wrap_fontane a img.info { width:2.8em; }

.wrap_fontane table .btn 
{
    font-size:1em;
    padding: 0 0;
    border-radius:5px;
}

.wrap_fontane .btn { font-size:3.5em; }

.wrap_fontane .navigatore 
{
    width:3em;
    float:left;
    margin:0 10px;
}

.wrap_fontane .feedback label {
    font-size:2.8em;
}

.wrap_fontane .feedback_list { 
    text-align:center;
    margin:3em 0 0 0;
}


.wrap_fontane .feedback_list li {
    border-radius:2em;
    border:0.3em solid #fff;
    box-shadow: 0 0 2em #888;
    
    background-color:#fff;
}

.wrap_fontane .fdb_usr {
    float: left;
    font-size:3em;
    text-transform: uppercase;
    color:#fff;
    padding:0.3em 0.7em;
    margin:-1.1em 1em 0 -0.7em;
    border-radius:4em;
    border:0.3em solid #fff;
    box-shadow: 0 0 1em #888;
}

.wrap_fontane .fdb_usr_name {
    font-size:3em;
    float:left;
    text-align: left;
}

.wrap_fontane .fdb_info {
    text-align:right;
    font-size:2.7em;
    padding:0.1em 0.8em;
}

.wrap_fontane .fdb_commento {
    text-align:left;
    font-size:2.7em;
    font-style: italic;
    padding:0.8em 0.8em;
    border-top:0.2em dashed #ccc;
}


.wrap_fontane .gallery img { width:24%; float:left; margin:0.3% 0.3%; }
.wrap_fontane .gallery img:first-child { width:48%; margin:0.3% 0.3% 0.9% 0.3%; }

#container_stream, #container_canvas,
#videoElement, #canvas {
    width:100% !important;
    text-align:center;
    margin:0 auto !important;
}

.col_left, .col_right { 
    width:90% !important; 
    float:none !important;
    margin:0 auto !important;
}

label {
    font-size: 2.8em;
    padding: 10px 0 0 0;
}
.form-control {
    font-size:3em;
    height:3.1em;
}

.details { font-size:2.8em; }
.details .flag {
    width:2em;
    margin:0 50px 0 0 !important;
}






/* _- Services -_ */
.wrap_services {
    text-align:center;
}
.wrap_services table { width:99.9%; font-size:3em; background-color:#fff !important; margin:20px auto; border-radius:10px; }
.wrap_services td { padding:10px 15px !important; }

.wrap_services a img.info { width:2.8em; }

.wrap_services table .btn 
{
    font-size:1em;
    padding: 0 0;
    border-radius:5px;
}

.wrap_services .btn {
    font-size:3.5em;
}

.wrap_services .navigatore 
{
    width:3em;
    float:left;
    margin:0 10px;
}


.wrap_services .gallery img { width:24%; float:left; margin:0.3% 0.3%; }
.wrap_services .gallery img:first-child { width:72%; margin:0.3% 0.3% 0.9% 0.3%; }

.wrap_services .contatore {
    font-size:5em;
    font-weight:bold;
    color:#fff;
    text-shadow:0 0 35px #093680;
}

.wrap_services .contatore a {
    font-size:4.3em;
    color:#fff;
    line-height:0.8em;
}

.wrap_services ul.fountain_list { width:99%; padding:0 0; list-style:none; }
.wrap_services ul.fountain_list li {
    text-align:left;
    font-size:2em;
    padding:5px 20px;
    border-bottom:1px solid #fff;
}
.wrap_services ul.fountain_list li a { font-size:1.5em; text-align:center; margin: 40px 0 0 0;}
.wrap_services ul.fountain_list li:hover {
    color:#fff;
    background-color:#9DD4E8;
}

.wrap_services .box {
    width:95%;
    padding: 1em 0 0 1em;
    margin:1em auto;
    background-color:#fff;
    box-shadow:0 0 2em #888;
}
    .wrap_services .box img.preview {
        width:37%;
        float:left;
        margin:0 1em 1em 0;
    }
    .wrap_services .box table.info {
        width:60%;
        font-size: 1.9em;
        float:right;
        margin:0 0;
    }
.wrap_services .box table.info td {
    line-height: 0.8em;
    text-align: left;
    vertical-align: top;
    padding:0 0;
}
.wrap_services .box table.info tr td:first-child {
    width:15%;
    font-weight:bold;
}

.wrap_services a.info_btn,
.wrap_services .box a.info_btn {
    width:30%;
    color:#fff;
    font-size:3.2em;
    font-weight:bold;
    line-height: 0em;
    text-transform: uppercase;
    float:right;
    bottom: 0;
    right: 0;
    padding:1em 1.1em;
    margin:10px 0 0 0;
    border:5px solid #fff;
    background-color:#FEE782;
    background-image:url('../img/yellow-bg.jpg');
    background-size: cover;
    background-position: top left;
}

.wrap_services table.user_info td:first-child { text-align:center; }

.wrap_services table.classifica th {
    text-align:center;
    border-bottom:1px solid #3997C7;
}
.wrap_services table.classifica tr:hover td {
    border-bottom:1px solid orange;
}





ul.pagination_menu {
    width:90%;
    text-align:center;
    display: inline-block;
    list-style: none;
    padding:0 0;
    margin:0 0;
}
    ul.pagination_menu li {
        display: inline-block;
        font-size:3em;
        padding:0px 20px;
        margin:0 2px;
        border-radius:50px;
        border:3px solid #3B93CE;
        background-color:#3B93CE;
        transition-duration: 1s;
    }
    ul.pagination_menu li:hover { border:3px solid #ffffff; background-color:#1A66A9; }
    ul.pagination_menu li a { color:#fff;}


.wrap_fontane .box {
    width:99%;
    padding: 1em 0 0 1em;
    margin:1em auto;
    background-color:#fff;
    box-shadow:0 0 2em #888;
}
    .wrap_fontane .box img.preview {
        width:37%;
        float:left;
        margin:0 1em 1em 0;
    }
    .wrap_fontane .box table.info {
        width:60%;
        font-size: 1.9em;
        float:right;
        margin:0 0;
    }
.wrap_fontane .box table.info td {
    font-size:1.1em;
    line-height: 1em;
    text-align: left;
    vertical-align: top;
    padding:10px 0 !important;
}
.wrap_fontane .box table.info tr td:first-child {
    width:15%;
    font-weight:bold;
}

.wrap_fontane .box a .pot { 
    float:left;
    margin:0 0 0 -38.1%;
}
.wrap_fontane .box a.info_btn {
    width:30%;
    color:#fff;
    font-size:3.2em;
    font-weight:bold;
    line-height: 0em;
    text-transform: uppercase;
    float:right;
    bottom: 0;
    right: 0;
    padding:1em 1.1em;
    margin:10px 0 0 0;
    border:5px solid #fff;
    background-color:#FEE782;
    background-image:url('../img/yellow-bg.jpg');
    background-size: cover;
    background-position: top left;
}

.page {
    color:#333;
    font-size:3em;
    font-weight: normal;
    text-align:justify;
    padding:0 25px;
}
.page h3 { font-size:2.5em; text-transform:capitalize; }
.page p { padding:15px 0 0 0; }
.page ul li { color:#333; }
.page table { font-size:1em; }



/* _- Autocomplete -_ */
.ui-autocomplete {
    font-size:3em;
}



/* _- Footer -_ */
.footer {
    font-size:2.2em;
    color:#fff;
    padding:3% 20%;
    background-color:#777;
    border-top:15px solid orange;
    border-bottom:15px solid #0060AD;
}

.footer a {
    color:#fff;
    text-decoration: underline !important;
    text-shadow:5px 5px 10p #1360A2;
}



/* _- Radar / wild mode -_ */
.radar_info {
    width:651px;
    font-family: courier;
    font-size:3em;
    color:#00ff00;
    text-align: center;
    line-height: 0.8em;
    padding:5px 5px;
    margin:-200px auto 30px auto;
}

.radar_map {
    position: relative;
    z-index:5;
    margin:20px auto;
    /* border:5px solid #00ff00; */
}

.radar_mode {
    background: none;
    background-image:url('../img/dark_leather.png');
    background-color:#111;
}

.quadrante {
    width:100%;
    height:100px;
    position: relative;
    z-index:10;
    pointer-events: none;
    margin-bottom:50px;
    background-image:url('../img/quadrante.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
}