/* CSS Document */

 BODY {
margin:0px;
background-image: url(portadas/geometry.png);background-repeat:  repeat; }
img {
border:none;
}
.Estilo1 {font-size: 12px}
.centradotabla {
	background-position: center;
	text-align: center;
}
.bordetabinf {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
}

table {
 font-size:13px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 }
a:link{
	color: #330099;
	text-decoration:none	
}
a:visited{
	color: #330099;
	text-decoration:none}

a:hover{
	color: #000000;
	background-color: ;
	text-decoration:underline;
}
/* ESTILO CUSTOMIZADO */

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


/*--------------------------------------------------------	1.RESETS--------------------------------------------------------*/  

  html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;	padding: 0;	border: 0;	font-size: 100%;	font: inherit;	vertical-align: baseline;}



body {
background: #fff;	
-webkit-tap-highlight-color: rgba(0,0,0,0);
outline: none;
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;

 }

img {
border:none;
}

b, strong {font-weight:bold;}
i,em {font-style:italic;}

.Estilo1 {font-size: 12px}

.centradotabla {
	background-position: center;
	text-align: center;
}
.bordetabinf {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
}

table {
 font-size:13px;
 font-family: Raleway, Helvetica, Arial, sans-serif;
 }
a:link{
	color: #000000;
	text-decoration:none;	
}
a:visited{
	color: #000000;
	text-decoration:underline;}

a:hover{
	color: #7C74E9;
	text-decoration:underline;
}

.intro {
	position: absolute; top: 100px; left: 20%; text-align: left; width:383px; z-index:3;
}

.content .items{
 font-family: Raleway, Helvetica, Arial, sans-serif;
font-weight:lighter;
font-size:25px;
color: #333;
padding-top:20px; padding-bottom:20px;
}

.paddingtb {padding-top:60px; padding-bottom:60px;}

.content {padding-left:30px; padding-right:30px; }

.botonenviar {background-color:#40B9C6; }
.botonenviar:hover {background-color:#00E5E6;}

.ficha {position:relative; cursor:pointer;}



.interiorficha {
color:#000;
margin-left: auto;
margin-right: auto;
opacity: 0.95;
width: 80%;
height:80%;
background-color: #ffF;
margin-top: 10%;
 font-family: Raleway, Helvetica, Arial, sans-serif;
font-size: 1em;
line-height: 1.7em;
}

.interiorficha strong {
display:block;
padding-bottom:4px;
}

.interiorservicios {
font-family: Raleway, Helvetica, Arial, sans-serif;
font-size: 18px;
line-height:27px;
}

.logobrands{
background-size:contain; background-repeat:no-repeat; background-position:center center; float:left; width:25%; height:158px; display:block;
}

.master1 span:hover {color:rgb(5, 84, 164) !important; }
.master2 span:hover {color:rgb(0, 80, 80) !important;}
.master3 span:hover {color:rgb(177, 62, 0) !important;}
.master4 span:hover {color:rgb(30, 30, 167) !important;}
.master5 span:hover {color:rgb(120, 91, 0) !important;}
.master6 span:hover {color:rgb(78, 105, 0) !important;}

.anchoslidemovil {overflow-x: hidden; overflow-y: hidden;}


#piePagina, .botonenviar, .titformu {
font-family: Raleway, Helvetica, Arial, sans-serif;
font-size: 18px;
line-height:28px;
}


.icosocial { width:90px; height:90px; background-size:contain; float:right; background-repeat:no-repeat; background-position: center center; margin:20px; opacity: 0.5;}

.icossociales {width:260px; float:right; text-align:left; margin-left:0px; margin-top:40px; margin-bottom:40px; margin-right:62px;}

.icosocial:hover {opacity:1;}

.bx-wrapper{margin-bottom:0px !important;}

.titularpie {font-size: 25px; font-weight:200; padding-bottom:15px; color:#000;}

#cajafrm{width:400px; height:370px; margin-left:-200px; margin-right:auto; position:fixed; top:100px; left:50%; border-radius:15px; background-color:rgb(178, 194, 203); z-index:52; display:none; border: 3px solid rgb(255, 255, 255);}

#resultado {
font-family: Raleway, Helvetica, Arial, sans-serif;
font-size: 16px;
}

input[type=text] {
	width: 269px;	height: 35px;	line-height: 45px;	padding: 0 20px;	margin-bottom: 20px;}
textarea {
	width: 269px;	height: 200px;	padding: 20px;	margin-bottom: 20px;	overflow: auto;}

input[type=text], textarea {
	border-radius:8px;}
#msg {
	float: left;	margin-left: 10px;}
