@charset "utf-8";
/*-----------------------HOME-PAGE---------------------------------*/

@font-face {
    font-family: Brush;
    src: url('../font/Itim-Regular.ttf');
}
/*generici home//////////////////////////////////////////////////*/
body {
	text-align: center;
	margin: 0px;
	padding: 0px;
	background-repeat: repeat;
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	color: #333333;
}
img {
	border:none
}
a:hover{
   o-transition:color .5s ease-out, background 1s ease-in;
  -ms-transition:color .5s ease-out, background 1s ease-in;
  -moz-transition:color .5s ease-out, background 1s ease-in;
  -webkit-transition:color .5s ease-out, background 1s ease-in;
  /* ...and now override with proper CSS property */
  transition:color .5s ease-out, background 1s ease-in;}

#bg {
	background-image: url(../img/bg-pagina.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#header {
	height: 240px;
	width: 1000px;
	position: relative;
}
#logo {
	height: 121px;
	width: 273px;
	left: 1px;
	top: 0px;
	float: left;
}
#contenitore {
	text-align: left;
	margin: auto;
	width: 1000px;
}
.clear {
	clear:both;
}
#testo-home{
    font-family: Brush;
    color: #287c85 !important;
    font-size: 35px !important;
    font-weight: lighter !important;
    letter-spacing: -1px !important;
    margin-top:13px !important;
    
}
#testo-home a {
	color: #3A8A93;
}
#testo-home a:hover {
	color: #B9AE1E;
}
.box_testo p {
	margin: 2px;
}

/*login //////////////////////////////////////////////////
#contenitore #login {
	width: 330px;
	float: left;
	background-image: url(../img/login.png);
	background-repeat: no-repeat;
}
#contenitore #login #titolo_login {
	font-size: 18px;
	font-weight: normal;
	color: #FFF;
	padding-top: 15px;
	padding-right: 60px;
	padding-bottom: 15px;
	text-align: right;
}*/
.box_testo {
	width: 295px;
	float: left;
	height: 150px;
	margin-right: 25px;
	font-size: 13px;
	color: #7D5528;
	padding-top: 5px;
	text-align: left;
}
#contenuto {
	margin: auto;
	width: 1000px;
}
.box_testo h2 {
	font-size: 24px;
	font-weight: normal;
	color: #B97F3C;
	margin: 0px;
	padding: 0px;
	text-transform: uppercase;
}
.p_box {
	width: 320px;
	height: 296px;
	float: left;
	padding-right: 10px;
	position: relative;
}
.box_testo a {
	color: #B97F3C;
	font-weight: bold;
	text-decoration: underline;
}
.box_testo a:hover {
	color: #669933;
	font-weight: bold;
}
#info-brevi #box-pre {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	padding-right: 20px;
	padding-left: 20px;
}
#pre-footer #box-pre {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	padding-right: 20px;
	padding-left: 20px;
}
#contenitore #menu_top {
	float: left;
	width: 440px;
	color: #FAC551;
	padding-top: 11px;
	padding-left: 7px;
	font-size: 12px;
	text-transform: uppercase;
}
#contenitore #menu_top a {
	color: #FFD56C;
	text-decoration: none;
        margin-left: -8px;
}
#contenitore #menu_top a:hover {
	color: #FF9900;
	text-decoration: none;
}
#menu_top li {
	display: inline;

}

#menu_top li a {
	display: inline;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0px;
}


#menu_top li a:hover {
   color: #FF9900;
   o-transition:color .5s ease-out, background 1s ease-in;
  -ms-transition:color .5s ease-out, background 1s ease-in;
  -moz-transition:color .5s ease-out, background 1s ease-in;
  -webkit-transition:color .5s ease-out, background 1s ease-in;
  /* ...and now override with proper CSS property */
  transition:color .5s ease-out, background 1s ease-in;
}

