@charset "UTF-8";
/* CSS Document */
.btn-green {
    background: #ff8500;
    font-family: 'Titillium Web', sans-serif;
    color: #fff;
    text-transform: uppercase;
    font-size: 20px;
    letter-spacing: 0px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    font-weight: 700;
    padding: 15px 60px;
    border-radius: 2px;
    border: none;
    margin-bottom: 20px;
	margin-top: 40px;
}
.btn-blue {
    background: #00a9ad;
    font-family: 'Titillium Web', sans-serif;
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    letter-spacing: 0px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    font-weight: 700;
    padding: 15px 60px;
    border-radius: 2px;
    border: none;
	margin-bottom: 40px;
    margin-top: 20px;
}



header{ 
     /*  padding: 10px 0 0 0;
	background: url(../img%20/landing_medicina_2016/bg-with-transparent-logo.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
*/

}
.container .jumbotron, .container-fluid .jumbotron {
    padding-right: 15px;
    padding-left: 15px;
    border-radius: 6px;
}
.page-header h1{ 
	font-size: 25px;
    color: #fff;
    font-weight: 100;
    letter-spacing: 2px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.page-header{
	margin: 10px 0 20px;

}

h3{
	font-family: 'Libre Baskerville', serif;
	font-size:18px;
	font-weight:400;
	font-style:italic;
	color:#fff;
}


.jumbotron .h1, .jumbotron h1{
	font-family: 'Titillium Web', sans-serif;
    font-weight: 100;
    color: #fff;
    font-size: 100px;
    text-transform: uppercase;
    line-height: 80px;
}
.jumbotron p, .jumbotron p{
	font-family: 'Titillium Web', sans-serif;
    font-weight: 300;
    color: #fff;
    font-size: 25px;
    font-style: italic;
    line-height: 25px;
	padding-top:30px;
}


.partecentrale{
	 background: url(../img%20/landing_medicina_2016/diventa_medico.jpg) no-repeat center center ; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	
	
}
.partecentrale h4{
	color: #00a9ad;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    text-align: left;
	
}
.partecentrale h1{
	font-family: 'Titillium Web', sans-serif;
    font-weight: 200;
    color: #333333;
    font-size: 40px;
	text-align:left;
    padding: 0px;
    margin: 0px;
	margin-bottom: 40px;
}

.frasina{
	font-size: 14px;
    font-weight: 700;
	font-style:italic;
    color: #333;
	
}

.partecentrale p{
	font-size: 14px;
    font-weight: 200;
    color: #333;
    text-align: left;
    padding: 0 150px 0 0;
    line-height: 25px;
}
.colonna{
	padding-right: 50px;
}
.icon{
	float:left;
}
.text-box h4{
	font-family: "Titillium";
    font-size: 24px;
    line-height: 36px;
    font-weight: 300!important;
	margin-bottom: 15px!important;
	text-transform: lowercase;
	color:#444444;
}
.text-box p{ 
	font-family: "Titillium Web";
    font-size: 14px;
    line-height: 21px;
    font-weight: 400;
    color: #888888;
    padding: 0px;
	padding-bottom: 30px;
}
footer{ 
    background: url(../img%20/landing_medicina_2016/footer_dottore.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	padding-top: 50px;
	text-align: center;
}
footer p{
	text-align:center;
	font-family: 'Titillium Web', sans-serif;
    font-weight: 200;
    color: #fff;
    font-size: 16px;
}
footer h4{
	font-family: "Titillium Web";
    font-size: 30px;
	color:#fff;
	text-align:center;
	font-weight:100;
	margin-bottom:50px;
	text-shadow: 2px 2px 4px black;
}

.text-center{
	text-align:left;
}

.testouno h4{
	color: #00a9ad;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    text-align: left;
}
.testouno h1{
	font-family: 'Titillium Web', sans-serif;
    font-weight: 200;
    color: #333333;
    font-size: 50px;
    text-align: left;
    padding: 0px;
    margin: 0px;
	    margin-top: 30px;
   
}
.testouno p{
	 font-size: 14px;
    font-weight: 200;
    color: #000;
	font-family: 'Lato', serif;
    text-align: left;
    line-height: 25px;
	
}
.testodue p{
     font-size: 14px;
    font-weight: 200;
    color: #000;
	
    text-align: left;
        line-height: 23px;
	padding-top: 36px;
	

}

.testouno strong{ font-style:normal; font-size: 14px; font-weight:600; 
}
.testodue strong{ font-style:normal; font-size: 14px; font-weight:600;
}

.frasetitolo {
	font-family: 'Titillium Web', sans-serif;
    font-weight: 200;
    color: #333333;
    font-size: 39px;
    text-align: left;
    padding: 0px;
    margin: 0px;}
.lead-form {
    background-color: #00a9ad;
    box-shadow: rgba(40, 40, 40, 0.2) 0px 1px 1px 1px;
   
}
#form {
    padding: 0px 40px;
}
#form h2{
	font-family: "Titillium Web";
    font-size: 30px;
	color:#fff;
	text-transform:uppercase;
	padding-top: 15px;
    text-align: center;
	margin: 0px;
}
#form p {
    text-align: center;
    font-size: 20px;
	font-style: italic;
	font-family: "Titillium Web";
    padding: 0px;
    margin: 0px;
}
.dottore{
	   
}
@media only screen and (max-width: 1024px) {


}
@media screen and (min-width: 768px) and (max-width: 990px){
	.container .jumbotron, .container-fluid .jumbotron {
    padding-right: 0px;
    padding-left: 0px;
}
#form{ padding:0px;}
}
@media screen and (min-width: 320px){
	.partecentrale p{
		    padding: 0;
	}
	.page-header img{padding-left: 10px;}
	.jumbotron .h1, .jumbotron h1 {
		font-family: 'Titillium Web', sans-serif;
		font-weight: 100;
		color: #fff;
		font-size: 76px;
		text-transform: uppercase;
		line-height: 70px;
	}
	.jumbotron p, .jumbotron p {
    font-family: 'Titillium Web', sans-serif;
    font-weight: 300;
    color: #fff;
    font-size: 25px;
    font-style: italic;
    line-height: 25px;
    padding-top: 0px;
}
}
@media screen and (min-width: 0px) and (max-width: 767px){
	.titolomobile{ display:block;}
	.titolodekstop{ display:none;}
	.dottore{
	    padding-top: 30px;
}
}
@media screen and (min-width: 768px) and (max-width : 1198px){

   .dottore{
	    padding-top: 50px;
}
}
@media screen and (min-width: 768px) and (max-width : 1278px){

   .titolomobile{ display:none;}
}
@media only screen and (min-width : 1280px){
	.titolomobile{ display:none;}
	
}