@charset "utf-8";
/* CSS Document */
body{
	
	font-family:Century Gothic;
	src: url("../font/07558_CenturyGothic.ttf");
}
html{
	
	scroll-behavior:smooth;
	
	
}

h1{
	
	color: #b89b5e;
	font-size: 3rem;
}

h2{
	
	font-size: 2rem;
	
}
hr {
background-color: #b89b5e;
	margin-bottom: 20px;
height: 1px;
border: 0;
color: blue;
}
.barra_inicio{
    background-color: #000000;
    width: 100%;
    color: #FFFFFF;
    font-size: 14px;
    font-family: Century Gothic;
	src: url("../font/07558_CenturyGothic.ttf");
    height: 30px;
    text-align: center;
	
}

.barra_inicio ul {
	 padding-top: 5px;
	list-style-type:none;
	text-align: left;
}

.barra_inicio li{
    display: inline;
    text-align: center;
    margin: 0 10px 0 0;
   
}

.menu_peq{
  
    font-size: 20px;
    color: #FFFFFF;
   font-weight:bold;
	
}

a.menu_peq:hover{
   
    font-size: 20px;
    color: #ffffff;
	font-weight: bold;
	
    
}

.barra_Info{
	font-size: 14px;
	text-align: left;
	font-weight: lighter;
	color: #000000;
	background: #b89b5e;
	width: 100%;
	padding-bottom: 1px;
	padding-left: 10px;
	padding-top: 5px;
	
}
.menu_servicios{
	

font-size: 25px;
color:#000000;
font-weight: bold;
	
}

.texto_servicios{
	

font-size: 14px;
color:#000000;
text-align: justify;
font-weight: lighter;
	
}

a.vinculo:hover{
	
	color: #9B0002;
	font-weight: bold;
}

a.vinculo:visited{
	
	color:#9B0002 ;
}
.submenu_peq{
	

font-size: 16px;
color: #7C7C7C;
font-weight: bold;
	
}
.parallax {
  /* The image used */
  background-image: url(" ../imagenes/preguntas.jpg");


  /* Set a specific height */
  min-height: 400px; 

  /* Create the parallax scrolling effect */
   background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.lista{
    font-size: 14px;
    text-align: left;
    list-style: square;
    line-height: 30px;
    color: #000000;
    
		
}

.sub_textoEncima{
	
	color:#b89b5e;
	font-size: 2.0rem;
}

.menu_encima{
	position: absolute;
	top: 0px;
    left: 0px;

	
}

@media (min-width:700px) {
	

.texto-encima{
	color: #ffffff;
	font-size: 5.0rem;
	margin-left: 50px;
	
	
	font-weight: bolder;
	line-height: 50px;
	position: absolute;
	top: 200px;
    left: 50px;
	
}

	.texto-encima_usuario{
	
	line-height: 50px;
	position: absolute;
	top: 50px;
    left: 50px;
	
}

}

@media (max-width:700px) {
 
.texto-encima{
	color: #ffffff;
	font-size: 3.5rem;
	text-align: center;
	text-shadow: 1px 1px 0px #000000;
	
	font-weight: bolder;
	line-height: 70px;
	position: absolute;
	top: 200px;
    
	width: 100%;
	
}
	


	
	h2{
		font-size: 1.5rem;
	}
	
	h1{
	
	color: #b89b5e;
	font-size: 2rem;
}
	
	.barra_Info{
		font-size: 0.7rem;
		
	}
	
.sub_textoEncima{
	
	color:#b89b5e;
	font-size: 1.5rem;
}
	
.menu_encima{
	position: absolute;
	top: 0px;
    left: 0px;
	background: #000000;
	z-index: 99;
	width: 100%;
	
}
		.texto-encima_usuario{
	
		line-height: 50px;
	position: absolute;
	top:80px;
    left: 120px;
	
}
}


.servicio_negrot{
	color: #FFFFFF;font-size: 24px;font-weight: lighter;
	
}

.servicio_negrotext{
	
	color:#ffffff;font-size: 15px; font-weight: lighter;text-align: left;line-height: 30px;
}


.servicio_blancot{
	color: #000000;font-size: 24px;font-weight: lighter;
	
}

.servicio_blancotext{
	
	color:#000000;font-size: 15px; font-weight: lighter;text-align: left;line-height: 30px;
}