body 
{
    font-family: Helvetica Neue, arial;
    font-size: 15px;
	color: #444;
    text-align: justify;
    font-weight: 100;
	overflow-y: scroll;
	display: block;
	background-attachment: fixed;
	background-image: url(/dyna_ebpp_2013/comp_020/images/sfondopagina.jpg);
    background-color: #4E8ED5;
    background-repeat: no-repeat;
    background-size: cover;
}

.mainPage 
{ 
	max-width: 1200px;
  	margin: auto;
	background-color: #fff;
	/* vh: viewport-percentage lengths */
	min-height: 100vh;
}

.navbar {
	background-color: #f1f1da;
}
.navbar-default
{
    border-bottom: none;
    max-width: 1200px;
   	margin: auto;
}

.navbar-brand-pdg
{
	font-size: 38px;
    font-weight: 400;
}

a.navbar-brand-pdg, 
a.navbar-brand-pdg:link, 
a.navbar-brand-pdg:active, 
a.navbar-brand-pdg:visited ,
a.navbar-brand-pdg:hover
{
	text-decoration: none; 
}
.pensa {
            font-size: 40px;
            font-family: "Helvetica Neue", arial;
            font-weight: 400;
            color: #949445;
        }

.digitale 
        {
            color: rgb(50, 110, 196);
            }


footer 
{
	font-size: 12px; 
	padding: 0;
	border-top: 1px solid #eee;
	text-align: center;
}

/* 
ul
{
	padding: 5px;
    margin-left: 10px;
    list-style-type: none;
}
*/

ul.contenuto {
	margin-top: 20px;
	padding: 5px 15px;
   	margin-left: 0px;
    list-style-type: none;
	border: 1px solid #e0e1b6;
    border-radius: 15px;
}

div.box_conservazione {
	padding:10px;
	margin:20px;
	border: 1px solid #dddfe6;
	min-height:250px;
	border-radius:15px;
	
}

div.box_app {
	border-radius: 5px;
    position: relative;
   	width: 233px;
    border: 1px solid #dddfe0;
    float: left;
    padding: 10px;
    margin: 20px;
    min-height: 250px;
  
}


div.box_app:hover {
	background-color: #5F7FA1;
	color:white;
}


.logo_mybill {
	margin: auto;
    width: 30%;
}