#contenitore #menu_top ul {
	margin: 0px;
	padding: 0px;
}
#login #loginlink {
	padding-left: 40px;
	color: #754C20;
}
#login #loginlink a {
	color: #73461F;
	text-decoration: underline;
}
#login #loginlink a:hover {
	color: #FF6600;
	text-decoration: underline;
}
/*info brevi pre footer//////////////////////////////////////////////////*/
#info-brevi {
	background-color: #b6e0e6;
	text-align: center;
	background-image: url(../img/texture_body.jpg);
	margin-top: 35px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #B97F3C;
        border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #B97F3C;
}
/*footer//////////////////////////////////////////////////*/
#footer {
	text-align: center;
	background-repeat: repeat;
	background-color: #1f919f;
	color: #033;
	background-image: url(../img/bg-footer-texture.jpg);
}
#footer a {
	color: #DFF2F4;
	text-decoration: none;
}
#footer a:hover {
	color: #6C0;
	text-decoration: underline;
	   o-transition:color .5s ease-out, background 1s ease-in;
  -ms-transition:color .5s ease-out, background 1s ease-in;
  -moz-transition:color .5s ease-out, background 1s ease-in;
  -webkit-transition:color .5s ease-out, background 1s ease-in;
  /* ...and now override with proper CSS property */
  transition:color .5s ease-out, background 1s ease-in;
}
#footerBox01 {
	float: left;
	width: 290px;
	margin-right: 30px;
	padding-top: 20px;
	font-size: 18px;
	color: #C2EBEF;
	text-align: left;
}
#footerBox02 {
	float: left;
	width: 160px;
	margin-right: 30px;
	padding-top: 20px;
	font-size: 13px;
	color: #FFFFFF;
	text-align: left;
	padding-left: 130px;
	min-height: 180px;
}
#footerBox03 {
	float: left;
	width: 290px;
	font-size: 13px;
	color: #84DEF4;
	text-align: left;
	padding-top: 60px;
}
#footer #cont_footer {
	width: 960px;
	margin: auto;
	background-image: url(../img/cont_footer.jpg);
	background-repeat: repeat-x;
	padding-top: 40px;
	padding-right: 20px;
	padding-left: 20px;
}
#footer #cont_footer #footerBox03 #titolo {
	height: 40px;
	padding-bottom: 10px;
}
#footer #cont_footer #footerBox03 #assistenza {
	background-image: url(../img/ico_busta.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 40px;
	font-size: 17px;
	color: #FFFFFF;
	margin-left: 15px;
	height: 33px;
}
#footer #cont_footer #footerBox03 #tel {
	background-image: url(../img/ico_telefono.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 40px;
	font-size: 17px;
	color: #89CDD8;
	margin-left: 15px;
	height: 33px;
}
#footer #cont_footer #footerBox03 #faq {
	background-image: url(../img/ico_faq.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 40px;
	font-size: 17px;
	color: #FFFFFF;
	margin-left: 15px;
	height: 33px;
}
#footer #cont_footer #footerBox01 h2 {
	margin: 0px;
	padding: 0px;
}
#box_pulsanti .p_box #testo {
	width: 176px;
	position: absolute;
	height: 73px;
	left: 129px;
	top: 77px;
	font-size: 12px;
	line-height: 16px;
	color: #333333;
}
#contenitore #box_pulsanti .p_box .dida_pulsante {
	color: #d5b897;
	font-size: 11px;
	line-height: 14px;
}
#box_pulsanti .p_box #testo h1 {
	font-family: 'Open Sans', sans-serif;
	color: #00616D;
	font-weight: normal;
	font-size: 25px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#box_pulsanti a {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: #00474F;
	text-decoration: none;
}
/*#box_pulsanti a:hover img {

	filter: Alpha(Opacity=70);
	-moz-opacity:.70;
	opacity:.70;
}*/
.tit_meteo h1 {
	width: 188px;
	position: absolute;
	height: 31px;
	left: 126px;
	top: 28px;
	font-size: 28px;
	line-height: 13px;
	color: #00616D;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
.tit_rilevazioni h1 {
	width: 188px;
	position: absolute;
	height: 31px;
	left: 126px;
	top: 29px;
	font-size: 28px;
	line-height: 13px;
	color: #F78400;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
.tit_modelli h1 {
	width: 188px;
	position: absolute;
	height: 56px;
	left: 126px;
	top: 15px;
	font-size: 28px;
	line-height: 23px;
	color: #636500;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
.pulsante_accedi {
	height: 37px;
	width: 112px;
	cursor: pointer;
	margin-top: 10px;
	display: block;
}
.pulsante_accedi a {
	background-image: url(../img/p_accedi.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 37px;
	width: 112px;
	display: block;
}
.pulsante_accedi a:hover {
	background-image: url(../img/p_accedi_on.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 37px;
	width: 112px;
	display: block;

}
.p_box a {
	width: 320px;
	height: 179 px;
	display: block;
}
.p_box #p_meteo a {
	background-image: url(http://www.cri-art.it/works/meteoagro/immagini/p_meteo.png);
	height: 179px;
	width: 320px;
}
.p_box #p_meteo a:hover {
	background-image: url(http://www.cri-art.it/works/meteoagro/immagini/p_meteo_on.png);
	height: 179px;
	width: 320px;
}
.p_box #p_rilevazioni a {
	background-image: url(http://www.cri-art.it/works/meteoagro/immagini/p_rilevazioni.png);
	height: 179px;
	width: 320px;
}
.p_box #p_rilevazioni a:hover {
	background-image: url(http://www.cri-art.it/works/meteoagro/immagini/p_rilevazioni_on.png);
	height: 179px;
	width: 320px;
}
.p_box #p_modelli a {
	background-image: url(http://www.cri-art.it/works/meteoagro/immagini/p_modelli.png);
	height: 179px;
	width: 320px;
}
.p_box #p_modelli a:hover {
	background-image: url(http://www.cri-art.it/works/meteoagro/immagini/p_modelli_on.png);
	height: 179px;
	width: 320px;
}

#contenitore #testo-home {
	left: 7px;
	top: 121px;
	width: 600px;
	height: 80px;
        margin-top:40px;
	font-family: Brush;
	font-size: 35px;
	color: #08333a;
	float: left;
	padding-left: 10px;
}
/*col sx menu servizi//////////////////////////////////////////////////*/

#header-col-sx {
	float: left;
	width: 720px;
}
#contenitore #contenuto #lista-servizi {
	float: left;
	width: 670px;
}
#lista-servizi #testatina-servizi {
	background-image: url(../img/testatina-servizi.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 64px;
}
#lista-servizi #box-servizi {
	background-color: #FFF;
	padding: 10px;
}
#p-dati-meteo {
	height: 84px;
	width: 620px;
}
.p-pagamento {
	height: 72px;
	width: 620px;
	margin-bottom: 8px;
	position: relative;
}
#box-servizi a:hover img {
	filter: Alpha(Opacity=30);
	-moz-opacity:.50;
	opacity:.50;
}
#box-servizi #button-dati-meteo a {
	background-image: url(../img/p-dati-meteo.svg);
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	height: 62px;
	width: 540px;
	color: #999;
	text-decoration: none;
	padding-top: 10px;
	padding-left: 80px;
}
#button-dati-meteo a strong {
	color: #115A62;
	font-size: 16px;
	text-transform: uppercase;
}
#button-dati-meteo a:hover {
	display: block;
	opacity:0.5;
}
#button-rilievi a {
	background-image: url(../img/p-rilievi.svg);
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	height: 62px;
	width: 540px;
	color: #999;
	text-decoration: none;
	padding-top: 10px;
	padding-left: 80px;
}
#button-rilievi a strong {
	color: #633;
	font-size: 16px;
	text-transform: uppercase;
}
#button-rilievi a:hover {
	display: block;
	opacity:0.5;
}
#button-sms a {
	background-image: url(../img/p-sms.svg);
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	height: 62px;
	color: #999;
	text-decoration: none;
	padding-top: 10px;
	width: 540px;
	padding-left: 80px;
}
#button-sms a strong {
	color: #6F7033;
	font-size: 16px;
	text-transform: uppercase;
}
#box-servizi #button-sms a:hover {
	display: block;
	opacity:0.5;
}

