@charset "utf-8";
header, nav, section, article, aside, figure, footer{
	
	display:block;
}
.limpiar{
	clear:both;
}
a img{
	border:none;
}
body{
	margin: 0 auto;
	background-repeat: no-repeat;
	background-image: url(../imagenes/fondo1.jpg);
	background-attachment: fixed;
    overflow-x:hidden;
	background-color: #630;
	background-position: center;
}
p{
	font-size: 15px;
	color: #444;
	text-align: justify;
	font-family: "Century Gothic";
	font-weight: bold;
	line-height: 1.5em
}
p1{
	font-family: "Century Gothic";
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	text-align: justify;
	
	}
p2{
	font-size: 15px;
	color: #ffff;
	text-align: center;
	font-family: "Century Gothic";
	font-weight: bold;
	}
p3{
	font-size: 10px;
	color: #ffff;
	text-align: justify;
	font-family: "Century Gothic";
	font-weight: bold;
	}
p4{
	font-size: 14px;
	color: #777;
	text-align: center;
	font-family: "Century Gothic";
	font-weight: bold;
	}
p5{
	font-size: 15px;
	color: #555;
	text-align: center;
	font-family: "Century Gothic";
	font-weight: bold;
	}

h1{
	font-family: "Century Gothic";
	color: #663300;
	text-align: center;
	font-size: 25px;
	font-weight: bold;
}
h2{
	font-family: "Californian FB";
	color: #b22d00;
	text-align: center;
	font-size: 25px;
	font-weight: bold;
	}
h3{
	font-family:"Century Gothic";
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	text-align: center;
	}
h4{
	font-family:"Century Gothic";
	font-size: 16px;
	font-weight: bold;
	color:#666;
	text-align: center;
	}
h5{
	font-family: "Century Gothic";
	color:#ec731e;
	font-size: 15px;
	font-weight: bold;
	}

/*--- Maquetacion ---*/
#contenedor{
	width: 100%;
	margin: 0 auto;
	margin-top:0
	
}
/*--cabecera--*/
#cabecera{
	height: auto;
	width: 100%;
	background-color: #ffffff;
	background-image: url(../imagenes/f.cabe.png);
	background-repeat: repeat-x;
}
#franja{
	background-color: #ffa64d;
	float: left;
	height:10px;
	width: 100%;
	margin-left:auto;
	margin-top: 0px;
	}
#logo{
	float: left;
	margin-top: 1.5%;
	margin-bottom:1%;
	margin-left: 5%;
	width:auto;
	}



#dir1{
	float: left;
	margin-top:5%;
	margin-left:15%;
	margin-bottom:1%;	
	}
#dir2{
	float: left;
	margin-top:5%;
	margin-left:15%;
	margin-bottom:1%;	
	}
	
#dir3{
	float: left;
	margin-top:5%;
	margin-left:15%;
	margin-bottom:1%;
	}
	
.flotante {
	display: scroll;
	position: fixed;
	bottom: 10px;
	right: 15px;
	z-index: 999;
}
.rotacion{
	float: left;
	margin-top: 5px;
	margin-bottom: 10px;
	width: auto;
	}
#botones{
	background-color:#ffa64d;
	
	}
.menu{
	margin-left:23%;
	margin-top:1%;
	width:100%;
	}

/*--perfil--*/
#cuerpo{
	background-repeat: no-repeat;
	background-image: url(../imagenes/fondo.jpg);
	margin-top: 1%;
	margin-bottom: 1%;
	padding-top: 5%;
	padding-bottom: 5%;
	background-attachment: fixed;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #630;	
	}
.titulo1{
	float:left;
	margin-left:43%;
	margin-right:10%;
	margin-top:1%;
	margin-bottom:2%;
	}
.titulo1 img{
	border-radius:10px;
	}

#perf{
	float:left;
	margin-left:25%;
	margin-right:10%;
	width:50%;
	height:auto;
	text-align: justify;
	border-bottom-width: 2%;
	border-radius: 5%;
	box-shadow: 2px 2px 5px #231f20;
	padding:1% 1%;
	
	}
#derm{
	float:left;
	margin-left:10%;
	width:40%;
	height:auto;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding: 1% 1%;
	}
	
#ftdm{
	float:right;	
    margin-right:12%;
	margin-top:10%;
	margin-bottom:1%;
	border-bottom-width: 2%;
	border-radius:10px;
	box-shadow: 2px 2px 5px #555;
	padding: 1% 1%;
	}
#ftdm img{
	border-radius:10px;
	}
#ftof{
	float:left;	
    margin-left:12%;
	margin-top:10%;
	margin-bottom:1%;
	border-bottom-width: 2%;
	border-radius:10px;
	box-shadow: 2px 2px 5px #555;
	padding: 1% 1%;
	}
#ftof img{
	border-radius:10px;
	}	
#oftal{
	float:right;
	margin-right:10%;
	width:40%;
	height:auto;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding: 1% 1%;
	}
#endos{
	float:left;
	margin-left:10%;
	width:40%;
	height:auto;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding: 1% 1%;
	}
#fteds{
	float:right;	
    margin-right:12%;
	margin-top:10%;
	margin-bottom:1%;
	border-bottom-width: 2%;
	border-radius:10px;
	box-shadow: 2px 2px 5px #555;
	padding: 1% 1%;
	}
#fteds img{
	border-radius:10px;
	}
#fteco{
	float:left;	
    margin-left:12%;
	margin-top:10%;
	margin-bottom:1%;
	border-bottom-width: 2%;
	border-radius:10px;
	box-shadow: 2px 2px 5px #555;
	padding: 1% 1%;
	}
#fteco img{
	border-radius:10px;
	}	
#ecofi{
	float:right;
	margin-right:10%;
	width:40%;
	height:auto;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding: 1% 1%;
	}
#rehab{
	float:left;
	margin-left:10%;
	width:40%;
	height:auto;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding: 1% 1%;
	}
#ftrhb{
	float:right;	
    margin-right:12%;
	margin-top:10%;
	margin-bottom:1%;
	border-bottom-width: 2%;
	border-radius:10px;
	box-shadow: 2px 2px 5px #555;
	padding: 1% 1%;
	}
#ftrhb img{
	border-radius:10px;
	}
.ico{
	height: auto;
	width:10%;
	float: left;
	padding-top: 2%;
	margin-top: 2%;
	margin-right:5%;
	margin-left: 8%;
	margin-bottom:2%;	
	text-align: center;
	padding-right: 1%;
	padding-left: 1%;
	border-bottom-style: groove;
	border-bottom-color: #8c4600;
}

#perr1{
	float:left;
	margin-top:3%;
	margin-left:8%;
	margin-bottom:2%;
	padding:1% 1%;
	text-align:center;
	}
#perr1:hover{	
	border-radius:10px;
    webkit-border-radius:2%;
    box-shadow: 0px 0px 3px 3px #ec731e;
    webkit-box-shadow: 0px 0px 5px 5px #ec731e;
    transform: rotate(360deg);
    webkit-transform: rotate(360deg);
}
#perr1 img{
	border-radius:10px;
	}	
#perr2{
	float:left;
	margin-top:3%;
	margin-left:8%;
	margin-bottom:2%;
	padding:1% 1%;
	text-align:center;	
}
#perr2:hover{	
	border-radius:10px;
    webkit-border-radius:2%;
    box-shadow: 0px 0px 3px 3px #ec731e;
    webkit-box-shadow: 0px 0px 5px 5px #ec731e;
    transform: rotate(360deg);
    webkit-transform: rotate(360deg);
}
#perr2 img{
	border-radius:10px;
	}	
#perr3{
	float:left;
	margin-top:3%;
	margin-left:8%;	
	margin-bottom:2%;
	padding:1% 1%;
	text-align:center;	
}
#perr3:hover{	
	border-radius:10px;
    webkit-border-radius:2%;
    box-shadow: 0px 0px 3px 3px #ec731e;
    webkit-box-shadow: 0px 0px 5px 5px #ec731e;
    transform: rotate(360deg);
    webkit-transform: rotate(360deg);
}

#perr3 img{
	border-radius:10px;
	}				
#perr4{
	float:left;
	margin-top:3%;
	margin-left:8%;
	margin-bottom:2%;
	padding:1% 1%;
	text-align:center;
}
#perr4:hover{	
	border-radius:10px;
    webkit-border-radius:2%;
    box-shadow: 0px 0px 3px 3px #ec731e;
    webkit-box-shadow: 0px 0px 5px 5px #ec731e;
    transform: rotate(360deg);
    webkit-transform: rotate(360deg);
}
#perr4 img{
	border-radius:10px;
	}			
/*--servicios--*/
.titulo2{
	float:left;
	margin-left:43%;
	margin-right:10%;
	margin-top:1%;
	margin-bottom:2%;
	}
.titulo2 img{
	border-radius:10px;
	}	
 #aten{	
    float:left;
    margin-left:10%;
    width:25%;
    height:auto;
	margin-top:1%;
	margin-bottom:1%;
}

#foto1{
	float:right;	
    margin-right:12%;
	margin-top:3%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	box-shadow: 2px 2px 5px #231f20;
	border-radius: 10px;
	padding:1% 1%;
}
#foto1 img{
	border-radius: 10px;
	}
#foto2{	
    float:left;
    margin-left:12%;
	margin-top:3%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:1% 1%;
}
#foto2 img{
	border-radius: 10px;
	}
#pelu{
	float:right;	
    margin-right:10%;
    width:25%;
    height:auto;
	margin-top:3%;
	margin-bottom:1%;
}

#rayo{	
    margin-left:10%;
    width:25%;
    height:auto;
	margin-top:3%;
	margin-bottom:15px;
}

#foto3{	
    float:right;
    margin-right:12%;
	margin-top:-180px;
	margin-bottom:1%;
	border-bottom-width: 2px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:1% 1%;
}
#foto3 img{
	border-radius: 10px;
	}
#foto4{
	float:left;
    margin-left:12%;
	margin-top:3%;
	margin-bottom:20px;
	border-bottom-width: 2px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:1% 1%;
}
#foto4 img{
	border-radius: 10px;
	}
#hosp{
	float:right;	
    margin-right:10%;
    width:25%;
    height:auto;
	margin-top:3%;
	margin-bottom:1%;
}

#eco{
	float:left;	
    margin-left:10%;
    width:25%;
    height:auto;
	margin-top:3%;
	margin-bottom:20px;
}

#foto5{	
    float:right;
    margin-right:12%;
	margin-top:3%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:1% 1%;
}
#foto5 img{
	border-radius: 10px;
	}
#foto6{	
    float:left;
    margin-left:12%;
	margin-top:3%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:1% 1%;
}
#foto6 img{
	border-radius: 10px;
	}
#cirg{
	float:right;	
    margin-right:10%;
    width:25%;
    height:auto;
	margin-top:3%;
	margin-bottom:1%;
}

#lim{
	float:left;	
    margin-left:10%;
    width:25%;
    height:auto;
	margin-top:3%;
	margin-bottom:1%;
}

#foto7{
	float:right;	
    margin-right:12%;
	margin-top:3%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:1% 1%;
}
#foto7 img{
	border-radius: 10px;
	}
#foto8{	
    float:left;
    margin-left:12%;
	margin-top:3%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:1% 1%;
}
#foto8 img{
	border-radius: 10px;
	}
#hodj{
	float:right;	
    margin-right:10%;
    width:25%;
    height:auto;
	margin-top:3%;
	margin-bottom:1%;
}

#reprod{
	float:left;	
    margin-left:10%;
    width:25%;
    height:auto;
	margin-top:3%;
	margin-bottom:1%;
}

#foto9{
	float:right;
    margin-right:12%;
	margin-top:3%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:1% 1%;
}
#foto9 img{
	border-radius: 10px;
	}
/*--corporativo--*/	
.titulo3{
	float:left;
	margin-left:43%;
	margin-right:10%;
	margin-top:1%;
	margin-bottom:2%;
	}
.titulo3 img{
	border-radius: 10px;
	}
#fils{
	float:left;	
    margin-left:10%;
	width:30%;
    height:auto;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:1%;
	padding-left:1%;
	padding-right:1%;
	padding-top:1%;
}

#pas{
	margin-left:60%;
    width:30%;
	height:auto;
	margin-top:-380px;
	margin-bottom:5%;
	text-align:justify;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:1%;
	padding-left:1%;
	padding-right:1%;
	padding-top:1%;
}
		
#mis{
	margin-left:10%;
    width:30%;
	height:auto;
	margin-top:5%;
	margin-bottom:5%;
	text-align:justify;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:1%;
	padding-left:1%;
	padding-right:1%;
	padding-top:1%;
	}

#vis{
	margin-left:60%;
    width:30%;
	height:auto;
	margin-top:-330px;
	margin-bottom:5%;
	text-align:justify;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:1%;
	padding-left:1%;
	padding-right:1%;
	padding-top:1%;
	}
	
#barrita{
	background-color: #b22d00;
	float: left;
	height: 3px;
	width: 90%;
	margin-top: 15px;
	margin-right: 5%;
	margin-bottom: 15px;
	margin-left: 5%;
	}

/*--operaciones--*/
.titulo4{
	float:left;
	margin-left:43%;
	margin-right:10%;
	margin-top:1%;
	margin-bottom:2%;
	}
.titulo4 img{
	border-radius: 10px;
	}
.parrafo-oper{
	float:left;
	width:90%;
	margin-left:5%;
	margin-right:5%;
	}
.fotos{
	height: auto;
	float: left;
	padding-top: 35px;
	margin-top: 20px;
	margin-right: 70px;
	margin-left:80px;
	margin-bottom: 10px;
	border-bottom-width: 2px;
	box-shadow: 2px 2px 5px #231f20;
	border-radius: 10px;
	text-align: center;
	padding:1% 1%
}	
.fotos img{
	border-radius: 10px;
	}
/*--productos--*/
.titulo5{
	float:left;
	margin-left:43%;
	margin-right:10%;
	margin-top:1%;
	margin-bottom:2%;
	}
.titulo5 img{
	border-radius: 10px;
	}
.parrafo-prod{
	float:left;
	width:90%;
	margin-left:5%;
	margin-right:5%;
	}
.produc{
	height: auto;
	float: left;
	margin-top: 1%;
	margin-right: 20px;
	margin-left:20px;
	margin-bottom: 1%;
	border-bottom-width: 1%;
	box-shadow: 2px 2px 5px #231f20;
	border-radius: 10px;
	text-align:center;
	padding:1% 1%;	
}
.produc img{
	border-radius: 10px;
	}		
/*--politicas--*/
.titulo6{
	float:left;
	margin-left:43%;
	margin-right:10%;
	margin-top:1%;
	margin-bottom:2%;
	}
.titulo6 img{
	border-radius: 10px;
	}
#queri{
	float:left;
	width:50%;
	height:auto;
	margin-left:20%;
	margin-right:20%;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:1% 1%;
	
}
	
#poli{
	float:left;
	width:50%;
	height:auto;
	margin-left:20%;
	margin-right:20%;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:1% 1%;
}	

#pri{
	float:left;
	width:50%;
	height:auto;
	margin-left:20%;
	margin-right:20%;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:1% 1%;
}

#pasi{
	float:left;
    width:50%;
	height:auto;
	margin-left:20%;
	margin-right:20%;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:1% 1%;
}

.mensaje{
	float:left;
	margin-left:10%;
	margin-right:10%;
	text-align:center;
	margin-top:2%;
	margin-bottom:10%;
	}
	
/*--Contactenos--*/
.titulo7{
	float:left;
	margin-left:43%;
	margin-right:10%;
	margin-top:1%;
	margin-bottom:2%;
	}
.titulo7 img{
	border-radius: 10px;
	}
.mapa{
	height: auto;
	width: 99.5%;	
}
	
/* --- Pie pagina ---*/
footer{
	float: left;
	background-color: #402000;
	height: auto;
	width: 100%;
	padding-bottom: 20px;
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFB973;
	border-bottom-color: #FFB973;
	margin-left: 0px;
	margin-right: 5px;
	
	}

.dir4{
	height: 50px;
	width:250px;
	float: left;
	padding-top: 35px;
	margin-top: 20px;
	margin-right:150px;
	margin-left:220px;
	margin-bottom:25px;	
	text-align: center;
	}

#derechos{
	float: left;
	width: 30%;
	margin-left: 43%;
	height: auto;
	padding-top: 1%;
	padding-bottom: 1%;
	padding-left: 1%;
	}


/******************************************/
/***    DISEÑO PARA PC           ****/
/******************************************/
@media only screen and (max-width:1600px){
	
	
		/*--- Maquetacion ---*/
	#contenedor{
	width:100%;
    
	}
	

.rotacion{
	display:flex;
    width: 100%;	
	}
#logo{
	float: left;
	margin-top: 1.5%;
	margin-bottom:1%;
	margin-left: 5%;
	width:auto;
	}



#dir1{
	float: left;
	margin-top:5%;
	margin-left:15%;
	margin-bottom:1%;	
	}
#dir2{
	float: left;
	margin-top:5%;
	margin-left:15%;
	margin-bottom:1%;	
	}
	
#dir3{
	float: left;
	margin-top:5%;
	margin-left:15%;
	margin-bottom:1%;
	}



.flotante {
	display: scroll;
	position: fixed;
	bottom: 0px;
	right: 0px;
	z-index: 999;
}
.menu{
	margin-left:23%;
	margin-top:1%;
	width:100%;
	}

/*--perfil--*/
#cuerpo{
	background-repeat: no-repeat;
	background-image: url(../imagenes/fondo.jpg);
	margin-top: 1%;
	margin-bottom: 1%;
	padding-top: 5%;
	padding-bottom: 5%;
	background-attachment: fixed;
	}
.titulo1{
	float:left;
	margin-left:43%;
	margin-right:10%;
	margin-top:1%;
	margin-bottom:2%;
	}

#perf{
	float:left;
	margin-left:27%;
	margin-right:10%;
	width:50%;
	height:auto;
	text-align: justify;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:1% 1%;
	
	}
#derm{
	float:left;
	margin-left:10%;
	width:40%;
	height:auto;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding: 1% 1%;
	}
	
#ftdm{
	float:right;	
    margin-right:12%;
	margin-top:10%;
	margin-bottom:1%;
	border-bottom-width: 2%;
	border-radius:10px;
	box-shadow: 2px 2px 5px #555;
	padding: 1% 1%;
	}
#ftdm img{
	border-radius:10px;
	}
#ftof{
	float:left;	
    margin-left:12%;
	margin-top:10%;
	margin-bottom:1%;
	border-bottom-width: 2%;
	border-radius:10px;
	box-shadow: 2px 2px 5px #555;
	padding: 1% 1%;
	}
#ftof img{
	border-radius:10px;
	}	
#oftal{
	float:right;
	margin-right:10%;
	width:40%;
	height:auto;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding: 1% 1%;
	}
#endos{
	float:left;
	margin-left:10%;
	width:40%;
	height:auto;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding: 1% 1%;
	}
#fteds{
	float:right;	
    margin-right:12%;
	margin-top:10%;
	margin-bottom:1%;
	border-bottom-width: 2%;
	border-radius:10px;
	box-shadow: 2px 2px 5px #555;
	padding: 1% 1%;
	}
#fteds img{
	border-radius:10px;
	}
#fteco{
	float:left;	
    margin-left:12%;
	margin-top:10%;
	margin-bottom:1%;
	border-bottom-width: 2%;
	border-radius:10px;
	box-shadow: 2px 2px 5px #555;
	padding: 1% 1%;
	}
#fteco img{
	border-radius:10px;
	}	
#ecofi{
	float:right;
	margin-right:10%;
	width:40%;
	height:auto;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding: 1% 1%;
	}
#rehab{
	float:left;
	margin-left:10%;
	width:40%;
	height:auto;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding: 1% 1%;
	}
#ftrhb{
	float:right;	
    margin-right:12%;
	margin-top:10%;
	margin-bottom:1%;
	border-bottom-width: 2%;
	border-radius:10px;
	box-shadow: 2px 2px 5px #555;
	padding: 1% 1%;
	}
#ftrhb img{
	border-radius:10px;
	}	
.ico{
	height: auto;
	width:10%;
	float: left;
	padding-top: 2%;
	margin-top: 2%;
	margin-right:5%;
	margin-left: 8%;
	margin-bottom:2%;	
	text-align: center;
	padding-right: 1%;
	padding-left: 1%;
	border-bottom-style: groove;
	border-bottom-color: #8c4600;
}

#perr1{
	float:left;
	margin-left:5%;
	margin-bottom:2%;
	padding-left:1%;
	padding-right:1%;
	padding-bottom:1%;
	padding-top:1%;
	
	}
#perr1:hover{	
	border-radius:10px;
    webkit-border-radius:2%;
    box-shadow: 0px 0px 3px 3px #ec731e;
    webkit-box-shadow: 0px 0px 5px 5px #ec731e;
    transform: rotate(360deg);
    webkit-transform: rotate(360deg);
}	
#perr2{
	float:left;
	margin-left:5%;
	margin-bottom:2%;
	padding-left:1%;
	padding-right:1%;
	padding-bottom:1%;
	padding-top:1%;	
}
#perr2:hover{	
	border-radius:10px;
    webkit-border-radius:2%;
    box-shadow: 0px 0px 3px 3px #ec731e;
    webkit-box-shadow: 0px 0px 5px 5px #ec731e;
    transform: rotate(360deg);
    webkit-transform: rotate(360deg);
}	
#perr3{
	float:left;
	margin-left:5%;	
	margin-bottom:2%;
	padding-left:1%;
	padding-right:1%;
	padding-bottom:1%;
	padding-top:1%;
}
#perr3:hover{	
	border-radius:10px;
    webkit-border-radius:2%;
    box-shadow: 0px 0px 3px 3px #ec731e;
    webkit-box-shadow: 0px 0px 5px 5px #ec731e;
    transform: rotate(360deg);
    webkit-transform: rotate(360deg);
}			
#perr4{
	float:left;
	margin-left:5%;
	margin-bottom:2%;
	padding-left:1%;
	padding-right:1%;
	padding-bottom:1%;
	padding-top:1%;
}
#perr4:hover{	
	border-radius:10px;
    webkit-border-radius:2%;
    box-shadow: 0px 0px 3px 3px #ec731e;
    webkit-box-shadow: 0px 0px 5px 5px #ec731e;
    transform: rotate(360deg);
    webkit-transform: rotate(360deg);
}		
/*--servicios--*/
.titulo2{
	float:left;
	margin-left:43%;
	margin-right:10%;
	margin-top:1%;
	margin-bottom:2%;
	}
 #aten{	
    float:left;
    margin-left:10%;
    width:25%;
    height:auto;
	margin-top:1%;
	margin-bottom:1%;
}

#foto1{
	float:right;	
    margin-right:12%;
	margin-top:3%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	box-shadow: 2px 2px 5px #231f20;
	border-radius: 10px;
	padding:1% 1%;
}

#foto2{	
    float:left;
    margin-left:12%;
	margin-top:3%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:1% 1%;
}
#pelu{
	float:right;	
    margin-right:10%;
    width:25%;
    height:auto;
	margin-top:3%;
	margin-bottom:1%;
}

#rayo{	
    margin-left:10%;
    width:25%;
    height:auto;
	margin-top:3%;
	margin-bottom:15px;
}

#foto3{	
    float:right;
    margin-right:12%;
	margin-top:-180px;
	margin-bottom:1%;
	border-bottom-width: 2px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:1% 1%;
}

#foto4{
	float:left;
    margin-left:12%;
	margin-top:3%;
	margin-bottom:20px;
	border-bottom-width: 2px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:1% 1%;
}

#hosp{
	float:right;	
    margin-right:10%;
    width:25%;
    height:auto;
	margin-top:3%;
	margin-bottom:1%;
}

#eco{
	float:left;	
    margin-left:10%;
    width:25%;
    height:auto;
	margin-top:3%;
	margin-bottom:20px;
}

#foto5{	
    float:right;
    margin-right:12%;
	margin-top:3%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:1% 1%;
}

#foto6{	
    float:left;
    margin-left:12%;
	margin-top:3%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:1% 1%;
}

#cirg{
	float:right;	
    margin-right:10%;
    width:25%;
    height:auto;
	margin-top:3%;
	margin-bottom:1%;
}

#lim{
	float:left;	
    margin-left:10%;
    width:25%;
    height:auto;
	margin-top:3%;
	margin-bottom:1%;
}

#foto7{
	float:right;	
    margin-right:12%;
	margin-top:3%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:1% 1%;
}

#foto8{	
    float:left;
    margin-left:12%;
	margin-top:3%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:1% 1%;
}

#hodj{
	float:right;	
    margin-right:10%;
    width:25%;
    height:auto;
	margin-top:3%;
	margin-bottom:1%;
}

#reprod{
	float:left;	
    margin-left:10%;
    width:25%;
    height:auto;
	margin-top:3%;
	margin-bottom:1%;
}

#foto9{
	float:right;
    margin-right:12%;
	margin-top:3%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:1% 1%;
}

/*--corporativo--*/	
.titulo3{
	float:left;
	margin-left:43%;
	margin-right:10%;
	margin-top:1%;
	margin-bottom:2%;
	}
#fils{
	float:left;	
    margin-left:10%;
	width:30%;
    height:auto;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:1%;
	padding-left:1%;
	padding-right:1%;
	padding-top:1%;
}

#pas{
	margin-left:60%;
    width:30%;
	height:auto;
	margin-top:-380px;
	margin-bottom:5%;
	text-align:justify;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:1%;
	padding-left:1%;
	padding-right:1%;
	padding-top:1%;
}
		
#mis{
	margin-left:10%;
    width:30%;
	height:auto;
	margin-top:5%;
	margin-bottom:5%;
	text-align:justify;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:1%;
	padding-left:1%;
	padding-right:1%;
	padding-top:1%;
	}

#vis{
	margin-left:60%;
    width:30%;
	height:auto;
	margin-top:-308px;
	margin-bottom:5%;
	text-align:justify;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:1%;
	padding-left:1%;
	padding-right:1%;
	padding-top:1%;
	}
	
#barrita{
	background-color: #b22d00;
	float: left;
	height: 3px;
	width: 90%;
	margin-top: 15px;
	margin-right: 5%;
	margin-bottom: 15px;
	margin-left: 5%;
	}

/*--operaciones--*/
.titulo4{
	float:left;
	margin-left:43%;
	margin-right:10%;
	margin-top:1%;
	margin-bottom:2%;
	}
