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

/*-------------------------------------------
PARA MOVILES
-------------------------------------------*/	

@media all and (min-width:240px) and (max-width:374px) and (orientation : portrait){
header {width:100%; margin:0 auto;}
.container {width:100%;}
.portfolio-wrapper {float:none; margin:10px auto !important;}
.portfolio {width:100%;}
.pie {text-align:center;}
.left-pie {width:100%; float:none;}
.middle-pie {width:100%; float:none; margin-left:0;}
.bx-wrapper img {width:100% !important; height:117px !important;}
.social-icons ul {margin-left:140px;}
.bx_top {padding:0px;}
.bx_top h3{padding-top: 10px !important;}
div.bx-viewport {height:260px !important;}
.logo {position:absolute; z-index:999;}
.contenido-detacado {border-radius:0px;}
.q-s,
.galeria,
.padd,
.pie,
.contenido-detacado {padding:4%; width:92%;}
.galeria img {width:29%; margin-bottom:14px;}
#contact-form {padding:5%; width:90%;}
.mapgoo img {margin-left:-94%;}
.mapgoo {height:auto; width:100% !important; overflow:hidden;}
ul.tabs {width: 100% !important;}
ul.tabs li a {width:auto !important; font-size:14px; padding:0 8px !important;}
.tab_container {width: 100% !important;}
.cont-image, .cont-image-g, .varios {width:45%; height:auto; margin:2%;}
.cont-image-g img {width:100%;}
.varios img {width:100% !important;}
.container h2 {font-size:22px;}
.container h3 {font-size:18px;}
.nuevo {width:100%; overflow:hidden; height:auto;}
.nuevo img {width:700px;}
}

@media all and (min-width:375px) and (max-width:414px) and (orientation : portrait) {
header {width:100%; margin:0 auto;}
.container {width:100%;}
.portfolio-wrapper {float:none; margin:10px auto !important;}
.portfolio {width:100%;}
.pie {text-align:center;}
.left-pie {width:100%; float:none;}
.middle-pie {width:100%; float:none; margin-left:0;}
.bx-wrapper img {width:100% !important; height:117px !important;}
.social-icons ul {margin-left:166px;}
.bx_top {padding:0px;}
.bx_top h3{padding-top: 10px !important;}
div.bx-viewport {height:260px !important;}
.logo {position:absolute; z-index:999;}
.contenido-detacado {border-radius:0px;}
.q-s,
.galeria,
.padd,
.pie,
.contenido-detacado {padding:4%; width:92%;}
.galeria img {width:29%; margin-bottom:14px;}
#contact-form {padding:5%; width:90%;}
.mapgoo img {margin-left:-94%;}
.mapgoo {height:auto; width:100% !important; overflow:hidden;}
ul.tabs {width: 100% !important;}
ul.tabs li a {width:auto !important; font-size:14px; padding:0 8px !important;}
.tab_container {width: 100% !important;}
.cont-image, .cont-image-g, .varios {width:45%; height:auto; margin:2%;}
.cont-image-g img {width:100%;}
.varios img {width:100% !important;}
.container h2 {font-size:22px;}
.container h3 {font-size:18px;}
.nuevo {width:100%; overflow:hidden; height:auto;}
.nuevo img {width:700px;}
}

@media all and (min-width:507px) and (max-width:780px) and (orientation : portrait) {
header {width:100%; margin:0 auto;}
.container {width:100%;}
.portfolio-wrapper {float:none; margin:10px auto !important;}
.portfolio {width:100%;}
.pie {text-align:center;}
.left-pie {width:100%; float:none;}
.middle-pie {width:100%; float:none; margin-left:0;}
.bx-wrapper img {width:100% !important; height:117px !important;}
.social-icons ul {margin-left:108px;}
.bx_top {padding:0px;}
.bx_top h3{padding-top: 10px !important;}
div.bx-viewport {height:260px !important;}
.logo {position:absolute; z-index:999;}
.contenido-detacado {border-radius:0px;}
.q-s,
.galeria,
.padd,
.pie,
.contenido-detacado {padding:4%; width:92%;}
.galeria img {width:29%; margin-bottom:14px;}
#contact-form {padding:5%; width:90%;}
.mapgoo img {margin-left:-94%;}
.mapgoo {height:auto; width:100% !important; overflow:hidden;}
ul.tabs {width: 100% !important;}
ul.tabs li a {width:auto !important; font-size:14px; padding:0 8px !important;}
.tab_container {width: 100% !important;}
.cont-image, .cont-image-g, .varios {width:45%; height:auto; margin:2%;}
.cont-image-g img {width:100%;}
.varios img {width:100% !important;}
.container h2 {font-size:22px;}
.container h3 {font-size:18px;}
.nuevo {width:100%; overflow:hidden; height:auto;}
.nuevo img {width:700px;}
}

@media all and (min-width:568px) and (max-width:736px) and (orientation : landscape) {

}

/*-------------------------------------------
RETINA DISPLAYS
-------------------------------------------*/	
@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
.logo {background-image:url('../images/retina/logo@2x.png'); background-size:220px 70px;}
.plus-circle {background-image:url('../images/retina/mas@2x.png'); background-size:73px 29px;}
.buy-circle {background-image:url('../images/retina/pedido@2x.png'); background-size:73px 29px;}
}