/*CYNASKY WEB MULTIMEDIA*/
body{

margin: 0;
padding: 0;
background-color: #FFFFFF;
background: url(../img/bg-n.jpg) no-repeat center top;
font-family: verdana;
font-size: 11px;
color: #333333;
text-align: justify;
}

.image {
	float: left;
	margin: 0 5px 3px 0;

	border: 1px solid;
	border-bottom: 5px solid ;
    border-color: #AAA #AAA #CCC #AAA;
    padding: 5px;
	background: #f6f6f6
}

.image1 {	
	margin: 0 ;
    padding: 0;
	display: block;

}

.clearfix{
clear: both;
}
/*contenitore*/
#wrapper{
width: 950px;

background-color: #EEF3F8;
margin: 0 auto;
}
/*menu superiore*/
#menu{
height: 50px;
background: url(../img/menu_bg.jpg) repeat-x;
margin: 5px 0;
}
#menu a{
width: 157px;
height: 50px;
display: block;
float: left;
line-height: 50px;
text-align: center;
text-decoration: none;
color: #666666;
font-size: 10px;
font-weight: bold;
}
#menu a:hover, #footer a:hover, #contenuto2 a:hover{
color: #333333;
background: url(../img/menu_bg_over.jpg) repeat-x;
font-size: 10px;
}
#menu a.a_right{
border-right: 1px solid #C8C8C8;
}

#menu a.a_right1{
border-right: 1px solid #C8C8C8;
color: #333333;
background: url(../img/menu_bg_over.jpg) repeat-x;
}


/*header*/
#header{
height: 160px;
position: relative;
background: url(../img/header_bg.jpg) #1A1E65  no-repeat;
color: #FFFFFF;
font-weight: bold;
}
/*scritte header*/
#logo{
position: absolute;
top: 15px;
left: 25px;
font-size: 38px;
}
#slogan1{
position: absolute;
top: 70px;
left: 55px;
font-size: 13px;
}
#slogan2{
position: absolute;
bottom: 15px;
right: 20px;
font-size: 18px;
}
#slogan3{
position: absolute;
bottom: 25px;
right: 30px;
font-size: 13px;
}
/*colonna sinistra*/
#left_col{
width: 170px;
float: left;
padding: 20px 10px 0px 10px;
margin: 5px 5px 0px 5px;
background-color: #FFFFFF;
min-height:1500px;
}
.titolo{
background: url(../img/icone.jpg) no-repeat center left;
font-size: 13px;
color: #000066;
font-weight: bold;
padding-left: 20px;
}
.titolo span{
color: #CCCCCC;
}


/*colonna sinistra*/
#left_col_1{
width: 170px;
float: left;
padding: 20px 10px 0px 10px;
margin: 5px 5px 0px 5px;
background-color: #FFFFFF;
}
.titolo{
background: url(../img/icone.jpg) no-repeat center left;
font-size: 13px;
color: #000066;
font-weight: bold;
padding-left: 20px;
}
.titolo span{
color: #CCCCCC;
}
.news{
margin: 15px 0;
border-bottom: 1px solid #CCCCCC;
}
.news a{
color: #000066;
line-height: 25px;
}
.news1{
margin: 0;
padding: 0;
border-bottom: 1px solid #CCCCCC;
color: #fff;
background: #349CFF url(../img/bgformareaclienti.gif) no-repeat;
text-align: center;
}
.news1 a{
color: #000066;

}
.news1  a:hover{
text-decoration: none;
color: #0066CC;
}


/*colonna destra*/
#right_col{
width: 545px;
float: left;
}

#right_colprod{
width: 745px;
float: left;
}


/*colonna destra superiore*/
#contenuto1{
margin: 5px 0px 0px 0;
padding: 20px 10px 5px 10px;
background-color: #FFFFFF;
font-size: 12px;
}
/*colonna destra inferiore*/
#contenuto2{
margin: 0 5px 5px 0;
padding: 25px;
background-color: #FFFFFF;
}
#contenuto2 img{
float: right;
border: 5px solid #F7F7F7;
}
#contenuto2 a{
text-decoration: none;
color: #999999;
line-height: 40px;
}
#cont_left{
width: 370px;
float: left;
}
.lista{
margin-left: 50px;
margin-top: 25px;
margin-bottom: 25px;
color: #000066;
line-height: 15px;
}
/*footer*/
#footer{
height: 80px;
background: url(../img/footer_bg.jpg) repeat-x;
line-height: 80px;
text-align: center;
color: #FFFFFF;
}
#footer a{
text-decoration: none;
color: #E8F8FF;
}


/*box modle*/
#div4 {
background: Silver;
border : 10px solid #CC0033;
height : 100px;
margin-bottom: 10px;
padding : 10px;
width : 100px;
}



/*tabella*/
table {
  background: #EEF3F8;
  width:100%;
  margin: 0; 
  padding: 0px;   
}
td {
  padding: 3px; 
/*  width:50%;*/
  background: #fff;
  vertical-align: top;
  text-align: left;
  border: 0px;
 border-top: 2px solid #D4DFE9;
  
  font-size: 12px;  
}

