/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

    /*PAGINA*/

    body{background: #fc0;}

    .pagina{
        margin-top: 20px;
        padding: 0 10px;
        background:#fff;
        box-shadow: 2px 2px 3px #c90;
    }
    /*LOGO*/
    
    .logo {
        width: 500px;
        margin: 0 auto;
        padding: 20px 0;
    }
    
    .logo img{width: 100%; height: auto;}
    
    /*MENU*/

    .menu {
        max-width: 66.7%;
         margin: 0 auto;
         text-align: center;
    }

    .menu li{margin: 0 !important;}
    .menu ul .nav a{background:#555; color:#fff;}

    .menu li a{
        display: block;
        border-top: 2px solid #555;
        border-bottom: 2px solid #555;
        border-right: 2px solid #555;
        padding: 0.8em 0;
        text-transform: uppercase;
        color: #555;
        font-size: 1.2em;
    }
    .menu li:first-child a{border-left: 2px solid #555;}
    .menu li a:link{text-decoration: none;}
    .menu li a:hover{background:#666; color:#fff;}
    .menu li a:active{background:#fff; color:#555;}

    /*CONTENUTO*/
    
    .fourteen.columns.blocco {
        width: 85,42%;
        margin: 0 7.29%;
        padding-bottom: 30px;
    }
    
    .contenuto{
        margin-top: 20px;
        border-top:1px solid #c00;
        border-bottom: 3px solid #c00;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    
    /*FOOTER*/
    .sixteen.columns.dati {margin: 20px 0;}
    .dati p{
        padding: 0 20px;
        display: inline;
	float:left;
    }
    .dati a{float: right;}

/* #Page Styles
================================================== */

    /*SLIDE*/
    
    #slides {display: none;}
    #slides .slidesjs-navigation {margin-top: 5px;}
    a.slidesjs-next, a.slidesjs-previous, a.slidesjs-play, a.slidesjs-stop {
        background-image: url("img/btns-next-prev.png");
        background-repeat: no-repeat;
        display: block;
        float: left;
        height: 18px;
        margin-right: 5px;
        overflow: hidden;
        text-indent: -9999px;
        width: 12px;
    }
    a.slidesjs-next {background-position: -12px 0;margin-right: 10px;}
    a.slidesjs-next:hover {background-position: -12px -18px;}
    a.slidesjs-previous {background-position: 0 0;}
    a.slidesjs-previous:hover {background-position: 0 -18px;}
    a.slidesjs-play {background-position: -25px 0;width: 15px;}
    a.slidesjs-play:hover {background-position: -25px -18px;}
    a.slidesjs-stop {background-position: -41px 0;width: 18px;}
    a.slidesjs-stop:hover {background-position: -41px -18px;}
    .slidesjs-pagination {float: right;list-style: none outside none;margin: 7px 0 0;}
    .slidesjs-pagination li {float: left;margin: 0 1px;}
    .slidesjs-pagination li a {
        background-image: url("img/pagination.png");
        background-position: 0 0;
        display: block;
        float: left;
        height: 0;
        overflow: hidden;
        padding-top: 13px;
        width: 13px;
    }
    .slidesjs-pagination li a.active, .slidesjs-pagination li a.active:hover {background-position: 0 -13px;}
    .slidesjs-pagination li a:hover {background-position: 0 -26px;}
    #slides a:link, #slides a:visited {color: #333333;}
    #slides a:hover, #slides a:active {color: #9E2020;}
    .navbar {overflow: hidden;}
    
    /*SERVIZI*/
    
    .seven.columns.servizi img {
        width: 96%;
        height: auto;
        padding: 2%;
        border: 1px solid #ccc;
        box-shadow: 2px 2px 2px #ccc;
        }
    .seven.columns.servizi p {font-size: 1em;}
    .seven.columns.servizi h2 {
        text-transform: uppercase;
        font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 1.2em;}

    .seven.columns.azienda img {
        width: 96%;
        height: auto;
        padding: 2%;
        }

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
            .menu {max-width: 64.6%;}
            /*SERVIZI*/
        }

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
             /*SERVIZI*/
        }

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
            
             /*MENU*/
             
            .logo {width: 100%;}
             
            .menu{margin:0;}
            .menu li a{
                border-left: 2px solid #555;
                border-bottom: 2px solid #555;
                border-right: 2px solid #555;
                border-top: none;
            }
            .menu li:first-child a{border-top: 2px solid #555;}
            .menu{margin-bottom: 10px;}
        
            /*SERVIZI*/
            .fourteen.columns.blocco {margin:0;}
            .seven.columns.servizi p {font-size: 1.2em;}
            .seven.columns.servizi h2,
            .seven.columns.servizi p,
            .seven.columns.servizi img {
                width: 80%;
                height: auto;
                margin: 1% 8% 5% 8%;
        }

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
        }

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
        .logo {width: 100%;}
        }


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/