/*////////////////////////////////////////////////////////
/////// STYLE FOR ARTICLES articleISTRATION
////////////////////////////////////////////////////////*/
#user{ width:100%; margin:auto; text-align:center; min-height:700px; background:rgba(255,255,255,1); }
#user h1,h2,h3{ color:rgba(51,51,51,1); padding-top:15px; }
#user form{ text-align:left; width:40%; }

/* HORIZONTAL MENUS */
#user-horizontalmenu{ display:block; position:inherit; margin:auto; max-width: 496px; height: 35px; margin-bottom:25px; margin-top:25px; padding-left:45px; color:#000; background:url("icons/menu.png"), #CCC; background-position:10px 5px; background-repeat:no-repeat; background-size:25px; }
#user-horizontalmenu ul{ padding: 0; list-style: none; text-align : center; }
#user-horizontalmenu a{ display: block; padding: 0; text-decoration:none; color:inherit; }
#user-horizontalmenu li{ line-height: 35px; float: left; width: 248px; background: #CCC; -moz-transition: background 0.4s; -webkit-transition: background 0.4s; -ms-transition: background 0.4s; -o-transition: background 0.4s; transition: background 0.4s; }
#user-horizontalmenu li:hover{ background: rgba(102,102,102,1); border-top: 3px solid rgba(0,0,0,1); color:#FFF; margin-top:-3px; }
#user-horizontalmenu li ul { position: absolute; width: 148px; left: -999em; border: none; color:rgba(0,0,0,1); border-bottom: 1px solid grey; }
#user-horizontalmenu li ul li{ border: none; }
#user-horizontalmenu li ul li:hover{ background:rgba(102,102,102,1); border: none;	margin: 0; }
#user-horizontalmenu li:hover ul, .admVertMenu li.sfhover ul{ left: auto; min-height: 0; }

/* THIS STYLES ARE DEDICATED TO MOBILE SCREENS */
@media screen and (max-width : 1250px){
	#user form{ width:50%; }
}

@media screen and (max-width : 1140px){
	#user form{ width:50%; }
}

@media screen and (max-width : 980px){
	#user form{ width:60%; }
}

@media screen and (max-width : 800px){
	#user form{ width:70%; }
}

@media screen and (max-width : 700px){
	#user form{ width:80%; }
}