.fotos{
	height: auto;
	float: left;
	padding-top: 35px;
	margin-top: 20px;
	margin-right: 70px;
	margin-left:100px;
	margin-bottom: 10px;
	border-bottom-width: 2px;
	box-shadow: 2px 2px 5px #231f20;
	border-radius: 10px;
	text-align: center;
	padding:1% 1%
}	

/*--productos--*/
.titulo5{
	float:left;
	margin-left:43%;
	margin-right:10%;
	margin-top:1%;
	margin-bottom:2%;
	}
.produc{
	height: auto;
	float: left;
	margin-top: 1%;
	margin-right: 20px;
	margin-left:40px;
	margin-bottom: 1%;
	border-bottom-width: 1%;
	box-shadow: 2px 2px 5px #231f20;
	border-radius: 10px;
	text-align:center;
	padding:1% 1%;
	
}			
/*--politicas--*/
.titulo6{
	float:left;
	margin-left:43%;
	margin-right:10%;
	margin-top:1%;
	margin-bottom:2%;
	}
#queri{
	float:left;
	width:50%;
	height:auto;
	margin-left:20%;
	margin-right:20%;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:1%;
	padding-left:1%;
	padding-right:1%;
	padding-top:1%;
}
	
#poli{
	float:left;
	width:50%;
	height:auto;
	margin-left:20%;
	margin-right:20%;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:1%;
	padding-left:1%;
	padding-right:1%;
	padding-top:1%;
}	

#pri{
	float:left;
	width:50%;
	height:auto;
	margin-left:20%;
	margin-right:20%;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:1%;
	padding-left:1%;
	padding-right:1%;
	padding-top:1%;
}

#pasi{
	float:left;
    width:50%;
	height:auto;
	margin-left:20%;
	margin-right:20%;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:1%;
	padding-left:1%;
	padding-right:1%;
	padding-top:1%;
}
.mensaje{
	float:left;
	margin-left:10%;
	margin-right:10%;
	text-align:center;
	margin-top:2%;
	margin-bottom:10%;
	}

/*--Contactenos--*/
.titulo7{
	float:left;
	margin-left:43%;
	margin-right:10%;
	margin-top:1%;
	margin-bottom:2%;
	}

.mapa{
	height: auto;
	width: 99.5%;	
}
	
/* --- Pie pagina ---*/
footer{
	float: left;
	background-color: #402000;
	height: auto;
	width: 100%;
	padding-bottom: 20px;
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFB973;
	border-bottom-color: #FFB973;
	margin-left: 0px;
	margin-right: 5px;
	
	}

.dir4{
	height: 50px;
	width:250px;
	float: left;
	padding-top: 35px;
	margin-top: 20px;
	margin-right: 80px;
	margin-left:150px;
	margin-bottom:25px;	
	text-align: center;
	}

#derechos{
	float: left;
	width: 50%;
	margin-left: 36%;
	height: auto;
	
	
	}

}

/******************************************/
/***    DISEÑO PARA PC           ****/
/******************************************/
@media only screen and (max-width:1450px){
	
	
		/*--- Maquetacion ---*/
	#contenedor{
	width:100%;
    
	}
	

.rotacion{
	display:flex;
    width: 100%;	
	}

	

.flotante {
	display: scroll;
	position: fixed;
	bottom: 0px;
	right: 10px;
	z-index: 999;
}

#logo{
	float: left;
	margin-top: 1.5%;
	margin-bottom:1%;
	margin-left: 5%;
	width:auto;
	}



#dir1{
	float: left;
	margin-top:5%;
	margin-left:10%;
	margin-bottom:1%;	
	}
#dir2{
	float: left;
	margin-top:5%;
	margin-left:10%;
	margin-bottom:1%;	
	}
	
#dir3{
	float: left;
	margin-top:5%;
	margin-left:10%;
	margin-bottom:1%;
	}


.menu{
	margin-left:15%;
	margin-top:1%;
	width:100%;
	}




/*--perfil--*/
#cuerpo{
	background-repeat: no-repeat;
	background-image: url(../imagenes/fondo.jpg);
	margin-top: 1%;
	margin-bottom: 1%;
	padding-top: 5%;
	padding-bottom: 5%;
	background-attachment: fixed;
	}
.titulo1{
	float:left;
	margin-left:43%;
	margin-right:10%;
	margin-top:1%;
	margin-bottom:2%;
	}

#perf{
	float:left;
	margin-left:25%;
	margin-right:10%;
	width:50%;
	height:auto;
	text-align: justify;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:1%;
	padding-left:1%;
	padding-right:1%;
	padding-top:1%;
	}
#derm{
	float:left;
	margin-left:10%;
	width:40%;
	height:auto;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding: 1% 1%;
	}
	
#ftdm{
	float:right;	
    margin-right:12%;
	margin-top:10%;
	margin-bottom:1%;
	border-bottom-width: 2%;
	border-radius:10px;
	box-shadow: 2px 2px 5px #555;
	padding: 1% 1%;
	}
#ftdm img{
	border-radius:10px;
	}
#ftof{
	float:left;	
    margin-left:12%;
	margin-top:10%;
	margin-bottom:1%;
	border-bottom-width: 2%;
	border-radius:10px;
	box-shadow: 2px 2px 5px #555;
	padding: 1% 1%;
	}
#ftof img{
	border-radius:5%;
	}	
#oftal{
	float:right;
	margin-right:10%;
	width:40%;
	height:auto;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding: 1% 1%;
	}
#endos{
	float:left;
	margin-left:10%;
	width:40%;
	height:auto;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius:10px;
	box-shadow: 2px 2px 5px #231f20;
	padding: 1% 1%;
	}
#fteds{
	float:right;	
    margin-right:12%;
	margin-top:10%;
	margin-bottom:1%;
	border-bottom-width: 2%;
	border-radius:10px;
	box-shadow: 2px 2px 5px #555;
	padding: 1% 1%;
	}
#fteds img{
	border-radius:10px;
	}
#fteco{
	float:left;	
    margin-left:12%;
	margin-top:10%;
	margin-bottom:1%;
	border-bottom-width: 2%;
	border-radius:10px;
	box-shadow: 2px 2px 5px #555;
	padding: 1% 1%;
	}
#fteco img{
	border-radius:10px;
	}	
#ecofi{
	float:right;
	margin-right:10%;
	width:40%;
	height:auto;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding: 1% 1%;
	}
#rehab{
	float:left;
	margin-left:10%;
	width:40%;
	height:auto;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius:10px;
	box-shadow: 2px 2px 5px #231f20;
	padding: 1% 1%;
	}
#ftrhb{
	float:right;	
    margin-right:12%;
	margin-top:10%;
	margin-bottom:1%;
	border-bottom-width: 2%;
	border-radius:10px;
	box-shadow: 2px 2px 5px #555;
	padding: 1% 1%;
	}
#ftrhb img{
	border-radius:10px;
	}	
.ico{
	height: auto;
	width:10%;
	float: left;
	padding-top: 2%;
	margin-top: 2%;
	margin-right:5%;
	margin-left: 8%;
	margin-bottom:2%;	
	text-align: center;
	padding-right: 1%;
	padding-left: 1%;
	border-bottom-style: groove;
	border-bottom-color: #8c4600;
}

#perr1{
	float:left;
	margin-left:5%;
	margin-bottom:2%;
	padding-left:1%;
	padding-right:1%;
	padding-bottom:1%;
	padding-top:1%;
	
	}
#perr1:hover{	
	border-radius:10px;
    webkit-border-radius:2%;
    box-shadow: 0px 0px 3px 3px #ec731e;
    webkit-box-shadow: 0px 0px 5px 5px #ec731e;
    transform: rotate(360deg);
    webkit-transform: rotate(360deg);
}	
#perr2{
	float:left;
	margin-left:5%;
	margin-bottom:2%;
	padding-left:1%;
	padding-right:1%;
	padding-bottom:1%;
	padding-top:1%;	
}
#perr2:hover{	
	border-radius:10px;
    webkit-border-radius:2%;
    box-shadow: 0px 0px 3px 3px #ec731e;
    webkit-box-shadow: 0px 0px 5px 5px #ec731e;
    transform: rotate(360deg);
    webkit-transform: rotate(360deg);
}	
#perr3{
	float:left;
	margin-left:5%;	
	margin-bottom:2%;
	padding-left:1%;
	padding-right:1%;
	padding-bottom:1%;
	padding-top:1%;
}
#perr3:hover{	
	border-radius:10px;
    webkit-border-radius:2%;
    box-shadow: 0px 0px 3px 3px #ec731e;
    webkit-box-shadow: 0px 0px 5px 5px #ec731e;
    transform: rotate(360deg);
    webkit-transform: rotate(360deg);
}			
#perr4{
	float:left;
	margin-left:5%;
	margin-bottom:2%;
	padding-left:1%;
	padding-right:1%;
	padding-bottom:1%;
	padding-top:1%;
}
#perr4:hover{	
	border-radius:10px;
    webkit-border-radius:2%;
    box-shadow: 0px 0px 3px 3px #ec731e;
    webkit-box-shadow: 0px 0px 5px 5px #ec731e;
    transform: rotate(360deg);
    webkit-transform: rotate(360deg);
}		
/*--servicios--*/
.titulo2{
	float:left;
	margin-left:43%;
	margin-right:10%;
	margin-top:1%;
	margin-bottom:2%;
	}
 #aten{	
    float:left;
    margin-left:10%;
    width:25%;
    height:auto;
	margin-top:1%;
	margin-bottom:1%;
}

#foto1{
	float:right;	
    margin-right:12%;
	margin-top:3%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	box-shadow: 2px 2px 5px #231f20;
	border-radius: 10px;
	padding:1% 1%
	
}

#foto2{	
    float:left;
    margin-left:12%;
	margin-top:3%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:1% 1%
	
}
#pelu{
	float:right;	
    margin-right:10%;
    width:25%;
    height:auto;
	margin-top:3%;
	margin-bottom:1%;
}

#rayo{	
    margin-left:10%;
    width:25%;
    height:auto;
	margin-top:3%;
	margin-bottom:15px;
}

#foto3{	
    float:right;
    margin-right:12%;
	margin-top:-180px;
	margin-bottom:1%;
	border-bottom-width: 2px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:1% 1%
}

#foto4{
	float:left;
    margin-left:12%;
	margin-top:3%;
	margin-bottom:20px;
	border-bottom-width: 2px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:1% 1%
}

#hosp{
	float:right;	
    margin-right:10%;
    width:25%;
    height:auto;
	margin-top:3%;
	margin-bottom:1%;
}

#eco{
	float:left;	
    margin-left:10%;
    width:25%;
    height:auto;
	margin-top:3%;
	margin-bottom:20px;
}

#foto5{	
    float:right;
    margin-right:12%;
	margin-top:3%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:1% 1%
}

#foto6{	
    float:left;
    margin-left:12%;
	margin-top:3%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:1% 1%
}

#cirg{
	float:right;	
    margin-right:10%;
    width:25%;
    height:auto;
	margin-top:3%;
	margin-bottom:1%;
}

#lim{
	float:left;	
    margin-left:10%;
    width:25%;
    height:auto;
	margin-top:3%;
	margin-bottom:1%;
}

#foto7{
	float:right;	
    margin-right:12%;
	margin-top:3%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:1% 1%
}

#foto8{	
    float:left;
    margin-left:12%;
	margin-top:3%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	border-radius:10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:1% 1%
}

#hodj{
	float:right;	
    margin-right:10%;
    width:25%;
    height:auto;
	margin-top:3%;
	margin-bottom:1%;
}

#reprod{
	float:left;	
    margin-left:10%;
    width:25%;
    height:auto;
	margin-top:3%;
	margin-bottom:1%;
}

#foto9{
	float:right;
    margin-right:12%;
	margin-top:3%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:1% 1%
}

/*--corporativo--*/	
.titulo3{
	float:left;
	margin-left:43%;
	margin-right:10%;
	margin-top:1%;
	margin-bottom:2%;
	}
#fils{
	float:left;	
    margin-left:10%;
	width:30%;
    height:auto;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:1%;
	padding-left:1%;
	padding-right:1%;
	padding-top:1%;
}

#pas{
	margin-left:60%;
    width:30%;
	height:auto;
	margin-top:-380px;
	margin-bottom:5%;
	text-align:justify;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:1%;
	padding-left:1%;
	padding-right:1%;
	padding-top:1%;
}
		
#mis{
	margin-left:10%;
    width:30%;
	height:auto;
	margin-top:5%;
	margin-bottom:5%;
	text-align:justify;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:1%;
	padding-left:1%;
	padding-right:1%;
	padding-top:1%;
	}

#vis{
	margin-left:60%;
    width:30%;
	height:auto;
	margin-top:-330px;
	margin-bottom:5%;
	text-align:justify;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:1%;
	padding-left:1%;
	padding-right:1%;
	padding-top:1%;
	}
	
#barrita{
	background-color: #b22d00;
	float: left;
	height: 3px;
	width: 90%;
	margin-top: 15px;
	margin-right: 5%;
	margin-bottom: 15px;
	margin-left: 5%;
	}

/*--operaciones--*/
.titulo4{
	float:left;
	margin-left:43%;
	margin-right:10%;
	margin-top:1%;
	margin-bottom:2%;
	}
.fotos{
	height: auto;
	float: left;
	padding-top: 35px;
	margin-top: 20px;
	margin-right: 70px;
	margin-left:100px;
	margin-bottom: 10px;
	border-bottom-width: 2px;
	box-shadow: 2px 2px 5px #231f20;
	border-radius: 10px;
	text-align: center;
	padding:1% 1%;
}	

/*--productos--*/
.titulo5{
	float:left;
	margin-left:43%;
	margin-right:10%;
	margin-top:1%;
	margin-bottom:2%;
	}
.produc{
	height: auto;
	float: left;
	margin-top: 1%;
	margin-right: 10px;
	margin-left:20px;
	margin-bottom: 1%;
	border-bottom-width: 1%;
	box-shadow: 2px 2px 5px #231f20;
	border-radius: 10px;
	text-align:center;
	padding:1% 1%;
	
}			
/*--politicas--*/
.titulo6{
	float:left;
	margin-left:43%;
	margin-right:10%;
	margin-top:1%;
	margin-bottom:2%;
	}
#queri{
	float:left;
	width:50%;
	height:auto;
	margin-left:25%;
	margin-right:20%;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:1%;
	padding-left:1%;
	padding-right:1%;
	padding-top:1%;
}
	
#poli{
	float:left;
	width:50%;
	height:auto;
	margin-left:25%;
	margin-right:20%;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:1%;
	padding-left:1%;
	padding-right:1%;
	padding-top:1%;
}	

#pri{
	float:left;
	width:50%;
	height:auto;
	margin-left:25%;
	margin-right:20%;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:1%;
	padding-left:1%;
	padding-right:1%;
	padding-top:1%;
}

#pasi{
	float:left;
    width:50%;
	height:auto;
	margin-left:25%;
	margin-right:20%;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:1%;
	padding-left:1%;
	padding-right:1%;
	padding-top:1%;
}

.mensaje{
	float:left;
	margin-left:10%;
	margin-right:10%;
	text-align:center;
	margin-top:2%;
	margin-bottom:10%;
	}
/*--Contactenos--*/
.titulo7{
	float:left;
	margin-left:40%;
	margin-right:10%;
	margin-top:1%;
	margin-bottom:2%;
	}

.mapa{
	height: auto;
	width: 99.5%;	
}

/* --- Pie pagina ---*/
footer{
	float: left;
	background-color: #402000;
	height: auto;
	width: 100%;
	padding-bottom: 20px;
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFB973;
	border-bottom-color: #FFB973;
	margin-left: 0px;
	margin-right: 5px;
	
	}

.dir4{
	height: 50px;
	width:250px;
	float: left;
	padding-top: 35px;
	margin-top: 20px;
	margin-right: 80px;
	margin-left:120px;
	margin-bottom:25px;	
	text-align: center;
	}

#derechos{
	float: left;
	width: 50%;
	margin-left: 36%;
	height: auto;


	}
}
/******************************************/
/***    DISEÑO PARA PC           ****/
/******************************************/
@media only screen and (max-width:1400px){
	
	
		/*--- Maquetacion ---*/
	#contenedor{
	width:100%;
    
	}
#logo{
	float: left;
	margin-top: 1.5%;
	margin-bottom:1%;
	margin-left: 5%;
	width:auto;
	}



#dir1{
	float: left;
	margin-top:5%;
	margin-left:10%;
	margin-bottom:1%;	
	}
#dir2{
	float: left;
	margin-top:5%;
	margin-left:10%;
	margin-bottom:1%;	
	}
	
#dir3{
	float: left;
	margin-top:5%;
	margin-left:10%;
	margin-bottom:1%;
	}
	
.menu{
	margin-left:14%;
	margin-top:1%;
	width:100%;
	}



.rotacion{
	display:flex;
    width: 100%;	
	}

	

.flotante {
	display: scroll;
	position: fixed;
	bottom: 0px;
	right: 10px;
	z-index: 999;
}



/*--perfil--*/
#cuerpo{
	background-repeat: no-repeat;
	background-image: url(../imagenes/fondo.jpg);
	margin-top: 1%;
	margin-bottom: 1%;
	padding-top: 5%;
	padding-bottom: 5%;
	background-attachment: fixed;
	}
.titulo1{
	float:left;
	margin-left:43%;
	margin-right:10%;
	margin-top:1%;
	margin-bottom:2%;
	}

#perf{
	float:left;
	margin-left:25%;
	margin-right:10%;
	width:50%;
	height:auto;
	text-align: justify;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:1%;
	padding-left:1%;
	padding-right:1%;
	padding-top:1%;
	}
#derm{
	float:left;
	margin-left:10%;
	width:40%;
	height:auto;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding: 1% 1%;
	}
	
#ftdm{
	float:right;	
    margin-right:12%;
	margin-top:10%;
	margin-bottom:1%;
	border-bottom-width: 2%;
	border-radius:10px;
	box-shadow: 2px 2px 5px #555;
	padding: 1% 1%;
	}
#ftdm img{
	border-radius:10px;
	}
#ftof{
	float:left;	
    margin-left:12%;
	margin-top:10%;
	margin-bottom:1%;
	border-bottom-width: 2%;
	border-radius:10px;
	box-shadow: 2px 2px 5px #555;
	padding: 1% 1%;
	}
#ftof img{
	border-radius:10px;
	}	
#oftal{
	float:right;
	margin-right:10%;
	width:40%;
	height:auto;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding: 1% 1%;
	}
#endos{
	float:left;
	margin-left:10%;
	width:40%;
	height:auto;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding: 1% 1%;
	}
#fteds{
	float:right;	
    margin-right:12%;
	margin-top:10%;
	margin-bottom:1%;
	border-bottom-width: 2%;
	border-radius:10px;
	box-shadow: 2px 2px 5px #555;
	padding: 1% 1%;
	}
#fteds img{
	border-radius:10px;
	}
#fteco{
	float:left;	
    margin-left:12%;
	margin-top:10%;
	margin-bottom:1%;
	border-bottom-width: 2%;
	border-radius:10px;
	box-shadow: 2px 2px 5px #555;
	padding: 1% 1%;
	}
#fteco img{
	border-radius:10px;
	}	
#ecofi{
	float:right;
	margin-right:10%;
	width:40%;
	height:auto;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding: 1% 1%;
	}
#rehab{
	float:left;
	margin-left:10%;
	width:40%;
	height:auto;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding: 1% 1%;
	}
#ftrhb{
	float:right;	
    margin-right:12%;
	margin-top:10%;
	margin-bottom:1%;
	border-bottom-width: 2%;
	border-radius:10px;
	box-shadow: 2px 2px 5px #555;
	padding: 1% 1%;
	}
#ftrhb img{
	border-radius:10px;
	}	
.ico{
	height: auto;
	width:10%;
	float: left;
	padding-top: 2%;
	margin-top: 2%;
	margin-right:5%;
	margin-left: 8%;
	margin-bottom:2%;	
	text-align: center;
	padding-right: 1%;
	padding-left: 1%;
	border-bottom-style: groove;
	border-bottom-color: #8c4600;
}

#perr1{
	float:left;
	margin-left:5%;
	margin-bottom:2%;
	padding-left:1%;
	padding-right:1%;
	padding-bottom:1%;
	padding-top:1%;
	
	}
#perr1:hover{	
	border-radius:10px;
    webkit-border-radius:2%;
    box-shadow: 0px 0px 3px 3px #ec731e;
    webkit-box-shadow: 0px 0px 5px 5px #ec731e;
    transform: rotate(360deg);
    webkit-transform: rotate(360deg);
}	
#perr2{
	float:left;
	margin-left:5%;
	margin-bottom:2%;
	padding-left:1%;
	padding-right:1%;
	padding-bottom:1%;
	padding-top:1%;	
}
#perr2:hover{	
	border-radius:10px;
    webkit-border-radius:2%;
    box-shadow: 0px 0px 3px 3px #ec731e;
    webkit-box-shadow: 0px 0px 5px 5px #ec731e;
    transform: rotate(360deg);
    webkit-transform: rotate(360deg);
}	
#perr3{
	float:left;
	margin-left:5%;	
	margin-bottom:2%;
	padding-left:1%;
	padding-right:1%;
	padding-bottom:1%;
	padding-top:1%;
}
#perr3:hover{	
	border-radius:10px;
    webkit-border-radius:2%;
    box-shadow: 0px 0px 3px 3px #ec731e;
    webkit-box-shadow: 0px 0px 5px 5px #ec731e;
    transform: rotate(360deg);
    webkit-transform: rotate(360deg);
}			
#perr4{
	float:left;
	margin-left:5%;
	margin-bottom:2%;
	padding-left:1%;
	padding-right:1%;
	padding-bottom:1%;
	padding-top:1%;
}
#perr4:hover{	
	border-radius:10px;
    webkit-border-radius:2%;
    box-shadow: 0px 0px 3px 3px #ec731e;
    webkit-box-shadow: 0px 0px 5px 5px #ec731e;
    transform: rotate(360deg);
    webkit-transform: rotate(360deg);
}		
/*--servicios--*/
.titulo2{
	float:left;
	margin-left:43%;
	margin-right:10%;
	margin-top:1%;
	margin-bottom:2%;
	}
 #aten{	
    float:left;
    margin-left:10%;
    width:25%;
    height:auto;
	margin-top:1%;
	margin-bottom:1%;
}

#foto1{
	float:right;	
    margin-right:12%;
	margin-top:3%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	box-shadow: 2px 2px 5px #231f20;
	border-radius: 10px;
	padding:1% 1%;
	
}

#foto2{	
    float:left;
    margin-left:12%;
	margin-top:3%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:1% 1%;
	
}
#pelu{
	float:right;	
    margin-right:10%;
    width:25%;
    height:auto;
	margin-top:3%;
	margin-bottom:1%;
}

#rayo{	
    margin-left:10%;
    width:25%;
    height:auto;
	margin-top:3%;
	margin-bottom:15px;
}

#foto3{	
    float:right;
    margin-right:12%;
	margin-top:-180px;
	margin-bottom:1%;
	border-bottom-width: 2px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:1% 1%;
}

#foto4{
	float:left;
    margin-left:12%;
	margin-top:3%;
	margin-bottom:20px;
	border-bottom-width: 2px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:1% 1%;
}

#hosp{
	float:right;	
    margin-right:10%;
    width:25%;
    height:auto;
	margin-top:3%;
	margin-bottom:1%;
}

#eco{
	float:left;	
    margin-left:10%;
    width:25%;
    height:auto;
	margin-top:3%;
	margin-bottom:20px;
}

#foto5{	
    float:right;
    margin-right:12%;
	margin-top:3%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:1% 1%;
}

#foto6{	
    float:left;
    margin-left:12%;
	margin-top:3%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:1% 1%;
}

#cirg{
	float:right;	
    margin-right:10%;
    width:25%;
    height:auto;
	margin-top:3%;
	margin-bottom:1%;
}

#lim{
	float:left;	
    margin-left:10%;
    width:25%;
    height:auto;
	margin-top:3%;
	margin-bottom:1%;
}

#foto7{
	float:right;	
    margin-right:12%;
	margin-top:3%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	border-radius:10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:1% 1%;
}

#foto8{	
    float:left;
    margin-left:12%;
	margin-top:3%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:1% 1%;
}

#hodj{
	float:right;	
    margin-right:10%;
    width:25%;
    height:auto;
	margin-top:3%;
	margin-bottom:1%;
}

#reprod{
	float:left;	
    margin-left:10%;
    width:25%;
    height:auto;
	margin-top:3%;
	margin-bottom:1%;
}

#foto9{
	float:right;
    margin-right:12%;
	margin-top:3%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	border-radius:10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:1% 1%;
}

/*--corporativo--*/	
.titulo3{
	float:left;
	margin-left:43%;
	margin-right:10%;
	margin-top:1%;
	margin-bottom:2%;
	}
#fils{
	float:left;	
    margin-left:10%;
	width:30%;
    height:auto;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:1%;
	padding-left:1%;
	padding-right:1%;
	padding-top:1%;
}

#pas{
	margin-left:60%;
    width:30%;
	height:auto;
	margin-top:-380px;
	margin-bottom:5%;
	text-align:justify;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:1%;
	padding-left:1%;
	padding-right:1%;
	padding-top:1%;
}
		
#mis{
	margin-left:10%;
    width:30%;
	height:auto;
	margin-top:5%;
	margin-bottom:5%;
	text-align:justify;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:1%;
	padding-left:1%;
	padding-right:1%;
	padding-top:1%;
	}

#vis{
	margin-left:60%;
    width:30%;
	height:auto;
	margin-top:-330px;
	margin-bottom:5%;
	text-align:justify;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:1%;
	padding-left:1%;
	padding-right:1%;
	padding-top:1%;
	}
	


/*--operaciones--*/
.titulo4{
	float:left;
	margin-left:43%;
	margin-right:10%;
	margin-top:1%;
	margin-bottom:2%;
	}
.fotos{
	height: auto;
	float: left;
	padding-top: 35px;
	margin-top: 20px;
	margin-right: 70px;
	margin-left:80px;
	margin-bottom: 10px;
	border-bottom-width: 2px;
	box-shadow: 2px 2px 5px #231f20;
	border-radius: 10px;
	text-align: center;
	padding:1% 1%;
}	

/*--productos--*/
.titulo5{
	float:left;
	margin-left:43%;
	margin-right:10%;
	margin-top:1%;
	margin-bottom:2%;
	}