/*states*/	

input[type=text], textarea {
	background: #f3f3f3;	-webkit-appearance: none;	border: 1px solid #e6e6e6;	color: #999;	font: 13px/18px Arial, Helvetica, sans-serif;}

input[type=text]:hover, textarea:hover {
	background-color: #eee;	color: #666;}
input[type=text]:focus, textarea:focus {
	background-color: #fff;	color: #999; outline: none;}


.mas {display:none;}

.cajapie {
width:440px; float:left; text-align:left; margin-left:10px; margin-top:40px; margin-bottom:40px; margin-right:10px;
}

#menugeneral {
display:none;
position: fixed;
top:66px;
right:70px;
background-color:#B9EBEC;
width:200px;
height:auto;
padding-top:10px;
padding-bottom:10px;
z-index:55;
}

#menugeneral a{
display:block;
text-decoration:none;
font-size: 16px;
color: #4E4E4E;
line-height: 31px;
}

#menugeneral a:hover{
background-color:#75E8EA;
}

.blogconte {

width:90%;
max-width:1099px;
margin-left:auto;
margin-right:auto;

}

.blogderechatextos a{
color: #40B9C6;
text-decoration: none;
}
.blogconte a:hover {color: #999;}

.blogprimersepara a {text-decoration:none;}
.blogderechacol {
float:right !important;
margin-left:20px;
width: 25% !important;
}

.blogderechacol a {text-decoration:none;}

.blogderechatextos h3 {

    font-size: 43px;
    font-weight: 300;
    line-height: 48px;

}

.blogderechatextos h3 a {
text-decoration: none !important;
margin-bottom:15px !important; color: #999999; }

.blogderechatextos h3 a:hover {color: #ccc; }

.blogprimersepara {background-color: #fff !important; margin-bottom:1px solid #ccc !important;}


.blogderechatextos { font-size:17px; line-height:29px;}

.icocompartir, .icocompartir .at-icon-wrapper, .icocompartir .at-icon {width:26px !important; height:26px !important;}

.blogderechatextos .publicado {margin-top: 10px;
margin-bottom: 10px; font-size: 15px;}

.blogderechatextos .lineasepara {margin-top:8px; margin-bottom:8px;}

.blogderechatextos  .paginacion {font-size:18px;}

.blogderechatextos  .paginacion .pagactual {background-color:#eee;}

.archivoover {
float:left; margin-top:-100px; background-color:#fff; float: left;
margin-top: -70%;
background-color:#F9F5F2;
width: 83%;
margin-left: 5%;
padding: 4%;
display:none; 
}

.archivoover a {text-decoration:none;}

/* ESTILO CUSTOMIZADO */



.primerslide img:nth-of-type(1) {
    animation-name: fader;
    animation-delay: 4s;
    animation-duration: 1s;
    z-index: 20;
  }
  .primerslide img:nth-of-type(2) {
    z-index: 10;
  }
  .primerslide img:nth-of-type(n+3) {
    display: none;
  }

.primerslide {position:relative !important; width:320px; height:650px;
border-radius:20px; box-shadow: rgba(255, 255, 255, 0.61) 10px -10px 50px; position: absolute; top: 90px; left: calc(20% + 450px); z-index: 1;
}

.primerslide img {position:absolute;top:0px; left:0px;  width:320px; height:650px;}

  @keyframes fader {
    from { opacity: 1.0; }
    to   { opacity: 0.0; }
  }


.segundoslide img:nth-of-type(1) {
    animation-name: fader;
    animation-delay: 4s;
    animation-duration: 1s;
    z-index: 20;
  }
  .segundoslide img:nth-of-type(2) {
    z-index: 10;
  }
  .segundoslide img:nth-of-type(n+3) {
    display: none;
  }

.segundoslide {position:relative !important; width:290px; height:589px;}

.segundoslide img {position:absolute;top:0px; left:0px;  width:290px; height:589px;}



.tercerslide img:nth-of-type(1) {
    animation-name: fader;
    animation-delay: 4s;
    animation-duration: 1s;
    z-index: 20;
  }
  .tercerslide img:nth-of-type(2) {
    z-index: 10;
  }
  .tercerslide img:nth-of-type(n+3) {
    display: none;
  }

.tercerslide {position:relative !important; width:290px; height:589px;}

.tercerslide img {position:absolute;top:0px; left:0px;  width:290px; height:589px;}

.explica {
color: #333;
font-family: Raleway, Helvetica, Arial, sans-serif;
line-height: 35px;
font-weight: 300;
font-size:21px;
padding-top: 40px;
padding-bottom: 40px;
}

.explica1 {

width:50%; display:inline-block; vertical-align: top;
	
}


.explica3{
	width:50%; display:inline-block; vertical-align:top; padding-right:15%;
} 

.imagenapp {
  max-width: 46%;
  height: auto;
}

 /*homepage*/	


.homepage {
	color: #fff;	font: 15px/18px   Raleway, Helvetica, Arial, sans-serif;	padding-top: 0 !important;	display: table;	margin: auto;	overflow: hidden; margin-top:0px; margin-bottom:0px;}

.homepage .content {
	max-width: 1099px;	margin: auto;	display: table-cell;


}


/*pages*/	

.page {
	overflow: hidden;	width: 100%;	position: relative;}
.page .content {
	max-width: 1099px;	margin: auto;	/*padding: 50px 0;*/}
.page .content.centeralign {
	text-align: center;}
	
.focus-title {
padding-top:60px;
padding-bottom:60px;
font-size:35px;
}

/*odd*/	


	.page {
	background: #fff;	color: #888;}



		/*----------------------------	ii.-- Header	-----------------------------*/	

/*homepage*/	

#video {
 background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(portadas/Image/anuncio1%20copia.jpg);
   /* min-height: 548px; 
    min-width: 520px; */
    left:0px;
    position: absolute;
    top: 0;
    width: 100%;
height:100%;
    z-index: 1;
}

.divvideoyt {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    display: none;
    overflow:hidden;
    left: 0;
  /*  min-height: 548px; 
    min-width: 520px; */
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
}
#titularVideo {
display:table;
	bottom: 0px;
    color: #333;
    font-family: Raleway, Helvetica,sans-serif;
border-bottom:1px solid #E3E1D6;
    font-size: 23px;
	height: 120px;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 49;
	font-weight:200;
   background-color:#fff;
   line-height:30px;
}
.dentrotitular {
margin-left: auto; margin-right: auto; max-width: 1100px; position:relative;}

.imagPromo {
	position: absolute;
    right: 0;
    top: -70px;
}

.logo-homepage {
	width: 144px;	height: 90px;	margin-bottom: 40px;	position: absolute;	top: 0px;	left: 0px;}

/*inner pages*/	

.header {
	width: 100%; height: 119px; line-height: 50px;		position: fixed;	top: 0;	z-index: 50;}

.header.header-main {
	display: block;}
.header.mobileHeader {
	position: relative;	display: block;} /*mobile header - pos relative for mobiles that do not handle fixed*/.header 

.inner {
	max-width: 150px; margin:auto; }

.header .logo a:hover {
	 background-color: transparent;}

.botcomprar:hover {
	 border-radius:0px !important; opacity:0.9;}

.movConocelo:hover {
	background-color: transparent; opacity:0.9;}

.movLogoAlcatel:hover {
	background-color: transparent; opacity:0.9;}

.enlacespie a:hover {
	background-color: transparent; opacity:0.9;}
.header .logo-pages {
	height: 50px;	position: relative;	float: left;}
.header .logo-pages .logo {
	position: relative;	bottom: 0;}

/* main menu		----------------------------*/		

		.header .inner ul.navigation {
	list-style: none;	float: right; font-family: Raleway, Helvetica, Arial, sans-serif;	font-weight: 200;	font-size: 21px;	margin: 0; line-height: 74px; }

.header .inner ul.navigation li {
	float: left;	padding: 0 3px;}
.header .inner ul.navigation li:last-child {
	padding-right: 0;}

.header .inner ul.navigation li a {
	 font-family: Raleway, Helvetica, Arial, sans-serif; font-weight: 200;	 color: #FFFFFF;	text-decoration: none;	padding: 5px 10px; font-size:15px;}

.header .inner ul.navigation li a:hover {
	color: #FFFFFF; background-color: #535353; border-radius: 5px; }
.header .inner ul.navigation li a.active {
	-webkit-border-radius: 5px;	-moz-border-radius: 5px;	-o-border-radius: 5px;	border-radius: 5px;	padding: 5px 10px;	background: #333;	color: #EEEEEE;	text-decoration: none;}


/* mobile menu toggle		----------------------------*/		

			.header .inner .mobileMenuToggle {
	height: 26px;	width: 100%;	float: left;	text-align: center;	display: none;	margin: 19px auto 15px auto;}
.header .inner .mobileMenuToggle a, .header .mobileMenuToggle.open a {
	width: 26px;	height: 26px;	float: left;	position: relative;	left: 50%;	margin-left: -13px;}
.header .inner .mobileMenuToggle {
	background: url(portadas/Image/mobileMenu-toggle.png) center 0 no-repeat;}
.header .inner .mobileMenuToggle.open {
	background: url(portadas/Image/mobileMenu-toggle.png) center -26px no-repeat;}

/*----------------------------	iii.-- Content	-----------------------------*/	

/*homepage specific	----------------------------*/

.column_homepage-1, .column_homepage-2 {
	width: 48%;	margin-right: 4%;	float: left;}
.page-down {
	width: 78px;	height: 78px;	background: url(portadas/Image/page-down.png) no-repeat;	left: 50%;	margin-left: -32px;	position: absolute;	bottom: 15px;}

/*highlight	----------------------------*/


#enviar:hover{
background-color:#50039D !important; }

.abrevid:hover {
	background-color:transparent !important;
}



#promociones, #promocionesDos, #promocionesTres {
	min-width: 100%;	min-height: 100%;	width: auto;	height: auto;	overflow: hidden;}
#titulares {
	min-width: 100%;	min-height: 100%;	width: auto;	height: 160px;	overflow: hidden; color:#000; font-size:29px; padding-top:80px; text-align:center;
}
#marcoPromo, #marcoPromoDos, #marcoPromoTres {
	margin-left:auto; margin-right:auto; height:auto; width:100%;
}
#marcoPromoTres {
	cursor:pointer;
}
#marcoPromo img, #marcoPromoDos img, #marcoPromoTres img{
	width:100%;
	height:auto;
}



.contenedorFichas{
	height:auto;
	width:auto;
	position:relative;
}
.ficha {
    background-color: #dddddd;
    height: 368px;
    width: 33%;
	float:left;
background-size: cover; background-position: center center;
}
.ficha:hover {
opacity:0.9;
}

.whereficha{
    background-color: #F3F3F3;
    height: 180px;
    width: 297px;
	float:left;
}

.fotoFicha {
    background-color: #287eaa;
    height: 265px;
    width: 297px;
}
.textoFicha {
	font-family: Raleway, Helvetica, Arial;
	font-size:14px;
        line-height:20px;
	padding:12px;
}
.textoPromo {
	font-family: Raleway, Helvetica, Arial;
	font-size:14px;
        line-height:20px;
	padding:12px;
	color:#46aee3;
}
#imgPromo {
	position:absolute;
	top:-105px;
	right:0px;
	cursor:pointer;
}
.margenDer {
	margin-left:77px;
}
.margenInf {
	margin-bottom:60px;
}
.contLogos{
	height:auto;
	width:auto;
	margin-top:87px;
}
.logoLink {
	float:left;
}
.marDer {
	margin-left:100px;
}

.logoLink img {
	transform:scale(1);
	transform-origin:50% 50% 0;
	transition-duration:0.5s;
	transition-timing-function:ease-in-out;
}
.logoLink img:hover {
	transform:scale(1.2);
	transform-origin:50% 50% 0;
	transition-duration:0.5s;
	transition-timing-function:ease-in-out;
}


.colPie {
	float: left;
    margin-top: 100px;
    text-align: left;
    width: 282px;
	padding:10px;
}
.pieMargenL {
	margin-left:69px;
}
.imgFlechaArriba {
    position: fixed;
    right: 35px;
    top: 35px;
    z-index:51;
    cursor:pointer;
}

.imgFlechaArriba img{
   width:41px;
   height:41px;
}

.imgFlechaArriba a:hover {
	background-color:transparent;
}
.imgLogopie {
	text-align:left;
	border-bottom: 1px solid #aaa;
	height:50px;
}
.imgLogopie img {
	padding:5px;
}
.privacidad {
	color:#000;

}
.privacidad p, .privacidad {
font-family: Raleway,Arial,Helvetica,sans-serif;
font-weight: 400;	
color:#000;
}


.colorAzul {
	background-color:#46AEE3;
	height:248px;
	text-align:center;
	width:100%;
}
.mapa {
	width:500px;
	height:420px;
	float:left;
}
.direccion {
	float:right;
	font-size: 16px;
    line-height: 1.5;
}

.bx-wrapper .bx-viewport {
	border:none !important;
	box-shadow:none !important;
	left:0px !important;
}
.bx-wrapper .bx-pager {
	display:none;
}

#features-2 {
	background-color: #FFFFFF; 
overflow:hidden;
}
#features-3 {
	background-color: #FFFFFF;/* padding-bottom:80px; */}
#features-4 {
	/*background-color: #F8F8F8;	background-repeat: repeat-x;*/ }
