@charset 'UTF-8';
* {
	border: 0;
	margin: 0;
	padding: 0;
}

article, figcaption, figure, footer, header, hgroup, nav, section, aside
	{
	display: block;
}

audio, iframe, img, video, header, footer {
	width: 100%;
}

ul{
	list-style: none;
}

li{
	border: inherit;
}

a{
	text-decoration: none;
	color: inherit;
	display:block;
}

@font-face {
	font-family: "Roboto"; url ("../fonts/Roboto.ttf") format("truetype"),
	font-weight : normal;
	font-style: normal;
}

body {
	font-family: "Roboto", Helvetica, Verdana !important;
	font-size: .7em;/** EQUIVALE A 11.2px **/
}


 
/*********************************************************************/
/*   
 * DEFINICION DE ELEMENTOS GLOBALES
 *********************************************************************/
header, .menu_bar, .menu_bar_fixed, footer, .search, .subMenuLeft, 
.containBox, .modal{
	position: fixed;
}

header, .menu_bar, .turismo-salud-mex, footer, .search, .subMenuLeft{
	z-index: 50;
}

.wrapper, section, .push, header {
	max-width: 100%;
}

.wrapper, section, .push {
	margin: 0 auto;
	width: 94%;
}

.push{
	/*background-color: white; SE ELIMINA Y SE LE INGRSA LA CASE COLOR BLACNOC*/
	height: 9.5em;
}
/*********************************************************************/
/* FIN DE DEFINICION DE ELEMENTOS GLOBALES
 *********************************************************************/
 

/*********************************************************************/
/*   
 * DEFINICION DE COLORES PRINCIPALES
 *********************************************************************/

.backTranspW, .boxWtextBTrans, .boxWtextBborderTrans{
	background-color: rgba(255,255,255,0.5);
}

.backTranspB, .boxBtextWTrans, .boxBtextWborderTrans{
	background-color: rgba(0,74,177,0.5);
}

.backTranspB8{
	background-color: rgba(0,74,177,0.8);
}

.backTranspB95{
	background-color: rgba(0,74,177,1);
}

body, .backW, .boxWtextB, .boxWtextBborder, .avisos{
	background: #FFF;
}

.backB, .boxBtextW, .boxBtextWborder, header{
	background: #004ab1;
}

.fontW, .boxBtextW, .boxBtextWTrans, .boxBtextWborder, .boxBtextWborderTrans,
footer, .treeSearch ul li ul li/*, .search */{
	color: #FFF;
}

.fontB, .boxWtextB, .boxWtextBborder, .boxWtextBTrans, .boxWtextBborderTrans, .avisos{
	color: #004ab1;
}

.borderW, .boxWtextBborder, .boxWtextBborderTrans, nav ul li:hover{
	border: 1px solid #FFF;
}

.borderB, .boxBtextWborder, .boxBtextWborderTrans, .subs li:hover{
	border: 1px solid #004ab1;
}

#menuLeft ul li:hover, .servActive, .treeSearch ul li:hover{
	color: #F0B602;
}

.treeSearch ul li:hover, .shadowBlk{
	text-shadow: 1px 1px 4px #000;
}

.subs li:hover {
	background: #f0f0ff;
}

#menuLeft, .subMenuLeft{
	font-size: 1.25em;
}

@media only screen and (max-width: 959px) {
	header{
		border: 2px solid rgba(255,255,255,.3);
	}	
	
	header nav ul li{
		border-bottom: 1px solid rgba(255,255,255,.3);
	}	
	
	.push{
		height: 0;
	}
}

/*********************************************************************/
/* FIN DE DEFINICION DE COLORES
 *********************************************************************/
 
/*********************************************************************/
/*   
 * DEFINICION DE MENUS Y SUB MENUS
 *********************************************************************/
header {
}

.turismo-salud-mex{
	width: 90px;
	float: left;
	padding-left: 4%; 
}

nav{
}

nav ul{
	position: relative;
	float: right;
	padding-right: 4%;
	padding-top: 1.75em;
	
}

nav ul li{
	display: inline-block;
	transition: border-color 900ms ease;
}

nav ul li a{
	padding: 6px 10px;
}

