/*---------------------------------------------------------------- 
COLORS //////////////////////////////////////////////////////////
----------------------------------------------------------------*/

/* PRINCIPAL / #0085ca /
------------------------------------------*/
section.nuestros-servicios .item h2,
body#index ul.panel-wall li:nth-child(5) a:hover span,
body#proyectos section.mas-de h1 b,
.color-principal{color:#0085ca;}

ul.actions li a,
ul.actions li span,
nav ul li a:hover,
section.nuestros-servicios .item:hover h2,
body#index section.banner-fusionado.somos,
body#clients section.banner-fusionado.clientes,
body#index ul.panel-wall li:nth-child(5),
body#proyectos section.mas-de,
body#empresa section.somos,
body#clients section.clientes,
.color-principal-back{background-color:#0085ca;}


/* PRINCIPAL B / #5baad3 /
------------------------------------------*/
.color-principal-b{color:#5baad3;}


.color-principal-b-back{background-color:#5baad3;}



/* PRINCIPAL C / #c6e2f1 /
------------------------------------------*/
body#proyectos section.mas-de,
body#empresa section.somos h1,
body#clients section.clientes h1,
.color-principal-c{color:#c6e2f1;}

body#index .banner-simple div.in h1 b,
body#index .swiper-container.simple div.in h1 b,
body.servicios ul.list.tag li,
.color-principal-c-back{background-color:#c6e2f1;}




/* SECUNDARIO / #ffce00 / 
------------------------------------------*/
.color-secundario{color:#ffce00;}

body#index section.banner-fusionado.somos hr,
body#clients section.banner-fusionado.clientes hr,
section.panel-contactoleft hr,
.color-secundario-back{background-color:#ffce00;}




/* AUXILIAR / #024f72 / 
------------------------------------------*/
nav ul li a:hover,
.color-auxiliar{color:#024f72;}

ul.actions li a:hover,
ul.actions li span:hover,
.color-auxiliar-back{background-color:#024f72;}





/* NEUTRO / #333333 / 
------------------------------------------*/
html, body,
.color-neutro{color:#333333;}

section.nuestros-servicios .item,
footer,
.color-neutro-back{background-color:#333333;}


/* NEUTRO 2 / #8f8f8f / 
------------------------------------------*/
.txt-small a:hover,
div.alert p.msj,
footer,
footer p,
.firma,
.color-neutro2{color:#8f8f8f;}

.btn-cancelar, 
.btn-cancelar:visited,
.color-neutro2-back{background-color:#8f8f8f;}


/* NEUTRO 3 / #e9e9e9 / 
------------------------------------------*/
.txt-small,
.txt-small a, 
.txt-small a:visited,
.btn-cancelar, 
.btn-cancelar:visited,
.color-neutro3{color:#e9e9e9;}

.box-info,
div.alert p.msj,
hr,
input[type=submit] + label,
input[type=text], 
textarea,
input[type="text"]:focus, 
textarea:focus,
select:focus,
section.nuestros-servicios,
body.servicios aside,
body.contacto  .panel-contactoleft,
.color-neutro3-back{background-color:#e9e9e9;}


/* NEGRO / #000 / 
------------------------------------------*/
nav ul li a,
.title,
.color-negro,
header a.logotipo p {color:#000;}

body#index ul.panel-wall li,
.color-negro-back{background-color:#000;}



/* BLANCO / #FFF / 
------------------------------------------*/
ul.actions li a,
ul.actions li span,
nav ul li a:hover,
section.nuestros-servicios .item:hover h2,
body#index section.banner-fusionado.somos p,
body#clients section.banner-fusionado.clientes p,
body#index  section.panel-contactoleft div.datos h4,
body#index  section.panel-contactoleft div.datos p,
body#index ul.panel-wall li:nth-child(5) p,
body.servicios section.banner-simple h1,
.color-blanco {color:#fff;}


ul.actions li a,
ul.actions li span,
nav ul li a:hover,
.color-blanco {color:#fff!important;}


html, body,
header,
nav ul li a,
/*section.panels div.in .item,*/
section.nuestros-servicios .item h2,
.panel-contactoleft div.in div.formulario,
body#index ul.panel-wall li:nth-child(5) a:hover span,
body#proyectos section.mas-de h1 b,
.color-blanco-back{background-color:#fff;}


/* BLANCO / 70% */
.btn-delete, 
.btn-delete:visited,
ul.actions li input[type=submit] + label {color:rgba(255, 255, 255, 0.7);}



/* COLOR OK / #55b88b / 
------------------------------------------*/
div.alert p.okas,
.color-ok {color:#55b88b;}

.btn-ok, 
.btn-ok:visited,
.color-ok-back {background-color:#55b88b;}


/* COLOR OK / 20% */
div.alert p.okas,
.box-info.ok {background-color:rgba(85, 184, 139, 0.2);}




/* COLOR WARNING / #fc6161 / 
------------------------------------------*/
div.alert p.error,
.color-alert {color:#fc6161;}

.color-alert-back {background-color:#fc6161;}


/* COLOR WARNING / 20% */
.btn-delete, 
.btn-delete:visited,
div.alert p.error,
.box-info.warning {background-color:rgba(252, 97, 97, 0.2);}


/*---------------------------------------------------------------- 
HEADER ////////////////////////////////////////////////////////
----------------------------------------------------------------*/
header {
	overflow-x:visible;/*necesary*/
	z-index:200;
	}
	@media only screen and (max-width:620px) {
	header{
	position:relative;
	left:0px;
	top:0px;
	}}

/*----- IN -----*/
header div.in {
	align-items:center;
	height:100px;
	justify-content:space-between;
	overflow-x:visible;/*necesary*/
	padding:0px;
	}
	@media only screen and (max-width:920px) {
	header div.in{
	height:auto;
	justify-content:center;
	}}
	@media only screen and (max-width:620px) {
	header div.in{
	height:80px;
	justify-content:space-between!important;
	position:initial; /* sirve para que nav no lo tome en cuenta al posicionar*/
	}}

/*----- LOGOTIPO -----*/

header a.logotipo{
	align-items:center;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	height:auto;
	text-decoration: none;
	width:auto;/* set */
	}


header a.logotipo.movil{
	display:none;
	}

header a.logotipo img{
	height:100px;
	margin:0px;
	padding:0px;
	width:auto;	
	}
	@media only screen and (max-width:620px) {
	header a.logotipo img{
	height:70px;
	width:auto;
	}}

/*----- SLOGAN -----*/

header a.logotipo p{
	color: ;
	display:flex;
	font-size: 0.7em;
	flex-wrap:wrap;
	justify-content:center;
	height:auto;
	margin-left: 15px;
	width:auto;/* set */
	}

/* --------------------------------------------------------------- < NAV > */
nav{
	display:flex;
	height:auto;
	width:auto;
	}
	@media only screen and (max-width:920px) {
	nav {
	margin-top:15px;
	width:100%;
	}}

/*----------*/
nav ul,
nav ul li {
	padding:0px;
	list-style:none;
	margin:0px;	
	}


nav ul{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	width:auto;
	}
	@media only screen and (max-width:920px) {
	nav ul{
	justify-content:space-around;
	width:100%;
	}}


/*----------*/
nav ul li{
	text-align: center;
	width:auto;
	}
	@media only screen and (max-width:920px) {
	nav ul li{
	justify-content:space-around;
	margin-left:1px;
	}}

nav ul li:first-child{margin-left:0px;}

/*----------*/

nav ul li > *{
	cursor:pointer;
	display:block;
	font-size:1.2em;
	font-weight:400; 
	height:40px;
	line-height:40px;
	text-decoration:none;
	padding:0px 16px;
	position:relative;
	text-transform:uppercase;
	width: auto;
	}
	@media only screen and (max-width:1020px) {
	nav ul li > *{
	font-size:1.1em;
	}}
	@media only screen and (max-width:920px) {
	nav ul li > *{
	font-size:1.2em;
	}}
	@media only screen and (max-width:820px) {
	nav ul li > *{
	font-size:1em;
	}}
	@media only screen and (max-width:620px) {
	nav ul li > *{
	font-size:1.2em;
	}}


nav ul li > *:hover{
	text-decoration:none;
	}


div.shadow {
	display:none;
	visibility:hidden;
	background-color:#000;
	display:block;
	height:100vh;
	opacity:0.0;
	transition:all 0.18s;
	position:absolute;
	bottom:0px;
	left:0px;
	right:0px;
	top:0px;
	width:100vw;
	}

/*---------------------------------------------------------------- 
MOVIL  ///////////////////////////////////////////////////////////
----------------------------------------------------------------*/

/*----- OCULTAMOS CHECKBOX  -----*/
input.movil-button[type=checkbox] {
	visibility: hidden;
	display:none;
	}


/*----- LABEL DE CHECKBOX  -----*/
input.movil-button[type=checkbox] + label{
	background-color:#fff;
	cursor:pointer;
	display:none; /*ESCONDEMOS BOTON*/
	height:50px;
	position:relative;
	width:50px;
	}

input.movil-button[type=checkbox] + label .svg-icon{
	display:none;
	height:50px;
	padding:8px;
	width:50px;
	transition:all 0.22s;
	}


/*----- MOSTRAMOS ICON DEPENDE DE ESTADO  -----*/
input.movil-button[type=checkbox] + label .svg-icon.btnmovil{
	display:block;
	opacity:1.0;
	}

input.movil-button[type=checkbox]:checked + label .svg-icon.btnmovil{
	display:none;
	opacity:0.0;
	}

input.movil-button[type=checkbox] + label .svg-icon.btnmovil2{
	display:none;
	opacity:0.0;
	}

input.movil-button[type=checkbox]:checked + label .svg-icon.btnmovil2{
	display:block;
	opacity:1.0;
	}



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


/*----- MOSTRAMOS BOTON MOVIL  -----*/
input.movil-button[type=checkbox] + label{
display:block;
}

/*----- Z INDEX  -----*/
div.shadow {z-index:9;}
nav {z-index:10;}
input.movil-button[type=checkbox] + label {z-index:11;}
.logotipo.movil {z-index:11;}


/*----- LOGO MOVIL  -----*/
header a.logotipo.movil{
display:flex;
margin-bottom:40px;
width:50%;
}
header a.logotipo.movil img{
height:auto;
width:100%;
}

/*----- NAV  -----*/
nav {
background-color:#0085ca;
align-items:center;
flex-direction:row;
justify-content:center;
height:100vh!important;
margin-top:0px;
position:absolute;
bottom:0px;
left:auto;
top:0px;
right:0px;
transform:translateX(80vw);
padding:40px;
position:fixed;
width:80vw;
visibility:visible;
opacity:1.0;
transition:all 0.16s;
}
nav ul{
align-items:flex-center;
justify-content:center;
flex-direction:row;
max-width:100%;
margin:0px 0px;
padding:0px 0px;
width:100%;
}
nav ul li{
border-bottom:1px solid #5baad3;
margin:5px 0px;
width:100%;
}
nav ul li:last-child{
border-bottom:0px solid #fff; /* set */
}
nav ul li a{
background-color:transparent;
display:block;
color:#fff!important;
height:26px;
line-height:26px;
margin:0px 0px;
padding:0px 0px;
text-align:left;
width:100%;
}
}

.action-movil{
	transform:translateX(0vw);
	}

.show-shadow{
	display:block!important;
	visibility:visible!important;
	opacity:0.6!important;
	}

/*---------------------------------------------------------------- 
PATRONES ////////////////////////////////////////////////////////
----------------------------------------------------------------*/
/*---------------------------------
/// LAZY SIZES  ///
----------------------------------*/
.lazyloading {
	opacity: 0;
	}

.loading,
.lazyload,
.lazyloaded{
	opacity: 1;
	transition: opacity 0.8s;
	}

/*---------------------------------
/// BANNER SIMPLE ///
----------------------------------*/
.banner-simple{
	padding:0px 0px;
	position:relative;
	text-align: center;
	}

.banner-simple picture,
.banner-simple picture img{
	height:auto;
	width:100%;
	z-index:1;
	}

.banner-simple div.in {
	position:absolute;
	bottom:0px;
	left:50%;
	top:0px;
	transform: translateX(-50%);
	z-index:10;
	}

/*---------------------------------
/// PANELS ///
----------------------------------*/
section.panels div.in{
	align-items:stretch; /*usar si se quiere forzar misma altura a todos los paneles en caso de no tener altura fija*/
	justify-content:center;/* or center */
	}

section.panels div.in .item{
	display:flex;
	/*height:300px;  set */
	margin-bottom:20px; /* set */
	text-decoration:none;
	}

/*---------------------------------
/// BANNER FUSIONADO ///
----------------------------------*/
.banner-fusionado{
	/*height:80vh; se configura en style */
	position:relative;
	}

.banner-fusionado picture{
	align-items:center;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:flex-end; /*alineamos imagen a la derecha*/
	height:auto;
	overflow:hidden;
	position:absolute;
	bottom:0px;
	left:0px;
	right:0px;
	top:0px;
	width:auto;
	}

.banner-fusionado picture img{
	position:relative;
	display:block;
	height:100%;
	max-width:1000%;
	width:auto;
	}
	/* Posiblente en algun punto debemos cambiar a propiedad cover */
	@media only screen and (max-width:620px) {
	.banner-fusionado picture img{
	height:100%;
	width:100%;
	object-fit:cover;
	}}
	
.banner-fusionado div.in {
	flex-direction:column;
	justify-content:center;
	height:100%;
	z-index:10;
	}


/*------------------------------------
/// PANEL CONTACTO LEFT ///
-------------------------------------*/
.panel-contactoleft {
	padding:80px 0px; /* set */
	}

.panel-contactoleft div.in div.formulario{
	padding:20px 40px;
	width:50%;
	}
	@media only screen and (max-width:720px) {
	.panel-contactoleft div.in div.formulario{
	padding:20px 30px;
	width:100%;
	}}
	@media only screen and (max-width:620px) {
	.panel-contactoleft div.in div.formulario{
	padding:40px 40px;
	width:100%;
	}}


/*---------------------------------
/// PANEL WALL ///
----------------------------------*/
ul.panel-wall {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:flex-start;
	height: auto;
	list-style: none;
	margin:0px;
	padding:0px;
	width:100%;
	}

ul.panel-wall li{
	list-style: none;
	height:300px;
	display:block;
	overflow:hidden;
	position:relative;
	}
	@media only screen and (max-width:1500px) {
	ul.panel-wall li{
	height:240px;
	}}



ul.panel-wall li:nth-child(1){
	order:1;
	width:33%;
	}
ul.panel-wall li:nth-child(2){
	order:2;
	width:33%;
	}
ul.panel-wall li:nth-child(3){
	order:3;
	width:34%;
	}
ul.panel-wall li:nth-child(4){
	order:4;
	width:40%;
	}
ul.panel-wall li:nth-child(5){
	order:5;
	width:60%;
	}


ul.panel-wall li a{
	text-decoration:none;
	position:absolute;
	bottom:0px;
	right:0px;
	left:0px;
	top:0px;
	}

ul.panel-wall li img{
	height:100%;
	opacity:0.8;
	width:100%;
	object-fit:cover;
	}




/* DELETE */
ul.panel-wall li{
	border:1px solid #fff;
	}

/*---------------------------------
/// WALL MASONARY ///
----------------------------------*/
ul.wall-masonry {
	align-items: start;
	display:block;
	columns:3;
	justify-content:space-between; /*set*/
	margin:0px;
	padding:0px;
	width:100%;
	}
	@media only screen and (max-width:620px) {
	ul.wall-masonry{
	columns:2!important;
	}}

ul.wall-masonry li{
	display:inline-block;
	list-style:none;
	height:auto;
	margin:0px;
	margin-bottom:20px;
	padding:0px; /*set*/
	text-align: center;
	width:100%;/* con ancho determinamos cuantos items por renglon */
	}


ul.wall-masonry li > * {
	height:auto;
	width:100%;
	}


ul.wall-masonry li > * img {
	border:1px solid #e9e9e9;
	height:auto;
	width:100%;
	}

ul.wall-masonry .item{
	position:relative;
	}


ul.wall-masonry .item .pie{
	background-color:#e9e9e9;
	border-radius:0px 0px 4px 4px;
	height:auto;
	font-family: 'Lato', sans-serif;
	font-size:0.9em;
	font-weight:300;
	line-height:1.2em;
	padding:4px 6px;
	text-align:left;
	text-transform: none;
	width:100%;
	}

/*---------------------------------
/// SWIPER  ///
----------------------------------*/
.swiper-slide {
	display: flex;
	text-align: center;
	justify-content: center;
	align-items: center;

	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	align-items:flex-start;
	height:auto;
	max-width:100%;
	overflow-x:hidden;
	width:100%;
    }

 /*---------------------------------
/// BANNER SIMPLE SWIPER ///
----------------------------------*/
.swiper-container.simple {
	height:auto; /* La altura la determinara la imagen JPG */
	position:relative!important;
	width:100%;
	}

.swiper-container.simple{
	position:relative;
	text-align: center;
	}

.swiper-container.simple .swiper-wrapper picture,
.swiper-container.simple .swiper-wrapper picture img{
	height:auto;
	width:100%;
	z-index:1;
	}

/* DIV IN */
.swiper-container.simple div.in {
	position:absolute;
	bottom:0px;
	left:50%;
	top:0px;
	transform: translateX(-50%);
	z-index:10;
	}

/*---------------------------------
/// UL ZIG ZAG ///
----------------------------------*/
ul.zigzag {
	display:flex;
	flex-direction:column;
	flex-wrap:wrap;
	justify-content:center;
	list-style: none;
	margin:20px 0px;
	padding:0px;
	width:100%;
	}


ul.zigzag li {
	align-items:flex-start;
	border-bottom:6px solid #dedede;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	height:auto;
	justify-content:space-between;
	list-style:none;
	margin-bottom:100px; /* set */
	overflow:hidden;
	padding:0px 0px;
	width:100%;
	}


ul.zigzag div.info {
	padding:20px; /*set*/
	width:48%;
	}
ul.zigzag div.imagen {
	width:48%;
	}
	
@media only screen and (max-width:620px) {
	ul.zigzag div.imagen {
	margin-bottom:20px;
	}}

ul.zigzag li div.info {
	display:flex;
	flex-direction:column;
	flex-wrap:wrap;
	align-items:center;
	text-align:justify;
	}


ul.zigzag li:nth-child(even) div.info{
	order:2;
	}
ul.zigzag li:nth-child(even) div.imagen{
	order:1;
	}





@media only screen and (max-width:620px) {
	ul.zigzag div.info,
	ul.zigzag div.imagen {
	width:100%;
	}
	ul.zigzag li:nth-child(odd) div.info{
	order:2;
	}
	ul.zigzag li:nth-child(odd) div.imagen{
	order:1;
	}
	ul.zigzag li:nth-child(even) div.info{
	order:2;
	}
	ul.zigzag li:nth-child(even) div.imagen{
	order:1;
	}
	}


/*---------- (opcion imagen cover) 
ul.zigzag div.imagen{
	height:200px;
	}

ul.zigzag div.imagen img{
	height:100%;
	width:100%;
	object-fit:cover;
	}
*/

/*---------- (opcion imagen contain)
ul.zigzag div.imagen{
	height:300px;
	}

ul.zigzag div.imagen img{
	height:100%;
	width:100%;
	object-fit:contain;
	}
*/ 





/*---------------------------------
/// LISTAS  ///
----------------------------------*/
ul.list{
	align-items:flex-start;
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;
	padding:0px;
	}

ul.list,
ul.list li {
	list-style-type: none;
	}


ul.list li {
	line-height:22px;
	min-height:22px;
	margin-bottom:4px;
	height:auto;
	padding-left:32px;
	position:relative;
	}

/* LIST OK */
ul.list.ok{
	flex-direction:column;
	}

ul.list.ok li:after{
	background-image:url(../svg/list-ok.svg);
	background-repeat: no-repeat;
	background-size:22px 22px;
	background-position:center;
	content:"";
	height:22px;
	width:22px;
	position:absolute;
	left:0px;
	top:0px;
	}


/* LIST TAG */
ul.list.tag{
	flex-direction:row;
	padding:0px;
	}


ul.list.tag li{
	background-color:#dedede;
	display:block;
	font-size:0.8em;
	height:18px;
	line-height:18px;
	margin:4px 4px 0px 0px;
	padding:0px 10px;
	width:auto;
	}



/*---------------------------------
/// ACTIONS BOTONES  ///
----------------------------------*/
ul.actions {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:flex-start;
	font-weight:300;
	text-transform:uppercase;
	font-size:0.8em;
	letter-spacing:1px;
	height: auto;
	margin:15px 0px;
	padding:0px;
	width:100%;
	}
	@media only screen and (max-width:620px) {
	ul.actions{
	justify-content:center!important;
	padding:0px 10%;
	}}


ul.actions li {
	list-style:none;
	padding: 0px;
	margin:0px;
	margin-right:8px;
	margin-bottom:8px;
	position:relative;
	width:auto;
	}
	@media only screen and (max-width:620px) {
	ul.actions li{
	margin-right:0px;
	margin-bottom:10px;
	text-align: center;
	width:100%; 
	}}

ul.actions li:last-child{
	margin-right: 0px;
	}



ul.actions li a,
ul.actions li span,
ul.actions li input[type=submit] + label{
	display: block;
	border-radius:4px;
	color:inherit;
	cursor: pointer;
	font-size:1em;
	height:46px;
	line-height:46px;
	margin: 0px;
	padding:0px 16px; 
	position: relative;
	text-decoration: none;
	text-transform:uppercase;
	width:auto;
	}
	@media only screen and (max-width:1500px) {
	ul.actions li a,
	ul.actions li span,
	ul.actions li input[type=submit] + label{
	height:36px;
	line-height:36px;
	}}
	@media only screen and (max-width:620px) {
	ul.actions li a,
	ul.actions li span,
	ul.actions li input[type=submit] + label{
	height:50px;
	line-height:50px;
	padding:0px 0px; 
	text-align: center;
	width:100%; 
	}}

/* Con botones alineados al centro */
ul.actions.center {
	justify-content:center;
	}


/* ????? */	
ul.actions li input[type="file"],
ul.actions li input[type="submit"]{
	visibility: hidden;
	display:none;
	}


ul.actions li a:hover,
ul.actions li span:hover{
	color:#fff!important;
	}


/*----------------------------
/// BAR SOCIAL VERTICAL  ///
-----------------------------*/
ul.bar-social-vertical {
	align-items:flex-start;
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	flex-wrap:wrap;
	height:auto;
	margin:0px;
	padding:0px;
	width:100%;
	}

ul.bar-social-vertical > * {
	list-style:none;
	text-decoration:none;
	}

ul.bar-social-vertical li,
ul.bar-social-vertical li a { line-height:40px; }

ul.bar-social-vertical li{
	height:auto;
	margin:0px;
	padding:0px;
	width:100%;
	}

ul.bar-social-vertical li,
ul.bar-social-vertical li a{
	align-items:center;
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;
	height:40px;
	overflow:hidden!important;
	width:100%;
	}

ul.bar-social-vertical .svg-icon {
	height:40px;
	fill:#333333;/* set in colors*/
	padding:5px;/* set */
	width:40px;
	}

/*---------------------------------
/// BOX INFO  ///
----------------------------------*/
.box-info {
	font-size:0.9em;
	height:auto;
	padding:20px;
	margin:5px 0px; /* set */
	width:100%;
	}





/*---------------------------------------------------------------- 
FORMS ////////////////////////////////////////////////////////////
----------------------------------------------------------------*/
/* GENERAL  /
------------------------------------------*/
input, textarea,
input:focus, textarea:focus  {
	outline:0px;
	}


input[type=text], 
textarea{
	border-radius:4px;
	border:0px;
	display: block;
	font-family: inherit;
	font-size:1em;
	margin:3px 0px;
	padding:0px;
	text-indent:10px;
	width:100%; 
	}


input[type=text],
select {
	height:60px;
	line-height:60px;
	}
	@media only screen and (max-width:1500px) {
	input[type=text],
	select {
	height:40px;
	line-height:40px;
	}}


textarea {
	line-height:36px;
	min-height:200px; 
	}
	@media only screen and (max-width:1500px) {
	textarea{
	line-height:26px;
	min-height:140px; 
	}}




/* CHECKBOX RADIO  /
------------------------------------------*/
input[type=checkbox],
input[type=radio] {
	visibility: hidden;
	display: none;
	}


input[type=checkbox] + label,
input[type=radio] + label {
	align-items:center;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:flex-start;
	height:auto;
	padding:0px;
	margin:2px 0px;
	width:100%;
	}

input[type=checkbox] + label span,
input[type=radio] + label span{
	display:block;
	background-color:#fff;
	border:4px solid #666;
	border-radius:50%;
	cursor: pointer;
	height:20px; 
	margin-right:10px;
	position: relative;
	transition:all 0.1s;
	width:20px;
	}

input[type=checkbox] + label span:hover,
input[type=radio] + label span:hover{
	box-shadow:0px 0px 2px rgba(0, 0, 0, 0.6);
	transform:scale(1.1);
	}


input[type=checkbox]:checked + label span,
input[type=radio]:checked + label span{
	background-color:#666;
	border:4px solid #999;
	}


input[type=checkbox] + label i,
input[type=radio] + label i{
	display:block;
	font-style: normal;
	height:20px;
	line-height:20px;
	width:auto;
	}


/* FORMULARIO  /
------------------------------------------*/
div.formulario {
	height: auto;
	padding-bottom: 15px;
	min-width:50%;
	overflow: hidden;
	width:100%;
	}


/* ALERTS  /
------------------------------------------*/
div.alert{
	height:auto;
	margin:5px 0px;
	overflow: hidden;
	padding: 0px;
	width: 100%;
	}

div.alert p{
	display:block;
	border-radius:2px;
	font-size: 0.8em;
	height:auto;
	line-height: 30px;
	margin:0px;
	margin-top: 5px;
	padding:0px 10px;
	position: relative;
	width:100%;
	}

div.alert p.msj{
	display: block;
	}

div.alert p.error{
	display: none;
	}

div.alert p.okas{
	display: none;
	}

div.alert p span{
	border-radius: 0px;
	display: block;
	height: 30px;
	margin: 0px;
	overflow: hidden;
	padding: 0px;
	width:30px;
	}

/* BUSCADOR  /
------------------------------------------*/
div.box-search {
	display:flex;
	flex-direction:row;
	justify-content:flex-start;
	height: auto;
	width:100%;
	}

div.box-search input[type="submit"]{
	visibility: hidden;
	display:none;
	}


div.box-search input[type=search],
div.box-search input[type=submit] + label{
	font-size:1em;
	font-size:1em;
	height:42px;
	line-height:42px;
	outline:0px;
	}
	@media only screen and (max-width:1500px) {
	div.box-search input[type=search],
	div.box-search input[type=submit] + label{
	height:32px;
	line-height:32px;
	}}


div.box-search input[type=search] {
	background-color:#fff;
	border:1px solid #dedede;
	text-indent:10px;
	margin:0px!important;
	padding:0px 10px;
	width:auto;
	}

div.box-search input[type=submit] + label{
	border:1px solid #dedede;
	cursor:pointer;
	margin:0px!important;
	padding:0px 10px;
	width:auto;
	}

/*---------------------------------------------------------------- 
FOOTER  /////////////////////////////////////////////////////////
----------------------------------------------------------------*/
footer {
	font-size:0.8em;
	padding:10px 0px;
	}

footer div.in {	
	justify-content:space-between;
	}
	@media only screen and (max-width:720px) {
	footer div.in {
	justify-content:center;
	}}

footer p{
	width:45%;
	}
	@media only screen and (max-width:720px) {
	footer p{
	text-align: center;
	width:100%;
	}}

footer p a{
	color:#8f8f8f;
	}

footer p span{
	color:#8f8f8f;
	margin: 0px 5px;
	}


/* FIRMA LS /
------------------------------------------*/
.firma.ls {
	align-items:center;
	color:inherit;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	font-size:0.8em;
	line-height:1.2em;
	margin-top: 80px;
	justify-content:space-between;
	opacity:0.8;
	text-decoration:none;
	width:auto;
	}
	@media only screen and (max-width:720px) {
	.firma.ls {
	flex-direction:column;
	}}
	@media only screen and (max-width:620px) {
	.firma.ls {
	margin-top: 20px;
	}}


.firma.ls span{
	height: auto;
	margin:0px 0px 0px 4px;
	text-align:right;
	width:auto;
	}
	@media only screen and (max-width:720px) {
	.firma.ls span{
	margin:0px 0px 4px 0px;
	text-align: center;
	}}

.firma.ls span img{
	height:40px;
	width:40px;
	}


.firma.ls img{
	height:40px;
	width:40px;
	}



/*---------------------------------------------------------------- 
VARIOS  //////////////////////////////////////////////////////////
----------------------------------------------------------------*/
.border-radius{
	border-radius:6px;
	}