@charset "utf-8";
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;	
	color:#636363;
	background:url(../images/bgTop.png) center top repeat-x #FFF;
	min-width:320px;
	margin:auto
}
.container{max-width:980px; margin:auto; line-height:23px;color:#575757; text-align:justify; font-size:14px;}
#top{max-width:980px;height:53px; margin:auto;}
.textTop{font-family:Verdana, Geneva, sans-serif; font-size:16px; color:#2a387d; line-height:20px; text-align:center; padding-top:20px}
#top .mail{float:right; width:auto; margin:20px 0 0}
#top:after{content:'';display:block;clear: both;}
.header{margin:0 auto; height:52px; background:url(../images/bgMenu.png) 0 0}
.header .container{position:relative}
.logo{display:block; position:absolute; top:-27px; left:0; width:200px; height:auto; z-index:2;transition:none;}
.logo img{display:block; height:auto; width:100%}
.trans{transition: all 0.3s ease-in-out 0s;-webkit-transition: all 0.3s ease-in-out 0s;-moz-transition: all 0.3s ease-in-out 0s;}


/*Menu*/
.nav{display:block; text-align:center; font-family:Verdana, Geneva, sans-serif; font-size:12px; float:right; text-align:right;width:100%; position:relative}
.nav ul{display:block; overflow:hidden; width:620px; margin:auto; float:right;}
.nav li{margin:0;display:inline-block;transition: all 0.3s ease-in-out 0s;-webkit-transition: all 0.3s ease-in-out 0s;-moz-transition: all 0.3s ease-in-out 0s; width:29%;}
.nav li.mnu1{width:auto}
.nav a{display:inline-block;padding:14px 15px 15px; color:#FFF;background:url(../images/hover.png) center 200% no-repeat;transition: all 0.3s ease-in-out 0s;}
.nav li:hover a,
.nav li.activo a{ background-position:center bottom;}
.nav i{font-style:normal;}
.nav span{display:block; text-align:left;color: #FFF;display:none; padding:12px 10px 12px 35px;cursor:pointer; background:url(../images/menu.png) center left no-repeat; margin-left:20px}
.nav em{
	background: url(../images/responsive_arrow.png) center right no-repeat;
    display: block;
    height: 10px;
    position: absolute;
    right: 20px;
    top: 19px;
    transition: all 0.5s ease-in-out 0s;
    width: 15px;
	text-shadow: 1px 1px 0 #FFFFFF;
	display:none;
	cursor:pointer;
}
/*Dat Footer*/
#datFooter{max-width:980px; margin:auto; border-top:solid 1px #abb3c4; position:relative; padding:10px 0}
#datFooter a{color: #434343;}
#datFooter a:hover{text-decoration:underline}
#datFooter *{transition: all 0.3s ease-in-out 0s;-webkit-transition: all 0.3s ease-in-out 0s;-moz-transition: all 0.3s ease-in-out 0s;}
#datFooter .col-footer{width:33.3333%; float:left;}
#datFooter .col-footer .padding{max-width:225px; margin:auto; text-align:left; color:#434343; line-height:normal; font-size:12px;}
span.lugar{display:inline-block;color:#434343; font-size:12px; padding-left:18px;transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s;-webkit-transition: all 0.5s ease-in-out 0s; line-height:22px}
span.tel,
span.mail,
#datFooter span.lugar{display:block; color:#434343; font-size:12px; padding-left:18px;transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s;-webkit-transition: all 0.5s ease-in-out 0s; line-height:normal; margin-bottom:5px}


span.lugar{background:url(../images/iconLugar.png) 0 4px no-repeat;}
span.tel{background:url(../images/iconTel.png) center left no-repeat; margin:10px 0 8px}
span.mail{width:225px; background:url(../images/iconMail.png) center left no-repeat;}
#datFooter span em{font-style:normal; color:#14236f; display:block; line-height:22px}


/*Footer*/
#footer{
	text-align:center;
	font-size:11px;
	color:#FFF;
	background:#14236f;
	line-height:19px;
	font-family:Arial, Helvetica, sans-serif;
}
#footer .container{padding:8px 0 10px}
#footer .tfooter{
	padding:5px 0 0;
	color:#FFF;
	float:left;
	font-size:11px
}
#footer #powered {
	color:#FFF;
	float:right;    
    font-size: 11px;
    line-height: 24px;
    margin: auto;
    width: auto;
	text-align:right;
	margin-top:4px;
}
#footer a{
	background: url(../images/iconGlobal.png) no-repeat center left;
	color:#FFF;
	padding:10px 0 10px 20px
}
#footer a:hover{
	text-decoration:underline;
}
#footer #powered a{color:#FFF;}
/*Footer*/

