body {
background: url("fondo-home.jpg") no-repeat scroll center top #ececec;
 font-family: Arial, Helvetica, sans-serif;
 background-size: cover;
 margin: 0;}
h2 { text-align:center}
p {text-align:center; }
.bloque a {
color:#fff;  
font-size:16px; 
text-decoration:none; 
display:inline-block; 
 
height: 51px;
width: 372px;
max-width:100%;
padding-top:12px;
-webkit-transition: all 0.4s ease-in;
-moz-transition: all 0.4s ease-in;
-ms-transition: all 0.4s ease-in;
-o-transition: all 0.4s ease-in;
transition: all 0.4s ease-in;
}
.bloque span{ display: block; font-weight: bold;}
.empleados a{ background: url("boton-empleados.jpg") no-repeat scroll right 0 transparent; text-align: right;  padding-right:10px}
.farma a { background: url("boton-farmaceuticos.jpg") no-repeat scroll 0 0 transparent; text-align: left; padding-left:10px;}
a:hover { color:#fff; }
div.bloque {  width:50%; float:left; margin-top:80px}
.bloque-logo { margin-top:33%; width:100%}
#logo{ text-align:center}
.container {}
#wrap { width:900px; margin:0 auto; overflow: hidden; max-width: 100% }
img.movil { display: none;}
@media (max-width: 768px) {
	body{ background: #fff;}
	.bloque-logo { margin-top:20px; width:100%; margin-bottom:20px}
	div.bloque {  width:100%;  margin-top:10px}
	.empleados a{ background-position: 0 0 }
	.farma a{ background-position: right 0 }
	img.movil{ display: block; width: 100%;}
	#logo img{ width:90px }

	
	 }