/* CSS Document */

:root {
	--color02: #bbbbbb;
		--color02_rgb:187,187,197;
		
	--color01: #fca500;
		--color01_rgb: 252,165,0;
}

.borde{
	border: thin dashed #F00;
}

body {
	background-image: url(../css_img/fondo_ux.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;		 
}





a.btn.btn-primary
,
.btn.btn-primary
,
button
,
button.btn
,
.btn-xl
,
.card-title
	{
	background-color:var(--color01) !important;
	border-color: var(--color01) !important;
	outline: var(--color01) !important;
	color: black;
	}


* a.btn:hover
,
* a.btn:active
,
* a.btn:focus	
,
button.btn:hover
,
button.btn:active
,
button.btn:focus
	{
	border-color: var(--color02) !important;
	outline:var(--color02) !important;
	box-shadow:0 0 0 .2rem rgba(var(--color02_rgb), 0.75) !important;
	background-color: var(--color02) !important;
	}

a.btn i{ color: #000000;}


a i.fa-envelope:hover
,
a i.fa-whatsapp:hover
{ 
	color: var(--color02) !important;
		
	}		

a i
,
i.fa-3x
,
i.fa-4x
,
a i.fa-envelope
,
a i.fa-whatsapp
,
.incluye_web i
{color:var(--color01)}
	
	


.esquina_redondeada_derecha{
	border-top-right-radius: 25px;
	border-bottom-right-radius: 25px;
}

.esquina_redondeada_izquierda{
	border-top-left-radius: 25px;
	border-bottom-left-radius: 25px;
}



.translucido{ background-color:rgba(255,255,255,0.75);}
.translucido_oscuro{ background-color:rgba(0,0,0,0.33);}

.translucido_75
	{ background-color:rgba(255,255,255,0.75);}

.translucido_negro_75
	{ background-color:rgba(0,0,0,0.75);}	
	
.translucido_85
	{ background-color:rgba(255,255,255,0.85);}	

.translucido_95
	{ background-color:rgba(255,255,255,0.95);}	




		

/*

@media screen and (min-width:0px) and (max-width: 576px)
	{
	h1{ font-size: 36px;}
	h2{ font-size: 20px;}
	h3{ font-size: 20px;}
	}

.borde{
	border: thin dashed #F00;
}

#primera{
	min-height: 100vh;
	background-image: url(../css_img/pajarito.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
		 
}

.resaltador
	{
	background-color: #FFF;
	padding-left: 2px;
	padding-right: 2px;
	font-weight: bold !important;
	}

.aldiome{
	display:block;
	float:none;
	margin-left:auto;
	margin-right:auto;
}


#isologo
	{
	z-index:500;
	position:fixed;
	top:15px;
	left: 15px;
	width:auto;
	}
	
#isologo div div
	{
	background: rgba(52, 58, 64, 0.5);
	height:50px !important;
	}



@media screen and (min-width:0px) and (max-width: 240px){}
@media screen and (min-width:241px) and (max-width: 320px){}
@media screen and (min-width:321px) and (max-width: 360px){}
@media screen and (min-width:361px) and (max-width: 375px){}
@media screen and (min-width:376px) and (max-width: 480px){}
@media screen and (min-width:481px) and (max-width: 568px){}
@media screen and (min-width:569px) and (max-width: 667px){}
@media screen and (min-width:668px) and (max-width: 768px){}
@media screen and (min-width:769px) and (max-width: 800px){}
@media screen and (min-width:801px) and (max-width: 999px){}

.redondeado
,
redondeada
	{
		-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;	
	}

	*
	{
	margin:0%;
	padding:0%;
	
	max-width: 100%;
	
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			   box-sizing: border-box;
	}
	
a[href^="tel:"] {
  color: orange;
  text-decoration: none;
}	

	
	*/