.produc{
	height: auto;
	float: left;
	margin-top: 1%;
	margin-right: 10px;
	margin-left:10px;
	margin-bottom: 1%;
	border-bottom-width: 1%;
	box-shadow: 2px 2px 5px #231f20;
	border-radius: 10px;
	text-align:center;
	padding:1% 1%;
	
}				
/*--politicas--*/
.titulo6{
	float:left;
	margin-left:43%;
	margin-right:10%;
	margin-top:1%;
	margin-bottom:2%;
	}
#queri{
	float:left;
	width:50%;
	height:auto;
	margin-left:25%;
	margin-right:20%;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:1%;
	padding-left:1%;
	padding-right:1%;
	padding-top:1%;
}
	
#poli{
	float:left;
	width:50%;
	height:auto;
	margin-left:25%;
	margin-right:20%;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:1%;
	padding-left:1%;
	padding-right:1%;
	padding-top:1%;
}	

#pri{
	float:left;
	width:50%;
	height:auto;
	margin-left:25%;
	margin-right:20%;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:1%;
	padding-left:1%;
	padding-right:1%;
	padding-top:1%;
}

#pasi{
	float:left;
    width:50%;
	height:auto;
	margin-left:25%;
	margin-right:20%;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:1%;
	padding-left:1%;
	padding-right:1%;
	padding-top:1%;
}

.mensaje{
	float:left;
	margin-left:10%;
	margin-right:10%;
	text-align:center;
	margin-top:2%;
	margin-bottom:10%;
	}

/*--Contactenos--*/
.titulo7{
	float:left;
	margin-left:40%;
	margin-right:10%;
	margin-top:1%;
	margin-bottom:2%;
	}

.mapa{
	height: auto;
	width: 99.5%;	
}

/*--- respuesta ---*/	
#respuesta{
	float: left;
	margin-left: 50px;
	width: auto;
	text-align: center;
	margin-top: 30px;
	}
	
/* --- Pie pagina ---*/
footer{
	float: left;
	background-color: #402000;
	height: auto;
	width: 100%;
	padding-bottom: 20px;
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFB973;
	border-bottom-color: #FFB973;
	margin-left: 0px;
	margin-right: 5px;
	
	}

.dir4{
	height: 50px;
	width:250px;
	float: left;
	padding-top: 35px;
	margin-top: 20px;
	margin-right: 80px;
	margin-left:120px;
	margin-bottom:25px;	
	text-align: center;
	}

#derechos{
	float: left;
	width: 30%;
	margin-left: 500px;
	height: auto;
	padding-top: 50px;
	padding-bottom: 5px;
	padding-left: 5px;
	}
}
/******************************************/
/***    DISEÑO PARA PC           ****/
/******************************************/
@media only screen and (max-width:1366px){
	
	
		/*--- Maquetacion ---*/
	#contenedor{
	width:100%;
    
	}
#logo{
	float: left;
	margin-top: 1.5%;
	margin-bottom:1%;
	margin-left: 5%;
	width:auto;
	}



#dir1{
	float: left;
	margin-top:5%;
	margin-left:10%;
	margin-bottom:1%;	
	}
#dir2{
	float: left;
	margin-top:5%;
	margin-left:10%;
	margin-bottom:1%;	
	}
	
#dir3{
	float: left;
	margin-top:5%;
	margin-left:10%;
	margin-bottom:1%;
	}

.menu{
	margin-left:14%;
	margin-top:1%;
	width:100%;
	}

.rotacion{
	display:flex;
    width: 100%;	
	}

	

.flotante {
	display: scroll;
	position: fixed;
	bottom: 15px;
	right: 0px;
	z-index: 999;
}



/*--perfil--*/
#cuerpo{
	background-repeat: no-repeat;
	background-image: url(../imagenes/fondo.jpg);
	margin-top: 1%;
	margin-bottom: 1%;
	padding-top: 5%;
	padding-bottom: 5%;
	background-attachment: fixed;
	}
.titulo1{
	float:left;
	margin-left:43%;
	margin-right:10%;
	margin-top:1%;
	margin-bottom:2%;
	}

#perf{
	float:left;
	margin-left:25%;
	width:50%;
	height:auto;
	text-align: justify;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:1%;
	padding-left:1%;
	padding-right:1%;
	padding-top:1%;
	}
#derm{
	float:left;
	margin-left:10%;
	width:40%;
	height:auto;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding: 1% 1%;
	}
	
#ftdm{
	float:right;	
    margin-right:12%;
	margin-top:10%;
	margin-bottom:1%;
	border-bottom-width: 2%;
	border-radius:10px;
	box-shadow: 2px 2px 5px #555;
	padding: 1% 1%;
	}
#ftdm img{
	border-radius:10px;
	}
#ftof{
	float:left;	
    margin-left:12%;
	margin-top:10%;
	margin-bottom:1%;
	border-bottom-width: 2%;
	border-radius:10px;
	box-shadow: 2px 2px 5px #555;
	padding: 1% 1%;
	}
#ftof img{
	border-radius:10px;
	}	
#oftal{
	float:right;
	margin-right:10%;
	width:40%;
	height:auto;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding: 1% 1%;
	}
#endos{
	float:left;
	margin-left:10%;
	width:40%;
	height:auto;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding: 1% 1%;
	}
#fteds{
	float:right;	
    margin-right:12%;
	margin-top:10%;
	margin-bottom:1%;
	border-bottom-width: 2%;
	border-radius:10px;
	box-shadow: 2px 2px 5px #555;
	padding: 1% 1%;
	}
#fteds img{
	border-radius:10px;
	}
#fteco{
	float:left;	
    margin-left:12%;
	margin-top:10%;
	margin-bottom:1%;
	border-bottom-width: 2%;
	border-radius:10px;
	box-shadow: 2px 2px 5px #555;
	padding: 1% 1%;
	}
#fteco img{
	border-radius:10px;
	}	
#ecofi{
	float:right;
	margin-right:10%;
	width:40%;
	height:auto;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding: 1% 1%;
	}
#rehab{
	float:left;
	margin-left:10%;
	width:40%;
	height:auto;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding: 1% 1%;
	}
#ftrhb{
	float:right;	
    margin-right:12%;
	margin-top:10%;
	margin-bottom:1%;
	border-bottom-width: 2%;
	border-radius:10px;
	box-shadow: 2px 2px 5px #555;
	padding: 1% 1%;
	}
#ftrhb img{
	border-radius:10px;
	}	
.ico{
	height: auto;
	width:10%;
	float: left;
	padding-top: 2%;
	margin-top: 2%;
	margin-right:5%;
	margin-left: 8%;
	margin-bottom:2%;	
	text-align: center;
	padding-right: 1%;
	padding-left: 1%;
	border-bottom-style: groove;
	border-bottom-color: #8c4600;
}

#perr1{
	float:left;
	margin-left:3%;
	margin-bottom:2%;
	padding-left:1%;
	padding-right:1%;
	padding-bottom:1%;
	padding-top:1%;
	
	}
#perr1:hover{	
	border-radius:10px;
    webkit-border-radius:2%;
    box-shadow: 0px 0px 3px 3px #ec731e;
    webkit-box-shadow: 0px 0px 5px 5px #ec731e;
    transform: rotate(360deg);
    webkit-transform: rotate(360deg);
}	
#perr2{
	float:left;
	margin-left:3%;
	margin-bottom:2%;
	padding-left:1%;
	padding-right:1%;
	padding-bottom:1%;
	padding-top:1%;	
}
#perr2:hover{	
	border-radius:10px;
    webkit-border-radius:2%;
    box-shadow: 0px 0px 3px 3px #ec731e;
    webkit-box-shadow: 0px 0px 5px 5px #ec731e;
    transform: rotate(360deg);
    webkit-transform: rotate(360deg);
}	
#perr3{
	float:left;
	margin-left:3%;	
	margin-bottom:2%;
	padding-left:1%;
	padding-right:1%;
	padding-bottom:1%;
	padding-top:1%;
}
#perr3:hover{	
	border-radius:10px;
    webkit-border-radius:2%;
    box-shadow: 0px 0px 3px 3px #ec731e;
    webkit-box-shadow: 0px 0px 5px 5px #ec731e;
    transform: rotate(360deg);
    webkit-transform: rotate(360deg);
}			
#perr4{
	float:left;
	margin-left:3%;
	margin-bottom:2%;
	padding-left:1%;
	padding-right:1%;
	padding-bottom:1%;
	padding-top:1%;
}
#perr4:hover{	
	border-radius:10px;
    webkit-border-radius:2%;
    box-shadow: 0px 0px 3px 3px #ec731e;
    webkit-box-shadow: 0px 0px 5px 5px #ec731e;
    transform: rotate(360deg);
    webkit-transform: rotate(360deg);
}		
/*--servicios--*/
.titulo2{
	float:left;
	margin-left:43%;
	margin-right:10%;
	margin-top:1%;
	margin-bottom:2%;
	}
 #aten{	
    float:left;
    margin-left:10%;
    width:25%;
    height:auto;
	margin-top:1%;
	margin-bottom:1%;
}

#foto1{
	float:right;	
    margin-right:12%;
	margin-top:3%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	box-shadow: 2px 2px 5px #231f20;
	border-radius: 10px;
	padding:1% 1%;
	
}

#foto2{	
    float:left;
    margin-left:12%;
	margin-top:3%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:1% 1%;
}
#pelu{
	float:right;	
    margin-right:10%;
    width:25%;
    height:auto;
	margin-top:3%;
	margin-bottom:1%;
}

#rayo{	
    margin-left:10%;
    width:25%;
    height:auto;
	margin-top:3%;
	margin-bottom:15px;
}

#foto3{	
    float:right;
    margin-right:12%;
	margin-top:-180px;
	margin-bottom:1%;
	border-bottom-width: 2px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:1% 1%;
}

#foto4{
	float:left;
    margin-left:12%;
	margin-top:3%;
	margin-bottom:20px;
	border-bottom-width: 2px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:1% 1%;
}

#hosp{
	float:right;	
    margin-right:10%;
    width:25%;
    height:auto;
	margin-top:3%;
	margin-bottom:1%;
}

#eco{
	float:left;	
    margin-left:10%;
    width:25%;
    height:auto;
	margin-top:3%;
	margin-bottom:20px;
}

#foto5{	
    float:right;
    margin-right:12%;
	margin-top:3%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:1% 1%;
}

#foto6{	
    float:left;
    margin-left:12%;
	margin-top:3%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:1% 1%;
}

#cirg{
	float:right;	
    margin-right:10%;
    width:25%;
    height:auto;
	margin-top:3%;
	margin-bottom:1%;
}

#lim{
	float:left;	
    margin-left:10%;
    width:25%;
    height:auto;
	margin-top:3%;
	margin-bottom:1%;
}

#foto7{
	float:right;	
    margin-right:12%;
	margin-top:3%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:1% 1%;
}

#foto8{	
    float:left;
    margin-left:12%;
	margin-top:3%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:1% 1%;
}

#hodj{
	float:right;	
    margin-right:10%;
    width:25%;
    height:auto;
	margin-top:3%;
	margin-bottom:1%;
}

#reprod{
	float:left;	
    margin-left:10%;
    width:25%;
    height:auto;
	margin-top:3%;
	margin-bottom:1%;
}

#foto9{
	float:right;
    margin-right:12%;
	margin-top:3%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:1% 1%;
}

/*--corporativo--*/	
.titulo3{
	float:left;
	margin-left:43%;
	margin-right:10%;
	margin-top:1%;
	margin-bottom:2%;
	}
#fils{
	float:left;	
    margin-left:10%;
	width:30%;
    height:auto;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:1%;
	padding-left:1%;
	padding-right:1%;
	padding-top:1%;
}

#pas{
	margin-left:60%;
    width:30%;
	height:auto;
	margin-top:-380px;
	margin-bottom:5%;
	text-align:justify;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:1%;
	padding-left:1%;
	padding-right:1%;
	padding-top:1%;
}
		
#mis{
	margin-left:10%;
    width:30%;
	height:auto;
	margin-top:5%;
	margin-bottom:5%;
	text-align:justify;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:1%;
	padding-left:1%;
	padding-right:1%;
	padding-top:1%;
	}

#vis{
	margin-left:60%;
    width:30%;
	height:auto;
	margin-top:-330px;
	margin-bottom:5%;
	text-align:justify;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:1%;
	padding-left:1%;
	padding-right:1%;
	padding-top:1%;
	}
	
#barrita{
	background-color: #b22d00;
	float: left;
	height: 3px;
	width: 90%;
	margin-top: 15px;
	margin-right: 5%;
	margin-bottom: 15px;
	margin-left: 5%;
	}

/*--operaciones--*/
.titulo4{
	float:left;
	margin-left:43%;
	margin-right:10%;
	margin-top:1%;
	margin-bottom:2%;
	}
.fotos{
	height: auto;
	float: left;
	padding-top: 35px;
	margin-top: 20px;
	margin-right: 50px;
	margin-left:70px;
	margin-bottom: 10px;
	border-bottom-width: 2px;
	box-shadow: 2px 2px 5px #231f20;
	border-radius: 10px;
	text-align: center;
	padding:1% 1%;
}	

/*--productos--*/
.titulo5{
	float:left;
	margin-left:43%;
	margin-right:10%;
	margin-top:1%;
	margin-bottom:2%;
	}
.produc{
	height: auto;
	float: left;
	margin-top: 1%;
	margin-right: 50px;
	margin-left:70px;
	margin-bottom: 1%;
	border-bottom-width: 1%;
	box-shadow: 2px 2px 5px #231f20;
	border-radius: 10px;
	text-align:center;
	padding:1% 1%;
	
}		
/*--politicas--*/
.titulo6{
	float:left;
	margin-left:43%;
	margin-right:10%;
	margin-top:1%;
	margin-bottom:2%;
	}
#queri{
	float:left;
	width:50%;
	height:auto;
	margin-left:25%;
	margin-right:20%;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:1%;
	padding-left:1%;
	padding-right:1%;
	padding-top:1%;
}
	
#poli{
	float:left;
	width:50%;
	height:auto;
	margin-left:25%;
	margin-right:20%;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:1%;
	padding-left:1%;
	padding-right:1%;
	padding-top:1%;
}	

#pri{
	float:left;
	width:50%;
	height:auto;
	margin-left:25%;
	margin-right:20%;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:1%;
	padding-left:1%;
	padding-right:1%;
	padding-top:1%;
}

#pasi{
	float:left;
    width:50%;
	height:auto;
	margin-left:25%;
	margin-right:20%;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:1%;
	padding-left:1%;
	padding-right:1%;
	padding-top:1%;
}

.mensaje{
	float:left;
	margin-left:10%;
	margin-right:10%;
	text-align:center;
	margin-top:2%;
	margin-bottom:10%;
	}

/*--Contactenos--*/
.titulo7{
	float:left;
	margin-left:40%;
	margin-right:10%;
	margin-top:1%;
	margin-bottom:2%;
	}

.mapa{
	height: auto;
	width: 99.5%;	
}
	
/*--- respuesta ---*/	
#respuesta{
	float: left;
	margin-left: 50px;
	width: auto;
	text-align: center;
	margin-top: 30px;
	}
	
/* --- Pie pagina ---*/
footer{
	float: left;
	background-color: #402000;
	height: auto;
	width: 100%;
	padding-bottom: 20px;
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFB973;
	border-bottom-color: #FFB973;
	margin-left: 0px;
	margin-right: 5px;
	
	}

.dir4{
	height: 50px;
	width:250px;
	float: left;
	padding-top: 35px;
	margin-top: 20px;
	margin-right: 80px;
	margin-left:100px;
	margin-bottom:25px;	
	text-align: center;
	}

#derechos{
	float: left;
	width: 50%;
	margin-left: 36%;
	height: auto;

	}
}	
/******************************************/
/***    DISEÑO PARA PC           ****/
/******************************************/
@media only screen and (max-width:1350px){
	
	
		/*--- Maquetacion ---*/
	#contenedor{
	width:100%;
    
	}
#logo{
	float: left;
	margin-top: 1.5%;
	margin-bottom:1%;
	margin-left: 5%;
	width:auto;
	}



#dir1{
	float: left;
	margin-top:5%;
	margin-left:10%;
	margin-bottom:1%;	
	}
#dir2{
	float: left;
	margin-top:5%;
	margin-left:10%;
	margin-bottom:1%;	
	}
	
#dir3{
	float: left;
	margin-top:5%;
	margin-left:10%;
	margin-bottom:1%;
	}

.menu{
	margin-left:14%;
	margin-top:1%;
	width:100%;
	}

.rotacion{
	display:flex;
    width: 100%;	
	}

.flotante {
	display: scroll;
	position: fixed;
	bottom: 0px;
	right: 10px;
	z-index: 999;
}



/*--perfil--*/
#cuerpo{
	background-repeat: no-repeat;
	background-image: url(../imagenes/fondo.jpg);
	margin-top: 1%;
	margin-bottom: 1%;
	padding-top: 5%;
	padding-bottom: 5%;
	background-attachment: fixed;
	}
.titulo1{
	float:left;
	margin-left:43%;
	margin-right:10%;
	margin-top:1%;
	margin-bottom:2%;
	}

#perf{
	float:left;
	margin-left:20%;
	width: 50%;
	height:auto;
	text-align: justify;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:1%;
	padding-left:1%;
	padding-right:1%;
	padding-top:1%;
	}
#derm{
	float:left;
	margin-left:10%;
	width:40%;
	height:auto;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding: 1% 1%;
	}
	
#ftdm{
	float:right;	
    margin-right:12%;
	margin-top:10%;
	margin-bottom:1%;
	border-bottom-width: 2%;
	border-radius:10px;
	box-shadow: 2px 2px 5px #555;
	padding: 1% 1%;
	}
#ftdm img{
	border-radius:10px;
	}
#ftof{
	float:left;	
    margin-left:12%;
	margin-top:10%;
	margin-bottom:1%;
	border-bottom-width: 2%;
	border-radius:10px;
	box-shadow: 2px 2px 5px #555;
	padding: 1% 1%;
	}
#ftof img{
	border-radius:10px;
	}	
#oftal{
	float:right;
	margin-right:10%;
	width:40%;
	height:auto;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding: 1% 1%;
	}
#endos{
	float:left;
	margin-left:10%;
	width:40%;
	height:auto;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding: 1% 1%;
	}
#fteds{
	float:right;	
    margin-right:12%;
	margin-top:10%;
	margin-bottom:1%;
	border-bottom-width: 2%;
	border-radius:10px;
	box-shadow: 2px 2px 5px #555;
	padding: 1% 1%;
	}
#fteds img{
	border-radius:10px;
	}
#fteco{
	float:left;	
    margin-left:12%;
	margin-top:10%;
	margin-bottom:1%;
	border-bottom-width: 2%;
	border-radius:10px;
	box-shadow: 2px 2px 5px #555;
	padding: 1% 1%;
	}
#fteco img{
	border-radius:10px;
	}	
#ecofi{
	float:right;
	margin-right:10%;
	width:40%;
	height:auto;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding: 1% 1%;
	}
#rehab{
	float:left;
	margin-left:10%;
	width:40%;
	height:auto;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding: 1% 1%;
	}
#ftrhb{
	float:right;	
    margin-right:12%;
	margin-top:10%;
	margin-bottom:1%;
	border-bottom-width: 2%;
	border-radius:10px;
	box-shadow: 2px 2px 5px #555;
	padding: 1% 1%;
	}
#ftrhb img{
	border-radius:10px;
	}	
.ico{
	height: auto;
	width:10%;
	float: left;
	padding-top: 2%;
	margin-top: 2%;
	margin-right:5%;
	margin-left: 8%;
	margin-bottom:2%;	
	text-align: center;
	padding-right: 1%;
	padding-left: 1%;
	border-bottom-style: groove;
	border-bottom-color: #8c4600;
}

#perr1{
	float:left;
	margin-left:3%;
	margin-bottom:2%;
	padding-left:1%;
	padding-right:1%;
	padding-bottom:1%;
	padding-top:1%;
	
	}
#perr1:hover{	
	border-radius:10px;
    webkit-border-radius:2%;
    box-shadow: 0px 0px 3px 3px #ec731e;
    webkit-box-shadow: 0px 0px 5px 5px #ec731e;
    transform: rotate(360deg);
    webkit-transform: rotate(360deg);
}	
#perr2{
	float:left;
	margin-left:3%;
	margin-bottom:2%;
	padding-left:1%;
	padding-right:1%;
	padding-bottom:1%;
	padding-top:1%;	
}
#perr2:hover{	
	border-radius:10px;
    webkit-border-radius:2%;
    box-shadow: 0px 0px 3px 3px #ec731e;
    webkit-box-shadow: 0px 0px 5px 5px #ec731e;
    transform: rotate(360deg);
    webkit-transform: rotate(360deg);
}	
#perr3{
	float:left;
	margin-left:3%;	
	margin-bottom:2%;
	padding-left:1%;
	padding-right:1%;
	padding-bottom:1%;
	padding-top:1%;
}
#perr3:hover{	
	border-radius:10px;
    webkit-border-radius:2%;
    box-shadow: 0px 0px 3px 3px #ec731e;
    webkit-box-shadow: 0px 0px 5px 5px #ec731e;
    transform: rotate(360deg);
    webkit-transform: rotate(360deg);
}			
#perr4{
	float:left;
	margin-left:3%;
	margin-bottom:2%;
	padding-left:1%;
	padding-right:1%;
	padding-bottom:1%;
	padding-top:1%;
}
#perr4:hover{	
	border-radius:10px;
    webkit-border-radius:2%;
    box-shadow: 0px 0px 3px 3px #ec731e;
    webkit-box-shadow: 0px 0px 5px 5px #ec731e;
    transform: rotate(360deg);
    webkit-transform: rotate(360deg);
}		
/*--servicios--*/
.titulo2{
	float:left;
	margin-left:43%;
	margin-right:10%;
	margin-top:1%;
	margin-bottom:2%;
	}
 #aten{	
    float:left;
    margin-left:10%;
    width:25%;
    height:auto;
	margin-top:1%;
	margin-bottom:1%;
}

#foto1{
	float:right;	
    margin-right:12%;
	margin-top:3%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	box-shadow: 2px 2px 5px #231f20;
	border-radius: 10px;
	padding:1% 1%;
	
}

#foto2{	
    float:left;
    margin-left:12%;
	margin-top:3%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:1% 1%;
	
}
#pelu{
	float:right;	
    margin-right:10%;
    width:25%;
    height:auto;
	margin-top:3%;
	margin-bottom:1%;
}

#rayo{	
    margin-left:10%;
    width:25%;
    height:auto;
	margin-top:3%;
	margin-bottom:15px;
}

#foto3{	
    float:right;
    margin-right:12%;
	margin-top:-180px;
	margin-bottom:1%;
	border-bottom-width: 2px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:1% 1%;
}

#foto4{
	float:left;
    margin-left:12%;
	margin-top:3%;
	margin-bottom:20px;
	border-bottom-width: 2px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:1% 1%;
}

#hosp{
	float:right;	
    margin-right:10%;
    width:25%;
    height:auto;
	margin-top:3%;
	margin-bottom:1%;
}

#eco{
	float:left;	
    margin-left:10%;
    width:25%;
    height:auto;
	margin-top:3%;
	margin-bottom:20px;
}

#foto5{	
    float:right;
    margin-right:12%;
	margin-top:3%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:1% 1%;
}

#foto6{	
    float:left;
    margin-left:12%;
	margin-top:3%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:1% 1%;
}

#cirg{
	float:right;	
    margin-right:10%;
    width:25%;
    height:auto;
	margin-top:3%;
	margin-bottom:1%;
}

#lim{
	float:left;	
    margin-left:10%;
    width:25%;
    height:auto;
	margin-top:3%;
	margin-bottom:1%;
}

#foto7{
	float:right;	
    margin-right:12%;
	margin-top:3%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:1% 1%;
}

#foto8{	
    float:left;
    margin-left:12%;
	margin-top:3%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	border-radius:10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:1% 1%;
}

#hodj{
	float:right;	
    margin-right:10%;
    width:25%;
    height:auto;
	margin-top:3%;
	margin-bottom:1%;
}

#reprod{
	float:left;	
    margin-left:10%;
    width:25%;
    height:auto;
	margin-top:3%;
	margin-bottom:1%;
}

#foto9{
	float:right;
    margin-right:12%;
	margin-top:3%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:1% 1%;
}

/*--corporativo--*/	
.titulo3{
	float:left;
	margin-left:43%;
	margin-right:10%;
	margin-top:1%;
	margin-bottom:2%;
	}
#fils{
	float:left;	
    margin-left:10%;
	width:30%;
    height:auto;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:1%;
	padding-left:1%;
	padding-right:1%;
	padding-top:1%;
}

#pas{
	margin-left:60%;
    width:30%;
	height:auto;
	margin-top:-380px;
	margin-bottom:5%;
	text-align:justify;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:1%;
	padding-left:1%;
	padding-right:1%;
	padding-top:1%;
}
		
#mis{
	margin-left:10%;
    width:30%;
	height:auto;
	margin-top:5%;
	margin-bottom:5%;
	text-align:justify;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:1%;
	padding-left:1%;
	padding-right:1%;
	padding-top:1%;
	}

#vis{
	margin-left:60%;
    width:30%;
	height:auto;
	margin-top:-330px;
	margin-bottom:5%;
	text-align:justify;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:1%;
	padding-left:1%;
	padding-right:1%;
	padding-top:1%;
	}
	
#barrita{
	background-color: #b22d00;
	float: left;
	height: 3px;
	width: 90%;
	margin-top: 15px;
	margin-right: 5%;
	margin-bottom: 15px;
	margin-left: 5%;
	}

/*--operaciones--*/
.titulo4{
	float:left;
	margin-left:43%;
	margin-right:10%;
	margin-top:1%;
	margin-bottom:2%;
	}
.fotos{
	height: auto;
	float: left;
	padding-top: 35px;
	margin-top: 20px;
	margin-right: 70px;
	margin-left:70px;
	margin-bottom: 10px;
	border-bottom-width: 2px;
	box-shadow: 2px 2px 5px #231f20;
	border-radius: 10px;
	text-align: center;
	padding:1% 1%;
	
}	

/*--productos--*/
.titulo5{
	float:left;
	margin-left:43%;
	margin-right:10%;
	margin-top:1%;
	margin-bottom:2%;
	}
.produc{
	height: auto;
	float: left;
	margin-top: 1%;
	margin-right: 50px;
	margin-left:70px;
	margin-bottom: 1%;
	border-bottom-width: 1%;
	box-shadow: 2px 2px 5px #231f20;
	border-radius: 10px;
	text-align:center;
	padding:1% 1%;
	
}		
/*--politicas--*/
.titulo6{
	float:left;
	margin-left:43%;
	margin-right:10%;
	margin-top:1%;
	margin-bottom:2%;
	}
