/*---------------------------------------------------------------------------------

	Theme Name: Xpixel
	Theme URI: http://www.xpixel.it
	Author: Xpixel
	Author URI: http://www.xpixel.it
	Version: 1.0

-----------------------------------------------------------------------------------
	
	0.	Header 																												
	1.	Content
    2.	Navigation 
	3.	Footer
	4.	Form 
	5.  Effects												
	6.  Media Query


-----------------------------------------------------------------------------------*/

/*Futura*/
@font-face
{
    font-family: 'Myriad';
    src: url('../Fonts/Myriad/MyFonts.eot');
    src: url('../Fonts/Myriad/MyFonts.eot?#iefix') format('embedded-opentype'), url('../Fonts/Myriad/MyFonts.woff') format('woff'), url('../Fonts/Myriad/MyFonts.ttf') format('truetype'), url('../Fonts/Myriad/MyFonts.svg#Myriad') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*English*/
@font-face
{
    font-family: 'English';
    src: url('../Fonts/English/MyFonts.eot');
    src: url('../Fonts/English/MyFonts.eot?#iefix') format('embedded-opentype'), url('../Fonts/English/MyFonts.woff') format('woff'), url('../Fonts/English/MyFonts.ttf') format('truetype'), url('../Fonts/English/MyFonts.svg#English') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*Bell MT*/
@font-face
{
    font-family: 'BellMT';
    src: url('../Fonts/BellMT/MyFonts.eot');
    src: url('../Fonts/BellMT/MyFonts.eot?#iefix') format('embedded-opentype'), url('../Fonts/BellMT/MyFonts.woff') format('woff'), url('../Fonts/BellMT/MyFonts.ttf') format('truetype'), url('../Fonts/BellMT/MyFonts.svg#BellMT') format('svg');
    font-weight: normal;
    font-style: normal;
}








html
{
    background-image: url('../images/background/background-pattern.png');
    background-repeat: repeat;
    background-color: #CCDFFF;
    height: 100%;
}





body
{
    font-size: 15px;
    color: #808080;
    font-style: normal;
    font-weight: 400;
    font-family: 'Myriad';
    min-height: 100%;
    padding: 0;
    margin: 0;
    position: relative;
}

body::after
{
    content: '';
    display: block;
    height: 250px; /* Set same as footer's height */
}

.title, .description
{
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    font-weight: 100;
    padding: 0px;
    margin: 0px;
    padding-bottom: 20px;
}

.title
{
}
.description
{
    font-size: 1em;
}



.overlay
{
    display: none;
    width: 100%;
    height: 100%;
    background: #000000;
    position: fixed;
    z-index: 0;
    top: 0px;
    left: 0px;
    opacity: 0.3;
}


img
{
    border-style: none;
}


/*image alignment*/

img.alignright
{
    float: right;
    margin: 0 0 1em 1em;
}
img.alignleft
{
    float: left;
    margin: 0 1em 1em 0;
}
img.aligncenter
{
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.alignright
{
    float: right;
}
.alignleft
{
    float: left;
}
.aligncenter
{
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/*--------------------------------------------------------------------*/





/*---------------------------------------------------------------------------------*/
/*	0.	header
/*---------------------------------------------------------------------------------*/



header
{
    padding: 20px;
    position: relative;
    max-width: 1240px;
    margin: 0px auto;
}

.navbar-wrapper
{
    max-width: 1240px;
    margin: auto;
}



.header-divider
{
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px;
}


.header-divider img
{
    max-width: 1241px;
    width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
}




/*---------------------------------------------------------------------------------*/
/*	1.	Content
/*---------------------------------------------------------------------------------*/

#main
{
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0px auto 0 auto; /*Border effect*/
    padding-top: 40px;
}


.logo img
{
    max-width: 300px;
    width: 100%;
    height: auto;
}





/*---------------------------------------------------------------------------------*/
/*	2.	Navigation
/*---------------------------------------------------------------------------------*/

#topPage
{
    display: none;
    position: fixed;
    right: 5px;
    top: 50%;
    cursor: pointer;
    z-index: 1000;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    background-color: #000000;
    box-shadow: 0px 0px 2px 1px #666666;
    -webkit-box-shadow: 0px 0px 2px 1px #666666;
    -moz-box-shadow: 0px 0px 2px 1px #666666;
    -o-box-shadow: 0px 0px 2px 1px #666666;
    opacity: 0.8;
    text-align: center;
}

#topPage:hover
{
    color: #FFFFFF;
}

#topPage i
{
    font-size: 30px;
    margin: auto;
    width: 40px;
    height: 40px;
    display: table-cell;
    vertical-align: middle;
}



/* icon effect */

/* common */

.header-wrapper
{
}


.info-wrapper
{
    max-width: 1240px;
    margin: 0px auto;
}






/*NAVBAR LANGUAGE*/

.navbar-language
{
    position: absolute;
    top: 5px;
    right: 30px;
    z-index: 1;
}

.navbar-language a
{
    margin-left: 2px;
}



/*NAVBAR TOP*/

#menu
{
    z-index: 1;
    height: auto;
    width: auto;
    padding: 0;
    margin: 0px;
    left: 0;
    top: 0;
    bottom: 0px;
    display: block;
}


.navbar-top
{
    zoom: 1;
    background: #0076A9;
    background: -moz-linear-gradient(top, #0076A9 0%, #00364D 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0076A9), color-stop(100%, #00364D));
    background: -webkit-linear-gradient(top, #0076A9 0%, #00364D 100%);
    background: -o-linear-gradient(top, #0076A9 0%, #00364D 100%);
    background: -ms-linear-gradient(top, #0076A9 0%, #00364D 100%);
    background: linear-gradient(top, #0076A9 0%, #00364D 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@top-color', endColorstr='@bottom-color', GradientType=0);
    border: 1px solid #e5e5e5;
    box-shadow: 0px 5px 5px -1px #7E7E7E;
    -webkit-box-shadow: 0px 5px 5px -1px #7E7E7E;
    -moz-box-shadow: 0px 5px 5px -1px #7E7E7E;
    -o-box-shadow: 0px 5px 5px -1px #7E7E7E;
}




/*horizontal*/
.logo-menu-side, .navbar-top
{
    display: none;
}


.navbar-top.horizontal ul li a
{
    font-size: 1.2em;
}

.navbar-top.horizontal, .navbar-top.horizontal li, .navbar-top.horizontal a
{
    list-style: none;
    border: 0; /*! line-height: 1; */
}



.navbar-top.horizontal
{
    max-width: 1240px;
    width: 100%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

.navbar-top.horizontal ul
{
    padding-top: 5px;
    padding-bottom: 5px;
}


.navbar-top.horizontal ul:before
{
    content: '';
    display: block;
}
.navbar-top.horizontal ul:after
{
    content: '';
    display: table;
    clear: both;
}
.navbar-top.horizontal li
{
    display: inline-block;
    margin: 0 5px 0 0;
    border: 1px solid transparent;
}

.navbar-top.horizontal li a
{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    padding: 8px 15px 9px 15px;
    display: block;
    text-decoration: none;
    color: #fff;
    border: 1px solid transparent;
}


.navbar-top.horizontal > ul > li.activelink, .navbar-top.horizontal > ul > li:hover
{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #0076A9;
}

.navbar-top.horizontal > ul > li.activelink a, .navbar-top.horizontal > ul > li > a:hover
{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    display: block;
    background: #005C85;
    border: 1px solid #00293B;
    -moz-box-shadow: inset 0 5px 10px #003045;
    -webkit-box-shadow: inset 0 5px 10px #003045;
    box-shadow: inset 0 5px 10px #003045;
}


.navbar-top.horizontal i
{
    font-style: normal;
}



.navbar-top.horizontal hr
{
    display: none;
}


/*horizontal submenu*/

.navbar-top.horizontal ul li ul
{
    padding: 0px;
    margin: 0px;
    position: absolute;
    display: none;
}

.navbar-top.horizontal ul li ul li
{
    display: block;
}


.navbar-top.horizontal ul li:hover ul
{
    display: block;
}

.navbar-top-submenu li:first-child
{
    padding-top: 8px;
}


.navbar-top-submenu li a
{
    background-color: #000000;
    opacity: 0.8;
}
.navbar-top-submenu li a:hover
{
    color: #0076A9;
}


/*top home*/

.fonticons
{
    font-size: 1.3em;
    line-height: 1px;
    vertical-align: middle;
    cursor: default;
}

#menuButton
{
    display: none;
}





/*vertical*/

.navbar-top.vertical li a
{
    background-color: transparent;
    opacity: 1;
}

.navbar-top.vertical
{
    border-width: 1px;
    border-color: #000000;
    float: left;
    clear: right;
    background-color: #333333;
    opacity: 0.90;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-box-shadow: 1px 2px 6px #333333;
    -webkit-box-shadow: 1px 2px 6px #333333;
    box-shadow: 1px 2px 6px #333333;
    height: 100%;
    bottom: 0;
    max-width: 350px;
    border-right-style: solid;
    background-image: url('../images/background/bg-footer.jpg');
}


/*
.navbar-top.vertical li:first-child
{
  display: none;
}
*/



/*
.navbar-top-submenu li:first-child
{
  display: none;
}
*/
.navbar-top.vertical a, .navbar-top.vertical a:link, .navbar-top.vertical a:visited
{
    text-decoration: none;
    color: #FFFFFF;
}

.navbar-top.vertical ul
{
    padding: 0px;
    margin: 0px;
}

.navbar-top.vertical li:first-child
{
    /*padding-top: 10px;*/
}

.navbar-top.vertical li
{
    padding: 0px;
    margin: 0px;
    list-style: none;
}


.navbar-top.vertical a
{
    padding: 3px 15px 3px 15px;
    text-decoration: none;
    display: block; /* text-transform: uppercase;*/
}

.navbar-top.vertical a:hover, .navbar-top.vertical .activelink a, .navbar-top.vertical a.activelink
{
    color: #0076A9;
}


.navbar-top.vertical hr
{
    border-top-color: #000000;
    border-bottom-color: #666666;
    border-style: solid none solid none;
    height: 0px;
}
.navbar-top.vertical
{
    overflow-x: hidden;
    overflow-y: visible;
}





/* Middle -------------------------------------------------------------------------*/

.navbar-middle a
{
    text-decoration: none;
}
.navbar-middle ul
{
    list-style: none;
}

.navbar-middle hr
{
    display: none;
}


/*Menu mappa appartamenti*/

.map-container
{
    border: thin solid #F4F4F4;
    cursor: pointer;
    width: 80%;
    position: absolute;
    margin: auto;
    left: 40px;
    right: 0px;
    max-width: 521px;
    z-index: 998;
    display: none;
    box-shadow: 5px 5px 5px -1px #7E7E7E;
    -webkit-box-shadow: 5px 5px 5px -1px #7E7E7E;
    -moz-box-shadow: 5px 5px 5px -1px #7E7E7E;
    -o-box-shadow: 5px 5px 5px -1px #7E7E7E;
    background: rgba(245,245,245,0.8);
}
/*content*/



.content-container
{
    position: relative;
    margin-left: 350px;
    min-height: 410px;
    font-style: normal;
    font-size: 1.2em;
    background-color: #FFF; /*opacity: 0.8;*/
    border: thin solid #CCCCCC;
    top: 0px;
    left: 0px;
    bottom: 30px;
    right: 0px;
    margin-right: 20px;
}

.content-container span
{
    position: absolute;
    top: 15px;
    left: 15px;
    bottom: 15px;
    right: 15px;
    background-color: #FCFAF3;
}


.content-container div
{
    display: none;
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
}


.frame-image
{
    position: absolute;
    z-index: 2;
    left: 0px;
    top: 0px;
}
.frame-image img
{
    max-width: 220px;
    height: auto;
}


.wrap-gallery
{
    overflow: hidden;
    padding: 0px 10px 0 10px;
    margin-bottom: 10px;
}






/*---------------------------------------------------------------------------------*/
/*	3.	Footer
/*---------------------------------------------------------------------------------*/


/* Social and Footer --------------------------------------------------------------*/






footer
{
    text-transform: lowercase;
    background-color: #333333;
    padding-top: 20px;
    color: #666666;
    background-image: url('../images/background/bg-footer.jpg');
    opacity: 0.90;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 150px;
    text-align: center;
}


.footer-wrapper
{
    max-width: 1240px;
    margin: 0px auto;
    text-align: center;
}

.footer-wrapper li a:hover
{
    color: #CCCCCC;
}
.footer-wrapper a:link
{
    color: #666666;
}
.footer-wrapper a:visited
{
    color: #336699;
}
.footer-wrapper a.activelink
{
    color: #333333;
}
.footer-wrapper ul li, .footer-wrapper ul li a
{
    text-decoration: none;
    list-style: none;
}

.footer-wrapper hr
{
    display: none;
}

.logo-schema-img
{
    max-width: 180px;
}

.schema-body
{
    padding: 5px;
    border: thin solid #666666;
    display: none;
    position: absolute;
    top: -6em;
    background-color: #000000;
}

.schema a:hover, .navbar-footer a:hover
{
    color: #CCCCCC;
}

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

.schema
{
    list-style: none;
    margin-bottom: 20px;
    text-align: center;
}


.navbar-footer ul
{
    padding: 0px;
    margin: 0px;
}

.navbar-footer a
{
    line-height: 2em;
}


.privacy:before
{
    content: "\f312";
    cursor: pointer;
    font-family: Fonticons;
    font-size: 100%;
    color: #666666;
}



.footer-line
{
    clear: both;
    border-bottom: 1px solid #121212;
    box-shadow: 0px 1px #2a2a2a;
    margin: 20px 0;
}

.footer-info ul
{
    padding: 0px;
    margin: 0px;
}


.footer-info ul li
{
    display: inline-block;
    list-style: none;
}


.footer-info a
{
    cursor: pointer;
    color: #4d4d4d;
    text-shadow: 0px -1px 0px #000000;
}

.footer-info i
{
    font-family: 'Myriad';
    font-style: normal;
}


.footer-info a:hover
{
    color: #ccc;
}


.footer-info li a
{
    text-decoration: none;
}

.footer-info a:before
{
    margin-right: 10px;
    font-size: 1.2em;
    float: left;
}

.footer-info li a
{
    font-size: 1em;
    font-weight: 400;
}




.footer-info li
{
    margin-right: 15px;
    margin-top: 10px;
    margin-bottom: 10px;
}


#map
{
    height: 370px;
    overflow: hidden;
    margin-right: 10px;
}

#map-container
{
    height: 100%;
    position: relative;
}

.map-shadow
{
    width: 100%;
    height: 17px;
    background: transparent url("../images/background/map-shadows.png") repeat-x scroll center top;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
}


#mapContacts
{
    height: 420px;
    max-width: 600px;
    width: 45%;
    box-shadow: 1px 2px 6px #333333;
    -webkit-box-shadow: 1px 2px 6px #333333;
    -moz-box-shadow: 1px 2px 6px #333333;
}

.top
{
    position: absolute;
    bottom: 25px;
    right: 50px;
    z-index: 3;
    box-shadow: 1px 2px 6px #333333;
    -webkit-box-shadow: 1px 2px 6px #333333;
    -moz-box-shadow: 1px 2px 6px #333333;
}
.top a
{
    padding: 10px;
    color: #666666;
    text-decoration: none;
    margin: 0 auto;
    cursor: pointer;
    float: right;
    text-decoration: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #666666;
    background-color: #1F1F1F;
}

.top a:hover
{
    border: 1px solid #cccccc;
}


/*---------------------------------------------------------------------------------*/
/*	4.	Form
/*---------------------------------------------------------------------------------*/

/*Tariffe*/
.dataList-tariffe
{
    width: 100%;
}





/*safari*/
@media screen and (-webkit-min-device-pixel-ratio:0)
{

}

#txtVerify
{
    max-width: 200px;
}

.modulo
{
    overflow: hidden;
    padding: 20px;
    margin-bottom: 10px;
}



.modulo td
{
    position: relative;
}

.modulo span:before
{
    content: "\f153";
    font: 400 15px/1 Fonticons;
    padding-right: 5px;
    color: #dd3d36;
}


table
{
    width: 100%;
    text-align: left;
}

.modulo table td
{
    padding-bottom: 15px;
}
.inputMsg
{
    height: 200px;
    overflow: hidden;
}

.input, .inputMsg
{
    line-height: normal;
    font-family: 'Myriad';
    padding: .625em 1em;
    text-transform: none;
    color: #9D9E9E;
    text-shadow: 1px 1px 0 rgba(256, 256, 256, 1.0);
    background: #FFF;
    border: 1px solid #FFF;
    border-radius: 5px;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.50);
    -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.50);
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.50);
    font-size: 1em;
    width: 98%; /*safari*/
    width: -moz-calc(100% - 50px);
    width: -webkit-calc(100%  - 50px);
    width: -o-calc(100%  - 50px);
    width: calc(100%  - 50px);
}


input:focus, .input:focus, .inputMsg:focus, .inputMsg:hover, .input:hover
{
    background: #DFEAEA;
    color: #414848;
}




.field-td
{
    width: 50%;
}

.response-td
{
}



.response-wrapper
{
    padding: 10px;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1);
    box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.1);
    display: none; /* margin-top: 30px;*/
    position: absolute;
    left: 50%;
    top: 40%;
    transform: translate(-50%,-50%);
}
.response-wrapper ul
{
    list-style: none;
    text-decoration: none;
    margin: 0;
    padding: 0;
}

.response-text
{
    font-family: "Open Sans" ,sans-serif;
    color: #333333;
    font-size: 80%;
    display: none;
}
.clear
{
    clear: both;
    padding: 0px;
    margin: 0px;
}


.red
{
    border-left: 4px solid #dd3d36;
    left: 1px;
    width: 301px;
}

.green
{
    border-left: 4px solid #7ad03a;
}


.captcha
{
    border: thin solid #666666;
    width: 200px;
    height: auto;
}


.response-end-wrapper
{
    display: none;
    padding: 20px;
    background-color: #fff; /*display: none; /* margin-top: 30px;*/
    position: fixed;
    max-width: 300px;
    width: 100%;
    max-height: 300px;
    height: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 999;
    text-align: center;
    font-size: 1.1em;
}

.validate-response
{
    font-family: 'Myriad';
    color: #FF0000;
    position: absolute;
}



.RequiredFieldValidator
{
    padding: 10px;
    font-family: 'Myriad';
    display: inline-block;
    top: -20px;
    right: -20px;
    position: absolute;
    z-index: 100;
    color: #FFFFFF;
    background-color: #F0F0F0;
    text-align: center;
    visibility: hidden;
    border-radius: 6px;
    font-size: 0.8em;
    box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 2px;
}

.RequiredFieldValidator:after
{
    content: "";
    position: absolute;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    bottom: -5px;
    left: 20%;
    border-width: 5px;
    border-style: solid;
    border-color: #F0F0F0;
    box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 2px;
}


.privacy-validator
{
    top: -30px;
    right: 100px;
}







/*Image background*/
/*
.image-background img
{
    position: fixed;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    height: auto;
    min-width: 100%;
    max-width: 100%;
    z-index: -1;
    background-color: #FFFFFF;
}
*/


.image-background
{
    position: fixed;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    z-index: -1;
}


.image-background img
{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    min-width: 0%;
    min-height: 0%;
}


.content-page
{
    overflow: hidden;
    float: left;
    width: 50%;
}



.wrapper-contatti
{
    text-align: center;
}

/*collapse menu*/
#collapseButtonMenuTop
{
    cursor: pointer;
    font-size: 55px;
}


#collapseButton
{
    position: absolute;
    cursor: pointer;
    right: 20px;
    top: 10px;
    font-size: 30px;
    color: #000;
}
#collapseButtonMap
{
    padding: 40px 25px 20px 25px;
    cursor: pointer;
    z-index: 999;
    font-size: 20px;
    -webkit-box-shadow: inset 0px 1px 0px #0076A9, 0px 5px 0px 0px #004462, 0px 10px 5px #999;
    -moz-box-shadow: inset 0px 1px 0px #0076A9, 0px 5px 0px 0px #004462, 0px 10px 5px #999;
    box-shadow: inset 0px 1px 0px #0076A9, 0px 5px 0px 0px #004462, 0px 10px 5px #999; /*give the corners a small curve*/
    margin-bottom: 20px;
    background-color: #0076A9;
    color: #FFFFFF;
}

#collapseButtonMap:hover
{
    color: #F9F3E6; /*reduce the size of the shadow to give a pushed effect*/
    -webkit-box-shadow: inset 0px 1px 0px #0076A9, 0px 2px 0px 0px #004462, 0px 2px 5px #999;
    -moz-box-shadow: inset 0px 1px 0px #0076A9, 0px 2px 0px 0px #004462, 0px 2px 5px #999;
    box-shadow: inset 0px 1px 0px #0076A9, 0px 2px 0px 0px #004462, 0px 2px 5px #999;
    text-shadow: 0 -1px 0px rgba(0, 0, 0, 0.3); /*give the text a shadow - doesn't appear in Opera 12.02 or earlier*/
    background: rgba(0,118,169,1);
}



#collapseButtonMap i
{
    font-size: 15px;
    display: block;
    margin-top: -20px;
    font-family: "Myriad";
    color: #FFFFFF;
}


#collapseButton:hover, #collapseButton:focus
{
    color: #000;
}

#collapseButton:hover
{
    color: #666;
}

#collapseButton:focus
{
    color: #fff;
}



.page-wrapper
{
    position: relative;
    max-width: 1240px; /*min-height: 800px;*/
    width: 90%;
    margin: auto;
    font-weight: 400;
}


.page-wrapper i
{
    /*font-family: 'English';*/
    font-style: normal;
    cursor: pointer;
}

.page-border
{
    border: 1px solid #FFFFFF;
    border-radius: 8px;
    background-color: rgba(255,255,255,0.5);
}




.page-sheet
{
    height: 100%;
    padding: 20px;
    margin: 20px;
    background-color: #fff;
}




/*results*/
.wrapper-results
{
    width: 100%;
}

.result-data
{
    font-style: italic;
    color: #808080;
}

.result-titolo
{
    font-family: 'Myriad';
    font-style: normal;
    font-size: 1.5em;
}

.result-titolo a
{
    text-decoration: none;
    color: #666666;
}

.result-button a
{
    text-decoration: none;
}

.textNotFound
{
}
.post-container ul
{
    margin-top: 0px;
}


/*Tariffe*/


.datalist-header td
{
    border: 1px solid #FFFFFF;
    height: 40px;
    text-align: center;
}

.periodo
{
    width: 170px;
}
.fisso
{
    width: 60px;
    text-align: right;
}
.anni
{
    text-align: center;
    width: 60px;
    text-align: right;
}

.datalist-header tr td, .datalist-body tr td
{
    padding-bottom: 0px;
}


/*---------------------------------------------------------------------------------*/
/*	5.	Effects
/*---------------------------------------------------------------------------------*/

.btn-style, .btn-style:link, .btn-style:visited
{
    background: #0076A9; /*the colour of the button*/
    padding: 8px 14px 10px; /*apply some padding inside the button*/
    border: 1px solid #0076A9; /*required or the default border for the browser will appear*/
    cursor: pointer; /*forces the cursor to change to a hand when the button is hovered*/ /*style the text*/
    font-size: 1em;
    font-family: 'Myriad';
    letter-spacing: .1em;
    color: #fff;
    -webkit-box-shadow: inset 0px 1px 0px #0076A9, 0px 5px 0px 0px #004462, 0px 10px 5px #999;
    -moz-box-shadow: inset 0px 1px 0px #0076A9, 0px 5px 0px 0px #004462, 0px 10px 5px #999;
    box-shadow: inset 0px 1px 0px #0076A9, 0px 5px 0px 0px #004462, 0px 10px 5px #999; /*give the corners a small curve*/
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    font-weight: bold;
    display: inline-block;
}


.btn-style:hover, .btn-style:focus
{
    color: #F9F3E6; /*reduce the size of the shadow to give a pushed effect*/
    -webkit-box-shadow: inset 0px 1px 0px #0076A9, 0px 2px 0px 0px #004462, 0px 2px 5px #999;
    -moz-box-shadow: inset 0px 1px 0px #0076A9, 0px 2px 0px 0px #004462, 0px 2px 5px #999;
    box-shadow: inset 0px 1px 0px #0076A9, 0px 2px 0px 0px #004462, 0px 2px 5px #999;
    text-shadow: 0 -1px 0px rgba(0, 0, 0, 0.3); /*give the text a shadow - doesn't appear in Opera 12.02 or earlier*/
    background: rgba(0,118,169,1);
}




.shadow-outer-very-small
{
    box-shadow: 0px 0px 2px 1px #666666;
    -webkit-box-shadow: 0px 0px 2px 1px #666666;
    -moz-box-shadow: 0px 0px 2px 1px #666666;
    -o-box-shadow: 0px 0px 2px 1px #666666;
}



.shadow-outer-small
{
    box-shadow: 5px 5px 5px -1px #7E7E7E;
    -webkit-box-shadow: 5px 5px 5px -1px #7E7E7E;
    -moz-box-shadow: 5px 5px 5px -1px #7E7E7E;
    -o-box-shadow: 5px 5px 5px -1px #7E7E7E;
}

.shadow-outer-big
{
    box-shadow: 20px 20px 46px 1px #DDDDDD;
    -webkit-box-shadow: 20px 20px 46px 1px #DDDDDD;
    -moz-box-shadow: 20px 20px 46px 1px #DDDDDD;
    -o-box-shadow: 20px 20px 46px 1px #DDDDDD;
}




.shadow-inner
{
    box-shadow: inset 0px 0px 10px 0px #ABABAB;
    -webkit-box-shadow: inset 0px 0px 10px 0px #ABABAB;
    -moz-box-shadow: inset 0px 0px 10px 0px #ABABAB;
    -o-box-shadow: inset 0px 0px 10px 0px #ABABAB;
}
.border-radius
{
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}
.border-radius-small
{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}



.shadow-inner-outer
{
    box-shadow: inset 0px 0px 10px 0px #ABABAB,5px 5px 5px -1px #DDDDDD;
    -webkit-box-shadow: inset 0px 0px 10px 0px #ABABAB,5px 5px 5px -1px #DDDDDD;
    -moz-box-shadow: inset 0px 0px 10px 0px #ABABAB,5px 5px 5px -1px #DDDDDD;
    -o-box-shadow: inset 0px 0px 10px 0px #ABABAB,5px 5px 5px -1px #DDDDDD;
}

.shadow-inner-outer-big
{
    box-shadow: inset 0px 0px 10px 0px #ABABAB,20px 20px 9px 1px #DDDDDD;
    -webkit-box-shadow: inset 0px 0px 10px 0px #ABABAB,20px 20px 9px 1px #DDDDDD;
    -moz-box-shadow: inset 0px 0px 10px 0px #ABABAB,20px 20px 9px 1px #DDDDDD;
    -o-box-shadow: inset 0px 0px 10px 0px #ABABAB,20px 20px 9px 1px #DDDDDD;
}


/*---------------------------------------------------------------------------------*/
/*	6.	Media Query
/*---------------------------------------------------------------------------------*/




@media only screen and (max-width : 480px)
{

    .captcha
    {
        width: 120px;
    }



    #map
    {
        max-width: 80%;
    }


    .dataList-tariffe
    {
        overflow-x: scroll;
    }



    /*collapse menu*/





    .footer-info li a
    {
        font-size: 1.1em;
    }


    .footer-info ul
    {
        padding: 0px 0px 20px 0px;
        margin: 0px;
    }

    .footer-info ul li
    {
        padding: 0px;
        margin: 0px 0px 15px 0px;
    }


    .image-background
    {
        /*display: none;*/
    }


    .logo img
    {
        max-width: 280px;
    }

    .input
    {
        width: 70%;
    }

    .privacy-validator
    {
        right: 0px;
    }



}


@media only screen and (max-width : 600px)
{



    .map-container
    {
        margin: auto;
        left: 0px;
    }



    .footer-info i
    {
        display: none;
    }

    .footer-info a:before
    {
        font-size: 1.8em;
    }

    .logo img
    {
        max-width: 250px;
        margin: auto;
    }


    /*vertical resize*/

    .logo-menu-side
    {
        display: none;
    }



    body
    {
        font-size: 1.3rem;
    }

    .wrap-text
    {
        font-size: 3em;
    }


    #mapContacts
    {
        width: 100%;
    }


    .footer-info
    {
        max-width: 100%;
    }


}
/*Galaxy S3 landscape*/
@media only screen and (max-width : 640px)
{


}



@media only screen and (max-width : 800px)
{

    .map-container
    {
        overflow-x: scroll;
    }



    #menuButton
    {
        text-align: center;
        margin: auto;
        width: 95%;
        padding-top: 0px;
        float: left;
        display: inline-block;
        padding-top: 18px;
        font-size: 2em;
    }
    #menuButton a
    {
        cursor: pointer;
        padding-top: 10px;
        color: #FFFFFF;
    }


    #menuButton a:hover
    {
        color: #0076A9;
    }





    .logo
    {
        text-align: center;
        margin: auto;
        width: 100%;
    }



    body
    {
        font-size: 1.1rem;
    }


    .content-page
    {
        clear: both;
        width: 100%;
        margin: auto;
    }


    .content-container
    {
        margin: auto;
        max-width: 95%;
        clear: both;
        margin-bottom: 20px;
    }

    .wrapper-results
    {
        position: relative;
        width: 95%;
        width: -moz-calc(95% - 20px);
        width: -webkit-calc(95% - 20px);
        width: -o-calc(95% - 20px);
        width: calc(95% - 20px);
    }


}


@media only screen and (max-width : 1000px)
{

    .navbar-top a i
    {
        font-weight: 400;
        font-family: "Myriad";
        font-size: 1.3em;
    }


}


@media only screen and (min-width : 1500px)
{
    body
    {
        /*font-size: 1.5rem;*/
    }


    .logo img
    {
        max-width: 300px;
    }


    .wrap-text
    {
        font-size: 1.3em;
    }


    .content-container
    {
        margin-left: 460px;
        margin-right: 20px;
    }


}

@media only screen and (min-width : 1920px)
{


    .image-background img
    {
        min-width: 50%;
        min-height: 50%;
    }



}

@media only screen and (min-height : 1080px)
{


    .image-background img
    {
        min-width: 50%;
        min-height: 50%;
    }



}