@charset "UTF-8";
/* CSS document */
/* Descripcion: estilo para Vedilab
Autor: Omar De Luna
actualización: julio 2018 */



img{border:0; margin: 0; padding: 0;}

* { margin: 0; padding: 0; font-family: 'Roboto Condensed', Helvetica, Arial sans-serif; }

a, input{
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	}

body{
	background: #999;
}


main {
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
	background: #fff;
	position: relative;
	}

header{
	width: 93%;
	padding: 20px 5% 20px 2%;
	position: absolute;
	z-index: 9999;
	top: 0;
}


nav{
	float: right;
	margin-top: 20px;
	margin-right: -5%;
}

nav ul li{
	display: inline-block;
	margin-right: 5px;
}

nav ul li a{
	color: #0071bc;
	font-size: 13px;
	font-weight: 300;
	letter-spacing: 1px;
	line-height: 43px;
	display: block;
	text-decoration: none;
	padding: 0 7px;
}



nav ul li:nth-child(11){
	background: #0071bc;
	padding: 0 5px 0 5px;
	margin-left: 0;
	margin-right: -8px;
}

nav ul li:nth-child(11) a{
	color: #fff;
	background: none;
}

nav ul li:nth-child(11) a:hover, nav ul li:nth-child(12) a:hover{
	background: none;
}


nav ul li a:hover{
	color: #fff;
	background: #ff6037;
}

nav ul li a.active{
	color: #fff;
	background: #ff6037;
}


nav ul li a#menuiphone{
		display: none;
	}


nav img{
	margin-bottom: -7px;
}


nav ul li:hover ul{
	display:block;
}

nav ul li ul{
	background: #e75d3b;
	position: absolute;
	padding: 0;
	display: none;
	z-index: 999999;
}

nav ul li ul li{
	display: block;
	margin-right: 0;
}

nav ul li ul li a{
	color: #fff;
	padding-right: 40px;
}



#logo{
	float: left;
}

#logo img.logo2{
	margin-left: 30px;
}

#logo img.logo3{
	margin-left: 30px;
}


#welcome{
	width: 90%;
	padding: 100px 5%;
	text-align: center;
}

#welcome p{
	width: 50%;
	margin: 0 auto;
}

#welcome.home p{
	width: 100%;
	margin: 0 auto;
}

#welcome.home{
	position: absolute;
	z-index: 100;
	width: 40%;
	bottom: 130px;
	margin-left: 5%;
	padding: 30px 3%;
	background: rgba(255,255,255,0.8);
	text-align: left;
}

#welcome.home p{
	font-size: 22px;
	line-height: 28px;
}

#slide{
	position: relative;
}


#services{
	background:#f2f2f2;
	width: 90%;
	padding: 100px 5% 0 5%;
}

#card{
	background: #fff;
	width: 30%;
	margin: 0 1%;
	float: left;
	text-align: center;
	border-radius: 20px;
	margin-bottom: 100px;
	overflow: hidden;
}

#pad{
	padding: 40px;
}

img.flecha1{
	transform: rotate(90deg);
}

#bot{
	background: #f2f2f2;
	text-align: left;
	height: 215px;
}

#bot li{
	background: url(images/flecha-17.svg) no-repeat top left;
	background-size: 20px;
	padding-left: 30px;
}

#card p.long{
	height: 80px;
}

#azul{
	background: #0071bc;
	width: 90%;
	padding: 300px 5% 100px 5%;
	margin-top: -315px;
	text-align: center;
}

#azul p{
	color: #fff;
	width: 50%;
	margin: 0 auto;
}


#accesos{
	width: 90%;
	padding: 100px 5%;
}

#columnaMitad{
	width: 46%;
	margin:0 2%;
	float: left;
	text-align: center;
	margin-bottom: 60px;
}

footer{
	background: #ff6037;
	width: 90%;
	padding: 30px 5%;
	text-align: center;
}

footer a{
	color: #fff;
	font-size: 25px;
	margin-right: 5%;
}

footer a:hover{
	color: #0071bc;
}

footer a img{
	margin-bottom: -40px;
}

p.botom{
	display: block;
	background: #db5837;
	padding: 15px 0;
	color: #fff;
	text-align: center;
}


