/* Estilos de margen y tamaño */

.m-t-10 {margin-top:10px;}
.m-t-20 {margin-top:20px;}
.m-t-30 {margin-top:30px;}
.m-t-40 {margin-top:40px;}
.m-t-50 {margin-top:50px;}

.m-b-10 {margin-bottom:10px;}
.m-b-20 {margin-bottom:20px;}
.m-b-30 {margin-bottom:30px;}
.m-b-40 {margin-bottom:40px;}
.m-b-50 {margin-bottom:50px;}


.p-0 { padding: 0; }

.p-t-10 {padding-top:10px;}
.p-t-20 {padding-top:20px;}
.p-t-30 {padding-top:30px;}
.p-t-40 {padding-top:40px;}
.p-t-50 {padding-top:50px;}
.p-t-60 {padding-top:60px;}
.p-t-70 {padding-top:70px;}
.p-t-80 {padding-top:80px;}
.p-t-90 {padding-top:90px;}
.p-t-100 {padding-top:100px;}
.p-t-150 {padding-top:150px;}
.p-t-170 {padding-top:170px;}
.p-t-180 {padding-top:185px;}
.p-t-190 {padding-top:190px;}
.p-t-200 {padding-top:200px;}

* {
	cursor:default;
}

a {
	cursor:pointer;
}


.p-b-10 {padding-bottom:10px;}
.p-b-15 {padding-bottom:15px;}
.p-b-20 {padding-bottom:20px;}
.p-b-30 {padding-bottom:30px;}
.p-b-40 {padding-bottom:40px;}
.p-b-50 {padding-bottom:50px;}
.p-b-100 {padding-bottom:100px;}
.p-b-150 {padding-bottom:150px;}
.p-b-160 {padding-bottom:160px;}
.p-b-170 {padding-bottom:170px;}
.p-b-180 {padding-bottom:180px;}
.p-b-190 {padding-bottom:190px;}
.p-b-200 {padding-bottom:200px;}
.p-b-210 {padding-bottom:210px;}
.p-b-220 {padding-bottom:220px;}
.p-b-230 {padding-bottom:230px;}
.p-b-240 {padding-bottom:240px;}
.p-b-250 {padding-bottom:250px;}
.p-b-260 {padding-bottom:260px;}
.p-b-280 {padding-bottom:280px;}
.p-b-300 {padding-bottom:300px;}
.p-b-310 {padding-bottom:310px;}
.p-b-320 {padding-bottom:320px;}
.p-b-330 {padding-bottom:330px;}
.p-b-340 {padding-bottom:340px;}
.p-b-350 {padding-bottom:350px;}
.p-b-360 {padding-bottom:360px;}
.p-b-370 {padding-bottom:370px;}
.p-b-380 {padding-bottom:380px;}
.p-b-390 {padding-bottom:390px;}
.p-b-400 {padding-bottom:400px;}
.p-b-410 {padding-bottom:410px;}





.p-l-40 {padding-left:40px;}

.m-l-30 {margin-left:30px;}
.m-l-40 {margin-left:40px;}


.p-r-40 {padding-right:40px;}


/* Estilos de textos */

h1 {
	font-family: 'Exo', sans-serif;	
	font-weight: 700;
	font-size: 3em;
	color: rgba(128,128,128,1);
}

h2 { 
	font-family: 'Exo', sans-serif;	
	font-weight: 300;
	font-size: 2em;
}

h3 { 	font-weight: 700;
text-transform: uppercase;
font-size: 1.8em;}

h4 {	font-weight: 400;
line-height: 1.6em;}


p{	
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 1.2em;
}


.titulos-secciones{
	font-size: 2.8em;
}

.texto-servicios{
	font-size: 0.9em;
	font-weight: 700;
}


.titulos-secciones-movil{
	font-size: 2.2em;
}
.titulo-banner-movil{
	font-size: 1.8em;
	line-height: 0.2em;
}

.texto-servicios-movil{
	font-size: 0.8em;
	font-weight: 700;
}	
			
/* estilos de color */

.c-blanco{
	color: rgba(255,255,255,1);
}

/* Menu principal */