nav ul li a span {
	padding-left: 7px;
}

 .subs, .dispEsc{
	display: block;
}


.subs {
	display: none;
	position: absolute;
	padding: 0;
}

.subs li {
	width: 100%;
	display: block;
}

.menu_bar, .dispMov {
	display: none;
}

.menu_bar_fixed {
	top: 0;
	width: 100%;
}

/***    EFECTO MENU   ****/
.navi.headroom {
	/*transicion: transform .3s ease;*/
	-webkit-transition: transform 600ms ease;
	-o-transition: transform 600ms ease;
	-moz-transition: transform 600ms ease;
	-ms-transition: transform 600ms ease;
	transition: transform 600ms ease;
}

.navi.headroom--pinned {
	transform: translateY(0%);
}

.navi.headroom--unpinned {
	transform: translateY(-100%);
}

@media only screen and (max-width: 959px) {
	body{
		padding-top:75px;
	}
	
	.menu_bar, .turismo-salud-mex{
		position: fixed;
		top: 0px;
	}
	
	.turismo-salud-mex{
	}

	.menu_bar, .bt-menu, .dispMov {
		display: block;
	}
	
	.menu_bar{
		width: 100%;
	}
	
	.bt-menu{
		padding: 10px 30px;
		font-size: 45px;
		font-weight: bold;
		float: right;
	}
	
	.bt-menu span:hover{
		color: #ff0;
	}
	
	header{
		width: 80%;
		height: calc(100% - 90px);
		overflow: auto;
		left: -80%;
		top: 6.3em;
	}

	header nav ul{
		float: none;
		padding:0;		
	}
	
	header nav ul li{
		float: none;
		display: block;
	}
	
	nav ul li a{
		padding: 11px 10px;
	}
	
	nav ul li a span {
		float:right;
	}

	.subs {
		position: relative;
	}	
	
/*	nav ul li:hover .subs,*/ .dispEsc {
		display: none;
	} 
	
	.navi.headroom--pinned {
		transform: none;
	}
	
	.navi.headroom--unpinned {
		transform: none;
	}
	
}

/*********************************************************************/
/* FIN DE DEFINICION DE MENUS Y SUB MENUS
 *********************************************************************/

/*********************************************************************/
/*   
 * DEFINICION DE PIE DE PAGINA
 *********************************************************************/
footer{
	text-align: center;
	font-weight: lighter;
	font-size: 1em;
	bottom: 0;display: inline-block;
}

#legendTurMed{
	font-style: italic;
	font-size: 1.2em;
	color: gray; 
	padding-top: .5em; 
	padding-bottom: 1em; 
}

.foot-er{
	padding: .6em 0;
	vertical-align: middle;
}


.copyri, .copyri a {
	display: inline-block;
}

.footerPrin.headroom {
	-webkit-transition: transform 600ms ease;
	-o-transition: transform 600ms ease;
	-moz-transition: transform 600ms ease;
	-ms-transition: transform 600ms ease;
	transition: transform 600ms ease;
}

.footerPrin.headroom--pinned {
	transform: translateY(0%);
}

.footerPrin.headroom--unpinned {
	transform: translateY(105%);
}

@media only screen and (max-width: 959px) {
	footer{
		position: static;
	}	
	
	.footerPrin.headroom--pinned {
	transform: none;
	}
	
	.footerPrin.headroom--unpinned {
		transform: none;
	}

}
/*********************************************************************/
/* FIN DE DEFINICION DE PIE DE PAGINA
 *********************************************************************/
 
/*********************************************************************/
/*   
 * DEFINICION DE MENU LATERAL IZQUIERDO
 *********************************************************************/
.search {
	width: 22.5%;
	height: 100%;
	top: 9.5em; 
	/*overflow: hidden;/** Validar si debe permanecer con el scroll activado*/
}

.title-pturmed {
	font-stretch: condensed;
	font-size: 3em;
	font-weight: 500;
	padding: .5em .6em;
	text-shadow: 1px 1px 6px #333;
}

.tex-pturmed {
	font-weight: lighter;
	font-size: 1.2em;
	margin: 0px 20px;
	margin-bottom: 10px;
}