h1{
	font-size: 40px;
	line-height: 50px;
	color: #ff6037;
	font-weight: 400;
	text-align: center;
}


h2{
	font-size: 24px;
	line-height: 26px;
	color: #0071bc;
	font-weight: 400;
	text-align: center;
	margin-bottom: 20px;
}



p{
	font-size: 16px;
	line-height: 22px;
	color: #666;
}

a{
	font-size: 16px;
	line-height: 22px;
	color: #666;
	text-decoration: none;
	margin: 0;
}

a:hover{
	color: #ff6037;
}



.cleare{
	display: block;
	clear: both;
}


#accesos #columnaMitad{
	width: 29%;
	margin:0 2%;
	float: left;
	text-align: center;
	margin-bottom: 60px;
}

img.neuro{
	width: 140px;
}


/*–––––––––––––––––––––––––––––––––noticias––––––––––––––––––––––––––*/

a.mas{
	background: #ff6037;
	padding: 10px 15px;
	color: #fff;
	margin-bottom: 40px;
}

#columnaMitad.noticia{
	text-align: left;
	margin-bottom: 80px;
}

#columnaMitad.noticia h2, #detalle h2{
	text-align: left;
}

#columnaMitad.noticia img{
	width: 100%;
}


#detalle{
	width: 90%;
	padding: 80px 5% 80px 5%;
	text-align: left;
}



/*–––––––––––––––––––––––––––––––––contacto––––––––––––––––––––––––––*/


#contacto{
	width: 60%;
	padding: 50px 20%;
}

.campo{
	width: 90%;
	padding: 10px 5%;
	outline: none;
	border: 0;
	background: #f2f2f2;
	color: #333;
	line-height: 35px;
	margin-bottom: 20px;
	text-align: center;
	border-radius: 10px;
	font-size: 14px;
}


.campo:focus{
	background: #0d65a6;
	color: white;
}

.campo2{
	width: 100%;
	background: #0a9246;
	border: 0;
	line-height: 40px;
	color: #fff;
	cursor: pointer;
}

.campo3{
	width: 100%;
	background: #ff6037;
	padding: 15px 0;
	border: 0;
	color: #fff;
}


#azul2{
	background: #0071bc;
	width: 90%;
	padding: 300px 5% 20px 5%;
	margin-top: -175px;
	text-align: center;
}



/*–––––––––––––––––––––––––––––––––tienda––––––––––––––––––––––––––*/


#tienda{
	width: 90%;
	padding:200px 5% 80px 5%;
}

#producto h1, #producto h2{
	text-align: left;
	font-size: 20px;
	line-height: 30px;
}

#producto{
	/*width: 20%;
	margin: 0 2% 50px 2%;*/
	width:18%;
	margin:0 1% 50px 1%;
	display: inline-table;
}



/*–––––––––––––––––––––––––––––––––tienda detalle––––––––––––––––––––––––––*/



#tienda #columnaMitad h2, #tienda #columnaMitad p, #tienda #columnaMitad h1, #tienda #columnaMitad{
	text-align: left;
}

#tienda #columnaMitad{
	margin-top: 50px;
}

#galeria img{
	width: 29%;
	margin-right: 2%;
	margin-top: 20px;
	border: 2px solid #f2f2f2;
}

#tienda #columnaMitad:nth-last-child(3){
	width: 38%;
}

#tienda #columnaMitad:nth-last-child(2){
	padding-top: 40px;
	width: 54%;
}


/*–––––––––––––––––––––––––––––––––––––*/



#lista{
	width: 100%;
	margin-bottom: 40px;
	border: 2px solid #f2f2f2;
}

#lista #pad{
	padding: 20px;
}

#lista h2, #lista p, #lista a{
	line-height: 50px;
	font-size: 22px;
}

#lista a{
	background: #f2f2f2;
	padding: 10px;
	margin: 0 5px;
}

#lista img{
	margin-bottom: -35px;
}

#lista #pad section{
	display: inline-table;
	margin-right: 1%;
}

#foto-lista{
	width: 10%;
}

#nombre-lista{
	width: 35%;
}

#cantidad-lista, #subtotal-lista, #precio-lista{
	width: 12%;
	text-align: center;
}

#eliminar-lista{
	width: 10%;
	text-align: right;
}


