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


/* Padding below the footer and lighter body text */

body {
  padding-bottom: 40px;
  color: #5a5a5a;

}

@media (max-width: 1000px) {
.monitores{
	display:none;
	}
.dispositivos{
	display:inline;
	}
 }

@media (min-width: 999px) {
.monitores{
	display:inline;
	}
.dispositivos{
	display:none;
	}

 }





/*  THE NAVBAR
-------------------------------------------------- */
.navbar{
	margin-bottom: 0px;
	border: 0px solid transparent;
	}


/* PANTALLA  */
.navbar-brand{float:left;height:118px;padding:0px 0px;font-size:0px;line-height:0px}

.navbar-default .navbar-nav > li > a {
    color: #87a8a9;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 18px;
    /*font-weight:bold;*/
}

.navbar-default{
	background-color:#FFF;
	}

.dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #FFF;
    white-space: nowrap;
	background-image:url(../../imagenes/fondo_menu3.png);
}

.dropdown-menu > li {
   
	background-image:url(../../imagenes/fondo_menu3.png);
	color:#FFFFFF;
	text-align:center;
}

.nav {
    position: relative;  
   padding: 68px 0 0 0;
   /* display: block;
    padding: 75px 15px  10px 20px;*/
}

.nav > li > a:hover {
    display: block;
    background-image:url(../../imagenes/fondo_menu1.png);
	color:#FFF;
}
 
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    color: #fff;
     background-image:url(../../imagenes/fondo_menu1.png);
}

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 20;
}

/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper > .container {
  padding-right: 0;
  padding-left: 0;
}
.navbar-wrapper .navbar {
  padding-right: 15px;
  padding-left: 15px;
}
.navbar-wrapper .navbar .container {
  width: auto;
}

.banderas_idiomas{
	position: absolute;
    right: 25px;
    top: 15px;
    z-index: 50;
	text-decoration:none;
}

.banderas_idiomas a{
 color:#999;
 /*font-weight:bold;*/
 padding-left:14px;
 font-size:1em;
}

.banderas_idiomas a:hover{
 color:#666;
 text-decoration:none;
}



.banderas_idiomas img{
	height:30px;
	width:30px;
	margin:2px;
}


@media (max-width: 768px) {
  /* POSICIÓN BANDERAS */
.banderas_idiomas{
	position: absolute;
    right: 20px;
    top: 50px;
    z-index: 50;
}
 }

@media (max-width: 550px) {
  /* POSICIÓN BANDERAS */
.banderas_idiomas{
	position: absolute;
	width:70px;
    right: 3px;
    top: 40px;
    z-index: 50;
	line-height:1.3em;
}

.banderas_idiomas img{
	height:25px;
	width:25px;
	margin:5px;
	float:right;
}

.banderas_idiomas a{
 color:#999;
/* font-weight:bold;*/
 padding-left:14px;
 font-size:0.8em;
}

.banderas_idiomas a:hover{
 color:#666;
 text-decoration:none;
}
}


/* Declare heights because of positioning of img element */
.carousel .item {
  min-width: 100%;
  padding-bottom:41%;
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: auto;
}
/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 20px;
  text-align: center;
}
.marketing h2 {
  font-weight: normal;
}
.marketing .col-lg-4 p {
  margin-right: 10px;
  margin-left: 10px;
}

.lead{
margin-bottom:20px;
font-size:1.3em !important;
font-weight:300;
line-height:1.4; 
color:#5d9395;
text-align:justify;
}



