@charset "utf-8";

/* CSS Document */



/* ///////////////////////////////////////////////////////////////////////////// */
/* =======  TAMAÑO DE FUENTES , COLORES , MARGENES Y PADDINGS     ============== */
/* ///////////////////////////////////////////////////////////////////////////// */
/* //                                                                          //*/
/* ///////////////////////////////////////////////////////////////////////////// */


/* ////////////////////////////////////////////////////////////////
/* BAKGROUNDS                                                    */

.bg_canvas_dark
{
	background: rgba(0, 0, 0, 0) url("../images/canvas-dark.png") repeat scroll 0 0;
}

.bg_pattern_circulos
{
	background: rgba(0, 0, 0, 0) url("../images/pattern_4.png") repeat scroll 0 0;
}

.bg_gris_hometon
{
	background: #e0e6e7 none repeat scroll 0 0 !important
}

.bg_white
{
	background: #fff none repeat scroll 0 0 !important
}

.bg-gris-home{background: #f4f4f4 none repeat scroll 0 0 !important;}

.bg-gris-home-lighter{background: #f0f0f0 none repeat scroll 0 0 !important;}

.bg-azul-home-lighter{background: rgba(0, 159, 227, 0.41) none repeat scroll 0 0 !important}



/* ////////////////////////////////////////////////////////////////
/* BORDER COLOR                                                  */

.border-color-gris_hometon
{
	border-color: #e3e3e3 !important
}

/* ////////////////////////////////////////////////////////////////
/* FUENTES                                                       */


.Shadows-Into-Light
{
	font-family: "Shadows Into Light", cursive !important;
}

.font_Opensans
{
	font-family: "Open Sans" !important;
}

.font_Oswald
{
	font-family: "Oswald" !important;
}

.font10
{
	font-size: 10px !important
}

.font14
{
	font-size: 14px !important
}

.font15
{
	font-size: 15px !important
}

.font17
{
	font-size: 17px !important
}

.font20
{
	font-size: 20px !important
}

.font25
{
	font-size: 25px !important
}

.font30
{
	font-size: 30px !important
}

.font35
{
	font-size: 35px !important
}

.font40
{
	font-size: 40px !important
}

.font50
{
	font-size: 50px !important
}

.font60
{
	font-size: 60px !important
}

.font70
{
	font-size: 70px !important
}

.font90
{
	font-size: 90px !important
}

/* ==== WEIGHT ===== */

.font-w-400
{
	font-weight: 400 !important;
}

.font-w-700
{
	font-weight: 700 !important;
}

.font-w-100
{
	font-weight: 100 !important;
}

.font-Oswald
{
	font-family: "Oswald" !important;
	font-weight: 100
}

.xs-line-height-12
{
	line-height: 1.2em !important
}

.xs-line-height-15
{
	line-height: 1.5em !important
}

/* ///////////////////////////////////////////////////////////////*

/* ////////////////////////////////////////////////////////////////
/* COLORES                                                       */
/* ///////////////////////////////////////////////////////////////*


/* ============= COLORES DE TEXTO ============== */

.red
{
	color: #d45252
}

/* *** gris azulado *** */
.color-label-gris
{
	color: #8d9baa !important
}

.blue
{
	color: #254f75 !important
}

/* *** blanco *** */
.color-fff
{
	color: #fff !important;
}

/* *** azul *** */
.color-347bb8
{
	color: #347bb8 !important;
}

/* *** rojo botón más claro*** */
.color-ff5d4c
{
	color: #ff5d4c !important
}

/* *** rojo botón *** */
.color-e84c3d
{
	color: #e84c3d !important
}

/* *** rojo botón 2*** */
.color-d9534f
{
	color: #d9534f !important
}

/* *** amarillo vainilla más claro*** */
.color-fff391
{
	color: #fff391 !important;
}

/* *** amarillo vainilla más oscuro*** */
.color-fff391
{
	color: #fff391 !important
}

/* *** gris claro (textos 1) *** */
.color-cccccc
{
	color: #cccccc !important;
}

/* *** gris claro 2 (textos 2) *** */
.color-a09f9f
{
	color: #a09f9f !important;
}

/* *** gris claro 3 (textos 3) *** */
.color-828181
{
	color: #828181 !important;
}

/* *** gris oscuro (textos 3) *** */
.color-5c5c5c
{
	color: #5c5c5c !important;
}

/* *** gris oscuro (textos 4) *** */
.color-595656
{
	color: #595656 !important
}

/* *** azul *** */
.color-importe
{
	color: #4a79bf
}

.color-a-ton
{
	color: #337ab7 !important
}



/* *** marrón claro *** */
.color-9d711e
{
	color: #9d711e !important
}

.color-e491ab
{
	color: #e491ab !important
}

.color-7f7f7f
{
	color: #7f7f7f !important
}

/* *** color dorado (p.ejemplo...li activo tiendas online) *** */
.color_c2a26f
{
	color: #c2a26f !important
}

.rojo_eroski{color:#d00119 !important}
.casi_negro{color:#3a362f !important}

/*amarillo subtitulo home */

.color-e7e1b0{color:#e7e1b0 !important}

/* ========= COLORES DE FONDO ============== */

.bckcolor-d6792b
{
	background-color: #d6792b !important
}

.bckcolor-f3f7f9
{
	background-color: #f3f7f9 !important
}

.bckcolor-fff
{
	background-color: #fff !important
}

.bckcolor-f1f1f1
{
	background-color: #f1f1f1 !important
}

.bckcolor-bbdcef
{
	background-color: #bbdcef !important
}

.bckcolor-f26d64
{
	background-color: #f26d64 !important
}

.bckcolor-396da4
{
	background-color: #396da4 !important
}

.bckcolor-ffd35a
{
	background-color: #ffd35a !important
}

.bckcolor-fff391
{
	background-color: #fff391 !important
}

.bckcolor-ee312f
{
	background-color: #ee312f !important
}

/* *** rojo oscuro (carrusel papa pnoel) *** */
.bckcolor-b01f25
{
	background-color: #b01f25 !important
}

.bckcolor-fb731d
{
	background-color: #fb731d !important
}

.bckcolor-botonrojo
{
	background-color: #d9534f !important
}

/*ROJO EROSKI*/

.bckcolor-e3001b
{
	background-color: #e3001b !important
}

.bckcolor-768037
{
	background-color: #768037 !important;
}

.bckcolor-191919
{
	background-color: #191919 !important;
}

.fondo-transparente
{
	background-color: transparent !important
}

/* ////////////////////////////////////////////////////////////////
/* ROTACIONES DE TEXTO                                           */

.rotar
{
	-webkit-transform: rotate(-10deg);
	transform: rotate(-10deg);
}

/* ///////////////////////////////////////////////////////////////*

/* ////////////////////////////////////////////////////////////////
/* MÁRGENES                                                      */

.margin-0
{
	margin: 0px
}

/* ==== TOP ===== */


.margin-top-0
{
	margin-top: 0px !important;
}

.margin-top-5
{
	margin-top: 5px !important;
}

.margin-top-10
{
	margin-top: 10px !important;
}

.margin-top-15
{
	margin-top: 15px !important;
}

.margin-top-20
{
	margin-top: 20px !important;
}

.margin-top-25
{
	margin-top: 25px !important;
}

.margin-top-30
{
	margin-top: 30px !important;
}

.margin-top-32
{
	margin-top: 32px !important;
}

.margin-top-35
{
	margin-top: 35px !important;
}

.margin-top-40
{
	margin-top: 40px !important;
}

.margin-top-45
{
	margin-top: 45px !important;
}

.margin-top-50
{
	margin-top: 50px !important;
}

.margin-top-55
{
	margin-top: 55px !important;
}

.margin-top-60
{
	margin-top: 60px !important;
}

.margin-top-80
{
	margin-top: 80px !important;
}

.margin-top-90
{
	margin-top: 90px !important;
}

.margin-top-100
{
	margin-top: 100px !important;
}

.margin-top-120
{
	margin-top: 120px !important;
}

.margin-top-130
{
	margin-top: 130px !important;
}

.margin-top-140
{
	margin-top: 140px !important;
}

.margin-top-160
{
	margin-top: 160px !important;
}

.margin-top-164
{
	margin-top: 164px !important;
}

.margin-top-218
{
	margin-top: 238px !important;
}

.margin-top-235
{
	margin-top: 235px !important;
}

.margin-top-255
{
	margin-top: 255px !important;
}

.margin-top-72
{
	margin-top: 72px !important;
}

.margin-top-negativo-10{margin-top:-10px !important}

/* ==== TOTAL ===== */

.margin-top-bottom-20
{
	margin: 20px auto !important;
}

.margin-bottom-45
{
	margin-bottom: 45px !important;
}

/* ==== BOTTOM ===== */

.margin-bottom-0
{
	margin-bottom: 0px !important
}

.margin-bottom-5
{
	margin-bottom: 5px !important;
}

.margin-bottom-10
{
	margin-bottom: 10px !important;
}

.margin-bottom-15
{
	margin-bottom: 15px !important;
}

.margin-bottom-20
{
	margin-bottom: 20px !important;
}

.margin-bottom-25
{
	margin-bottom: 25px !important;
}

.margin-bottom-30
{
	margin-bottom: 30px !important;
}

.margin-bottom-35
{
	margin-bottom: 35px !important;
}

.margin-bottom-40
{
	margin-bottom: 40px !important;
}

.margin-bottom-45
{
	margin-bottom: 45px !important;
}

.margin-bottom-50
{
	margin-bottom: 50px !important;
}

.margin-bottom-52
{
	margin-bottom: 52px !important;
}

.margin-bottom-55
{
	margin-bottom: 55px !important;
}

.margin-bottom-60
{
	margin-bottom: 60px !important;
}

.margin-bottom-70
{
	margin-bottom: 70px !important;
}

.margin-bottom-80
{
	margin-bottom: 80px !important;
}

.margin-bottom-90
{
	margin-bottom: 90px !important;
}

.margin-bottom-92
{
	margin-bottom: 92px !important;
}

.margin-bottom-100
{
	margin-bottom: 100px !important;
}

.margin-bottom-110
{
	margin-bottom: 110px !important;
}

.margin-bottom-120
{
	margin-bottom: 120px !important;
}

.margin-bottom-130
{
	margin-bottom: 130px !important;
}

.margin-bottom-170
{
	margin-bottom: 170px !important;
}

.margin-bottom-210
{
	margin-bottom: 210px !important;
}

.margin-bottom-230
{
	margin-bottom: 230px !important;
}

/* ==== RIGHT ==== */

.margin-right-0
{
	margin-right: 0px !important;
}

.margin-right-5
{
	margin-right: 5px !important;
}

.margin-right-10
{
	margin-right: 10px !important;
}

.margin-right-20
{
	margin-right: 20px !important;
}

.margin-right-30
{
	margin-right: 30px !important;
}

.margin-right-40
{
	margin-right: 40px !important;
}

.margin-right-50
{
	margin-right: 50px !important;
}

/* ==== LEFT ==== */

.margin-left-5
{
	margin-left: 5px !important;
}

.margin-left-10
{
	margin-left: 10px !important;
}

.margin-left-20
{
	margin-left: 20px !important;
}

.margin-left-30
{
	margin-left: 30px !important;
}

.margin-left-40
{
	margin-left: 40px !important;
}

.margin-left-50
{
	margin-left: 50px !important;
}

/* ==== NEGATIVOS TOP ==== */


.margin-top-neg10
{
	margin-top: -10px !important;
}

.margin-top-neg20
{
	margin-top: -20px !important;
}

.margin-top-neg30
{
	margin-top: -30px !important;
}

.margin-top-neg35
{
	margin-top: -35px !important;
}

/* ///////////////////////////////////////////////////////////////*

/* ////////////////////////////////////////////////////////////////
/* PADDINGS                                                      */

/* ==== AMBOS ==== */
.p-0
{
	padding: 0px !important
}

.p-10
{
	padding: 10px !important
}

.p-15
{
	padding: 15px !important
}

/* ==== RIGHT ===== */
.pr-0
{
	padding-right: 0px !important
}

.pr-5
{
	padding-right: 5px;
}

.pr-10
{
	padding-right: 10px;
}

.pr-15
{
	padding-right: 15px;
}

.pr-20
{
	padding-right: 20px;
}

/* ==== TOP ===== */

.pt-0
{
	padding-top: 0px !important
}

.pt-5
{
	padding-top: 5px
}

.pt-10
{
	padding-top: 10px
}

.pt-15
{
	padding-top: 15px
}

.pt-20
{
	padding-top: 20px !important
}

.pt-25
{
	padding-top: 25px !important
}

.pt-30
{
	padding-top: 30px !important
}

.pt-35
{
	padding-top: 35px !important
}

.pt-40
{
	padding-top: 40px !important
}

.pt-50
{
	padding-top: 50px !important
}

.pt-60
{
	padding-top: 60px !important
}


.pt-100
{
	padding-top: 100px !important
}

/* ==== LEFT ===== */

.pl-0
{
	padding-left: 0px !important
}

.pl-5
{
	padding-left: 5px !important
}

.pl-10
{
	padding-left: 10px !important;
}

.pl-15
{
	padding-left: 15px !important;
}

.pl-20
{
	padding-left: 20px !important;
}

.no-border
{
	border: none !important
}

.no-bckg
{
	background: none !important
}

/* ==== BOTTOM ==== */

.pb-0
{
	padding-bottom: 0px !important
}

.pb-10
{
	padding-bottom: 10px !important;
}

.pb-15
{
	padding-bottom: 15px !important;
}

.pb-20
{
	padding-bottom: 20px !important;
}

.pb-30
{
	padding-bottom: 30px !important;
}

.pb-35
{
	padding-bottom: 35px !important;
}

.pb-40
{
	padding-bottom: 40px !important;
}

.pb-50
{
	padding-bottom: 50px !important;
}


.pb-60
{
	padding-bottom: 60px !important;
}


.pb-70
{
	padding-bottom: 70px !important;
}

.pb-80
{
	padding-bottom: 80px !important;
}
.pr-15{padding-right:15px !important}
.pl-15{padding-left:15px !important}

/* ///////////////////////////////////////////////////////////////*/

/* ///////////////////////////////////////////////////////////////////////////// */
/* ===========     ANIMACIONES /// Temporazidor                 ================ */
/* ///////////////////////////////////////////////////////////////////////////// */
/* //                                                                          //*/
/* ///////////////////////////////////////////////////////////////////////////// */

.delay-1
{
	animation-delay: 300ms;
}

.delay-2
{
	animation-delay: 600ms;
}

.delay-3
{
	animation-delay: 900ms;
}

.delay-4
{
	animation-delay: 1200ms;
}

.delay-5
{
	animation-delay: 1500ms;
}

.delay-6
{
	animation-delay: 1800ms;
}

.delay-7
{
	animation-delay: 2100ms;
}

.delay-8
{
	animation-delay: 2400ms;
}

.delay-9
{
	animation-delay: 2900ms;
}

.delay-10
{
	animation-delay: 3400ms;
}

/* ///////////////////////////////////////////////////////////////////////////// */
/* ===========     SECTION rastro-migas /// Rastro de migas     ================ */
/* ///////////////////////////////////////////////////////////////////////////// */
/* //                                                                          //*/
/* ///////////////////////////////////////////////////////////////////////////// */

.rastro-migas
{
	margin-top: 20px !important
}

.breadcrumb
{
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 12px;
	list-style: outside none none;
}

.breadcrumb ul
{
	padding-left: 3px;
}

.breadcrumb li
{
	display: inline-block
}

.breadcrumb li+li:before
{
	padding: 0 5px;
	color: #ccc;
	content: "/\00a0"
}

.breadcrumb .active
{
	color: #777
}

.breadcrumb .last a
{
	color: #49494a
}

/* ==========================================================================
   SECTION title /// TÍTULO DE LA  PÁGINA
   ========================================================================== */

#title
{
	margin-top: 10px;
}

.section-title
{
	color: #444645;
	float: left;
	font-family: 'Oswald', sans-serif;
	font-size: 4.5em;
	width: 100%;
	margin-top: 0px;
	position: relative;
}

#title h1:before
{
	content: "\f09d";
	font-family: 'FontAwesome';
	padding-right: 10px;
	vertical-align: baseline;
}

/* ==========================================================================
   SECTION title /// SUBTÍTULO DE LA  PÁGINA (Introduce datos...)
   ========================================================================== */

#title h2.informa-datos
{
	border-bottom: 1px dotted #d5e2ea;
	padding: 10px 0 2px;
}

#title h2.informa-datos:before
{
	color: #444645;
	content: "";
	font-family: FontAwesome;
	font-size: 22px;
	padding-right: 5px;
	vertical-align: middle;
}

#title h2
{
	color: #444645;
	display: inline-block;
	font-family: "Oswald";
	font-size: 17px;
	font-weight: lighter;
	margin: 0;
	width: 100%
}

#intro-ico h2.informa-datos
{
	padding: 10px 0 10px;
}


#intro-ico h2
{
	color: #444645;
	display: inline-block;
	font-family: "OSwald";
	font-size: 17px;
	font-weight: lighter;
	margin: 0;
	width: 100%;
}
#intro-ico h2.registro{
	color: #fff;
	display: inline-block;
	font-family: "OSwald";
	font-size: 17px;
	font-weight: normal;
	margin: 0;
	width: 100%;
	background-color: #1d4e6abf;
	border-radius: 6px;
	padding: 10px !important;
	line-height: 24px;
}

#intro-ico h2.registro:before
{
	color: #ffffff;
}
.label-intro{
	font-weight: 600 !important;
	color: #fff !important;
	padding: 5px 10px;
	background-color: #0079bc;
	border-radius: 3px;
	letter-spacing: 0px;
	font-family: 'Open Sans' !important;
	font-size: 16px !important;

}

.label-intro i {
	color: #fff;
	vertical-align: baseline;
  }

/* ///////////////////////////////////////////////////////////////////////////// */
/* ================             VENTANAS MODALES                ================ */
/* ///////////////////////////////////////////////////////////////////////////// */
/* //                                                                          //*/
/* ///////////////////////////////////////////////////////////////////////////// */


/* ////////////////////////////////////////////////////////////////
/* VENTANA Y CONTENIDO PARA AMPLIAR IMAGEN DE UN ELEMENTO   	 */

.ampliar_imagen
{
	display: table-row;
	text-align: center
}

.ampliar_imagen .desc_imagen
{
	color: grey;
	float: left;
	font-family: "Oswald", sans-serif;
	font-size: 1.4em;
	font-weight: lighter;
	line-height: 27px;
	margin-bottom: 0.3em;
	max-width: 100%;
	text-align: center;
}

.ampliar_imagen img
{
	margin: auto;
	display: table-cell;
	width: 100%;
	max-width: 100%;
}

/* ///////////////////////////////////////////////////////////// */



/* ////////////////////////////////////////////////////////////////
/* LEGALES: Acortamos height de la ventana                       */

.legal-dialog .modal-dialog, .legal-dialog .modal-content
{
	/* 90% del window height */
	height: 90%;
}

.legal-dialog .modal-body
{
	/* 100% = dialog height, 120px = header + footer */
	max-height: calc(100% - 120px);
	overflow-y: scroll;
}

.legal-dialog .bootstrap-dialog-title
{
	font-size: 15px !important;
	font-family: "Oswald" !important;
	font-weight: 100
}

/* ////////////////////////////////////////////////////////// */


/* ////////////////////////////////////////////////////////////////
/* LEGALES: Estilos delHTML de legal                             */
.legales-modal h1
{
	font-size: 20px;
	font-family: "Oswald"
}

.legales-modal h2
{
	font-size: 17px;
	font-family: "Oswald"
}

.legales-modal h4
{
	font-size: 15px;
	font-family: "Oswald"
}

.legales-modal p
{
	font-size: 12px;
	font-family: "Open Sans" !important;
	text-align: justify !important
}

/* /////////////////////////////////////////////////////////// */



/* ///////////////////////////////////////////////////////////////////////////// */
/* ================                    ALERTS                   ================ */
/* ///////////////////////////////////////////////////////////////////////////// */
/* //                                                                          //*/
/* ///////////////////////////////////////////////////////////////////////////// */
.alert
{
	margin: 20px 0;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	position: relative;
	padding-left: 70px;
	overflow: hidden;
	z-index: 1;
	border: none;
}

.alert:before
{
	position: absolute;
	content: "";
	top: 0px;
	left: 0px;
	width: 50px;
	height: 101%;
	background-color: rgba(0, 0, 0, 0.25);
	z-index: 2;
}

.alert-success
{
	color: #2a5f2b;
	background-color: #bcdab0;
}

.alert-info
{
	color: #1a4e68;
	background-color: #c6e8fa;
}

.alert-warning
{
	color: #72582b;
	background-color: #f7f0ce;
}

.alert:after
{
	font-family: "FontAwesome";
	position: absolute;
	top: 10px;
	left: 17px;
	color: #ffffff;
	font-size: 20px;
	z-index: 3;
}

.alert.alert-success:after
{
	content: "\f00c";
}

.alert.alert-info:after
{
	content: "\f05a";
}

.alert.alert-warning:after
{
	content: "\f071";
}

.alert.alert-danger:after
{
	content: "\f00d";
}

.close
{
	font-size: 28px;
	font-weight: normal;
	filter: alpha(opacity=40);
	opacity: 0.4;
	margin-top: -10px;
}

.alert h4
{
	font-size: 20px;
	font-weight: 700;
	color: #a94442;
	font-family: "Oswald";
	font-weight: 400;
}

.alert p
{
	font-size: 15px;
}

/* ///////////////////////////////////////////////////////////////////////////// */
/* ================       ANIMACIONES AL HACER SCROLL           ================ */
/* ///////////////////////////////////////////////////////////////////////////// */
/* //                                                                          //*/
/* ///////////////////////////////////////////////////////////////////////////// */

/* ////////////////////////////////////////////////////////////////
/* SCROLLIMATION                                                 */

.scrollimation.fade-in
{
	opacity: 0;
	-webkit-transition: opacity 0.6s ease-out;
	transition: opacity 0.6s ease-out;
}

.scrollimation.fade-in.in
{
	opacity: 1;
}

.scrollimation.scale-in
{
	opacity: 0;
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	-ms-transform: scale(0.5);
	transform: scale(0.5);
	-webkit-transition: -webkit-transform .6s cubic-bezier(.17, .89, .67, 1.57), opacity .6s ease-out;
	transition: transform .6s cubic-bezier(.17, .89, .67, 1.57), opacity .6s ease-out;
}

.scrollimation.scale-in.in
{
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.scrollimation.fade-right
{
	opacity: 0;
	-webkit-transform: translateX(-100px);
	-moz-transform: translateX(-100px);
	-ms-transform: translateX(-100px);
	transform: translateX(-100px);
	-webkit-transition: -webkit-transform .4s ease-out, opacity .4s ease-out;
	transition: transform .4s ease-out, opacity .4s ease-out;
}

.scrollimation.fade-right.in
{
	opacity: 1;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-ms-transform: translateX(0px);
	transform: translateX(0px);
}

.scrollimation.fade-left
{
	opacity: 0;
	-webkit-transform: translateX(100px);
	-moz-transform: translateX(100px);
	-ms-transform: translateX(100px);
	transform: translateX(100px);
	-webkit-transition: -webkit-transform .4s ease-out, opacity .4s ease-out;
	transition: transform .4s ease-out, opacity .4s ease-out;
}

.scrollimation.fade-left.in
{
	opacity: 1;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-ms-transform: translateX(0px);
	transform: translateX(0px);
}

.scrollimation.fade-up
{
	opacity: 0;
	-webkit-transform: translateY(100px);
	-moz-transform: translateY(100px);
	-ms-transform: translateY(100px);
	transform: translateY(100px);
	-webkit-transition: -webkit-transform .4s ease-out, opacity .4s ease-in;
	transition: transform .4s ease-out, opacity .4s ease-in-out;
}

.scrollimation.fade-up.in
{
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
}

.scrollimation.d1
{
	transition-delay: .2s;
}

.scrollimation.d2
{
	transition-delay: .4s;
}

.scrollimation.d3
{
	transition-delay: .6s;
}

.scrollimation.d4
{
	transition-delay: .8s;
}

.touch .scrollimation.fade-in
{
	opacity: 1;
}

.touch .scrollimation.scale-in
{
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.touch .scrollimation.fade-right
{
	opacity: 1;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-ms-transform: translateX(0px);
	transform: translateX(0px);
}

.touch .scrollimation.fade-left
{
	opacity: 1;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-ms-transform: translateX(0px);
	transform: translateX(0px);
}

.touch .scrollimation.fade-up
{
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
}

/* ///////////////////////////////////////////////////////////////////////////// */



/* ////////////////////////////////////////////////////////////////
/* CLASE PARA TEXTOS LEGALES (Ej: Home de OCIO)                  */
/* //////////////////////////////////////////////////////////////*/

.legal
{
	color: #666;
	font-family: "Open Sans";
	font-size: 12px;
	text-align: justify;
	width: 100%;
	padding-bottom: 20px;
}

/* ///////////////////////////////////////////////////////////////////////////// */
/* ================             DISPOSITIVOS MÓVILES            ================ */
/* ///////////////////////////////////////////////////////////////////////////// */
/* //                                                                          //*/
/* ///////////////////////////////////////////////////////////////////////////// */


/* ////////////////////////////////////////////////////////////////
/* VISIBILIDAD EN DISPOSITIVOS: GENÉRICO                         */

.visible-small-mobiles
{
	display: none;
}

.hidden-480-mobiles
{
	display: block;
}

.visible-vertical-tablet
{
	display: none;
}

/* ///////////////////////////////////////////////////////////// */

@media screen and (min-width: 900px) {

.big-pull-right
{
	float: right !important
}
}

@media screen and (max-width: 1200px) {
.md-margin-top-70{margin-top: 70px !important}


/*
/*
/* CSS ESPECÍFICOS PARA DISPOSITIVOS PEQUEÑOS 800 px
*/

@media screen and (min-width: 767px) and (max-width: 900px) {

.hidden-vertical-tablet
{
	display: none;
}

.visible-vertical-tablet
{
	display: block !important;
}

.sm-margin-top-10
{
	margin-top: 10px !important
}

.sm-margin-top-15
{
	margin-top: 15px !important
}

.sm-margin-top-20
{
	margin-top: 35px
}

.sm-margin-bottom-20
{
	margin-bottom: 20px !important
}

.sm-margin-bottom-30
{
	margin-bottom: 30px !important
}

.sm-margin-bottom-40
{
	margin-bottom: 40px !important
}

.sm-padding-left15
{
	padding-left: 20px !important;
}

.sm-padding-right15
{
	padding-right: 20px !important
}

#title h1
{
	font-size: 35px;
}

.section-title
{
	padding: 5px 15px;
}

.section-subtitle
{
	padding: 5px 15px;
}

#intro-ico h2.informa-datos
{
	padding: 10px 15px 2px;
}

.sm-inner-container
{
	padding: 15px
}

.mobile-pl-0
{
	padding-left: 0px !important;
}

.mobile-pr-0
{
	padding-right: 0px !important
}

.sm-pl-0
{
	padding-left: 0px !important;
}

.sm-pr-0
{
	padding-right: 0px !important
}


.sm-pl-15
{
	padding-left: 15px !important;
}

.sm-pr-15
{
	padding-right: 15px !important
}

.xs-margin-b-15
{
	margin-bottom: 15px !important
}
}

/*
/*
/* CSS ESPECÍFICOS PARA DISPOSITIVOS PEQUEÑOS 736 px
*/

@media screen and (max-width: 736px) {

.visible-small-mobiles
{
	display: block;
}

#title
{
	background: #f15757;
	margin-top: 0px;
}

#title h1
{
	color: #fff;
	font-weight: lighter;
}

#title
{
	padding: 0px 1px;
}

#title h1
{
	font-size: 30px;
	margin-bottom: 0px;
	line-height: 45px;
	text-align: center
}

#title h1::before
{
	content: "";
	font-family: "FontAwesome";
	padding-right: 10px;
	vertical-align: baseline;
}

.informa-datos
{
	padding: 5px 0px;
}

#intro-ico h2.informa-datos
{
	border-bottom: 1px dotted #d5e2ea;
	padding: 10px 10px 2px;
}

#intro-ico h2
{
	line-height: 1em;
	font-weight: lighter;
}

#intro-ico
{
	padding: 0px 1px;
}

#intro-ico h2
{
	font-size: 15px;
	margin-bottom: 0px;
	line-height: 20px;
}

#intro-ico h2::before
{
	content: "";
	font-family: "FontAwesome";
	padding-right: 10px;
	vertical-align: baseline;
}

.mobile-pl-0
{
	padding-left: 0px !important;
}

.mobile-pr-0
{
	padding-right: 0px !important
}

.xs-margin-top-20
{
	margin-top: 20px !important
}

.xs-margin-top-30
{
	margin-top: 30px !important
}

.xs-margin-top-40
{
	margin-top: 40px !important;
}

.xs-margin-bottom-20
{
	margin-bottom: 20px !important;
}

.xs-margin-bottom-30
{
	margin-bottom: 30px !important;
}

.xs-margin-bottom-40
{
	margin-bottom: 40px !important;
}

.xs-text-left
{
	text-align: left !important;
}
}

/*
/*
/* CSS ESPECÍFICOS PARA DISPOSITIVOS PEQUEÑOS  480 px
*/

@media screen and (max-width: 480px) {

/* === genérico (Top, padding, margin , etc...) ==== */

.visible-small-mobiles
{
	display: block;
}

.hidden-480-mobiles
{
	display: none;
}

/* ////////////////////////////////////////////////////////////////
/* MÁRGENES                                                      */

.xs-margin-top-0
{
	margin-top: 0px !important
}

.xs-margin-right-0
{
	margin-right: 0px !important
}

.xs-margin-left-0
{
	margin-left: 0px !important
}

.xs-margin-top-10
{
	margin-top: 10px !important
}

.xs-margin-top-15
{
	margin-top: 15px
}

.xs-margin-top-20
{
	margin-top: 20px !important
}

.xs-margin-top-30
{
	margin-top: 30px !important
}

.xs-margin-top-40
{
	margin-top: 40px !important
}

.xs-margin-top-70
{
	margin-top: 70px !important
}

.xs-margin-top-150
{
	margin-top: 150px !important
}

.xs-margin-top-180
{
	margin-top: 180px !important
}

.xs-margin-top-200
{
	margin-top: 200px !important
}

.xs-margin-bottom-20
{
	margin-bottom: 20px !important;
}

.xs-margin-bottom-30
{
	margin-bottom: 30px !important;
}

.xs-margin-bottom-40
{
	margin-bottom: 40px !important;
}

.xs-marginlr-15
{
	margin: 0px 15px !important;
}

/* ////////////////////////////////////////////////////////////////
/* PADDINGS                                                      */

.xs-padding-0
{
	padding: 0px !important;
}

.xs-padding-right-0
{
	padding: 0px !important;
}

.xs-padding-left-0
{
	padding-left: 0px !important;
}

.xs-paddinglr-15
{
	padding: 0px 15px !important;
}

/* ////////////////////////////////////////////////////////////////
/* TEXTOS                                                        */

.xs-text-left
{
	text-align: left !important;
}

.xs-text-center
{
	text-align: center !important;
}

/* ==================*/
/*      Fuentes      */
/* ==================*/
.xs-font-30
{
	font-size: 30px !important
}

/* ////////////////////////////////////////////////////////////////
/* Tïtulo de sección                                             */

.section-title
{
	padding: 5px 0px;
}

#title
{
	background: #f15757;
	margin-top: 0px;
}

#title h1
{
	color: #fff;
	font-weight: lighter;
}

#title
{
	padding: 5px 1px;
}

#title h1
{
	font-size: 25px !important;
	margin-bottom: 0px;
	line-height: 30px;
	text-align: center
}

#title h1::before
{
	content: "";
	font-family: "FontAwesome";
	padding-right: 10px;
	vertical-align: baseline;
}

.informa-datos
{
	padding: 5px 0px;
}

#intro-ico h2.informa-datos
{
	border-bottom: 1px dotted #d5e2ea;
	padding: 10px 5px 2px;
}

#intro-ico h2
{
	line-height: 1em;
	font-weight: lighter;
}

#intro-ico
{
	padding: 0px 1px;
}

#intro-ico h2
{
	font-size: 15px;
	margin-bottom: 0px;
	line-height: 20px;
}

#intro-ico h2::before
{
	content: "";
	font-family: "FontAwesome";
	padding-right: 10px;
	vertical-align: baseline;
}

/* ////////////////////////////////////////////////////////////////
/* IMAGENES                                                      */

/* ==================*/
/*  Tamaños imagen   */
/* ==================*/
.xs-img-pct-100
{
	width: 100% !important
}

.xs-img-pct-70
{
	width: 70% !important
}
}

/*
/*
/* CSS ESPECÍFICOS PARA DISPOSITIVOS PEQUEÑOS 320 px
*/

@media screen and (max-width: 320px) {

/* ==================*/
/*      Fuentes      */
/* ==================*/
.mxs-font-25
{
	font-size: 25px !important
}

/* ==================*/
/*      Márgenes      */
/* ==================*/
.mxs-margin-top-150
{
	margin-top: 150px !important
}

.mxs-margin-top-180
{
	margin-top: 180px !important
}

/* ==================*/
/*  Tamaños imagen   */
/* ==================*/
.xs-img-pct-100
{
	width: 100% !important
}

.xs-img-pct-70
{
	width: 70% !important
}
}

.w-100{
	width:100% !important
}