/*!
 * Lugonet (http://lugonet.com)
 * Css Lugonet
 */
 
/*============== CONTENIDO GENERAL =================*/
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #818181;
	background: url(../img/fondo.png) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

}
.container {
      width: 954px;
    height: 535px;
    position: absolute;
    left: 50%;
    top: 50%;
    background-color: #fff;
    margin: -273px 0 0 -475px;
	border-radius:10px;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.lugonet-resp{
	width:100%;
	display: block;
    max-width: 100%;
    height: auto;
}
strong {
    color: #444;
}


/*============== NAV BOTONERA =================*/
.cabecera{
    padding: 15px 0px 7px 11px ;
	display: flex;
    width: 100%;
}

/*Hide dropdown links until they are needed*/
li ul {
	display: none;
	    padding-left: 0px;
}

/*Make dropdown links vertical*/
li ul li {
	display: block;
	float: none;
	padding-left:1px !important;
	    padding-top: 1px;
    padding-bottom: 1px !important;
}

/*Prevent text wrapping*/
li ul li a {
	width: auto;
	min-width: 100px;
	padding: 0 8px;
	font-size: 9.5pt;
}

/*Display the dropdown on hover
ul li a:hover + .hidden, .hidden:hover {
	display: block;
	 padding-left: 0px;

}*/
/*================= LINEA ==================*/
 ul.enlinea {
    display: inline;
    height: auto !important;
    width: auto;
	padding:0px;
}
 ul.enlinea li {
	 display: inline;
    font-size: 11pt;
    padding-right: 8px;
    letter-spacing: 1px;
}
 ul.enlinea li a{
	 color: #818181;
	 text-decoration: none;
 }
  ul.enlinea li a:hover{
	  color: #000;
  }
  /*============== FIN LINEA ================*/
  /*============== CASCADA ==================*/
   ul.cascada {
    display: block;
    height: auto !important;
    width: auto;
	padding:0px;
}
 ul.cascada li {
	display: block;
    font-size: 11pt;
    padding-left: 15px;
    letter-spacing: 1px;
    padding-bottom: 5px;
}
 ul.cascada li a{
	 color: #818181;
	 text-decoration: none;
	  letter-spacing: 0px;
 }
  ul.cascada li a:hover{
	  color: #000;
  }
  /*================= FIN CASCADA ==============*/
  
 .right a{
	color: #818181;
    font-size: 11pt;
    text-decoration: none;
 }
 
 .show-menu {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-decoration: none;
	color: #9E9E9E;
	border:1px solid #ccc;
	font-size: 15pt;
	font-weight:bolder;
	text-align: center;
	padding: 9px 0;
	display: none;
}

input[type=checkbox]{
    display: none;
}

input[type=checkbox]:checked ~ #menu{
    display: block;
}
  ul.enlinea li.ultimos{
		display:none;
	}
  

