/* #Page Styles
================================================== */
@import "../assets/css";
@import "../assets/css_1";


/*Accordion*/

.accordion {}




.degradado1{
background: linear-gradient(left, #65baca, #65baca, #fff);
background: -moz-linear-gradient(left, #65baca, #65baca, #fff);
background: -webkit-linear-gradient(left, #65baca, #65baca, #fff);
background: -ms-linear-gradient(left, #65baca, #65baca, #fff);
}
.roll-hover-naranja{background:#7babb4;}
.roll-hover-naranja:hover{background: #ed8825;}

a:visited{ text-decoration:none; color:#000;}
.welcometext{margin-top:55%; position:absolute;}
.title { 	text-align:right; 
			margin-right:3%;}
.subtitle { 	text-align:right; 
			margin-right:3%;
			margin-top:-1%;}
			

.contactimg{ margin-top:10px;}   

.menubutton {
	 padding:5px 10px 5px;
	 margin:-180px 15px 0px 73%;
	 position:absolute; 
	 background:#993224;
	 float:right;
	 letter-spacing: 0.3em;

	 
	 }
	 
.boxed{background: #fff;}
.boxed2{background: #6e9292;}
		   
.menubutton a { 

	color:#000; 
	}
		
.shadow {
  -moz-box-shadow:    0px 0px 1px 2px #ccc;
  -webkit-box-shadow: 0px 0px 1px 2px #ccc;
  box-shadow:         0px 0px 1px 2px #ccc;
}			


.welcome{margin-top:55%; position:absolute;}
.sectionp {padding-top:4%;}
.section {padding-top:10%;}

body{ background:#fff;}


#bgsectionone {background:#fff; }

#socialbox img {max-width:200px;}

.underline {display:inline; text-transform:uppercase; text-decoration:underline; vertical-align:top; margin-right:2%;}






.qrcode{ margin-top:10px;}



.more{
	background:rgba(0,0,0,0.5); height:20px; width:100%; margin-top:1%;
	}
			
		
.crop{
	overflow:hidden; /* this is important */
	position:relative; /* this is important too */
	width:100%;
	height:180px;
	}

.crop img{
	position:absolute;
	width:100%;
	}
	
				
.rotate-text{-webkit-transform: rotate(-90deg); 
-moz-transform: rotate(-90deg); 
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);}
/*--- General ---*/

h1{
color:#fff;
    
font-family: 'Geneva','Alike Angular', serif;
    font-weight: normal; 
    text-decoration:none;

  }


h2, h3, h4, a{
		color:#fff;
		
font-family: 'Geneva','Alike Angular', serif;
		font-weight: normal; 
		text-decoration:none;}


h5, h6, p, select, label {
		color:#fff;
		
font-family: 'Geneva','Arimo', sans-serif;
		font-weight: normal; 
		text-decoration:none;}
		
p { font-family: 'Geneva','Arimo', sans-serif, Helvetica, sans-serif;}

h2 { font-size:58px;}		

.shadow {
	-moz-box-shadow: 2px 2px 3px rgba(0,0,0,.5);
	-webkit-box-shadow: 2px 2px 3px rgba(0,0,0,.5);
	box-shadow: 2px 2px 3px rgba(0,0,0,.5);
}

.shadow2{
	-moz-box-shadow:    1px 1px 2px 2px rgba(0,0,0,0.3);
	-webkit-box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.3); 
	box-shadow:         1px 1px 2px 2px rgba(0,0,0,0.3); 
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";/* For IE 8 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');/* For IE 5.5 - 7 */
	}
.rounded {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;}
						
a {color:#000; !important}

form {
	   font-family: 'Geneva',Champagne;
		 }	
select {
	color:#000;
	height:30px;
		}	
.fixedsection { position:fixed;}

.getsmall {
-webkit-transition:All .3s ease;
-moz-transition:All .3s ease;
-o-transition:All .3s ease;
}


.getsmall:hover{
-webkit-transform: rotate(0deg) scale(1.05)  translate(0px);
-moz-transform: rotate(0deg) scale(1.05)  translate(0px);
-o-transform: rotate(0deg) scale(1.05)  translate(0px);
}

.getbig {
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
}

.getbig:hover{
-webkit-transform:  translate(10px);
-moz-transform:  translate(10px);
-o-transform:  translate(10px);
background-color:#666;
}

.getswag {
-webkit-transition:All .5s ease;
-moz-transition:All .5s ease;
-o-transition:All .5s ease;
}

.getswag:hover{
-webkit-transform:  translate(0px,-15px);
-moz-transform:  translate(0px,-15px);
-o-transform:  translate(0px,-15px);
}


/*--- Sections ---*/
.sectiontitle {background:#db3439; color:#fff; padding:1% 2% 1%; margin:1% 3% 3% ;}

/*--- White Container ---*/
.white {background:#fff; color:#666;}

/*--- Banner ---*/
.logo { }
.slogan {margin:1% 5% 1% 0; padding:1%; color:#eee;}

#header-bg{
 
background: #fff;
}

#fondo-banner{background: url('../assets/fondo-banner.png') no-repeat bottom center, #fff;}

#bg-accordion{background: url('../assets/bg-accordion-slider.png') no-repeat bottom center;}
#bg-doctors{background: url('../assets/bg-doctors2.jpg') no-repeat top left, #ecf2f2; background-size: 150%;}
#bg-bariatric{background: url('../assets/bg-bariatric.png') no-repeat top right; background-size: 70%;}
#bg-doctors2{background: url('../assets/bg-doctors2.png') no-repeat top right; background-size: 70%;}
#bg-nosotros{background: url('../assets/bg-nosotros.png') no-repeat bottom right; background-size: 70%;}
#bg-gastric{background: url('../assets/bg-gastric.png') no-repeat top right; background-size: 70%;}
#bg-turism{background: url('../assets/bg-turism.png') no-repeat top right; background-size: 70%;}
#bg-financing{background: url('../assets/bg-financing.png') no-repeat top right; background-size: 70%;}
#bg-mexicali{background: url('../assets/bg-mexicali.png') no-repeat top right; background-size: 70%;}
#bg-testimonials{background: url('../assets/bg-testimonials.png') no-repeat top right; background-size: 70%;}
#bg-gastric-bypass{background: url('../assets/bg-gastric-bypass.png') no-repeat top right; background-size: 70%;}
#bg-gastric-band{background: url('../assets/bg-gastric-band.png') no-repeat top right; background-size: 70%;}
#bg-intragastric{background: url('../assets/bg-intragastric.png') no-repeat top right; background-size: 70%;}
#bg-duo{background: url('../assets/bg-duo.png') no-repeat top right; background-size: 70%;}

#bg-cosmetic{background: url('../assets/bg-cosmetic.png') no-repeat top right; background-size: 70%;}
#bg-woman{background: url('../assets/bg-woman.png') no-repeat top right; background-size: 70%;}
#bg-orto{background: url('../assets/bg-orto.png') no-repeat top right; background-size: 70%;}
#bg-neuro{background: url('../assets/bg-neuro.png') no-repeat top right; background-size: 70%;}
#bg-urology{background: url('../assets/bg-urology.png') no-repeat top right; background-size: 70%;}
#bg-cancer{background: url('../assets/bg-cancer.png') no-repeat top right; background-size: 70%;}
#bg-general{background: url('../assets/bg-general.png') no-repeat top right; background-size: 70%;}






#fondo-slider{background: url('../assets/fondo-slider.png') no-repeat bottom left;
}



#fondo-mision1{background: url('../assets/fondo-mision.png') no-repeat top left, #0a85c9; background-size: 350%;}
#fondo-mision2{background: url('../assets/fondo-mision_1.png') no-repeat top center, #0a85c9; background-size: 350%;}
#fondo-mision3{background: url('../assets/fondo-mision_2.png') no-repeat top right, #0a85c9; background-size: 350%;}

.alto-caption{padding-bottom: 8%;}

 a.naranja:link{
 	width: 123px;
 	height: 143px;
 	position: relative;
 	top:-18px;
 	background: url('../assets/fondo-naranja.png');
 	background-repeat: no-repeat;
 	line-height: 60px;
 }


/*--- Text ---*/
.text {background:#00986e; padding:1% 2% 1%; margin:3%;}
.selected {background:#666; padding:1% 2% 1%; margin:3%;}

/*--- Menu ---*/


#tinymenu { width:100%;
			min-height:35px;
			
			}	

#tinymenu ul {padding:10px 0 10px;background:#01445d; text-align: left;}
#tinymenu li{ display:list-item; margin:15px 18px 15px;}
#tinymenu li a { font-size:20px; color:#fff;}	
#tinymenu li a:hover {color:#fff;}
/*tinymenu submenu*/
#tinymenu2 { width:100%;
			min-height:35px;	
			}	

#tinymenu2 ul {padding:10px 0 10px;background:#005777; text-align: left;}
#tinymenu2 li{ display:list-item; margin:15px 18px 15px;}
#tinymenu2 li a { font-size:20px; color:#fff;}	
#tinymenu2 li a:hover {color:#fff;}
		
.tinynav { display: none }

/* desktop MENU botones links nivel 1*/
.mi-menu  {
z-index: 1;
 
    list-style-type: none;
    margin: 0 auto; /* si queremos centrarlo */
    padding: 0;

    /* la altura y su ancho dependerÃ¡n de los textos */
  
    /* el color de fondo */
   
  }

   .mi-menu  br { display:none; }

  /* cada item del menu */
  .mi-menu  li {
  	z-index: 1;
    display: block;
    float: left; /* la lista se ve horizontal */
    height: 52px;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
  }

  .mi-menu li a {
  	color: #fff;
  	z-index: 1;
    display: block;
    font-size: 13px;
    font-weight: bold;
    line-height: 28px;
    padding: 0 8px;
    margin: 9px 0;
    text-decoration: none;
    /* animamos el cambio de color de los textos */
    -webkit-transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    -ms-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
  }

  .mi-menu li:first-child a { border-left: none; }
  .mi-menu li:last-child a{ border-right: none; }
  /* efecto hover cambia el color */
  .mi-menu li:hover > a { color: #F3E997; }

  /* los submenÃºs */
  .mi-menu ul {
  	z-index: 1;
    border-radius: 0 0 5px 5px;
    border-bottom: 1px solid #202020;
    border-left: 1px solid #202020;
    border-right: 1px solid #202020;
    left: 0;
    margin: 0;
    opacity: 0; /* no son visibles */
    position: absolute;
    top: 53px; /* se ubican debajo del enlace principal */
    /* el color de fondo */
    background: #434343;
    /* animamos su visibildiad */
    -moz-transition: opacity .25s ease .1s;
    -webkit-transition: opacity .25s ease .1s;
    -o-transition: opacity .25s ease .1s;
    -ms-transition: opacity .25s ease .1s;
    transition: opacity .25s ease .1s;
  }

  /* son visibes al poner el cursor encima */
  .mi-menu li:hover > ul { opacity: 1; }

   /* cada un ode los items de los submenÃºs */
  .mi-menu ul li {
    height: 0; /* no son visibles */
    overflow: hidden;
    padding: 0;
    /* animamos su visibildiad */
    -moz-transition: height .25s ease .1s;
    -webkit-transition: height .25s ease .1s;
    -o-transition: height .25s ease .1s;
    -ms-transition: height .25s ease .1s;
    transition: height .25s ease .1s;
  }

   .mi-menu li:hover > ul li {
    height: 36px; /* los mostramos */
    overflow: visible;
    padding: 0;
  }
  .mi-menu ul li a {
    font-size: 11px;
    border: none;
    border-bottom: 1px solid #343434;
    margin: 0;
    /* el ancho dependerÃ¡ de los textos a utilizar */
    padding: 5px 20px;
    width: 200px;
  }
  /* el Ãºltimo n otiene un borde */
  .mi-menu ul li:last-child a { border: none; }

#nav .selected a { color: #fff; }

/*--- Video ---*/
.video {background:url(../modules/video/5.png) no-repeat;}	
			
/*---- Footer ---*/
#footer { margin-top:0;}
 .footer-bg{background:#5f8b90;  padding-top: 15px; padding-bottom: 20px; margin-top: -25px; border-top:1px solid #4e7276;}

 #footer-content-info{
 	margin-top: 0;
 	padding-top: 0;
 }

/*--- Contact ---*/
.contact {height:300px;}
.info {background:#a6d9ec;margin-top:5%;margin-bottom:3%; padding:2%;}
.socialbutton {padding:1% 2% 1%; margin:1% 10% 1% 0;}
.socialbutton img { width:25px; vertical-align:middle;}
.socialbutton h5 { display:inline; margin-left:15px; vertical-align:middle;}
.fb{background:#2f4779;}
.tw{background:#00c0f7;}
.yt{background:#CD332D;}


/* ---- Publicaciones ----*/


	
			
/*--- Screen Display ---*/		
.mobile{display:none;}	
.desk{display:block;}		



.welcome{background:#02537a; margin:2px; padding:2px 20px 2px;  margin-top:-10px; z-index:1; width:93%;}
.welcome h4{font-size:26px;}


/* #MODULOS //////////////////////////////////////////////////////////////////////////////////////////////////////////
================================================== */
/*home*/
.get-q{
    min-width: 120px;
    text-align: center;
    border:1px solid #064B60; 
    -webkit-border-radius: 0px; 
    -moz-border-radius: 0px;
    border-radius: 0px; 
    padding: 5px 8px 8px 5px; 
    font-size: 18px;
    text-decoration:none; 
    display:inline-block;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    color: #FFFFFF;
    background-color: #137696; background-image: -webkit-gradient(linear, left top, left bottom, from(#137696), to(#08617C));
    background-image: -webkit-linear-gradient(top, #137696, #08617C);
     background-image: -moz-linear-gradient(top, #137696, #08617C);
     background-image: -ms-linear-gradient(top, #137696, #08617C);
     background-image: -o-linear-gradient(top, #137696, #08617C);
     background-image: linear-gradient(to bottom, #137696, #08617C);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#137696, endColorstr=#08617C);
}
.get{
   
    border:1px solid #064B60; 
    -webkit-border-radius: 0px; 
    -moz-border-radius: 0px;
    border-radius: 0px; 
    padding: 5px 8px 8px 5px; 
    font-size: 18px;
    text-decoration:none; 
    display:inline-block;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    color: #FFFFFF;
    background-color: #137696; background-image: -webkit-gradient(linear, left top, left bottom, from(#137696), to(#08617C));
    background-image: -webkit-linear-gradient(top, #137696, #08617C);
     background-image: -moz-linear-gradient(top, #137696, #08617C);
     background-image: -ms-linear-gradient(top, #137696, #08617C);
     background-image: -o-linear-gradient(top, #137696, #08617C);
     background-image: linear-gradient(to bottom, #137696, #08617C);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#137696, endColorstr=#08617C);
}

.get-verde{
    border:1px solid #507679; 
    -webkit-border-radius: 0px; 
    -moz-border-radius: 0px;
    border-radius: 0px; 
    padding: 5px 10px 5px 10px; 
    text-decoration:none; 
    display:inline-block;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    color: #FFFFFF;
  background-color: #6DADB1; background-image: -webkit-gradient(linear, left top, left bottom, from(#6DADB1), to(#618F92));
 background-image: -webkit-linear-gradient(top, #6DADB1, #618F92);
 background-image: -moz-linear-gradient(top, #6DADB1, #618F92);
 background-image: -ms-linear-gradient(top, #6DADB1, #618F92);
 background-image: -o-linear-gradient(top, #6DADB1, #618F92);
 background-image: linear-gradient(to bottom, #6DADB1, #618F92);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#6DADB1, endColorstr=#618F92);
}
.get-verde2{
    border:1px solid #507679; 
    -webkit-border-radius: 0px; 
    -moz-border-radius: 0px;
    border-radius: 0px; 
    padding: 5px 10px 5px 10px; 
    text-decoration:none; 
   
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    color: #FFFFFF;
  background-color: #6DADB1; background-image: -webkit-gradient(linear, left top, left bottom, from(#6DADB1), to(#618F92));
 background-image: -webkit-linear-gradient(top, #6DADB1, #618F92);
 background-image: -moz-linear-gradient(top, #6DADB1, #618F92);
 background-image: -ms-linear-gradient(top, #6DADB1, #618F92);
 background-image: -o-linear-gradient(top, #6DADB1, #618F92);
 background-image: linear-gradient(to bottom, #6DADB1, #618F92);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#6DADB1, endColorstr=#618F92);
}
.style-menu{
  border:1px solid #507679;
  text-decoration:none;
   text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
 background-color: #6DADB1; background-image: -webkit-gradient(linear, left top, left bottom, from(#6DADB1), to(#618F92));
 background-image: -webkit-linear-gradient(top, #6DADB1, #618F92);
 background-image: -moz-linear-gradient(top, #6DADB1, #618F92);
 background-image: -ms-linear-gradient(top, #6DADB1, #618F92);
 background-image: -o-linear-gradient(top, #6DADB1, #618F92);
 background-image: linear-gradient(to bottom, #6DADB1, #618F92);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#6DADB1, endColorstr=#618F92);
}

.testimonials-text {
    background: none repeat scroll 0 0 #65A4A8;
    padding: 10px 10px 1px;
    width: 180px;
}
.testimonials-author {
    background: url("../images/testimonials.gif") no-repeat scroll left top rgba(0, 0, 0, 0);
    display: block;
    padding-top: 15px;
   
}

.footer-links {
    background: url("../images/footer-links.gif") no-repeat scroll left top rgba(0, 0, 0, 0);
    display: block;
    padding-top: 15px;
   
}
.footer-links-none {
    background: url("../images/footer-links-none.gif") no-repeat scroll left top rgba(0, 0, 0, 0);
    display: block;
    padding-top: 15px;
   
}

#figura1{background: url('../assets/figura1.png') no-repeat center right , #015778; background-size: 80%;}
#figura2{background: url('../assets/figura2.png') no-repeat center right , #fff; background-size: 80%;}
#figura3{background: url('../assets/figura3.png') no-repeat center right , #4f7478; background-size: 80%;}

.margin-welcome{margin:0px 0 80px 0;}
.icon1{ 
	background:url('../assets/icon-sprite.png') 0px 0px;
	width:39px;
    height:39px;
}

.icon2{ 
	background:url('../assets/icon-sprite_1.png') -40px 0px;
	width:39px;
    height:39px;
}

.icon3{ 
	background:url('../assets/icon-sprite_2.png') -80px 0px;
	width:39px;
    height:39px;
}

.icon4{ 
	background:url('../assets/icon-sprite_3.png') -120px 0px;
	width:39px;
    height:39px;
}

.social-img{

	display:inline; 

	vertical-align:middle;

}

#fondo-popular{
      background: #ffffff; /* Old browsers */
      background: -moz-linear-gradient(top, #ffffff 0%, #d8d8d8 100%); /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d8d8d8)); /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, #ffffff 0%,#d8d8d8 100%); /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, #ffffff 0%,#d8d8d8 100%); /* Opera 11.10+ */
      background: -ms-linear-gradient(top, #ffffff 0%,#d8d8d8 100%); /* IE10+ */
      background: linear-gradient(to bottom, #ffffff 0%,#d8d8d8 100%); /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d8d8d8',GradientType=0 ); /* IE6-9 */
      }

.welcome-text{margin-top:-120px;background: #fff;}
.home-links{margin-top: -68px;}
.select1 select {
    padding:3px;
    margin: 0;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
 
    background: #668fc9;
    color:#fff;
    border:none;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
}



.select1 label {position:relative}
.select1 label:after {
    content:'<>';
    font:14px "Consolas", monospace;
    color:#fff;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    right:35px; top:5px;
    padding:0 0 2px;
    border-bottom:1px solid #ddd;
    position:absolute;
    pointer-events:none;
}
.select1 label:before {
    content:'';
    right:36px; top:3px;
    width:20px; height:25px;
    background:#668fc9;
    position:absolute;
    pointer-events:none;
    display:block;
}


/*--- about.php ---*/	
.m-about-titulo-content{padding:2%; background:#015778;}
.m-about-imagen img{
	margin: 4%;
	width: 100%;
}
.m-img-mobil-1{display: none;}

.m-padding-text{padding: 2%;}

/*--- album.php ---*/	
.m-album-titulo{padding:2%; background: gray;}
.m-regresar-album{background:gray; padding:1%; margin:2%; margin-top:12%; width:90%;}
.m-ver-mas-album{background: gray; padding:1%; margin:2%; width:90%;}
/*--- album2.php ---*/	
/*--- album3.php ---*/	
/*--- album4.php ---*/	
/*--- banner.php ---*/	
.m-logo{
	border: gray solid 1px;
	width: 100%;
}
.sombra-1{
   box-shadow: 5px 5px 0px rgba(153,153,153,0.3);
   -moz-box-shadow: 5px 5px 0px rgba(153,153,153,0.3);
   -webkit-box-shadow: 5px 5px 0px rgba(153,153,153,0.3);
}
.disappear{display: none;}


/*--- contact.php ---*/	

/*--- contactinfo.php ---*/	
.m-buscanos-en{padding-top:1px;}

.fb{ 
	background:url('../assets/socialsprite.png') 0px 0px;
	width:39px;
    height:39px;
}

.tw{ 
	background:url('../assets/socialsprite_1.png') -40px 0px;
	width:39px;
    height:39px;
}

.yt{ 
	background:url('../assets/socialsprite_2.png') -80px 0px;
	width:39px;
    height:39px;
}

.bl{ 
	background:url('../assets/socialsprite_3.png') -120px 0px;
	width:39px;
    height:39px;
}

.gp{ 
	background:url('../assets/socialsprite_4.png') -160px 0px;
	width:39px;
    height:39px;
}

.fr{ 
	background:url('../assets/socialsprite_5.png') -200px 0px;
	width:39px;
    height:39px;
}

.pi{ 
	background:url('../assets/socialsprite_6.png') -240px 0px;
	width:39px;
    height:39px;
}



/*--- footer.php ---*/	
.m-content-footer{margin:0 0 0;}

.m-firma{ text-align: center;}

/*--- gallery.php ---*/	
.m-content-gallery-titulo{padding:2%; background:gray;}

.m-ver-mas-gallery{background: gray; padding:1%; margin:2%; width:90%;}

/*--- links.php ---*/	
.m-ver-mas{
	padding:1% 2% 1%; 
	background: #989898;
	text-align: right;
}
.m-content-links{
	margin-top:1%; 
	margin-bottom:1%;
}

.m-servicios{padding:1% 2% 1%;}
.bg-links{
	background: #fee7cb; /* Old browsers */

}

.size-font-links{font-size: 16px;}
.size-font-links2{font-size: 25px;}

/*--- menu.php ---*/	
.m-mainmenu{
	margin:0 0px 0;
}

/*--- meta.php ---*/
/*--- slider.php ---*/	
/*--- video.php ---*/	
/*m-cosmetic-surgery*/
.cosmetic1{margin-top:-120px;}
.cosmetic2{margin-top:-80px;}

/*--- info-productos.php ---*/	
.hov:hover {
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}

.m-img-producto{width: 100%}
#m-content-menu-info{
		background: gray; margin-right: 1em;
		text-align: center;
}
#m-content-menu-info ul li {
	display: inline-block;
	zoom: 1; /* IE7 (hasLayout)*/
       *display: inline; /* IE */
       margin-bottom: 0;
       
}

 #m-content-menu-info ul a{
	list-style: none;
	display: inline-block;
	zoom: 1; /* IE7 (hasLayout)*/
       *display: inline; /* IE */

}

 #m-content-menu-info li a{

 	color: #ffffff;
	display: inline-block;
	zoom: 1; /* IE7 (hasLayout)*/
       *display: inline; /* IE */
	padding-top: 1em;
	padding-bottom: 1em;
	padding-left: 1.2em;
	padding-right: 1.2em;

}

 #m-content-menu-info li a:hover{
	background: #C8C8C8 ;
}

.m-content-info-producto{
	padding:2%; 
	background: #ffffff;
	margin-right: 1em;
}

.m-color-info-producto{
 	color: #484848;
}


#ver-mas-estilo{
	width: 20%;
	padding: 1%;
}

.fixed-links{
			z-index: 1000;
			position: fixed;
			
		}
		
.padding-links{padding: 1em;}


.correo-font{
	font-size: 15px;
}

.width-links1{width:130px;}
.links-letra-1{font-size:12px;}
.links-letra-2{font-size:14px;}

#bg-slide1{ background: url('../assets/139793714801-hospital-outside-Hospital-de-la-Famil.jpg');}

.caption-content{
    background: url('../assets/fondo-slider-2.png') no-repeat bottom left;
    bottom: 6px;
    height: 341px;
    line-height: 18px;
    margin: 0 0 10px;
    max-width: 940px;
    padding: 10px 0 20px 15px;
    position: absolute;
    width: 50%;
}
.slide-boton{background:#7babb4; padding: 10px; width: 150px; margin-bottom: 10px;}
.slide-boton:hover{background:#e98524;}
.letra-telefono{font-size: 16px;}

/*REVIEWS
===================================================*/
.reviews-box{
  padding:15px; text-align:center; border:1px solid #dadcdf;
  margin-bottom: 10px;
  border-radius: 0px 0px 10px 10px;
-moz-border-radius: 0px 0px 10px 10px;
-webkit-border-radius: 0px 0px 10px 10px;
min-height: 100px;
}
.reviews-title h4{
  /*background-image: linear-gradient(to left, #01688f, #0881b0);*/
  /*background: #0881b0;*/
  background-image: linear-gradient(to left, #6DADB1, #618F92);
  font-weight:bold; font-style:italic; color:#015778;
  padding:10px;
  margin-bottom: 0px;
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  border-radius: 10px 10px 0px 0px;
-moz-border-radius: 10px 10px 0px 0px;
-webkit-border-radius: 10px 10px 0px 0px;
}

./*reviews-title h4{
  background:#46a6cb;
  
  padding:10px;
  margin-bottom: 0px;
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  border-radius: 10px 10px 0px 0px;
-moz-border-radius: 10px 10px 0px 0px;
-webkit-border-radius: 10px 10px 0px 0px;
}*/

.reviews-title p{
  font-weight:bold; font-style:italic; color:#015778;
  padding-bottom: 5px;
  margin-bottom: 2px;
}
.reviews-doctor-list{
  background: #fff;
}
.reviews-doctor-list h5{
  background:#e5e5e5;
  color: #696969;
  padding: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin-bottom: 5px;
  border:1px solid #d5d5d5;
}

.reviews-doctor-list h5:hover{
  background-image: linear-gradient(to bottom, #6DADB1, #618F92);
  color: #fff;
}

.media {
  background: #fff;
  border-radius: 2px;
  display: inline-block;
  margin-bottom: 1rem;
  position: relative;
  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}
.media-object{display: block;}
.media-body, .media-left, .media-right {
    display: table-cell;
    vertical-align: top;
    padding: 10px;
}
.media-body{width: 100%;}

/*BEFORE AND AFTER 
===================================================*/

.alert-before-and-after-message{
  display: inline-block;
  background: #F3E997;
  border: 1px solid #ded47d;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding:10px;
  color: #25220b;
  font-weight: bold;
  margin-top: 10px;
}
.reviews-box-before{
  padding:15px; text-align:center; border:1px solid #dadcdf;
  margin-bottom: 10px;
  border-radius: 0px 0px 10px 10px;
-moz-border-radius: 0px 0px 10px 10px;
-webkit-border-radius: 0px 0px 10px 10px;
min-height: 400px;
}
.reviews-title-before h4{
  /*background-image: linear-gradient(to left, #01688f, #0881b0);*/
  /*background: #0881b0;*/
  background-image: linear-gradient(to left, #6DADB1, #618F92);
  font-weight:bold; font-style:italic; color:#015778;
  padding:10px;
  margin-bottom: 0px;
  margin-top: -10px;
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  border-radius: 0px 0px 10px 10px;
-moz-border-radius: 0px 0px 10px 10px;
-webkit-border-radius: 0px 0px 10px 10px;
}

.reviews-title-before p{
  font-weight:bold; font-style:italic; color:#015778;
  padding-bottom: 5px;
  margin-bottom: 2px;
  padding-top: 5px;
}

/*TESTIMONIALS SECTION
============================================*/
section#section-testimonials .container{
  background: url('../assets/testimonials-banner-background.jpg') no-repeat top right;
  min-height: 300px;
}

section#section-testimonials h1{
  color: #005677;
  font-size: 30px;
  padding-top: 100px;
  padding-left: 20px;
  font-family: 'Geneva','Arial', sans-serif;
  font-weight: 600;
  line-height: 10px;
}
section#section-testimonials h2{
  color: #000;
  font-size: 18px;
  padding-top: 0px;
  padding-left: 20px;
}

.options-testimonials{
  position: absolute;
  right: 20px;
  bottom: 10px;
}

.badge{
    color: #fff;
    background-color: #eff3f6;
    background-image: linear-gradient(to bottom, #6DADB1, #618F92);
    padding: 3px 10px;
    font-size: 13px;
    line-height: 20px;
    background-position: -1px -1px;
    background-size: 110% 110%;
    border: 1px solid rgba(27,31,35,0.2);
    border-radius: 0.25em;
    -webkit-appearance: none;
    display: inline-block;
    margin-bottom: 5px;
}
.badge:hover{color: #fff; border:1px solid #eb8624;}
.badge:visited{color: #fff;}

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */

	@media only screen and (max-width: 1250px) {
		#fondo-slider{background: url('../assets/fondo-slider_1.png') no-repeat bottom left;}
.title-procedures{font-size: 12px;}
		.alto-caption{padding-bottom: 10%;}
			
	}

	@media only screen and (max-width: 978px) {
		#m-content-menu-info li a{
			padding-left: .5em;
			padding-right: .5em;

		}
		.mi-menu li a {
           font-size: 11px;
           padding: 0 4px;
  		}
  		.correo-font{
			font-size: 11px;
		}
		#fondo-slider{background: url('../assets/fondo-slider_2.png') no-repeat bottom left;}

		.alto-caption{padding-bottom: 5%;}

		a.naranja:link{
		 	width: 100px;
		 	height: 110px;
		 	position: relative;
		 	top:-16px;
		 	background: url('../assets/fondo-naranja_1.png');
		 	background-repeat: no-repeat;
		 	line-height: 50px;
      background-size: 95%;
		 }

		 #bg-doctors{background: url('../assets/bg-doctors2_1.jpg') no-repeat top left, #ecf2f2; background-size: 200%;}
		 #bg-bariatric{background: url('../assets/bg-bariatric_1.png') no-repeat top right; background-size: 100%;}
		 #bg-doctors2{background: url('../assets/bg-doctors2_1.png') no-repeat top right; background-size: 100%;}
		 #bg-nosotros{background: url('../assets/bg-nosotros_1.png') no-repeat top right; background-size: 100%;}
		 #bg-gastric{background: url('../assets/bg-gastric_1.png') no-repeat top right; background-size: 100%;}
		 #bg-turism{background: url('../assets/bg-turism_1.png') no-repeat top right; background-size: 100%;}
		 #bg-financing{background: url('../assets/bg-financing_1.png') no-repeat top right; background-size: 100%;}
		 #bg-mexicali{background: url('../assets/bg-mexicali_1.png') no-repeat top right; background-size: 100%;}
		 #bg-testimonials{background: url('../assets/bg-testimonials_1.png') no-repeat top right; background-size: 100%;}
		#bg-gastric-bypass{background: url('../assets/bg-gastric-bypass_1.png') no-repeat top right; background-size: 100%;}
		#bg-gastric-band{background: url('../assets/bg-gastric-band_1.png') no-repeat top right; background-size: 100%;}
		#bg-intragastric{background: url('../assets/bg-intragastric_1.png') no-repeat top right; background-size: 100%;}
		#bg-duo{background: url('../assets/bg-duo_1.png') no-repeat top right; background-size: 100%;}

    #bg-cosmetic{background: url('../assets/bg-cosmetic_1.png') no-repeat top right; background-size: 100%;}
    #bg-woman{background: url('../assets/bg-woman_1.png') no-repeat top right; background-size: 100%;}
    #bg-orto{background: url('../assets/bg-orto_1.png') no-repeat top right; background-size: 100%;}
    #bg-neuro{background: url('../assets/bg-neuro_1.png') no-repeat top right; background-size: 100%;}
    #bg-urology{background: url('../assets/bg-urology_1.png') no-repeat top right; background-size: 100%;}
    #bg-cancer{background: url('../assets/bg-cancer_1.png') no-repeat top right; background-size: 100%;}
    #bg-general{background: url('../assets/bg-general_1.png') no-repeat top right; background-size: 100%;}

	}
/*
	@media only screen and (max-width: 880px) {
		#fondo-slider{background: url('../assets/fondo-slider_3.png') no-repeat bottom left;}

		.alto-caption{padding-bottom: 2%;}
			
	}

	@media only screen and (max-width: 959px) {
		.select1 label:after {right:30px; top:5px;}
		.select1 label:before {right:28px; top:3px;}
	}
*/




	/* Tablet Portrait size to standard 960 (devices and browsers) */

	@media only screen and (min-width: 768px) and (max-width: 959px) {
		#mainmenu li a { font-size:12px;}	
		.welcome{ background:#02537a; margin:1px; padding:1px 5px 1px;  margin-top:-5px;}
		
    .caption-content{
    background: url('../assets/fondo-slider_4.png') no-repeat bottom left;
    bottom: 1px;
    height: 254px;
    line-height: 18px;
    margin: 0 0 10px;
    max-width: 940px;
    padding: 15px 0 20px 15px;
    position: absolute;
    width: 50%;
    }
    .slide-boton{background:#7babb4; padding: 5px; width: 120px; margin-bottom: 5px; font-size: 10px;}
    .slide-boton:hover{background:#e98524;}
    .titulo-our{font-size: 16px;}
    .get-q{min-width:70px;font-size: 12px; padding-right: 2px; padding-left: 2px;}
     .get{font-size: 12px;}
		

}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
      .doctorimg { display:none;}
      .departamentimg {display: none;}

		  .tinynav { display: block }
		  #nav { display: none }
		  .mobile{display:block;}
		  .desk{display:none;}
		  .fixedsection { position:relative;}
		  .logo{ width:80%;}
		  #mainmenu{margin:0;}
		  .m-img-mobil-1{display:inherit; width: 100%;}

		  #m-content-menu-info{
			background: gray; margin-right: 0;
			}

		#m-content-menu-info ul li {
			display: block;
			width: 100%;
			}

 		 #m-content-menu-info ul a{
			display: block;
			width: 100%;
		}

 		#m-content-menu-info li a{
			padding-top: 1em;
			padding-left: 0;
			padding-right: 0;
		}

		.m-content-info-producto{
			padding:2%; 
			background: #ffffff;
			margin: 0;
		}

		#ver-mas-estilo{
			width: 100%;
			padding: 0;
		}
		#menu-desk{display: none;}
		.appear{display:inherit; }
		#header-bg{
			background: #fff;
		}
		.select1 label:after {right:32px; top:5px;}
		.select1 label:before {right:30px; top:3px;}
		.centrar-1{
			text-align: center;
		}
    
		.padding-video1{padding:1em;}
		.centrar-logo{position: center;}
		.fixed-links{
			z-index: 1000;
			position: fixed;
			
		}
		.padding-links{padding: 0;}

		#fondo-slider{background: transparent;}

		.alto-caption{padding-bottom: 2%;}

		.width-links1{width:120px;}
		.links-letra-1{font-size:10px;}
		.links-letra-2{font-size:12px;}
		#bg-doctors{background: url('../assets/bg-doctors2_2.jpg') no-repeat top left, #ecf2f2; background-size: 300%;}
		 #bg-bariatric{background: url('../assets/bg-bariatric_2.png') no-repeat top right; background-size: 150%;}
		 #bg-doctors2{background: url('../assets/bg-doctors2_2.png') no-repeat top right; background-size: 150%;}
		 #bg-nosotros{background: url('../assets/bg-nosotros_2.png') no-repeat top right; background-size: 150%;}
		 #bg-gastric{background: url('../assets/bg-gastric_2.png') no-repeat top right; background-size: 150%;}
		 #bg-turism{background: url('../assets/bg-turism_2.png') no-repeat top right; background-size: 150%;}
		 #bg-financing{background: url('../assets/bg-financing_2.png') no-repeat top right; background-size: 150%;}
		 #bg-mexicali{background: url('../assets/bg-mexicali_2.png') no-repeat top right; background-size: 150%;}
		 #bg-testimonials{background: url('../assets/bg-testimonials_2.png') no-repeat top right; background-size: 150%;}
		 #bg-gastric-bypass{background: url('../assets/bg-gastric-bypass_2.png') no-repeat top right; background-size: 150%;}
		#bg-gastric-band{background: url('../assets/bg-gastric-band_2.png') no-repeat top right; background-size: 150%;}
		#bg-intragastric{background: url('../assets/bg-intragastric_2.png') no-repeat top right; background-size: 150%;}
		#bg-duo{background: url('../assets/bg-duo_2.png') no-repeat top right; background-size: 150%;}
      #bg-cosmetic{background: url('../assets/bg-cosmetic_2.png') no-repeat top right; background-size: 150%;}
    #bg-woman{background: url('../assets/bg-woman_2.png') no-repeat top right; background-size: 150%;}
    #bg-orto{background: url('../assets/bg-orto_2.png') no-repeat top right; background-size: 150%;}
    #bg-neuro{background: url('../assets/bg-neuro_2.png') no-repeat top right; background-size: 150%;}
    #bg-urology{background: url('../assets/bg-urology_2.png') no-repeat top right; background-size: 150%;}
    #bg-cancer{background: url('../assets/bg-cancer_2.png') no-repeat top right; background-size: 150%;}
    #bg-general{background: url('../assets/bg-general_2.png') no-repeat top right; background-size: 150%;}
		
    .caption-content{
    display: none;
    }
    .get{
       margin-bottom: 20px;
    }

	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		.crop{height:320px;}



	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
   
		.crop{height:280px;}
		.select1 label:after {right:25px; top:5px;}
		.select1 label:before {right:24px; top:3px;}
		.top-1{margin-top: 5px;}
		.width-links1{width:90px;}
		.links-letra-1{font-size:10px;}
		.links-letra-2{font-size:10px;}
		#bg-doctors{background: url('../assets/bg-doctors2_3.jpg') no-repeat top left, #ecf2f2; background-size: 500%;}
		 #bg-bariatric{background: url('../assets/bg-bariatric_3.png') no-repeat top right;}
		 #bg-doctors2{background: url('../assets/bg-doctors2_3.png') no-repeat top right;}
		 #bg-nosotros{background: url('../assets/bg-nosotros_3.png') no-repeat top right;}
		 #bg-gastric{background: url('../assets/bg-gastric_3.png') no-repeat top right;}
		 #bg-turism{background: url('../assets/bg-turism_3.png') no-repeat top right;}
		 #bg-mexicali{background: url('../assets/bg-mexicali_3.png') no-repeat top right;}
		 #bg-testimonials{background: url('../assets/bg-testimonials_3.png') no-repeat top right;}
		 #bg-gastric-bypass{background: url('../assets/bg-gastric-bypass_3.png') no-repeat top right;}
		#bg-gastric-band{background: url('../assets/bg-gastric-band_3.png') no-repeat top right;}
		#bg-intragastric{background: url('../assets/bg-intragastric_3.png') no-repeat top right;}
		#bg-duo{background: url('../assets/bg-duo_3.png') no-repeat top right;}
      #bg-cosmetic{background: url('../assets/bg-cosmetic_3.png') no-repeat top right;}
    #bg-woman{background: url('../assets/bg-woman_3.png') no-repeat top right;}
    #bg-orto{background: url('../assets/bg-orto_3.png') no-repeat top right; }
    #bg-neuro{background: url('../assets/bg-neuro_3.png') no-repeat top right;}
    #bg-urology{background: url('../assets/bg-urology_3.png') no-repeat top right;}
    #bg-cancer{background: url('../assets/bg-cancer_3.png') no-repeat top right;}
    #bg-general{background: url('../assets/bg-general_3.png') no-repeat top right;}
	}


/* FontFace
================================================== */
@font-face { font-family: Weblysleekuil; src: url('../assets/weblysleekuil.ttf'); 
		      }

@font-face { font-family: Weblysleekuili; src: url('../assets/weblysleekuili.ttf'); 
		      }
			  
@font-face { font-family: garden; src: url('../assets/gardens.ttf'); 
		      }
				 
@font-face { font-family: geosans; src: url('../assets/GeosansLight.ttf'); 
		      }

@font-face { font-family: ostrich; src: url('../assets/ostrich-bold-webfont.ttf'); 
		      }

@font-face { font-family: roboto; src: url('../assets/Roboto-Regular.ttf'); 
		      }
@font-face { font-family: siple; src: url('../assets/sipll.ttf'); 
		      }

@font-face { font-family: sip; src: url('../assets/sipldb.ttf'); 
		      }

@font-face { font-family: Geneva; src: url('../assets/Geneva.woff'); 
          }



