/* 
    Document   : grafica.css
    Created on : 10-mar-2012, 14.04.14
    Author     : Marco Valsania - http://www.marcovalsania.it/
*/

@charset 'utf-8';/*à*/
/*accessibilità*/
.access,h1{
    display: none;
}
*{
    border: medium none;
    margin: 0;
    padding: 0;
}
ul{
    margin: 0 0 0 10px ;
}
li{
    margin: 0 0 0 10px ;
}
body,html{
    margin:0;
    padding:0;
    border:none;
}
body{
    font-size: 14px;
    color:#000000;
    font-family:CartoGothicStdBook,Arial,Verdana;
    background-color: #6090c0;
}
h1,h2,h3,h4{
    font-family:SteinemRoman,Arial,Verdana;
    margin: 0;
    padding: 0;
}
a{
    color:#000000;
    text-decoration: none;
}
a:hover{
    color:#000000;
    text-decoration:underline;
}
#container{
    width: 960px;
    margin: 0 auto 20px auto;
    background-color: #FFF;
    box-shadow: 5px 5px 10px #104070; 
}
#contenuto{
    background-color: #edf2f5;
}
#contenuto.fasciadx{
    background: #edf2f5 url(img/dx.jpg) repeat-y right top;    
}
#header{
    height:105px;
    background: #FFF url(img/head.jpg) no-repeat  left top;
}
#fasciaalto{
    height:275px;
    background: url(img/fasciaalto.jpg) no-repeat left top;
    border-bottom: 1px solid #CCC;
}
/**/
#fasciaalto div{
    padding:20px 0 0 20px;
}
#fasciaalto div h2{
    font-size: 20px;
    width:350px;
    color:#276ab9;
    text-shadow: #7ca8ff 1px 1px 1px;
}
#fasciaalto div p{
    text-shadow: 0px 0px 10px #FFF;
    padding:10px 0 0 0;
    font-size: 14px;
    color:#333;
}
.maintext p{
    padding: 4px 0;
}
/**/
#main{
    float:left;
    width:575px;    
}
#maincnt{
    padding:10px 20px;   
}
#maincnt h3{
    color:#276ab9;
    text-shadow: #7ca8ff 1px 1px 1px;
    margin: 0 0 3px 0;
}
#dx{
    float:right;
    width:385px;
}
#dxnt{
    padding: 10px 20px;
}
#copy{
    clear:both;
    font-family:QlassikMediumRegular,Arial,Verdana;
    background-color: #2577cb;
    color:#FFF;
    padding:10px;
    vertical-align: top;
}
#copySx{
    display:inline-block;
    width:430px;
    background: url(img/assistenza.png) no-repeat 20px 5px;
    vertical-align: top;
}
#copySxCnt{
   margin-left: 140px;
   margin-right: 40px;
}
#copy .assistenza{
    font-size:18px;
    color:#f59f00;
}
#copy .assistenza a{
    color:#f59f00;
}
#copyCen{
    display:inline-block;
    width:220px;
    vertical-align: top;
}
#copyDx{
    display:inline-block;
    width:280px;
    vertical-align: top;
}
#copyDx p.logo{
    margin-top:20px;
}
/*

#menu ul{
    list-style: none; 
    padding: 120px 0 0 0;
    margin: 0;
}
#menu ul li{
    float:left;
    display: inline-block;
    margin: 0 22px;
    padding:0;
}
#menu ul li.selected,#menu ul li.selected a,#menu ul li a:hover{
    color:#f59f00;
}
#menu ul li.last{
    margin-right:0;
}
#menu ul li div{
}
#menu, #menu a{
    font-family:QlassikMediumRegular,Arial,Verdana;
    color:#FFFFFF;
    font-size:20px;
    text-shadow: #172983 1px 1px 2px;
}
*/
#menu .nav {
	background: url('img/nav-back.png') repeat-x top;
	list-style: none;
	height: 39px;
	clear:both;
	border-bottom: 1px solid #10365d;
	padding: 0;
	margin:0;
        font-family:Arial;
}

#menu .nav li {
	background: url('img/nav-back.png') repeat-x top;
	float: left;
	display: block;
	padding: 0;
	margin: 0;
	height: 39px;
	border-right: 1px solid #10365d; 
	border-left: 1px solid #2f92f9;
}

#menu .nav li a {
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	text-shadow: 0 -1px 0 #0d3762;
	text-decoration: none;
	padding: 7px 16px;
	display: block;
        line-height: 28px;
}
#menu .nav li.selected,#menu .nav li.selected a,#menu .nav li a:hover{
    color:#f59f00;
}

