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

#contact-form input {font-size:16px;}
ul.nav.navbar-nav.navbar-right {padding-top:10px;}
/* width centrar recaptcha */
@media screen and (max-height: 575px){
#rc-imageselect, .g-recaptcha {transform:scale(0.89);-webkit-transform:scale(0.89);transform-origin:0 0;-webkit-transform-origin:0 0;}
}
.g-recaptcha > div{
 margin 10px auto !important;
 text-align: center;
 width: auto !important;
 height: auto !important;
}

label {text-align:left;}

/* recaptcha width */

/* Custom, iPhone Retina */ 

    @media only screen and (min-width : 320px) {
.asideitem {width:100%; padding:50px 0 50px 0; font-family:nexa-bold, Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; color:white; text-align:center; text-transform:uppercase; font-size:36px; margin-bottom:10px; -webkit-transition:opacity 1s; -webkit-border-radius:8px; -moz-border-radius:8x; border-radius:8px;}
.asideitem:hover {opacity:.8; color:#07396E }
.material {background:url(../img/material.jpg) center center no-repeat; background-size:cover}
.reactivos {background:url(../img/reactivos.jpg) center center no-repeat; background-size:cover}
.equipo {background:url(../img/equipo.jpg) center center no-repeat; background-size:cover}
.pbloque {height:80px; display:block}
.item-marca {
	border: 2px solid whitesmoke;
	border-radius: 8px;
	min-height: 30px;
	margin-bottom:20px;
}

.grayscale {-webkit-filter:grayscale(100%); filter:grayscale(100%); -webkit-transition:grayscale 20s;}
.grayscale:hover {-webkit-filter:grayscale(0%); filter:grayscale(0%);}

#logo {
	background:url(../img/isotipo-pica-blanco.svg) no-repeat;
	width:100px;
	height:30px;
	margin-top:9px;
	margin-left:20px;
	float:left;
	background-size:cover;
}  

div.jumbotron.heroe {padding-top: 0;}
.heroe {
	background:url(../img/aereo-vertical3.jpg) center top no-repeat;
	background-size:cover; 
	height:1400px;
}

.navbar-header {
	height:50px;
	background:#039;
}

.socio-laboratorio {
	background:url(../img/logo-PICA-tu-socio-en-el-laboratorio.svg) no-repeat;
	height:50px;
}

.bottom-spacer {margin-bottom:20px;}
.bottom-spacer2x {margin-bottom:40px;}
.bottom-spacer3x {margin-bottom:60px;}

.contenedor-griton {
	background:url(../img/lineas-vertical.png) no-repeat; 
	height:200px; 
	width:260px; 
	margin:150px auto 120px;
	text-align:center;

	
}

.griton {
	background-color: rgba(0,204,153,90); 
	height:140px; 
	width:100%; 
	margin-top:60px; 
	display:inline-block;
	border-radius:5PX;
	-webkit-border-radius:5px;-webkit-backdrop-filter: blur(10px) rgb(0,153,153);
		
		
}

.griton h1{line-height:28px; margin-top:8px; margin-bottom:8px;}
.griton h3{line-height:20px; margin-top:8px; margin-bottom:8px; font-size:16px;}
.griton h4{line-height:16px; margin-top:8px; margin-bottom:8px; font-size:12px;}

.sin-margen-inferior {
	margin-bottom:0;
}
.sin-margen-superior {
	margin-top:0;
}

span.icon-bar {background:rgb(0,204,153); height:10px;}
button.navbar-toggle {margin-top:6px;}
ul.nav.navbar-nav.navbar-right {background:#039; height:220px; opacity:.9; text-align:center; border-radius:10px;}

.seccion-seguridad {background:url(../img/capsulas-md.jpg) right bottom no-repeat; height: 950px; text-align: center; padding: 50px 0;}
.seccion-contacto {background:url(../img/) right bottom no-repeat; text-align: center; padding: 50px 10px;}
.seccion-marcas {height: auto; text-align: center; padding: 50px 0;}
.seccion-footer .row {margin-top: 30px; margin-bottom: 60px;}
.seccion-footer ul li {text-decoration: none; list-style: none; list-style-image: none;}
.seccion-footer ul {margin-left: 0; padding-left:0;}
.gradiente-azul {background:url(../img/gradiente.png) repeat-x;}
.seccion-footer, .seccion-footer h6 {color:#07396E;}
.seccion-footer li:before {    
font-family: 'FontAwesome';
content: '\f0a9';
margin:0 10px 0 0px;
color: #0092D1;
}

.seccion-footer li>a:link {color:#0092D1; font-family:nexa-bold; line-height:1.7em;}

    
    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) {
ul.nav.navbar-nav.navbar-right {background:#039; height:220px; opacity:.9; text-align:center; border-radius:10px;}
.pbloque {height:70px; display:block}
.asideitem {width:100%; padding:100px 0 100px 0; font-family:nexa-bold, Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; color:white; text-align:center; text-transform:uppercase; font-size:36px; margin-bottom:10px; -webkit-transition:opacity 1s;}
.asideitem:hover {opacity:.8; color:#07396E }

.heroe {
	background:url(../img/aereo-vertical3.jpg) center top no-repeat;
	background-size:cover; 
	height:800px;
}

    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 767px) {
ul.nav.navbar-nav.navbar-right {background:#039; height:220px; opacity:.9; text-align:center; border-radius:10px;}

.heroe {
	background:url(../img/aereo-vertical3.jpg) center top no-repeat;
	background-size:cover; 
	height:770px;
}

    }




    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {
    	ul.nav.navbar-nav.navbar-right {background:transparent; opacity:.8; text-align:center; }
#logo {
	background:url(../img/logo-pica-horizontal.svg) no-repeat;
	width:100px;
	height:40px;
	margin-top:20px;
	margin-left:10px;
	float:left;
	background-size:cover;
}

.navbar-header {
	height:80px;
	background:transparent;
}

.contenedor-griton {
	background:url(../img/lineas.png) no-repeat center center; 
	height:300px; 
	width:700px; 
	margin:400px auto 120px;; 
	text-align:center;
	
}

.griton {
	background-color: rgba(0,204,153,90); 
	height:150px; 
	width:100%; 
	margin-top:80px; 
	display:inline-block;
	border-radius:5PX;
	-webkit-border-radius:5px;-webkit-backdrop-filter: blur(10px) rgb(0,153,153)	
}

.griton h1{line-height:36px; margin-top:12px; margin-bottom:12px;}
.griton h3{line-height:30px; margin-top:8px; margin-bottom:8px; font-size:22px;}
.griton h4{line-height:24px; margin-top:8px; margin-bottom:8px; font-size:18px;}

.heroe {
	background:url(../img/aereo-vertical4.jpg) center top no-repeat;
	background-size:cover; 
	height:1250px;
}

.seccion-seguridad {background:url(../img/capsulas-md.jpg) right bottom no-repeat; height: 950px; text-align: center; padding: 50px 60px;}

.seccion-marcas {height: auto; text-align: center; padding: 50px 0px;}


    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {
.pbloque {height:90px; display:block}

.heroe {
	background:url(../img/aereo-vertical4.jpg) center top no-repeat;
	background-size:cover; 
	height:1250px;
}
.seccion-seguridad {background:url(../img/capsulas.jpg) right bottom no-repeat; height: 800px; text-align: center; padding: 50px;}
    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {
.pbloque {height:70px; display:block}
#fondo {
	background:url(../img/aereo.jpg)
}
#logo {
	background:url(../img/logo-pica-horizontal.svg) no-repeat;
	width:200px;
	height:80px;
	margin-top:20px;
	margin-left:10px;
	float:left;
	background-size:cover;
}

.socio-laboratorio {
	background:url(../img/logo-PICA-tu-socio-en-el-laboratorio.svg) no-repeat;
	height:50px;
}

.bottom-spacer {margin-bottom:20px;}

.heroe {
	background:url(../img/aereo.jpg) top center; 
	height:1280px;
}

.contenedor-griton {
	background:url(../img/lineas.png) no-repeat center center; 
	height:350px; 
	width:690px; 
	margin:400px auto 120px; 
	text-align:center;
	
}

.griton {
	background-color: rgba(0,204,153,90); 
	height:155px; 
	width:100%; 
	margin-top:110px; 
	display:inline-block;
	border-radius:5PX;
	-webkit-border-radius:5px;-webkit-backdrop-filter: blur(10px) rgb(0,153,153);
		
		
}

.sin-margen-inferior {
	margin-bottom:0;
}
.sin-margen-superior {
	margin-top:0;
}








ul.navbar-nav {margin-top:15px;}

.navbar-pica{
	background:url(../img/gradiente.png) repeat-x;
	line-height:80px;
	font-size:17px;
    /*background-color: #f8f8f8;
    border-color: #e7e7e7*/
}

    }