@media (min-width:768px){.lead{font-size:21px; color:#5d9395}}

/* Featurettes
------------------------- */

.featurette-divider {
  margin: 70px 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px;
  color:#4f8385;
}


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 768px) {
  /* Navbar positioning foo */
  .navbar-wrapper {
    margin-top: 20px;
  }
  .navbar-wrapper .container {
    padding-right: 15px;
    padding-left: 15px;
  }
  .navbar-wrapper .navbar {
    padding-right: 0;
    padding-left: 0;
  }

  /* The navbar becomes detached from the top, so we round the corners */
  .navbar-wrapper .navbar {
    border-radius: 4px;
  }

  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 10px;
    font-size: 21px;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 992px) {
  .featurette-heading {
    margin-top: 120px;
  }
    .featurette-heading-top {
    margin-top: 0px;
  }
}

 /* ESPACIOS H1 DISPOSITIVOS */
.h1_dispositivos{
	
	}





 /* ESTILOS DE TEXTO ESPECÍFICOS */
	.texto-negro {
		color:#000;
		}
	.texto-verde {
		color:#aac254;
		}
	.texto-azul {
		color:#2e728d;
		}
	.texto_blanco {
		color:#FFF;
		}
	.texto_rojo {
		color:#FF0004;
		}
	.texto_centrado{
		text-align:center;
		}
		
		
	.texto_interlineado1{
		line-height: 170%;
		}	
		
	.texto_bold{
		font-weight:bolder;
		}
		
	.p_menor{
		font-size:19px;
				}


	.texto_bibliografia{
		font-weight:lighter;
		font-style:italic;
		font-size:0.7em;
		line-height:1px !important;
		}

	.texto_bibliografia2{
		font-weight:lighter;
		font-style:italic;
		font-size:0.7em;		
		}

	.texto_introduccion{
	font-style:italic;
	font-size:1.2em !important;
	font-weight:bolder;
	line-height:1.5em !important;
	}
	
h3{
	padding:15px 0 15px 0;
	font-size:24px;
	}
	
h4{
font-size:1.3em !important;
}

.caracteristicas{
padding:10px 0 15px 0;	
margin-bottom:20px;
font-size:1.3em !important;
font-weight:300;
line-height:1.4; 
color:#117ca2;
text-align:justify;
line-height:1.8em;
list-style-position: inside;
	}
	
.caracteristicas span{
color:#000000;
}

.sub_caracteristicas{
	padding-left:50px;
	}
	
.input_ponto{
	display:inline-block !important;
	width:80%;
	text-align:center;
	}


p{
	padding:10px 0 15px 0;			
	}
	
	
	.ligas_footer{
		color:#999;
		}
		
	.ligas_footer:hover{
		color:#fff;
		text-decoration:none; 
		}

	.header_mio{
		padding:0px;
		}	  
		

ul.caracteristicas {

list-style-position: outside;
}

		
		
 /* ESTILOS DE FONDO ESPECÍFICO */
  .fondo-degradado {
    background-image: url(../../imagenes/DEGRADADO2.png);
	  }
	  
.fondo_verde {
   background-color:#a0c448;
	  }
	  
.fondo_gris {
   background-color:#c5c5c5;
	  }

.fondo_blanco {
   background-color:#fff;
	  }
	   
	 
	 
.fondo_azul {
     background-color:#09a8df;
	 	  }
	  
	  
	
	 /* ESTILOS DE CAJAS ESPECÍFICO */
	 .div_absoluto{
		 position:relative;
		 }
	.mi_footer{
		background-color:#333;
		height:80px;
		padding-top:15px;
		}
		
		 /* ESPACIOS */

.br_chico{
	margin-top:10px;
	display:block
	}
	
.br_medio{
	margin-top:20px;
	display:block
	}

.br_alto{
	margin-top:30px;
	display:block
	}	
    
	
.margen_products_services{
	margin-top:25%;
	}
	
	 /* ESPACIOS */
	 
	.bt_especifico{
		
		}
	.borde_sencillo{
		border: medium #CCC; 
		border-bottom:solid #CCC;
 		}
	  
	.margen_columnas{
		margin:0 15% 0 15%;
		}
		
		
		@media (max-width:768px){
		.margen_columnas{
		margin:0 10% 0 10%;
		}
		}

		
		
		
		 /* ALINEACIONES */
	.derecha{
 		float:right;
		}
		 
	.izquierda{
		float:left;
		}
		 
		 /* ESTILO IMAGENES  */
.estilo_imagen_products_derecha{
	float:right;
	margin:0 0 0 0;
	width:100%;
	height:100%;
	
	}
	
.estilo_imagen_products_izquierda{
	float:left;
	margin:0 0 0 0;
	width:100%;
	height:100%;
	}
	
/*@media (max-width:768px){.estilo_imagen_products_derecha{
		 display: block;
    margin-right: auto;
    margin-left: auto;
	}
	
.estilo_imagen_products_izquierda{
		 display: block;
    margin-right: auto;
    margin-left: auto;
	}}
@media (max-width: 480px) { .estilo_imagen_products_derecha{
	 display: block;
    margin-right: auto;
    margin-left: auto;

	}
	
.estilo_imagen_products_izquierda{
	 display: block;
    margin-right: auto;
    margin-left: auto;
	}}
	*/
	
	
	/*.carousel-indicators*/
	
	/*.carousel-indicators li {
  background-color: #0F7BA2;
  border:none;
}
.carousel-indicators .active {
  background-color: #84C443;
  border:none;
}*/


/*IMÁGENES ESPECÍFICAS*/

	.img_values{
		 width:140px;
		 height:137px;
		}
		
	.img_logo_values{
		width:80%;
		height:auto;
		}
		
		
/*TRICKS*/

.sin_bordes{
	padding:0;
	border:0;	
	}


/*MENÚ PRODUCTOS
MENÚ PRODUCTOS
MENÚ PRODUCTOS
MENÚ PRODUCTOS*/

.menu_productos{
    border:1px solid #FFF;
    border-width:1px 0;
    list-style:none;
    margin:0;
    padding:0;
    text-align:center;
}

.menu_productos li{
    display:inline;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:1.8em;
	
}
.menu_productos a{
    display:inline-block;
    padding:15px;
	color:#FFF
}


		
.menu_productos2{
    border:1px solid #519ebb;
    border-width:1px 0;
    list-style:none;
    margin:0;
    padding:0;
    text-align:center;
}

.menu_productos2 li{
    display:inline;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:24px;
	
}
.menu_productos2 a{
    display:inline-block;
    padding:12px;
	color:#519ebb
}

.menu_productos2 a:hover{
text-decoration:none;
 color:#23718e;
 font-size:25px;
}