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

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700;800&display=swap');

* { border:0;
margin:0;
padding:0;
box-sizing:border-box;}
a { text-decoration:none; }
img, video { max-width:100%;}
a:hover, input[type="submit"]:hover { opacity:0.8;}
input[type="submit"] { -webkit-appearance: none;}

html, body {
  height: 100%;
}

body { font-family: 'Source Sans Pro', sans-serif; font-size:16px; color:#000; background:#fff url(images/bg-cont.png) repeat-y center top; }

.cont {width:100%; margin:0 auto;  max-width:768px; padding-bottom:30px;}

.header { text-align:center;  padding:20px;}
.header img { height:28px; margin:0 auto; display:block;}

/*.logo img {  max-width:100%; min-width:100%;} */
.logo {background-position:center; background-repeat:no-repeat; text-align:center; height:370px; }
.logo img { max-width:400px; padding: 100px 0;}

.pie{background-color:#4d4d4d; text-align:center; color:#FFFFFF; height:140px; padding: 50px 0;}

.item{width:95%; border-bottom: #CCCCCC 1px solid; box-sizing: border-box; margin:20px; display:flex; height:220px;}

.redes{display: flex;   flex-wrap: wrap; justify-content: center; margin: 20px;}
.reda {align-items: center; box-sizing: border-box; cursor: pointer;  display: flex; position: relative;}
.reda img{max-width: 40px;     margin: auto 20px; }

#options{text-align:center;     margin-bottom: 30px; }

.containes { text-align:center; }

.hacheerre {border-top: #999999 thin solid;
    margin: 20px auto;
    width: 80%;}
	
.detalles h2 {font-size: 2.3em; margin: 10px 0;}
.gris { color:#454542; line-height: 21px; }
.rojo { color:#FF0000; }

.logot {max-width:170px; margin:10px 30px;}

.detalles{float:right; /*width:50%;*/ margin-left: 60px;  margin-top: 20px;}	

/* input{ border:solid 1px #4d6872; width:350px; height:30px; text-align:center; font-size:16px; font-family:inherit; color:#333333; background-color:#f0f0f0;} */
.bottom-gap { margin-bottom:20px !important;}

.nombre { text-align:center;  color:#fff;  background-color:#9a999e; padding:2px; font-size:13px; line-height:1; }
.nombremc { text-align:center;  color:#fff;  background-color:#9a999e; padding:2px; font-size:18px; line-height:1; text-transform: uppercase; padding: 10px }

	

.horarios {text-align:center; padding:2px;  background-color: #ed1c24;} 

.horarios2 {text-align:center; padding:16px;   font-size:16px; width:99%; min-height:80px;}

.mensaje {text-align:center; padding:16px;  background-color: #f0f0f0;  margin:auto; font-size:16px; width: 99%; min-height:80px; }
.mensaje2 {text-align:center; padding:16px; background-color:#FFFFCC; margin:auto; width:99%; min-height:80px;}

.block { padding:10px 40px;}
.block h2.promo { color:#c2221b; font-size:22px; font-weight:900;}
.block h3 { color:#4d6872; font-size:20px;  text-transform:uppercase; margin-top:30px; border-bottom:solid 1px #4d6872; margin-bottom:3px;} /*font-weight:800;*/
.block ul { list-style:none;}
.block ul li { margin-bottom:5px; border-bottom:solid 1px #cbd5d9; padding-bottom:5px;}
.block ul li input{ float:right; border:solid 1px #4d6872; width:50px; height:22px; margin-left:10px;
text-align:center; font-weight:700; font-size:16px; font-family:inherit;}
.block ul li em { font-size:14px; color:#7d8f96; display:block; line-height:1;}
.block ul li br { display:none;}
.block ul ul { text-align:right;}
.block ul li li { margin-bottom:5px; font-size:14px; border-bottom:none; padding-bottom:0px;}

.form-datos { margin-top:40px;}
.form-datos input, .form-datos textarea {padding:10px; color:#000; font:inherit; height:40px; background:#fff; width:100%; display:block; margin-bottom:10px; border:solid 2px #7d8f96; }
.form-datos textarea { height:80px; width:100%;}
.form-datos input[type="submit"] {font-weight:700; text-transform:uppercase; color:#fff;  background-color:#00ca50; font-size:16px; width:50%; margin:0 auto; border:none; }

.form {max-width:50%; background:#e4eaec; margin:30px auto 0 auto; padding:30px;}
.form h3 {color:#4a585d; font-size:24px; font-weight:900; text-transform:uppercase; text-align:center;
border-bottom:solid 1px #c2221b; margin-bottom:30px; padding-bottom:10px;}
.form form { display:block; width:100%;}
.form input, .form textarea, .form input[type="submit"], .form select {margin-bottom:10px; padding:0 10px; color:#000; font:inherit; height:40px; background:#fff; width:100%; display:block; border:solid 2px #7d8f96;}
.form input[type="submit"], .form input[type="button"] {font-weight:700; text-transform:uppercase; color:#fff;  background-color:#ff3102; font-size:16px; width:100%; margin:0 auto; border:none; }
.form input[type="submit"] { margin-bottom:10px;}
.form input[type="button"] { margin-bottom:0;}
.form textarea {height:60px;}

.form.login {margin:50px auto 0 auto; padding:30px 30px 40px 30px;}
.form.login h3 {margin-bottom:40px;}
.form.login input, .form.login textarea, .form.login select { margin-bottom:20px; }
.form.login textarea { height:80px;}

.form input.precio-uni { display:inline-block; width:10%; height:22px; float:right;}
.form label.orden { display:block; margin-top:10px;}

.botones-top {text-align:center; padding:20px 40px; background-color:#a6b7bd;} 
.botones-top a { display:block; color:#3a4e55; font-weight:700; width:100%; text-transform:uppercase; padding:6px; margin-bottom:12px; background:#cbd5d9; font-size:18px; }

.botones-top2 {text-align:center; padding:20px 40px;} 
.botones-top2 a { display:block; color:#fff; font-weight:700; width:100%; background-color:#ff3102; text-transform:uppercase; padding:6px; margin-bottom:12px; font-size:18px; }




.block h2.tit { color:#4d6872; font-size:30px; font-weight:900; text-transform:uppercase; text-align:center;
border-bottom:solid 1px #4d6872; margin-bottom:10px; padding-bottom:10px;}

.botones-menu {text-align:center; } 
.botones-menu a { display:block; font-weight:700; width:100%; color:#3a4e55;
text-transform:uppercase; padding:6px; margin-bottom:12px; background:#cbd5d9;}

.block.edit ul li a { font-size:12px; text-transform:uppercase; border:solid 1px #7d8f96; padding:2px 8px; background:#dde4e8; display:inline-block; margin-left:5px; color:#4d6872;}
.block.edit ul li { border-bottom:none; margin-bottom:0;}
.block.edit ul ul li { margin-bottom:8px; font-size:14px; border-bottom:none; padding-bottom:0px;}
.block.edit ul ul {border-bottom:solid 1px #cbd5d9; margin-bottom:5px;}
.block.edit ul.promoc li, .block.edit ul.datos li { margin-bottom:5px; border-bottom:solid 1px #cbd5d9; padding-bottom:5px;}
.block .boton a{ text-transform:uppercase; color:#4d6872; background-color:#dde4e8; font-size:16px; width:100%; display:block; padding:2px 0; text-align:center; border:solid 1px #7d8f96; margin-top:10px; }
.block.edit ul.datos li img { vertical-align:top; margin-left:5px;}

a.color { font-weight:700; color:#4a585d;}

.form.dias p { margin-bottom:10px;}
.form.dias input, .form.dias label { display:inline-block; width:49%; vertical-align:middle; margin-bottom:0;}
.form.dias label { text-align:right;}
.form.dias input[type="submit"] { display:block; width:100%;}
.form.dias input[type="checkbox"] { width:auto; height:auto;}

.form.pedidos { max-width:100%;}
.form.pedidos table { font-size:12px; background:#fff; width:100%;}
.form.pedidos table input { border:solid 1px #7d8f96; height:24px; padding:0 4px; margin-bottom:0;}
.form.pedidos table input[type="checkbox"] { width:auto; height:auto; margin:0;}
.form.pedidos table th {background-color:#4a585d; padding:8px 4px;}
.form.pedidos table th a { color:#fff; font-weight:700;}
.form.pedidos table td {padding:10px 4px; border-bottom:solid 1px #cbd5d9;}
.form.pedidos table td a.edit { font-size:11px; text-transform:uppercase; border:solid 1px #7d8f96; padding:2px 0px; background:#dde4e8; display:inline-block;  color:#4d6872;}
.form.pedidos .nav input[type="button"] { width:40px; height:40px; display:inline-block; font-size:14px;
color:#4d6872; background-color:#dde4e8; border:solid 1px #7d8f96;}
.form.pedidos div.KT_textnav ul { display:block; margin:20px auto;}
.form.pedidos table tr.KT_even { background-color:#fff;}
.form.pedidos .bot-buttons { text-align:center; border-top: solid 1px #4a585d;}
.form.pedidos .bot-buttons a {font-size:16px; width:25%; display:inline-block; padding:10px 0; text-align:center; margin:10px; font-weight:700; text-transform:uppercase; color:#fff;  background-color:#4a585d;}
.form.pedidos .bot-buttons select { width:40px; display:inline-block; padding:0;}
.form.pedidos .botones-filtro { text-align:right; margin-bottom:5px;}
.form.pedidos .botones-filtro a {font-size:11px; text-transform:uppercase; border:solid 1px #7d8f96; padding:2px 4px; background:#dde4e8; display:inline-block; margin-left:4px; color:#4d6872;}


.form.pedidos-v ul { list-style:none;}
.form.pedidos-v ul li {border-bottom:solid 1px #cbd5d9; padding-bottom: 6px; margin-bottom: 6px;}
.form.pedidos-v ul li strong { display:block;}
.form.pedidos-v p.variante {background:#cbd5d9; padding:5px 8px; margin-bottom:5px;}
.form.pedidos-v p.total {text-align: right; text-transform: uppercase; font-size: 18px;}
.form.pedidos-v p.dir {border-bottom: solid 1px #c2221b; border-top: solid 1px #c2221b;
padding: 5px 0; margin-top: 10px;}
.form.pedidos-v a.boton { display:block; padding:10px 0; text-align:center; margin-top:20px;
font-weight: 700; text-transform: uppercase; color: #fff; background-color: #ff3102; font-size: 16px;
width: 100%;}

::-webkit-input-placeholder {color: #000; opacity:1;}
:-moz-placeholder {color: #000; opacity:1;}
::-moz-placeholder {color: #000; opacity:1;}
:-ms-input-placeholder {color: #000; opacity:1;}

.botonverde2020{font-size: 18px;
    background-color: #00ca50;
    margin: 30px;
    color:#FFFFFF;
    padding: 10px;
    width: 100%;
    margin: auto;
    display: block;
	cursor:pointer;
	}
	
.botonazul2020{font-size: 18px;
    background-color: #2e3192;
    margin: 30px;
    color:#FFFFFF;
    padding: 10px;
    width: 100%;
    margin: auto;
    display: block;
	cursor:pointer;
	}
	
.botonrojo2020{font-size: 18px;
    background-color: #ee4035;
    margin: 30px;
    color:#FFFFFF;
    padding: 10px;
    width: 100%;
    margin: auto;
    display: block;
	cursor:pointer;
	}
	
	
	
.plus{ background:#dde4e8 !important; color:#4d6872 !important;}

.click3{cursor:pointer; display: block;color: #fff; font-weight: 700; width: 100%;  background-color: #ff3102;text-transform: uppercase; padding: 6px; margin-bottom: 12px; font-size: 18px;}
.click3:hover { opacity:0.8;}

.estado {width:80%; margin:10px auto; padding:10px; cursor:pointer;}

.raleway{font-family: 'Open Sans', sans-serif;}

.fa {
  font-family: FontAwesome, 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

*{box-sizing:border-box;}

#tags{border:solid 1px #4d6872; width:350px; height:30px; text-align:center; font-size:16px; font-family:inherit; color:#333333; background-color:#f0f0f0; float:left;}
#fo {text-align:center; margin:auto; width:410px;}

@media screen and (max-width: 768px){
body { background-image:none;}
.cont { border:none;}
.botones-top .botones-top2 { padding:20px;}
.block { padding:10px 20px;}
.form-datos input[type="submit"] {width:100%;}
.block ul li strong,
.form-datos input, .form-datos textarea { font-size:18px;}
.form { max-width:100%; padding:20px;}
a.color { font-size:11px; display:block; padding:5px 0;}
.block.edit ul li a,
.form.pedidos .botones-filtro a,
.form.pedidos table td a.edit { padding:4px 10px;}
.tabla-scroll { max-width:100%; overflow-x:scroll;}
.form.pedidos table td { padding:10px 2px;}
.form.pedidos table td a.edit { display:block; width:100%; margin-bottom:4px; text-align:center;}
.form.pedidos .bot-buttons a { width:45%; margin:10px 5px;}
.form.pedidos .bot-buttons select { width:50px;}
.form.dias label {width:39%;}
.form.dias input {width:59%;}
.form input.precio-uni { width:50px; height:22px;}
}


@media screen and (max-width: 600px){
.logot {    max-width: 130px; }
.detalles h2 {margin: 0px 0; line-height: 34px; margin-bottom: 20px;  margin-top: 10px;}
.detalles {margin-top: 10px; }
}

@media screen and (max-width: 460px){
.logot {    margin: 10px;}
.detalles {margin-left: 30px;}
.detalles h2 {   font-size: 2em; margin-top:2px;}
}

@media screen and (max-width: 410px){
#tags{width:300px; }
#fo {margin:auto; width:360px;}
.detalles h2 { font-size: 1.6em; margin-bottom: 4px;}
.logot {    max-width: 114px; }
.detalles {    margin-left: 20px; }
.item{height: 152px; margin: 4px;}
}

@media screen and (max-width: 380px){
#tags{width:200px; }
#fo {margin:auto; width:260px;}
.logo img {
    max-width: 300px;
    padding: 50px 0;
}
.logo{height: 225px;}
.detalles {
    margin-top: 0px;
}
.gris{font-size: 15px;}
.detalles {
    margin-left: 24px;
}
.detalles h2 {
    font-size: 1.1em;
}

@media screen and (max-width: 360px){
.detalles {
    margin-left: 30px;
}
.detalles h2 {
    font-size: 1.2em;
    line-height: 20px;
	margin-top: 8px;
}
}
@media screen and (max-width: 350px){
.detalles{ margin-left: 34px;margin-top: 2px; }
.detalles h2 {
    font-size: 1.2em; line-height: 21px;
}
@media screen and (max-width: 320px){
.detalles {
    margin-left: 44px; }
	}