/*============== SLIDER =================*/
.slider{
	text-align: center;
    padding-left: 15px;
    padding-right: 15px;
}
.slider img{
    border-radius: 5px;
}
/*============== FIN SLIDER =================*/
/*============== CUERPO =================*/
/*------empresa------*/
.empresap1{
    overflow: auto;
    height: 392px;
	margin-top: 30px;
}
.empresap{
	    margin-top: 45px;
		   
}
.empresap2{
	    margin-top: 45px;
		   width: 65.2% !important;
} 
.empresap p{
	font-size: 13px;
	margin-top:0px;
}
.referenciasp{
    margin-top: 45px;
}
.referenciasp p{
	font-size: 11.2px;
	margin-top:0px;
}
.referenciasp1{
    margin-top: 45px;
	font-size: 12px;
}
.referenciasp1 p{
	font-size: 12px;
	margin-top:0px;
}
.contentposition{
	position: absolute;
}
.ptitul{
	    font-size: 12pt !important;
    font-weight: bold;
}
/*------fin empresa------*/
/*------contacto------*/
.contp p{
	font-size: 10pt;
	color:#565656;
}
.contp p a{
	color: #B5B5B5;
    text-decoration: none;
}
.contp p a:hover{
	    color: #000000;
    text-decoration: underline;
}
.lugonet-3.contp {
    margin-top: 20px;
}
/*------fin contacto------*/
.referencias{
	background-image: url("../img/fondo_copa.jpg");
  background-repeat: no-repeat;
  background-position: bottom right;
  background-position-x: 93%;
  height: 420px;
  width:100%;
}
.testimonios{
	background-image: url("../img/fondo_testimonio.jpg");
  background-repeat: no-repeat;
  background-position: bottom right;
  background-position-x: 93%;
  height: 420px;
  width:100%;
}
.testip{
	/*background-image: url("../img/comillas.jpg");
	background-repeat: no-repeat;*/
    padding-left: 30px !important;
    padding-right: 30px !important;
    font-size: 13px;
    color: #383838;
}
.testic{
	    font-size: 10pt;
		    color: #000;
}
.testic img{
    margin-bottom: 8px;
}
.testica{
	color:#A9A9A9;
}
/*=============NOTICIAS======================*/
.noticia{
    font-size: 9pt;
    margin-bottom: 11px;
}
.noticia a{
	    color: #818181;
    text-decoration: none;
    letter-spacing: 0px;
}
.noticia a:hover{
	color:#000;
}
.avisleg{
	   overflow: auto; 
     height: 421px; 
}
/*============== FIN CUERPO =================*/
/*============== FOOTER1 =================*/
.footer1{
    display: table;
    width: 100%;
    bottom: 0px;
    position: inherit;
    margin-bottom: -32px;
}
.migan{
    margin-top: 20px;
    margin-left: 15px;
}
.b-migan1{
	border-radius: 5px 0px 0px 5px;
    padding: 15px ;
    height: 44px;
    margin-right: -4px;
		
	background: -webkit-linear-gradient(#989898, #525252);
    background: -moz-linear-gradient(#989898, #525252);
    background: -o-linear-gradient(#989898, #525252);
    background: linear-gradient(#989898, #525252);
    border: none !important;;
}
.b-migan3{
	background-color:#2d8bd5;
	padding: 15px;
	width: 120px;
    height: 44px;
	margin-right: -4px;
	border-radius: 0px 5px 5px 0px;
		
	background: -webkit-linear-gradient(#2d8bd5, #003F71); 
    background: -moz-linear-gradient(#2d8bd5, #003F71);
    background: -o-linear-gradient(#2d8bd5, #003F71);
    background: linear-gradient(#2d8bd5, #003F71);
	border: none !important;;

}
.b-migan2{
	    border-radius: 0px 5px 5px 0px;
		background-color:#97cb2e;
		    padding: 15px ;
    height: 44px;
	
	background: -webkit-linear-gradient(#97cb2e, #456701);
    background: -moz-linear-gradient(#97cb2e, #456701);
    background: -o-linear-gradient(#97cb2e, #456701);
    background: linear-gradient(#97cb2e, #456701);
    border: none !important;
}
.brep{
	width:120px;
    padding: 15px !important;
}
.lugonet-51 {
    width: 41%;
	float: right;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
	text-align:right;
}
.lugonet-55{
	width: 37.8%;
	float: left;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
	    margin-top: 50px;

}
.lugonet-41 {
    width: 36%;
    float: left;
	text-align: right;
    position: relative;
    min-height: 1px;
    padding-left: 5px;
    padding-right: 5px;
	padding-top: 25px;
}
.lugonet-41 p{
	margin-bottom: 0px;
    margin-top: 4px;
    color: #A7A7A7;
    letter-spacing: -0.4px;
}
.lugonet-31 {
    width: 23%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

.pm{
	text-align: right;
    font-size: 11px;
    margin-bottom: 8px;
    margin-top: 8px;
}
.pem{
	font-size: 19pt;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 10px;
	padding-left: 13px;
	color: #505050;  
}
.pem a{
	 color: #505050;
    text-decoration: none;
    letter-spacing: 0px;
}
.creadit{
	display: -webkit-inline-box;
    float: right;
    margin-top: 20px;
    color: #f1f1f1;
    font-size: 11px;
    letter-spacing: -0.4px;
}
.creadit a{
	color: #000;
	text-decoration: none;
    letter-spacing: 0px;
}
.creadit strong{
    color: #4E4E4E;
}
.avisolegal p{
    font-size: 10pt;
}

/*============== ELEMENTOS =================*/
.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.b-primario {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}


/*================== MENU RESPONSIVE ========================*/

@media (max-width: 957px) {
body{
	background:none;
	}
.container {
    width: 100%;
    height: 100%;
    position: relative;
    left: 0%;
    top: 0%;
    background-color: #fff;
    margin: 0px 0 0 0px;
    border-radius: 0px;
    padding: 0px;
}
.brep {
    width: 33%;
	padding: 5px !important;
}
.contentposition{
	 position: relative;
}
}
@media screen and (max-width : 865px){
.gallery img {
    width: 30% !important;
}

}
@media screen and (max-width : 707px){
	body{
	     margin: 0px;
	}
	.cabecera{
		 padding: 15px 0px 15px 0px;
	}
	ul.enlinea{
		position: static;
		display: none;
		margin: 0px;
	}
	ul.enlinea li {
		margin-bottom: 1px;
	}
	ul.enlinea li, li a {
	width: 100%;
    display: table;
    text-align: center;
    padding: 7px;
	}

	.show-menu {
		display:block;
	}
	.cabdes{
		display:none;
	}
	ul.enlinea li.ultimos{
		display:block;
		background-color: #EFEFEF;
	}
	.cabespan{
		width:100% !important;
	}
	.empresap1 {
    overflow: auto;
    height: auto;
	}
	
	.noborder {
    padding-left: 15px !important;
    padding-right: 15px !important;
}
.empresap {
    margin-top: 11px;
}
.creadit {
    width: 100%;
    text-align: center;
    display: table;
}
.pem {
	    text-align: center;
		padding-left: 0px;
}
.empresap2 {
    margin-top: 10px;
    width: 100% !important;
}
.referencias {
    background-image:none !important;
	    margin-top: 10px;
}
.testimonios{
background-image:none !important;
}
.testic{
text-align: center;
}
ul.noticias li {
    width: 32% !important;
}
.noticia {
    font-size: 10pt;
    margin-bottom: 6px;
    padding-bottom: 6px;
    border-bottom: 1px solid #e4e4e4;
}
.avisleg{
	 overflow: visible !important;
     height: auto !important; 
}
.jbox-container .img-alt-text{ font-size:12pt; text-align:center;}
	/*======================*/
	.lugonet-1{
		text-align:center;
	}
	.lugonet-31{
		width:100% ;
		text-align: center;
	}
	.lugonet-41{
		width:100% ;
		font-size: 10pt;
        text-align: center;
	}
	.lugonet-51{
		width:100%;
		text-align: center;
		padding-top: 10px;
	}
	.lugonet-55{
		width:100% ;
		font-size: 10pt;
        text-align: center;
		    margin-top: 15px;
	}
	.pm {
		text-align: center;
		    font-size: 15px;
	}
	.migan {
    margin-top: 20px;
    margin-left: 0px;
}
	ul.cascada{
		display: table;
	}
	ul.cascada li{
		    display: block;
    float: left;
    background-color: #E0E0E0;
    width: 49%;
    padding-left: 0px;
    text-align: center;
    margin: 2px;
	}
	ul.cascada li a{
		width:100%;
	}
	ul.cascada li ul li {
    display: block;
    float: none;
	border-bottom: 1px solid #fff;
    padding-left: 1px !important;
    padding-top: 5px;
    padding-bottom: 5px !important;
    background-color: transparent !important;
}
ul.cascada li ul li a{
	    font-size: 11pt;
}
	
	
}
@media screen and (max-width : 445px){
	ul.cascada li {
		    width: 100%;
	}
}

@media screen and (max-width : 406px){
	.gallery img {
    width: 45% !important;
}
	
}

/*================== GALERIA ======================*/
.gallery img{
    width:23%;
    margin:6px;
    padding:0;
    float:left;
	height:23%;
}

@keyframes popUp{from{transform:translateY(-50%) scale(1)}to{transform:translateY(-50%) scale(1.5)}}
	@keyframes fadeOutLeft{from{left:50%;opacity:1}to{left:40%;opacity:0}}
	@keyframes fadeOutRight{from{left:50%;opacity:1}to{left:60%;opacity:0}}
	@keyframes fadeInLeft{from{left:40%;opacity:0}to{left:50%;opacity:1}}
	@keyframes fadeInRight{from{left:60%;opacity:0}to{left:50%;opacity:1}}
	@keyframes fadeIn{from{opacity:0}to{opacity:1}}
	.jbox-container .pop-up{-moz-animation-name:popUp;-o-animation-name:popUp;-webkit-animation-name:popUp;animation-name:popUp;-moz-animation-duration:150ms;-o-animation-duration:150ms;-webkit-animation-duration:150ms;animation-duration:150ms;-moz-animation-timing-function:ease-in-out;-o-animation-timing-function:ease-in-out;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-moz-animation-iteration-count:2;-o-animation-iteration-count:2;-webkit-animation-iteration-count:2;animation-iteration-count:2;-moz-animation-direction:alternate;-o-animation-direction:alternate;-webkit-animation-direction:alternate;animation-direction:alternate}
	.jbox-container .fade-in,.jbox-container .fade-in-left,.jbox-container .fade-in-right,.jbox-container .fade-out-left,.jbox-container .fade-out-right{animation-timing-function:ease-in-out;animation-fill-mode:forwards;animation-iteration-count:1}
	.jbox-container .fade-out-left{animation-name:fadeOutLeft;animation-duration:150ms}
	.jbox-container .fade-out-right{animation-name:fadeOutRight;animation-duration:150ms}
	.jbox-container .fade-in-right{animation-name:fadeInRight;animation-duration:150ms}
	.jbox-container .fade-in-left{animation-name:fadeInLeft;animation-duration:150ms}
	.jbox-container .fade-in{animation-name:fadeIn;animation-duration:0s}
	.jbox-img{cursor:pointer}
	.jbox-container{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.75);display:none;color:#fff;z-index:12}
	.jbox-container .img-alt-text{position:fixed;font-family:'Open Sans',sans-serif;text-shadow:0 0 10px rgba(0,0,0,.5);bottom:0;left:0;padding:15px;width:100%;text-align:center}
	@media screen and (min-width:768px){.jbox-container .img-alt-text{text-align:left;top:0}}
	@media screen and (min-width:992px){.jbox-container .img-alt-text{padding:100px; font-size:12pt; text-align:center;}}
	.jbox-container img{position:fixed;top:50%;left:50%;-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);width:auto;max-height:100%;max-width:100%;border:2px solid #fff;z-index:11;box-shadow:5px 5px 50px rgba(0,0,0,.5)}
	.jbox-container svg{position:fixed;top:50%;-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:12;height:20px;width:20px;cursor:pointer;fill:#fff;-moz-transition:all 150ms ease-in-out;-o-transition:all 150ms ease-in-out;-webkit-transition:all 150ms ease-in-out;transition:all 150ms ease-in-out}
	.jbox-container .jbox-next{right:10px}
	.jbox-container .jbox-prev{left:10px}
	@media screen and (min-width:768px){
		.jbox-container img{max-height:85%;max-width:85%}
		.jbox-container svg:hover{-moz-transform:translateY(-50%) scale(1.5);-ms-transform:translateY(-50%) scale(1.5);-o-transform:translateY(-50%) scale(1.5);-webkit-transform:translateY(-50%) scale(1.5);transform:translateY(-50%) scale(1.5)}
		.jbox-container svg{font-size:65px;height:50px;width:50px}
		.jbox-container .jbox-next{right:25px}
		.jbox-container .jbox-prev{left:25px}}
		.jbox-container .jbox-close{top:25px;right:25px;height:15px;width:15px;transform:translateY(0)}
		@media screen and (min-width:768px){.jbox-container .jbox-close{top:50px;right:50px;height:25px;width:25px}}


/*=============== SCROLLBAR===================*/

.scrollbar{

}

#ex3::-webkit-scrollbar{
width:8px;
background-color:#cccccc;
} 
#ex3::-webkit-scrollbar-thumb{
background-color:#424242;
border-radius:0px;
}
#ex3::-webkit-scrollbar-thumb:hover{
	width:10px;
background-color:#8A8787;
/*border:1px solid #333333;*/
}
#ex3::-webkit-scrollbar-thumb:active{
background-color:#8A8787;

} 
#ex3::-webkit-scrollbar-track{

border-radius:0px;
} 

/*=============== SLIDER ===================*/

ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.bjqs-slide{position:absolute; display:none;}
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}
ul.bjqs-controls.v-centered li a{position:absolute;}
ul.bjqs-controls.v-centered li.bjqs-next a{right:0; display:none;}
ul.bjqs-controls.v-centered li.bjqs-prev a{left:0;display:none;}
ol.bjqs-markers{list-style: none; padding: 0; margin: 0; width:100%;}
ol.bjqs-markers.h-centered{text-align: center;     display: none;}
ol.bjqs-markers li{display:inline;}
ol.bjqs-markers li a{display:inline-block;}
p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}

/*===================== MODAL ======================
.overlay {
  visibility: hidden;
  opacity: 0;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 10;
  max-width: 600px;
  max-height: 500px;
  overflow: auto;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.85);
  cursor: pointer;

  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}

.overlay .modal {
  cursor: auto;
  position: absolute;
  z-index: 11;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  max-width: 500px;
  max-height: 300px;
  padding: 20px;
  background-color: rgb(255,255,255);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.overlay.shown {
  opacity: 1;
}*/