#button-assistenza a {
	background-image: url(../img/p-assistenza-fitoiatrica.svg);
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	height: 62px;
	width: 540px;
	color: #999;
	text-decoration: none;
	padding-top: 10px;
	padding-left: 80px;
}
#button-assistenza a strong {
	color: #633;
	font-size: 16px;
	text-transform: uppercase;
}
#button-assistenza a:hover {
	display: block;
	opacity:0.5;
}
#button-deroghe a {
	background-image: url(../img/p-deroghe-territoriali.svg);
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	height: 62px;
	width: 540px;
	color: #999;
	text-decoration: none;
	padding-top: 10px;
	padding-left: 80px;
}
#button-deroghe a strong {
	color: #633;
	font-size: 16px;
	text-transform: uppercase;
}
#button-deroghe a:hover {
	display: block;
	opacity:0.5;
}
#button-bollettini a {
	background-image: url(../img/p-bollettini-produzione.svg);
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	height: 62px;
	width: 540px;
	color: #999;
	text-decoration: none;
	padding-top: 10px;
	padding-left: 80px;
}
#button-bollettini a strong {
	color: #633;
	font-size: 16px;
	text-transform: uppercase;
}
#button-bollettini a:hover {
	display: block;
	opacity:0.5;
}
#button-disciplinari a {
	background-image: url(../img/p-disciplinari-produzione.svg);
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	height: 62px;
	width: 540px;
	color: #999;
	text-decoration: none;
	padding-top: 10px;
	padding-left: 80px;
}
#button-disciplinari a strong {
	color: #633;
	font-size: 16px;
	text-transform: uppercase;
}
#button-disciplinari a:hover {
	display: block;
	opacity:0.5;
}
#button-strategie a {
	background-image: url(../img/p-strategie-difesa.svg);
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	height: 62px;
	width: 540px;
	color: #999;
	text-decoration: none;
	padding-top: 10px;
	padding-left: 80px;
}
#button-strategie a strong {
	color: #633;
	font-size: 16px;
	text-transform: uppercase;
}
#button-strategie a:hover {
	display: block;
	opacity:0.5;
}

