@font-face {
	font-family: FuturaBook;
	src: url(futura_medium_bt.ttf);
}

body{
	font-family: FuturaBook;
	background: url(assets/vitea/fondoVALVULA.jpg);
	
	
}

ul, ol{
	list-style:none;
	float: left;
    color: rgb(102, 121, 139);
}

.iconList{
	font-size: xx-small;
   transform: translateY(-4px) translateX(-3px);
   color: rgb(138, 152, 208);
}

a:visited, a:link, a:focus, a:hover, a:active{
	list-style:none;
	text-decoration: none;
}

.imgCaptionHome{
	width: 70%;
}

.menuHeader{
	background-color: transparent;
    text-decoration-color: rgb(151, 166, 180);
	color:rgb(148, 168, 186);
}
 
.rowHeader{
	width: 100%;
	margin: 0;
 
}

.mainLogo{
	width: 100%;  
  
}



.toggleMenu{
	vertical-align: middle;
	font-size: 60px;
}

.indexTitle{
    transform: translateY(10px);
}

.icon{
	color: rgb(107, 177, 207);
}

#submenu{
	display: none;
}

#submenu ul li a{
	color: rgb(71, 64, 64);
    font-weight: 350;
    font-size: 20px;
}

.opcionesMenu{
	color: blueviolet;
	width: 100%;
	margin: 0;
	font-size: 20px;
	float:right;
}

.opcionesMenu li a{
	color: rgb(135, 151, 174);
    font-weight: 500;
    font-size: 20px;
}

.botonHeader{
	width: 120%;
    padding-top: 5%;
}


.title0{
    position: absolute;
 left: 10%;
 top: 50%;
 font-size: xx-large;
}

.ima1{
    position: absolute;
 margin-left: auto;
  
}
.text1{
    position: absolute;
 left: 10%;
 top: 25%;
  
}
.im2{
	background:url(assets/home/card2_valvula.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position:left ;
}
.titleseg{
	right:20%; 
  font-size: 2rem;
 
}	
.enseim{
    position: static;
  top: 50%;
  right:20%;
  font-size: 2rem;
  color:rgb(162, 162, 235);
}
/*.im3{
	background:url(assets/home/foto_footer1.png);
background-size: contain;

}
*/	
.enterim{
    position: absolute;
  top: 45%;
  left:10%;
  font-size:xx-large;
  color:rgb(105, 105, 181);
}
.im5{
	background:url(assets/colostomia/foto2_colostomia.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position:left ;
}
.im6{
	background:url(assets/colostomia/foto_footerCOLOSTOMIA.png);
background-size: cover;
background-repeat: no-repeat;
background-position:left ;
}
.enseimco{
    position: static;
  top: 50%;
  right:20%;
  font-size: 2rem;
  color:rgb(50, 50, 102);
}
.im7{
	background:url(assets/calidaddevida/foto2Calidad.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position:left ;
}
.im8{
	background:url(assets/calidaddevida/foto_footer.png);
background-size: cover;
background-repeat: no-repeat;
background-position:left ;
}
.ftlow{
background-color: black;
}
.btnlog{
	background-image:url(assets/home/boton_politicas.png);
	}
.pol{
	padding-top: 10%;
	}

	.backgroundCard{
		background-image:url(assets/home/logo_footer.png);
		background-repeat: no-repeat;
		background-position: center;
		}
 .seccion1{
 	height: 100%;
	background-size: cover;
	margin: auto;
	padding: 7%;
	font-size: 28px;
    font-weight: 500;
    color: white;
 }
 
 @media (max-width:1400px) and (min-width:1200px){
 .title0{
    position: absolute;
 left: 10%;
 top: 30%;
 font-size: xx-large;
}
}
@media (max-width:1199px) and (min-width:992px){
   .title0{
    position: absolute;
 left: 10%;
 top: 30%;
 font-size: xx-large;
} 
}
@media (max-width:991px) and (min-width:770px){
.title0{
    position: absolute;
 left: 10%;
 top: 30%;
 font-size: x-large;
}
}
@media (max-width:769px) and (min-width:576px){
.title0{
    position: absolute;
 left: 10%;
 top: 30%;
 font-size: large;
}
}
@media (max-width:575px){
    
    
.title0{
    position: absolute;
 left: 10%;
 top: 20%;
 font-size: large;
}
	.ima1{
		position: absolute;
	 margin-left: auto;
	 margin-right: auto; 
	}
}