.seccion-menu-principal {
	position: absolute;
	z-index: 3;
	width: 100%;
	color: white;
	padding: 20px 0;
}

.menu-principal li a { 
	font-family: 'Exo', sans-serif;
	font-size: 1.1em;
	font-weight: 400;
	text-decoration: none;
	color:rgba(255,255,255,1);
	line-height: 40px;
	border-bottom: 5px solid rgba(203,63,137,0);
	-webkit-transition: all ease 400ms;
	text-shadow: 0 0 6px rgba(0,0,0,0.7);
	cursor: pointer;
}

.menu-principal li a:hover {
	border-bottom: 5px solid rgba(203,63,137,1);
}


.modal-menumovil  { background-color:rgba(0,0,0,0.7) !important; }

#menuMovil .modal-content { background:none;
					box-shadow: none;
					border: 0; }


.close-menumovil { color: white; opacity: 1;
	font-size: 3em;}

/* Estilos de seccion 


.seccion-banner{ 
	background: url(../img/banner-01.jpg) no-repeat bottom;
	background-size: cover;
	padding:10px 0 10px;
}

.seccion-banner-movil{ 
	background: url(../img/banner-01-movil.jpg) no-repeat bottom;
	background-size: cover;
	padding:10px 0 10px;
}*/

.navbar-top { 	position: fixed;
	z-index: 999;
	width: 100%; 
	}
	
.navbar-top-2 { background:rgba(0,0,0,0.4);
				box-shadow:0 0 10px rgba(0,0,0,0.9); }


.seccion-nuestros-servicios{ 
	background: url(../img/banner-servicios.jpg) no-repeat bottom;
	background-size: cover;
	padding:10px 0 10px;
}


.seccion-nuestros-servicios-movil { 
	background: url(../img/banner-servicios.jpg) no-repeat bottom;
	background-size: cover;
	padding:10px 0 10px;
}

.flecha{
	background: url(../img/gorat-flecha.png) left no-repeat;
	background-size: contain;
}

.logo-banner-movil {
	margin-left:40px;
}


.seccion-servicios-digitales {
	background: url(../img/banner-flecha.jpg) left no-repeat;
	background-size: cover;
	padding:10px 0 10px;
}


/* estilos de botón */

.btn { 	border-radius: 0 !important;
border: 1;
padding: 10px 40px;
font-family: "Montserrat", sans-serif;
font-weight: 400;
text-transform: uppercase;}


.btn-negro { 	background: rgba(0,0,0,1); 
		 color:rgba(255,255,255,1);
		box-shadow: 0 0 0 rgba(100,100,100,0);}

.btn-negro:hover { 	background: rgba(0,0,0,1); 
			 color:rgba(255,255,255,1);
			 box-shadow: 0 6px 0 rgba(100,100,100,0.8);}

.btn-round {
	border-radius: 18px !important;
}

.btn-transparente {
    background: rgba(0,0,0,0);
	color: rgba(203,63,137,1);
    box-shadow: 0 0 0 rgba(100,100,100,0);
	border: 2px solid rgba(203,63,137,1);
}

.btn-transparente:hover {
    background: rgba(0,0,0,0);
	color: rgba(203,63,137,1);
    box-shadow: 0 0 0 rgba(100,100,100,0);
	border: 2px solid rgba(203,63,137,1);
}

.btn-gorat{
    background: rgba(203,63,137,1);
	color: rgba(255,255,255,1);

}

.btn-soporte{
	background-color: rgba(56,46,133,1);
	color: rgba(255,255,255,1);
}
				

/* Estilos de bootstrap */


.carousel-control.right { background-image: none; }

.carousel-control.left { background-image: none; }



/* Portrait and Landscape */
@media only screen 
and (min-device-width: 414px) 
and (max-device-width: 736px) 
and (-webkit-min-device-pixel-ratio: 3) { 


}


.panel {
	border-radius: 18px !important;
	color: rgba(203,63,137,1);
	-webkit-transition: background-color ease 500ms;
	min-height: 200px;
}

.panel:hover {
	background-color: rgba(203,63,137,1);
	color: rgba(255,255,255,1);
}

.close-menumovil { color: white; opacity: 1;
	font-size: 3em;}

.close-menumovil { font-size: 40px;}