.fondogris {
	background-color: #D1D1D1;        margin-top: 11px;        height: 423px;}






/*--------------------------------------------------------	4.--TYPOGRAPHY & LINKS--------------------------------------------------------*/	h1, h2, h3, h4, h5, h6 {

	
font-family: Raleway,Arial,Helvetica,sans-serif;

font-weight: 200;	/* margin-bottom: 20px; */}
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {
	/* font-family:'Work Sans', sans-serif;	 */

font-family: Raleway, Arial,Helvetica,sans-serif;

        font-weight: 200;}

/*--------------------------------------------------------	5.--MISC--------------------------------------------------------*/			.clearfix:after {
	content: ".";	display: block;	height: 0;	clear: both;	visibility: hidden;}





/*   RESPONSIVE */

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

#titularVideo {font-size:20px;}
.interiorficha {font-size:0.75em;}
.good {text-align:center !important;}

}
@media only screen and (max-width: 764px) {

body{
	overflow-x:hidden;
}


.ficha {width:50%;}
.interiorficha {font-size:0.85em;}
.good {text-align:center !important;}
#titularVideo {font-size:20px;height:120px;}
.anchoslidemovil {width:100% !important; padding-left: 0px !important; padding-right: 0px !important;}
#features-5 h1 {margin-top:50px !important; margin-bottom:50px !important; }
.blogderechacol {display:none;}
.blogderechatextos {width:100% !important;}

.segundoslide {
	margin-right:86px !important;
}
.explica1 {
  width: 43%;
}

.explica3 {
  padding-right: 4%;
}

}


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

