@charset "UTF-8";

/* ==================================
CSS Document by SAC-SODIMAC
Elements for design and estructure
================================== */
@font-face {
	font-family: 'misoregular';
	src: url('../miso/miso-regular-webfont.eot');
	src: url('../miso/miso-regular-webfont.eot?#iefix') format('embedded-opentype'),
	     url('../miso/miso-regular-webfont.woff2') format('woff2'),
		 url('../miso/miso-regular-webfont.woff') format('woff'),
		 url('../miso/miso-regular-webfont.ttf') format('truetype'),
		 url('../miso/miso-regular-webfont.svg#misoregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

.no-pad { padding:0 !important;}

.mt10 { margin-top:10px;}
.mt20 { margin-top:20px;}
.mt30 { margin-top:30px;}
.mt40 { margin-top:40px;}
.mt50 { margin-top:50px;}

.mb10 { margin-bottom:10px;}
.mb20 { margin-bottom:20px;}
.mb30 { margin-bottom:30px;}
.mb40 { margin-bottom:40px;}
.mb50 { margin-bottom:50px;}

.caja-sac { width:100%; height:450px; border:1px solid #ccc; padding:10px; float:left; margin-bottom:20px;}
.caja-sacIc { width:70px; height:70px; margin:0 auto;}
.caja-sac h3 { font-family:'misoregular'; text-align:center; color:#000; font-size:25px; margin-top:10px;}
.caja-sac p { text-align:center; color:#000; font-size:13px; margin-top:10px; padding:0 20px; line-height:1.1; margin-bottom:25px;}
.ul-sac li { /*text-align:center;*/ }


/* p */
.sac p { font-size:14px !important; font-weight:normal !important; color:#000; line-height:19px !important; padding-left:0 !important;}

/* ordenated list */
.ol-sac { margin:0; padding:0; list-style-position:inside;}
.ol-sac li { list-style:decimal !important; list-style-position:inside; padding:6px 10px;}
.ol-sac li:hover { background-color:#F6F6F6; border-left:solid 1px #ccc; box-sizing: border-box; padding-left:9px;}

/* decimal list */
.ul-deci { margin:0 17px; padding:0; list-style-position:inside;}
.ul-deci li { list-style:decimal !important; list-style-position:inside; padding:6px 10px;}
.ul-deci li:hover { background-color:#F6F6F6; border-left:solid 1px #ccc; box-sizing: border-box; padding-left:9px;}

/* alfha list */
.ul-alfa { margin:0; padding:0; list-style-position:inside;}
.ul-alfa li { list-style:lower-alpha; !important; list-style-position:inside; padding:6px 10px;}
.ul-alfa li:hover { background-color:#F6F6F6; border-left:solid 1px #ccc; box-sizing: border-box; padding-left:9px;}

/* point list */
.ul-point { margin:0 17px; padding:0; list-style-position:inside;}
.ul-point li { list-style:disc !important; list-style-position:inside; padding:6px 10px;}
.ul-point li:hover { background-color:#F6F6F6; border-left:solid 1px #ccc; box-sizing: border-box; padding-left:9px;}

/* unordenated list */
.ul-sac { margin: 5px 15px; padding:0; list-style-position:inside;}
.ul-sac li { list-style:none !important; list-style-position:inside; padding:6px 10px;}
.ul-sac li:hover { background-color:#F6F6F6; box-sizing: border-box; padding-left:10px;}

/* table */
.tabla-sac { width:100%; margin-top:10px;}
.tabla-sac thead { background-color:#dd0021; text-align:center; color:#fff;}
.tabla-sac thead td { padding:10px 0; text-transform:uppercase; font-weight:normal;}
.tabla-sac tbody tr:hover { background-color:whitesmoke; cursor:pointer;}
.tabla-sac tbody td { padding:10px 5px; border-bottom:solid 1px #ccc;}

/* paddings */
.nopad-l { padding-left:0;}
.nopad-r { padding-right:0;}
.nopad { padding-left:0; padding-right:0;}

/* text table */
.tdcenter { text-align:center;}
.tdleft { text-align:left;}
.tdright { text-align:right;}
.tbold { font-weight:bold;}

/* paginacion */
ul.box-paginacion li { width:100%; height:auto; display:block;}
ul.simplePagerNav { float:right;}
ul.simplePagerNav li { width:30px; height:30px; border:solid 1px #eee; display:block; float:left; padding:3px; margin:40px 0 0; margin-right:-1px;}
ul.simplePagerNav li a { width:100%; height:100%; display:block; text-align:center; color:#333; text-decoration:none; line-height:28px;}

li.currentPage { background:#0072ce;}
ul.simplePagerNav li.currentPage a { color:#fff;}

/* notes and legals */
.sac-nota { width:100%; padding:10px; margin-top:10px; display:block;
-webkit-border-radius:4px;
   -moz-border-radius:4px;
        border-radius:4px;
}
.sac-nota p { font-size:12px !important; color:#666;}
.sac-nota p strong { display: inline;}

/* accordion */
.box-accor { margin:20px 0; display:block; position:relative; /*margin-left:15px*/}
.expand { width:100%; height:auto; display:block;}
.expand::after { content:"+"; float:right; color:#dd0021; font-family:'misoregular'; font-size:18px;}

/* store list */
.box-store { padding:10px; border:solid 1px #eee; margin:5px 0;
-webkit-border-radius:3px;
   -moz-border-radius:3px;
        border-radius:3px;
}
.box-store h3 { font-size:14px !important; margin-bottom:4px;}
.box-store .horario { margin-top:5px;}
.box-store .italic { font-style:italic; margin-bottom:5px;}

/* generic */
.borde { border:solid 1px #ccc;}

/* vitrina */
.vitrina img{width:100%; height:auto; }

.list-num{
	margin: 5px auto 5px 20px;
	}

@media (max-width:767px){
.caja-sac { height: auto; padding: 10px 5px;}
.tabla-sac { font-size:12px; text-align:center;}
.table-responsive { border:none;}
}

a {
  text-decoration: none;
}

a:link {

  color:#0073EC;
}

a:visited {
  color: #A8BBBB;
}

a:hover {
  color: #0073EC;
  text-decoration: underline;
}

a:active {
 color: #DD0021;
}

.titu {
	font-family: 'misoregular';
	font-size: 50px;
	text-align: center;

}

.tutu {
	font-family: 'misoregular';
	font-size: 30px;
	text-align: center;

}