h1{font-size:21px; font-family:Verdana, Geneva, sans-serif; text-align:center; color:#2a387d;padding:10px 0 25px; margin:0; font-weight:normal; line-height:auto}
h2{font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#fff; font-weight:normal; margin:0;text-align:center; background:#14236f; height:30px; line-height:30px}
.sombraH2{height:20px; background:url(../images/sombraH2.png) center top no-repeat}
.sombraTop{background:url(../images/slider/sombra.png) no-repeat center bottom #FFF; padding-bottom: 24px;}
.cntSlider{padding-top:7px}
.cntSlider img{width:100%; height:auto}

/*Alerta*/
#overlay{cursor:wait;opacity:.5;background:#FFF; position:fixed; left:0; top:0; width:100%; height:100%; z-index:8000;display:none}
#cnt-alert{position:fixed; top:50%; margin-top:-70px; width:100%; height:1px; text-align:center; z-index:8001}
.alert {
	display:inline-block;
	padding: 19px 15px;
	color: #fefefe;
	position: relative;
	font: 14px/20px Museo300Regular, Helvetica, Arial, sans-serif;
	margin-bottom:10px
}
.alert .msg { padding: 0 20px 0 40px;}
.alert p { margin: 0;}
.alert .toggle-alert {
	position: absolute;
	top: 7px;
	right: 10px;
	display: block;
	text-indent: -10000px;
	width: 20px;
	height: 20px;
	border-radius: 10px;
	-webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.1), 1px 1px 1px rgba(255, 255, 255, 0.1);
	-moz-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.1), 1px 1px 1px rgba(255, 255, 255, 0.1);
	box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.1), 1px 1px 1px rgba(255, 255, 255, 0.1);
	background: rgba(0, 0, 0, 0.08) url(../images/alert.png) no-repeat 6px 6px;
}
.info-box {		background: #2fa9f6 url(../images/info.png) no-repeat 14px 14px;}
.success-box {	background: #7EB62E url(../images/success.png) no-repeat 14px 14px;}
.error-box {
	background: #f64b2f url(../images/error.png) no-repeat 14px 14px;	
}
.alert{
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.notice-box {	background: #f6ca2f url(../images/notice.png) no-repeat 14px 14px;}
.download-box {	background: #a555ca url(../images/download.png) no-repeat 14px 14px;}

/*Form Citas*/
.cntCitas .tit{height:44px; background:#00006b; line-height:44px; text-align:center; font-size:14px; color:#FFF; text-transform:uppercase}
.cntCitas .cnt{background:#fffcff; border:solid 1px #d1d1d1}
#frmCita{margin:auto; max-width:824px; padding:13px 0; line-height:18px}
#frmCita p input, 
#frmCita p textarea, 
#frmCita p label {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#949494;
}
#frmCita p,
#frmCita .select{ position: relative; margin: 0 4px 3px 0; width:24.516%; float:left;}
#frmCita p label { position: absolute; top: 7px; left: 12px; cursor:text;}
#frmCita p br {display: none;}

#frmCita p input{
	border:solid 1px #d4d4d4;
	width: calc(100% - 12px);
	padding: 7px 0 7px 10px;
}

#frmCita p input#i6{background:url(../images/cal.jpg) center right no-repeat; cursor:pointer}
#frmCita .select div{
	border:solid 1px #d4d4d4;	
	background:#FFF	
}
#frmCita .select select{
	padding: 6px 0 6px 7px;
	border:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#949494;
	width:100%;
}
#frmCita .right{float:right}
#frmCita .btnEnviar{display:block; border:none; width:106px; height:41px;cursor:pointer; margin:10px auto 0; background:url(../images/btnReservar.png) 0 0 no-repeat;transition: all 0.3s ease-in-out 0s;-webkit-transition: all 0.3s ease-in-out 0s;-moz-transition: all 0.3s ease-in-out 0s; float:none !important}
.btnEnviar:hover{opacity:.7}
p.error input,
p.error textarea{border:solid 1px #FF4C4F !important}

/*Index*/
.textIndex{text-align:center; color:#00006b; font-family:Verdana, Geneva, sans-serif; font-size:18px; letter-spacing:1.5px; padding:20px}

/*Tratamientos*/
#pag-tratamientos .container article{width:calc(33.3333% - 20px); float:left; margin-right:20px; text-align:center; min-height:155px;transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s;-webkit-transition: all 0.5s ease-in-out 0s;}
#pag-tratamientos .container article.b3{margin-right:0; width:33.3333%}
#pag-tratamientos .container article strong{display:block;background:#14236f; height:30px; font-size:16px; line-height:30px; text-align:center; color:#FFF}
#pag-tratamientos .container article ul{padding:15px 0 0; display:inline-block}
#pag-tratamientos .container article li{display:block; font-size:14px; color:#797979; line-height:20px; text-align:left; background:url(../images/li.png) 0 6px no-repeat; padding-left:13px}
#pag-tratamientos .container article img{width:100%; height:auto}
#pag-tratamientos .container article.mh135{min-height:125px}

/*Consultorios*/
#pag-consultorios aside a{display:inline-block;  margin-right:24px; }
#pag-consultorios aside a.nmr{margin-right:0;}
#pag-consultorios aside a img{width:100%; height:auto}
.datCons{width:450px; margin:auto; height:35px; text-align:center;}
.datCons span.tel, .datCons span.mail, .datCons #datFooter span.lugar{display:inline-block; width:auto;}
.datCons span.mail{margin-left:25px}
.datCons a{color: #434343;}
.mapa{padding:10px 0 20px}

/*Contacto*/
#pag-contacto h1{padding:10px 0; font-size:18px; text-transform:capitalize}
#frmContacto{line-height:20px; margin-bottom:5px}
.titC{text-align:center; padding:5px 0 20px; font-size:13px; line-height:normal;text-align:left;color:#616161; position:relative}
.titC .text{float:left}
.titC span.tel,
.titC span.mail{width:auto; margin:0; position:absolute; top:5px}
.titC span.mail{right:72px}
.titC span.tel{right:292px}
.titC .redes{bottom:17px}

#frmContacto p input, 
#frmContacto p textarea, 
#frmContacto p label {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#949494;
}
#frmContacto p {position: relative; margin: 0 4px 4px 0; width: 24.67%; float:left;}
#frmContacto p label { position: absolute; top: 9px; left: 12px; cursor:text;}
#frmContacto p br {display: none;}

#frmContacto p input,
#frmContacto p textarea{
	border:solid 1px #d4d4d4;
	padding: 10px 0 10px 10px;
}
#frmContacto p input{width:calc(100% - 12px);}
#frmContacto p.textarea{width:100%}
#frmContacto p textarea{
	width:calc(100% - 12px);
}
#frmContacto p.p4{margin-right:0; float:right;}
.cntChkbox{padding:10px 0 0;text-align:center; width:auto; margin:auto;color:#696969; font-size:12px; font-family:Arial, Helvetica, sans-serif; float:left; margin-left:15px}
.cntChkbox div{float:left; width:auto; margin:0 25px 15px 0}
.cntBtn{text-align:center; padding:5px 0 10px}
.cntBtn br{display:none}
.btnBorrar,
.btnEnviar{display:inline-block; float:right; border:none; width:82px; height:43px;cursor:pointer;}
.btnBorrar{background:url(../images/btnBorrar.png) 0 0 no-repeat; margin-right:5px;}
.btnEnviar{background:url(../images/btnEnviar.png) 0 0 no-repeat;}
.btnBorrar:hover,
.btnEnviar:hover{opacity:.7;transition: all 0.5s ease-in-out 0s;}

/*@media only screen and (max-width: 990px) {
	section.container{padding-left:5px; padding-right:5px}
	#footer .container{padding-left:5px; padding-right:5px}
	#pag-index section.container article{width:calc(100% - 380px);}
}*/
@media only screen and (min-width: 768px) {	
	#datFooter .col-2{border-left:solid 1px #d2d2d2;border-right:solid 1px #d2d2d2; box-sizing:border-box}
}
@media only screen and (max-width: 767px) {	
	#datFooter .col-footer{float:none; width:100%; margin-bottom:15px}
}
@media only screen and (max-width: 980px) {
	.logo{top:-35px}
	#top .mail{margin-right:10px}
	section.container{margin:0 10px}
	/**/
	/*#datFooter .container{margin:0 auto}
	#footer .container{margin:0 10px}
	#datFooter .fIzq,
	#datFooter .fDer{float:none; width:auto}
	#datFooter br{display:block; clear:both}
	#datFooter .fIzq:after,
	#datFooter .fDer:after{content:'';display:block;clear: both;}
	.fDer{margin-top:5px}
	#datFooter .container{width:495px}*/
	#frmContacto p.p3{margin-right:0;}
	
	/*.titC{height:auto}
	.titC div.text{float:none; padding-bottom:10px}
	.titC span.mail,
	.titC span.tel{float:none; right:none; position:static;display:block}
	.titC .redes{bottom:22px}*/
}
@media only screen and (max-width: 900px) {
	.logo{width:22.3%}
}

@media only screen and (max-width: 850px) {
	.nav ul{width:73%}
	.nav ul li{width:25%}
	.textTop{float:none; text-align:right; padding-right:10px; width:calc(100% - 10px)}
	#top .mail{margin-top:0}
}
@media only screen and (max-width: 826px) {
	#frmCita,
	#frmContacto{padding-left:5px; padding-right:5px}
	#frmCita p,
	#frmCita .select{width:32.516%;}
}
@media only screen and (max-width: 770px) {
	#frmContacto p{width:49.7%; margin-right:0}
	#frmContacto p.p2,
	#frmContacto p.p4{float:right}
	#frmContacto p.p3{float:left}
}
@media only screen and (max-width: 740px) {
	#pag-productos section.container article{float:none !important; margin:25px auto 0}
	#pag-tratamientos .container article,
	#pag-tratamientos .container article.b3{width:calc(50% - 20px); margin-right:20px}
	#pag-tratamientos .container article.b2,
	#pag-tratamientos .container article.nmr740{margin-right:0; width:50%}
	#pag-tratamientos .container article.smr740{width:calc(50% - 20px); margin-right:20px}
	#pag-tratamientos .container article.b3.mh135{float:none; margin:0 auto 20px; width:400px}
}
@media only screen and (max-width: 690px) {
	#footer .container{text-align:center}
	#footer .tfooter{float:none; text-align:center; width:auto;transition: all 0.5s ease-in-out 0s;}
	#footer #powered{float:none; display:inline-block; margin:auto;transition: all 0.5s ease-in-out 0s;}
}
@media only screen and (min-width: 661px) {
	.nav ul{display:block !important}
}
@media only screen and (max-width: 660px) {
	#top{height:80px}
	.textTop{padding-top:18px;}
	.textTop span{display:block; opacity:0; visibility:0; height:1px; overflow:hidden}
	#top .mail{margin-top:0}
	.header{background:none}
	.logo{margin-left:0; top:-80px; width:83px}
	.nav{
		padding-top:0; width:70%; height:auto; z-index:1;
		text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
		background:url(../images/bgMenu.png); width:100%
	}
	.nav em{display:block;}
	.nav ul{display:none; height:auto; width:100%;background:#62b534;}
	.nav span {
		display:block;
		transition: all 0.5s ease-in-out 0s;
		font-size:14px
	}
	.nav em.opened {
		transform: rotate(-180deg);
		transition: all 0.5s ease-in-out 0s;
	}
	.nav ul li{display:block;width:100%; margin:0;}
	nav.nav ul li a{display:block;width:auto; padding:10px 0 11px 20px;color:#FFF; text-align:left; font-size:14px; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35); background:#172570;}
	
	.nav li:hover a,
	.nav li.activo a{color:#FFFFFF; background:#0a0f3f}
	.nav strong{display:none;}
	.cntSlider{padding-top:0}
}
@media only screen and (max-width: 630px) {
	#frmCita p,
	#frmCita .select{width:48.516%;}
}
@media only screen and (max-width: 610px) {
			
}
@media only screen and (max-width: 590px) {
	.cntChkbox{float:none; width:380px; margin:auto}
	.cntChkbox:after{ontent:'';display:block;clear: both;}
	.btnBorrar, .btnEnviar{float:none}
	.cntBtn br{display:inline-block}
}
@media only screen and (max-width: 513px) {
	#datFooter .container{margin:0 10px; width:auto}
	span.tel,
	span.mail.right{float:none}
	#pag-consultorios aside a{width:calc(52.3% - 24px); margin-bottom:10px}
	#pag-consultorios aside a.nmr{margin-right:24px}
	#pag-consultorios aside a.nmr:after{ontent:'';display:block;clear: both;}
	#pag-consultorios aside a.nmr2{margin-right:0;}
	.datCons{height:60px}
	#pag-consultorios aside a{margin-right: 20px;}
}
@media only screen and (max-width: 510px) {
	.tfooter span{display:none}
	
	
}

@media only screen and (max-width: 490px) {
	.textTop{padding-left:80px;width: calc(100% - 90px);}
	#pag-index h1{font-size:140%}
	
	#pag-tratamientos .container article{width:100% !important; margin-right:0 !important}
	#pag-tratamientos .container article img{width:80%; min-width:300px; margin-bottom:20px}
	#pag-tratamientos .container article.b3.mh135{margin-bottom:0}
}
@media only screen and (max-width: 455px) {
	#datFooter .container{width:auto}
	#pag-index h1{font-size:120%}
	.datCons{width: calc(100% - 20px); margin:auto}
}
@media only screen and (max-width: 450px) {
	#frmContacto p,
	#frmContacto p.p2,
	#frmContacto p.p3,
	#frmContacto p.p4{float:none; width:100%}
	
}
@media only screen and (max-width: 420px) {
	#footer .tfooter span{display:none}
	.cntChkbox{padding-bottom:0; width:auto}
	.cntChkbox div{float:none; width:auto; margin:0}
	#frmCita p,
	#frmCita .select{width:98.516%;}
	#pag-consultorios aside a{display:block !important;width:calc(100% - 20px) !important; margin:auto !important; float:none !important}
}*/