#columnaMitad #nombre-lista{
	width: 60%;
}



/*–––––––––––––––––––––––––––––––––metacheck––––––––––––––––––––––––––*/

#services.gris{
	background: #f2f2f2;
}


#services li{
	background: url(images/flecha-17.svg) no-repeat top left;
	background-size: 20px;
	padding-left: 30px;
	text-align: left;
	margin-bottom: 15px;
}


#azul2{
	background: #0071bc;
	width: 90%;
	padding: 180px 5% 100px 5%;
	margin-top: -140px;
	text-align: center;
}


#pasos{
	float:left;
	text-align: center;
	background: #fff;
	border-radius: 20px;
	width: 30%;
	margin-bottom: 20px;
	height: 250px;
}

#proceso{
	width: 90%;
	padding:20px 5% 0px 5%;
}

#proceso img.prosc{
	float: left;
	margin: 0 1%;
	margin-top: 100px;
}


#experiencias{
	margin-top: 60px;
}



/*–––––––––––––––––––––––––––––––––MC proceso––––––––––––––––––––––––––*/


#azul3{
	background: #0071bc;
	width: 90%;
	padding: 100px 5% 100px 5%;
	text-align: center;
}

#azul3 p{
	color: #fff;
}

#azul3 li{
	color: #fff;
	background-size: 20px;
	padding-left: 30px;
	margin-bottom: 15px;
}

#azul3 li img{
	margin-bottom: -3px;
}

iframe{
	margin-bottom: 40px;
}



/*–––––––––––––––––––––––––––––––––MC meta-tipo––––––––––––––––––––––––––*/


#azul3 #columnaMitad{
	text-align: left;
	margin-bottom: 10px;
}

#meta{
	float: left;
	width: 20%;
}


#metaT{
	float: left;
	width: 75%;
	margin-left: 5%;
	padding-top: 15px;
}

#metaT p{
	color: #fff;
}

#metaT p span{
	color: #ff6037;
}


#gris{
	background: #f2f2f2;
	width: 90%;
	padding: 100px 5% 100px 5%;
	text-align: center;
}

#gris #columnaMitad{
	text-align: left;
	margin-bottom: 10px;
}

#gris #metaT p{
	color: #666;
}

img.tabla{
	margin-bottom: 60px;
	margin-top: -155px;
	width: 70%;
}

img.graf{
	width: 30%;
	margin: 50px 1%;
}




/*–––––––––––––––––––––––––––––––––antecedentes––––––––––––––––––––––––––*/



#antecedentes{
	width: 80%;
	padding: 100px 10% 100px 10%;
}

#antecedentesT{
	width: 75%;
	margin-left: 5%;
	float: right;
}

#antecedentesG{
	width: 20%;
	float: left;
}



/*–––––––––––––––––––––––––––––––––neurospot––––––––––––––––––––––––––*/


#servicesNeuro{
	background:#f2f2f2;
	width: 90%;
	padding: 100px 5% 70px 5%;
}


#azulNeuro{
	background: #0071bc;
	width: 90%;
	padding: 100px 5% 100px 5%;
	text-align: center;
}

#azulNeuro h2{
	color: white;
}



a#realizartest{
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
  background: #ff6037;
  padding: 10px 20px;
  width: auto;
  color: #fff;
  font-size: 14px;
  line-height: 22px;
  text-decoration: none;
  display: block;
  position: fixed;
  right: -54px;
  bottom: 0;
  top: 0;
  margin: auto;
  z-index: 9999;
  height: 26px;
  transform: rotate(-90deg);
  transition-duration:0.3s;
  -moz-transition-duration:0.3s;
  -webkit-transition-duration:0.3s;
  -ms-transition-duration:0.3s;
  -o-transition-duration:0.3s;
  border-radius: 15px 15px 0 0;
}

a#realizartest:hover{
  background: #0071bc;
}


a#realizartest.meta{
	right: -61px;
}