.containTree{ 
 }

#menuLeft span{
	padding-left: 1em;
	font-size: .6em;
} 

#menuLeft ul{
	padding: 0; 
	padding-left: 42px;
	padding-right: 36px;
	display: flex;
	text-shadow: 1px 1px 6px #222;
}

#menuLeft ul li{ 
	position: relative;
	padding:0; 
	margin-bottom: 8px; 
}

#menuLeft ul li img{ 
	width: 8px; 
	padding-right: 8px;
}

#menuLeft ul li:hover, .servActive{// Es para agregrar cuando el estados ea activo del menu de servicios
	font-size: 1.5em;
	font-weight: 600; 
}

.subMenuLeft, .containBox{
	top: 9.5em;//7.55em;
	left: 25.5%;
	text-shadow: 1px 1px 3px #777;
	box-shadow: 2px 2px 5px #777;
}

.subMenuLeft .treeSearchHead span, .subMenuLeft .treeSearchHeadB span{
	position: relative;
	float: right;
	top: -6px;
	margin-left: 10px;
	padding-left: 5px;
	font-size: 1.5em;
}

.treeSearch span{
	font-size: .75em;
}

.treeSearchHead{
	background-color: rgba(0,74,177,0.6);
	}

.treeSearchHeadB{
	background-color: rgba(0,74,177,1);
}
	
.treeSearchHead, .treeSearchHeadB{
	margin: 5px;
	padding: 8px 8px 4px 8px;
	height: 1.5em;
	border: 1px solid rgba(0,74,177,0.4);//#004ab1;
}

.subMenuLeft .treeSearchHead:hover, .subMenuLeft .treeSearchHeadB:hover{
	cursor: move;
}

.subMenuLeft .treeSearchHead span:hover, .subMenuLeft .treeSearchHeadB span:hover{
	cursor: default;
	background-color: #F55;
}

.treeSearch, .containBoxFrame{
	padding:10px 20px;
}

.treeSearch ul li ul{
	display: none;
	cursor: pointer;
}

.treeSearch ul li:hover ul{
	display: block;
}

.treeSearch ul li ul li{
	padding-left: 20px;
}

.treeSearch ul li ul li a:hover, .treeSearch ul li a:hover{
	//background: #004ab1;
	text-shadow: 1px 1px 4px #000;
	padding: 2px 0px;
}

.img-tursalud-mex {
	padding: 5px 35px 35px 35px;
	margin: 0 auto;
}

.search.headroom {
	-webkit-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	transition: all 600ms ease;
}

.search.headroom--pinned {
	transform: translateY(0px);
}

.search.headroom--unpinned {
	transform: translateY(-6.3em);
}

@media only screen and (max-width: 959px) {
	.search {
		width: 100%;
		height: 72%;
		position: static;
	}
	
	.img-tursalud-mex{
		padding: 10px 27.5%;
	}
	
	.search.headroom--pinned {
		transform: none;
	}
	
	.search.headroom--unpinned {
		transform: none;
	}	
}
/*********************************************************************/
/* FIN DE DEFINICION DE MENU LATERAL IZQUIERDO
 *********************************************************************/ 
/*********************************************************************/
/*   
 * DEFINICION DEL BUSCADOR GRAL
 *********************************************************************/
.searchform {
	position: absolute;
	top: 70px;
	right:3%;
	display: inline-block;
	zoom: 1; /* ie7 hack para display:inline-block */
	*display: inline;	//border: solid 1px #d2d2d2;
	padding: 3px 5px;
	/*-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	border-radius: 1em;*/
	-webkit-box-shadow: 0 1px 0px rgba(0,0,0,.1);
	-moz-box-shadow: 0 1px 0px rgba(0,0,0,.1);
	box-shadow: 0 1px 0px rgba(0,0,0,.1);
/* 	background: #f1f1f1;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');*/ /* ie7 */
/*	-ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); /* ie8 */
}

.searchform .searchfield {
	padding: 6px 6px 6px 8px;
	width: 225px;
	border: solid 1px #bcbbbb;
	outline: none;
	-webkit-border-radius: .25em;
	-moz-border-radius: .25em;
	border-radius: .25em;
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
	box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
}

