/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
  color: #525252;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 85px;

  background-position: center 46px;
  background-size: 100% auto;
  background-repeat: no-repeat;
}

@media(max-width:360px) {
	body {
	  /* Margin bottom by footer height */
	   margin-bottom: 50px;
	}
}
.container-fluid {
  width: 100%;
  padding: 0 15px;
}


a, a:hover, a:focus {
  color: #087fcf;
}
a:active,
a:hover {
  text-decoration: underline;
}

.cap .container-fluid {
  background-color: #087fcf;
 /* padding: 0;*/
}


.portada {
  position: absolute;
  bottom: 85px;

  opacity: 0.90;
  filter: alpha(opacity=90); /* For IE8 and earlier */
  background-color: #fff;
}
@media(max-width:640px) {
    .portada {
        bottom: 50px;
    }
}
.portada .col {
  border-bottom: 1px solid #c7c7c5;
  padding: 3px 10px;
}
@media(min-width:641px) {
    .portada .col {
        font-size: 20px;
	padding: 5px 10px;
    }
}
.portada .col-last {
  border-bottom: 0;
}
.portada .col .icona {
	width: 60px;
	height: auto;
}
.portada .col .glyphicon {
    padding-top: 20px;
    color: #60554c;
    font-weight: normal;
}
@media only screen and (min-width : 320px)
       and (max-width : 640px) {
    .portada .col .icona {
        width: 25px;
    }
    .portada .col .glyphicon {
      padding-top: 5px;
    }
}



.footer {
  position: absolute;
  bottom: 0;
  width: 100%;

  /* Set the fixed height of the footer here */
  height: 85px;
  background-color: #60554c;
}
.footer .col {
  padding-top:5px;
  padding-left:0;
  padding-right:0;
  border-right: 1px solid #ffffff;
  height: 85px;
}
@media(max-width:640px) {
    .footer,
    .footer .col {
        height: 50px;
    }
}
.footer .col-last {
  border-right: 0;
}
.footer .col .enllas {
	text-align: center;
}
@media(min-width:481px) {
    .footer .col .enllas {
      padding-top: 1%;
    }
}
.footer .col a {
  color: #ffffff;
  text-transform: uppercase;
}
@media(max-width:640px) {
	.footer .col a {
	  font-size: 12px;
    }
}
.footer .col a div {
	text-align: center;
}

.footer .active {
	background-color: #222;
}


/* Vistes responsive amb navegador */
@media only screen
and (min-width : 800px) {
/* YOUR STYLE GOES HERE */
  body {
      background-image: url(../images/1224.png);
  }
}
@media only screen
and (min-width : 1824px) {
/* YOUR STYLE GOES HERE */
  body {
      background-image: url(../images/1824.png);
  }
}

@media only screen and (device-width: 768px),
       only screen and (max-width: 768px) {
/* CSS */
  body {
      background-image: url(../images/768x1024.png);
  }
}
@media only screen and (device-width: 800px),
       only screen and (max-width: 800px) {


/* All Smartphones in portrait and landscape ----------- */
/* All Smartphones in landscape ----------- */
@media only screen 
and (min-width : 320px)
and (max-width : 480px) {
/* YOUR STYLE GOES HERE */
  body {
      background-image: url(../images/480x320.png);
  }
}

/* All Smartphones in portrait ----------- */
@media only screen 
and (max-width : 479px) {
/* YOUR STYLE GOES HERE */
  body {
      background-image: url(../images/320x480.png);
  }
}

/***** ANDROID DEVICES *****/

/* Android(Samsung Galaxy) in portrait 380 X 685 ----------- */
@media only screen
and (min-width: 375px)
and (max-width: 385px){
/* YOUR STYLE GOES HERE */
  body {
      background-image: url(../images/380x685.png);
  }
}

/* Android(Samsung Galaxy) in Landscape 685 X  380 ----------- */
@media only screen
and (min-width: 680px)
and (max-width: 690px){
/* YOUR STYLE GOES HERE */
  body {
      background-image: url(../images/685x380.png);
  }
}

/* Kindle Portrait 600 X 1024 ----------- */
@media only screen
and (min-width: 595px)
and (max-width: 610px){
/* YOUR STYLE GOES HERE */
  body {
      background-image: url(../images/600x1024.png);
  }
}

/* Kindle Landscape 1024 X 600 ----------- */
@media only screen
and (min-width: 1000px)
and (max-width: 1030px){
/* YOUR STYLE GOES HERE */
  body {
      background-image: url(../images/1024x600.png);
  }
}

/***** ALL GENERATION IPADS *****/

/* iPads in portrait and landscape----------- */

/* iPad in landscape----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* YOUR STYLE GOES HERE */
  body {
      background-image: url(../images/1024x768.png);
  }
}

/* iPad in portrait----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait){
/* YOUR STYLE GOES HERE */
  body {
      background-image: url(../images/768x1024.png);
  }
}



/***** Retina IPAD 3 & 4*****/

/* Retina iPad 3 & 4 in landscape----------- */

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2){
/* YOUR STYLE GOES HERE */
  body {
      background-image: url(../images/768x1024@2x.png;
  }
}

/* Retina iPad 3 & 4 in landscape----------- */

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2){
/* YOUR STYLE GOES HERE */
  body {
      background-image: url(../images/1024x768@2x.png;
  }
}




/***** IPAD 1 & 2 (ALSO IPAD MINI)*****/

/* iPad 1 & 2 in landscape ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 1)  {
/* YOUR STYLE GOES HERE */
  body {
      background-image: url(../images/1024x768.png);
  }
}

/* iPad 1 & 2 in portrait ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) 
and (-webkit-min-device-pixel-ratio: 1){
/* YOUR STYLE GOES HERE */
  body {
      background-image: url(../images/768x1024.png);
  }
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
/* YOUR STYLE GOES HERE */
  body {
      background-image: url(../images/1224.png);
  }
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* YOUR STYLE GOES HERE */
  body {
      background-image: url(../images/1824.png);
  }
}

/* Only iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* YOUR STYLE GOES HERE */
  body {
      background-image: url(../images/768x1024@1.5x.png
  }
}