/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 26-ott-2015, 14.27.31
    Author     : gflagiello
*/


/* COMPONENTI PRINCIPALI */
html,body{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
}

div#container{ /*Contenitore principale di tutti gli elementi*/
	width:1024px;
	height:100%;
	margin:0;
	padding:0;
	margin-left:0px;
	font-family:Arial, Helvetica, sans-serif;
	background-image:url("img/sfondo.jpg");
	background-repeat:no-repeat;
	/*-moz-background-size: cover;  
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;*/
	background-position:center; /*center*/
}
div#container-vecchio{ /*Contenitore principale di tutti gli elementi*/
	    width: 980px;
    height: 100%;
    margin: 0px;
    padding: 0px;
    font-family: Arial,Helvetica,sans-serif;
    background-image: url("img/sfondo.jpg");
    background-repeat: no-repeat;
    background-position: center center;

}
div#header{ /*Contenitore degli elementi in testa*/
	width:100%;
	height:150px;
	overflow:hidden;
    background: #009883;
}
div#header-interno{ /*Contenitore degli elementi in testa*/
	width:100%;
	height:58px;
	overflow:hidden;
    background: #009883;
}
div#main{ /*Contenitore degli elementi di mezzo*/
	
	word-wrap:break-word;
	text-align:justify;
	clear:both;
}
div#main-vecchio{ /*Contenitore degli elementi di mezzo*/
	
	word-wrap:break-word;
	text-align:justify;
	clear:both;
    width:94%;
}
div#footer{ /*Contenitore degli elementi in fondo alla pagina*/
	width:1000px;
	height:38px;
	min-height:38px;
	background-color:#009882;
	position:fixed;
	bottom:0;
	text-align:left;
	font-size:9px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	word-wrap:break-word;
	overflow:hidden;
}

/* COMPONENTI DELL'HEADER */
div#barra{ /*Barra che contiene il logo dell'aspirina e il logo della bayer*/
	float:left;
	height:55px;
	width:1000px;
	background-color:#009882;
}

#scritta_asp{ /*Scritta aspirina nella barra dell'header*/
	float:left;
	display:inline-block;
	margin:0;
	margin-top:20px;
	margin-left:30px;
}

#logo_bayer{ /*Logo della Bayer allineato a destra nella barra dell'header*/
	float:right;
	margin:0;
	margin-top:4px;
	margin-right:30px;
}

div#rossa{ /*Riga rossa che separa la barra dal resto del documento*/
	height:3px;
	width:100%;
	float:left;
	background-color:red;
	margin-top:4px;
}

#immagine, #img_logo{ /*Div che contiene l'immagine del libro; Il suo libro*/
	float:left;
	margin-left:20px;
	//margin-top:10px;
}
#img_logo-vecchio {
        float: left;
    margin-left: 5px;
    margin-top: 10px;
}
div#logo_pdf{ /*Div che permette lo scaricamento del pdf*/
	float:right;
	height:220px; /**/
	width:255px;
	background-image:url("img/trasp.png");
	margin-right:56px;
	margin-top:30px;
	color:white;
	font-weight:bold;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
}

div#documento2{ /*Div che contiene il pulsante per scaricare i files*/
	margin:0;
	padding:0;
	height:83px;
	width:100%;
	text-align:justify;
}

div#documento{
	margin:0;
	padding:0;
	height:98px;
	width:100%;
	text-align:justify;
	background-image:url("img/doc.png");
	background-repeat:no-repeat;
}

div#documento #imma_dic, div#documento2 #imma_dic{ /*Immagine "Disponibile da dicembre" sul pulsante per scaricare i files*/
	float:left;
	display:inline-block;
	margin-left:-10px;
	margin-top:-24.5px;
}

div#documento #imma_pdf, div#documento2 #imma_pdf{ /*Immagine del PDF sul pulsante per scaricare i files*/
	float:right;
	margin-top:10px;
	margin-right:45px;
}

div#documento p, div#documento2 p{ 
	margin:0;
	margin-top:-25px;
	float:right;
	margin-right:20px;
}

div#documento:hover{
	cursor:pointer;
}

div#summary{ /*Div che contiene il link per scaricare il Summary*/
	margin:0;
	margin-top:25px;
	float:left;
	height:87px;
	width:100%;
	background-color:#009882;
}

div#summary3{
	margin:0;
	margin-top:15px;
	float:left;
	height:45px;
	width:100%;
	background-image:url("img/sum.png");
	background-repeat:no-repeat;
}

div#summary2{
	margin:0;
	margin-top:35px;
	float:left;
	height:87px;
	width:100%;
}

#bottone1{
	width:271px;
	margin-top:-25px;
	margin-left:-7px;
}