h1 {font-size: 10vw !important;}
#portada {
	background: linear-gradient(90deg, rgb(0, 128, 204) 0%, rgb(3, 43, 136) 100%) !important;
}

.intro { top: 150px;
left: 0%;
width: 80%;
padding-left: 10%; 
/* background: linear-gradient(180deg, rgba(0, 42, 121, 0) 0%, rgb(5, 102, 162) 10%, rgba(0, 40, 66, 0.7) 100%); */
}


.primerslide {top: 30px; left: 13%; z-index: 1; display:none;  }

/* 
.primerslide img {
	transform: scale(0.5);
transform-origin: top center;

}
*/

.explica {
color: #262626;
font-family: Raleway, Helvetica, Arial, sans-serif;
line-height: 30px;
font-weight: 300;
font-size:19px;
padding-top: 40px;
padding-bottom: 40px;
}



.explica1 {

width:100%; display:inline-block; vertical-align: top;
}



.explica3{
	width:100%; 
        margin-bottom: 30px;
        padding-right:0px;
} 


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

.focus-title { font-size: 27px; padding-bottom: 40px; padding-top: 40px;}
#titularVideo {font-size:18px;height:120px;}
.good {text-align:center !important;}
.ficha {width:100%;}
.items {font-size:18px !important; font-weight:400 !important;
}
.interiorficha {font-size:1em;}
#piePagina {font-size: 13px;}
.titularpie {font-size: 22px !important; }