/*NUEVOS ESTILOS*/
#subtitulo{
	width:100%;
	padding:5px 0;
	text-align:center;
	font-size:13px;
	background:#0071bc;
	color:#FFF;
}
#informacion_direccion{
	width:80%;
	padding:20px 10%;
	text-align:left;
	font-size:14px;
	background:rgba(204,204,204,0.2);
	color:#333;
}
.btn_anaranjado{
	padding:10px 20px;
	text-align:center;
	color:#FFF;
	background:#ff6037;
	font-size:13px;
}
.btn_anaranjado_2{
	text-align:center;
	color:#0071bc;
	font-size:13px;
}
.folio{
	padding:5px 10px;
	text-align:center;
	color:#FFF;
	background:#0071bc;
}
#separador{
	width:100%;
	padding:5px 0;
	border-bottom:solid 1px rgba(0,153,204,0.3);
}
#salir{
	width:auto;
	position:absolute;
	top:0;
	right:0;
	text-align:right;
	padding:5px 15px;
	background:rgba(204,0,0,0.9);
	z-index:300000;
}
#salir a{
	font-size:12px;
	color:#FFF;
	text-decoration:none;
}

@media only screen and (min-width:0px) and (max-width:767px){


header{
	width: 100%;
	padding: 20px 0 0 0;
	position: relative;
}

#logo{
	float: none;
	width: 100%;
	text-align: center;
}

#logo img{
	width: 120px;
}

nav{
	margin-top: 20px;
	margin-right: 0%;
	float: none;
	overflow: hidden;
	height: 45px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

nav.active{
	height: 580px;
}

nav ul li{
	margin-right: 0px;
	display: block;
}

nav ul li a{
	font-size: 14px;
	font-weight: 300;
	line-height: 40px;
	padding: 0;
	text-align: center;
	display: block;
	width: 100%;
}



nav ul li:nth-child(11){
	background: #0071bc;
	padding: 0 15px 0 5px;
	margin-left: 0;
	margin-right: -4px;
}

nav ul li:nth-child(11) a{
	color: #fff;
	background: none;
}


nav ul li a#menuiphone{
		display: block;
	}


nav img{
	margin-bottom: -7px;
}


nav ul li:hover ul{
	display:block;
}

nav ul li ul{
	position: relative;
	padding: 0;
	display: block;
}

nav ul li ul li{
	display: block;
	margin-right: 0;
	background: #f2f2f2;
}

nav ul li ul li a{
	padding-right: 40px;
	color: #999;
}



#welcome{
	width: 90%;
	padding: 70px 5%;
	margin-top: 20px;
}

#welcome p{
	width: 90%;
}

#welcome.home{
	z-index: 1000;
	width: 70%;
	bottom: -10px;
}



#services{
	width: 90%;
	padding: 50px 5% 0 5%;
	background: #0071bc;
}

#card{
	width: 100%;
	margin: 0 0%;
	border-radius: 20px;
	margin-bottom: 20px;
}

#pad{
	padding: 30px;
}


#bot{
	height: auto;
}

#bot li{
	background-size: 20px;
	padding-left: 30px;
}

#card p.long{
	height: auto;
}

#azul{
	width: 90%;
	padding: 20px 5% 50px 5%;
	margin-top: 0px;
}

#azul p{
	width: 90%;
}

#azul img{
	width: 120px;
}


#accesos{
	width: 90%;
	padding: 50px 5%;
}

#accesos img{
	width: 200px;
}

#columnaMitad{
	width: 100%;
	margin:0 0%;
	margin-bottom: 30px;
}

footer{
	width: 90%;
	padding: 30px 5%;
}

footer a{
	font-size: 18px;
	margin-right: 0%;
	display: block;
	margin-bottom: 20px;
}

footer a img{
	width: 50px;
	margin-bottom: -20px;
}

p.botom{
	padding: 15px 0;
}


h1{
	font-size: 30px;
	line-height: 50px;
}


h2{
	font-size: 20px;
	line-height: 22px;
	margin-bottom: 20px;
}


#welcome.home p{
	font-size: 13px;
	line-height: 19px;
}



p{
	font-size: 13px;
	line-height: 19px;
}

a{
	font-size: 13px;
	line-height: 19px;
}


#accesos #columnaMitad{
	width: 100%;
	margin:0 0%;
	margin-bottom: 60px;
}

#accesos img.neuro{
	width: 105px;
}


/*–––––––––––––––––––––––––––––––––noticias––––––––––––––––––––––––––*/



#detalle{
	width: 90%;
	padding: 20px 5% 50px 5%;
	text-align: left;
}