#queri{
	float:left;
	width:50%;
	height:auto;
	margin-left:25%;
	margin-right:20%;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:1%;
	padding-left:1%;
	padding-right:1%;
	padding-top:1%;
}
	
#poli{
	float:left;
	width:50%;
	height:auto;
	margin-left:25%;
	margin-right:20%;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:1%;
	padding-left:1%;
	padding-right:1%;
	padding-top:1%;
}	

#pri{
	float:left;
	width:50%;
	height:auto;
	margin-left:25%;
	margin-right:20%;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:1%;
	padding-left:1%;
	padding-right:1%;
	padding-top:1%;
}

#pasi{
	float:left;
    width:50%;
	height:auto;
	margin-left:25%;
	margin-right:20%;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:1%;
	padding-left:1%;
	padding-right:1%;
	padding-top:1%;
}



/*--Contactenos--*/
.titulo7{
	float:left;
	margin-left:40%;
	margin-right:10%;
	margin-top:1%;
	margin-bottom:2%;
	}

.mapa{
	height: auto;
	width: 99.5%;	
}

/*--- respuesta ---*/	
.mensaje{
	float:left;
	margin-left:10%;
	margin-right:10%;
	text-align:center;
	margin-top:2%;
	margin-bottom:10%;
	}	
/* --- Pie pagina ---*/
footer{
	float: left;
	background-color: #402000;
	height: auto;
	width: 100%;
	padding-bottom: 20px;
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFB973;
	border-bottom-color: #FFB973;
	margin-left: 0px;
	margin-right: 5px;
	
	}

.dir4{
	height: 50px;
	width:250px;
	float: left;
	padding-top: 35px;
	margin-top: 20px;
	margin-right: 80px;
	margin-left:90px;
	margin-bottom:25px;	
	text-align: center;
	}

#derechos{
	float: left;
	width: 50%;
	margin-left: 36%;
	height: auto;

	}
}	
/******************************************/
/***    DISEÑO PARA PC           ****/
/******************************************/
@media only screen and (max-width:1280px){
	
	
		/*--- Maquetacion ---*/
	#contenedor{
	width:100%;
    
	}
	
#logo{
	float: left;
	margin-top: 1.5%;
	margin-bottom:1%;
	margin-left: 5%;
	width:auto;
	}



#dir1{
	float: left;
	margin-top:5%;
	margin-left:10%;
	margin-bottom:1%;	
	}
#dir2{
	float: left;
	margin-top:5%;
	margin-left:10%;
	margin-bottom:1%;	
	}
	
#dir3{
	float: left;
	margin-top:5%;
	margin-left:10%;
	margin-bottom:1%;
	}
.menu{
	margin-left:13%;
	margin-top:1%;
	width:100%;
	}

.rotacion{
	display:flex;
    width: 100%;	
	}

.flotante {
	display: scroll;
	position: fixed;
	bottom: 0px;
	right: 10px;
	z-index: 999;
}


/*--perfil--*/
#cuerpo{
	background-repeat: no-repeat;
	background-image: url(../imagenes/fondo.jpg);
	margin-top: 1%;
	margin-bottom: 1%;
	padding-top: 5%;
	padding-bottom: 5%;
	background-attachment: fixed;
	}
.titulo1{
	float:left;
	margin-left:40%;
	margin-right:10%;
	margin-top:1%;
	margin-bottom:2%;
	}

#perf{
	float:left;
	margin-left:25%;
	width:50%;
	height:auto;
	text-align: justify;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:1%;
	padding-left:1%;
	padding-right:1%;
	padding-top:1%;
	}
#derm{
	float:left;
	margin-left:10%;
	width:40%;
	height:auto;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding: 1% 1%;
	}
	
#ftdm{
	float:right;	
    margin-right:12%;
	margin-top:10%;
	margin-bottom:1%;
	border-bottom-width: 2%;
	border-radius:10px;
	box-shadow: 2px 2px 5px #555;
	padding: 1% 1%;
	}
#ftdm img{
	border-radius:10px;
	}
#ftof{
	float:left;	
    margin-left:12%;
	margin-top:10%;
	margin-bottom:1%;
	border-bottom-width: 2%;
	border-radius:10px;
	box-shadow: 2px 2px 5px #555;
	padding: 1% 1%;
	}
#ftof img{
	border-radius:10px;
	}	
#oftal{
	float:right;
	margin-right:10%;
	width:40%;
	height:auto;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding: 1% 1%;
	}
#endos{
	float:left;
	margin-left:10%;
	width:40%;
	height:auto;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding: 1% 1%;
	}
#fteds{
	float:right;	
    margin-right:12%;
	margin-top:10%;
	margin-bottom:1%;
	border-bottom-width: 2%;
	border-radius:10px;
	box-shadow: 2px 2px 5px #555;
	padding: 1% 1%;
	}
#fteds img{
	border-radius:10px;
	}
#fteco{
	float:left;	
    margin-left:12%;
	margin-top:10%;
	margin-bottom:1%;
	border-bottom-width: 2%;
	border-radius:10px;
	box-shadow: 2px 2px 5px #555;
	padding: 1% 1%;
	}
#fteco img{
	border-radius:10px;
	}	
#ecofi{
	float:right;
	margin-right:10%;
	width:40%;
	height:auto;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding: 1% 1%;
	}
#rehab{
	float:left;
	margin-left:10%;
	width:40%;
	height:auto;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding: 1% 1%;
	}
#ftrhb{
	float:right;	
    margin-right:12%;
	margin-top:10%;
	margin-bottom:1%;
	border-bottom-width: 2%;
	border-radius:10px;
	box-shadow: 2px 2px 5px #555;
	padding: 1% 1%;
	}
#ftrhb img{
	border-radius:10px;
	}	
.ico{
	height: auto;
	width:10%;
	float: left;
	padding-top: 2%;
	margin-top: 2%;
	margin-right:5%;
	margin-left: 8%;
	margin-bottom:2%;	
	text-align: center;
	padding-right: 1%;
	padding-left: 1%;
	border-bottom-style: groove;
	border-bottom-color: #8c4600;
}

#perr1{
	float:left;
	margin-left:3%;
	margin-bottom:2%;
	padding-left:1%;
	padding-right:1%;
	padding-bottom:1%;
	padding-top:1%;
	
	}
#perr1:hover{	
	border-radius:10px;
    webkit-border-radius:2%;
    box-shadow: 0px 0px 3px 3px #ec731e;
    webkit-box-shadow: 0px 0px 5px 5px #ec731e;
    transform: rotate(360deg);
    webkit-transform: rotate(360deg);
}	
#perr2{
	float:left;
	margin-left:3%;
	margin-bottom:2%;
	padding-left:1%;
	padding-right:1%;
	padding-bottom:1%;
	padding-top:1%;	
}
#perr2:hover{	
	border-radius:10px;
    webkit-border-radius:2%;
    box-shadow: 0px 0px 3px 3px #ec731e;
    webkit-box-shadow: 0px 0px 5px 5px #ec731e;
    transform: rotate(360deg);
    webkit-transform: rotate(360deg);
}	
#perr3{
	float:left;
	margin-left:3%;	
	margin-bottom:2%;
	padding-left:1%;
	padding-right:1%;
	padding-bottom:1%;
	padding-top:1%;
}
#perr3:hover{	
	border-radius:10px;
    webkit-border-radius:2%;
    box-shadow: 0px 0px 3px 3px #ec731e;
    webkit-box-shadow: 0px 0px 5px 5px #ec731e;
    transform: rotate(360deg);
    webkit-transform: rotate(360deg);
}			
#perr4{
	float:left;
	margin-left:3%;
	margin-bottom:2%;
	padding-left:1%;
	padding-right:1%;
	padding-bottom:1%;
	padding-top:1%;
}
#perr4:hover{	
	border-radius:10px;
    webkit-border-radius:2%;
    box-shadow: 0px 0px 3px 3px #ec731e;
    webkit-box-shadow: 0px 0px 5px 5px #ec731e;
    transform: rotate(360deg);
    webkit-transform: rotate(360deg);
}		
/*--servicios--*/
.titulo2{
	float:left;
	margin-left:40%;
	margin-right:10%;
	margin-top:1%;
	margin-bottom:2%;
	}
 #aten{	
    float:left;
    margin-left:12%;
    width:25%;
    height:auto;
	margin-top:1%;
	margin-bottom:1%;
}

#foto1{
	float:right;	
    margin-right:12%;
	margin-top:3%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	box-shadow: 2px 2px 5px #231f20;
	border-radius: 10px;
	padding:1% 1%;
	
}

#foto2{	
    float:left;
    margin-left:12%;
	margin-top:3%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:1% 1%;
	
}
#pelu{
	float:right;	
    margin-right:12%;
    width:25%;
    height:auto;
	margin-top:3%;
	margin-bottom:1%;
}

#rayo{	
    margin-left:12%;
    width:25%;
    height:auto;
	margin-top:3%;
	margin-bottom:15px;
}

#foto3{	
    float:right;
    margin-right:12%;
	margin-top:-180px;
	margin-bottom:1%;
	border-bottom-width: 2px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:1% 1%;
}

#foto4{
	float:left;
    margin-left:12%;
	margin-top:3%;
	margin-bottom:20px;
	border-bottom-width: 2px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:1% 1%;
}

#hosp{
	float:right;	
    margin-right:12%;
    width:25%;
    height:auto;
	margin-top:3%;
	margin-bottom:1%;
}

#eco{
	float:left;	
    margin-left:12%;
    width:25%;
    height:auto;
	margin-top:3%;
	margin-bottom:20px;
}

#foto5{	
    float:right;
    margin-right:12%;
	margin-top:3%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:1% 1%;
}

#foto6{	
    float:left;
    margin-left:12%;
	margin-top:3%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:1% 1%;
}

#cirg{
	float:right;	
    margin-right:12%;
    width:25%;
    height:auto;
	margin-top:3%;
	margin-bottom:1%;
}

#lim{
	float:left;	
    margin-left:12%;
    width:25%;
    height:auto;
	margin-top:3%;
	margin-bottom:1%;
}

#foto7{
	float:right;	
    margin-right:12%;
	margin-top:3%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:1% 1%;
}

#foto8{	
    float:left;
    margin-left:12%;
	margin-top:3%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:1% 1%;
}

#hodj{
	float:right;	
    margin-right:12%;
    width:25%;
    height:auto;
	margin-top:3%;
	margin-bottom:1%;
}

#reprod{
	float:left;	
    margin-left:12%;
    width:25%;
    height:auto;
	margin-top:3%;
	margin-bottom:1%;
}

#foto9{
	float:right;
    margin-right:12%;
	margin-top:3%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:1% 1%;
}

/*--corporativo--*/	
.titulo3{
	float:left;
	margin-left:40%;
	margin-right:10%;
	margin-top:1%;
	margin-bottom:2%;
	}
#fils{
	float:left;	
    margin-left:10%;
	width:30%;
    height:auto;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:1%;
	padding-left:1%;
	padding-right:1%;
	padding-top:1%;
}

#pas{
	margin-left:60%;
    width:30%;
	height:auto;
	margin-top:-380px;
	margin-bottom:5%;
	text-align:justify;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:1%;
	padding-left:1%;
	padding-right:1%;
	padding-top:1%;
}
		
#mis{
	margin-left:10%;
    width:30%;
	height:auto;
	margin-top:5%;
	margin-bottom:5%;
	text-align:justify;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:1%;
	padding-left:1%;
	padding-right:1%;
	padding-top:1%;
	}

#vis{
	margin-left:60%;
    width:30%;
	height:auto;
	margin-top:-330px;
	margin-bottom:5%;
	text-align:justify;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:1%;
	padding-left:1%;
	padding-right:1%;
	padding-top:1%;
	}
	
#barrita{
	background-color: #b22d00;
	float: left;
	height: 3px;
	width: 90%;
	margin-top: 15px;
	margin-right: 5%;
	margin-bottom: 15px;
	margin-left: 5%;
	}

/*--operaciones--*/
.titulo4{
	float:left;
	margin-left:40%;
	margin-right:10%;
	margin-top:1%;
	margin-bottom:2%;
	}
.fotos{
	height: auto;
	float: left;
	padding-top: 35px;
	margin-top: 20px;
	margin-right: 50px;
	margin-left:70px;
	margin-bottom: 10px;
	border-bottom-width: 2px;
	box-shadow: 2px 2px 5px #231f20;
	border-radius: 10px;
	text-align: center;
	padding:1% 1%;
}	

/*--productos--*/
.titulo5{
	float:left;
	margin-left:40%;
	margin-right:10%;
	margin-top:1%;
	margin-bottom:2%;
	}
.produc{
	height: auto;
	float: left;
	margin-top: 1%;
	margin-right: 50px;
	margin-left:50px;
	margin-bottom: 1%;
	border-bottom-width: 1%;
	box-shadow: 2px 2px 5px #231f20;
	border-radius: 10px;
	text-align:center;
	padding:1% 1%;
	
}			
/*--politicas--*/
.titulo6{
	float:left;
	margin-left:40%;
	margin-right:10%;
	margin-top:1%;
	margin-bottom:2%;
	}
#queri{
	float:left;
	width:50%;
	height:auto;
	margin-left:25%;
	margin-right:20%;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:1%;
	padding-left:1%;
	padding-right:1%;
	padding-top:1%;
}
	
#poli{
	float:left;
	width:50%;
	height:auto;
	margin-left:25%;
	margin-right:20%;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:1%;
	padding-left:1%;
	padding-right:1%;
	padding-top:1%;
}	

#pri{
	float:left;
	width:50%;
	height:auto;
	margin-left:25%;
	margin-right:20%;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:1%;
	padding-left:1%;
	padding-right:1%;
	padding-top:1%;
}

#pasi{
	float:left;
    width:50%;
	height:auto;
	margin-left:25%;
	margin-right:20%;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:1%;
	padding-left:1%;
	padding-right:1%;
	padding-top:1%;
}

/*--Contactenos--*/
.titulo7{
	float:left;
	margin-left:40%;
	margin-right:10%;
	margin-top:1%;
	margin-bottom:2%;
	}

.mapa{
	height: auto;
	width: 99.5%;	
}

/*--- respuesta ---*/	
.mensaje{
	float:left;
	margin-left:10%;
	margin-right:10%;
	text-align:center;
	margin-top:2%;
	margin-bottom:10%;
	}
	
/* --- Pie pagina ---*/
footer{
	float: left;
	background-color: #402000;
	height: auto;
	width: 100%;
	padding-bottom: 20px;
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFB973;
	border-bottom-color: #FFB973;
	margin-left: 0px;
	margin-right: 5px;
	
	}

.dir4{
	height: 50px;
	width:250px;
	float: left;
	padding-top: 35px;
	margin-top: 20px;
	margin-right: 80px;
	margin-left:80px;
	margin-bottom:25px;	
	text-align: center;
	}

#derechos{
	float: left;
	width: 50%;
	margin-left: 36%;
	height: auto;

	}

}
/******************************************/
/***    DISEÑO PARA PC           ****/
/******************************************/
@media only screen and (max-width:1152px){
	
	
		/*--- Maquetacion ---*/
	#contenedor{
	width:100%;
    
	}
#logo{
	float: left;
	margin-top: 1.5%;
	margin-bottom:1%;
	margin-left: 5%;
	width:auto;
	}



#dir1{
	float: left;
	margin-top:8%;
	margin-left:5%;
	margin-bottom:1%;	
	}
#dir2{
	float: left;
	margin-top:8%;
	margin-left:5%;
	margin-bottom:1%;	
	}
	
#dir3{
	float: left;
	margin-top:8%;
	margin-left:5%;
	margin-bottom:1%;
	}
.menu{
	margin-left:8%;
	margin-top:1%;
	width:100%;
	}



.rotacion{
	display:flex;
    width: 100%;	
	}

	

.flotante {
	display: scroll;
	position: fixed;
	bottom: 0px;
	right: 10px;
	z-index: 999;
}

/*--perfil--*/
#cuerpo{
	background-repeat: no-repeat;
	background-image: url(../imagenes/fondo.jpg);
	margin-top: 1%;
	margin-bottom: 1%;
	padding-top: 5%;
	padding-bottom: 5%;
	background-attachment: fixed;
	}
.titulo1{
	float:left;
	margin-left:40%;
	margin-right:10%;
	margin-top:1%;
	margin-bottom:2%;
	}

#perf{
	float:left;
	margin-left:25%;
	width:50%;
	height:auto;
	text-align: justify;
	border-bottom-width: 2%;
	border-radius:  10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:1%;
	padding-left:1%;
	padding-right:1%;
	padding-top:1%;
	}
#derm{
	float:left;
	margin-left:10%;
	width:40%;
	height:auto;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding: 1% 1%;
	}
	
#ftdm{
	float:right;	
    margin-right:12%;
	margin-top:10%;
	margin-bottom:1%;
	border-bottom-width: 2%;
	border-radius:10px;
	box-shadow: 2px 2px 5px #555;
	padding: 1% 1%;
	}
#ftdm img{
	border-radius:10px;
	}
#ftof{
	float:left;	
    margin-left:12%;
	margin-top:10%;
	margin-bottom:1%;
	border-bottom-width: 2%;
	border-radius:10px;
	box-shadow: 2px 2px 5px #555;
	padding: 1% 1%;
	}
#ftof img{
	border-radius:10px;
	}	
#oftal{
	float:right;
	margin-right:10%;
	width:40%;
	height:auto;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding: 1% 1%;
	}
#endos{
	float:left;
	margin-left:10%;
	width:40%;
	height:auto;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding: 1% 1%;
	}
#fteds{
	float:right;	
    margin-right:12%;
	margin-top:10%;
	margin-bottom:1%;
	border-bottom-width: 2%;
	border-radius:10px;
	box-shadow: 2px 2px 5px #555;
	padding: 1% 1%;
	}
#fteds img{
	border-radius:10px;
	}
#fteco{
	float:left;	
    margin-left:12%;
	margin-top:10%;
	margin-bottom:1%;
	border-bottom-width: 2%;
	border-radius:10px;
	box-shadow: 2px 2px 5px #555;
	padding: 1% 1%;
	}
#fteco img{
	border-radius:10px;
	}	
#ecofi{
	float:right;
	margin-right:10%;
	width:40%;
	height:auto;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding: 1% 1%;
	}
#rehab{
	float:left;
	margin-left:10%;
	width:40%;
	height:auto;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding: 1% 1%;
	}
#ftrhb{
	float:right;	
    margin-right:12%;
	margin-top:10%;
	margin-bottom:1%;
	border-bottom-width: 2%;
	border-radius:10px;
	box-shadow: 2px 2px 5px #555;
	padding: 1% 1%;
	}
#ftrhb img{
	border-radius:10px;
	}	
.ico{
	height: auto;
	width:10%;
	float: left;
	padding-top: 2%;
	margin-top: 2%;
	margin-right:5%;
	margin-left: 8%;
	margin-bottom:2%;	
	text-align: center;
	padding-right: 1%;
	padding-left: 1%;
	border-bottom-style: groove;
	border-bottom-color: #8c4600;
}

#perr1{
	float:left;
	margin-left:1%;
	margin-bottom:2%;
	padding-left:1%;
	padding-right:1%;
	padding-bottom:1%;
	padding-top:1%;
	
	}
#perr1:hover{	
	border-radius:10px;
    webkit-border-radius:2%;
    box-shadow: 0px 0px 3px 3px #ec731e;
    webkit-box-shadow: 0px 0px 5px 5px #ec731e;
    transform: rotate(360deg);
    webkit-transform: rotate(360deg);
}	
#perr2{
	float:left;
	margin-left:1%;
	margin-bottom:2%;
	padding-left:1%;
	padding-right:1%;
	padding-bottom:1%;
	padding-top:1%;	
}
#perr2:hover{	
	border-radius:10px;
    webkit-border-radius:2%;
    box-shadow: 0px 0px 3px 3px #ec731e;
    webkit-box-shadow: 0px 0px 5px 5px #ec731e;
    transform: rotate(360deg);
    webkit-transform: rotate(360deg);
}	
#perr3{
	float:left;
	margin-left:1%;	
	margin-bottom:2%;
	padding-left:1%;
	padding-right:1%;
	padding-bottom:1%;
	padding-top:1%;
}
#perr3:hover{	
	border-radius:10px;
    webkit-border-radius:2%;
    box-shadow: 0px 0px 3px 3px #ec731e;
    webkit-box-shadow: 0px 0px 5px 5px #ec731e;
    transform: rotate(360deg);
    webkit-transform: rotate(360deg);
}			
#perr4{
	float:left;
	margin-left:1%;
	margin-bottom:2%;
	padding-left:1%;
	padding-right:1%;
	padding-bottom:1%;
	padding-top:1%;
}
#perr4:hover{	
	border-radius:10px;
    webkit-border-radius:2%;
    box-shadow: 0px 0px 3px 3px #ec731e;
    webkit-box-shadow: 0px 0px 5px 5px #ec731e;
    transform: rotate(360deg);
    webkit-transform: rotate(360deg);
}		

/*--servicios--*/
.titulo2{
	float:left;
	margin-left:40%;
	margin-right:10%;
	margin-top:1%;
	margin-bottom:2%;
	}
 #aten{	
    float:left;
    margin-left:10%;
    width:25%;
    height:auto;
	margin-top:1%;
	margin-bottom:1%;
}

#foto1{
	float:right;	
    margin-right:10%;
	margin-top:3%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	box-shadow: 2px 2px 5px #231f20;
	border-radius: 10px;
	padding:1% 1%;
	
}

#foto2{	
    float:left;
    margin-left:10%;
	margin-top:3%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:1% 1%;
	
}
#pelu{
	float:right;	
    margin-right:10%;
    width:25%;
    height:auto;
	margin-top:3%;
	margin-bottom:1%;
}

#rayo{	
    margin-left:10%;
    width:25%;
    height:auto;
	margin-top:3%;
	margin-bottom:15px;
}

#foto3{	
    float:right;
    margin-right:10%;
	margin-top:-180px;
	margin-bottom:1%;
	border-bottom-width: 2px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:1% 1%;
}

#foto4{
	float:left;
    margin-left:10%;
	margin-top:3%;
	margin-bottom:20px;
	border-bottom-width: 2px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:1% 1%;
}

#hosp{
	float:right;	
    margin-right:10%;
    width:25%;
    height:auto;
	margin-top:3%;
	margin-bottom:1%;
}

#eco{
	float:left;	
    margin-left:10%;
    width:25%;
    height:auto;
	margin-top:3%;
	margin-bottom:20px;
}

#foto5{	
    float:right;
    margin-right:10%;
	margin-top:3%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:1% 1%;
}

#foto6{	
    float:left;
    margin-left:10%;
	margin-top:3%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:1% 1%;
}

#cirg{
	float:right;	
    margin-right:10%;
    width:25%;
    height:auto;
	margin-top:3%;
	margin-bottom:1%;
}

#lim{
	float:left;	
    margin-left:10%;
    width:25%;
    height:auto;
	margin-top:3%;
	margin-bottom:1%;
}

#foto7{
	float:right;	
    margin-right:10%;
	margin-top:3%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:1% 1%;
}

#foto8{	
    float:left;
    margin-left:10%;
	margin-top:3%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:1% 1%;
}

#hodj{
	float:right;	
    margin-right:10%;
    width:25%;
    height:auto;
	margin-top:3%;
	margin-bottom:1%;
}

#reprod{
	float:left;	
    margin-left:10%;
    width:25%;
    height:auto;
	margin-top:3%;
	margin-bottom:1%;
}

#foto9{
	float:right;
    margin-right:10%;
	margin-top:3%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:1% 1%;
}

/*--corporativo--*/	
.titulo3{
	float:left;
	margin-left:40%;
	margin-right:10%;
	margin-top:1%;
	margin-bottom:2%;
	}
#fils{
	float:left;	
    margin-left:10%;
	width:30%;
    height:auto;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:1%;
	padding-left:1%;
	padding-right:1%;
	padding-top:1%;
}

#pas{
	margin-left:60%;
    width:30%;
	height:auto;
	margin-top:-420px;
	margin-bottom:5%;
	text-align:justify;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:1%;
	padding-left:1%;
	padding-right:1%;
	padding-top:1%;
}
		
#mis{
	margin-left:10%;
    width:30%;
	height:auto;
	margin-top:5%;
	margin-bottom:5%;
	text-align:justify;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:1%;
	padding-left:1%;
	padding-right:1%;
	padding-top:1%;
	}

#vis{
	margin-left:60%;
    width:30%;
	height:auto;
	margin-top:-330px;
	margin-bottom:5%;
	text-align:justify;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:1%;
	padding-left:1%;
	padding-right:1%;
	padding-top:1%;
	}
	
#barrita{
	background-color: #b22d00;
	float: left;
	height: 3px;
	width: 90%;
	margin-top: 15px;
	margin-right: 5%;
	margin-bottom: 15px;
	margin-left: 5%;
	}

/*--operaciones--*/
.titulo4{
	float:left;
	margin-left:40%;
	margin-right:10%;
	margin-top:1%;
	margin-bottom:2%;
	}
.fotos{
	height: auto;
	float: left;
	padding-top: 35px;
	margin-top: 20px;
	margin-right: 30px;
	margin-left:50px;
	margin-bottom: 10px;
	border-bottom-width: 2px;
	box-shadow: 2px 2px 5px #231f20;
	border-radius: 10px;
	text-align: center;
	padding:1% 1%;
}	

/*--productos--*/
.titulo5{
	float:left;
	margin-left:40%;
	margin-right:10%;
	margin-top:1%;
	margin-bottom:2%;
	}
.produc{
	height: auto;
	float: left;
	margin-top: 1%;
	margin-right: 30px;
	margin-left:30px;
	margin-bottom: 1%;
	border-bottom-width: 1%;
	box-shadow: 2px 2px 5px #231f20;
	border-radius: 10px;
	text-align:center;
	padding:1% 1%;
	
}	
/*--politicas--*/
.titulo6{
	float:left;
	margin-left:40%;
	margin-right:10%;
	margin-top:1%;
	margin-bottom:2%;
	}
#queri{
	float:left;
	width:50%;
	height:auto;
	margin-left:25%;
	margin-right:20%;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:1%;
	padding-left:1%;
	padding-right:1%;
	padding-top:1%;
}
	
#poli{
	float:left;
	width:50%;
	height:auto;
	margin-left:25%;
	margin-right:20%;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:1%;
	padding-left:1%;
	padding-right:1%;
	padding-top:1%;
}	