.logobrands{
 width:50%; height:120px; display:block;
}
.interiorservicios{font-size:15px;}
.weare {font-size: 15px !important; line-height:26px !important;}
.paddingtb {padding-top:15px !important; padding-bottom:15px !important; }
.anchoslidemovil {width:100% !important; padding-left: 0px !important; padding-right: 0px !important;}
#features-5 h1 {margin-top:50px !important; margin-bottom:50px !important; }
.mas {display:block;}
.ficha4, .ficha5, .ficha6 {display:none;}


#cajafrm {
height: 390px;
margin-right: auto;
position: fixed;
top: 40px;
left: 50%;
border-radius: 15px;
background-color: #B2C2CB;
z-index: 52;
border: 3px solid #FFF;
margin-left: -164px;
width: 320px;
}

input[type="text"], textarea {
    padding: 0px 10px;
    margin-bottom: 15px;
    width: 92%;
}


}


@media only screen 
and (max-width : 320px)  {
.interiorficha { overflow:auto; font-size: 0.85em; }

#piePagina {
font-family: Raleway, Helvetica, Arial, sans-serif;
font-size: 0.9em !important;
line-height:20px;
}

#piePagina .titularpie {
font-size: 20px  !important;
}

.cajapie { width:240px; }

.icossociales {margin-right:12px;}