/*–––––––––––––––––––––––––––––––––contacto––––––––––––––––––––––––––*/


#contacto{
	width: 90%;
	padding: 50px 5%;
}


/*–––––––––––––––––––––––––––––––––tienda––––––––––––––––––––––––––*/


#tienda{
	padding:20px 5% 80px 5%;
}


#producto h1, #producto h2{
	font-size: 14px;
	line-height: 20px;
}

#producto{
	width: 45%;
	margin: 0 2% 50px 2%;
}


/*–––––––––––––––––––––––––––––––––tienda detalle––––––––––––––––––––––––––*/



#tienda #columnaMitad{
	margin-top: 0px;
}

#galeria img{
	width: 29%;
	margin-right: 2%;
	margin-top: 20px;
	border: 2px solid #f2f2f2;
}

#tienda #columnaMitad:nth-last-child(3){
	width: 80%;
	padding: 0 10%;
}

#tienda #columnaMitad:nth-last-child(2){
	padding-top: 20px;
	width: 100%;
}



/*–––––––––––––––––––––––––––––––––––––*/



#lista{
	width: 100%;
	margin-bottom: 20px;
}

#lista #pad{
	padding: 20px;
}

#lista h2, #lista p, #lista a{
	line-height: 25px;
	font-size: 14px;
}

#lista a{
	padding: 5px;
	margin: 0 3px;
}

#lista img{
	margin-bottom: -20px;
	width: 100%;
}

#lista #pad section{
	margin-right: 1%;
}

#foto-lista{
	width: 20%;
}

#nombre-lista{
	width: 100%;
}

#cantidad-lista, #subtotal-lista, #precio-lista{
	width: 20%;
}

#eliminar-lista{
	width: 20%;
}


#columnaMitad #nombre-lista{
	width: 30%;
	text-align: center;
}


/*–––––––––––––––––––––––––––––––––metacheck––––––––––––––––––––––––––*/


	#services.gris{
		padding-bottom: 30px;
	}

#services li{
	background-size: 20px;
	padding-left: 30px;
	margin-bottom: 15px;
}


#azul2{
	width: 90%;
	padding: 40px 5% 100px 5%;
	margin-top: 0px;
}


#pasos{
	border-radius: 20px;
	width: 100%;
	margin-bottom: 20px;
	height: auto;
	float: none;
}

#proceso{
	width: 90%;
	padding:20px 5% 0px 5%;
	text-align: center;
}

#proceso img.prosc{
	margin: 0 auto;
	margin-top: 0px;
	margin-bottom: 20px;
	transform: rotate(90deg);
	text-align: center;
	float: none;
}


#experiencias{
	margin-top: 60px;
}


.video-responsive {
position: relative;
padding-bottom: 56.25%; /* 16/9 ratio */
padding-top: 30px; /* IE6 workaround*/
height: 0;
overflow: hidden;
}

.video-responsive iframe,
.video-responsive object,
.video-responsive embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


/*–––––––––––––––––––––––––––––––––MC proceso––––––––––––––––––––––––––*/


#azul3{
	width: 90%;
	padding: 60px 5% 60px 5%;
}


#azul3 li{
	background-size: 20px;
	padding-left: 30px;
	font-size: 13px;
	margin-bottom: 15px;
}


/*–––––––––––––––––––––––––––––––––MC meta-tipo––––––––––––––––––––––––––*/


#azul3 #columnaMitad{
	margin-bottom: 10px;
}

#meta{
	width: 20%;
}


#metaT{
	width: 75%;
	margin-left: 5%;
	padding-top: 15px;
}


#gris{
	width: 90%;
	padding: 50px 5% 50px 5%;
}

#gris #columnaMitad{
	margin-bottom: 10px;
}

img.tabla{
	margin-bottom: 60px;
	margin-top: -90px;
	width: 100%;
}

img.graf{
	width: 60%;
	margin: 10px 0;
}

/*–––––––––––––––––––––––––––––––––antecedentes––––––––––––––––––––––––––*/



#antecedentes{
	width: 80%;
	padding: 80px 10% 60px 10%;
}

#antecedentesT{
	width: 100%;
	margin-left: 0%;
	float: right;
}

#antecedentesG{
	width: 50%;
	float: left;
}