#button-news a {
	background-image: url(../img/p-news.svg);
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	height: 62px;
	width: 540px;
	color: #999;
	text-decoration: none;
	padding-top: 10px;
	padding-left: 80px;
}
#button-news a strong {
	color: #633;
	font-size: 16px;
	text-transform: uppercase;
}
#button-news a:hover {
	display: block;
	opacity:0.5;
}

.testo-button-servizi a {
	text-decoration: none;
	color: #999;
}
.testo-button-servizi h3 {
	margin: 0px;
	padding: 0px;
}
.testo-button-servizi h2 {
	font-weight: normal;
	margin: 0px;
	font-family: "open sans";
	font-size: 12px;
	padding-top: 0px;
	padding-right: 30px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#lista-servizi-int ul {
	margin: 0px;
	padding: 0px;
}
.p-rilievi-int li {
	margin: 0px;
	padding: 0px;
	height: 55px;
	display: block;
	list-style-type: none;
}
/*LINK servizi gratuiti //////////////////////////////////////////////////*/
#servizi-gratuiti {
	float: left;
	width: 330px;
}
#testatina-servizi-gratuiti {
	background-image: url(../img/testatina-servizi-gartuiti.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 65px;
	width: 330px;
}
#contenuto-servizi-gratuiti {
	background-color: #BDE0E3;
	width: 310px;
	min-height: 230px;
	padding: 10px;
		border-bottom-left-radius: 10px;
	-moz-border-bottom-left-radius: 10px; /* firefox */
	-webkit-border-bottom-left-radius: 10px; /* safari, chrome */
	border-bottom-right-radius: 10px;
	-moz-border-bottom-right-radius: 10px; /* firefox */
	-webkit-border-bottom-right-radius: 10px; /* safari, chrome */
}
#contenuto-servizi-gratuiti ul li {
	font-family: "open sans";
	font-size: 13px;
	color: #032e35;
	list-style-type: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 40px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	margin-bottom: 5px;
	display: block;
	background-image: url(../img/ico-link.png);
	background-repeat: no-repeat;
	background-position: left center;
}
#contenuto-servizi-gratuiti ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#contenuto-servizi-gratuiti li a {
	font-family: "open sans";
	font-size: 13px;
	color: #00496C;
	text-decoration: none;
	display: block;
	padding-left: 5px;
}
#contenuto-servizi-gratuiti li a:hover {
	font-family: "open sans";
	font-size: 13px;
	color: #21BAC7;
	text-decoration: none;
	display: block;
}
.resp{
    display: none;
}