/* CSS Document */

:root {
	--color01: #006384;
		--color01_rgb:0,99,132;
		
	--color02: #007BA4;
		--color02_rgb: 0,123,164;
}


.secundario{background-color: var(--color02) !important;}


.primario{background-color:var(--color01) !important;}

	a.btn.btn-primary
	,
	.btn.btn-primary
	,
	button
	,
	button.btn
	,
	.btn-xl
	,
	.card-title
	
		{
		/*color: var(--icono_color) !important;
		background-color:#FF0 !important;	
		background-color: var(--pie_iconos) !important;
		border-color: var(--pie_iconos) !important;
		outline:var(--pie_iconos) !important;
		*/
		background-color:var(--color01) !important;
		border-color: var(--color01) !important;
		outline: var(--color01) !important;
		}


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

		
		
.border-primary
	{
		border-color: var(--color01) !important;

	}

		
.card-title
	{
	font-family: 'Oswald', sans-serif !important;
	color: white;	
	}

h1, h2,h3, h4
	{
	font-family: 'Oswald', sans-serif !important;
	font-weight: bolder;
	color: var(--color01);;
	
	text-shadow: 1px 1px 1px #FFF,
		-1px 1px 1px #FFF,
		-1px -1px 1px #FFF,
		1px -1px 1px #FFF
		;
	}

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

 #quinta_xs h3{
	font-size: 18px !important;
}



 i.fa-3x
 ,
 i.fa-4x
 ,
 .incluye
 {color: var(--color01)}
 



body{
	font-family: 'Open Sans', sans-serif;
	color: #000;
}



.borde{
	border: thin dashed #F00;
}

#primera, #segunda, #tercera, #cuarta, #quinta{
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: cover;
	min-height: 100vh;	 
}

#primera{background-image: url(../css_img/tres_propuestas.jpg);}
#segunda{background-image: url(../css_img/precios.jpg);}
#tercera{background-image: url(../css_img/disenno_adaptativo.jpg);}
#cuarta{background-image: url(../css_img/autoadmistrable.jpg);}
#quinta{background-image: url(../css_img/call.jpg);}

h1{
	font-weight: 800;
}
.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);}	

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

#wasap
{
	/*width: 60px;*/
	width:22%;
	padding-top: 10px;
	padding-bottom: 10px;
	display: block;
/*	position: fixed;
	top: 15px;
	left: 15px;
	z-index: 75;
*/
	text-align: center;

	background: rgba(52, 58, 64, 0.5);
	/*border: 1px solid #FFF;*/
		}


#isologo
	{
	z-index:500;
	position:fixed;
	top:15px;
	left: 15px;
	width:auto;

/*	width:240px;*/
	}
	
#isologo div div
	{
	background: rgba(52, 58, 64, 0.5);
	height:50px !important;
	}


.ad_font
	{
	font-family: 'Open Sans', sans-serif;
	color: #FFF;
	font-size: 13px;/*
	color: var(--color01);;
	text-shadow: 1px 1px 1px #000,
		-1px 1px 1px #000,
		-1px -1px 1px #000,
		1px -1px 1px #000
		;
		*/
}


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

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

 #cuarta_xs
	{
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: cover;
	min-height: 100vh;
	background-image: url(../css_img/autoadmistrable.jpg);
	}

 #quinta_xs
	{
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: cover;
	min-height: 100vh;
	background-image: url(../css_img/call.jpg);
	}

#sitio-web-inicial
	{
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: cover;
	min-height: 100vh;
	background-image: url(../css_img/sitio-web-inicial.jpg);
	}

#sitio-web-webmaster
	{
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: cover;
	min-height: 100vh;
	background-image: url(../css_img/webmasters.jpg);
	}

#sitio-web-contacto
	{
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: cover;
	min-height: 100vh;
	background-image: url(../css_img/contacto.jpg);
	}

	
#sitio-web-estandard
	{
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: cover;
	min-height: 100vh;
	background-image: url(../css_img/sitio-web-estandar.jpg);
	}	

#sitio-web-intermedio
	{
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: cover;
	min-height: 100vh;
	background-image: url(../css_img/   );
	}	

	#sitio-web-intermedio
	{
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: cover;
	min-height: 100vh;
	background-image: url(../css_img/   );
	}	



#sitio-web-precio
	{
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: cover;
	min-height: 100vh;
	background-image: url(../css_img/precios-sitios-web.jpg);
	}	

	/*
	/*
@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;
}	

	
	*/