/*–––––––––––––––––––––––––––––––––neurospot––––––––––––––––––––––––––*/


#servicesNeuro{
	width: 90%;
	padding: 50px 5% 50px 5%;
}


#azulNeuro{
	width: 90%;
	padding: 50px 5% 50px 5%;
}

#logo img.logo3{
	width: 80px;
	margin-left: 0px;
}


}


@media only screen and (min-width:768px) and (max-width:1023px){



#logo img.logo2{
	width: 150px;
	margin-left: 20px;
}

#logo img.logo3{
	width: 80px;
	margin-left: 20px;
}

header{
	width: 100%;
	padding: 20px 0 0 0;
	position: relative;
}

#logo{
	float: none;
	width: 100%;
	text-align: center;
}

#logo img{
	width: 120px;
}

nav{
	margin-top: 20px;
	margin-right: 0%;
	float: none;
	overflow: hidden;
	height: 45px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

nav.active{
	height: 580px;
}

nav ul li{
	margin-right: 0px;
	display: block;
}

nav ul li a{
	font-size: 14px;
	font-weight: 300;
	line-height: 40px;
	padding: 0;
	text-align: center;
	display: block;
	width: 100%;
}



nav ul li:nth-child(11){
	background: #0071bc;
	padding: 0 15px 0 5px;
	margin-left: 0;
	margin-right: -4px;
}

nav ul li:nth-child(11) a{
	color: #fff;
	background: none;
}


nav ul li a#menuiphone{
		display: block;
	}


nav img{
	margin-bottom: -7px;
}


nav ul li:hover ul{
	display:block;
}

nav ul li ul{
	position: relative;
	padding: 0;
	display: block;
}

nav ul li ul li{
	display: block;
	margin-right: 0;
	background: #f2f2f2;
}

nav ul li ul li a{
	padding-right: 40px;
	color: #999;
}


#welcome{
	width: 90%;
	padding: 70px 5%;
}

#welcome p{
	width: 70%;
}



#services{
	width: 90%;
	padding: 70px 5% 0 5%;
	background: #0071bc;
}

#card{
	width: 100%;
	margin: 0 0%;
	border-radius: 20px;
	margin-bottom: 20px;
}

#pad{
	padding: 30px;
}


#bot{
	height: auto;
}

#bot li{
	background-size: 20px;
	padding-left: 30px;
}

#card p.long{
	height: auto;
}

#azul{
	width: 90%;
	padding: 20px 5% 70px 5%;
	margin-top: 0px;
}

#azul p{
	width: 70%;
}

#azul img{
	width: 140px;
}


#accesos{
	width: 90%;
	padding: 70px 5%;
}

#accesos img{
	width: 220px;
}

#columnaMitad{
	width: 46%;
	margin:0 2%;
}

footer{
	width: 90%;
	padding: 30px 5%;
}

footer a{
	font-size: 22px;
	margin-right: 5%;
}

footer a img{
	margin-bottom: -40px;
}

p.botom{
	padding: 15px 0;
}


h1{
	font-size: 35px;
	line-height: 50px;
}


h2{
	font-size: 22px;
	line-height: 24px;
	margin-bottom: 20px;
}

#welcome.home p{
	font-size: 14px;
	line-height: 20px;
}



p{
	font-size: 14px;
	line-height: 20px;
}

a{
	font-size: 14px;
	line-height: 20px;
}



#accesos #columnaMitad{
	width: 29%;
	margin:0 2%;
	margin-bottom: 60px;
}

#accesos img.neuro{
	width: 105px;
}



/*–––––––––––––––––––––––––––––––––noticias––––––––––––––––––––––––––*/



#detalle{
	width: 90%;
	padding: 40px 5% 40px 5%;
	text-align: left;
}

/*–––––––––––––––––––––––––––––––––contacto––––––––––––––––––––––––––*/


#contacto{
	width: 80%;
	padding: 50px 10%;
}


/*–––––––––––––––––––––––––––––––––tienda––––––––––––––––––––––––––*/


#tienda{
	padding:140px 5% 80px 5%;
}


#producto h1, #producto h2{
	font-size: 16px;
	line-height: 22px;
}

#producto{
	width: 28%;
	margin: 0 2% 50px 2%;
}


