/* CSS Document */
/* GENERALI */
/*
background-color: #FFF;
border:1px solid; 
0.69em/0.88em (11/14px)
*/
/* CSS Document */
html {height: 100%;}
*{margin:0; padding:0;}
img{border:0px solid;}
/**/
/************************************** BODY ****************************************************/
body{color:#000; font:normal 15px/18px Arial, Helvetica, sans-serif; background-color:#f2f2f2; letter-spacing:0.6px;}
a {font:bold 11px/15px Arial, Helvetica, sans-serif; color:#4285f4; text-decoration:none; letter-spacing:0.6px;}
a:hover{font:bold 12px/15px Arial, Helvetica, sans-serif; text-decoration:none; letter-spacing:0.6px;}
/**/


#container{max-width:320px; min-width:0px; margin:0 auto; padding:0px 10px 0px 10px; background-color:#FFF; border-right:2px solid #e3e3e3; border-left:2px solid #e3e3e3;}


#logo{width:100%; height:50px; margin-bottom:-12px; padding-top:13px; text-align:center;}
#logo img{height:65%; margin-left:-12px;}

#preheader{background-color:#FFF; margin-top:3px; padding:6px 0px 2px 0px; border-top:1px solid #4285f4;}
#header{width:100%; height:55px;}

#borleftm{float:left; width:141px; height:17px; margin:0px 0px 0px 2px; padding:3px 0px 0px 0px; background-color:#4285f4;  border:1px solid black;  font-weight:bold; text-align:center; color:white; text-decoration:none;}
#borleftm:hover{background-color:#4285f4;} 
#borleftm a{color:white; font:bold 12px/14px Arial, Helvetica, sans-serif; padding-top:5px; }

#borleftum {float:left; width:141px; height:20px; margin:0px 0px 0px 2px; padding:0px 0px 0px 0px; background-color:#4285f4; border:1px solid black;  font-weight:bold; text-align:center; color:white; text-decoration:none;}
#borleftum:hover{background-color:#4285f4;} 
#borleftum a{color:white; font:bold 12px/14px Arial, Helvetica, sans-serif;}


#borleft{ display:none;}
#borleftu { display:none;}





#borright{float:left; width:290px; height:28px; padding-top:5px; padding-right:10px; text-align:right; font-weight:bold; color:#FFF;}
#borright select{width:200px; height:28px; padding:4px 4px 4px 4px; font:normal 14px/16px Arial, Helvetica, sans-serif; border:1px solid #bdc7d8;}



#container2{width:100%; margin:0 auto;}

#left{float:left; width:99%; padding:18px 2px 5px 0px; margin-bottom:35px;}

#containerleft{float:left; width:100%; margin:0px auto;}


#formpost {margin-left:0px; width:300px;}
#formpost textarea {width:180px; height:75px;}
#formpost input#username {width:83px; height:15px;}


#toptextpost {clear:both; width:98%;}



#titletop1{clear:both; height:72px; color:#4285f4; font-size:14px; line-height:22px; margin-top:5px; padding:21px 0px 4px 1px;}
#titletop2{clear:both; height:82px; color:#4285f4; font-size:14px; line-height:22px; margin-top:5px; padding:24px 0px 4px 1px;}



#bannermh1{float:left; width:300px; height:100px; margin-left:-3px; padding-bottom:15px; text-align:center;} /* MOBILE */
#bannerh1{ display:none;} 


#insertnews{float:right; height:24px; margin-bottom:13px; margin-right:-5px; text-align:center; font-weight:bold; padding:0px 5px 0px 5px;}
#insertnews a{font:bold 12px/15px Arial, Helvetica, sans-serif; color:#FFF;}
#insertnews a:hover{text-decoration:underline;}


#divbordertop{float:left; width:100%; border-bottom:1px solid #e3e3e3; margin-bottom:10px;}


#title-news-number{width:99%; text-align:justify; padding:0px 0px 0px 0px; font-size:11px; color:#666666;}
#title-news{width:80%; text-align:justify; padding:0px 45px 10px 0px; font-weight:bold; font-size:18px; color:#c6132d;}
#sub-news{float:left; width:100%; text-align:justify; border-bottom:1px solid #e3e3e3; padding-bottom:10px; margin-bottom:10px; font-size:14px;}
#sub-news img{float:left; border:1px solid #e3e3e3; padding:2px 2px 2px 2px; margin:3px 12px 5px 0px;}

#right{display:none;}



#contleft1{float:left; width:163px; height:600px; margin-right:5px; border-right:1px solid #e3e3e3;}

#titleleft2{width:132px; height:40px; background-color:#4285f4; margin-right:10px; padding:1px 10px 1px 10px; border-top:1px solid #FFF; border-bottom:1px solid #FFF; font-weight:bold; color:#FFF; font-size:12px; letter-spacing:0.1em;}
#contleft2 {width:132px; height:230px; background-color:#7BAAF7; margin-right:10px; padding:5px 10px 5px 10px; font-size:11px; line-height:14px; /* Scrool Verticale */ overflow-x:hidden; overflow-y:auto}
#contleft2 a{font-weight:normal; font-size:11px; color:#FFF;}
#contleft2 a:hover {text-decoration:underline;}
#contleft2 li{border-bottom:2px dotted #e3e3e3; list-style-type:none;}
#footerleft2{width:140px; height:40px; background-color:#4285f4; margin-right:10px; padding:3px 6px 1px 6px; border-top:1px solid #FFF; border-bottom:1px solid #FFF; font-size:11px; line-height:13px; color:#FFF;}
#footerleft2 a{font-weight:normal; font-size:11px; color:#FFF; line-height:12px;}
#footerleft2 a:hover {text-decoration:underline;}

#titleleft2-2{width:132px; height:40px; background-color:#f1f0df; margin-top:12px; margin-right:10px; padding:3px 10px 1px 10px; border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; font-weight:bold; font-size:11px; line-height:13px; color:#b71031;}
#contleft2-2{width:132px; height:202px; background-color:#f1f0df; margin-right:10px; padding:5px 10px 5px 10px; font-size:11px; line-height:14px; border-bottom:1px solid #e3e3e3; /* Scrool Verticale */ overflow-x:hidden; overflow-y:auto}
#contleft2-2 li{border-bottom:2px dotted #e3e3e3; list-style-type:none;}


#linkpages{clear:both; word-wrap:break-word; width:275px; font-size:16px; line-height:27px; text-align:right;}
#linkpages a{font-size:25px;} 


/* PAGE SCRIVI ARTICOLO */
#writenews {width:100%; margin:0px auto; font-size:14px;}
#writenews fieldset {width:400px; border-color:#5888d7; padding:10px;}


/* FORM PAGE SCRIVI ARTICOLO*/
#writenews textarea#title{padding:8px 8px 0 8px; width:94%; height:40px; font-size:14px;}
#writenews textarea#text{padding:8px 8px 0 8px; width:94%; height:250px; font-size:14px;}
#writenews textarea#linkuser{padding:8px 8px 0 8px; width:400px; height:40px; font-size:14px;}
#writenews textarea#signature{padding:8px 8px 0 8px; width:94%; height:40px; font-size:14px;}
#writenews textarea#username{padding:8px 8px 0 8px; width:220px; height:40px; font-size:14px;}
#writenews textarea#Email{padding:8px 8px 0 8px; width:220px; height:40px; font-size:14px;}


#footer{clear:both; width:100%; height:263px; border-top:1px solid #4285f4; padding:10px 0 0 0;}

#footer a.valid {font-size:9px; padding: 0 0 0 12px; margin:0 0 0 5px; color:#777;}

/**/
#sx-footer{float:left; width:100%; height:25px; font:normal 10px/10px "Verdana", tahoma, arial; text-align:left; color:#a9a9a9; padding-top:5px; margin-bottom:10px; line-height:15px;}
#sx-footer a{font:normal 10px/10px "Verdana", tahoma, arial; color:#a9a9a9;}
#sx-footer a:hover{font:normal 11px/11px "Verdana", tahoma, arial; color:#000; text-decoration:underline;}
/**/
#dx-footer{float:right; width:100%; font-size:12px; color:#a9a9a9; padding:10px 5px 0px 0; text-align:right; line-height:17px; letter-spacing:0px;}
#dx-footer li {list-style: none;}
#dx-footer a{font:normal 11px/11px "Verdana", tahoma, arial; color:#a9a9a9; padding-right:2px; line-height:13px;}
#dx-footer a:hover{text-decoration:underline;}



/* PAGE POST*/

#divbordertop2{clear:both; width:100%; border-bottom:1px solid #e3e3e3; margin-bottom:15px;}

#postdiv{clear:both; width:100%; background:#FFFFFF; margin:12px 0px 12px 0px; padding:5px 5px 5px 0px; /* border:1px solid black; */}
#postimgleft{float:left; width:25%; /* 102px */ margin:0 auto; /* border:1px solid black; */}
#postimgleft img{border:1px solid #bdc7d8; padding:2px 2px 2px 2px; margin:0px 12px 5px 0px;}

/* il contenitore o il vostrofoglio */
#posttext {position:relative; width:60%; /* 78% */ padding: 1em 1.5em; margin: 0px 0px 0px 27%; /* border:1px solid black; */ background:#f7eaca; }
/* parte che andrà a creare l'angolino piegato */
#posttext:before {content: ""; position: absolute; bottom: 0; right: 0; border-width: 20px 20px 0px 0px; border-style: solid; border-color: #4285f4 #ffffff; display: block; width: 0;}