#bottone2{
	margin-top:-25px;
	margin-left:-7px;
}

/*div#summary{
	border:1px solid red;
}*/

div#summary p, div#summary2 p{
	float:left;
	display:inline-block;
	margin-left:30px;
	margin-top:0px;
}

div#summary3 p{
	float:left;
	display:inline-block;
	margin-left:40px;
	margin-top:30px;
	text-align:justify;
}

div#summary #imma_dic2, div#summary2 #imma_dic2, div#summary3 #imma_dic2{ /*Immagine "DIsponibile da dicembre" contenuta nel Summary*/
	float:left;
	display:inline-block;
	margin-left:-10px;
	margin-top:-24.5px;
}

div#summary #imma_pdf2, div#summary2 #imma_pdf2{ /*Immagine del pdf, contenuta nel div per lo scaricamento del summary*/
	float:right;
	margin-top:10px;
	margin-right:45px;
}

div#summary3 #imma_pdf2{ /*Immagine del pdf, contenuta nel div per lo scaricamento del summary*/
	float:right;
	margin-top:10px;
	margin-right:25px;
}

div#summary:hover{
	cursor:pointer;
	background-color:#00A885;
}

div#summary3:hover{
	cursor:pointer;
}

div#logo_login{ /*Div che contiene i div, che servono per loggarsi o registrarsi */
	;
	height:350px;
	width:280px;
	background: url("img/sfondo-sfumato-titolo.png") center no-repeat;
	margin-bottom:10px;
	color:white;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	text-align: -webkit-center;                                        
}



div#login{ /*Div che, se cliccato porta alla pagina di Login su Camicinrete.it*/
    width:215px;
	height:40px;
	border-radius:10px;
	-webkit-border-radius:10px;
	background-color:#009882;
	font-family:Arial, Helvetica, sans-serif;
    border:3px outset #898989;
   /* border-style: outset;
    border-color: #b7b7b7;*/
}

div#login:hover, div#registra:hover{
	cursor:pointer;
	background-color:#00AA96;
}

div#registra{ /*Div che, se cliccato porta alla pagina di Registrazione su Camicinrete.it*/
	margin-top:20px;
    width:215px;
	height:40px;
	border-radius:10px;
	background-color:#009882;
	font-family:Arial, Helvetica, sans-serif;
    border:3px outset #898989;
}

@-moz-document url-prefix() {
    div#registra, div#login {                                  
        margin-left: 30px;
    }
    div#login {
    	    margin-top: 10px;
    }
}

div#login p{
	margin:0;
	margin-top:10px;
	float:right;
	margin-right:80px;
}

div#registra p{
	margin:0;
	margin-top:10px;
	float:right;
	margin-right:55px;
}



/* COMPONENTI DEL MAIN */

div#img_libro{ /*Div che contiene l'immagine del libretto*/
	float:left;
	width:28%;
	height:100%;
	display:inline-block;
	margin:0;
	padding:0;
	margin-left:-55px;
	margin-top:-60px;
}

#immagine_l{ /*Immagine del libretto*/
	margin-top:10px;
	float:left;
}

#mini_titolo{ /*Piccolo titolo di pagina che segna l'area riservata*/
	color:red;
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	font-weight:bold;
}

div#testo_main{ /*Testo del main*/
	width:62%; /*63.2%*/
	display:inline-block;
	margin:0;
	padding-left:2%;
    padding-right:2%;
	font-size:15px;
	margin-top:80px;
}

#scritta_aspi{
	font-weight:bold;
	font-size:16px;
}

#testo_fin{ /*Testo finale(testo_fin), contenuto nella prima pagina*/
	font-weight:bold;
	font-size:12px;
}

div#testo_main2{ /*Div che contiene il testo del main, della 1° pagina interna*/
	max-width:35%;
	display:inline-block;
	margin:0;
	padding:0;
	margin-left:70px;
	margin-top:-70px;
}

#tab_indice{ /*Tabella che contiene i dati dei collaboratori del progetto aspirina nella 1° pagina interna*/
	font-size:11px;
	word-wrap:break-word;
	text-align:left;
}

#tab_indice tr td{
	border:0;
	text-align:left;
}

.rosso{ /*Testo della tabella che deve essere in rosso*/
	color:#E53138;
	font-size:18px;
	font-weight:bold;
}

#tab_indice p.riga{
	border-bottom:1px solid #C6C7C8;
	width:120%;
	margin:0;
	padding:0;
	padding-bottom:2px;
}

.sotto{ /*Testo che deve essere sotto un hr*/
	font-size:15px;
	font-weight:bold;
}

.non{ /*Testo dentro le parentesi, deve essere in corsivo*/
	font-weight:none;
	font-size:15px;
	font-style:italic;
}

