/* Tipografia */
@font-face {
	font-family: 'DoulosSILR';
	src: url('../fonts/DoulosSILR.ttf');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Bold';
	src: url('../fonts/RobotoSlab-Bold.ttf');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Light';
	src: url('../fonts/RobotoSlab-Light.ttf');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Regular';
	src: url('../fonts/RobotoSlab-Regular.ttf');
}
@font-face {
	font-family: 'Thin';
	src: url('../fonts/RobotoSlab-Thin.ttf');
	font-weight: normal;
	font-style: normal;
}
/* Generales */
body{font-family: 'Thin'; font-size: 16px; color: #000;}
.row{margin: 0;}
.colorWhite{color: #FFF;}
.enlace-proteccion{display: block; margin: 10px 0; color: white;}
.enlace-proteccion:hover{color: grey;}
/* Menu */
.black {background-color: #000;}
.nav{margin:0px;}
.triangulo{display: none;}
.menuDesktop{margin: 11px 0 0 0; padding: 0;}
.menuDesktop li{list-style-type: none; display: inline-block; position: relative; text-align: center; vertical-align: middle;}
.menuDesktop li a{text-decoration: none; color: #FFF; padding: 5px 14px; font-size: 16px; display: block;}
.menuDesktop li:hover{background: #ededed;}
.menuDesktop > li:hover{background: none;}
.menuDesktop > li:hover .triangulo{display: block;}
.navbar-default{border: none;}
.navbar{border-radius: 0 !important;}
/*.menuDesktop > li:hover > a{color: #000;}*/
/* Menu Segundo nivel */
.menuDesktop li > ul{position: absolute; width: 240px; top: 54px; left: 0; z-index: 10; margin: 0; padding: 0;  display: none; background: #000;}
.menuDesktop li > ul li{display: block; width: 100%; position: relative; text-align: left;}
.menuDesktop li > ul li a{display: block; width: 100%; padding: 8px 8px; box-sizing: border-box;}
.menuDesktop li > ul li:hover > a{color: #000;}
.menuDesktop li:hover > ul{display: block;}
/* Menu Tercer nivel */
/*.menuDesktop li > ul > li > ul{position: absolute; left: 144px; top: 0; width: 240px; background: #3a3a3a;}*/
/* home */
.border-left{border-left: 1px solid #000;}
.border-left p{margin: 10px 0;}
.imghover {width: 329px; height: 291px; background-image:url('/img/1A.jpg'); background-size: cover; background-repeat: no-repeat;}
.imghover:hover {width: 329px; height: 291px; background-image:url('/img/1B.jpg'); background-size: cover; background-repeat: no-repeat;}
.imghover1 {width: 329px; height: 291px; background-image:url('/img/2A.jpg'); background-size: cover; background-repeat: no-repeat;}
.imghover1:hover {width: 329px; height: 291px; background-image:url('/img/2B.jpg'); background-size: cover; background-repeat: no-repeat;}
.imghover2 {width: 329px; height: 291px; background-image:url('/img/3A.jpg'); background-size: cover; background-repeat: no-repeat;}
.imghover2:hover {width: 329px; height: 291px; background-image:url('/img/3B.jpg'); background-size: cover; background-repeat: no-repeat;}
.titleServicios{margin: 18px 0 5px 0;}
.parrafoServicios{margin: 0 0 18px 0;}
/*General*/
/*tipofrafia*/
.titulo_inicio {font-family: 'Regular'; font-size: 30px; margin-top: 2px;}
.titulo_inicio span{font-size: 20px;}
nav {font-size: 14px; font-family: 'Light'}
h1 {font-family: 'DoulosSILR'; font-size: 35px;}
h2 {font-family:'Regular'}
/*servicios*/
.relativo {position: relative;}
.absoluto {position:absolute; top: 167px; width: 50%; right: 0; /*margin-left: -161px;*/}
.absoluto1 {position:absolute; width: 50%; top: 170px; right: 0; /*margin-left: -84px;*/}
.absoluto2 {position:absolute; top: 267px; width: 40%; margin-left: -34px;}
.absoluto3 {position:absolute; top: 183px; width: 50%; right:0; /*margin-left: -186px;*/}

.hover:hover {background-color: blue;}
.centrado {width: 90%; margin:0 5% 0 5%; height: 470px;}
.rinoplastia {background: url("/img/rinoplastia.jpg") ; background-size: cover; background-repeat: no-repeat;}
/*Instalaciones*/
.instalaciones{margin: 0; padding: 0; text-align: center;}
.instalaciones li{display: inline-block; width: 46%; margin: 1%;}

/*especiales*/
.container-fluid{padding: 0;}
.sub25 {font-size: 25px;}
.pd30 {padding: 30px;}
.fondo-gris {background-color: #ededed;}
.pd0 {padding: 0px;}
.block {display: block;}
.wi {width: 30px; margin-right: -15px;}
.white{background-color: white;}
.letrawhite {color: #fff;}
.inline {display: inline-block;}
.p10{padding: 20px 0;}
.prl {padding: 20px;}
.pb{padding-bottom: 20px;}
.pd20{padding: 20px;}
.pd40{padding: 10px;}
ol li{margin-bottom: 20px;}
.vertical{vertical-align: middle;}
.right{float: right;}
.lr {margin-left: 10%; margin-right: 10%;}
.mb{margin-bottom: 30px;}
.mb10{margin-bottom: 10px;}
.mb60{margin-bottom: 60px;}
.ml{margin-left: 100px;}
.mtop{margin-top: 80px;}
.mtop50{margin-top: 50px;}
.mtop2{margin-top: 20px;}
.mtop100{margin-top: 100px;}
.mtop200{margin-top: 166px;}
.horizontal {display: inline-block;}
/*mmenu*/
.iconMenuMobil p{line-height: 1;}
.iconMenuMobil a{font-size: 35px; color: #fff; float: right; margin-right: 123px; margin-top:55px;}
.fijo{position: fixed; top:0; z-index: 10; }

/*CONTACTO*/
.fondo {background: url("/img/fondo_contacto.jpg") ; background-size: cover; background-repeat: no-repeat;  }
.form {width: 40%; margin: 40px 30%; }
form{background: rgba(0, 0, 0, 0.6); padding: 10px; }
form input[type='text']{width: 100%; background: transparent; border: 1px solid #FFF; margin-bottom: 5px; color: #fff; font-size: 15px; padding: 10px; }
form textarea{width: 100%; background: transparent; border: 1px solid #FFF; font-size: 15px; color: #fff; padding: 10px; height: 120px;}
button {border:3px solid #000; font-size: 15px;}
.wight{width:130px; margin-top: -10px;}
.absolut {position: absolute;}
/*.hr{position: absolute; width: 175px; margin-left: 5px; margin-top: 16px;}
.hrr{position: absolute; width: 188px; margin-left: 312px; margin-top: -14px;}*/
/*footer*/
ul li {list-style: none;}
ul li p {margin-bottom: 5px;}
ul.ulfooter{list-style: none;}
.li-horizontal li{display:inline-block;}
footer {font-family: 'Thin';}
footer .ml30{display: block; margin-left: 30px;}
footer .title{ display: block; margin-bottom: 8px;}
/* Helber */
.relative{position: relative;}
.txtright{position: absolute; width: 32%; top: 8%; right: 22%;}
.txtleft{position: absolute; width: 32%; top: 8%; left: 22%;}
.enlacesHome li a{color: #000;}
.enlacesHome li a:hover{text-decoration: none; color: #ededed;}
.redes{margin: 0; padding: 0;}
.redes li{list-style-type: none; display: inline-block; padding: 5px; box-sizing: border-box;}
.bold{font-family: 'Bold';}
.m0{margin: 0;}
.p0{padding: 0 !important;}
.txtPerfil{font-size: 35px;font-family: 'Regular'; line-height: 1;}
.padding8p{padding-top: 8%;}
.tituloPerfil{margin: 0 0 15px 0;}
.emreductora{top: 35%;}
.ematletica{top: 12%;}
.ecruroplastia{top: 15%;}
.ebraquio{top: 20%; right: 16%;}
.eginecomastia{left: 17%;}
.eRitidoplastia{left: 14%;}
.eninfo{top: 12%;}
@media only screen and (max-width: 1200px){
	.containerEspecial{width: 100% !important; padding: 5px; box-sizing: border-box;}
}
@media only screen and (max-width: 1150px){
	body{font-size: 15px;}
}
@media only screen and (max-width: 1100px){
	.txtright{width: 44%; right: 10%; top: 3%;}
	.txtleft{width: 44%; left: 10%; top: 3%;}
	.ebraquio{top: 33%;}
	.eginecomastia{width: 40%;}
	.emreductora{top: 20%;}
}
@media only screen and (max-width: 950px){
	.txtright{top: 0;}
	.txtleft{top: 0;}
	.ebraquio{top: 33%;}
	.emreductora{top: 20%;}
	.eRitidoplastia{left: 4%;}
}
@media only screen and (max-width: 905px){
	.txtright{position: relative; float: left; width: 70%; margin: 0 15% 20px 15%; right: 0;}
	.txtleft{position: relative; float: left; width: 70%; margin: 0 15% 20px 15%; left: 0;}
}
@media only screen and (max-width: 767px){
	.border-left {border-left: none;}
}
@media only screen and (max-width: 540px){
	.txtright{width: 90%; margin: 0 5% 20px 5%; right: 0;}
	.txtleft{width: 90%; margin: 0 5% 20px 5%; left: 0;}
}
/* Banner */
.flexslider{overflow: hidden;}
.flex {width: 30%!important;}
.flex2 {width: 83.5%!important;}
.flex-direction-nav a{height: 45px!important; width: 45px!important;}
.consultanos{background: black; color: #FFF; padding: 5px; font-size: }
.consultanos:hover{background: #ededed; color: #000; text-decoration: none;}
.mb15{margin-bottom: 15px;}
/*MEDIA QUERY*/
@media only screen and (max-width: 1200px){
	.absoluto3{width: 37%;}
}
@media only screen and (max-width: 1080px){
	.absoluto3{width: 37%;}
}
@media only screen and (max-width: 1065px){
	.absoluto1{width: 40%;}
	.absoluto3{width: 37%;}
}
@media only screen and (max-width: 992px){
	.mtop200 {margin-top: 30px;}
	.centermovil{text-align: center;}
	.form {width: 60%; margin: 40px 20%; }
	/* Servicvios */
	.absoluto, .absoluto1, .absoluto2, .absoluto3{position: relative; width: 100%; margin: 0; top: 0; padding: 10px; box-sizing: border-box;}
	.absoluto2Img{float: none;}
	.mtop100 {margin-top: 20px;}
}

@media only screen and (max-width: 960px){
	.centermovil{text-align: center;}
}
@media only screen and (max-width: 930px){
.left{text-align: left;}
}
@media only screen and (max-width: 840px){
.left {text-align: left;}
.form {width: 60%; margin: 40px 20%; }
}
@media only screen and (max-width: 764px){
.left {text-align: left;}
}
@media only screen and (max-width: 600px){
.form {width: 70%; margin: 40px 15%; }
}