#cajafrm {
height: 390px;
margin-right: auto;
position: fixed;
top: 40px;
left: 50%;
border-radius: 15px;
background-color: #B2C2CB;
z-index: 52;
border: 3px solid #FFF;
margin-left: -144px;
width: 280px;
}

input[type="text"], textarea {
    padding: 0px 10px;
    margin-bottom: 15px;
    width: 92%;
}


}



/* COOKIES */

.banner_consentimiento {
	width: 100%;
	height: auto;
	text-align: center;
	padding: 15px 0px;
	display: none;
	z-index: 100000000000;
}

.banner_consentimiento .textocookies h4 {
    font-size: 13px;
    font-weight: 400;
    vertical-align: middle;
    display: table-cell;
	padding-bottom: 10px;
}

.banner_consentimiento .textocookies h4 span {
	vertical-align: middle;
	padding-right: 10px;
}

.banner_consentimiento.fijo_top {
	position: fixed;
	top: 0px;
	padding: 30px;
}

.banner_consentimiento.fijo_bottom {
	position: fixed;
	bottom: 0px;
	padding: 30px;
}

.banner_consentimiento.fijo_bottom .textocookies h4, .banner_consentimiento.fijo_top .textocookies h4,  .banner_consentimiento.fijo_bottom .textocookies p, .banner_consentimiento.fijo_top .textocookies p  {
text-align:center !important;}

