@charset "utf-8";
/* CSS Document */

body {background:#F60 url(/img/dsgn/fondo.jpg) center bottom fixed; background-size:100%; font-size:18px; font-family: 'Open Sans Condensed', sans-serif; padding:0px 5px;}

.container {background:white; max-width:1000px; -moz-box-shadow: 0 0px 5px #333;-webkit-box-shadow: 0 0px 5px #333; box-shadow: 0 0px 5px #333; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; margin-bottom:20px}

.container .logo {background:url(/img/dsgn/toldosnovobaires.png) no-repeat center center; background-size:100%; height:100%; min-height:110px; position:relative; left:10px}
.container .logo a {width:100%; display:block; min-height:120px;}
.container .logo h1 {display:none;}

.container .resto {padding-right:0px; text-align:right; margin:0px;}
.container .redes {padding:20px 10px;}
.container .redes a {width:35px; height:35px; display:inline-block; text-align:center; padding-top:5px; color:white; border-radius:100%;}
.container .redes a:first-child {background:rgb(86,61,124)}
.container .redes a:nth-child(2) {background:rgb(68,159,47)}
.container .gris .redes {padding:0px 0px 20px;}
.container .redes a:nth-child(4), .container .gris .redes a:first-child {background:rgb(60,91,155)}
.container .redes a:nth-child(5), .container .gris .redes a:nth-child(2) {background:rgb(246,62,40)}
.container .redes a:nth-child(6), .container .gris .redes a:nth-child(3) {background:rgb(45,170,225)}
.container .redes a:hover {background:gray}

.container .resto p.datos {padding:0px; margin:0px;}
.container .resto p.datos > span {background:rgb(150,146,145); padding:10px; color:white;}
.container .resto p.datos a {color:white;}

.container .categorias, .container .categoriascel {margin-top:15px; background:rgb(51,51,51)}
.container .categoriascel {background:white; display:none; margin:0px; padding:5px;}

.container .slider {padding:0px; margin:2px 0px}

.container .conozca {background:rgb(51,51,51); color:white; padding:5px 40px 20px; text-align:justify}
.container .conozca .two-columns { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px;}

h2 { text-transform:uppercase; font-weight:normal}
.white {-moz-box-shadow: 0 0px 5px #333;-webkit-box-shadow: 0 0px 5px #333; box-shadow: 0 0px 5px #333; padding:5px; margin:10px auto; background:white;}

.container .destacados h2 { text-align:center}
.container .destacados > div {padding:0px 30px}
.container .destacados .imagenes .white {max-width:310px;}
.container .destacados .imagenes .white .crop {width:100%; height:200px; overflow:hidden; background:rgb(249,249,249) url(/img/archivos/default.jpg) center center no-repeat; background-size:100%;}
.container .destacados .imagenes .white .crop img {width:100%;}
.container .destacados .white a {overflow:hidden; width:100%; display:block; position:relative}
.container .destacados .white a p {position:absolute; text-align:center; bottom:-10px; background:rgba(51,51,51,0.8); width:100%; color:white; padding:5px; text-transform:uppercase}
.container .destacados .white a:hover p { background:#333; }

.container .logos {text-align:center; padding:20px 10px}
.container .logos img {padding:5px; text-decoration:none; border:0px;}

.container .menufooter, .container .footercelu {background:rgb(51,51,51); color:white; text-transform:uppercase; padding-bottom:10px; display:flex; flex-wrap:wrap}
.container .menufooter div {width:20%;}
.container .menufooter ul { list-style:none; padding:0px; margin:0px;}
.container .menufooter p {font-size:1.2em; margin:15px 0px 5px;}
.container .menufooter a {color:white;}
.container .menufooter a:hover { text-align:underline}

.container .footer { background:url(/img/dsgn/footer.jpg) no-repeat; overflow:hidden; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; padding:10px 40px}
.container .footer p:first-child{ font-size:1.2em; padding:20px 0px 0px 0px; margin:0px}
.container .footer p.derechos {padding:10px 0px 0px; text-align:right; margin:0px;}
.container .footer p a {color:rgb(51,51,51)}

.container .gris { background:rgb(231,231,231); padding:10px 30px}
.container .gris .white {padding:20px 20px 10px; margin-bottom:20px}
.container .gris .white .crop {width:100%; max-width:200px; height:150px; -moz-box-shadow: 0 0px 5px #333;-webkit-box-shadow: 0 0px 5px #333; box-shadow: 0 0px 5px #333; overflow:hidden; background:rgb(249,249,249) url(/img/archivos/default.jpg) center center no-repeat; background-size:100%; margin-bottom:10px}
.container .gris .white .crop img { width:100%}
.container .gris .white .imgdos { display:none;}
.container .gris a .white p { color:#333; text-align:justify}
.container .gris a .white h2, .container .gris a .white p.ver {color:#F60}
.container .gris a .white h2 { margin:0px 0px 10px; padding:0px; border-bottom:1px solid #F60;}

.container .gris .elproducto { text-align:justify}
.container .gris .elproducto h2 { text-transform:capitalize}
.container .gris .elproducto a {color:#333}
.elslider {display:block;position:relative;max-width:900px;margin:30px auto 98px; padding:0px;}

.container .gris .contacto p {text-align:justify}
.container .gris .contacto .white {padding:5px; width:100%; margin:30px 10px 0px}
.container .gris .contacto .white:last-child {margin-bottom:10px}
.container .gris .contacto p a {color:rgb(51,51,51)}

@media (max-width: 1200px) {
.container .logos img {height:60px}
}
@media (max-width: 991px) {
/*body {background:red}*/
.container .logo a {min-height:145px;}
.container .resto p.datos {padding:10px; margin:0px; background:rgb(150,146,145);}
.container .resto p.datos span {background:none; padding:0px;}
.container .resto p.datos span > span:nth-child(3) {display:none}
.container .resto p.datos span > span:nth-child(4) {display:block}
.container .logos {text-align:center; padding:10px 0px}
.container .logos img {height:50px}
.container .menufooter {display:none;}
.container .footercelu {display:block; margin-top:10px;}
.container .footer span {display:block}
.elslider {margin:10px auto 98px;}
.container .gris .contacto img.white { display:none;}
.container .gris .contacto .white {margin:30px 0px 30px}
}
@media (max-width: 800px) {
.container .logos span {display:block}
.container .logos img {height:60px; padding:0px 10px}
}
@media (max-width: 768px) {
/*body { background:yellow}*/
body {background:#F60}
.imguno { display:none;}
.container .gris .white .imgdos {display:block; margin:10px 0px;}
.container .gris .white .imgdos .crop {margin:0px auto; max-width:100%; height:145px;}
.container .gris .white .imgdos .crop img { width:100%; height:auto;}
.container .logo a {min-height:170px;}
}
@media (max-width: 750px) {
/*body { background:blue}*/
.container .logo a {min-height:170px;}
.container .resto p.datos span > span:nth-child(1) {display:none}
.container .resto p.datos span > span:nth-child(2) {display:block}
.container .conozca {padding:5px 25px 10px; text-align:justify}
.container .conozca .two-columns {-webkit-column-gap: 25px; -moz-column-gap: 25px; column-gap: 25px;}
.container .destacados > div {padding:15px}
.container .footer, .container .footer p.derechos, .container .footer p:first-child { text-align:center; padding:10px}
.container .categorias {display:none;}
.container .categoriascel {display:block; text-align:center; margin-top:5px}
.container .categoriascel div {padding:15px 0px; text-transform:uppercase; background:rgb(51,51,51); border:5px white solid;} 
.container .categoriascel div a {color:white; text-decoration:none;}
.container .categoriascel div:hover {background:rgb(150,146,145); cursor:pointer} 
}
@media (max-width: 600px) {
/*body {background:yellow}*/
.container .resto p.datos {display:none}
.container .resto .redes {padding:40px 10px 0px;}
.container .logo a {min-height:100px;}	
.container .slider {margin-bottom:5px}
.container .conozca .two-columns {-webkit-column-count: 1; -moz-column-count: 1; column-count: 1;}
.container .logos img {padding:0px}
}
@media (max-width: 540px) {
.container .logo {min-height:90px;}	
.container .logos img {height:45px}
.container .gris .contacto p { text-align:left}
}
@media (max-width: 480px) {
.container .resto .redes {padding:20px 10px 0px;}
.container .resto .redes > span { display:block; height:5px;}
.container .logo a {min-height:100px;}
.container .categoriascel {padding:2px} 
.container .categoriascel div {border:2px white solid;} 
.container .gris {padding:0px 15px}
}
@media (max-width: 450px) {
.container .logo {background:none; min-height:80px;}
.container .logo a {min-height:80px;}
.container {background:white url(/img/dsgn/toldosnovobaires.png) no-repeat 15px 15px; background-size:60%}
}
@media (max-width: 400px) {
.container .resto .redes {padding:20px 10px 0px;}
.container .logos img {height:30px;}
.container .logos { padding:5px 0px}
.container .logos span {margin-top:10px}
.container .logo a {min-height:100px;}
}
@media (max-width: 330px) {
.container .logo a {min-height:80px;}
.container .resto .redes a { width:25px; height:25px; padding-top:1px; font-size:0.9em;}
}

.whatsapp {width: 60px; height: 60px; position: fixed; padding: 0 10px; bottom: 10px; right: 10px; z-index: 999; background: rgb(77,194,71); border-radius: 50%; display: flex; justify-content: center; align-items: center; box-shadow: 0 0 4px 1px rgb(0 0 0 / 35%); -webkit-box-shadow: 0 0 4px 1px rgb(0 0 0 / 35%); -moz-box-shadow: 0 0 4px 1px rgba(0,0,0,0.3); }
.whatsapp a {display: flex;}
.whatsapp a img {max-width: 100%; }
.container .gris .elproducto a.btn_wh {padding: 15px 19px;margin:0;width:auto;display:inline-block;background-color:rgb(255,102,0);text-decoration:none;display:inline-block;color:white;transition:background 0.5s ease}
.btn_wh img {width:18px;position:relative;top:-2px;margin-right:5px;}
.container .gris .elproducto a.btn_wh:hover {background:rgb(230,88,0)}