@import url("01_base_style.css");
@import url("02_primary_style.css");
@import url("responsive/02_primary_style.css");
@import url("03_web_fonts.css");
@import url("04_menu_dropdown.css");
@import url("responsive/04_menu_dropdown.css");
@import url("05_home_sliderimg.css");
@import url("responsive/05_home_sliderimg.css");
@import url("06_jquey_style.css");
@import url("responsive/06_jquey_style.css");

@import url("grid.css");
@import url("components.css");
@import url("test-your-skin.e883e3ad.css");
@import url("5x1000x25.css");


/*

TESTI WYSIWYG GENERICI BLU E ARANCIONI
**************************

EVENTUALE SECONDO TITOLO BIG					Title-Big-42; 				42/50
TITOLO PARAGRAFO								Title-Paragraph-36			36/43
SOTTOTITOLO BLU									Text-Big-32					32/38
TESTO INTRO										Text-Medium-24				24/29
TESTO FINALE									TextSmall-18				18/24	

TESTO BIGGER ARANCIONE (citazione 1)			TextCaptionBig-40			40/48
TESTO DIDASCALIA BIG ARANCIONE					TextCaptionMedium-32		32/38 (fluxbold))
TESTO DIDASCALIA SMALL ARANCIONE				TextCaptionSmall-12			12/15 (latobold)

 */ 
 
 /*  ************ EVENTUALE SECONDO TITOLO BIG ************ */ 
.Title-Big-42 {
	EditMenuName: Title-Big-42 Blu;  
	color: #457CA1;
    font-family: 'fluxboldregular';
    font-size: 42px;
    line-height: 50px;
    padding: 10px 0 30px;
}

/*  ************ TITOLO PARAGRAFO ************ */ 		
.Title-Paragraph-36 {
	EditMenuName: Title-Paragraph-36 Blu;  
    color: #457CA1;
    font-family: 'fluxboldregular';
    font-size: 36px;
    line-height: 43px;
    text-transform: none;
	padding: 0 0 20px;
}

/*  ************ TITOLO INTRO BOLD************ */
 
.Tit-MediumBold-24 {
	EditMenuName: Tit-MediumBold-24  Blu;  
	font-family: 'fluxboldregular';
    font-size: 24px;
    line-height: 29px;
	color: #457ca1;
    padding: 0px 0 30px 0px;
}

h4.Tit-MediumBold-24 {
    padding-bottom: .6em;
}

p + h4.Tit-MediumBold-24,
img + h4.Tit-MediumBold-24 {
    padding-top: 10px;
}


/*  ************ SOTTOTITOLO ************ */ 
.Text-Big-32 {
	EditMenuName: Text-Big-32 Antracite;  
    font-family: 'fluxregularregular';
    font-size: 32px;
    line-height: 38px;
    text-transform: none;
	color: #444C4E;
}

/*  ************ TESTO INTRO ************ */ 
.Text-Medium-24 {
	EditMenuName: Text-Medium-24 Antracite;  
	font-family: 'fluxregularregular';
    font-size: 24px;
    line-height: 29px;
	color: #444C4E;
    padding: 10px 0 30px;
}


/*  ************ TESTO FINALE ************ */ 
.TextSmall-18 {
	EditMenuName: TextSmall-18 Antracite;  
    color: #444C4E;
    font-family: 'fluxregularregular';
    font-size: 18px;
	line-height: 24px;
    text-transform: none;
}

p.TextSmall-18 {
    margin-bottom: 1em;
}

/*  ************  TESTO BIGGER ARANCIONE ************ */ 
.TextCaptionBig-40{
	EditMenuName: TextCaptionBig-40 Arancio;   
    font-family: 'fluxboldregular';
	font-size: 40px;
    line-height: 48px;
	text-transform: none;
	color: #CD4913;
}

/*  ************  TESTO DIDASCALIA BIG ARANCIONE ************ */ 
.TextCaptionMedium-32{
	EditMenuName: TextCaptionMedium-32 Arancio;  
    font-family: 'fluxboldregular';
	font-size: 32px;
    line-height: 38px;
    text-transform: none;
	color: #CD4913;
}

/*  ************  TESTO DIDASCALIA SMALL ARANCIONE ************ */ 
.TextCaptionSmall-12{
	EditMenuName: TextCaptionSmall-12 Arancio;    
	font-family: 'latobold';
	font-size: 12px;
    line-height: 15px;
	text-transform: none;
	color:#CD4913;
}


 
/* 

TESTI WYSIWYG PER BOX BLU DELLA HOMEPAGE (box blu slider + gli altri box della home)
***********************************************************************************

TIT BOX BOLD		37/44
TESTO BOX BOLD		18/22
TESTO BOX LIGHT		18/22


 */ 
 


/*  ************  TIT BOX BOLD ************ */ 
.TitBoxBold-37 {		
	EditMenuName: TitBoxBold-37 Bianco;
	font-family: 'latobold';
	font-size: 37px;
    line-height: 44px;
	color:#ffffff;
}

/*  ************  TEXT BOX BOLD ************ */ 
.TextBox-18{		
	EditMenuName: TextBox-18 Bianco;
	font-family: 'latolight';
	font-size: 18px;
	line-height: 22px;
	color:#ffffff;
}

