@charset "utf-8";
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,700,300);
html,body {	font-family: 'Open Sans', sans-serif; margin:0;padding:0; background-color:#FFF; border-top:2px #032b5f solid;}
html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}


.clear{ clear:both;}
#w-widget {
position:relative;height: 315px;
 
overflow: hidden;
}
#w-logo {
	background-image: url(../img/logo.png);
	height: 30px;
	width: 286px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	position: relative;
}
#flecha1 {
	background-image: url(../img/flecha1.png);
	background-repeat: no-repeat;
	height: 30px;
	width: 30px;    top: 7px;
	cursor: pointer; position:absolute; left:7px;  
}
#flecha2{
	background-image: url(../img/flecha2.png);
	background-repeat: no-repeat;
	height: 30px;
	width: 30px;top: 7px;
	cursor: pointer; position:absolute; right:7px; 
}
#w-container {
	width: 100%;
	overflow: hidden;
	height: 311px;
}
#w-content{ position:relative;}
.w-prod {
	height: 255px;
	width: 50%;
	float: left;  cursor:pointer;
}
.w-prod p {
	font-size: 16px;
	font-weight: 700;
	color: #5a5848;
	padding: 7px;
	margin: 0px;
}
.w-image {
	text-align: center; height:160px; width:98%;background-position:center center; background-repeat:no-repeat; background-size:cover; border:1px solid #ccc; margin-left:1%; margin-right:1%;
}
#pimg1{  background-image:url(../img/prod/1.jpg);}
#pimg2{  background-image:url(../img/prod/2.jpg);}
#pimg3{  background-image:url(../img/prod/3.jpg);}
#pimg4{  background-image:url(../img/prod/4.jpg);}

  @media   all and (max-width: 480px)   {
	  #flecha1{
	top: 78px;
	z-index: 6;
	background-image: url(../img/flecha1m.png);
	left: 0px;
	height: 70px;
	width: 38px;
}
	  #flecha2{
	top: 78px;
	z-index: 6;
	background-image: url(../img/flecha2m.png);
	right: 0px;
	height: 70px;
	width: 38px;
}
	 .w-prod { width:100%;} 
  }