@charset "utf-8";
/* CSS Document */

body{	font-size:20px;	font-family: 'Pragati Narrow' ; padding: 0px;	margin: 0px; background:#fff; 	color:#333;	}
#contenedor0{	width:100%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }
#contenedor1{	width:90%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }
#contenedor3{	width:70%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }
#contenedor4{	width:100%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; background:url(../img/index/fondo.jpg) fixed; background-size:100% }
#contenedor5{	width:80%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }


#header{ width: 100%; background:#EFEFF3; }
#reds{border: 0px solid #f60; width:360px; font-size:18px; height:80px; float:right; text-align:center; margin-top:3px; margin-bottom:10px}	
#newsletter{border: 0px solid #f60; width:197px;  float:right; text-align:center; margin-top:17px; margin-bottom:10px}	
#logo{width:259px; float:left; border: 0px solid #f60; margin-bottom:20px; margin-top:20px; margin-left:5%;	}	
#logo img{width:100%}

#buu { border-radius: 5px; height: 35px; color:#232323; border: 1px solid #EFEFF3; background: #EFEFF3; font-size: 20px; font-family: 'Pragati Narrow', sans-serif; }
.boton_enviar2 { background: #3F6E76; color: #fff; border: 1px solid #3F6E76; height: 40px; padding: 7px 20px;
 margin-top: 15px; font-size: 20px; font-family: 'Pragati Narrow', sans-serif; line-height: 0;}


p, #binetas{line-height:24px; font-size:21px; }
footer{	width:950px;margin:0px auto;	color:#039;	font-size:12px;	background:#ECECEC;}

#cua1{width:21%;  float:left; text-align:center; font-size:20px; color:#232323; padding:2% 2%;}
#cua1 img{ margin-bottom:12px;}

	
h1{	font-family: 'Pragati Narrow'; font-size:25px;  text-align:center; margin: 30px 0px; font-weight: 300;}
h2{	font-family: 'Pragati Narrow'; font-size:50px; color:#528E99; text-align:center; margin:30px 0; font-weight: 300;}
#txt3{	font-family: 'Pragati Narrow'; font-size:25px; color:#528E99; text-align:center; margin:20px 0; line-height:32px }
#txt33{	font-family: 'Pragati Narrow'; font-size:25px; color:#528E99; text-align:center; margin:0px 0; line-height:32px }
#txt4{	font-family: 'Pragati Narrow'; font-size:25px; color:#FFF;  line-height:27px }
#txt5{	font-family: 'Pragati Narrow'; font-size:50px; color:#EDEDED; text-align:center; margin-bottom:35px; }
#txt6{	font-family: 'Pragati Narrow'; font-size:23px; color:#528E99;  margin:0px 0; line-height:25px;  }

a{ color: #528E99;	text-decoration: none;	}
a:hover{ color: #3F6E76;    text-decoration: none;	}

#titu{	color:#3F6E76; font-size: 55px; font-family: 'Pragati Narrow'; font-weight:600;  	}
#titu2{	color:#3F6E76; font-size: 35px; font-family: 'Pragati Narrow'; font-weight:600; 	}
#titu3{	color:#333; font-size: 25px; font-family: 'Pragati Narrow'; font-weight:600; line-height:28px  	}
h3{	color:#3F6E76; font-size: 45px; font-family: 'Pragati Narrow'; font-weight:600;  	}

a.f11{ color: #fff;	text-decoration: none;	}
a.f11:hover{ color: #232323;    text-decoration: none;	}


a .doc{ background:#3F6E76; color:#FFF;	text-decoration: none;	}
a .doc:hover{ background: #6d6d6d; color:#FFF;    text-decoration: none;	}
	
#cita1{ float:left; width:47%; border: 0px solid #0F0; margin-bottom:70px}
#cita2{ float:right; width:47%; border: 0px solid #0F0; margin-bottom:70px}

.doc{ float:left; width:30%; border: 0px solid #0F0; margin:0 9.5%;   text-align:center}
.doc img{ width:100%}

.docc{ float:left; width:22%; border: 0px solid #0F0; margin:1.5%;   text-align:center}
.docc img{ width:100%}
a .docc{ background:#3F6E76; color:#FFF;	text-decoration: none;	}
a .docc:hover{ background: #6d6d6d; color:#FFF;    text-decoration: none;	}
	

#z1{font-size:19px; line-height:23px}

#doc1{ float:left; width:30%; border: 0px solid #0F0}
#doc1 img{ width:95%; }
#doc2{ float:right; width:65%; border: 0px solid #0F0}
#doc2 img{ width:95%; }

#forma1{ float:left; width:45%; border: 0px solid #0F0}
#forma2{ float:right; width:45%; border: 0px solid #0F0}

a .boton-forma{ background:#6d6d6d; color:#FFF;	text-decoration: none; text-align:center; text-transform:uppercase; margin-bottom:10px; padding:7px 10px;	font-family: 'Pragati Narrow'; line-height:25px}
a .boton-forma:hover{ background: #3F6E76; color:#FFF;    text-decoration: none;	}

#video{width:560px; height:315px;}	

.blog{float:left; width:30%; border: 0px solid #0F0; margin:1.5%;   text-align:center;}
.blog img{ width:100%}

#fots{width:700px}

#dentist1{ float:left; width:50%; border: 0px solid #0F0}
#dentist2{ float:right; width:45%; margin:0% 2.5%;  border: 0px solid #0F0}

#profesional1{ float:left; width:100%; border: 0px solid #0F0}
#profesional2{ float:right; width:30%; border: 0px solid #0F0}

#contaa1{width:45%; border:0px solid #09F; float:left}
#contaa2{width:45%; border:0px solid #09F; float:right; }
#contaa11{width:40%; border:0px solid #09F; float:left}
#contaa22{width:57%; border:0px solid #09F; float:right; }

#cont1{height:40px; background:none; width:98%; border:0px; margin-bottom:20px; font-size:22px; color:#fff; border-bottom:1px solid #fff; font-family: 'Pragati Narrow';}
#cont2{height:40px; background:none; width:98%; height:100px; border:0px; margin-bottom:22px;font-size:20px; color:#fff; border-bottom:1px solid #fff; font-family: 'Pragati Narrow';}
#bot{background:#FFF; color:#2F2826; font-family: 'Pragati Narrow'; font-size:20px; padding:5px 30px; border:0px; }

input[type=date] {  text-transform: uppercase;}


/* Firefox */
::placeholder {  color:#fff;  opacity: 1; }
/* Internet Explorer 10-11 */
:-ms-input-placeholder {  color:#fff;}
/* Microsoft Edge */
::-ms-input-placeholder {  color:#fff;}

.custom-select {  position: relative;  font-family: 'Pragati Narrow'; font-size:22px; border-bottom:1px solid #FFF; }
.custom-select select {  display: none; /*hide original SELECT element:*/}
.select-selected {  background-color: ; border-bottom:1px solid #FFF;  text-align:left}
/*style the arrow inside the select element:*/
.select-selected:after {  position: absolute;  content: "";  top: 14px;  right: 10px;  width: 0;  height: 0;
  border: 6px solid transparent;  border-color: #fff transparent transparent transparent;}
/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {  border-color: transparent transparent #fff transparent;  top: 7px;}
/*style the items (options), including the selected item:*/
.select-items div,.select-selected {  color: #ffffff;  padding: 0px 0px;  border: 1px solid transparent;  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;  cursor: pointer;  user-select: none;}
/*style items (options):*/
.select-items {  position: absolute;  background-color: #528E99;  top: 100%;  left: 0;  right: 0;  z-index: 99;}
/*hide the items when the select box is closed:*/
.select-hide {  display: none;}
.select-items div:hover, .same-as-selected {  background-color: rgba(0, 0, 0, 0.1);}

#foto1{display:block}
#foto2{display:none}


#f1{float:left; width:33%; border: 0px solid #0C6; font-size:20px; margin-top:20px;}
#f2{float:left; width:33%; border: 0px solid #0C6; font-size:20px; margin-top:0px;}
#f3{float:left; width:33%; text-align:right; border: 0px solid #0C6;font-size:20px;}

#f11{float:left; width:240px; border: 0px solid #0C6; font-size:20px; margin-top:0px;}
#f22{float:right; width:227px; border: 0px solid #0C6; font-size:20px; margin-top:px;}

.image-box {
    position: relative;
    margin: auto;
    overflow: hidden;
    width: 31%;
	float:left;
 margin-left:2%;
 margin-bottom:2%;
	 -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.image-box img {
    max-width: 100%;
    transition: all 0.3s;
    display: block;
    width: 100%;
    transform: scale(1);
}

.image-box:hover img {
    transform: scale(1.1);
}


.image-box2 {
    position: relative;
    margin: auto;
    overflow: hidden;
    width: 50%;
	float:left;
 margin-left:0%;
 margin-bottom:2%;
	 -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.image-box2 img {
    max-width: 60%;
    transition: all 0.3s;
    display: block;
    width: 100%;
    transform: scale(1);
}

.image-box2:hover img {
    transform: scale(1.1);
}


@media screen and (min-width: 890px) and (max-width: 1149px) {

#contenedor1{	width:90%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; }

#logo{width:259px; float:left; border: 0px solid #f60; margin-bottom:10px; margin-top:10px; margin-left:5%;	}	
#logo img{width:100%}


#edii{width:95%}
#contenedor4{	width:100%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; background:   url(../img/index/fondo.jpg) fixed;  background-size:113%; }

}


@media screen and (min-width: 800px) and (max-width: 889px) {
#contenedor1{	width:90%;	border: 0px solid #000;	margin: 0px auto 0px;	overflow:hidden; }
#contenedor3{	width:90%;	border: 0px solid #F60;	margin: 40px auto 40px;	overflow:hidden; }
#contenedor5{	width:90%;	border: 0px solid #000;	margin: 0px auto 0px;	overflow:hidden; }

#logo{width:100%; float:none; border: 0px solid #f60; 	margin: 0px auto 0px;	overflow:hidden; margin-bottom:0px; margin-top:10px; text-align:center 	}	
#logo img{width:259px}

#reds{border: 0px solid #f60; width:360px; font-size:18px; height:80px; float:right; text-align:center; margin-top:0px; margin-bottom:10px; margin-right:5%}	
#newsletter{border: 0px solid #f60; width:197px;  float:left; text-align:center; margin-top:14px; margin-bottom:10px; margin-left:5%}	

#cua1{width:48%;  float:left; text-align:center; font-size:20px; color:#232323; padding:0% 1%;}
#cua1 img{ margin-bottom:12px;}

h1{	font-family: 'Pragati Narrow'; font-size:25px;  text-align:center; margin: 0px 0px; }
h2{	font-family: 'Pragati Narrow'; font-size:45px; color:#528E99; text-align:center; margin:0px 0; }
#txt3{	font-family: 'Pragati Narrow'; font-size:25px; color:#528E99; text-align:center; margin:20px 0; line-height:32px }
#txt4{	font-family: 'Pragati Narrow'; font-size:25px; color:#FFF;  line-height:27px }
#txt5{	font-family: 'Pragati Narrow'; font-size:50px; color:#EDEDED; text-align:center; margin-bottom:35px; }
#txt6{	font-family: 'Pragati Narrow'; font-size:23px; color:#528E99;  margin:0px 0; line-height:25px;  }

#titu{	color:#3F6E76; font-size: 55px; font-family: 'Pragati Narrow'; font-weight:600;  	}
#titu2{	color:#3F6E76; font-size: 35px; font-family: 'Pragati Narrow'; font-weight:600; 	}
#titu3{	color:#333; font-size: 25px; font-family: 'Pragati Narrow'; font-weight:600; line-height:28px  	}
h3{	color:#3F6E76; font-size: 45px; font-family: 'Pragati Narrow'; font-weight:600;  	}

#nosotros1{ float:left; width:100%; border: 0px solid #0F0}
#nosotros2{ float:left; width:50%; margin-left:25%; border: 0px solid #0F0}

#dentist1{ float:left; width:100%; border: 0px solid #0F0}
#dentist2{ float:right; width:90%; margin:0% 5%; margin-top:20px;  border: 0px solid #0F0}

.image-box2 {
    position: relative;
    margin: auto;
    overflow: hidden;
    width: 50%;
	float:left;
 margin-left:0%;
 margin-bottom:2%;
	 -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.image-box2 img {
    max-width: 75%;
    transition: all 0.3s;
    display: block;
    width: 100%;
    transform: scale(1);
}

.image-box2:hover img {
    transform: scale(1.1);
}

#edii{width:90%}
#contenedor4{	width:100%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; background:   url(../img/index/fondo.jpg) fixed;  background-size:125%; }

.blog{float:left; width:30%; border: 0px solid #0F0; margin:1.5%;   text-align:center; min-height:355px}
.blog img{ width:100%}
}

@media screen and (min-width: 651px) and (max-width: 799px) {
#contenedor1{	width:90%;	border: 0px solid #f00;	margin: 0px auto 0px;	overflow:hidden; }
#contenedor3{	width:90%;	border: 0px solid #F60;	margin: 30px auto 30px;	overflow:hidden; }
#contenedor5{	width:90%;	border: 0px solid #0F3;	margin: 0px auto 0px;	overflow:hidden; }

#logo{width:100%; float:none; border: 0px solid #f60; 	margin: 0px auto 0px;	overflow:hidden; margin-bottom:0px; margin-top:10px; text-align:center 	}	
#logo img{width:259px}

#reds{border: 0px solid #f60; width:360px; font-size:18px; height:80px; float:right; text-align:center; margin-top:0px; margin-bottom:10px; margin-right:5%}	
#newsletter{border: 0px solid #f60; width:197px;  float:left; text-align:center; margin-top:14px; margin-bottom:10px; margin-left:5%}	

.image-box {
    position: relative;
    margin: auto;
    overflow: hidden;
    width: 48%;
	float:left;
 margin-left:2%;
 margin-bottom:2%;
	 -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


h1{	font-family: 'Pragati Narrow'; font-size:25px; line-height:31px;  text-align:center; margin: 0px 0px; font-weight: 300; }
h2{	font-family: 'Pragati Narrow'; font-size:40px; color:#528E99; text-align:center; margin:0px 0; font-weight: 300;}
#txt3{	font-family: 'Pragati Narrow'; font-size:25px; color:#528E99; text-align:center; margin:20px 0; line-height:26px }
#txt4{	font-family: 'Pragati Narrow'; font-size:25px; color:#FFF;  line-height:27px }
#txt5{	font-family: 'Pragati Narrow'; font-size:50px; color:#EDEDED; text-align:center; margin-bottom:35px; }
#txt6{	font-family: 'Pragati Narrow'; font-size:23px; color:#528E99;  margin:0px 0; line-height:25px;  }

#titu{	color:#3F6E76; font-size: 55px; font-family: 'Pragati Narrow'; font-weight:600;    line-height:57px 		}
#titu2{	color:#3F6E76; font-size: 35px; font-family: 'Pragati Narrow'; font-weight:600; 	}
#titu3{	color:#333; font-size: 25px; font-family: 'Pragati Narrow'; font-weight:600; line-height:28px  	}
h3{	color:#3F6E76; font-size: 45px; font-family: 'Pragati Narrow'; font-weight:600;  	}

#cua1{width:48%;  float:left; text-align:center; font-size:20px; color:#232323; padding:0% 1%;}
#cua1 img{ margin-bottom:12px;}

#nosotros1{ float:left; width:100%; border: 0px solid #0F0}
#nosotros2{ float:left; width:80%; margin-left:10%; border: 0px solid #0F0}

#contaa1{width:98%; border:0px solid #09F; float:left}
#contaa2{width:100%; border:0px solid #09F; float:right; margin-bottom:30px;}

#contaa11{width:98%; border:0px solid #09F; float:left; margin-bottom:30px;}
#contaa22{width:100%; border:0px solid #09F; float:right; }

#dentist1{ float:left; width:100%; border: 0px solid #0F0}
#dentist2{ float:right; width:90%; margin:0% 5%; margin-top:20px;  border: 0px solid #0F0}


.image-box2 {
    position: relative;
    margin: auto;
    overflow: hidden;
    width: 50%;
	float:left;
 margin-left:0%;
 margin-bottom:2%;
	 -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.image-box2 img {
    max-width: 80%;
    transition: all 0.3s;
    display: block;
    width: 100%;
    transform: scale(1);
}

.image-box2:hover img {
    transform: scale(1.1);
}

#edii{width:80%}
#contenedor4{	width:100%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; background:   url(../img/index/fondo.jpg) fixed;  background-size:145%; }

.doc{ float:left; width:47%; border: 0px solid #0F0; margin:0 9.5%;   text-align:center; min-height:px}
.doc img{ width:100%}

.docc{ float:left; width:32%; border: 0px solid #0F0; margin:1.5%;   text-align:center}
.docc img{ width:100%}
a .docc{ background:#3F6E76; color:#FFF;	text-decoration: none;	}
a .docc:hover{ background: #6d6d6d; color:#FFF;    text-decoration: none;	}
	

.blog{float:left; width:47%; border: 0px solid #0F0; margin:1.5%;   text-align:center; min-height:402px}
.blog img{ width:100%}

#forma1{ float:none; width:80%; border: 0px solid #0F0; margin-left:10%}
#forma2{ float:none; width:80%; border: 0px solid #0F0; margin-left:10%}

a .boton-forma{ background:#6d6d6d; color:#FFF;	text-decoration: none; text-align:center; text-transform:uppercase; margin-bottom:10px; padding:7px 10px;	font-family: 'Pragati Narrow'; line-height:25px}
a .boton-forma:hover{ background: #3F6E76; color:#FFF;    text-decoration: none;	}

#binetas{margin-top: 0px;margin-bottom: 0px;}

#doc1{ float:none; width:100%;  border: 0px solid #0F0}
#doc1 img{ width:70%; margin-left:15%; margin-bottom:20px}
#doc2{ float:none; width:100%; border: 0px solid #0F0}
}


@media screen and (min-width: 480px) and (max-width: 650px) {
body{	font-size:17px;	font-family: 'Pragati Narrow' ; padding: 0px;	margin: 0px; background:#fff; 	color:#333;	}
p{line-height:25px; }

#contenedor1{	width:90%;	border: 0px solid #0F3;	margin: 0px auto 0px;	overflow:hidden; }
#contenedor3{	width:90%;	border: 0px solid #F60;	margin: 20px auto 20px;	overflow:hidden; }
#contenedor5{	width:90%;	border: 0px solid #0F3;	margin: 0px auto 0px;	overflow:hidden; }


#logo{width:100%; float:none; border: 0px solid #f60; 	margin: 0px auto 0px;	overflow:hidden; margin-bottom:0px;  	margin: 0px auto 0px;	overflow:hidden;  margin-top:10px; text-align:center 	}	
#logo img{width:259px}

#reds{border: 0px solid #f60; width:375px; font-size:19px; height:80px; float:none; text-align:center; margin-top:5px; margin: 0px auto 0px;	overflow:hidden;}	
#newsletter{border: 0px solid #f60; width:197px;  float:left; text-align:center; margin-top:14px; margin-bottom:10px; margin-left:5%}	

.image-box {
    position: relative;
    margin: auto;
    overflow: hidden;
    width: 48%;
	float:left;
 margin-left:2%;
 margin-bottom:2%;
	 -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#titu{	color:#2F2826; font-size: 26px; font-family: 'Pragati Narrow';	}

#nosotros1{ float:left; width:100%; border: 0px solid #0F0}
#nosotros2{ float:left; width:80%; margin-left:10%; border: 0px solid #0F0}

#dentist1{ float:left; width:100%; border: 0px solid #0F0}
#dentist2{ float:right; width:90%; margin:0% 5%; margin-top:20px;  border: 0px solid #0F0}

#contaa1{width:98%; border:0px solid #09F; float:left}
#contaa2{width:100%; border:0px solid #09F; float:right; margin-bottom:30px;}
#contaa11{width:98%; border:0px solid #09F; float:left; margin-bottom:30px;}
#contaa22{width:100%; border:0px solid #09F; float:right; }

#f1{float:left; width:100%; border: 0px solid #0C6; font-size:20px; margin-top:0px; text-align:center}
#f2{float:left; width:100%; border: 0px solid #0C6; font-size:20px; margin-top:15px; margin-bottom:15px; text-align:center}
#f3{float:none; width:200px; text-align:none; border: 0px solid #0C6; font-size:20px; margin: 0px auto 0px;	overflow:hidden;  }

#f11{float:none; width:240px; border: 0px solid #0C6; font-size:20px; margin-top:0px; margin: 0px auto 0px;	overflow:hidden; }
#f22{float:none; width:227px; border: 0px solid #0C6; font-size:20px; margin: 0px auto 0px;	overflow:hidden;  margin-top:35px;}

#foto2{display:block}
#foto1{display:none}

.image-box2 {
    position: relative;
    margin: auto;
    overflow: hidden;
    width: 50%;
	float:left;
 margin-left:0%;
 margin-bottom:2%;
	 -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.image-box2 img {
    max-width: 85%;
    transition: all 0.3s;
    display: block;
    width: 100%;
    transform: scale(1);
}

.image-box2:hover img {
    transform: scale(1.1);
}

#edii{width:80%}
#contenedor4{	width:100%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; background:   url(../img/index/fondo.jpg) fixed;  background-size:200%; }

.doc{ float:left; width:47%; border: 0px solid #0F0; margin:0 9.5%;   text-align:center; min-height:px}
.doc img{ width:100%}

.docc{ float:left; width:47%; border: 0px solid #0F0; margin:1.5%;   text-align:center}
.docc img{ width:100%}
a .docc{ background:#3F6E76; color:#FFF;	text-decoration: none;	}
a .docc:hover{ background: #6d6d6d; color:#FFF;    text-decoration: none;	}
	


h1{	font-family: 'Pragati Narrow'; font-size:25px; line-height:31px;  text-align:center; margin: 0px 0px; }
h2{	font-family: 'Pragati Narrow'; font-size:40px; color:#528E99; text-align:center; margin:0px 0; }
#txt3{	font-family: 'Pragati Narrow'; font-size:25px; color:#528E99; text-align:center; margin:20px 0; line-height:26px }
#txt4{	font-family: 'Pragati Narrow'; font-size:25px; color:#FFF;  line-height:27px }
#txt5{	font-family: 'Pragati Narrow'; font-size:50px; color:#EDEDED; text-align:center; margin-bottom:35px; }
#txt6{	font-family: 'Pragati Narrow'; font-size:23px; color:#528E99;  margin:0px 0; line-height:25px;  }

#titu{	color:#3F6E76; font-size: 50px; font-family: 'Pragati Narrow'; font-weight:600;   line-height:55px 		}
#titu2{	color:#3F6E76; font-size: 30px; font-family: 'Pragati Narrow'; font-weight:600; 	}
#titu3{	color:#333; font-size: 23px; font-family: 'Pragati Narrow'; font-weight:600; line-height:23px  	}
h3{	color:#3F6E76; font-size: 35px; font-family: 'Pragati Narrow'; font-weight:600;  	}

#cua1{width:80%;  float:left; text-align:center; font-size:20px; color:#232323; padding:0% 0%; margin-left:10%}
#cua1 img{ width:auto; margin-bottom:12px;}

#cita1{ float:left; width:100%; border: 0px solid #0F0; margin-bottom:0px}
#cita2{ float:right; width:100%; border: 0px solid #0F0; margin-bottom:35px}


#contaa1{width:100%; border:0px solid #09F; float:left}
#contaa2{width:100%; border:0px solid #09F; float:right; }

#contaa11{width:100%; border:0px solid #09F; float:left; margin-bottom:30px;}
#contaa22{width:100%; border:0px solid #09F; float:right; }

#cont1{height:40px; background:none; width:98%; border:0px; margin-bottom:20px; font-size:22px; color:#fff; border-bottom:1px solid #fff; font-family: 'Pragati Narrow';}
#cont2{height:40px; background:none; width:98%; height:100px; border:0px; margin-bottom:22px;font-size:20px; color:#fff; border-bottom:1px solid #fff; font-family: 'Pragati Narrow';}
#bot{background:#FFF; color:#2F2826; font-family: 'Pragati Narrow'; font-size:20px; padding:5px 30px; border:0px; }

.blog{float:left; width:100%; border: 0px solid #0F0; margin:0%;   text-align:center; margin-bottom:25px}
.blog img{ width:100%}

#forma1{ float:none; width:80%; border: 0px solid #0F0; margin-left:10%}
#forma2{ float:none; width:80%; border: 0px solid #0F0; margin-left:10%}

#binetas{margin-top: 0px;margin-bottom: 0px;}

#doc1{ float:none; width:100%;  border: 0px solid #0F0}
#doc1 img{ width:80%; margin-left:10%; margin-bottom:20px}
#doc2{ float:none; width:100%; border: 0px solid #0F0}
}



@media screen and (min-width: 320px) and (max-width: 479px) {
body{	font-family: 'Pragati Narrow'; padding: 0px;	margin: 0px; background:#fff; 	color:#333;	}

#logo{width:259px; float:none; border: 0px solid #f60; margin-bottom:10px; margin-top:10px; margin-left:0%;	margin: 0px auto 0px;	overflow:hidden;}	
#logo img{width:100%}

#reds{border: 0px solid #f60; width:375px; font-size:19px; height:80px; float:none; text-align:center; margin-top:5px; margin: 0px auto 0px;	overflow:hidden;}	
#newsletter{border: 0px solid #f60; width:197px;  float:left; text-align:center; margin-top:14px; margin-bottom:0px; margin-left:5%}	

#buu { border-radius: 5px; height: 30px; color:#232323; border: 1px solid #EFEFF3; background: #EFEFF3; font-size: 20px; font-family: 'Pragati Narrow', sans-serif; width:220px }
.boton_enviar2 { background: #3F6E76; color: #fff; border: 1px solid #3F6E76; height: 35px; padding: 7px 20px;
 margin-top: 15px; font-size: 20px; font-family: 'Pragati Narrow', sans-serif; line-height: 0;}


p{line-height:25px; }

#contenedor1{	width:90%;	border: 0px solid #000;	margin: 0px auto 0px;	overflow:hidden; }
#contenedor3{	width:90%;	border: 0px solid #F60;	margin: 10px auto 10px;	overflow:hidden; }
#contenedor5{	width:90%;	border: 0px solid #0F3;	margin: 0px auto 0px;	overflow:hidden; }

h1{	font-family: 'Pragati Narrow'; font-size:22px; line-height:25px;  text-align:center; margin: 0px 0px; }
h2{	font-family: 'Pragati Narrow'; font-size:35px; color:#528E99; text-align:center; margin:0px 0; }
#txt3{	font-family: 'Pragati Narrow'; font-size:25px; color:#528E99; text-align:center; margin:20px 0; line-height:26px }
#txt4{	font-family: 'Pragati Narrow'; font-size:25px; color:#FFF;  line-height:27px }
#txt5{	font-family: 'Pragati Narrow'; font-size:50px; color:#EDEDED; text-align:center; margin-bottom:35px; }
#txt6{	font-family: 'Pragati Narrow'; font-size:23px; color:#528E99;  margin:0px 0; line-height:25px;  }

#titu{	color:#3F6E76; font-size: 40px; font-family: 'Pragati Narrow'; font-weight:600;   line-height:47px 		}
#titu2{	color:#3F6E76; font-size: 27px; font-family: 'Pragati Narrow'; font-weight:600; 	}
#titu3{	color:#333; font-size: 23px; font-family: 'Pragati Narrow'; font-weight:600; line-height:23px  	}
h3{	color:#3F6E76; font-size: 30px; font-family: 'Pragati Narrow'; font-weight:600;  	}

.image-box {
    position: relative;
    margin: auto;
    overflow: hidden;
    width: 49%;
	float:left;
 margin-left:1%;
 margin-bottom:1%;
	 -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#dentist1{ float:left; width:100%; border: 0px solid #0F0}
#dentist2{ float:right; width:90%; margin:0% 5%; margin-top:20px;  border: 0px solid #0F0}

#cua1{width:48%; margin:0 1%; float:left; text-align:center; font-size:17px; color:#232323; margin-bottom:15px;}
#cua1 img{width:100%; margin-bottom:12px;}

#nosotros1{ float:left; width:100%; border: 0px solid #0F0}
#nosotros2{ float:left; width:100%; margin-left:0%; border: 0px solid #0F0}

#cita1{ float:left; width:100%; border: 0px solid #0F0; margin-bottom:0px}
#cita2{ float:right; width:100%; border: 0px solid #0F0; margin-bottom:35px}


#contaa1{width:100%; border:0px solid #09F; float:left}
#contaa2{width:100%; border:0px solid #09F; float:right; }
#contaa11{width:100%; border:0px solid #09F; float:left; margin-bottom:30px;}
#contaa22{width:100%; border:0px solid #09F; float:right; }

#cont1{height:40px; background:none; width:98%; border:0px; margin-bottom:20px; font-size:20px; color:#fff; border-bottom:1px solid #fff; font-family: 'Pragati Narrow';}
#cont2{height:40px; background:none; width:98%; height:100px; border:0px; margin-bottom:22px;font-size:20px; color:#fff; border-bottom:1px solid #fff; font-family: 'Pragati Narrow';}
#bot{background:#FFF; color:#2F2826; font-family: 'Pragati Narrow'; font-size:20px; padding:5px 30px; border:0px; }

.custom-select {  position: relative;  font-family: 'Pragati Narrow'; font-size:20px; border-bottom:1px solid #FFF; }


#f1{float:left; width:100%; border: 0px solid #0C6; font-size:20px; margin-top:0px; text-align:center}
#f2{float:left; width:100%; border: 0px solid #0C6; font-size:20px; margin-top:15px; margin-bottom:15px; text-align:center}
#f3{float:none; width:200px; text-align:none; border: 0px solid #0C6; font-size:20px; margin: 0px auto 0px;	overflow:hidden;  }

#f11{float:none; width:240px; border: 0px solid #0C6; font-size:20px; margin-top:0px; margin: 0px auto 0px;	overflow:hidden; }
#f22{float:none; width:227px; border: 0px solid #0C6; font-size:20px; margin: 0px auto 0px;	overflow:hidden;  margin-top:35px;}

#foto2{display:block}
#foto1{display:none}

.image-box2 {
    position: relative;
    margin: auto;
    overflow: hidden;
    width: 50%;
	float:left;
 margin-left:0%;
 margin-bottom:2%;
	 -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.image-box2 img {
    max-width: 90%;
    transition: all 0.3s;
    display: block;
    width: 100%;
    transform: scale(1);
}

.image-box2:hover img {
    transform: scale(1.1);
}

#edii{width:80%}
#contenedor4{	width:100%;	border: 0px solid #F60;	margin: 0px auto 0px;	overflow:hidden; background:   url(../img/index/fondo.jpg) ;  background-size:140%; }

.doc{ float:left; width:80%; border: 0px solid #0F0; margin:0%;  margin-left:10%; margin-bottom:25px;  text-align:center; min-height:319px}
.doc img{ width:100%}

.docc{ float:left; width:47%; border: 0px solid #0F0; margin:1.5%;   text-align:center}
.docc img{ width:100%}
a .docc{ background:#3F6E76; color:#FFF;	text-decoration: none;	}
a .docc:hover{ background: #6d6d6d; color:#FFF;    text-decoration: none;	}
	


#cua1{width:90%;  float:left; text-align:center; font-size:20px; color:#232323; padding:0% 0%; margin-left:5%}
#cua1 img{ width:auto; margin-bottom:12px;}

.blog{float:left; width:100%; border: 0px solid #0F0; margin:0%;   text-align:center; margin-bottom:25px}
.blog img{ width:100%}

#forma1{ float:none; width:90%; border: 0px solid #0F0; margin-left:5%}
#forma2{ float:none; width:90%; border: 0px solid #0F0; margin-left:5%}

#binetas{margin-top: 0px;margin-bottom: 0px;}

#doc1{ float:none; width:100%;  border: 0px solid #0F0}
#doc1 img{ width:90%; margin-left:5%; margin-bottom:20px}
#doc2{ float:none; width:100%; border: 0px solid #0F0}
}


/* CSS Carrusel */