td.image {
	float: left;
	margin: 0 5px 3px 0;
}
td a{
text-decoration: none;
color: #003366;
}
td a:hover{
text-decoration: none;
color: #0066CC;
}


/*menù*/
#menu04v {
width: 100%;
font:  Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
}
#menu04v ul {
margin: 0;
padding: 0;
list-style: none;
}
#menu04v li {
font-size: 11px; 
display: inline;
margin: 0;
padding: 0;
}
#menu04v a:link, #menu04v a:visited {
display: block;
background-color: #1F2473;
color: #fff;
margin: 0;

padding: 0.1em 0 0 1em;
text-decoration: none;
border-bottom: 1px solid  #41545F;
border-right: 10px solid #1383FF;
}
#menu04v a:hover, #menu04v a:focus, #menu04v a:active{
background-color: #41545F;
color: #ECEDFD;
border-right: 10px solid #1F2473;
}



form {margin: 0; }


legend {font-size:100%;border:1px solid #000;background:#efefef;color:#c00;padding:3px;}

fieldset {padding:10px;}

fieldset.pubblicazione legend {font-size:70%;color:#000;}
fieldset.pubblicazione input {margin:0px;margin-top:10px;}

fieldset.notizia {padding:15px;}
fieldset.notizia textarea {border:1px solid #000;background:#dedede;}

fieldset.submit {text-align:right;}
fieldset.submit input{border:1px solid #777;background:#efefef;cursor:hand;pointer:hand;}

input.testo {font-size:110%;border:1px solid #000;background:#EEF3F8;}
input.testo:focus {font-size:100%;border:1px solid #000;background:#EEF3F8;}

a{
text-decoration: none;
color: #003366;
}
a:hover{
text-decoration: none;
color: #0066CC;
}

select {

	font-size: 14px;
	font-weight: bold;
	
	color: #003366; 
	background-color: #EEF1F7;
}



#modalContainer {
	background-color:transparent;
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	z-index:10000;
}

#alertBox {
	position:relative;
	width:300px;
	min-height:100px;
	margin-top:50px;
	border:2px solid #000;
	background-color:#F2F5F6;
	background-image:url(alert.png);
	background-repeat:no-repeat;
	background-position:20px 30px;
}

#modalContainer > #alertBox {
	position:fixed;
}

#alertBox h1 {
	margin:0;
	font:bold 0.9em verdana,arial;
	background-color:#78919B;
	color:#FFF;
	border-bottom:1px solid #000;
	padding:2px 0 2px 5px;
}

#alertBox p {
	font:0.7em verdana,arial;
	height:50px;
	padding-left:5px;
	margin-left:55px;
}

#alertBox #closeBtn {
	display:block;
	position:relative;
	margin:5px auto;
	padding:3px;
	border:1px solid #000;
	width:70px;
	font:0.7em verdana,arial;
	text-transform:uppercase;
	text-align:center;
	color:#FFF;
	background-color:#78919B;
	text-decoration:none;
}

.form {margin:10px 25px 10px 50px;}
.form .text {
	display:block;
	border:1px solid #666666;
	background: #efefef;
	width:250px;
	padding:5px;
	font-size:14px;
	color:#000000;
}
.form label {display:block; margin-bottom:3px; margin-top:10px;}
.form .text:hover{background:#FFFFFF; border: solid 1px #000000;}
.form .text:focus {
	background:#efefef;
	border: 1px solid #669900;
}
.form .button {
	display:block;
	border:1px solid #666666;
	background:#efefef;
	padding:5px 10px 5px 10px;
	margin:10px 0px 10px 0px;
}
.form .button:hover {
	display:block;
	border:1px solid #666666;
	background: #ffffff;
	padding:5px 10px 5px 10px;
	margin:10px 0px 10px 0px;
}
/*Imposto i parametri per le textarea*/
textarea {
border-left: 1px solid #999999;
border-right: 1px solid #999999;
border-top: 1px solid #DEDEDE;
border-bottom: 1px solid #DEDEDE;
font-family: Verdana, Serif; text-decoration: none;
text-transform: none;
color: #283466;
background: #EEEEEE;
font-size:13px;
}
.input1 {
border-left: 1px solid #999999;
border-right: 1px solid #999999;
border-top: 1px solid #DEDEDE;
border-bottom: 1px solid #DEDEDE;
font-family: Verdana, Serif; text-decoration: none;
text-transform: none;
color: #283466;
background: #EEEEEE;
font-size:14px;
font-weight: bold;
}
.input2 {
border-left: 1px solid #999999;
border-right: 1px solid #999999;
border-top: 1px solid #DEDEDE;
border-bottom: 1px solid #DEDEDE;
font-family: Verdana, Serif; text-decoration: none;
text-transform: none;
color: #283466;
background: #EEEEEE;
font-size:12px;
font-weight: bold;
}