/*–––––––––––––––––––––––––––––––––tienda detalle––––––––––––––––––––––––––*/



#tienda #columnaMitad{
	margin-top: 0px;
}

#galeria img{
	width: 28%;
	margin-right: 2%;
	margin-top: 20px;
	border: 2px solid #f2f2f2;
}


/*–––––––––––––––––––––––––––––––––––––*/



#lista{
	width: 100%;
	margin-bottom: 20px;
}

#lista #pad{
	padding: 20px;
}

#lista h2, #lista p, #lista a{
	line-height: 30px;
	font-size: 15px;
}

#lista a{
	padding: 10px;
	margin: 0 5px;
}

#lista img{
	margin-bottom: -35px;
}

#lista #pad section{
	margin-right: 1%;
}

#foto-lista{
	width: 10%;
}

#nombre-lista{
	width: 25%;
}

#cantidad-lista, #subtotal-lista, #precio-lista{
	width: 14%;
}

#eliminar-lista{
	width: 10%;
}


#columnaMitad #nombre-lista{
	width: 40%;
}


/*–––––––––––––––––––––––––––––––––metacheck––––––––––––––––––––––––––*/


#services li{
	background-size: 20px;
	padding-left: 30px;
	margin-bottom: 15px;
}


#azul2{
	width: 90%;
	padding: 180px 5% 100px 5%;
	margin-top: -140px;
}


#pasos{
	border-radius: 20px;
	width: 29%;
	margin-bottom: 20px;
	height: 290px;
}

#proceso{
	width: 90%;
	padding:60px 5% 0px 5%;
}

#proceso img.prosc{
	margin: 0 1%;
	margin-top: 100px;
}


#experiencias{
	margin-top: 60px;
}



/*–––––––––––––––––––––––––––––––––MC proceso––––––––––––––––––––––––––*/


#azul3{
	width: 90%;
	padding: 100px 5% 100px 5%;
}



#azul3 li{
	background-size: 20px;
	padding-left: 30px;
	font-size: 14px;
	margin-bottom: 15px;
}


iframe{
	margin-bottom: 40px;
	height: 220px;
}

/*–––––––––––––––––––––––––––––––––antecedentes––––––––––––––––––––––––––*/



#antecedentes{
	width: 80%;
	padding: 80px 10% 80px 10%;
}

#antecedentesT{
	width: 65%;
	margin-left: 5%;
	float: right;
}

#antecedentesG{
	width: 30%;
	float: left;
}

/*–––––––––––––––––––––––––––––––––neurospot––––––––––––––––––––––––––*/


#servicesNeuro{
	width: 90%;
	padding: 70px 5% 70px 5%;
}


#azulNeuro{
	width: 90%;
	padding: 70px 5% 70px 5%;
}


}


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

header{
	width: 93%;
	padding: 20px 5% 20px 2%;
	position: absolute;
}

#logo img.logo1{
	width: 120px;
	margin-left: 0px;
}

#logo img.logo2{
	width: 90px;
	margin-left: 20px;
}

#logo img.logo3{
	width: 80px;
	margin-left: 20px;
}


nav{
	margin-top: 20px;
	margin-right: -5%;
}

nav ul li{
	margin-right: 3px;
}

nav ul li a{
	font-size: 11px;
	font-weight: 300;
	line-height: 43px;
	padding: 0 5px;
}



nav ul li:nth-child(11){
	background: #0071bc;
	padding: 0 18px 0 5px;
	margin-left: 0;
	margin-right: -8px;
}

nav ul li:nth-child(11) a{
	color: #fff;
	background: none;
}


nav ul li a#menuiphone{
		display: none;
	}


nav img{
	margin-bottom: -7px;
}


nav ul li:hover ul{
	display:block;
}

nav ul li ul{
	position: absolute;
	padding: 0;
	display: none;
}

nav ul li ul li{
	display: block;
	margin-right: 0;
}

nav ul li ul li a{
	padding-right: 40px;
}



#welcome{
	width: 90%;
	padding: 80px 5%;
}

#welcome p{
	width: 70%;
}



#services{
	width: 90%;
	padding: 80px 5% 0 5%;
}

#card{
	width: 30%;
	margin: 0 1%;
	border-radius: 20px;
	margin-bottom: 100px;
}