#pri{
	float:left;
	width:50%;
	height:auto;
	margin-left:25%;
	margin-right:20%;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:1%;
	padding-left:1%;
	padding-right:1%;
	padding-top:1%;
}

#pasi{
	float:left;
    width:50%;
	height:auto;
	margin-left:25%;
	margin-right:20%;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius:10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:1%;
	padding-left:1%;
	padding-right:1%;
	padding-top:1%;
}

/*--- contactenos ---*/
.titulo7{
	float:left;
	margin-left:40%;
	margin-top:1%;
	margin-bottom:2%;
	}
.mapa{
	height: auto;
	width: 99.5%;	
}


/*--- respuesta ---*/	
.mensaje{
	float:left;
	margin-left:10%;
	margin-right:10%;
	text-align:center;
	margin-top:2%;
	margin-bottom:10%;
	}
	
/* --- Pie pagina ---*/
footer{
	float: left;
	background-color: #402000;
	height: auto;
	width: 100%;
	padding-bottom: 20px;
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFB973;
	border-bottom-color: #FFB973;
	margin-left: 0px;
	margin-right: 5px;
	
	}

.dir4{
	height: 50px;
	width:250px;
	float: left;
	padding-top: 35px;
	margin-top: 20px;
	margin-right: 60px;
	margin-left:60px;
	margin-bottom:25px;	
	text-align: center;
	}

#derechos{
	float: left;
	width: 50%;
	margin-left: 36%;
	height: auto;

	}
	
}	
/******************************************/
/***    DISEÑO PARA PC           ****/
/******************************************/
@media only screen and (max-width:1024px){
	
	
		/*--- Maquetacion ---*/
	#contenedor{
	width:100%;
    
	}
	
#logo{
	float: left;
	margin-top: 1.5%;
	margin-bottom:1%;
	margin-left: 5%;
	width:auto;
	}



#dir1{
	float: left;
	margin-top:8%;
	margin-left:5%;
	margin-bottom:1%;	
	}
#dir2{
	float: left;
	margin-top:8%;
	margin-left:5%;
	margin-bottom:1%;	
	}
	
#dir3{
	float: left;
	margin-top:8%;
	margin-left:5%;
	margin-bottom:1%;
	}
.menu{
	margin-left:2%;
	margin-top:1%;
	width:980px;
	}

.rotacion{
	display:flex;
    width: 100%;	
	}

.flotante {
	display: scroll;
	position: fixed;
	bottom: 0px;
	right: 10px;
	z-index: 999;
}



#cuerpo{
	background-repeat: no-repeat;
	background-image: url(../imagenes/fondo.jpg);
	margin-top: 1%;
	margin-bottom: 1%;
	padding-top: 5%;
	padding-bottom: 5%;
	background-attachment: fixed;
	}
.titulo1{
	float:left;
	margin-left:40%;
	margin-right:10%;
	margin-top:1%;
	margin-bottom:2%;
	}

#perf{
	float:left;
	margin-left:25%;
	width:50%;
	height:auto;
	text-align: justify;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:1%;
	padding-left:1%;
	padding-right:1%;
	padding-top:1%;
	}
#derm{
	float:left;
	margin-left:5%;
	width:40%;
	height:auto;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding: 1% 1%;
	}
	
#ftdm{
	float:right;	
    margin-right:10%;
	margin-top:10%;
	margin-bottom:1%;
	border-bottom-width: 2%;
	border-radius:10px;
	box-shadow: 2px 2px 5px #555;
	padding: 1% 1%;
	}
#ftdm img{
	border-radius:10px;
	}
#ftof{
	float:left;	
    margin-left:10%;
	margin-top:25%;
	margin-bottom:1%;
	border-bottom-width: 2%;
	border-radius:10px;
	box-shadow: 2px 2px 5px #555;
	padding: 1% 1%;
	}
#ftof img{
	border-radius:10px;
	}	
#oftal{
	float:right;
	margin-right:5%;
	width:40%;
	height:auto;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding: 1% 1%;
	}
#endos{
	float:left;
	margin-left:5%;
	width:40%;
	height:auto;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding: 1% 1%;
	}
#fteds{
	float:right;	
    margin-right:10%;
	margin-top:25%;
	margin-bottom:1%;
	border-bottom-width: 2%;
	border-radius:10px;
	box-shadow: 2px 2px 5px #555;
	padding: 1% 1%;
	}
#fteds img{
	border-radius:10px;
	}
#fteco{
	float:left;	
    margin-left:10%;
	margin-top:25%;
	margin-bottom:1%;
	border-bottom-width: 2%;
	border-radius:10px;
	box-shadow: 2px 2px 5px #555;
	padding: 1% 1%;
	}
#fteco img{
	border-radius:10px;
	}	
#ecofi{
	float:right;
	margin-right:5%;
	width:40%;
	height:auto;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding: 1% 1%;
	}
#rehab{
	float:left;
	margin-left:5%;
	width:40%;
	height:auto;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding: 1% 1%;
	}
#ftrhb{
	float:right;	
    margin-right:10%;
	margin-top:25%;
	margin-bottom:1%;
	border-bottom-width: 2%;
	border-radius:10px;
	box-shadow: 2px 2px 5px #555;
	padding: 1% 1%;
	}
#ftrhb img{
	border-radius:10px;
	}	
.ico{
	height: 30%;
	width:12%;
	float: left;
	padding-top: 35px;
	margin-top: 20px;
	margin-right:40px;
	margin-left: 60px;
	margin-bottom:25px;	
	text-align: center;
	padding-right: 10px;
	padding-left: 10px;
	border-bottom-style: groove;
	border-bottom-color: #8c4600;
}

#perr1{
	float:left;
	margin-left:15%;
	margin-bottom:2%;
	padding-left:1%;
	padding-right:1%;
	padding-bottom:1%;
	padding-top:1%;
	
	}
#perr1:hover{	
	border-radius:10px;
    webkit-border-radius:2%;
    box-shadow: 0px 0px 3px 3px #ec731e;
    webkit-box-shadow: 0px 0px 5px 5px #ec731e;
    transform: rotate(360deg);
    webkit-transform: rotate(360deg);
}	
#perr2{
	float:left;
	margin-left:15%;
	margin-bottom:2%;
	padding-left:1%;
	padding-right:1%;
	padding-bottom:1%;
	padding-top:1%;	
}
#perr2:hover{	
	border-radius:10px;
    webkit-border-radius:2%;
    box-shadow: 0px 0px 3px 3px #ec731e;
    webkit-box-shadow: 0px 0px 5px 5px #ec731e;
    transform: rotate(360deg);
    webkit-transform: rotate(360deg);
}	
#perr3{
	float:left;
	margin-left:15%;	
	margin-bottom:2%;
	padding-left:1%;
	padding-right:1%;
	padding-bottom:1%;
	padding-top:1%;
}
#perr3:hover{	
	border-radius:10px;
    webkit-border-radius:2%;
    box-shadow: 0px 0px 3px 3px #ec731e;
    webkit-box-shadow: 0px 0px 5px 5px #ec731e;
    transform: rotate(360deg);
    webkit-transform: rotate(360deg);
}			
#perr4{
	float:left;
	margin-left:15%;
	margin-bottom:2%;
	padding-left:1%;
	padding-right:1%;
	padding-bottom:1%;
	padding-top:1%;
}
#perr4:hover{	
	border-radius:10px;
    webkit-border-radius:2%;
    box-shadow: 0px 0px 3px 3px #ec731e;
    webkit-box-shadow: 0px 0px 5px 5px #ec731e;
    transform: rotate(360deg);
    webkit-transform: rotate(360deg);
}		

/*--servicios--*/
.titulo2{
	float:left;
	margin-left:40%;
	margin-right:10%;
	margin-top:1%;
	margin-bottom:2%;
	}
 #aten{	
    float:left;
    margin-left:10%;
    width:25%;
    height:auto;
	margin-top:1%;
	margin-bottom:1%;
}

#foto1{
	float:right;	
    margin-right:12%;
	margin-top:3%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	box-shadow: 2px 2px 5px #231f20;
	border-radius: 10px;
	padding:1% 1%;
	
}

#foto2{	
    float:left;
    margin-left:12%;
	margin-top:3%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:1% 1%;
	
}
#pelu{
	float:right;	
    margin-right:10%;
    width:25%;
    height:auto;
	margin-top:3%;
	margin-bottom:1%;
}

#rayo{	
    margin-left:10%;
    width:25%;
    height:auto;
	margin-top:3%;
	margin-bottom:15px;
}

#foto3{	
    float:right;
    margin-right:12%;
	margin-top:-180px;
	margin-bottom:1%;
	border-bottom-width: 2px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:1% 1%;
}

#foto4{
	float:left;
    margin-left:12%;
	margin-top:3%;
	margin-bottom:20px;
	border-bottom-width: 2px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:1% 1%;
}

#hosp{
	float:right;	
    margin-right:10%;
    width:25%;
    height:auto;
	margin-top:3%;
	margin-bottom:1%;
}

#eco{
	float:left;	
    margin-left:10%;
    width:25%;
    height:auto;
	margin-top:3%;
	margin-bottom:20px;
}

#foto5{	
    float:right;
    margin-right:12%;
	margin-top:3%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:1% 1%;
}

#foto6{	
    float:left;
    margin-left:12%;
	margin-top:3%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:1% 1%;
}

#cirg{
	float:right;	
    margin-right:10%;
    width:25%;
    height:auto;
	margin-top:3%;
	margin-bottom:1%;
}

#lim{
	float:left;	
    margin-left:10%;
    width:25%;
    height:auto;
	margin-top:3%;
	margin-bottom:1%;
}

#foto7{
	float:right;	
    margin-right:12%;
	margin-top:3%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:1% 1%;
}

#foto8{	
    float:left;
    margin-left:12%;
	margin-top:3%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:1% 1%;
}

#hodj{
	float:right;	
    margin-right:10%;
    width:25%;
    height:auto;
	margin-top:3%;
	margin-bottom:1%;
}

#reprod{
	float:left;	
    margin-left:10%;
    width:25%;
    height:auto;
	margin-top:3%;
	margin-bottom:1%;
}

#foto9{
	float:right;
    margin-right:12%;
	margin-top:3%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:1% 1%;
}

/*--corporativo--*/	
.titulo3{
	float:left;
	margin-left:40%;
	margin-right:10%;
	margin-top:1%;
	margin-bottom:2%;
	}
#fils{
	float:left;	
    margin-left:10%;
	width:30%;
    height:auto;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:1%;
	padding-left:1%;
	padding-right:1%;
	padding-top:1%;
}

#pas{
	margin-left:60%;
    width:30%;
	height:auto;
	margin-top:-420px;
	margin-bottom:5%;
	text-align:justify;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:1%;
	padding-left:1%;
	padding-right:1%;
	padding-top:1%;
}
		
#mis{
	margin-left:10%;
    width:30%;
	height:auto;
	margin-top:5%;
	margin-bottom:5%;
	text-align:justify;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:1%;
	padding-left:1%;
	padding-right:1%;
	padding-top:1%;
	}

#vis{
	margin-left:60%;
    width:30%;
	height:auto;
	margin-top:-350px;
	margin-bottom:5%;
	text-align:justify;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:1%;
	padding-left:1%;
	padding-right:1%;
	padding-top:1%;
	}
	
#barrita{
	background-color: #b22d00;
	float: left;
	height: 3px;
	width: 90%;
	margin-top: 15px;
	margin-right: 5%;
	margin-bottom: 15px;
	margin-left: 5%;
	}

/*--operaciones--*/
.titulo4{
	float:left;
	margin-left:40%;
	margin-right:10%;
	margin-top:1%;
	margin-bottom:2%;
	}
.fotos{
	height: auto;
	float: left;
	padding-top: 35px;
	margin-top: 20px;
	margin-right: 70px;
	margin-left:120px;
	margin-bottom: 10px;
	border-bottom-width: 2px;
	box-shadow: 2px 2px 5px #231f20;
	border-radius: 10px;
	text-align: center;
	padding:1% 1%;
}	

/*--productos--*/
.titulo5{
	float:left;
	margin-left:40%;
	margin-right:10%;
	margin-top:1%;
	margin-bottom:2%;
	}
.produc{
	height: auto;
	float: left;
	margin-top: 1%;
	margin-right: 10px;
	margin-left:10px;
	margin-bottom: 1%;
	border-bottom-width: 1%;
	box-shadow: 2px 2px 5px #231f20;
	border-radius: 10px;
	text-align:center;
	padding:1% 1%;
	
}		
/*--politicas--*/
.titulo6{
	float:left;
	margin-left:40%;
	margin-right:10%;
	margin-top:1%;
	margin-bottom:2%;
	}
#queri{
	float:left;
	width:50%;
	height:auto;
	margin-left:25%;
	margin-right:20%;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius:10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:1%;
	padding-left:1%;
	padding-right:1%;
	padding-top:1%;
}
	
#poli{
	float:left;
	width:50%;
	height:auto;
	margin-left:25%;
	margin-right:20%;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:1%;
	padding-left:1%;
	padding-right:1%;
	padding-top:1%;
}	

#pri{
	float:left;
	width:50%;
	height:auto;
	margin-left:25%;
	margin-right:20%;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:1%;
	padding-left:1%;
	padding-right:1%;
	padding-top:1%;
}

#pasi{
	float:left;
    width:50%;
	height:auto;
	margin-left:25%;
	margin-right:20%;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:1%;
	padding-left:1%;
	padding-right:1%;
	padding-top:1%;
}

.mensaje{
	float:left;
	margin-left:10%;
	margin-right:10%;
	text-align:center;
	margin-top:2%;
	margin-bottom:10%;
	}

/*--- contactenos ---*/
.titulo6{
	float:left;
	margin-left:40%;
	margin-top:1%;
	margin-bottom:2%;
	}
.mapa{
	height: auto;
	width: 99.5%;	
}
		
/* --- Pie pagina ---*/
footer{
	float: left;
	background-color: #402000;
	height: auto;
	width: 100%;
	padding-bottom: 20px;
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFB973;
	border-bottom-color: #FFB973;
	margin-left: 0px;
	margin-right: 5px;
	
	}

.dir4{
	height: 50px;
	width:250px;
	float: left;
	padding-top: 35px;
	margin-top: 20px;
	margin-right: 40px;
	margin-left:40px;
	margin-bottom:25px;	
	text-align: center;
	}

#derechos{
	float: left;
	width: 50%;
	margin-left: 30%;
	height: auto;
	}
}
/******************************************/
/***    DISEÑO PARA TABLETAS           ****/
/******************************************/
@media only screen and (max-width:768px){
	
		/*--- Maquetacion ---*/
	#contenedor{
	width:100%;
	
	}
	
#logo{
	float: left;
	margin-top: 1.5%;
	margin-bottom:1%;
	margin-left: 5%;
	width:auto;
	}



#dir1{
	float: left;
	margin-top:8%;
	margin-left:5%;
	margin-bottom:1%;	
	}
#dir2{
	float: left;
	margin-top:8%;
	margin-left:5%;
	margin-bottom:1%;	
	}
	
#dir3{
	float: left;
	margin-top:5%;
	margin-left:20%;
	margin-bottom:1%;
	}
.rotacion{
	display:flex;
	width:100%;	
	}

.flotante {
	display: scroll;
	position: fixed;
	bottom: 0px;
	right: 10px;
	z-index: 999;
}

.menu{
	margin-left:1%;
	margin-top:1%;
	width:750px;
	}

/*--perfil--*/
#cuerpo{
	background-repeat: no-repeat;
	background-image: url(../imagenes/fondo.jpg);
	margin-top: 1%;
	margin-bottom: 1%;
	padding-top: 5%;
	padding-bottom: 5%;
	background-attachment: fixed;
	}
.titulo1{
	float:left;
	margin-left:35%;
	margin-right:10%;
	margin-top:1%;
	margin-bottom:2%;
	}

#perf{
	float:left;
	margin-left:8%;
	width:78%;
	height:auto;
	text-align: justify;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:2%;
	padding-left:2%;
	padding-right:2%;
	padding-top:2%;
	}
#derm{
	float:left;
	margin-left:8%;
	width:80%;
	height:auto;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding: 1% 1%;
	}
	
#ftdm{
	float:left;	
    margin-left:28%;
	margin-top:3%;
	margin-bottom:1%;
	border-bottom-width: 2%;
	border-radius:10px;
	box-shadow: 2px 2px 5px #555;
	padding: 1% 1%;
	}
#ftdm img{
	border-radius:10px;
	}
#oftal{
	float:left;
	margin-left:8%;
	width:80%;
	height:auto;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding: 1% 1%;
	}
#ftof{
	float:left;	
    margin-left:28%;
	margin-top:3%;
	margin-bottom:1%;
	border-bottom-width: 2%;
	border-radius:10px;
	box-shadow: 2px 2px 5px #555;
	padding: 1% 1%;
	}
#ftof img{
	border-radius:10px;
	}	

#endos{
	float:left;
	margin-left:8%;
	width:80%;
	height:auto;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding: 1% 1%;
	}
#fteds{
	float:left;	
    margin-left:28%;
	margin-top:3%;
	margin-bottom:1%;
	border-bottom-width: 2%;
	border-radius:10px;
	box-shadow: 2px 2px 5px #555;
	padding: 1% 1%;
	}
#fteds img{
	border-radius:10px;
	}
#ecofi{
	float:left;
	margin-left:8%;
	width:80%;
	height:auto;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding: 1% 1%;
	}
#fteco{
	float:left;	
    margin-left:28%;
	margin-top:3%;
	margin-bottom:1%;
	border-bottom-width: 2%;
	border-radius:10px;
	box-shadow: 2px 2px 5px #555;
	padding: 1% 1%;
	}
#fteco img{
	border-radius:10px;
	}	
#rehab{
	float:left;
	margin-left:8%;
	width:80%;
	height:auto;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding: 1% 1%;
	}
#ftrhb{
	float:left;	
    margin-left:28%;
	margin-top:3%;
	margin-bottom:1%;
	border-bottom-width: 2%;
	border-radius:10px;
	box-shadow: 2px 2px 5px #555;
	padding: 1% 1%;
	}
#ftrhb img{
	border-radius:10px;
	}
	
.ico{
	height: auto;
	width:150px;
	float: left;
	padding-top: 35px;
	margin-top: 20px;
	margin-right:80px;
	margin-left: 100px;
	margin-bottom:25px;	
	text-align: center;
	padding-right: 10px;
	padding-left: 10px;
	border-bottom-style: groove;
	border-bottom-color: #8c4600;
}

#perr1{
	float:left;
	margin-left:10%;
	margin-bottom:2%;
	padding-left:1%;
	padding-right:1%;
	padding-bottom:1%;
	padding-top:1%;
	
	}
#perr1:hover{	
	border-radius:10px;
    webkit-border-radius:2%;
    box-shadow: 0px 0px 3px 3px #ec731e;
    webkit-box-shadow: 0px 0px 5px 5px #ec731e;
    transform: rotate(360deg);
    webkit-transform: rotate(360deg);
}	
#perr2{
	float:left;
	margin-left:10%;
	margin-bottom:2%;
	padding-left:1%;
	padding-right:1%;
	padding-bottom:1%;
	padding-top:1%;	
}
#perr2:hover{	
	border-radius:10px;
    webkit-border-radius:2%;
    box-shadow: 0px 0px 3px 3px #ec731e;
    webkit-box-shadow: 0px 0px 5px 5px #ec731e;
    transform: rotate(360deg);
    webkit-transform: rotate(360deg);
}	
#perr3{
	float:left;
	margin-left:10%;	
	margin-bottom:2%;
	padding-left:1%;
	padding-right:1%;
	padding-bottom:1%;
	padding-top:1%;
}
#perr3:hover{	
	border-radius:10px;
    webkit-border-radius:2%;
    box-shadow: 0px 0px 3px 3px #ec731e;
    webkit-box-shadow: 0px 0px 5px 5px #ec731e;
    transform: rotate(360deg);
    webkit-transform: rotate(360deg);
}			
#perr4{
	float:left;
	margin-left:10%;
	margin-bottom:2%;
	padding-left:1%;
	padding-right:1%;
	padding-bottom:1%;
	padding-top:1%;
}
#perr4:hover{	
	border-radius:10px;
    webkit-border-radius:2%;
    box-shadow: 0px 0px 3px 3px #ec731e;
    webkit-box-shadow: 0px 0px 5px 5px #ec731e;
    transform: rotate(360deg);
    webkit-transform: rotate(360deg);
}		

/*--servicios--*/
.titulo2{
	float:left;
	margin-left:35%;
	margin-right:10%;
	margin-top:1%;
	margin-bottom:2%;
	}
 #aten{	
    float:left;
    margin-left:10%;
    width:25%;
    height:auto;
	margin-top:1%;
	margin-bottom:1%;
}

#foto1{
	float:right;	
    margin-right:12%;
	margin-top:20%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	box-shadow: 2px 2px 5px #231f20;
	border-radius: 10px;
	padding:1% 1%;
	
}

#foto2{	
    float:left;
    margin-left:12%;
	margin-top:8%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:1% 1%;
}
#pelu{
	float:right;	
    margin-right:10%;
    width:25%;
    height:auto;
	margin-top:3%;
	margin-bottom:1%;
}

#rayo{	
    margin-left:10%;
    width:25%;
    height:auto;
	margin-top:3%;
	margin-bottom:15px;
}

#foto3{	
    float:right;
    margin-right:12%;
	margin-top:-180px;
	margin-bottom:1%;
	border-bottom-width: 2px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:1% 1%;
}

#foto4{
	float:left;
    margin-left:12%;
	margin-top:18%;
	margin-bottom:20px;
	border-bottom-width: 2px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:1% 1%;
}

#hosp{
	float:right;	
    margin-right:10%;
    width:25%;
    height:auto;
	margin-top:3%;
	margin-bottom:1%;
}

#eco{
	float:left;	
    margin-left:10%;
    width:25%;
    height:auto;
	margin-top:3%;
	margin-bottom:20px;
}

#foto5{	
    float:right;
    margin-right:12%;
	margin-top:10%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:1% 1%;
}

#foto6{	
    float:left;
    margin-left:12%;
	margin-top:12%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:1% 1%;
}

#cirg{
	float:right;	
    margin-right:10%;
    width:25%;
    height:auto;
	margin-top:3%;
	margin-bottom:1%;
}

#lim{
	float:left;	
    margin-left:10%;
    width:25%;
    height:auto;
	margin-top:3%;
	margin-bottom:1%;
}

#foto7{
	float:right;	
    margin-right:12%;
	margin-top:3%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:1% 1%;
}

#foto8{	
    float:left;
    margin-left:12%;
	margin-top:8%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:1% 1%;
}

#hodj{
	float:right;	
    margin-right:10%;
    width:25%;
    height:auto;
	margin-top:3%;
	margin-bottom:1%;
}

#reprod{
	float:left;	
    margin-left:10%;
    width:25%;
    height:auto;
	margin-top:3%;
	margin-bottom:1%;
}

#foto9{
	float:right;
    margin-right:12%;
	margin-top:15%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:1% 1%;
}

/*--corporativo--*/	
.titulo3{
	float:left;
	margin-left:35%;
	margin-right:10%;
	margin-top:1%;
	margin-bottom:2%;
	}
#fils{
	float:left;	
    margin-left:10%;
	width:35%;
    height:auto;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius:10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:2%;
	padding-left:2%;
	padding-right:2%;
	padding-top:2%;
}

#pas{
	margin-left:55%;
    width:35%;
	height:auto;
	margin-top:-420px;
	margin-bottom:5%;
	text-align:justify;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:2%;
	padding-left:2%;
	padding-right:2%;
	padding-top:2%;
}
		
#mis{
	margin-left:10%;
    width:35%;
	height:auto;
	margin-top:5%;
	margin-bottom:5%;
	text-align:justify;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:2%;
	padding-left:2%;
	padding-right:2%;
	padding-top:2%;
	}

#vis{
	margin-left:55%;
    width:35%;
	height:auto;
	margin-top:-350px;
	margin-bottom:5%;
	text-align:justify;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:2%;
	padding-left:2%;
	padding-right:2%;
	padding-top:2%;
	}
	
#barrita{
	background-color: #b22d00;
	float: left;
	height: 3px;
	width: 90%;
	margin-top: 15px;
	margin-right: 5%;
	margin-bottom: 15px;
	margin-left: 5%;
	}

/*--operaciones--*/
.titulo4{
	float:left;
	margin-left:35%;
	margin-right:10%;
	margin-top:1%;
	margin-bottom:2%;
	}
.fotos{
	height: auto;
	float: left;
	padding-top: 35px;
	margin-top: 20px;
	margin-right: 20px;
	margin-left:50px;
	margin-bottom: 10px;
	border-bottom-width: 2px;
	box-shadow: 2px 2px 5px #231f20;
	border-radius: 10px;
	text-align: center;
	padding:2% 2%;
}	

/*--productos--*/
.titulo5{
	float:left;
	margin-left:35%;
	margin-right:10%;
	margin-top:1%;
	margin-bottom:2%;
	}
.produc{
	height: auto;
	float: left;
	margin-top: 1%;
	margin-right: 30px;
	margin-left:35px;
	margin-bottom: 1%;
	border-bottom-width: 1%;
	box-shadow: 2px 2px 5px #231f20;
	border-radius: 10px;
	text-align:center;
	padding:1% 1%;
	
}		
/*--politicas--*/
.titulo6{
	float:left;
	margin-left:35%;
	margin-right:10%;
	margin-top:1%;
	margin-bottom:2%;
	}
#queri{
	float:left;
	width:85%;
	height:auto;
	margin-left:7%;
	margin-right:10%;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:2%;
	padding-left:2%;
	padding-right:2%;
	padding-top:2%;
}
	
#poli{
	float:left;
	width:85%;
	height:auto;
	margin-left:7%;
	margin-right:10%;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:2%;
	padding-left:2%;
	padding-right:2%;
	padding-top:2%;
}	

#pri{
	float:left;
	width:85%;
	height:auto;
	margin-left:7%;
	margin-right:10%;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:2%;
	padding-left:2%;
	padding-right:2%;
	padding-top:2%;
}

#pasi{
	float:left;
    width:85%;
	height:auto;
	margin-left:7%;
	margin-right:10%;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:2%;
	padding-left:2%;
	padding-right:2%;
	padding-top:2%;
}

.mensaje{
	float:left;
	margin-left:10%;
	margin-right:10%;
	text-align:center;
	margin-top:2%;
	margin-bottom:7%;
	}