/*  ************  TESTO BOX BOLD ************ */ 
.TextBoxBold-18 {		
	EditMenuName: TextBoxBold-18 Bianco;
	font-family: 'latobold';
	font-size: 18px;
	line-height: 22px;
	color:#ffffff;
}




/* 
TESTI WYSIWYG BOX HIGLIGHT  - (scroller azzurra pagina medico/ricercatore)
*************************************************************

11. TESTO HIGHLIGHT REGULAR
12. TESTO BOX BOLD
 */ 

 
/*  ************ TITOLO HIGHTLIGHT LIGHT ************ */ 
.TextHighlight-14 { 
	EditMenuName: TextHighlight-14 Bianco;
	font-family: 'latoregular';
	font-size: 14px;
	line-height: 16px;
	padding: 23px 0 10px;
	color:#ffffff;
} 

/*  ************ TITOLO HIGHTLIGHT LIGHT ************ */ 
a.LinkHighlight-14 { 
	EditMenuName: LinkHighlight-14 Bianco;
	font-family: 'latoregular';
	font-size: 14px;
	line-height: 16px;
	float: left;
	display: block;
	padding: 0 10px;
	background: url("../images/generic/icobig_white.png") no-repeat scroll 0 4px;
	color:#ffffff!important;
	text-decoration: none !important;
}



/*  ************ LISTA PUNTATA HIGHTLIGHT ************ */ 
ul.ListaPuntata-14{
	EditMenuName: Lista Puntata Bianco;
	padding-left: 30px;
	list-style-type: disc;
    list-style-position: outside;
    margin: 3px 3px 10px 14px;
    /*padding: 0 2px 0 5px;*/
	border:0;
	font-family: 'latobold';
	font-size: 14px;
	line-height: 16px;
	color:#FFFFFF;
}

ul.ListaPuntata-14 li:first-child {border:0;}
ul.ListaPuntata-14 li {border:0;padding:3px 0;}




/*  ************ LISTA NUMERATA HIGHTLIGHT ************ */ 
ol.ListaNumerata-14{
	EditMenuName: Lista Numerata Bianco;
	padding-left: 30px;
	list-style-type: decimal;
    list-style-position: outside;
    margin: 3px 3px 10px 14px;
    /*padding: 0 2px 0 5px;*/
	border:0;
	font-family: 'latoregular';
	font-size: 14px;
	line-height: 16px;
	color:#FFFFFF;
}

ol.ListaNumerata-14 li:first-child {border:0;}
ol.ListaNumerata-14 li {border:0;padding:3px 0;}










/* 
TESTI WYSIWYG ELENCO PUNTATO - TESTO NORMALE
*************************************************************

LISTA PUNTATA

 */ 


/*  ************ LISTA PUNTATA ************ */ 
ul.ListaPuntata-18{
	EditMenuName: Lista Puntata;
	padding-left: 30px;
	list-style-type: disc;
    list-style-position: outside;
    margin: 3px 3px 1em 14px;
    /*padding: 0 2px 0 5px;*/
	border:0;
    font-family: 'fluxregularregular';
    font-size: 18px;
	line-height: 24px;
	color:#444C4E;
}

ul.ListaPuntata-18 li:first-child {border:0;}
ul.ListaPuntata-18 li {border:0;padding:3px 0;}




/*  ************ LISTA NUMERATA ************ */ 
ol.ListaNumerata-18{
	EditMenuName: Lista Numerata;
	padding-left: 30px;
	list-style-type: decimal;
    list-style-position: outside;
    margin: 3px 3px 1em 14px;
    /*padding: 0 2px 0 5px;*/
	border:0;
    font-family: 'fluxregularregular';
    font-size: 18px;
	line-height: 24px;
	color:#444C4E;
}

ol.ListaNumerata-18 li:first-child {border:0;}
ol.ListaNumerata-18 li {border:0;padding:3px 0;}



/************* CONTENT TOP IMAGE *************/
.content_top-spacer {
    height: 140px;
} 

.content_top-image {
    text-align: center;
    margin: 60px;
}

.content_top-image img {
    margin-top: -200px;
    -webkit-box-shadow: 0 10px 6px -6px #777;
       -moz-box-shadow: 0 10px 6px -6px #777;
            box-shadow: 0 10px 6px -6px #777;
}


/************* SEP *************/
.l-sep {
    margin: 3em 0;
}


/* adattamenti responsive */

.row [class^="col-"] img {
    width: 100%;
}

@media (max-width: 767px)   {
	.TextBox-18{ font-size:14px; line-height:1;}
	.TitBoxBold-37{font-size: 28px;  line-height: 1;}
	.TextCaptionMedium-32{ font-size:26px; line-height:1;}
}
@media (min-width: 768px) and (max-width: 991px)   {
	.TextBox-18{ font-size:12px; line-height:14px;}
	.TitBoxBold-37{font-size: 25px; line-height: 27px;}
	.TextCaptionMedium-32{ font-size:20px; line-height:1;}
}
@media (min-width: 992px) and (max-width: 1199px)  {
	.TextBox-18{ font-size:15px; line-height:18px;}
	.TitBoxBold-37{ font-size:31px; line-height:34px;}
	.TextCaptionMedium-32{ font-size:26px; line-height:1;}
}