#tab_indice p{
	margin:2px;
	padding:0;
}

#tab_indice hr{
	margin:0;
	padding:0;
	width:120%;
}

.colora{ /*hr colorato di blu*/
	color:#009882;
	height:1px;
	background-color:#009882;
	border-color:#009882;
	border:1px solid #009882;
}

.colora2{ /*hr colorato "quasi" di bianco*/
	color:#C6C7C8;
	height:1px;
	background-color:#C6C7C8;
	border-color:#C6C7C8;
	border:0.1px solid #C6C7C8;
}

div#aspirine{  /*Div che contiene i 3 link in tutte e due le pagine*/
	float:right;
	width:280px;
	margin-right: 40px;	 	
}

div#asp, div#asp_ef, div#asp_ef2, div#asp_car{  /*I tre div delle aspirine*/
	float:right;
	background-color:#BCE194;
	height:90px;
	clear:both;
	margin:0px;
	text-align:center;
	font-weight:bold;
	color:#0EA37B;
	font-size:23px;
	font-family:Arial, Helvetica, sans-serif;
}

div#asp_ef{ /*Aspirina effervescente(Aspirina C)*/
	width:295px;
	margin-right:-4px;
	background-image:url("img/asp_ef_logo.png");
	background-repeat:no-repeat;
	background-position:left;
	background-color:transparent;
	margin-top:-15px;
}

div#asp_ef2{
	width:295px;
	margin-right:-4px;
	background-image:url("img/asp_ef_logo.png");
	background-repeat:no-repeat;
	background-position:left;
	background-color:transparent;
	margin-top:30px;
}

div#asp{ /*Aspirina dolore e infiammazione*/
	background-image:url("img/asp_logo.png");
	background-repeat:no-repeat;
	background-color:transparent;
	background-position:left;
	margin-right:-4px;
	width:295px;
}

div#asp_car{ /*Cardioaspirina*/
	background-image:url("img/cardio_asp.png");
	background-repeat:no-repeat;
	background-position:top;
	background-color:transparent;
}


div#asp_car{ /*Aspirina, Cardioaspirina*/
	width:295px;
	margin-right:7px;
}

div#aspi{ /*Div di nome SIFAC*/
	background-image:url("img/sifac.png");
	background-position:center;
	background-repeat:no-repeat;
	height:85px;
	margin:0;
	margin-top:50px;
	text-align:center;
	color:white;
	font-size:23px;
	font-family:Arial, Helvetica, sans-serif;        
	cursor:pointer;
	text-align: center;
}

div#bayern_logo {
	width:280px;
	height:85px;
	text-align: center;
	margin-top: 70px;
	margin-bottom: 30px;
}

div#asp:hover, div#asp_ef:hover, div#asp_ef2:hover, div#asp_car:hover{
	cursor:pointer;
}



/* COMPONENTI DEL FOOTER */

div#riga_rossa{ /*Riga rossa che separa il footer(in position fixed) dal resto del documento*/
	height:2px;
	width:100%;
	clear:both;
	margin-bottom:4px;
	background-color:red;
}

div#testo_footer{  /*Testo del footer*/
	margin-left:35px;
	height:auto;
	width:90%;
	word-wrap:break-word;
	float:left;
}

#disclaimer{  /*Span che contiene le scritte "Disclaimer -- copyright ----" che vengono colorate di giallo*/
	color:#BCE194;
}

div#p_d_f{ /*Primo div contenente testo del footer*/
	float:left;
	display:inline-block;
}

div#s_d_f{ /*Secondo div contenente testo del footer*/
	float:left;
	display:inline-block;
	padding-left:130px;
}

div#t_d_f{ /*Terzo div contenente testo del footer*/
	float:left;
	padding-left:150px;
}




/* COMPONENTI ULTIMA PAGINA */

div#testo_main3{aspi /*Testo del main, della 2° pagina interna*/
	font-family:Arial, Helvetica, sans-serif;
	width:67%;
	max-width:67%;
	display:inline-block;
	margin:0;
	padding:0;
	font-size:15px;
	word-wrap:break-word;
	text-align:justify;
	margin-top:-50px;
	overflow-y:hidden;
}

#mini_titolo3{ /*Altro piccolo titolo della 2° pagina interna*/
	color:#009882;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	margin:0;
	padding:0;
	font-weight:bold;
}

#mini_titolo2{ /*Piccolo titolo della 2° pagina interna*/
	color:red;
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	margin:0;
	padding:0;
	font-weight:bold;
	margin-top:0px;
}

.colonna{
	height:auto;
	width:300px;
}

div#prima,div#seconda{
	float:left;
	margin:0;
	padding:0;
}

div#terza{
	float:right;
	display:inline-block;
}