/*--- contactenos ---*/
.titulo7{
	float:left;
	margin-left:35%;
	margin-top:1%;
	margin-bottom:2%;
	}
.mapa{
	height: auto;
	width: 99.5%;	
}
	
/* --- Pie pagina ---*/
footer{
	float: left;
	background-color: #402000;
	height: auto;
	width: 100%;
	padding-bottom: 20px;
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFB973;
	border-bottom-color: #FFB973;
	margin-left: 0px;
	margin-right: 5px;
	
	}

.dir4{
	height: 50px;
	width:250px;
	float: left;
	padding-top: 35px;
	margin-top: 20px;
	margin-right: 20px;
	margin-left:250px;
	margin-bottom:25px;	
	text-align: center;
	}

#derechos{
	float: left;
	width: 50%;
	margin-left: 30%;
	height: auto;

	}
	
}
	
@media only screen and (max-width:640px){
    
		/*--- Maquetacion ---*/
	#contenedor{
	width:100%;
	
	}
#logo{
	float: left;
	margin-top: 5%;
	margin-bottom:1%;
	margin-left: 15%;
	width:auto;
	}

#dir1{
	float: left;
	margin-top:5%;
	margin-left:5%;
	margin-bottom:1%;	
	}
#dir2{
	float: left;
	margin-top:5%;
	margin-left:5%;
	margin-bottom:1%;	
	}
	
#dir3{
	float: left;
	margin-top:5%;
	margin-left:5%;
	margin-bottom:1%;
	}
.rotacion{
	display:flex;
	width:100%;	
	}

.flotante {
	display: scroll;
	position: fixed;
	bottom: 15px;
	right: 10px;
	z-index: 999;
}


.menu{
	margin-left:1%;
	margin-top:1%;
	width:620px;
	}

/*--perfil--*/
#cuerpo{
	background-repeat: no-repeat;
	background-image: url(../imagenes/fondo.jpg);
	margin-top: 1%;
	margin-bottom: 1%;
	padding-top: 5%;
	padding-bottom: 5%;
	background-attachment: fixed;
	}
.titulo1{
	float:left;
	margin-left:30%;
	margin-right:10%;
	margin-top:1%;
	margin-bottom:2%;
	}
#perf{
	float:left;
	margin-left:5%;
	width:85%;
	height:auto;
	text-align: justify;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:2%;
	padding-left:2%;
	padding-right:2%;
	padding-top:2%;
	}
#derm{
	float:left;
	margin-left:5%;
	width:85%;
	height:auto;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding: 2% 2%;
	}
	
#ftdm{
	float:left;	
    margin-left:23%;
	margin-top:3%;
	margin-bottom:1%;
	border-bottom-width: 2%;
	border-radius:10px;
	box-shadow: 2px 2px 5px #555;
	padding: 1% 1%;
	}
#ftdm img{
	border-radius:10px;
	}
#oftal{
	float:left;
	margin-left:5%;
	width:85%;
	height:auto;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding: 2% 2%;
	}
#ftof{
	float:left;	
    margin-left:23%;
	margin-top:3%;
	margin-bottom:1%;
	border-bottom-width: 2%;
	border-radius:10px;
	box-shadow: 2px 2px 5px #555;
	padding: 1% 1%;
	}
#ftof img{
	border-radius:10px;
	}	

#endos{
	float:left;
	margin-left:5%;
	width:85%;
	height:auto;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding: 2% 2%;
	}
#fteds{
	float:left;	
    margin-left:23%;
	margin-top:3%;
	margin-bottom:1%;
	border-bottom-width: 2%;
	border-radius:10px;
	box-shadow: 2px 2px 5px #555;
	padding: 1% 1%;
	}
#fteds img{
	border-radius:10px;
	}
#ecofi{
	float:left;
	margin-left:5%;
	width:85%;
	height:auto;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding: 2% 2%;
	}
#fteco{
	float:left;	
    margin-left:23%;
	margin-top:3%;
	margin-bottom:1%;
	border-bottom-width: 2%;
	border-radius:10px;
	box-shadow: 2px 2px 5px #555;
	padding: 1% 1%;
	}
#fteco img{
	border-radius:10px;
	}
#rehab{
	float:left;
	margin-left:5%;
	width:85%;
	height:auto;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding: 2% 2%;
	}
#ftrhb{
	float:left;	
    margin-left:23%;
	margin-top:3%;
	margin-bottom:1%;
	border-bottom-width: 2%;
	border-radius:10px;
	box-shadow: 2px 2px 5px #555;
	padding: 1% 1%;
	}
#ftrhb img{
	border-radius:10px;
	}	
.ico{
	height: auto;
	width:150px;
	float: left;
	padding-top: 35px;
	margin-top: 20px;
	margin-right:80px;
	margin-left: 60px;
	margin-bottom:25px;	
	text-align: center;
	padding-right: 10px;
	padding-left: 10px;
	border-bottom-style: groove;
	border-bottom-color: #8c4600;
}

#perr1{
	float:left;
	margin-left:5%;
	margin-bottom:2%;
	padding-left:1%;
	padding-right:1%;
	padding-bottom:1%;
	padding-top:1%;
	
	}
#perr1:hover{	
	border-radius:10px;
    webkit-border-radius:2%;
    box-shadow: 0px 0px 3px 3px #ec731e;
    webkit-box-shadow: 0px 0px 5px 5px #ec731e;
    transform: rotate(360deg);
    webkit-transform: rotate(360deg);
}	
#perr2{
	float:left;
	margin-left:5%;
	margin-bottom:2%;
	padding-left:1%;
	padding-right:1%;
	padding-bottom:1%;
	padding-top:1%;	
}
#perr2:hover{	
	border-radius:10px;
    webkit-border-radius:2%;
    box-shadow: 0px 0px 3px 3px #ec731e;
    webkit-box-shadow: 0px 0px 5px 5px #ec731e;
    transform: rotate(360deg);
    webkit-transform: rotate(360deg);
}	
#perr3{
	float:left;
	margin-left:5%;	
	margin-bottom:2%;
	padding-left:1%;
	padding-right:1%;
	padding-bottom:1%;
	padding-top:1%;
}
#perr3:hover{	
	border-radius:10px;
    webkit-border-radius:2%;
    box-shadow: 0px 0px 3px 3px #ec731e;
    webkit-box-shadow: 0px 0px 5px 5px #ec731e;
    transform: rotate(360deg);
    webkit-transform: rotate(360deg);
}			
#perr4{
	float:left;
	margin-left:5%;
	margin-bottom:2%;
	padding-left:1%;
	padding-right:1%;
	padding-bottom:1%;
	padding-top:1%;
}
#perr4:hover{	
	border-radius:10px;
    webkit-border-radius:2%;
    box-shadow: 0px 0px 3px 3px #ec731e;
    webkit-box-shadow: 0px 0px 5px 5px #ec731e;
    transform: rotate(360deg);
    webkit-transform: rotate(360deg);
}		

/*--servicios--*/
.titulo2{
	float:left;
	margin-left:30%;
	margin-right:10%;
	margin-top:1%;
	margin-bottom:2%;
	}
 #aten{	
    float:left;
    margin-left:7%;
    width:85%;
    height:auto;
	margin-top:1%;
	margin-bottom:1%;
}

#foto1{
	float:left;	
    margin-left:25%;
	margin-top:1%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	box-shadow: 2px 2px 5px #231f20;
	border-radius: 10px;
	padding:1% 1%;
	
}

#foto2{	
    float:left;
    margin-left:25%;
	margin-top:8%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:1% 1%;
	
}
#pelu{
	float:left;	
    margin-left:7%;
    width:85%;
    height:auto;
	margin-top:3%;
	margin-bottom:1%;
}

#rayo{	
    margin-left:7%;
    width:85%;
    height:auto;
	margin-top:3%;
	margin-bottom:15px;
}

#foto3{	
    float:left;
    margin-left:25%;
	margin-top:5%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:1% 1%;
}

#foto4{
	float:left;
    margin-left:25%;
	margin-top:8%;
	margin-bottom:20px;
	border-bottom-width: 2px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:1% 1%;
}

#hosp{
	float:left;	
    margin-left:7%;
    width:85%;
    height:auto;
	margin-top:3%;
	margin-bottom:1%;
}

#eco{
	float:left;	
    margin-left:7%;
    width:85%;
    height:auto;
	margin-top:3%;
	margin-bottom:20px;
}

#foto5{	
    float:left;
    margin-left:25%;
	margin-top:5%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:1% 1%;
}

#foto6{	
    float:left;
    margin-left:25%;
	margin-top:8%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:1% 1%;
}

#cirg{
	float:left;	
    margin-left:7%;
    width:85%;
    height:auto;
	margin-top:3%;
	margin-bottom:1%;
}

#lim{
	float:left;	
    margin-left:7%;
    width:85%;
    height:auto;
	margin-top:3%;
	margin-bottom:1%;
}

#foto7{
	float:left;	
    margin-left:25%;
	margin-top:5%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:1% 1%;
}

#foto8{	
    float:left;
    margin-left:25%;
	margin-top:8%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:1% 1%;
}

#hodj{
	float:left;	
    margin-left:7%;
    width:85%;
    height:auto;
	margin-top:3%;
	margin-bottom:1%;
}

#reprod{
	float:left;	
    margin-left:7%;
    width:85%;
    height:auto;
	margin-top:3%;
	margin-bottom:1%;
}

#foto9{
	float:left;
    margin-left:25%;
	margin-top:8%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:1% 1%;
}

/*--corporativo--*/	
.titulo3{
	float:left;
	margin-left:30%;
	margin-right:10%;
	margin-top:1%;
	margin-bottom:2%;
	}
#fils{
	float:left;	
    margin-left:5%;
	margin-right:10%;
	width:85%;
    height:auto;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:2%;
	padding-left:2%;
	padding-right:2%;
	padding-top:2%;
}

#pas{
	margin-left:5%;
	margin-right:10%;
	width:85%;
	height:auto;
	margin-top:5%;
	margin-bottom:5%;
	text-align:justify;
	border-bottom-width: 2%;
	border-radius:10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:2%;
	padding-left:2%;
	padding-right:2%;
	padding-top:2%;
}
		
#mis{
	margin-left:5%;
	margin-right:10%;
	width:85%;
	height:auto;
	margin-top:5%;
	margin-bottom:5%;
	text-align:justify;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:2%;
	padding-left:2%;
	padding-right:2%;
	padding-top:2%;
	}

#vis{
	margin-left:5%;
	margin-right:10%;
	width:85%;
	height:auto;
	margin-top:8%;
	margin-bottom:5%;
	text-align:justify;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:2%;
	padding-left:2%;
	padding-right:2%;
	padding-top:2%;
	}
	
#barrita{
	background-color: #b22d00;
	float: left;
	height: 3px;
	width: 90%;
	margin-top: 15px;
	margin-right: 5%;
	margin-bottom: 15px;
	margin-left: 5%;
	}

/*--operaciones--*/
.titulo4{
	float:left;
	margin-left:30%;
	margin-right:10%;
	margin-top:1%;
	margin-bottom:2%;
	}
.fotos{
	height: auto;
	float: left;
	padding-top: 35px;
	margin-top: 20px;
	margin-right: 10px;
	margin-left:15px;
	margin-bottom: 10px;
	border-bottom-width: 2px;
	box-shadow: 2px 2px 5px #231f20;
	border-radius: 10px;
	text-align: center;
	padding:1% 1%;
}	

/*--productos--*/
.titulo5{
	float:left;
	margin-left:30%;
	margin-right:10%;
	margin-top:1%;
	margin-bottom:2%;
	}
.produc{
	height: auto;
	float: left;
	margin-top: 1%;
	margin-right: 30px;
	margin-left:165px;
	margin-bottom: 1%;
	border-bottom-width: 1%;
	box-shadow: 2px 2px 5px #231f20;
	border-radius:10px;
	text-align:center;
	padding:1% 1%;
	
}		
/*--politicas--*/
.titulo6{
	float:left;
	margin-left:30%;
	margin-right:10%;
	margin-top:1%;
	margin-bottom:2%;
	}
#queri{
	float:left;
	width:85%;
	height:auto;
	margin-left:5%;
	margin-right:10%;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:2%;
	padding-left:2%;
	padding-right:2%;
	padding-top:2%;
}
	
#poli{
	float:left;
	width:85%;
	height:auto;
	margin-left:5%;
	margin-right:10%;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:2%;
	padding-left:2%;
	padding-right:2%;
	padding-top:2%;
}	

#pri{
	float:left;
	width:85%;
	height:auto;
	margin-left:5%;
	margin-right:10%;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:2%;
	padding-left:2%;
	padding-right:2%;
	padding-top:2%;
}

#pasi{
	float:left;
    width:85%;
	height:auto;
	margin-left:5%;
	margin-right:10%;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:2%;
	padding-left:2%;
	padding-right:2%;
	padding-top:2%;
}

.mensaje{
	float:left;
	margin-left:10%;
	margin-right:10%;
	text-align:center;
	margin-top:2%;
	margin-bottom:7%;
	}

/*--- contactenos ---*/
.titulo7{
	float:left;
	margin-left:30%;
	margin-top:1%;
	margin-bottom:2%;
	}
.mapa{
	height: auto;
	width: 99.5%;	
}
		
/* --- Pie pagina ---*/
footer{
	float: left;
	background-color: #402000;
	height: auto;
	width: 100%;
	padding-bottom: 20px;
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFB973;
	border-bottom-color: #FFB973;
	margin-left: 0px;
	margin-right: 5px;
	
	}

.dir4{
	height: 50px;
	width:250px;
	float: left;
	padding-top: 35px;
	margin-top: 20px;
	margin-right: 20px;
	margin-left:200px;
	margin-bottom:25px;	
	text-align: center;
	}

#derechos{
	float: left;
	width: 55%;
	margin-left: 25%;
	height: auto;
	}
	
}

@media only screen and (max-width:535px){
    
		/*--- Maquetacion ---*/
	#contenedor{
	width:100%;
	
	}

.rotacion{
	display:flex;
	width:100%;	
	}
#logo{
	float: left;
	margin-top: 5%;
	margin-bottom:1%;
	margin-left: 15%;
	width:auto;
	}
#logo img{
	width: 90%;
	height: auto;
	}

#dir1{
	float: left;
	margin-top:5%;
	margin-left:5%;
	margin-bottom:1%;	
	}
#dir2{
	float: left;
	margin-top:5%;
	margin-left:5%;
	margin-bottom:1%;	
	}
	
#dir3{
	float: left;
	margin-top:5%;
	margin-left:5%;
	margin-bottom:1%;
	}

	
.flotante {
	display: scroll;
	position: fixed;
	bottom: 0px;
	right: 0px;
	z-index: 999;
}


.menu{
	margin-left:1%;
	margin-top:1%;
	width:515px;
	}

/*--perfil--*/
#cuerpo{
	background-repeat: no-repeat;
	background-image: url(../imagenes/fondo.jpg);
	margin-top: 1%;
	margin-bottom: 1%;
	padding-top: 5%;
	padding-bottom: 5%;
	background-attachment: fixed;
	}
.titulo1{
	float:left;
	margin-left:25%;
	margin-right:10%;
	margin-top:1%;
	margin-bottom:5%;
	}

#perf{
	float:left;
	margin-left:7%;
	width:85%;
	height:auto;
	text-align: justify;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:2%;
	padding-left:2%;
	padding-right:2%;
	padding-top:2%;
	}
#derm{
	float:left;
	margin-left:7%;
	width:85%;
	height:auto;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding: 2% 2%;
	}
	
#ftdm{
	float:left;	
    margin-left:18%;
	margin-top:3%;
	margin-bottom:1%;
	border-bottom-width: 2%;
	border-radius:10px;
	box-shadow: 2px 2px 5px #555;
	padding: 1% 1%;
	}
#ftdm img{
	border-radius:10px;
	}
#oftal{
	float:left;
	margin-left:7%;
	width:85%;
	height:auto;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding: 2% 2%;
	}
#ftof{
	float:left;	
    margin-left:18%;
	margin-top:3%;
	margin-bottom:1%;
	border-bottom-width: 2%;
	border-radius:10px;
	box-shadow: 2px 2px 5px #555;
	padding: 1% 1%;
	}
#ftof img{
	border-radius:10px;
	}	

#endos{
	float:left;
	margin-left:7%;
	width:85%;
	height:auto;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding: 2% 2%;
	}
#fteds{
	float:left;	
    margin-left:18%;
	margin-top:3%;
	margin-bottom:1%;
	border-bottom-width: 2%;
	border-radius:10px;
	box-shadow: 2px 2px 5px #555;
	padding: 1% 1%;
	}
#fteds img{
	border-radius:10px;
	}
#ecofi{
	float:left;
	margin-left:7%;
	width:85%;
	height:auto;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding: 2% 2%;
	}
#fteco{
	float:left;	
    margin-left:18%;
	margin-top:3%;
	margin-bottom:1%;
	border-bottom-width: 2%;
	border-radius:10px;
	box-shadow: 2px 2px 5px #555;
	padding: 1% 1%;
	}
#fteco img{
	border-radius:5%;
	}
#rehab{
	float:left;
	margin-left:7%;
	width:85%;
	height:auto;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding: 2% 2%;
	}
#ftrhb{
	float:left;	
    margin-left:18%;
	margin-top:3%;
	margin-bottom:1%;
	border-bottom-width: 2%;
	border-radius:10px;
	box-shadow: 2px 2px 5px #555;
	padding: 1% 1%;
	}
#ftrhb img{
	border-radius:10px;
	}	
.ico{
	height: auto;
	width:150px;
	float: left;
	padding-top: 35px;
	margin-top: 20px;
	margin-right:20px;
	margin-left: 60px;
	margin-bottom:25px;	
	text-align: center;
	padding-right: 10px;
	padding-left: 10px;
	border-bottom-style: groove;
	border-bottom-color: #8c4600;
}

#perr1{
	float:left;
	margin-left:25%;
	margin-bottom:2%;
	padding-left:1%;
	padding-right:1%;
	padding-bottom:1%;
	padding-top:1%;
	
	}
#perr1:hover{	
	border-radius:10px;
    webkit-border-radius:2%;
    box-shadow: 0px 0px 3px 3px #ec731e;
    webkit-box-shadow: 0px 0px 5px 5px #ec731e;
    transform: rotate(360deg);
    webkit-transform: rotate(360deg);
}	
#perr2{
	float:left;
	margin-left:25%;
	margin-bottom:2%;
	padding-left:1%;
	padding-right:1%;
	padding-bottom:1%;
	padding-top:1%;	
}
#perr2:hover{	
	border-radius:10px;
    webkit-border-radius:2%;
    box-shadow: 0px 0px 3px 3px #ec731e;
    webkit-box-shadow: 0px 0px 5px 5px #ec731e;
    transform: rotate(360deg);
    webkit-transform: rotate(360deg);
}	
#perr3{
	float:left;
	margin-left:25%;	
	margin-bottom:2%;
	padding-left:1%;
	padding-right:1%;
	padding-bottom:1%;
	padding-top:1%;
}
#perr3:hover{	
	border-radius:10px;
    webkit-border-radius:2%;
    box-shadow: 0px 0px 3px 3px #ec731e;
    webkit-box-shadow: 0px 0px 5px 5px #ec731e;
    transform: rotate(360deg);
    webkit-transform: rotate(360deg);
}			
#perr4{
	float:left;
	margin-left:25%;
	margin-bottom:2%;
	padding-left:1%;
	padding-right:1%;
	padding-bottom:1%;
	padding-top:1%;
}
#perr4:hover{	
	border-radius:10px;
    webkit-border-radius:2%;
    box-shadow: 0px 0px 3px 3px #ec731e;
    webkit-box-shadow: 0px 0px 5px 5px #ec731e;
    transform: rotate(360deg);
    webkit-transform: rotate(360deg);
}		

/*--servicios--*/
.titulo2{
	float:left;
	margin-left:25%;
	margin-right:10%;
	margin-top:1%;
	margin-bottom:5%;
	}
 #aten{	
    float:left;
    margin-left:5%;
    width:85%;
    height:auto;
	margin-top:1%;
	margin-bottom:1%;
}

#foto1{
	float:left;	
    margin-left:17%;
	margin-top:1%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	box-shadow: 2px 2px 5px #231f20;
	border-radius: 10px;
	padding:1% 1%;
	
}

#foto2{	
    float:left;
    margin-left:17%;
	margin-top:8%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:1% 1%;
}
#pelu{
	float:left;	
    margin-left:5%;
    width:85%;
    height:auto;
	margin-top:3%;
	margin-bottom:1%;
}

#rayo{	
    margin-left:5%;
    width:85%;
    height:auto;
	margin-top:3%;
	margin-bottom:15px;
}

#foto3{	
    float:left;
    margin-left:17%;
	margin-top:5%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:1% 1%;
}

#foto4{
	float:left;
    margin-left:17%;
	margin-top:8%;
	margin-bottom:20px;
	border-bottom-width: 2px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:1% 1%;
}

#hosp{
	float:left;	
    margin-left:5%;
    width:85%;
    height:auto;
	margin-top:3%;
	margin-bottom:1%;
}

#eco{
	float:left;	
    margin-left:5%;
    width:85%;
    height:auto;
	margin-top:3%;
	margin-bottom:20px;
}

#foto5{	
    float:left;
    margin-left:17%;
	margin-top:5%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:1% 1%;
}

#foto6{	
    float:left;
    margin-left:17%;
	margin-top:8%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:1% 1%;
}

#cirg{
	float:left;	
    margin-left:5%;
    width:85%;
    height:auto;
	margin-top:3%;
	margin-bottom:1%;
}

#lim{
	float:left;	
    margin-left:5%;
    width:85%;
    height:auto;
	margin-top:3%;
	margin-bottom:1%;
}

#foto7{
	float:left;	
    margin-left:17%;
	margin-top:5%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:1% 1%;
}

#foto8{	
    float:left;
    margin-left:17%;
	margin-top:8%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:1% 1%;
}

#hodj{
	float:left;	
    margin-left:5%;
    width:85%;
    height:auto;
	margin-top:3%;
	margin-bottom:1%;
}

#reprod{
	float:left;	
    margin-left:5%;
    width:85%;
    height:auto;
	margin-top:3%;
	margin-bottom:1%;
}

#foto9{
	float:left;
    margin-left:17%;
	margin-top:8%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:1% 1%;
}

/*--corporativo--*/	
.titulo3{
	float:left;
	margin-left:25%;
	margin-right:10%;
	margin-top:1%;
	margin-bottom:5%;
	}
#fils{
	float:left;	
    margin-left:5%;
	width:85%;
    height:auto;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 5%;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:2%;
	padding-left:2%;
	padding-right:2%;
	padding-top:2%;
}

#pas{
	margin-left:5%;
    width:85%;
	height:auto;
	margin-top:5%;
	margin-bottom:5%;
	text-align:justify;
	border-bottom-width: 2%;
	border-radius: 5%;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:2%;
	padding-left:2%;
	padding-right:2%;
	padding-top:2%;
}
		
#mis{
	margin-left:5%;
    width:85%;
	height:auto;
	margin-top:5%;
	margin-bottom:5%;
	text-align:justify;
	border-bottom-width: 2%;
	border-radius: 5%;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:2%;
	padding-left:2%;
	padding-right:2%;
	padding-top:2%;
	}

#vis{
	margin-left:5%;
    width:85%;
	height:auto;
	margin-top:8%;
	margin-bottom:5%;
	text-align:justify;
	border-bottom-width: 2%;
	border-radius: 5%;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:2%;
	padding-left:2%;
	padding-right:2%;
	padding-top:2%;
	}
	
#barrita{
	background-color: #b22d00;
	float: left;
	height: 3px;
	width: 90%;
	margin-top: 15px;
	margin-right: 5%;
	margin-bottom: 15px;
	margin-left: 5%;
	}

/*--operaciones--*/
.titulo4{
	float:left;
	margin-left:25%;
	margin-right:10%;
	margin-top:1%;
	margin-bottom:5%;
	}
.fotos{
	height: auto;
	float: left;
	padding-top: 35px;
	margin-top: 20px;
	margin-right: 10px;
	margin-left:120px;
	margin-bottom: 10px;
	border-bottom-width: 2px;
	box-shadow: 2px 2px 5px #231f20;
	border-radius: 10px;
	text-align: center;
	padding:2% 2%;
}	

/*--productos--*/
.titulo5{
	float:left;
	margin-left:25%;
	margin-right:10%;
	margin-top:1%;
	margin-bottom:5%;
	}
.produc{
	height: auto;
	float: left;
	margin-top: 1%;
	margin-right: 30px;
	margin-left:100px;
	margin-bottom: 1%;
	border-bottom-width: 1%;
	box-shadow: 2px 2px 5px #231f20;
	border-radius: 10px;
	text-align:center;
	padding:2% 2%;
	
}		
/*--politicas--*/
.titulo6{
	float:left;
	margin-left:25%;
	margin-right:10%;
	margin-top:1%;
	margin-bottom:5%;
	}
#queri{
	float:left;
	width:85%;
	height:auto;
	margin-left:5%;
	margin-right:10%;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 5%;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:2%;
	padding-left:2%;
	padding-right:2%;
	padding-top:2%;
}
	
#poli{
	float:left;
	width:85%;
	height:auto;
	margin-left:5%;
	margin-right:10%;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 5%;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:2%;
	padding-left:2%;
	padding-right:2%;
	padding-top:2%;
}	

#pri{
	float:left;
	width:85%;
	height:auto;
	margin-left:5%;
	margin-right:10%;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 5%;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:2%;
	padding-left:2%;
	padding-right:2%;
	padding-top:2%;
}

#pasi{
	float:left;
    width:85%;
	height:auto;
	margin-left:5%;
	margin-right:10%;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 5%;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:2%;
	padding-left:2%;
	padding-right:2%;
	padding-top:2%;
}

.mensaje{
	float:left;
	margin-left:10%;
	margin-right:10%;
	text-align:center;
	margin-top:2%;
	margin-bottom:7%;
	}

/*--- contactenos ---*/
.titulo7{
	float:left;
	margin-left:25%;
	margin-top:1%;
	margin-bottom:5%;
	}
.mapa{
	height: auto;
	width: 99.5%;	
}
		
/* --- Pie pagina ---*/
footer{
	float: left;
	background-color: #663300;
	height: auto;
	width: 100%;
	padding-bottom: 20px;
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFB973;
	border-bottom-color: #FFB973;
	margin-left: 0px;
	margin-right: 5px;
	
	}

