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

body {
	margin:0px;
	}


.footerpage {
	position: relative;
	width: 100%;
	height: auto;
	background-color: #2B2B2B;
	font-family: Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
	
}
.footerpage .bottomlinks {
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  width: 1000px;
  position: relative;
  height: auto;
  padding-top: 10px;
  padding-bottom: 40px;
  z-index: 0;
  background-color: #2B2B2B;
}
.footerpage .bottomlinks .cont {
  text-align: left;
}
.footerpage .bottomlinks .footerlinks {
  position: relative;
  float: left;
  width: 140px;
  height: auto;
  color: #9C9C9C;
  margin-left: 6px;
  z-index: 1;
  font-size: 0.938em;
}
.footerpage .bottomlinks .footerlinks:first-child {
  margin-left: 50px;
}
.footerpage .bottomlinks .listfooterlinks > li {
  list-style-type: none;
  text-align: left;
  margin-top: 8px;
}
.footerpage .bottomlinks .listfooterlinks > li h4 {
  /* Para ver en Maqueta */
  font-weight: bold;
  padding-bottom: 10px;
  color: white;
  text-transform: uppercase;
}
.footerpage .bottomlinks .listfooterlinks > li h4 a {
  font-weight: bold;
  padding-bottom: 10px;
  color: white;
  text-transform: uppercase;
}
.footerpage .bottomlinks .listfooterlinks > li a {
  text-decoration: none;
  color: #9C9C9C;
}
.footerpage .bottomlinks .listfooterlinks > li a:hover {
  text-decoration: none;
  color: #C3CDCD;
}
.footerpage .bottomcontact {
	position: relative;
	/*height: 94px;*/
	background-color: #1F1F20;
	margin-top: 30px;
}
.footerpage .bottomcontact .bottomcontacttop {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	height: 30px;
	position: relative;
	background-color: #1F1F20;
	padding-bottom: 5px;
}
.footerpage .bottomcontact .bottomcontacttop .cont {
  text-align: left;
}
.footerpage .bottomcontact .bottomcontacttop #ico-oxfordWhite {
  position: absolute;
  top: 25px;
}
.footerpage .bottomcontact .bottomcontacttop #ico-soporte {  
  position: absolute;
  left: 20%;
  top: -26px;
}
.footerpage .bottomcontact .bottomcontacttop #ico-youtube {  
  position: absolute;
  left: 47%;
  top: -22px;
  
}
.footerpage .bottomcontact .bottomcontacttop #ico-fb {
  position: absolute;
  left: 475px;
  top: -22px;
}
.footerpage .bottomcontact .bottomcontacttop #ico-compraOnline {  
  position: absolute;
  right:20%;
  top: -49px;
  display: block;
}
.footerpage .bottomcontact .bottomcontacttop #ico-compraOnline img {  
  width: 60px;
  margin-top: 20px;
  /* margin-right: 40px; */
}
.footerpage .bottomcontact .bottomcontactbottom {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width: 100%;
	height: 40px;
	font-size: small;
	position: relative;
	background-color: #1F1F20;
}
.footerpage .bottomcontact .bottomcontactbottom .cont {
  text-align: left;
}
.footerpage .bottomcontact .bottomcontactbottom .bottomcontactleft {
  float: left;
  list-style-type: none;
  text-align: left;
}
.footerpage .bottomcontact .bottomcontactbottom .bottomcontactleft li {
  float: left;
  padding-left: 5px;
  padding-right: 5px;
  border-left: 1px solid #9C9C9C;
}
.footerpage .bottomcontact .bottomcontactbottom .bottomcontactleft a {
  text-decoration: none;
  color: #9C9C9C;
}
.footerpage .bottomcontact .bottomcontactbottom .bottomcontactleft a:hover {
  text-decoration: none;
  color: #C3CDCD;
}
.footerpage .bottomcontact .bottomcontactbottom .bottomcontactleft #contactfirst {
  padding-left: 0;
  border: 0;
}
.footerpage .bottomcontact .bottomcontactbottom .bottomcontactright {
  float: right;
  list-style-type: none;
  text-align: right;
  position: relative;
}
.footerpage .bottomcontact .bottomcontactbottom .bottomcontactright li {
  float: left;
  padding-left: 5px;
  padding-right: 5px;
  border-left: 1px solid #9C9C9C;
}
.footerpage .bottomcontact .bottomcontactbottom .bottomcontactright a {
  text-decoration: none;
  color: #9C9C9C;
}
.footerpage .bottomcontact .bottomcontactbottom .bottomcontactright a:hover {
  text-decoration: none;
  color: #C3CDCD;
}
.footerpage .bottomcontact .bottomcontactbottom .bottomcontactright #contactfirsttwo {
  padding-left: 0;
  border: 0;
}
.footerpage .bottomlegal {  
  
  position: relative;
  background-color: #000000;
  font-size: small;
  border-bottom: 1px solid #000000;
}
.footerpage .bottomlegal p {  
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  position: relative;
  float: none;
  font-size: 0.9em;
  padding-top: 10px;
  color: #797979;
  text-align: center;
  background-color: #000000;
  border-bottom: 1px solid #000000;
}
.footerpage .bottomlegal p .cont {
  text-align: left;
}
.footerpage .bottomlegal p a {
  float: none;
  text-decoration: none;
  color: #797979;
  border-left: 1px solid #797979;
  padding-left: 5px;
  padding-right: 5px;
}
.footerpage .bottomlegal p a:hover {
  color: #C3CDCD;
}
.footerpage .bottomlegal p #legalfirst {
  border: 0;
}


/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* Styles */
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}

.footerpage .bottomresponsive {  
  
  position: relative;
  background-color: #000000;
  font-size: small;
  border-bottom: 1px solid #000000;
}
.footerpage .bottomresponsive p {  
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  position: relative;
  float: none;
  font-size: 0.9em;
  padding-top: 10px;
  color: #797979;
  text-align: center;
  background-color: #000000;
  border-bottom: 1px solid #000000;
  line-height: 2em;
}
.footerpage .bottomresponsive p .cont {
  text-align: left;
}
.footerpage .bottomresponsive p a {
  float: none;
  text-decoration: none;
  color: #797979;
  border-left: 1px solid #797979;
  padding-left: 5px;
  padding-right: 5px;
}
.footerpage .bottomresponsive p a:hover {
  color: #C3CDCD;
}
.footerpage .bottomresponsive p #legalfirst {
  border: 0; 
}

/*OUP RESPONSIVE FOOTER*/
@media screen and (max-width:768px){
.bottomlegal{display:none;}
.bottomcontact{display:none;}
}

@media screen and (min-width:768px){
.bottomresponsive {display:none;}
}