﻿#efecto-s{
	border: 0px solid red;
	position: relative;
	z-index: 10 !important;
	background: url();
	border-bottom: 7px solid #632425;
	border-bottom: 7px solid #D1AA66;
	width: 100%;
	height: 300px;
}

#efecto-s-conten{
	position: relative;
	z-index: 101;
	border: 0px solid blue;
	width: 1000px;
	margin: 0 auto 0;
	padding: 130px 0 0 0;
}

.fondo-inicio{
	background: url(../images/fondo-inicio.png) no-repeat center center fixed !important;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
}

.fondo-quienes{
	background: url(../images/fondo-quienes.jpg) no-repeat center center fixed !important;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
}

.fondo-especialidades{
	background: url(../images/fondo-especialidades.jpg) no-repeat center center fixed !important;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	position: relative;
	z-index: 10000;
}

.fondo-contacto{
	background: url(../images/fondo-contacto.png) no-repeat center center fixed !important;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
}

.fondo-sitios{
	background: url(../images/fondo-sitios.png) no-repeat center center fixed !important;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
}


.circulo{
	border: 1px solid #D1AA66;
	position: absolute;
	top: 0px;
	left: 39%;
	z-index: -10000 !important;
	width: 200px;

	border-radius: 0 0 900px 900px;

	overflow: hidden;
}

.circulo img{
	width: 100%;
	float: left;

	border-radius: 0 0 200px 200px;
}



.texto{
	width: 100%;
	font-size: 16px;
	line-height: 24px;
	float: left;
	margin-bottom: 40px;
}


.parte{
	width: 100%;
	float: left;
}

.seccion{
	width: 50%;
	font-size: 16px;
	line-height: 24px;
	float: left;

	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
}

.seccion span{
	color: #D1AA66;
}

.seccion b{
	background: #f7f7f7;
	color: #632425;
	padding: 5px 0;
}




.espe{
	position: relative;
	border: 0px solid red;
	width: 32.33%;
	float: left;
	margin-bottom: 15px;
	margin-left: 1%;
}

.imagen-espe{
	border: 0px solid red;
	width: 100%;
	text-align: center;
	float: left;

    backface-visibility:hidden;
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    transition:all .5s
}

.imagen-espe img{
	border: 0px solid red;
	width: 50%;

	border-radius: 50%;
}

.vuelta{
	-webkit-transform:rotateY(180deg);
    -moz-transform:rotateY(180deg);
    transform:rotateY(180deg)
}

.des{
	visibility: hidden;
}

.sitios-espe img{
	width:90%;
	border-radius: 0%;
}

.desarrollo-espe{
	width: 100%;
	text-align: center;
	float: left;
}

.desarrollo-espe h2{
	width: 100%;
	float: left;
}

.desarrollo-espe h2 span{
	background: #f7f7f7;
	color: #632425;
	text-align: center;
	display: inline-block;
	padding: 5px;
	margin-bottom: 10px;

	border-radius: 3px;

	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
}

.texto-espe{
	border: 0px solid red;
	position: absolute;
	top: 35px;
	left: 25%;
	z-index: -1;
	background: #632425;
	width: 50%;
	height: 81%;
	color: white;
	font-size: 14px;
	text-align: center;
	line-height: 20px;
	padding: 30px 5px 5px 5px;

	border-radius: 50%;

	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
}

@media screen and (max-width: 1100px){
	.texto, .parte{
		padding: 0 10px;

		box-sizing:border-box;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		-o-box-sizing:border-box;
	}

	#efecto-s{
		display: none;
	}
}

@media screen and (max-width: 600px){
	.circulo{
		left: 25%;
	}

	.seccion{
		width: 100%;
		text-align: justify;
		padding-right: 0 !important;
	}

	.marginBottom600{
		margin-bottom: 40px;
	}

	.r{
		width: 50px !important;
	}
}

@media screen and (max-width: 500px){
	.espe{
		width: 98%;
		margin: 0 1%;
		margin-bottom: 25px;
	}
}