.banner_consentimiento.fijo_bottom .textocookies h4, .banner_consentimiento.fijo_top .textocookies h4 {
	display:block !important;
}


.banner_consentimiento.flotante_top_izq {
	position: fixed;
	top: 20px;
	left: 20px;
    max-width: 400px;
    padding: 20px;
}

.banner_consentimiento.flotante_top_der {
	position: fixed;
    top: 20px;
    right: 20px;
    max-width: 400px;
    padding: 20px;
}

.banner_consentimiento.flotante_bottom_izq {
	position: fixed;
	bottom: 20px;
	left: 20px;
    max-width: 400px;
    padding: 20px;
}

.banner_consentimiento.flotante_bottom_der {
	position: fixed;
	bottom: 20px;
	right: 20px;
    max-width: 310px;
    padding: 20px;
}

.banner_consentimiento .textocookies {
	font-size: 14px;
	padding-bottom: 15px;
}

.banner_consentimiento .textocookies p {
	font-size: 12px;
    text-align: left;
}

.banner_consentimiento .textocookies h4, .banner_consentimiento .textocookies p {
	margin: 0;
}

.banner_consentimiento .textocookies a:hover {
	opacity: 0.8;
	text-decoration: underline;
}

.banner_consentimiento button {
    background-color: #ADADAD;
    color: white;
    font-size: 13px;
    padding: 10px 10px;
    border: none;
    font-weight: bold;
    text-transform: uppercase;
}

.banner_consentimiento .configurar_cookies {
	font-size: 14px;
	color: white;
	padding: 10px 0px;
}

.banner_consentimiento button.rechazar, .banner_consentimiento button.configurar {
	margin-right: 10px;
}

.configurar_cookies {
	position: fixed;
    top:0px;
    left:0px;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.3);
	z-index: 100000000000;
	display: none;
}

.configurar_cookies .cont_config {
	max-width: 600px;
	background-color: white;
	margin-top: 25vh;
	margin-left: auto;
	margin-right: auto;
	padding: 20px;
	position: relative;
}

.configurar_cookies .cont_config .cerrar_config {
	position: absolute;
	top: -10px;
	right: -10px;
	background-color: black;
	color: white;
	font-weight: bold;
	border-radius: 26px;
	height: 25px;
    padding: 3px;
	cursor: pointer;
}

.configurar_cookies .cont_config input {
	vertical-align: middle;
	cursor: pointer;
}

.configurar_cookies .cont_config h4 {
	font-size: 14px;
	padding-bottom: 5px;
}

.configurar_cookies .cont_config p {
	font-size: 14px;
}

.configurar_cookies .cont_config  h4, .configurar_cookies .cont_config  p {
	margin: 0;
}

.configurar_cookies .cont_config button {
	background-color: #ccc;
	color: white;
	font-size: 18px;
	padding: 10px 45px;
	border: none;
}

.configurar_cookies .cont_config button:hover {
	background-color: rgba(92,184,92,0.8);
}

.configurar_cookies .cont_config .consent_config {
	margin-bottom: 15px;
	cursor: pointer;
}

.configurar_cookies .cont_config .consent_config label {
	cursor: pointer;
}

.configurar_cookies .cont_config .consent_config:hover {
	background-color: rgba(0,0,0,0.1);
}

.btn_configurar {
	position: fixed;
	bottom: 30px;
	display: none;
	right: 30px;
    z-index:100000000000;
}

.btn_configurar span {
    font-size: 29px;
    color: #919191;
    display:block;
    cursor:pointer;
}