/*
	Twenty 1.0 by HTML5 UP
	html5up.net | @n33co
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/

/* Basic */

	body {
		min-width: 320px;
	}

	h2 {
		font-size: 1.30em;
		line-height:1.30em;
		background-image:none;
		margin-bottom:2em;

	}

	h3 {
		font-size: 1.15em;
		margin-bottom:1em;
		margin-top:1em;
	}
	h4 {
		text-align:center;
	}

	p {
		text-align: left;
		letter-spacing:0;
	}

	header {
		text-align: center;
	}

		header.major {
			padding-bottom: 0;
		}

		header.special {
			margin-bottom: 3em;
			padding-left: 1.5em;
			padding-right: 1.5em;
		}

			header.special:before, header.special:after {
				width: 38%;
			}

			header.special .icon {
				font-size: 0.75em;
				top: 1.5em;
			}

		header p {
			text-align: center;
		}

	footer.major {
		padding-top: 0;
	}

/* Icon */

	.icon.circle {
		font-size: 1em;
	}

/* Button */

	.button {
		max-width: 20em;
		width: 100%;
	}

		.button.fit {
			width: auto;
		}

/* Lists */

	ul.icons li {
		padding-left: 0.25em;
	}

	ul.feature-icons li .icon {
		width: 1.1em;
	}

	ul.buttons {
		text-align: center;
	}

/* Wrapper */

	.wrapper {
		margin-bottom: 2.5em;
		padding: 2.25em 1.5em;
	}

		.wrapper.special br {
			display: none;
		}

		.wrapper.style1 {
			padding: 0 1.5em;
		}

		.wrapper.style2 {
			background-size: 10em;
			padding: 2.25em 1.5em;
		}

		.wrapper.style4 {
			background-size: 10em;
			padding: 1.5em 1.5em 3em 1.5em;
		}

/* Banner */

	#banner {
		background-size: cover;
		padding: 6em 0;
	}

		#banner .inner {
			background: none;
			display: block;
			padding: 0 1.5em;
		}

			#banner .inner header h2 {
				font-size: 1.5em;
			}

			#banner .inner p {
				text-align: center;
				line-height:1.2em;
				font-size:1em;
				margin-left:1em;
			}

			#banner .inner br {
				display: none;
			}

/* Main */

	#main {
		background-size: 10em;
		padding: 1.5em 0.5em;
		text-align:center;
	}

	body.index #main {
		padding: 1.5em 0em;
	}

	body.contact #main {
		padding-bottom: 0;
	}

/* CTA */

	#cta {
		background-size: 10em, 10em, auto, cover;
		padding: 3em 1.5em;
	}

/* Footer */

	#footer {
		padding: 3em 0.5em;
		
	}
	#footer p, #footer h3 {
	text-align:center;		
	}
	
	#footer .copyright {
				font-size: 0.7em;
				line-height:1.1em;
				text-align:center;
	}
/* Novos */
#brand{ height:11em; background-color:#003053; background-image:url(images/ClinicaPeninsular_logo_smal.png); background-position:center 3em; background-repeat:no-repeat; display:block;}
.fotoHome img{ max-width:17em;}
.logos{ text-align:center;}
#main  p{ text-align:center}
#main h2{ background-image:none; }

#main p, #main h2, #main h3, #main h4{ margin-left:0.5em; margin-right:0.5em;}

.listClinicos{ text-align:left; margin: 0 0.85em;}
/*#topButton{ padding-right:18em;}*/

.pics, .imgMobile {  
	width: 100%;
	height: auto;
}

.pics img, .imgMobile img {  
    padding: 0px; 
	/*padding: 5px;  
    border: 1px solid #ccc;  
    background-color: #FFF;  
	width:  300px; */
    /*height: 269px; */
    /*top:  0; 
    left: 0;
	margin-left:5px;*/ 
}

.photoLayout{
	padding: opx;
    border:  none;  
    background-color: #FFF;
	width: 100%;
	margin-left: 0px;
}


@media only screen and (max-width: 414px) {
	.pics img {
		width:  414px !important;
	}
	.imgMobile img {
		width:  360px !important;
	}
}
@media only screen and (max-width: 375px) {
	.pics img {
		width:  375px !important;
	}
	.imgMobile img {
		width:  310px !important;
	}
}
@media only screen and (max-width: 360px) {
	.pics img {
		width:  360px !important;
	}
	.imgMobile img {
		width:  290px !important;
	}
}
@media only screen and (max-width: 320px) {
	.pics img {
		width:  320px !important;
	}
	.imgMobile img {
		width:  260px !important;
	}
}
/* label com txt ao lado do Get Button do chat*/
.float{
	position:fixed;	
	width:270px;
	height:53px;
	background-color:rgba(18,155,244,.75);
	border-radius:26px;
	bottom:22px;
	right:20px;
	font-size: 16px;	
	text-align: right !important;
	padding: 5px 60px 5px 5px;
	/*border: solid 1px rgba(255,255,255,0.35);*/
	color: rgba(0,0,0,.3) !important;
}
.float p{line-height: 1.3em !important; padding-top: 3px;}
.my-float{
	margin-top:10px;
	background-color:none;
}
/* label com txt ao lado do Get Button do chat*/
.float{
	position:fixed;
	z-index: 9999;
	width:295px;
	height:52px;
	background-color:rgba(237,157,31,.55);
	border-radius:26px;
	bottom:22px;
	right:20px;
	font-size: 16px;	
	text-align: right !important;
	padding: 5px 60px 5px 5px;
	color: rgba(0,0,0,.3) !important;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.float:hover{background-color:rgba(237,157,31,.75);}
.float p{line-height: 1.3em !important; padding-top: 3px; text-align: right !important}
.my-float{
	margin-top:10px;
	background-color:none;
}
.float strong{font-weight: 700;
}