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


header img {
	
	width: 40%;
	margin-top: -50px;
	margin-bottom: 20px;
	
	
}

header p {
	
color: #eee;
font-size: 15px;
margin-top: 30px;	
margin-bottom: 30px;	
	
} 

header p a {


color: #fff;
font-weight: bold!important;
padding: 1px!important;
border-radius: 5px;
	
-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-ms-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
transition: all 300ms ease-out;
	
}

header p a:hover {
color: #B0B0B0!important;
text-decoration: none;	
	
}

.recuadro {
	
background-color: #FFF;
padding: 5px 0 5px;
-webkit-box-shadow: 3px 3px 10px 3px rgba(0,0,0,0.2);
box-shadow: 3px 3px 10px 3px rgba(0,0,0,0.2);
margin-top: -160px;	
}

.about-section i { 

padding: 50px 55px;	
color: #de0000;
font-size: 40px;

} 

.about-section p {


font-size: 15px;
color: #3a3a3a;
padding: 0 30px 0 30px;	
}

.about-section p strong {
font-size: 25px;
color: #D4D4D4;
	
}

.about-section h1 {
font-weight: bold;
font-size: 20px;
color: #3a3a3a;	
margin-bottom: 20px;
text-transform: uppercase;	
} 

.about-section img {

outline: 1px dashed #B3B3B3;
outline-offset: 5px;
margin: 20px;
padding: 15px;	

	
}

.titulo-nav {
color: #FFF!important;
font-weight:  bold;
	
	
}


.primario {


background-color: #FFF;
color: #de0000;
font-weight: bold;
margin-right: 15px;
margin-top: 50px;
margin-bottom: 20px;
padding: 10px 30px;	
}

.primario:hover {
background-color: #FFF;	
	
}	

.secundario {

border-color:#FFF;
color: #FFF;
font-weight: bold;
margin-left:15px;
margin-top: 50px;
margin-bottom: 20px;	
padding: 10px 25px;		
}
.secundario:hover {
	
color:#C3C3C3;
border-color: #C3C3C3;	
}

.services-section h1 {
font-weight: bold;
font-size: 30px;
color: #3a3a3a;	
margin-bottom: 20px;
text-transform: uppercase;	
} 

.services-section h2 {
font-size: 15px;
color: #3a3a3a;
margin-bottom: 40px;	
	
}

.oferta {

-webkit-box-shadow: 2px 2px 15px 3px rgba(0,0,0,0.1);
box-shadow: 2px 2px 15px 3px rgba(0,0,0,0.1);
padding: 0px 0px 20px 0px;
margin-bottom: 50px;	
}

.oferta img {
	
width: 100%;	
	
}

.oferta h4 {

font-weight: bold;
	
}

.oferta h6 {

font-size: 15px;
	
}

.oferta h6 strong {

font-size: 18px;
	
} 

.oferta a {

background-color: #de0000;
color: #FFF;
border-radius: 3px;
font-size: 15px;
font-weight: bold;	
width: 70%;	
	
-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-ms-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
transition: all 300ms ease-out;	
	
}

.oferta a:hover {

background-color:#A20002;	
color: #FFF;	
width: 75%;	
}

.oferta a:focus {

color: #C3C3C3;
	
}

.legal {

font-size: 13px;	
	
	
}

article {
width: 100%;
background-color: #eee;
text-align: center;
padding-bottom: 30px;		
}
article img {
width: 70%;
	
}

.banner-mobile {
	
	display:none;
}
.contact-section h1 {
	
color: #FFF;
font-size: 15px;
font-weight: bold;	
	
}

.contact-section p {
color: #FFF;	
font-size: 12px;	
}

.contact-section p i {
margin:	0 5px 0 15px; 
}

.contact-section img {
width: 7%	
	
}

.sociales {
	
margin-top: 30px;
margin-bottom: 20px;	
text-align: center;	
	
}

.sociales a 

{
	
font-size:25px;	
color: #FFF;
padding: 10px;

-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-ms-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
transition: all 300ms ease-out;	
}

.sociales a:hover 

{
	
color: #de0000;
	
}




@media (max-width: 575px) { 

.navbar {
background-color:#de0000;
border-color: transparent;
}

header img {
	
	width: 80%;
	margin-top: -30px;
	margin-bottom: 20px;
	
	
}

	
	
.primario {


background-color: #FFF;
color: #de0000;
font-weight: bold;
margin-right: 10px;
margin-top: 20px;	
padding: 10px 15px;	
}

.primario:hover {
background-color: #FFF;	
	
}	

.secundario {

border-color:#FFF;
color: #FFF;
font-weight: bold;
margin-left:10px;
margin-top: 20px;
padding: 10px 10px;		
}
.secundario:hover {
	
color:#C3C3C3;
border-color: #C3C3C3;	
}	

header p {
	
color: #eee;
font-size: 15px;
margin-top: 20px;	
margin-bottom: 30px;	
	
} 
article img {
width: 100%;
	
}	

.banner {
		
display: none;
	
}

.banner-mobile {
		
display: block		
	}
	
.contact-section img {
width: 20%	
	
}	
}