#menu .nav li:first-child {/*
	border-top-left-radius: 8px;*/
	border-left: none;
}
#menu .nav li:last-child {/*
	border-top-right-radius: 8px;*/
	border-right: none;
}
#menu .nav li:hover { background-position: 0px -39px; }
#menu .nav li:active { background-position: 0px -78px; }
#menu .nav li:active > a { padding-top: 8px; }
/**/
#dx h2{
    font-size: 20px;
    color:#555;
    text-shadow: #AAA 1px 1px 1px;
}
.testo h3{
    text-shadow: #AAA 1px 1px 1px;
    margin: 0 0 3px 0;
}
#maincnt .testo p{
    margin-bottom:10px;    
}
#maincnt .image-wrap{
    margin-right:20px;    
}
#maincnt .news-image-wrap{
}
/**/
.image-wrap img,.news-image-wrap img {
    background: none repeat scroll 0 0 #FFFFFF;
    padding: 5px ;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    border: 0 none;
    color: #333333;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    border-radius: 10px;
}
.image-wrap,.news-image-wrap{
    margin: 0 5px 10px 5px;
    float:left;
}
.image-wrap.primo,.news-image-wrap.primo{
    margin-left:0;
}
.image-wrap.ultimo,.news-image-wrap.ultimo{
    margin-right:0;
}
.fleft{
    float:left;
    clear:left;
}
.fright{
    float:right;
    clear:right;
}
.imgfright{
    float:right;
    margin-left:20px;
}
.clearboth{
    clear:both;
}
#dxnt .testo{
    clear:both;
}
#dxnt .testo.mezzo{    
    border-top-style: dashed;
    border-top-width: 1px;
    border-top-color: #cccccc;
    padding-top:10px;
}
/**/
#maincnt .blocco{
    width:265px;
    height:150px;
    margin:0;
    padding: 10px 0;
    overflow: hidden;
}
#maincnt .blocco.sicurezza{
    background: url(img/ico_sorveglianza.png) no-repeat 10px 20px;
    float:left;
}
#maincnt .blocco.domotica{
    background: url(img/ico_home-aut.png) no-repeat 10px 20px;
    margin-left:270px;
}
#maincnt .blocco.assistenza{
    background: url(img/ico_assistenza.png) no-repeat 10px 20px;
    float:left;
    clear:left;
}
#maincnt .blocco.cctv{
    background: url(img/ico_antenne.png) no-repeat 10px 20px;
    margin-left:270px;
}
#maincnt .blocco .cnt{
    margin-left:100px;
}
/**/
.padding{
    padding:20px;
}
.products-box {
    background: #FAFAFA;
    padding: 15px 20px 0 20px;
    margin-bottom: 40px; 
    border: 1px solid #DDD;
    border-radius: 8px;
    box-shadow: 3px 3px 5px #CCC; 
}
.prodcont{
    margin-left:190px;
}
.prodcontimg{
    padding: 15px 0 0 0;
}
.products-div { 
    clear: both; 
}
.products-box h4{ 
    color:#276ab9;
    /*text-shadow: #666 1px 1px 1px;*/
    margin: 0 0 3px 0;
    font-size: 16px;
}
.products-box p { 
}
/*slider*/
.sliderContainer {
    margin-bottom: 30px;
}
.sliderContainer #slider {
    height: 214px;
    border-top: 1px solid #d9d8d6;
    border-bottom: 1px solid #d9d8d6;
    background: #edece9;
}
.sliderContainer #slider div {
    height: 214px;
    width: 958px;
}
.sliderContainer #slider ul {
    margin:0;
    padding:0;
    margin-top: 14px;
    list-style: none;
}
.sliderContainer #slider li {
    margin:0 12px 0 24px;
    padding: 0;
    height: 185px;
    float: left;
}
.sliderContainer #slider li img {
    margin-top: 8px;
    margin-left: 5px;
    margin-right: 5px;
    border: 5px solid #e4e3e0;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
}
.sliderContainer .nav {
    position: relative;
    z-index: 100;
}
.sliderContainer .previous,.sliderContainer  .next {
    position: absolute;
    display: block;
    width: 28px;
    height: 56px;
    z-index: 100;
}
.sliderContainer .previous {
    top: 80px;
    left: 0px;
}
.sliderContainer .next {
    top: 80px;
    right: 0px;
}
/**/
#mappa{
     width:920px;
     height:600px;
}
/**/
#indlegali{
    font-family:Arial,Verdana;
    font-size: 10px;
    color:#f3f8fe;
    background-color:#0a5098;    
    padding: 0 4px;
    text-align: center;
}
#indlegali a {
    color:#f3f8fe;
}