@charset "utf-8";
/* CSS Document */


/* generales */


h1{
	
	color: darkgoldenrod;
	text-align: center; 
	margin-bottom: 20px
}


hr {
background-color: darkgoldenrod;
	margin-bottom: 20px;
height: 1px;
border: 0;
color: blue;
}

.barra_inicio{
    background-color: #000000;
    width: 100%;
    color: #FFFFFF;
    font-size: 14px;
    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: center;
	height: 30px;
	color: #000000;
	background: darkgoldenrod;
	width: 100%;
	overflow: hidden;
	position: fixed;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 99;
	
}


.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;
	
}


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

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

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

	
}


.formulario{
	color: black;
	font-weight: lighter;
	font-size: 20px;
	
}

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

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


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

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

.ventajas{
	font-size: 1.0rem;
	color: black;
	
	
}
.empresa{
	
	text-align: justify;
	font-size: 1.0rem;
}

#falso{
	height: 200px;
	
}


.logo_banner{
	
	position: absolute;
	top: 40px;
    left: 20px;
	
	
}
.texto-encima{
	color: #ffffff;
	font-size: 5.0rem;
	
	
	text-align: center;
	font-weight: bolder;
	line-height: 50px;
	position: absolute;
	top: 160px;
	width: 100%;
	text-shadow: 0 0 10px black;
    
	
}
	
.texto-encimad{
	color: #ffffff;
	font-size: 2.3rem;
	text-align: center;
	width: 100%;
	font-weight: bold;
	line-height: 50px;
	position: absolute;
	top: 250px;
	text-shadow: 0 0 5px black;
   
	
}


	.texto-encimat{
	font-size: 1.5rem;
	text-align: center;
	width: 100%;
	font-weight: bold;
	line-height: 50px;
	position: absolute;
	top: 300px;
    font-style: oblique;
	color: darkgoldenrod;
	
		background: black;
		opacity: 90%
}
	.menu_btn{
		
		position: absolute;
		top:350px;
		width: 100%;
		color: white;
		font-size: 1.8rem;
		font-weight: bold;
		padding-bottom: 30px;
		text-shadow: 0 0 5px black;
		
		
	}
 

.tabla{
	
	font-size: 1em;
	
}

#chatgrande{
	position: fixed;
	bottom: 20px;
	right: 0px;
	z-index:0;
	
	
}
#chatpequeno{
	display: none;
}



.tabla-movil{
    display: none;
}
.masinfo{
    display: none;
}















@media (max-width:768px) {

#logo{
	width: 30%;
}
	
.logo_banner{
	
	position: relative;
	top: 60px;
	left: 0px;

}	
	
	
.texto-encima{
	color: #ffffff;
	font-size: 2.4rem;
	text-align: center;
	font-weight: bolder;
	line-height: 50px;
	position: absolute;
	top: 155px;
    
	width: 100%;
	
}
	
.texto-encimad{
	color: #ffffff;
	font-size: 0.8rem;
	text-align: center;
	width: 100%;
	font-weight: bold;
	line-height: 50px;
	position: absolute;
	top: 240px;	
   
}
    
    .masinfo{
        display: block;
 
    }

.texto-encimat{
	display: none;
	font-size: 0.9rem;
	text-align: center;
	width: 100%;
	font-weight: bold;
	line-height: 30px;
	position: absolute;
	top: 300px;
    font-style: oblique;
	color: darkgoldenrod;
	
		background: black;
		opacity: 80%
}

.menu_btn{
		
		position: absolute;
		top:280px;
		width: 100%;
		color: white;
		font-size: 1.1rem;
		font-weight: bold;
		
		
	}
	
h2{
		font-size: 1.5rem;
	}
	
h1{
	
	color: darkgoldenrod;
	font-size: 2rem;
}
	
.barra_Info{
		font-size: 0.6rem;
		
		
	}

.sub_textoEncima{
	
	color:darkgoldenrod;
	font-size: 1.5rem;
}
	
.menu_encima{
	position: absolute;
	top: 0px;
    left: 0px;
	background: #000000;
	z-index: 99;
	width: 100%;
	
}
	#falso{
		
		display: none;
	}
	
.tabla{
	
	font-size: 0.7rem;
	
}
	
	
#chatgrande{
display: none;
	
}
	
#chatpequeno{
	display: block;
	position: fixed;
	bottom: 30px;
	right: 0;
	z-index:0
		
	}
    

    .tabla-planes{
        display: none;
    }
    
    .tabla-movil{
        display: block;
    }
    
    .formulario{
        font-size: 0.9rem;
    }
	
	
.miportada{

	background-position:right;
}
	

	
	#listaser{
	font-size: 0.8rem;
	font-weight: normal;
	line-height: 18px;
		padding: 0;
		margin: 0;
	
}
	
	.tituloser{
	
	font-size: 1.0rem;

}
	

	










}