/*Onsitus.it - template css gratuito - esempio 5:
Altri layout gratuiti:
http://css.flepstudio.org/css/css-templates/
Se usate questo template, grazie per lasciare queste informazione o un link back a onsitus.it è sempre il benvenuto*/

.click-menu {
    width: 500px;
}
.click-menu .box1 {
    background-color:#700707;
    color: #99bb99;
    font-weight: bold;
    font-size: 12px;
    font-family: tahoma;
    padding: 4px 8px;
    border-width: 1px;
    border-size: 0;
    border-style: solid solid solid solid;
    cursor: default;
    position: relative;
}
.click-menu .box1-hover {
    background-color: #113344;
    color: #CCEEEB;
    font-weight: bold;
    font-size: 12px;
    font-family: tahoma;
    padding: 4px 8px;
    border-width: 1px;
    border-color: #99CCAE;
    border-style: solid solid solid solid;
    cursor: default;
    position: relative;
}
.click-menu .box1-open {
    background-color: #700707;
    color: #99bb99;
    font-weight: bold;
    font-size: 12px;
    font-family: tahoma;
    padding: 4px 8px;
    border-width: 1px;
    border-color: #448882;
    border-style: solid solid none solid;
    cursor: default;
    position: relative;
}
.click-menu .box1-open-hover {
    background-color: #700707;
    color: #CCEEEB;
    font-weight: bold;
    font-size: 12px;
    font-family: tahoma;
    padding: 4px 8px;
    border-width: 1px;
    border-color: #99CCAE;
    border-style: solid solid none solid;
    cursor: default;
    position: relative;
}
.click-menu .box1 img, .click-menu .box1-hover img, .click-menu .box1-open img, .click-menu .box1-open-hover img {
    position: absolute;
    top: 6px;
    right: 6px;
}
.click-menu .section {
    background-color: #700707;
    font-family: arial;
    font-size: 12px;
    line-height: 15px;
    padding: 5px 5px 6px 5px;
    border-width: 1px;
    border-color: #448882;
    border-style: none solid solid solid;
    display: none;
}
.click-menu .section a {
    color: #8BAA88;
    text-decoration: none;
    white-space: nowrap;
}

}
.click-menu .section a  {
    color: #CCEEEB;
    text-decoration: none;
    white-space: nowrap;
	font-size: 10px;
	color:#333366;
	font-family:Arial;
}
.click-menu .box2 a  {
    color: #CCEEEB;
    text-decoration: none;
    white-space: nowrap;
	font-size: 10px;
	color:#333366;
	font-family:Arial;
}
.click-menu .box2 a :hover {
    color: #CCEEEB;
    text-decoration: none;
    white-space: nowrap;
	font-size: 10px;
	color:#333366;
	font-family:Arial;
}
.click-menu .box2-hover {
    background: #000000;
}
.click-menu .section .active,
.click-menu .section .active:hover {
    color: yellow;
}


body{
	
	font-size:12px;
	font-family:Arial;
	color:#333366;
	height: 100%;
	margin: 0px;
	padding: 0px;
	
}
td {
font-family:Arial;
font-size:12px;
}
.clearfix{
clear:both;
}
a{
color:#333366;
text-decoration:none;

font-family:Arial;
}

/*contenitore principale*/
#wrapper{
width:960px;
margin:auto;
}
/*titolo*/
h1{
color:#FFFFFF;
margin-left: 20px;
font-size:40px;
font-family:Arial;
}
h1 span{
font-size:60px;
font-family:Arial;
}
h1 i{
font-size:26px;
font-weight:normal;
font-family:Arial;
}
h7{
font-size:20px;
font-weight:normal;
font-family:Arial;
}
h1 em{
font-size:30px;
font-style:normal;
font-family:Arial;
}
/*contenuto principale*/
#contenuto_top{
height:30px;
background:url(../img/contenuto_top.jpg) no-repeat bottom;
}
#contenuto_bot{
height:30px;
background:url(../img/contenuto_bot.jpg) no-repeat top;
margin-left:7px;
}
#contenuto{
background-color:#FFFFFF;
}
/*colonna sinistra*/
#left_col{


}
/*colonna destra prima parte - menu*/
#left_pt1{
background-color:#999999;

}
#left_pt1 a{
display:block;
font-size:12px;
font-family:Arial;
color:#FFFFFF;
text-decoration:none;
font-weight:bold;
height:30px;
line-height:30px;
border-bottom: 1px solid #B16089;
background: url(../img/arrow_white.jpg) no-repeat left;
padding-left: 20px;
margin: 0 0px;


}


/*colonna destra seconda parte*/
#left_pt2{
width:200px;
background:#700707 url(../img/left_pt2_bg.jpg) no-repeat top;
padding:1px;
}
/*colonna destra*/
#right_top{
height:25px;
background:url(../img/right_top.jpg) no-repeat bottom;
}
#right_bot{
height:25px;
background:url(../img/right_bot.jpg) no-repeat top;
}
#right_col{
width:720px;
background-color:#700707;
float:right;
margin-right:20px;

}
/*colonna destra - parte 1 sinistra*/
#right_pt1{
width:516px;
float:left;
margin-left:1px;
font-family:Arial;
}

/*colonna destra - parte 2 destra*/
#right_pt2{
width:200px;
padding:1px;
float:right;
background:#700707 url(../img/right_pt2_bg.jpg) no-repeat top;
margin-right:1px;
font-family:Arial;

}
/*footer*/
#footer{
text-align:center;
color:#FFFFFF;
font-family:Arial;

}
#footer a{
color: #FFFFFF;
}
/*div sub titoli*/
.left_sub{
background:#FFFFFF url(../img/left_title.jpg) no-repeat top;
}
.center_sub{
background:#FFFFFF url(../img/center_title.jpg) no-repeat top;

}
.right_sub{
background:#FFFFFF url(../img/right_title.jpg) no-repeat top;
}
a {
	font-size:12px;
	color:#333366;
	font-weight: bold;
	font-family:Arial;
}
a:link {
	text-decoration: none;
	font-family:Arial;
}
a:visited {
	text-decoration: none;
	font-family:Arial;
}
a:hover {
	text-decoration: underline;
	font-family:Arial;
}
a:active {
	text-decoration: underline;
	font-family:Arial;
}

}
.left_sub h3, .center_sub h3, .right_sub h3{
height:30px;
line-height:30px;
margin-left:30px;
font-weight:bold;
font-family:Arial;
font-size:11px;
}
.left_sub p, .center_sub p, .right_sub p{
	padding:0 5px 10px 5px;
	font-family:Arial;
	font-size: 12px;
}
.left_sub img, .center_sub img, .right_sub img{
float:left;
margin-right:10px;
}
#search{
	position: absolute;
	top: 100px;
	right: 200px;
	z-index: 101;
	width: 160px;
}

#search input{
  font-size: 70%;
  margin: 0px  0px 0px 0px;
 }
 
#search a:link, #search a:visited {
	font-size: 80%;
	font-weight: bold;
	
}

#search a:hover{
	margin: 0px;
}