.searchform .searchbutton {
	height: 27px;
	width: 27px;
	text-shadow: 0 1px 1px rgba(0,0,0,.6);
	-webkit-border-radius: .25em;
	-moz-border-radius: .25em;
	border-radius: .25em;
	background: #004ab1;
	background: -webkit-gradient(linear, left top, left bottom, from(#004ab1), to(#000a81));
	background: -moz-linear-gradient(top,  #004ab1,  #000a81);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#004ab1', endColorstr='#000a81'); /* ie7 */
	-ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#004ab1', endColorstr='#000a81'); /* ie8 */
}

.searchform .searchbutton{
	cursor: pointer;
}

@media only screen and (max-width: 959px) {
	.searchform {
	  position: fixed;
	  transform: translate3d(0,0,0);
	  top:50;
	  z-index: 1000;	  
	}
}

/*********************************************************************/
/* FIN DE DEFINICION DEL BUSCADOR GRAL
 *********************************************************************/
 
 
 
 
  
/*********************************************************************/
/*   
 * DEFINICION DE L
 *********************************************************************/

.promocion{
	position: relative;
	width: 50%;
	//float: right;
	left: 24.75%;
	padding: 25px;
}

.promocion H2{
	font-size: 2em;
	font-weight: bold;
	text-transform:uppercase;
}

.promocion p{
font-size: 1.5em;
}

.imagen_p{
width: 115px;
height: 90px;
padding-top: .5em;
padding-left: .5em;
}

@media only screen and (max-width: 959px) {
	.promocion {
		width: 94%;
		padding: 20px;
		left: 0;
	}
	
	.promocion H2 {
    font-size: 18px;
    margin-bottom: 12px;
	}
	
	.promocion p {
    font-size: 14.5px;
}
	
	
	
	
	
	
	
}
/*********************************************************************/
/* FIN DE DEFINICION DE COLORES
 *********************************************************************/
 
  
/*********************************************************************/
/*   
 * DEFINICION DE L
 *********************************************************************/


/*********************************************************************/
/* FIN DE DEFINICION DE COLORES
 *********************************************************************/
 
  
/*********************************************************************/
/*   
 * DEFINICION DE L
 *********************************************************************/


/*********************************************************************/
/* FIN DE DEFINICION DE COLORES
 *********************************************************************/
 
  
/*********************************************************************/
/*   
 * DEFINICION DE L
 *********************************************************************/


/*********************************************************************/
/* FIN DE DEFINICION DE COLORES
 *********************************************************************/
 
  
/*********************************************************************/
/*   
 * DEFINICION DE L
 *********************************************************************/


/*********************************************************************/
/* FIN DE DEFINICION DE COLORES
 *********************************************************************/
 
  
/*********************************************************************/
/*   
 * DEFINICION DE L
 *********************************************************************/


/*********************************************************************/
/* FIN DE DEFINICION DE COLORES
 *********************************************************************/
 
  
/*********************************************************************/
/*   
 * DEFINICION DE L
 *********************************************************************/


/*********************************************************************/
/* FIN DE DEFINICION DE COLORES
 *********************************************************************/
 
  
/*********************************************************************/
/*   
 * DEFINICION DE L
 *********************************************************************/


/*********************************************************************/
/* FIN DE DEFINICION DE COLORES
 *********************************************************************/
 
  
/*********************************************************************/
/*   
 * DEFINICION DE L
 *********************************************************************/


/*********************************************************************/
/* FIN DE DEFINICION DE COLORES
 *********************************************************************/
 
  
/*********************************************************************/
/*   
 * DEFINICION DE L
 *********************************************************************/


/*********************************************************************/
/* FIN DE DEFINICION DE COLORES
 *********************************************************************/
 
  
/*********************************************************************/
/*   
 * DEFINICION DE L
 *********************************************************************/


/*********************************************************************/
/* FIN DE DEFINICION DE COLORES
 *********************************************************************/
 
 
 
 
 
 
/*********************************************************************/
/*   
 * DEFINICION DE LAS IMAGENES PRINCIPALES Y SECUNDARIAS
 *********************************************************************/
.result {
	width: 100%;
	overflow: hidden;
}

.subSlideVert {
	position: relative;
	width: 76.1%;
	float: right;
}
/* 
@media only screen and (max-width: 959px) {
	.subSlideVert {
		position: static;
		width: 100%;
		float: none;
	}

	.parallax-section .special-center{
		width: 9%;
		left: 24.66%;
		
	}	
}*/

.just_pattern_parallax {
	position: absolute;
	opacity: 0.8;
	left: 0px;
	top: 0px;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 50%;
	z-index: 3;
}

.parallax-section {
	position: relative;/*border: 2px solid #004ab1;*/
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	padding-bottom: 350px;
	padding-top: 350px;
	z-index: 2;
}

.parallax-section-h {
	padding-bottom: 250px;
	padding-top: 250px;
}

.parallax-section .text-left {
	position: relative;
	display: inline-block;
	background-color: rgba(0, 74, 177, 0.5);
	padding: 10px;
	text-transform: uppercase;

}

.parallax-section .special-center{
	position: relative;
	max-width: 53.5%;
	text-align: center;
	left: 25%;
}


.parallax-section .text-left p {
	text-align: center;
	color: #fff;
	font-size: 24px;
	line-height: 24px;
	padding-bottom: 0px;
	text-shadow: 1px 1px 6px #000;
}


@media only screen and (max-width: 959px) {
	.subSlideVert {
		position: static;
		width: 100%;
		float: none;
	}

	.parallax-section .special-center{
		max-width: 86%;
		width: auto;text-align: center;
		left: 7%;
		
	}	
}


.parallax-1 {
	background-size: 71.66%;
	background-position: 89.75%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	width: 100%;
}

@media only screen and (min-width: 1930px) {
	.parallax-1 {
		background-size: 100%;
	}
}

@media only screen and (min-device-width : 768px) and (max-device-width
	: 1024px) and (orientation : landscape) {
	.parallax-1 {
		background-size: 100%;
		background-attachment: scroll;
		background-position: top center !important;
	}
}

@media only screen and (max-width: 959px) {
	.parallax-1 {
		background-size: 100%;
		background-attachment: scroll;
		background-position: top center !important;
	}
}

.parallax-2 {
	background-size: 71.66%;
	background-position: 89.75%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	width: 100%;
}

@media only screen and (min-width: 1930px) {
	.parallax-2 {
		background-size: 100%;
	}
}

@media only screen and (min-device-width : 768px) and (max-device-width
	: 1024px) and (orientation : landscape) {
	.parallax-2 {
		background-size: 100%;
		background-attachment: scroll;
		background-position: top center !important;
	}
}

@media only screen and (max-width: 959px) {
	.parallax-2 {
		background-size: 100%;
		background-attachment: scroll;
		background-position: top center !important;
	}
}

.parallax-3 {
	background-size: 71.66%;
	background-position: 89.75%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	width: 100%;
}

@media only screen and (min-width: 1930px) {
	.parallax-3 {
		background-size: 100%;
	}
}

@media only screen and (min-device-width : 768px) and (max-device-width
	: 1024px) and (orientation : landscape) {
	.parallax-3 {
		background-size: 100%;
		background-attachment: scroll;
		background-position: top center !important;
	}
}

@media only screen and (max-width: 959px) {
	.parallax-3 {
		background-size: 100%;
		background-attachment: scroll;
		background-position: top center !important;
	}
}

.parallax-4 {
	background-size: 71.66%;
	background-position: 89.75%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	width: 100%;
}

@media only screen and (min-width: 1930px) {
	.parallax-4 {
		background-size: 100%;
	}
}

@media only screen and (min-device-width : 768px) and (max-device-width
	: 1024px) and (orientation : landscape) {
	.parallax-4 {
		background-size: 100%;
		background-attachment: scroll;
		background-position: top center !important;
	}
}

@media only screen and (max-width: 959px) {
	.parallax-4 {
		background-size: 100%;
		background-attachment: scroll;
		background-position: top center !important;
	}
}

.parallax-5 {
	background-size: 71.66%;
	background-position: 89.75%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	width: 100%;
}

@media only screen and (min-width: 1930px) {
	.parallax-5 {
		background-size: 100%;
	}
}

@media only screen and (min-device-width : 768px) and (max-device-width
	: 1024px) and (orientation : landscape) {
	.parallax-5 {
		background-size: 100%;
		background-attachment: scroll;
		background-position: top center !important;
	}
}

@media only screen and (max-width: 959px) {
	.parallax-5 {
		background-size: 100%;
		background-attachment: scroll;
		background-position: top center !important;
	}
}

.parallax-6 {
	background-size: 71.66%;
	background-position: 89.75%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	width: 100%;
}

@media only screen and (min-width: 1930px) {
	.parallax-6 {
		background-size: 100%;
	}
}

@media only screen and (min-device-width : 768px) and (max-device-width
	: 1024px) and (orientation : landscape) {
	.parallax-6 {
		background-size: 100%;
		background-attachment: scroll;
		background-position: top center !important;
	}
}

@media only screen and (max-width: 959px) {
	.parallax-6 {
		background-size: 100%;
		background-attachment: scroll;
		background-position: top center !important;
	}
}

.parallax-7 {
	background-size: 71.66%;
	background-position: 89.75%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	width: 100%;
}

@media only screen and (min-width: 1930px) {
	.parallax-7 {
		background-size: 100%;
	}
}

@media only screen and (min-device-width : 768px) and (max-device-width
	: 1024px) and (orientation : landscape) {
	.parallax-7 {
		background-size: 100%;
		background-attachment: scroll;
		background-position: top center !important;
	}
}

@media only screen and (max-width: 959px) {
	.parallax-7 {
		background-size: 100%;
		background-attachment: scroll;
		background-position: top center !important;
	}
}

.parallax-8 {
	background-size: 71.66%;
	background-position: 89.75%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	width: 100%;
}

@media only screen and (min-width: 1930px) {
	.parallax-8 {
		background-size: 100%;
	}
}

@media only screen and (min-device-width : 768px) and (max-device-width
	: 1024px) and (orientation : landscape) {
	.parallax-8 {
		background-size: 100%;
		background-attachment: scroll;
		background-position: top center !important;
	}
}

@media only screen and (max-width: 959px) {
	.parallax-8 {
		background-size: 100%;
		background-attachment: scroll;
		background-position: top center !important;
	}
}

.parallax-9 {
	background-size: 71.66%;
	background-position: 89.75%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	width: 100%;
}

@media only screen and (min-width: 1930px) {
	.parallax-9 {
		background-size: 100%;
	}
}

@media only screen and (min-device-width : 768px) and (max-device-width
	: 1024px) and (orientation : landscape) {
	.parallax-9 {
		background-size: 100%;
		background-attachment: scroll;
		background-position: top center !important;
	}
}

@media only screen and (max-width: 959px) {
	.parallax-9 {
		background-size: 100%;
		background-attachment: scroll;
		background-position: top center !important;
	}
}

.parallax-0 {
	background-size: 71.66%;
	background-position: 89.75%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	width: 100%;
}

@media only screen and (min-width: 1930px) {
	.parallax-0 {
		background-size: 100%;
	}
}

@media only screen and (min-device-width : 768px) and (max-device-width
	: 1024px) and (orientation : landscape) {
	.parallax-0 {
		background-size: 100%;
		background-attachment: scroll;
		background-position: top center !important;
	}
}

@media only screen and (max-width: 959px) {
	.parallax-0 {
		background-size: 100%;
		background-attachment: scroll;
		background-position: top center !important;
	}
}

@media only screen and (max-width: 450px) {
	.parallax-section {
		padding-bottom: 0px;
		padding-top: 0px;
		height: 260px;
	 	overflow-x: hidden;
		overflow-y: auto; 
	}
}

/*********************************************************************/
/* FIN DE DEFINICION DE LAS IMAGENES PRINCIPALES Y SECUNDARIAS
 *********************************************************************/
 
/*********************************************************************/
/*   
 * DEFINICION DE L
 *********************************************************************/


/*********************************************************************/
/* FIN DE DEFINICION DE COLORES
 *********************************************************************/
.modal{
  	/* display: none;   */
    z-index: 60; 
    padding-top: 100px;
    left: 0;
    height: 100%;
    //background-color: rgba(255,255,255,0.35); 
	background: url("../img/turismo-de-salud-mexico.png") repeat fixed;
	opacity: 0.15;
	filter:  alpha(opacity=15);
	overflow: auto; /* Enable scroll if needed */
} 

.upModal{
    z-index: 80; 
    padding-top: 100px;
    left: 0;
    height: 100%;
    	background: url("../img/turismo-de-salud-mexico.png") repeat fixed;
	opacity: 0;
	filter:  alpha(opacity=0);	
}

.onModal{
	z-index: 65; 
}

.contenidoForm{
	width: auto;
	text-align: left;
}

.formError { 
    border:2px solid red;
}

.formTxtError{
	color: red;
	text-shadow: none;
}

.formCenter, .formUp{
	  left: 50%;
	  top: 50%;
	  transform: translate(-50%, -50%);
}

.formUp{
	top: 19%;
}

.formas input, .formas select{
	margin-top: 1px;
	margin-bottom: 5px; 
	padding: 2px 0;
	width: 100%;
}
.login input, .login input{
	margin-top: 1px;
	margin-bottom: 5px; 
	padding: 2px 0;
	width: 100%;
}

.boton a, .botongral{
	color: #004ab1;
	font-weight: bold;
	max-width: 95px;
	padding: 5px 15px;
	/*background: #F3E11E; /* viejos navegadores */
	background-image: -webkit-linear-gradient(top,#F3E11E 0,#F0B602);
    /*background: -moz-linear-gradient(top, #F3E11E 0%,#F0B602  100%); /* firefox *//*
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F3E11E), color-stop(100%,#F0B602));*/   
    box-shadow: inset 0px 0px 6px #ff5;
    -webkit-box-shadow: inset 0px 0px 6px #ff5;
//     z-index:500;
	
}
.boton a span, .botongral span{
	margin-left:8px;
}

.boton a:hover, .botongral:hover{
	cursor: pointer;
	background-image: -webkit-linear-gradient(top,#FFFCC3 0,#F0B602);
} 


  
/*********************************************************************/
/*   
 * DEFINICION DE LAS NOTICIAS
 *********************************************************************/

.contenedor-principal{
margin:auto;
position:relative;
} 

.fondo{
text-align:left;
}

.noticias {
padding: 4px;
background: rgba(0, 0, 0, .05);
border-top-style: solid;
border-width: 3px;
border-color: #004ab1;

}

.noticias p{
font-size: .95em;
color: rgba(0, 0, 0, .5);
}

.notH3{
font-weight: bold;
}

.fondo h2{

	padding: 8px 0px 3px 30px;
}

.referencia {
	text-align: center;
	padding: 0 25px;
	
}

.bxsliderContain {
/* 	position: absolute;
	top: 9.5em;
	left: 3%;*/
	position: absolute;
	top: 70px;
	left: 3%;
	width: calc(100% - 30em);
	height: 3.2em;
	overflow: hidden;
	zoom: 1; /* ie7 hack para display:inline-block */
	//border: solid 1px #d2d2d2;
	
}

 .closed:hover, .closeNoticia:hover{
  	color: #ff5151;
  	cursor: pointer;
 }
  
.openNoticia:hover{
  	color: #80ff80;
  	cursor: pointer;
 }

.bxsliderContain.headrom {
	-webkit-transition: transform 600ms ease;
	-o-transition: transform 600ms ease;
	-moz-transition: transform 600ms ease;
	-ms-transition: transform 600ms ease;
	transition: transform 600ms ease;
}

.bxsliderContain.headrom--pinned {
	transform: translateX(0%);
}

.bxsliderContain.headrom--unpinned {
	transform: translateX(100%);
}

.sliderPromotion{
	position: absolute;
	left:25%;
	top: 4.5em;
	z-index:20;
}

/*********************************************************************/
/* FIN DE DEFINICION DE LAS NOTICIAS
 *********************************************************************/
 .avisos, .doc{
 font-size: 10px;
 text-shadow: none;
 padding: 25px;
 width:250px;
 height: 150px;
 overflow: auto;
 
 }
 
 .doc{
 height: 300px;
 width:290px;
 }
 
 /*********************************************************************/
/* DEFINICION DE RESULTADO BUSQUEDA
 *********************************************************************/
 #pestana {
	right: -125px;
	position: fixed;
	top: 7.6em;
	width: 150px;
	z-index: 70;
	-moz-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

#pestana:hover {
	right: 0;
}

.oculto {
	clear: left;
	float: right;
	position: relative;
	width: 122px;
	z-index: 70;
	background-color: #004ab1;
}

.oculto ul {
	margin: 0;
	padding: 0;
	text-align: left;
	vertical-align: center;
}

.oculto li {
	display: block;
	border: 1px solid #004ab1;
}

.oculto li:hover {
	border: 1px solid #FFF;
}

.oculto li a {
	display: block;
	padding: 6px;
	color: #fff;
	-moz-transition: all 0.4s linear;
	-webkit-transition: all 0.4s linear;
	transition: all 0.4s linear;
}

.oculto li:last-child a {
	border-bottom: 0;
}

.vertical {
	position: absolute;
	border-radius: 10px 10px 0 0;
	text-align: center;
	font-size: .75em;
	padding: 6px 8px;
	right: 74px;
	top: 6.3em;
	clear: both;
	cursor: pointer;
	-ms-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	width: 12.2em;
	z-index: 70;
}
 
.result .row * {
	/*border: 2px solid #004ab1;*/
	color: #000;
	text-align: initial;
}

.serv-wrap {
	border-radius: 2.5em;
	padding: 1.1em;
	box-shadow: 0 1px 0 #ccc;
	border: 2px solid #004ab1;
	margin: auto;
	color: #F00;
	font-size: 1.1em;
	height: auto;
	/*position: relative;*/
}

.starImg {
    position: relative;
    width: 35px;
    top: -10px;
    padding-left: .5em;
}

.result .row a {
	color: red;
	text-decoration: underline;
	font-size: 1.2em;
	font-weight: bold;
}

.result .row .codCode {
	color: #0000FF;
	font-size: .9em;
	padding-top: .5em;
}

.result .row .codCode strong {
	color: #0000FF;
}

.result .row .addres {
	padding-bottom: .7em;
}

.resultAbout {
	border: 1px solid #0000ff;
	padding: 2px;
	height: auto;
	overflow: hidden;
}


.resultScroll>ul {
	list-style: disc;
}

.resultScroll>ul li {
	list-style: circle;
	padding-left: 15px;
}

.resultScroll>p {
	padding-bottom: 8px;
}


.stars{
	float: left;
}

.tablaDoc{
	margin-bottom: 15px;
	border-bottom: 1px solid  #004ab1;
	padding: 10px;
	height: 50px;
	text-align: left;
}

.tablaDoc p{
	color: grey;
	text-shadow: none;
	font-size: 1.2em;
}

.tablaDoc h3{
	color: #004ab1;
	text-shadow: none;
}


footer ul li{
	display: inline-block;
}

footer ul li a{
	font-weight:bold;
}



.fileContainer {
    overflow: hidden;
    position: relative;
}


.fileContainer [type=file] {
    cursor: inherit;
    display: block;
    font-size: 999px;
    filter: alpha(opacity=0);
    min-height: 100%;
    min-width: 100%;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
}


.fileContainer {
	
	background-image: -webkit-linear-gradient(bottom,#F3E11E 0,#F0B602);
	color:white;
	border:1px, solid, #F0B602;
	font-size:1.2em;
    float: left;
    padding: 1em;
    text-align: center;
    width: 200px;
    margin-bottom: 15px;
}

.fileContainer [type=file] {
    cursor: pointer;
}



@media only screen and (max-width: 959px) {
	.responsiveForm {
		width: 100%
	}
	.responsiveDiv {
	 overflow-x: hidden;
	 overflow-y: auto; 
	 height: 200px;
    padding: 20px 25px;
	}
}

	.responsiveDiv2 {
	 overflow-x: hidden;
	 overflow-y: auto; 
	 height: 400px;
    padding: 20px 25px;
	}
	
	.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}