@charset "utf-8";

/* CSS Document */


h1, h2, h3, h4 {
	border: 0px;
	margin: 0px;
}

img {
	border: 0px;
}

body {
	margin: 0px;
	font-size: 12px;
	text-align: left;
	font-family: "Courier New", Courier, monospace;
	color: #999;
	background-color: #000;
}



#pag {
	width: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	float: left;
}

#logo {
	float: left;
	margin: 5px;


}

#top {
	width: 100%;
	padding: 0px 0px 0px 0px;
	position: relative;
	float: left;
	text-align: left;
	height: 130px;
	border-bottom: #c00 10px solid;
}

#sx {
	width: 29%;
	padding: 1%;
	position: relative;
	float: left;
	text-align: left;
}

#corpo {
	padding: 1%;
	position: relative;
	float: left;
	text-align: left;
	border-left: #c00 3px solid;
	width: 65%;
}
.titolo {
	padding: 10px;
	background-color: #FFC;
	color: #C00;
	position: relative;
	text-align: left;
	margin-bottom: 20px;
	float: left;
	width: 94%;
}
.titolo strong{
	background-color: #FFC;
	color: #000;
	font-size: 18px;
	position: relative;
	text-align: left;
}
.immagine{
	float: left;
	margin: 0px 25px 10px 0px;
	border-left: #eeeb00 5px solid;
}

.materiale{
	padding: 0px 0px 20px 0px;
	border-bottom: #eeeb00 1px solid;
	float: left;
	width: 90%;
}

.cambiapagina{
	position:relative;
	float: left;
	padding: 9px 0px 0px 0px;
	width: 100%;
	font-size: 13px;
}
.cambiapagina strong{
	float: left;
	padding: 3px 3px 3px 3px;
	font-weight: normal;
}
.cambiapagina span{
	float: left;
	padding: 2px 4px 2px 4px;
	border: #ccc 1px solid;
	background-color: #FFC;
	color: #000;
	text-decoration: none;
	margin: 0px 0px 0px 3px;
	font-weight: bold;
	font-size: 18px;
}
.cambiapagina a{
	float: left;
	padding: 2px 4px 2px 4px;
	border: 1px solid #cff;
	background-color: #FFF;
	color: #600;
	text-decoration: none;
	margin: 0px 0px 0px 3px;
	font-weight: bold;
	font-size: 18px;
}
.cambiapagina a:HOVER{
	float: left;
	border: #ccc 1px solid;
	background-color: #C00;
	color: #fff;
}




.link-1 {
	font-weight: bold;
	font-size: 24px;
	color: #FFEC03;
	font-style: italic;
	text-decoration: none;
	margin-left: 10px;
	float: right;
	background-color: #C00;
}

.link-1:HOVER {
	color: #fff;
	text-decoration: underline;

}

.link-2 {
	font-weight: bold;
	font-size: 18px;
	color: #FFF;
	font-style: italic;
	text-decoration: underline;
	margin-left: 10px;
}

.link-2:HOVER {
	color: #FFCA03;
	text-decoration: none;

}
.link-3 {
	font-weight: bold;
	font-size: 18px;
	color: #FFEC03;
	font-style: italic;
	text-decoration: underline;
	margin-left: 10px;
}

.link-3:HOVER {
	color: #fff;
	text-decoration: underline;

}

.txt1 {
	color: #F00;
	font-size: 18px;

}



.cerca {
	font-weight: bold;
	font-size: 24px;
	color: #FFEC03;
	font-style: italic;
	text-decoration: none;
	margin-left: 10px;
	float: right;
	background-color: #C00;
}


form.cerca .cpul{
	background-position: 0px 0px;
	width: 50px;
	padding: 0px 0px 0px 0px;
	float:left;
	height: 31px;
	left: 392px;
	top: 0px;
	margin: 0px 0px 0px -1px;
	background-image: url(image/pulsante-cerca.jpg);
	border: #aaa 1px solid;
	cursor: pointer;
	cursor: hand;
	z-index: 5;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px; 
}
form.cerca .cpul:HOVER{
	background-position: 0px -31px;
}
form.cerca .ctxt{
	width: 190px;
	padding: 0px 0px 0px 5px;
	float:left;
	height: 29px;
	left: 19px;
	top: 0px;
	margin: 0px;
	border: #999 1px solid;
	color: #666;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}


@media (max-width: 1060px){

img{ max-width: 100%;}

#top { height: auto;}
#top a img{ max-width: 100%;}
#top a.link-1{    font-size: 14px;
    position: absolute;
    top: 0px;
    right: 0px;
    text-decoration: none;
    padding: 2px;}
#top form{ width: 100%;}

#sx .txt1 {display: none;}


}

@media (max-width: 760px){

#sx { padding: 0px; width: 100%; height: 35px; overflow: hidden;}
#sx.selected { padding: 0px; width: 100%; height: auto;}
#sx .link-2 {
    font-weight: bold;
    font-size: 16px;
    color: #FFF;
    font-style: normal;
    text-decoration: none;
    margin-left: 0px;
	margin-bottom: 3px;
	padding: 3px 5px;
	width: 100%;
	float: left;
	background-color: #0c77bd;
}
#sx .link-2 img{
	display: none;
}

#sx .menucatalogo {
   display: block;
    padding: 10px;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    background-color: #ffe500;
    color: #0c77bd;
    text-transform: uppercase;
}
form.cerca .cpul{
	width: 50px;
}
form.cerca .ctxt{
	width: 80%;
}

#corpo {padding: 0px; width: 100%;}

#corpo .cambiapagina:first-child {display: none;}

.materiale {
    padding: 0px 0px 20px 0px;
    border-bottom: #eeeb00 1px solid;
    float: left;
    width: 100%;
}
.materiale .immagine {
    width: 100%;
}
#corpo form {width: 90%; margin: 5%;}

#corpo form input {width: 100%;}

#corpo form button {width: 100%;}

}