.dir4{
	height: 50px;
	width:250px;
	float: left;
	padding-top: 35px;
	margin-top: 20px;
	margin-right: 20px;
	margin-left:150px;
	margin-bottom:25px;	
	text-align: center;
	}

#derechos{
	float: left;
	width: 70%;
	margin-left: 20%;
	height: auto;

	}
	
}

@media only screen and (max-width:480px){
	/*--- Maquetacion ---*/
	#contenedor{
	width:100%;
	
	}
	
.rotacion{
	display:flex;
	width:100%;	
	}


#logo{
	float: left;
	margin-top: 5%;
	margin-bottom:1%;
	margin-left: 30%;
	width:auto;
	}
#logo img{
	width: 100%;
	height: auto;
	}

#dir1{
	float: left;
	margin-top:5%;
	margin-left:5%;
	margin-bottom:1%;	
	}
#dir2{
	float: left;
	margin-top:5%;
	margin-left:5%;
	margin-bottom:1%;	
	}
	
#dir3{
	float: left;
	margin-top:5%;
	margin-left:25%;
	margin-bottom:1%;
	}
	
.flotante {
	display: scroll;
	position: fixed;
	bottom: 0px;
	right: 10px;
	z-index: 999;
}


.menu{
	margin-left:1%;
	margin-top:1%;
	width:470px;
	}

/*--perfil--*/
#cuerpo{
	background-repeat: no-repeat;
	background-image: url(../imagenes/fondo.jpg);
	margin-top: 1%;
	margin-bottom: 1%;
	padding-top: 5%;
	padding-bottom: 5%;
	background-attachment: fixed;
	}
.titulo1{
	float:left;
	margin-left:25%;
	margin-right:10%;
	margin-top:1%;
	margin-bottom:5%;
	}

#perf{
	float:left;
	margin-left:7%;
	width:84%;
	height:auto;
	text-align: justify;
	border-bottom-width: 2%;
	border-radius:10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:2%;
	padding-left:2%;
	padding-right:2%;
	padding-top:2%;
	}
#derm{
	float:left;
	margin-left:7%;
	width:84%;
	height:auto;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding: 2% 2%;
	}
	
#ftdm{
	float:left;	
    margin-left:13%;
	margin-top:3%;
	margin-bottom:1%;
	border-bottom-width: 2%;
	border-radius:10px;
	box-shadow: 2px 2px 5px #555;
	padding: 1% 1%;
	}
#ftdm img{
	border-radius:10px;
	}
#oftal{
	float:left;
	margin-left:7%;
	width:84%;
	height:auto;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding: 2% 2%;
	}
#ftof{
	float:left;	
    margin-left:13%;
	margin-top:3%;
	margin-bottom:1%;
	border-bottom-width: 2%;
	border-radius:10px;
	box-shadow: 2px 2px 5px #555;
	padding: 1% 1%;
	}
#ftof img{
	border-radius:10px;
	}	

#endos{
	float:left;
	margin-left:7%;
	width:84%;
	height:auto;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding: 2% 2%;
	}
#fteds{
	float:left;	
    margin-left:13%;
	margin-top:3%;
	margin-bottom:1%;
	border-bottom-width: 2%;
	border-radius:10px;
	box-shadow: 2px 2px 5px #555;
	padding: 1% 1%;
	}
#fteds img{
	border-radius:10px;
	}
#ecofi{
	float:left;
	margin-left:7%;
	width:84%;
	height:auto;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding: 2% 2%;
	}
#fteco{
	float:left;	
    margin-left:13%;
	margin-top:3%;
	margin-bottom:1%;
	border-bottom-width: 2%;
	border-radius:10px;
	box-shadow: 2px 2px 5px #555;
	padding: 1% 1%;
	}
#fteco img{
	border-radius:10px;
	}
#rehab{
	float:left;
	margin-left:7%;
	width:84%;
	height:auto;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding: 2% 2%;
	}
#ftrhb{
	float:left;	
    margin-left:13%;
	margin-top:3%;
	margin-bottom:1%;
	border-bottom-width: 2%;
	border-radius:10px;
	box-shadow: 2px 2px 5px #555;
	padding: 1% 1%;
	}
#ftrhb img{
	border-radius:10px;
	}	
.ico{
	height: auto;
	width:150px;
	float: left;
	padding-top: 35px;
	margin-top: 20px;
	margin-right:20px;
	margin-left: 35px;
	margin-bottom:25px;	
	text-align: center;
	padding-right: 10px;
	padding-left: 10px;
	border-bottom-style: groove;
	border-bottom-color: #8c4600;
}

#perr1{
	float:left;
	margin-left:25%;
	margin-bottom:2%;
	padding-left:1%;
	padding-right:1%;
	padding-bottom:1%;
	padding-top:1%;
	
	}
#perr1:hover{	
	border-radius:10px;
    webkit-border-radius:2%;
    box-shadow: 0px 0px 3px 3px #ec731e;
    webkit-box-shadow: 0px 0px 5px 5px #ec731e;
    transform: rotate(360deg);
    webkit-transform: rotate(360deg);
}	
#perr2{
	float:left;
	margin-left:25%;
	margin-bottom:2%;
	padding-left:1%;
	padding-right:1%;
	padding-bottom:1%;
	padding-top:1%;	
}
#perr2:hover{	
	border-radius:10px;
    webkit-border-radius:2%;
    box-shadow: 0px 0px 3px 3px #ec731e;
    webkit-box-shadow: 0px 0px 5px 5px #ec731e;
    transform: rotate(360deg);
    webkit-transform: rotate(360deg);
}	
#perr3{
	float:left;
	margin-left:25%;	
	margin-bottom:2%;
	padding-left:1%;
	padding-right:1%;
	padding-bottom:1%;
	padding-top:1%;
}
#perr3:hover{	
	border-radius:10px;
    webkit-border-radius:2%;
    box-shadow: 0px 0px 3px 3px #ec731e;
    webkit-box-shadow: 0px 0px 5px 5px #ec731e;
    transform: rotate(360deg);
    webkit-transform: rotate(360deg);
}			
#perr4{
	float:left;
	margin-left:25%;
	margin-bottom:2%;
	padding-left:1%;
	padding-right:1%;
	padding-bottom:1%;
	padding-top:1%;
}
#perr4:hover{	
	border-radius:10px;
    webkit-border-radius:2%;
    box-shadow: 0px 0px 3px 3px #ec731e;
    webkit-box-shadow: 0px 0px 5px 5px #ec731e;
    transform: rotate(360deg);
    webkit-transform: rotate(360deg);
}		

/*--servicios--*/
.titulo2{
	float:left;
	margin-left:25%;
	margin-right:10%;
	margin-top:1%;
	margin-bottom:5%;
	}
 #aten{	
    float:left;
    margin-left:7%;
    width:85%;
    height:auto;
	margin-top:1%;
	margin-bottom:1%;
}

#foto1{
	float:left;	
    margin-left:14%;
	margin-top:1%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	box-shadow: 2px 2px 5px #231f20;
	border-radius: 5px;
	
}

#foto2{	
    float:left;
    margin-left:14%;
	margin-top:8%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	border-radius: 5px;
	box-shadow: 2px 2px 5px #231f20;
	
}
#pelu{
	float:left;	
    margin-left:7%;
    width:85%;
    height:auto;
	margin-top:3%;
	margin-bottom:1%;
}

#rayo{	
    margin-left:7%;
    width:85%;
    height:auto;
	margin-top:3%;
	margin-bottom:15px;
}

#foto3{	
    float:left;
    margin-left:14%;
	margin-top:5%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	border-radius: 5px;
	box-shadow: 2px 2px 5px #231f20;
}

#foto4{
	float:left;
    margin-left:14%;
	margin-top:8%;
	margin-bottom:20px;
	border-bottom-width: 2px;
	border-radius: 5px;
	box-shadow: 2px 2px 5px #231f20;
}

#hosp{
	float:left;	
    margin-left:7%;
    width:85%;
    height:auto;
	margin-top:3%;
	margin-bottom:1%;
}

#eco{
	float:left;	
    margin-left:7%;
    width:85%;
    height:auto;
	margin-top:3%;
	margin-bottom:20px;
}

#foto5{	
    float:left;
    margin-left:14%;
	margin-top:5%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	border-radius: 5px;
	box-shadow: 2px 2px 5px #231f20;
}

#foto6{	
    float:left;
    margin-left:14%;
	margin-top:8%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	border-radius: 5px;
	box-shadow: 2px 2px 5px #231f20;
}

#cirg{
	float:left;	
    margin-left:7%;
    width:85%;
    height:auto;
	margin-top:3%;
	margin-bottom:1%;
}

#lim{
	float:left;	
    margin-left:7%;
    width:85%;
    height:auto;
	margin-top:3%;
	margin-bottom:1%;
}

#foto7{
	float:left;	
    margin-left:14%;
	margin-top:5%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	border-radius: 5px;
	box-shadow: 2px 2px 5px #231f20;
}

#foto8{	
    float:left;
    margin-left:14%;
	margin-top:8%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	border-radius: 5px;
	box-shadow: 2px 2px 5px #231f20;
}

#hodj{
	float:left;	
    margin-left:7%;
    width:85%;
    height:auto;
	margin-top:3%;
	margin-bottom:1%;
}

#reprod{
	float:left;	
    margin-left:10%;
    width:80%;
    height:auto;
	margin-top:3%;
	margin-bottom:1%;
}

#foto9{
	float:left;
    margin-left:14%;
	margin-top:8%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	border-radius: 5px;
	box-shadow: 2px 2px 5px #231f20;
}

/*--corporativo--*/	
.titulo3{
	float:left;
	margin-left:25%;
	margin-right:10%;
	margin-top:1%;
	margin-bottom:5%;
	}
#fils{
	float:left;	
    margin-left:6%;
	width:85%;
    height:auto;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 5%;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:2%;
	padding-left:2%;
	padding-right:2%;
	padding-top:2%;
}

#pas{
	margin-left:6%;
    width:85%;
	height:auto;
	margin-top:5%;
	margin-bottom:5%;
	text-align:justify;
	border-bottom-width: 2%;
	border-radius: 5%;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:2%;
	padding-left:2%;
	padding-right:2%;
	padding-top:2%;
}
		
#mis{
	margin-left:6%;
    width:85%;
	height:auto;
	margin-top:5%;
	margin-bottom:5%;
	text-align:justify;
	border-bottom-width: 2%;
	border-radius: 5%;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:1%;
	padding-left:2%;
	padding-right:2%;
	padding-top:2%;
	}

#vis{
	margin-left:6%;
    width:85%;
	height:auto;
	margin-top:8%;
	margin-bottom:5%;
	text-align:justify;
	border-bottom-width: 2%;
	border-radius: 5%;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:2%;
	padding-left:2%;
	padding-right:2%;
	padding-top:2%;
	}
	
#barrita{
	background-color: #b22d00;
	float: left;
	height: 3px;
	width: 90%;
	margin-top: 15px;
	margin-right: 5%;
	margin-bottom: 15px;
	margin-left: 5%;
	}

/*--operaciones--*/
.titulo4{
	float:left;
	margin-left:25%;
	margin-right:10%;
	margin-top:1%;
	margin-bottom:5%;
	}
.fotos{
	height: auto;
	float: left;
	padding-top: 35px;
	margin-top: 20px;
	margin-right: 10px;
	margin-left:100px;
	margin-bottom: 10px;
	border-bottom-width: 2px;
	box-shadow: 2px 2px 5px #231f20;
	border-radius: 10px;
	text-align: center;
	padding:2% 2%;
	
}	

/*--productos--*/
.titulo5{
	float:left;
	margin-left:25%;
	margin-right:10%;
	margin-top:1%;
	margin-bottom:5%;
	}
.produc{
	height: auto;
	float: left;
	margin-top: 1%;
	margin-right: 30px;
	margin-left:80px;
	margin-bottom: 1%;
	border-bottom-width: 1%;
	box-shadow: 2px 2px 5px #231f20;
	border-radius: 10px;
	text-align:center;
	padding:2% 2%;
	
}		
/*--politicas--*/
.titulo6{
	float:left;
	margin-left:25%;
	margin-right:10%;
	margin-top:1%;
	margin-bottom:5%;
	}
#queri{
	float:left;
	width:85%;
	height:auto;
	margin-left:6%;
	margin-right:10%;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 5%;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:2%;
	padding-left:2%;
	padding-right:2%;
	padding-top:2%;
}
	
#poli{
	float:left;
	width:85%;
	height:auto;
	margin-left:6%;
	margin-right:10%;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 5%;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:2%;
	padding-left:2%;
	padding-right:2%;
	padding-top:2%;
}	

#pri{
	float:left;
	width:85%;
	height:auto;
	margin-left:6%;
	margin-right:10%;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 5%;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:2%;
	padding-left:2%;
	padding-right:2%;
	padding-top:2%;
}

#pasi{
	float:left;
    width:85%;
	height:auto;
	margin-left:6%;
	margin-right:10%;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 5%;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:2%;
	padding-left:2%;
	padding-right:2%;
	padding-top:2%;
}

.mensaje{
	float:left;
	margin-left:10%;
	margin-right:10%;
	text-align:center;
	margin-top:2%;
	margin-bottom:5%;
	}

/*--- contactenos ---*/
.titulo7{
	float:left;
	margin-left:25%;
	margin-top:1%;
	margin-bottom:5%;
	}
.mapa{
	height: auto;
	width: 99.5%;	
}
.cor1{
	float:left;
	margin-left:15%;
	width:70%;
	height:auto;
}
/* --- Pie pagina ---*/
footer{
	float: left;
	background-color: #663300;
	height: auto;
	width: 100%;
	padding-bottom: 20px;
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFB973;
	border-bottom-color: #FFB973;
	margin-left: 0px;
	margin-right: 5px;
	
	}

.dir4{
	height: 50px;
	width:250px;
	float: left;
	padding-top: 35px;
	margin-top: 20px;
	margin-right: 20px;
	margin-left:105px;
	margin-bottom:25px;	
	text-align: center;
	}

#derechos{
	float: left;
	width: 70%;
	margin-left: 15%;
	height: auto;


	}
			
}
	
	
@media only screen and (max-width:414px){
	
	/*--- Maquetacion ---*/
	#contenedor{
	width:100%;
	}
	
	
.rotacion{
	display:flex;
	width:100%;	
	}


#logo{
	float: left;
	margin-top: 5%;
	margin-bottom:1%;
	margin-left: 30%;
	width:auto;
	}
#logo img{
	width: 100%;
	height: auto;
	}

#dir1{
	float: left;
	margin-top:5%;
	margin-left:25%;
	margin-bottom:1%;	
	}
#dir2{
	float: left;
	margin-top:5%;
	margin-left:25%;
	margin-bottom:1%;	
	}
	
#dir3{
	float: left;
	margin-top:5%;
	margin-left:25%;
	margin-bottom:1%;
	}
	
.flotante {
	display: scroll;
	position: fixed;
	bottom: 0px;
	right: 0px;
	z-index: 999;
}


.menu{
	margin-left:1%;
	margin-top:1%;
	width:400px;
	}

/*--perfil--*/
#cuerpo{
	background-repeat: no-repeat;
	background-image: url(../imagenes/fondo.jpg);
	margin-top: 1%;
	margin-bottom: 1%;
	padding-top: 5%;
	padding-bottom: 5%;
	background-attachment: fixed;
	}
.titulo1{
	float:left;
	margin-left:20%;
	margin-right:10%;
	margin-top:1%;
	margin-bottom:5%;
	}

#perf{
	float:left;
	margin-left:6%;
	width:85%;
	height:auto;
	text-align: justify;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:2%;
	padding-left:2%;
	padding-right:2%;
	padding-top:2%;
	}
#derm{
	float:left;
	margin-left:6%;
	width:85%;
	height:auto;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding: 2% 2%;
	}
	
#ftdm{
	float:left;	
    margin-left:8%;
	margin-top:3%;
	margin-bottom:1%;
	border-bottom-width: 2%;
	border-radius:10px;
	box-shadow: 2px 2px 5px #555;
	padding: 1% 1%;
	}
#ftdm img{
	border-radius:10px;
	}
#oftal{
	float:left;
	margin-left:6%;
	width:85%;
	height:auto;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding: 2% 2%;
	}
#ftof{
	float:left;	
    margin-left:8%;
	margin-top:3%;
	margin-bottom:1%;
	border-bottom-width: 2%;
	border-radius:10px;
	box-shadow: 2px 2px 5px #555;
	padding: 1% 1%;
	}
#ftof img{
	border-radius:10px;
	}	

#endos{
	float:left;
	margin-left:6%;
	width:85%;
	height:auto;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding: 2% 2%;
	}
#fteds{
	float:left;	
    margin-left:8%;
	margin-top:3%;
	margin-bottom:1%;
	border-bottom-width: 2%;
	border-radius:10px;
	box-shadow: 2px 2px 5px #555;
	padding: 1% 1%;
	}
#fteds img{
	border-radius:10px;
	}
#ecofi{
	float:left;
	margin-left:6%;
	width:85%;
	height:auto;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding: 2% 2%;
	}
#fteco{
	float:left;	
    margin-left:8%;
	margin-top:3%;
	margin-bottom:1%;
	border-bottom-width: 2%;
	border-radius:10px;
	box-shadow: 2px 2px 5px #555;
	padding: 1% 1%;
	}
#fteco img{
	border-radius:10px;
	}
#rehab{
	float:left;
	margin-left:6%;
	width:85%;
	height:auto;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding: 2% 2%;
	}
#ftrhb{
	float:left;	
    margin-left:8%;
	margin-top:3%;
	margin-bottom:1%;
	border-bottom-width: 2%;
	border-radius:10px;
	box-shadow: 2px 2px 5px #555;
	padding: 1% 1%;
	}
#ftrhb img{
	border-radius:10px;
	}	
.ico{
	height: auto;
	width:150px;
	float: left;
	padding-top: 35px;
	margin-top: 20px;
	margin-right:10px;
	margin-left: 25px;
	margin-bottom:25px;	
	text-align: center;
	padding-right: 10px;
	padding-left: 10px;
	border-bottom-style: groove;
	border-bottom-color: #8c4600;
}

#perr1{
	float:left;
	margin-left:20%;
	margin-bottom:2%;
	padding-left:1%;
	padding-right:1%;
	padding-bottom:1%;
	padding-top:1%;
	
	}
#perr1:hover{	
	border-radius:10px;
    webkit-border-radius:2%;
    box-shadow: 0px 0px 3px 3px #ec731e;
    webkit-box-shadow: 0px 0px 5px 5px #ec731e;
    transform: rotate(360deg);
    webkit-transform: rotate(360deg);
}	
#perr2{
	float:left;
	margin-left:20%;
	margin-bottom:2%;
	padding-left:1%;
	padding-right:1%;
	padding-bottom:1%;
	padding-top:1%;	
}
#perr2:hover{	
	border-radius:10px;
    webkit-border-radius:2%;
    box-shadow: 0px 0px 3px 3px #ec731e;
    webkit-box-shadow: 0px 0px 5px 5px #ec731e;
    transform: rotate(360deg);
    webkit-transform: rotate(360deg);
}	
#perr3{
	float:left;
	margin-left:20%;	
	margin-bottom:2%;
	padding-left:1%;
	padding-right:1%;
	padding-bottom:1%;
	padding-top:1%;
}
#perr3:hover{	
	border-radius:10px;
    webkit-border-radius:2%;
    box-shadow: 0px 0px 3px 3px #ec731e;
    webkit-box-shadow: 0px 0px 5px 5px #ec731e;
    transform: rotate(360deg);
    webkit-transform: rotate(360deg);
}			
#perr4{
	float:left;
	margin-left:20%;
	margin-bottom:2%;
	padding-left:1%;
	padding-right:1%;
	padding-bottom:1%;
	padding-top:1%;
}
#perr4:hover{	
	border-radius:10px;
    webkit-border-radius:2%;
    box-shadow: 0px 0px 3px 3px #ec731e;
    webkit-box-shadow: 0px 0px 5px 5px #ec731e;
    transform: rotate(360deg);
    webkit-transform: rotate(360deg);
}		

/*--servicios--*/
.titulo2{
	float:left;
	margin-left:20%;
	margin-right:10%;
	margin-top:1%;
	margin-bottom:5%;
	}
 #aten{	
    float:left;
    margin-left:6%;
    width:88%;
    height:auto;
	margin-top:1%;
	margin-bottom:1%;
}

#foto1{
	float:left;	
    margin-left:8%;
	margin-top:1%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	box-shadow: 2px 2px 5px #231f20;
	border-radius: 10px;
	padding:2% 2%;
	
}

#foto2{	
    float:left;
    margin-left:8%;
	margin-top:8%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:2% 2%;
	
}
#pelu{
	float:left;	
    margin-left:6%;
    width:88%;
    height:auto;
	margin-top:3%;
	margin-bottom:1%;
}

#rayo{	
    margin-left:6%;
    width:88%;
    height:auto;
	margin-top:3%;
	margin-bottom:15px;
}

#foto3{	
    float:left;
    margin-left:8%;
	margin-top:5%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:2% 2%;
}

#foto4{
	float:left;
    margin-left:8%;
	margin-top:8%;
	margin-bottom:20px;
	border-bottom-width: 2px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:2% 2%;
}

#hosp{
	float:left;	
    margin-left:6%;
    width:88%;
    height:auto;
	margin-top:3%;
	margin-bottom:1%;
}

#eco{
	float:left;	
    margin-left:6%;
    width:88%;
    height:auto;
	margin-top:3%;
	margin-bottom:20px;
}

#foto5{	
    float:left;
    margin-left:6%;
	margin-top:5%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:2% 2%;
}

#foto6{	
    float:left;
    margin-left:6%;
	margin-top:8%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	border-radius:10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:2% 2%;
}

#cirg{
	float:left;	
    margin-left:6%;
    width:88%;
    height:auto;
	margin-top:3%;
	margin-bottom:1%;
}

#lim{
	float:left;	
    margin-left:6%;
    width:88%;
    height:auto;
	margin-top:3%;
	margin-bottom:1%;
}

#foto7{
	float:left;	
    margin-left:6%;
	margin-top:5%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:2% 2%;
}

#foto8{	
    float:left;
    margin-left:6%;
	margin-top:8%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:2% 2%;
}

#hodj{
	float:left;	
    margin-left:6%;
    width:88%;
    height:auto;
	margin-top:3%;
	margin-bottom:1%;
}

#reprod{
	float:left;	
    margin-left:6%;
    width:88%;
    height:auto;
	margin-top:3%;
	margin-bottom:1%;
}

#foto9{
	float:left;
    margin-left:6%;
	margin-top:8%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:2% 2%;
}

/*--corporativo--*/	
.titulo3{
	float:left;
	margin-left:20%;
	margin-right:10%;
	margin-top:1%;
	margin-bottom:5%;
	}
#fils{
	float:left;	
    margin-left:6%;
	width:85%;
    height:auto;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:2%;
	padding-left:2%;
	padding-right:2%;
	padding-top:2%;
}

#pas{
	margin-left:6%;
    width:85%;
	height:auto;
	margin-top:5%;
	margin-bottom:5%;
	text-align:justify;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:2%;
	padding-left:2%;
	padding-right:2%;
	padding-top:2%;
}
		
#mis{
	margin-left:6%;
    width:85%;
	height:auto;
	margin-top:5%;
	margin-bottom:5%;
	text-align:justify;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:1%;
	padding-left:2%;
	padding-right:2%;
	padding-top:2%;
	}

#vis{
	margin-left:6%;
    width:85%;
	height:auto;
	margin-top:8%;
	margin-bottom:5%;
	text-align:justify;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:2%;
	padding-left:2%;
	padding-right:2%;
	padding-top:2%;
	}
	
#barrita{
	background-color: #b22d00;
	float: left;
	height: 3px;
	width: 90%;
	margin-top: 15px;
	margin-right: 5%;
	margin-bottom: 15px;
	margin-left: 5%;
	}

/*--operaciones--*/
.titulo4{
	float:left;
	margin-left:20%;
	margin-right:10%;
	margin-top:1%;
	margin-bottom:5%;
	}
.fotos{
	height: auto;
	float: left;
	padding-top: 35px;
	margin-top: 20px;
	margin-right: 10px;
	margin-left:60px;
	margin-bottom: 10px;
	border-bottom-width: 2px;
	box-shadow: 2px 2px 5px #231f20;
	border-radius:10px;
	text-align: center;
	padding:2% 2%;
}	

/*--productos--*/
.titulo5{
	float:left;
	margin-left:20%;
	margin-right:10%;
	margin-top:1%;
	margin-bottom:5%;
	}
.produc{
	height: auto;
	float: left;
	margin-top: 1%;
	margin-right: 30px;
	margin-left:50px;
	margin-bottom: 1%;
	border-bottom-width: 1%;
	box-shadow: 2px 2px 5px #231f20;
	border-radius: 10px;
	text-align:center;
	padding:2% 2%;
	
}		
/*--politicas--*/
.titulo6{
	float:left;
	margin-left:20%;
	margin-right:10%;
	margin-top:1%;
	margin-bottom:5%;
	}
#queri{
	float:left;
	width:85%;
	height:auto;
	margin-left:6%;
	margin-right:10%;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:2%;
	padding-left:2%;
	padding-right:2%;
	padding-top:2%;
}
	
#poli{
	float:left;
	width:85%;
	height:auto;
	margin-left:6%;
	margin-right:1.%;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:2%;
	padding-left:2%;
	padding-right:2%;
	padding-top:2%;
}	

#pri{
	float:left;
	width:85%;
	height:auto;
	margin-left:6%;
	margin-right:10%;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:2%;
	padding-left:2%;
	padding-right:2%;
	padding-top:2%;
}

#pasi{
	float:left;
    width:85%;
	height:auto;
	margin-left:6%;
	margin-right:10%;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:2%;
	padding-left:2%;
	padding-right:2%;
	padding-top:2%;
}

.mensaje{
	float:left;
	margin-left:5%;
	margin-right:5%;
	text-align:center;
	margin-top:2%;
	margin-bottom:5%;
	}

/*--- contactenos ---*/
.titulo7{
	float:left;
	margin-left:20%;
	margin-top:1%;
	margin-bottom:5%;
	}
	
.mapa{
	height: auto;
	width: 99.5%;	
}
	
	
/* --- Pie pagina ---*/
footer{
	float: left;
	background-color: #663300;
	height: auto;
	width: 100%;
	padding-bottom: 20px;
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFB973;
	border-bottom-color: #FFB973;
	margin-left: 0px;
	margin-right: 5px;
	
	}