#pad{
	padding: 30px;
}


#bot{
	height: 235px;
}

#bot li{
	background-size: 20px;
	padding-left: 30px;
}

#azul{
	width: 90%;
	padding: 300px 5% 80px 5%;
	margin-top: -335px;
}

#azul p{
	width: 70%;
}


#accesos{
	width: 90%;
	padding: 80px 5%;
}

	#accesos img{
		width: 240px;
	}

#columnaMitad{
	width: 46%;
	margin:0 2%;
}

footer{
	width: 90%;
	padding: 30px 5%;
}

footer a{
	font-size: 22px;
	margin-right: 5%;
}

footer a img{
	margin-bottom: -40px;
}

p.botom{
	padding: 15px 0;
}


h1{
	font-size: 40px;
	line-height: 50px;
}


h2{
	font-size: 24px;
	line-height: 26px;
	margin-bottom: 20px;
}

#welcome.home p{
	font-size: 21px;
	line-height: 27px;
}



p{
	font-size: 15px;
	line-height: 21px;
}

a{
	font-size: 15px;
	line-height: 21px;
}


#accesos #columnaMitad{
	width: 29%;
	margin:0 2%;
	margin-bottom: 60px;
}

#accesos img.neuro{
	width: 120px;
}


/*–––––––––––––––––––––––––––––––––tienda––––––––––––––––––––––––––*/


#tienda{
	padding:180px 5% 80px 5%;
}

#producto h1, #producto h2{
	font-size: 18px;
	line-height: 28px;
}

#producto{
	width: 28%;
	margin: 0 2% 50px 2%;
}

/*–––––––––––––––––––––––––––––––––––––*/



#lista{
	width: 100%;
	margin-bottom: 20px;
}

#lista #pad{
	padding: 20px;
}

#lista h2, #lista p, #lista a{
	line-height: 50px;
	font-size: 18px;
}

#lista a{
	padding: 10px;
	margin: 0 5px;
}

#lista img{
	margin-bottom: -35px;
}

#lista #pad section{
	margin-right: 1%;
}

#foto-lista{
	width: 10%;
}

#nombre-lista{
	width: 35%;
}

#cantidad-lista, #subtotal-lista, #precio-lista{
	width: 12%;
}

#eliminar-lista{
	width: 10%;
}


#columnaMitad #nombre-lista{
	width: 50%;
}


/*–––––––––––––––––––––––––––––––––metacheck––––––––––––––––––––––––––*/


#services li{
	background-size: 20px;
	padding-left: 30px;
	margin-bottom: 15px;
}


#azul2{
	width: 90%;
	padding: 180px 5% 100px 5%;
	margin-top: -140px;
}


#pasos{
	border-radius: 20px;
	width: 30%;
	margin-bottom: 20px;
	height: 260px;
}

#proceso{
	width: 90%;
	padding:60px 5% 0px 5%;
}

#proceso img.prosc{
	margin: 0 1%;
	margin-top: 100px;
}


#experiencias{
	margin-top: 60px;
}


/*–––––––––––––––––––––––––––––––––MC proceso––––––––––––––––––––––––––*/


#azul3{
	width: 90%;
	padding: 100px 5% 100px 5%;
}



#azul3 li{
	background-size: 20px;
	padding-left: 30px;
	margin-bottom: 15px;
	font-size: 15px;
}


iframe{
	margin-bottom: 40px;
	height: 270px;
}


/*–––––––––––––––––––––––––––––––––antecedentes––––––––––––––––––––––––––*/



#antecedentes{
	width: 80%;
	padding: 100px 10% 100px 10%;
}

#antecedentesT{
	width: 65%;
	margin-left: 5%;
	float: right;
}

#antecedentesG{
	width: 30%;
	float: left;
}


}

@media only screen and (min-width:1200px) and (max-width:1400px){

	#card{
	width: 30%;
	margin: 0 1%;
	border-radius: 20px;
	margin-bottom: 100px;
}

#pad{
	padding: 35px;
}


#bot{
	height: 215px;
}

#bot li{
	background-size: 20px;
	padding-left: 30px;
}

#azul{
	width: 90%;
	padding: 300px 5% 100px 5%;
	margin-top: -315px;
}

#logo img.logo2{
	margin-left: 30px;
}



}