html { 
		}

body { cursor: default; }



* { transition: all ease 300ms; }

a     {-webkit-transform: rotate(0);}
a img {-webkit-backface-visibility: hidden;}

a {outline : none;}
a img {outline : none;}
img {border : 0;}


.icono{
	padding:25px 50px 75px;
}


/* Estilos de margen y tamaño */

.m-t-10 {margin-top:10px;}
.m-t-20 {margin-top:20px;}
.m-t-30 {margin-top:30px;}
.m-t-40 {margin-top:40px;}
.m-t-50 {margin-top:50px;}

.m-b-10 {margin-bottom:10px;}
.m-b-20 {margin-bottom:20px;}
.m-b-30 {margin-bottom:30px;}
.m-b-40 {margin-bottom:40px;}
.m-b-50 {margin-bottom:50px;}


.p-0 { padding: 0; }

.p-t-10 {padding-top:10px;}
.p-t-15 {padding-top:15px;}
.p-t-20 {padding-top:20px;}
.p-t-30 {padding-top:30px;}
.p-t-40 {padding-top:40px;}
.p-t-50 {padding-top:50px;}
.p-t-100 {padding-top:100px;}

.p-b-10 {padding-bottom:10px;}
.p-b-20 {padding-bottom:20px;}
.p-b-30 {padding-bottom:30px;}
.p-b-40 {padding-bottom:40px;}
.p-b-50 {padding-bottom:50px;}

.p-l-40 {padding-left:40px;}

.m-l-30 {margin-left:30px;}
.m-l-40 {margin-left:40px;}


.p-r-40 {padding-right:40px;}









/* Estilos de textos */


h1, h2, h3, h4 { font-family: 'Montserrat', sans-serif;  }

h1 { 	font-weight: 700;
		text-transform: uppercase;}

h2 { 	font-weight: 300; }

h3 { 	font-weight: 700;
		text-transform: uppercase;
		font-size: 1.8em;}

h4 {	font-weight: 400;
		line-height: 1.6em;}

.texto-intro { 	font-size: 1.3em;
				line-height: 2em;
				font-weight: 300; }


.texto-footer { font-family: 'Montserrat', sans-serif; 
				line-height: 40px;}





/* estilos de color */

.bgm-gris-1 { background: rgba(200,200,200,1); }

.bgm-gris-2 { background: rgba(170,170,170,1); }

.bgm-gris-3 { background: rgba(140,140,140,1); }

.c-blanco { color: rgba(255,255,255,1); }

.c-gris-1 { color: rgba(120,120,120,1); }

.c-vino{ color:rgba(124,69,104,1); }

.c-azul{ color:rgba(0,181,189,1); }








/* estilos de botón */





.seccion-menu-principal { position: absolute;
							width: 100%;
							z-index: 99;
							background: rgba(0,0,0,0); }


.seccion-menu-principal li a {	font-family: 'Roboto Condensed', sans-serif;
								font-weight: 300;
								font-size: 1.3em;
								line-height: 4em;
								padding-bottom: 10px;
								color: rgba(255,255,255,0.8);
								border-bottom:4px solid rgba(255,255,255,0); }

.seccion-menu-principal li a:hover { 	text-decoration: none;
										color: rgba(255,255,255,1);
										color: rgba(255,255,255,1);
										border-bottom:4px solid rgba(255,255,255,1);  }



.seccion-menu-principal li a.active { 	border-bottom:4px solid rgba(255,255,255,1);
										color: rgba(255,255,255,1); }										




.seccion-conoce{background: url(../img/gc-home-banner-servicios.jpg) no-repeat bottom;
				background-size: cover;;
				padding: 100px 0 150px }



.seccion-esofago{background: url(../img/gc-fondo-estomago.png) no-repeat  top;
				background-size: cover;
				padding: 100px 0 150p}


.seccion-esofago ul { padding-left: 0;}

.seccion-esofago li { list-style: none; 
						line-height: 1em;
						font-family: 'Roboto', sans-serif;
						font-size: 1.3em;
						font-weight: 300;
						line-height: 2.3em;}	



.seccion-esofago li:first-child { font-weight: 700; }



.seccion-enfermedades-2 ul { padding-left: 0;}

.seccion-enfermedades-2 li { list-style: none; 
						line-height: 1em;
						font-family: 'Roboto', sans-serif;
						font-size: 1.3em;
						font-weight: 300;
						line-height: 2.3em;}

.seccion-enfermedades-2 li:first-child { font-weight: 700; }




.seccion-esofago img { max-width: 300px; }


.seccion-esofago-1{background: url(../img/gc-fondo-estomago.png) no-repeat left top;
				background-size: cover;
				padding: 100px 0 150p}




.seccion-sabes ul {}

.seccion-sabes li {
						line-height: 1em;
						font-family: 'Roboto', sans-serif;
						font-size: 1.3em;
						font-weight: 300;
						line-height: 2.3em;}	

.seccion-esofago li:first-child { font-weight: 700; }	




.seccion-ubicacion{ background: rgba(242,242,242,1) }



.seccion-enfermedades-2 img { max-width: 200px;  }

.seccion-enfermedades-2 h1 { font-size: 1.5em; }



.modal { background-color:rgba(0,128,180,0.8) !important; }

.modal-content { background:none;
							box-shadow: none;
							border: 0; }



.modal-estudios { background-color:rgba(255,255,255,0.9) !important; }


.boton-menu-movil { position: fixed;
					top: 20px;
					right: 20px;
					background:rgba(0,128,180,0.3);
					padding: 6px; }



#menuMovil li { list-style: none; }

#menuMovil li a { color: rgba(255,255,255,1);
					font-size: 1.5em; }

.close { opacity: 1; font-size: 3em; }



/* estilos de botón */

.btn { 	border-radius: 0 !important;
		border: 0;
		padding: 10px 40px;
		font-family: "Montserrat", sans-serif;
		font-weight: 400;
		text-transform: uppercase;}


.btn-negro { 	background: rgba(0,0,0,1); 
			 	color:rgba(255,255,255,1);
				box-shadow: 0 0 0 rgba(100,100,100,0);}



.btn-negro:hover { 	background: rgba(0,0,0,1); 
			 		color:rgba(255,255,255,1);
			 		box-shadow: 0 6px 0 rgba(100,100,100,0.8);}



.btn-azul { 	background: rgba(0,153,183,1); 
			 	color:rgba(255,255,255,1);
				box-shadow: 0 0 0 rgba(100,100,100,0);}

.categorias-arquitectura li a { font-size: 2em;
								font-family: 'Montserrat', sans-serif;
								font-weight: 200;}








/* Estilos de bootstrap */


.panel { border-radius: 0;
			border:0; 
			box-shadow: 0 0 0 rgba(0,0,0,1);}




.carousel-control.right { background-image: none; }

.carousel-control.left { background-image: none; }



/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3) { 


h1 { 	font-family: 'Montserrat', sans-serif; 
		font-size: 2em;
		font-weight: 700;
		text-transform: uppercase;}

h2 { 	font-family: 'Montserrat', sans-serif;
		font-size: 1.5em;
		font-weight: 300; }



.texto-intro { 	font-size: 1em;
				line-height: 2em;
				font-weight: 300; }


			

}