.dir4{
	height: 50px;
	width:250px;
	float: left;
	padding-top: 35px;
	margin-top: 20px;
	margin-right: 20px;
	margin-left:90px;
	margin-bottom:25px;	
	text-align: center;
	}

#derechos{
	float: left;
	width: 70%;
	margin-left: 20%;
	height: auto;

	}
	
}
@media only screen and (max-width:375px){
	/*--- Maquetacion ---*/
	#contenedor{
	width:100%;
	
	}
	
.rotacion{
	display:flex;
	width:100%;	
	}

.flotante {
	display: scroll;
	position: fixed;
	bottom: 15px;
	right: 10px;
	z-index: 999;
}
#logo{
	float: left;
	margin-top: 5%;
	margin-bottom:1%;
	margin-left: 30%;
	width:auto;
	}
#logo img{
	width: 100%;
	height: auto;
	}

#dir1{
	float: left;
	margin-top:5%;
	margin-left:20%;
	margin-bottom:1%;	
	}
#dir2{
	float: left;
	margin-top:5%;
	margin-left:20%;
	margin-bottom:1%;	
	}
	
#dir3{
	float: left;
	margin-top:5%;
	margin-left:20%;
	margin-bottom:1%;
	}

.menu{
	margin-left:1%;
	margin-top:1%;
	width:365px;
	}

/*--perfil--*/
#cuerpo{
	background-repeat: no-repeat;
	background-image: url(../imagenes/fondo.jpg);
	margin-top: 1%;
	margin-bottom: 1%;
	padding-top: 5%;
	padding-bottom: 5%;
	background-attachment: fixed;
	}
.titulo1{
	float:left;
	margin-left:18%;
	margin-right:10%;
	margin-top:10%;
	margin-bottom:10%;
	}

#perf{
	float:left;
	margin-left:5%;
	margin-right:10%;
	width:85%;
	height:auto;
	text-align: justify;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:2%;
	padding-left:2%;
	padding-right:2%;
	padding-top:2%;
	}
#derm{
	float:left;
	margin-left:5%;
	margin-right:10%;
	width:85%;
	height:auto;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding: 2% 2%;
	}
	
#ftdm{
	float:left;	
    margin-left:3%;
	margin-top:3%;
	margin-bottom:1%;
	border-bottom-width: 2%;
	border-radius:5%;
	box-shadow: 2px 2px 5px #555;
	padding: 1% 1%;
	}
#ftdm img{
	border-radius:5%;
	}
#oftal{
	float:left;
	margin-left:5%;
	margin-right:10%;
	width:85%;
	height:auto;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding: 2% 2%;
	}
#ftof{
	float:left;	
    margin-left:3%;
	margin-top:3%;
	margin-bottom:1%;
	border-bottom-width: 2%;
	border-radius:10px;
	box-shadow: 2px 2px 5px #555;
	padding: 1% 1%;
	}
#ftof img{
	border-radius:10px;
	}	

#endos{
	float:left;
	margin-left:5%;
	margin-right:10%;
	width:85%;
	height:auto;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding: 2% 2%;
	}
#fteds{
	float:left;	
    margin-left:3%;
	margin-top:3%;
	margin-bottom:1%;
	border-bottom-width: 2%;
	border-radius:10px;
	box-shadow: 2px 2px 5px #555;
	padding: 1% 1%;
	}
#fteds img{
	border-radius:10px;
	}
#ecofi{
	float:left;
	margin-left:5%;
	margin-right:10%;
	width:85%;
	height:auto;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding: 2% 2%;
	}
#fteco{
	float:left;	
    margin-left:3%;
	margin-top:3%;
	margin-bottom:1%;
	border-bottom-width: 2%;
	border-radius:10px;
	box-shadow: 2px 2px 5px #555;
	padding: 1% 1%;
	}
#fteco img{
	border-radius:10px;
	}
#rehab{
	float:left;
	margin-left:5%;
	margin-right:10%;
	width:85%;
	height:auto;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding: 2% 2%;
	}
#ftrhb{
	float:left;	
    margin-left:3%;
	margin-top:3%;
	margin-bottom:1%;
	border-bottom-width: 2%;
	border-radius:10px;
	box-shadow: 2px 2px 5px #555;
	padding: 1% 1%;
	}
#ftrhb img{
	border-radius:10px;
	}	
.ico{
	height: auto;
	width:150px;
	float: left;
	padding-top: 35px;
	margin-top: 20px;
	margin-right:10px;
	margin-left: 100px;
	margin-bottom:25px;	
	text-align: center;
	padding-right: 10px;
	padding-left: 10px;
	border-bottom-style: groove;
	border-bottom-color: #8c4600;
}

#perr1{
	float:left;
	margin-left:18%;
	margin-bottom:2%;
	padding-left:1%;
	padding-right:1%;
	padding-bottom:1%;
	padding-top:1%;
	
	}
#perr1:hover{	
	border-radius:10px;
    webkit-border-radius:2%;
    box-shadow: 0px 0px 3px 3px #ec731e;
    webkit-box-shadow: 0px 0px 5px 5px #ec731e;
    transform: rotate(360deg);
    webkit-transform: rotate(360deg);
}	
#perr2{
	float:left;
	margin-left:18%;
	margin-bottom:2%;
	padding-left:1%;
	padding-right:1%;
	padding-bottom:1%;
	padding-top:1%;	
}
#perr2:hover{	
	border-radius:10px;
    webkit-border-radius:2%;
    box-shadow: 0px 0px 3px 3px #ec731e;
    webkit-box-shadow: 0px 0px 5px 5px #ec731e;
    transform: rotate(360deg);
    webkit-transform: rotate(360deg);
}	
#perr3{
	float:left;
	margin-left:18%;	
	margin-bottom:2%;
	padding-left:1%;
	padding-right:1%;
	padding-bottom:1%;
	padding-top:1%;
}
#perr3:hover{	
	border-radius:10px;
    webkit-border-radius:2%;
    box-shadow: 0px 0px 3px 3px #ec731e;
    webkit-box-shadow: 0px 0px 5px 5px #ec731e;
    transform: rotate(360deg);
    webkit-transform: rotate(360deg);
}			
#perr4{
	float:left;
	margin-left:18%;
	margin-bottom:2%;
	padding-left:1%;
	padding-right:1%;
	padding-bottom:1%;
	padding-top:1%;
}
#perr4:hover{	
	border-radius:10px;
    webkit-border-radius:2%;
    box-shadow: 0px 0px 3px 3px #ec731e;
    webkit-box-shadow: 0px 0px 5px 5px #ec731e;
    transform: rotate(360deg);
    webkit-transform: rotate(360deg);
}		

/*--servicios--*/
.titulo2{
	float:left;
	margin-left:18%;
	margin-right:10%;
	margin-top:10%;
	margin-bottom:10%;
	}
 #aten{	
    float:left;
    margin-left:7%;
    width:85%;
    height:auto;
	margin-top:1%;
	margin-bottom:1%;
}

#foto1{
	float:left;	
    margin-left:2%;
	margin-top:1%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	box-shadow: 2px 2px 5px #231f20;
	border-radius: 10px;
	padding:2% 2%;
	
}

#foto2{	
    float:left;
    margin-left:2%;
	margin-top:8%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:2% 2%;
}
#pelu{
	float:left;	
    margin-left:7%;
    width:85%;
    height:auto;
	margin-top:3%;
	margin-bottom:1%;
}

#rayo{	
    margin-left:7%;
    width:85%;
    height:auto;
	margin-top:3%;
	margin-bottom:15px;
}

#foto3{	
    float:left;
    margin-left:2%;
	margin-top:5%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	border-radius:10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:2% 2%;
}

#foto4{
	float:left;
    margin-left:2%;
	margin-top:8%;
	margin-bottom:20px;
	border-bottom-width: 2px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:2% 2%;
}

#hosp{
	float:left;	
    margin-left:7%;
    width:85%;
    height:auto;
	margin-top:3%;
	margin-bottom:1%;
}

#eco{
	float:left;	
    margin-left:7%;
    width:85%;
    height:auto;
	margin-top:3%;
	margin-bottom:20px;
}

#foto5{	
    float:left;
    margin-left:2%;
	margin-top:5%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:2% 2%;
}

#foto6{	
    float:left;
    margin-left:2%;
	margin-top:8%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:2% 2%;
}

#cirg{
	float:left;	
    margin-left:7%;
    width:85%;
    height:auto;
	margin-top:3%;
	margin-bottom:1%;
}

#lim{
	float:left;	
    margin-left:7%;
    width:85%;
    height:auto;
	margin-top:3%;
	margin-bottom:1%;
}

#foto7{
	float:left;	
    margin-left:2%;
	margin-top:5%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:2% 2%;
}

#foto8{	
    float:left;
    margin-left:2%;
	margin-top:8%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:2% 2%;
}

#hodj{
	float:left;	
    margin-left:7%;
    width:85%;
    height:auto;
	margin-top:3%;
	margin-bottom:1%;
}

#reprod{
	float:left;	
    margin-left:7%;
    width:85%;
    height:auto;
	margin-top:3%;
	margin-bottom:1%;
}

#foto9{
	float:left;
    margin-left:2%;
	margin-top:8%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:2% 2%;
}

/*--corporativo--*/	
.titulo3{
	float:left;
	margin-left:18%;
	margin-right:10%;
	margin-top:10%;
	margin-bottom:10%;
	}
#fils{
	float:left;	
    margin-left:5%;
	margin-right:10%;
	width:85%;
    height:auto;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:2%;
	padding-left:2%;
	padding-right:2%;
	padding-top:2%;
}

#pas{
	margin-left:5%;
	margin-right:10%;
    width:85%;
	height:auto;
	margin-top:5%;
	margin-bottom:5%;
	text-align:justify;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:2%;
	padding-left:2%;
	padding-right:2%;
	padding-top:2%;
}
		
#mis{
	margin-left:5%;
	margin-right:10%;
    width:85%;
	height:auto;
	margin-top:5%;
	margin-bottom:5%;
	text-align:justify;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:1%;
	padding-left:2%;
	padding-right:2%;
	padding-top:2%;
	}

#vis{
	margin-left:5%;
	margin-right:10%;
    width:85%;
	height:auto;
	margin-top:8%;
	margin-bottom:5%;
	text-align:justify;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:2%;
	padding-left:2%;
	padding-right:2%;
	padding-top:2%;
	}
	
#barrita{
	background-color: #b22d00;
	float: left;
	height: 3px;
	width: 90%;
	margin-top: 15px;
	margin-right: 5%;
	margin-bottom: 15px;
	margin-left: 5%;
	}

/*--operaciones--*/
.titulo4{
	float:left;
	margin-left:18%;
	margin-right:10%;
	margin-top:10%;
	margin-bottom:10%;
	}
.fotos{
	height: auto;
	float: left;
	padding-top: 35px;
	margin-top: 20px;
	margin-right: 10px;
	margin-left:40px;
	margin-bottom: 10px;
	border-bottom-width: 2px;
	box-shadow: 2px 2px 5px #231f20;
	border-radius: 10px;
	text-align: center;
	padding:2% 2%;
}	

/*--productos--*/
.titulo5{
	float:left;
	margin-left:18%;
	margin-right:10%;
	margin-top:10%;
	margin-bottom:10%;
	}
.produc{
	height: auto;
	float: left;
	margin-top: 1%;
	margin-right: 10px;
	margin-left:40px;
	margin-bottom: 1%;
	border-bottom-width: 1%;
	box-shadow: 2px 2px 5px #231f20;
	border-radius: 10px;
	text-align:center;
	padding:2% 2%;
	
}			
/*--politicas--*/
.titulo6{
	float:left;
	margin-left:18%;
	margin-right:10%;
	margin-top:10%;
	margin-bottom:10%;
	}
#queri{
	float:left;
	width:85%;
	height:auto;
	margin-left:5%;
	margin-right:10%;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:2%;
	padding-left:2%;
	padding-right:2%;
	padding-top:2%;
}
	
#poli{
	float:left;
	width:85%;
	height:auto;
	margin-left:5%;
	margin-right:10%;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:2%;
	padding-left:2%;
	padding-right:2%;
	padding-top:2%;
}	

#pri{
	float:left;
	width:85%;
	height:auto;
	margin-left:5%;
	margin-right:10%;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:2%;
	padding-left:2%;
	padding-right:2%;
	padding-top:2%;
}

#pasi{
	float:left;
    width:85%;
	height:auto;
	margin-left:5%;
	margin-right:10%;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:2%;
	padding-left:2%;
	padding-right:2%;
	padding-top:2%;
}

.mensaje{
	float:left;
	margin-left:5%;
	margin-right:5%;
	text-align:center;
	margin-top:2%;
	margin-bottom:5%;
	}

/*--- contactenos ---*/
.titulo7{
	float:left;
	margin-left:18%;
	margin-top:10%;
	margin-bottom:10%;
	}
.mapa{
	height: auto;
	width: 99.5%;	
}
		
/* --- Pie pagina ---*/
footer{
	float: left;
	background-color: #663300;
	height: auto;
	width: 100%;
	padding-bottom: 20px;
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFB973;
	border-bottom-color: #FFB973;
	margin-left: 0px;
	margin-right: 5px;
	
	}

.dir4{
	height: 50px;
	width:250px;
	float: left;
	padding-top: 35px;
	margin-top: 20px;
	margin-right: 20px;
	margin-left:70px;
	margin-bottom:25px;	
	text-align: center;
	}

#derechos{
	float: left;
	width: 70%;
	margin-left: 20%;
	height: auto;

	}

	
}

@media only screen and (max-width:360px){
	/*--- Maquetacion ---*/
	#contenedor{
	width:100%;
	
	}

.rotacion{
	display:flex;
	width:100%;	
	}
.flotante {
	display: scroll;
	position: fixed;
	bottom: 15px;
	right: 10px;
	z-index: 999;
}

#logo{
	float: left;
	margin-top: 5%;
	margin-bottom:1%;
	margin-left: 30%;
	width:auto;
	}
#logo img{
	width: 100%;
	height: auto;
	}

#dir1{
	float: left;
	margin-top:5%;
	margin-left:20%;
	margin-bottom:1%;	
	}
#dir2{
	float: left;
	margin-top:5%;
	margin-left:20%;
	margin-bottom:1%;	
	}
	
#dir3{
	float: left;
	margin-top:5%;
	margin-left:20%;
	margin-bottom:1%;
	}

.menu{
	margin-left:1%;
	margin-top:1%;
	width:350px;
	}

/*--perfil--*/
#cuerpo{
	background-repeat: no-repeat;
	background-image: url(../imagenes/fondo.jpg);
	margin-top: 1%;
	margin-bottom: 1%;
	padding-top: 5%;
	padding-bottom: 5%;
	background-attachment: fixed;
	}
.titulo1{
	float:left;
	margin-left:18%;
	margin-right:10%;
	margin-top:10%;
	margin-bottom:10%;
	}

#perf{
	float:left;
	margin-left:5%;
	margin-right:10%;
	width:85%;
	height:auto;
	text-align: justify;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:2%;
	padding-left:2%;
	padding-right:2%;
	padding-top:2%;
	}
#derm{
	float:left;
	margin-left:5%;
	margin-right:10%;
	width:85%;
	height:auto;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding: 2% 2%;
	}
	
#ftdm{
	float:left;	
    margin-left:1%;
	margin-top:3%;
	margin-bottom:1%;
	border-bottom-width: 2%;
	border-radius:10px;
	box-shadow: 2px 2px 5px #555;
	padding: 2% 2%;
	}
#ftdm img{
	border-radius:10px;
	}
#oftal{
	float:left;
	margin-left:5%;
	margin-right:10%;
	width:85%;
	height:auto;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding: 2% 2%;
	}
#ftof{
	float:left;	
    margin-left:1%;
	margin-top:3%;
	margin-bottom:1%;
	border-bottom-width: 2%;
	border-radius:10px;
	box-shadow: 2px 2px 5px #555;
	padding: 2% 2%;
	}
#ftof img{
	border-radius:10px;
	}	

#endos{
	float:left;
	margin-left:5%;
	margin-right:10%;
	width:85%;
	height:auto;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding: 2% 2%;
	}
#fteds{
	float:left;	
    margin-left:1%;
	margin-top:3%;
	margin-bottom:1%;
	border-bottom-width: 2%;
	border-radius:10px;
	box-shadow: 2px 2px 5px #555;
	padding: 2% 2%;
	}
#fteds img{
	border-radius:10px;
	}
#ecofi{
	float:left;
	margin-left:5%;
	margin-right:10%;
	width:85%;
	height:auto;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding: 2% 2%;
	}
#fteco{
	float:left;	
    margin-left:1%;
	margin-top:3%;
	margin-bottom:1%;
	border-bottom-width: 2%;
	border-radius:10px;
	box-shadow: 2px 2px 5px #555;
	padding: 2% 2%;
	}
#fteco img{
	border-radius:10px;
	}
#rehab{
	float:left;
	margin-left:5%;
	margin-right:10%;
	width:85%;
	height:auto;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding: 2% 2%;
	}
#ftrhb{
	float:left;	
    margin-left:1%;
	margin-top:3%;
	margin-bottom:1%;
	border-bottom-width: 2%;
	border-radius:10px;
	box-shadow: 2px 2px 5px #555;
	padding: 2% 2%;
	}
#ftrhb img{
	border-radius:10px;
	}	
.ico{
	height: auto;
	width:150px;
	float: left;
	padding-top: 35px;
	margin-top: 20px;
	margin-right:10px;
	margin-left: 100px;
	margin-bottom:25px;	
	text-align: center;
	padding-right: 10px;
	padding-left: 10px;
	border-bottom-style: groove;
	border-bottom-color: #8c4600;
}

#perr1{
	float:left;
	margin-left:15%;
	margin-bottom:2%;
	padding-left:1%;
	padding-right:1%;
	padding-bottom:1%;
	padding-top:1%;
	
	}
#perr1:hover{	
	border-radius:10px;
    webkit-border-radius:2%;
    box-shadow: 0px 0px 3px 3px #ec731e;
    webkit-box-shadow: 0px 0px 5px 5px #ec731e;
    transform: rotate(360deg);
    webkit-transform: rotate(360deg);
}	
#perr2{
	float:left;
	margin-left:15%;
	margin-bottom:2%;
	padding-left:1%;
	padding-right:1%;
	padding-bottom:1%;
	padding-top:1%;	
}
#perr2:hover{	
	border-radius:10px;
    webkit-border-radius:2%;
    box-shadow: 0px 0px 3px 3px #ec731e;
    webkit-box-shadow: 0px 0px 5px 5px #ec731e;
    transform: rotate(360deg);
    webkit-transform: rotate(360deg);
}	
#perr3{
	float:left;
	margin-left:15%;	
	margin-bottom:2%;
	padding-left:1%;
	padding-right:1%;
	padding-bottom:1%;
	padding-top:1%;
}
#perr3:hover{	
	border-radius:10px;
    webkit-border-radius:2%;
    box-shadow: 0px 0px 3px 3px #ec731e;
    webkit-box-shadow: 0px 0px 5px 5px #ec731e;
    transform: rotate(360deg);
    webkit-transform: rotate(360deg);
}			
#perr4{
	float:left;
	margin-left:15%;
	margin-bottom:2%;
	padding-left:1%;
	padding-right:1%;
	padding-bottom:1%;
	padding-top:1%;
}
#perr4:hover{	
	border-radius:10px;
    webkit-border-radius:2%;
    box-shadow: 0px 0px 3px 3px #ec731e;
    webkit-box-shadow: 0px 0px 5px 5px #ec731e;
    transform: rotate(360deg);
    webkit-transform: rotate(360deg);
}		

/*--servicios--*/
.titulo2{
	float:left;
	margin-left:18%;
	margin-right:10%;
	margin-top:10%;
	margin-bottom:10%;
	}
 #aten{	
    float:left;
    margin-left:6%;
    width:87%;
    height:auto;
	margin-top:1%;
	margin-bottom:1%;
}

#foto1{
	float:left;	
    margin-left:1%;
	margin-top:1%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	box-shadow: 2px 2px 5px #231f20;
	border-radius: 10px;
	padding:2% 2%;
	
}

#foto2{	
    float:left;
    margin-left:1%;
	margin-top:8%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:2% 2%;
}
#pelu{
	float:left;	
    margin-left:6%;
    width:87%;
    height:auto;
	margin-top:3%;
	margin-bottom:1%;
}

#rayo{	
    margin-left:6%;
    width:87%;
    height:auto;
	margin-top:3%;
	margin-bottom:15px;
}

#foto3{	
    float:left;
    margin-left:1%;
	margin-top:5%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:2% 2%;
}

#foto4{
	float:left;
    margin-left:1%;
	margin-top:8%;
	margin-bottom:20px;
	border-bottom-width: 2px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:2% 2%;
}

#hosp{
	float:left;	
    margin-left:6%;
    width:87%;
    height:auto;
	margin-top:3%;
	margin-bottom:1%;
}

#eco{
	float:left;	
    margin-left:6%;
    width:87%;
    height:auto;
	margin-top:3%;
	margin-bottom:20px;
}

#foto5{	
    float:left;
    margin-left:1%;
	margin-top:5%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:2% 2%;
}

#foto6{	
    float:left;
    margin-left:1%;
	margin-top:8%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:2% 2%;
}

#cirg{
	float:left;	
    margin-left:6%;
    width:87%;
    height:auto;
	margin-top:3%;
	margin-bottom:1%;
}

#lim{
	float:left;	
    margin-left:6%;
    width:87%;
    height:auto;
	margin-top:3%;
	margin-bottom:1%;
}

#foto7{
	float:left;	
    margin-left:1%;
	margin-top:5%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:2% 2%;
}

#foto8{	
    float:left;
    margin-left:1%;
	margin-top:8%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:2% 2%;
}

#hodj{
	float:left;	
    margin-left:6%;
    width:87%;
    height:auto;
	margin-top:3%;
	margin-bottom:1%;
}

#reprod{
	float:left;	
    margin-left:6%;
    width:87%;
    height:auto;
	margin-top:3%;
	margin-bottom:1%;
}

#foto9{
	float:left;
    margin-left:1%;
	margin-top:8%;
	margin-bottom:1%;
	border-bottom-width: 2px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding:2% 2%;
}

/*--corporativo--*/	
.titulo3{
	float:left;
	margin-left:18%;
	margin-right:10%;
	margin-top:10%;
	margin-bottom:10%;
	}
#fils{
	float:left;	
    margin-left:4%;
	width:88%;
    height:auto;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:2%;
	padding-left:2%;
	padding-right:2%;
	padding-top:2%;
}

#pas{
	margin-left:4%;
    width:88%;
	height:auto;
	margin-top:5%;
	margin-bottom:5%;
	text-align:justify;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:2%;
	padding-left:2%;
	padding-right:2%;
	padding-top:2%;
}
		
#mis{
	margin-left:4%;
    width:88%;
	height:auto;
	margin-top:5%;
	margin-bottom:5%;
	text-align:justify;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:1%;
	padding-left:2%;
	padding-right:2%;
	padding-top:2%;
	}

#vis{
	margin-left:4%;
    width:88%;
	height:auto;
	margin-top:8%;
	margin-bottom:5%;
	text-align:justify;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:2%;
	padding-left:2%;
	padding-right:2%;
	padding-top:2%;
	}
	
#barrita{
	background-color: #b22d00;
	float: left;
	height: 3px;
	width: 90%;
	margin-top: 15px;
	margin-right: 5%;
	margin-bottom: 15px;
	margin-left: 5%;
	}

/*--operaciones--*/
.titulo4{
	float:left;
	margin-left:18%;
	margin-right:10%;
	margin-top:10%;
	margin-bottom:10%;
	}
.fotos{
	height: auto;
	float: left;
	padding-top: 35px;
	margin-top: 20px;
	margin-right: 10px;
	margin-left:40px;
	margin-bottom: 10px;
	border-bottom-width: 2px;
	box-shadow: 2px 2px 5px #231f20;
	border-radius: 10px;
	text-align: center;
	padding:2% 2%;
}	

/*--productos--*/
.titulo5{
	float:left;
	margin-left:18%;
	margin-right:10%;
	margin-top:10%;
	margin-bottom:10%;
	}
.produc{
	height: auto;
	float: left;
	margin-top: 1%;
	margin-right: 10px;
	margin-left:30px;
	margin-bottom: 1%;
	border-bottom-width: 1%;
	box-shadow: 2px 2px 5px #231f20;
	border-radius: 10px;
	text-align:center;
	padding:2% 2%;
	
}	
/*--politicas--*/
.titulo6{
	float:left;
	margin-left:18%;
	margin-right:10%;
	margin-top:10%;
	margin-bottom:10%;
	}
#queri{
	float:left;
	width:85%;
	height:auto;
	margin-left:5%;
	margin-right:10%;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:2%;
	padding-left:2%;
	padding-right:2%;
	padding-top:2%;
}
	
#poli{
	float:left;
	width:85%;
	height:auto;
	margin-left:5%;
	margin-right:10%;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:2%;
	padding-left:2%;
	padding-right:2%;
	padding-top:2%;
}	

#pri{
	float:left;
	width:85%;
	height:auto;
	margin-left:5%;
	margin-right:10%;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:2%;
	padding-left:2%;
	padding-right:2%;
	padding-top:2%;
}

#pasi{
	float:left;
    width:85%;
	height:auto;
	margin-left:5%;
	margin-right:10%;
	margin-top:5%;
	margin-bottom:5%;
	border-bottom-width: 2%;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #231f20;
	padding-bottom:2%;
	padding-left:2%;
	padding-right:2%;
	padding-top:2%;
}

.mensaje{
	float:left;
	margin-left:5%;
	margin-right:5%;
	text-align:center;
	margin-top:2%;
	margin-bottom:2%;
	}

/*--- contactenos ---*/
.titulo7{
	float:left;
	margin-left:18%;
	margin-top:10%;
	margin-bottom:10%;
	}
.mapa{
	height: auto;
	width: 99.5%;	
}
	



	
/* --- Pie pagina ---*/
footer{
	float: left;
	background-color: #663300;
	height: auto;
	width: 100%;
	padding-bottom: 20px;
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFB973;
	border-bottom-color: #FFB973;
	margin-left: 0px;
	margin-right: 5px;
	
	}

.dir4{
	height: 50px;
	width:250px;
	float: left;
	padding-top: 35px;
	margin-top: 20px;
	margin-right: 20px;
	margin-left:50px;
	margin-bottom:25px;	
	text-align: center;
	}

#derechos{
	float: left;
	width: 70%;
	margin-left: 20%;
	height: auto;

	}

			
}