div.box_app : a  {color: #444; text-decoration: none;}
div.box_app  a:link {color: #444; text-decoration: none;}
div.box_app  a:active {color: #444; text-decoration: none;}
div.box_app  a:visited {color: #444; text-decoration: none;}
div.box_app  a:hover {text-decoration: none; color:white}


div.box_app: hover : a  {color: #fff; text-decoration: none;}
div.box_app:hover  a:link {color: #fff; text-decoration: none;}
div.box_app:hover  a:active {color: #fff; text-decoration: none;}
div.box_app:hover  a:visited {color: #fff; text-decoration: none;}
div.box_app:hover  a:hover {text-decoration: none; color:white}


a.mybillweb, 
a.mybillweb:link, 
a.mybillweb:active, 
a.mybillweb:visited 
{
	font-size: 1.4em;
	color: #5F7FA1;
	text-decoration: none; 
	font-weight: 300;
	
}

a.mybillweb:hover 
{
	color: #064c96;
	font-weight: 400;
}

a.mybillweb1, 
a.mybillweb1:link, 
a.mybillweb1:active, 
a.mybillweb1:visited 
{
	font-size: 1.4em;
	color: #5F7FA1;
	text-decoration: none; 
	font-weight: 300;
}

.atext {font-size: 15px; color: #444; text-align: justify; letter-spacing: 1px; font-weight: 200;}	






a.mybillweb1:hover {
	color: #064c96;
	font-weight: 400;
}













/*  */

h1,h2,h3,h4,h5,h6,label,p{
	margin:0;	
}

h2 {
	color: #5f7fa2;
    font-weight: 300;
    text-align: left;
   	margin-left: 0px;
    background-color: #e0e0b5;
    padding: 6px;
}

section h2.section-heading 
{
    padding: 6px 10px;
	margin: 10px 25px 25px 0;
	color: #fff; 
	background-color: #5f7fa1;
	border-radius: 0px 20px 20px 0px;
	font-size: 30px;
}




.header {
	/*padding: 1.5em 0;	*/
	padding: 2px 0;
	border-bottom: 1px solid #0167B1;
}
.logo{
	float: left;
}
.header-bottom{
	float:right;
	width:60%;
}

/*----*/
@media(max-width:768px)
{
	span.menu {
		display: block;
		text-align: right;
		cursor: pointer;
		position: relative;
	}
}

.send input[type="submit"] 
{
	border: none;
	outline: none;
	color: #FFF;
	padding: 0.6em;
	font-size: 1.2em;
	font-weight: 500;
	-webkit-appearance: none;
	background:#47a1ce;
	border-radius:5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;	
	width: 23%;
}
.send input[type="submit"]:hover{
	background:#755f83;
}
.send {
	padding: 1em 0 0;
}
.service-top {
	padding: 6em 0;
}




/*--responsive--*/
@media(max-width:1440px){
}
@media(max-width:1366px){
}
@media(max-width:1280px){
}
@media(max-width:1024px)
{
	.item-right h1 {
		font-size: 3.3em;
	}
	.item-right p {
		margin: 1em 0;
		height: 106px;
		overflow: hidden;
	}
	.banner {
		min-height: 506px;
	}
	.grid h3 {
		font-size: 1em;
	}
	.submit input[type="text"] {
		width: 60%;
	}
	.banner-in {
		min-height: 247px;
	}
	ul.drop li a {
		font-size: 1.1em;
	}
	.grid-service h2 {
		font-size: 2em;
	}
	.grid-service p {
		margin: 1.5em 0 0;
	}
	.content-bottom i {
		right: 47%;
	}
}
@media(max-width:768px)
{
	.banner-matter,.banner-side,.side {
		float: left;
		width: 50%;
	}
	.item-right h1 {
		font-size: 2.3em;
	}
	.item-right span {
		font-size: 1.4em;
	}
	.item-right a {
		font-size: 1.3em;
		padding: 0.3em 0.5em;
	}

	.item-right p {
		height: 55px;
	}
	.grid {
		width: 100%;
		margin: 0 auto 1em;
	}
	.grid:nth-child(3){
		margin: 0 auto;
	}
	.content-grid h2 {
		font-size: 1.8em;
	}
	.content-bottom h3 {
		font-size: 3.3em;
	}
	.footer-left{
		padding: 0;
	}
	.submit {
		padding: 1em 0 0;
	}
	.top-nav {
		margin-top: 1.5em;
	}
	.grid-service-in,.service-name {
		padding: 0;
	}
	.grid-service {
		padding: 3em 0 0;
	}
	.service-para h4 {
		padding: 0.6em 0 0em;
	}
	.service-top {
		padding: 4em 0;
	}
	.grid h3 ,.ser-grid h3 {
		font-size: 1.2em;
	}
}

@media(max-width:640px)
{
	.item-right h1 {
		font-size: 1.8em;
	}
	.banner-matter {
		padding: 1em 1em;
	}
	.item-right p {
		margin: 0.5em 0 1em;
	}
	.item-right a {
		padding: 0.1em 0.5em;
	}
	.banner {
		min-height: 309px;
	}
	.content-grid h2 {
		font-size: 1.6em;
	}
	.grid-service h2 {
		font-size: 1.7em;
	}
	.four h2 {
		font-size: 3em;
	}
	.contact {
		padding: 3em 0;
	}
	.content-bottom i {
		right: 43%;
	}
}

@media(max-width:480px)
{
	.content-grid p {
		margin: 1.5em 0 0;
		height: 104px;
		overflow: hidden;
	}
	.content-bottom h3 {
		font-size: 2.3em;
	}
	.content-bottom p {
		font-size: 1.5em;
	}
	.submit input[type="text"] {
		padding: 0.5em 1em;
	}
	.submit input[type="submit"] {
		padding: 0.4em 1em;
	}
	p.footer-class {
		padding: 2em 0 1em;
	}
	.footer-top {
		padding: 1em 0 3em;
	}
	.content-top {
		padding: 3em 0 1em;
	}
	.content-bottom i {
		right: 43%;
	}
	.side-banner{
		display:block;
	}
	.banner-in {
		min-height: 266px;
		padding: 3em 0 0;
	}
	.four h2 {
		font-size: 2.5em;
	}
	.four h3 {
		font-size: 3em;
	}
	.four {
		min-height: 431px;
	}
	.contact-form-row div {
		width: 100%;
		float: none;
		margin-right: 0%;
	}
	.contact-form-row2 textarea {
		min-height: 236px;
	}
	.contact-map iframe {
		min-height: 200px;
	}
	.contact-form-row div span, .contact-form-row2 span {
		padding: 0.5em 0 0.5em;
	}
}

@media(max-width:320px)
{
	.header {
		padding: 0.5em 0;
	}
	.item-right h1 {
		font-size: 1.5em;
	}
	.item-right span {
		font-size: 1.2em;	
	}
	.item-bottom {
		padding: 0 0 2em;
	}
	.item-right a {
		padding: 0.3em 0.5em;
		font-size:1em;
	}
	.item-right a i {
		width: 18px;
		height: 24px;
		background-size: 367px;
	}
	.item-bottom {
		padding: 0 0 1em;
	}
	.banner-matter {
		padding: 0;
	}
	.item-right p {
		height: 18px;
		font-size:1em;
	}
	.banner {
		min-height: 181px;
		padding:2em 0;
	}
	.grid {
		padding: 1em;
	}
	.grid p,.ser-grid p {
		font-size: 1em;
		line-height: 1.5em;
	}
	a.just-do,a.just-do-in {
		font-size: 1em;
	}
	.content-grid h2 {
		font-size: 1.3em;
	}
	.content-grid {
		padding: 1em 0 2em;
	}
	.content-grid p {
		margin: 0.5em 0 0;
	}
	.content-bottom h3 {
		font-size: 1.6em;
	}
	.content-bottom p {
		font-size: 1.3em;
	}
	.footer {
		padding: 1.5em 0 1em;
	}
	p.foot {
		font-size: 1.1em;
	}
	.submit input[type="submit"] {
		padding: 0.65em 0.6em;
		line-height: 1em;
		font-size:1em;
		font-size:1em;
	}
	.submit input[type="text"] {
		font-size:1em;
	}
	p.footer-class {
		padding: 1em 0 1em;
		font-size:1em;
	}
	.footer-top {
		padding: 1em 0 1em;
	}
	.content-top {
		padding: 2em 0 1em;
	}
	.content-bottom i {
		right: 38%;
	}
	.content-bottom {
		padding: 1.5em 0;
	}
	.side {
		padding: 0 0.5em;
	}
	.service-top {
		padding: 2em 0;
	}
	ul.drop li a {
		padding: 0.6em;
		font-size: 1em;
	}
	.grid h3 ,.ser-grid h3 {
		font-size: 1em;
	}
	.ser-grid {
		padding: 1em;
		margin: 1.5em 0 0;
	}
	a.see {
		font-size: 1em;
	}
	.grid-service {
		padding: 2em 0 0;
	}
	.grid-service h2 {
		font-size: 1.3em;
	}
	.grid-service p {
		font-size: 1em;
		line-height: 1.5em;
		height: 64px;
		overflow: hidden;
		margin: 0.5em 0 0;
	}
	p.you {
		font-size: 1.1em;
		line-height: 1.5em;
		height: 50px;
		overflow: hidden;
		margin: 0.5em 0 0;
	}
	.service-para h4 {
		font-size: 1.5em;
	}
	.service-name span {
		margin: 7px 0px;
	}
	.send input[type="submit"] {
		padding: 0.5em;
		font-size: 1.1em;
		width: 32%;
	}
	.four h2 {
		font-size: 1.7em;
	}
	.four h3 {
		font-size: 2.5em;
		padding: 0.5em 0;
	}
	.four {
		padding: 6em 0 7em;
		min-height: 309px;
	}
	.contact {
		padding: 1em 0;
	}
	.contact-form-row2 textarea {
		min-height: 136px;
	}
	.contact-map iframe {
		min-height: 100px;
	}
}


/* *** HTML ELEMENTS *** */
/* LINK GENERALI */
a 
{
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
}

a, 
a:link, 
a:active,
a:visited 
{
	color: #444; 
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}


/* ***** LAYOUT PAGINA ***** */
/* *** MAIN AREA *** */
#main-area {
	margin-top: 10px; 
	padding: 10px; 
	background-color: #fff; 
}

/* *** Area con i contenuti delle sezioni in home *** */
.abox 
{
    float: left;
    min-height: 250px;
    padding: 15px;
    margin: 0px 10px 10px 0px;
    background-color: #ffffff;
    border: 1px solid #dddfe6;
    border-radius: 5px 5px 5px 5px;
}

/* *** Titoli delle sezioni nella home page *** */
.atitle {font-size: 17px; margin-bottom: 6px;}
.atitle a {color: #4873b4;  text-decoration: none;}
.atitle a:hover {text-decoration: none; color: #4873b4;}
.link_utili { font-size: 15px; margin-left: 10px; margin-bottom: 5px; color: #2e6fc6}

/* *** Icone delle sezioni nella home page *** */
.icons {float: left; margin: 4px 10px 5px 0px;}

/* *** Area con i contenuti delle sezioni **** */
.ca-box-large {
    margin-right: 15px;
    margin-bottom: 20px;
}

/* *** Sezione per i contenuti su due colonne *** */
.ca-box { float: left; width: 345px; margin-top: 0px; margin-bottom: 20px; line-height: 1.5; color: #444; }
.ca-box h4 { font-size: 13px; font-weight: bold; color: steelblue; }

/* *** Elenchi puntati con link *** */
.alist { margin-left: 20px; font-size:13px}
.alist li a { color: #FE790C; text-decoration: none; }
.alist li a:hover { color: #FE790C; }
.alist li a:active  { color: #FE790C; }
.alist li a:visited { color: #FE790C; }

/* *** Sezioni con i contenuti */
.boxTitle { font-size: 16px; font-weight: bold; color: #2e6fc6; border-bottom: 2px solid #ddd; margin-bottom: 5px; }
.boxItem  { margin-top: 10px; padding-left: 8px; }
.boxImg  { width: 120px; }

.loginForm 
{ 
	max-width: 95%; 
	padding:5px; 
	border-radius: 5px 5px 5px 5px; 
	background-color:rgb(89, 108, 107);
	min-height: 250px;
}

.input_label {
	color:#fff;
	margin:0px; 
	height:30px;
	font-size:14px;
	font-weight:400;
}

.box_title 
{
	display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #4873b4;   
}

.form_btn 
{
	max-width:180px; 
	height: 45px; 
	font-size: 16px;
	padding-left: 20px;
    padding-right: 20px;
	background-color:#fff;
	color:#4873b4;
	border:none;
	border-radius: 3px 3px 3px 3px;
}

button.form_btn:hover {
	box-shadow: 0 2px 4px #000;
}

select.formLogin 
{
	width: 200px; 
	height:25px;
	font-size: 14px; 
	color: #444; 
	border-radius: 5px; 
	background-color: #fff; 
	padding: 3px; 
	border: 1px solid #fff;
	border-radius: 5px;
	background-color:rgb(250, 255, 189);
}
		
input.formLogin 
{
	width: 200px; 
	height:25px;
	font-size: 14px; 
	color: #444; 
	border-radius: 5px; 
	background-color: #fff; 
	padding: 3px; 
	border: 1px solid #fff;
	border-radius: 5px;
}

select {width: 252px; font-size: 11px; color: #444; border-radius: 5px; background-color: rgb(250, 255, 189); padding: 3px; border: 1px solid #ccc;}
input {font-size: 14px; font-weight: normal; color: #444; border-radius: 5px; background-color: #ddd; padding: 3px; border: 1px solid #ccc;}
input[type='radio'] {width: 25px;  color: #444;  background-color: #fff; padding: 3px;  border:none;}
input[type='checkbox'] {width: 25px;  color: #444;  background-color: #fff; padding: 3px; border:none;}
input[type='button'] {width: 100px; margin: 0px 5px; font-family: miofontreg, arial;}
input[type='button'].cancel  {padding-left:20px; background-image:url('/dyna_ebpp_2013/default/images/x.png'); background-repeat:no-repeat; background-position: 5px 5px; border-color: #ccc #777 #777 #ccc; border-width: 1px; border-style: solid;}
input[type='button'].ok  {padding-left:20px; background-image:url('/dyna_ebpp_2013/default/images/v.png'); background-repeat:no-repeat; background-position: 5px 5px; border-color: #ccc #777 #777 #ccc; border-width: 1px; border-style: solid;}
input[type='button'].cancel:active, 
input[type='button'].ok:active  {border-color: #777 #ccc #ccc #777; border-width: 1px; border-style: solid;}

input[type='text']:focus,
input[type='password']:focus, 
select:focus 
{
	border-color: #1169b7;
	background-color: #dfe9ec;
}



/* *** NEW ELEMENTI *** */
.pre-scrollable 
{
    max-height: 360px;
    overflow-y: auto;
}

.menu-home .list-group-item {
  color: #fff;
  background-color: #949445;
}
.menu-home a.list-group-item {
  color: #fff;
  border-color: #707034;
}
.menu-home a.list-group-item .list-group-item-heading {
  color: inherit;
}
.menu-home a.list-group-item:hover,
.menu-home a.list-group-item:focus {
  color: #fff;
  background-color: #707034;
}
.menu-home a.list-group-item.active,
.menu-home a.list-group-item.active:hover,
.menu-home a.list-group-item.active:focus {
  color: #fff;
  background-color: #707034;
  border-color: #707034;
}



.navbar-user-details .navbar-nav > li > a:focus, 
.navbar-user-details .navbar-nav > li > a:hover {
    color: #5f7fa1;
    background-color: rgba(0, 0, 0, 0.1);
}