@font-face {
  font-family: "Crimson Text";
  font-style: normal;
  font-weight: 700;
  src: local("Crimson Text Bold"), local("CrimsonText-Bold"), url("https://fonts.gstatic.com/s/crimsontext/v6/rEy5tGc5HdXy56Xvd4f3I3NuWYKPzoeKl5tYj8yhly0.woff2") format("woff2"), url("https://fonts.gstatic.com/s/crimsontext/v6/rEy5tGc5HdXy56Xvd4f3I3l4twXkwp3_u9ZoePkT564.woff") format("woff");
}
body{font-family: open-sans, Verdana, Helvetica; font-size: 13px; color:#000000;}

a img{border: none;}

#container{width: 100%; height: 542px; margin-left: 5px;}/* centrado de ciudades y mapa */ 

ul.css-tabs{list-style-type:none; width:347px; height:auto; padding: 30px 0 0 0;} /* cambio espacio de columnas */ 
ul.css-tabs li{float:left; width:160px; background-color:#7c7c7c; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin:3px 7px; transition: background 100ms ease-in-out; -webkit-transition:background 100ms ease-in-out;}/* color botones del mapa antes #99042f */ 
ul.css-tabs li a{width:130px; height:20px; display:block; text-decoration:none; color:#ffffff;padding: 5px 15px 0px 15px; line-height: 15px; text-shadow: 2px 1px 4px #000000; filter: dropshadow(color=#000000, offx=2, offy=1);}
ul.css-tabs li:hover{background-color:#bababa;}/* color boton del mapa con mouse encima antes E42A18 */

ul#sucursal{list-style-type:none; width:200px; height:auto; padding:10px; margin-top:-10px;}
ul#sucursal li{float:left; width:200px; text-decoration:none; color:#000000; font-size:15px;}
ul#sucursal li:hover{cursor:pointer; color:#7c7c7c; font-weight:bold;} /* color encima de la sucursal */ 

.selecciona-sucursal:hover{color:#7c7c7c; cursor:default; padding-bottom:10px;}
.lista-sucursales {display: inline-block; float: left; width: 250px;} 
ul#sucursal li#selecciona:hover{color:#7c7c7c; cursor:default; padding-bottom:10px;}
ul#sucursal li#selecciona{color:#7c7c7c; cursor:default; font-weight:bold; padding-bottom:10px;}/* color de selecciona una sucursal */ 

.store {display: inline-block !important; width: 500px; }
.title{text-align:center; text-transform:uppercase; color: #7c7c7c; font-size:32px; line-height:0px; width: 100%; padding-bottom: 30px;}/* color letras de los estados encima del mapa */ 
#link {float: right;}
#title {margin-top: 0px;}
.left-column{float:left; display: inline-block; width:170px; margin-top:20px;} /* espacio entre mapa y sucursales */
.right-column{float:left; display: inline-block; width:220px; position:fixed;}

.initial-map{margin: 24px 0 0 220px;}
.internal-map{margin: -24px 0 0 220px;}

#map_canvas{width:600px; height: 500px;}

.css-panes{width: 825px; height:auto;}

/* root element for scrollable */
.vertical {

    /* required settings */
    position:relative;
    overflow:hidden;

    /* vertical scrollers have typically larger height than width */
    height: 450px;
    width: 350px;
}

/* root element for scrollable items */
.items {
    position:absolute;

    /* this time we have very large space for height */
    height:420px;
    margin: 0px;
}

/* single scrollable item */
.item {
    margin:0;
    padding:0px;
    height:405px;
}

/* elements inside single item */
.item img {
    float:left;
    margin-right:20px;
    height:180px;
    width:240px;
}

.item h3 {
    margin:0 0 5px 0;
    font-size:16px;
    color:#456;
    font-weight:normal;
}

/* the action buttons above the scrollable */
.actions {
    width:200px;
}

.actions a {
    font-size:11px;
    cursor:pointer;
    color:#666;
}

.actions a:hover {
    text-decoration:underline;
    color:#000;
}

.disabled {
    visibility:hidden;
}

.next {
}

.mobile{display:none;}

@media only screen and (max-width:767px){
	.mobile{display:block;}
	.monitor{display:none;}
	#accordion {
    width: 100%;
    border:1px solid #333;
    -background:#666;
    margin: 0 auto;
}

/* accordion header */
#accordion h2 {
    background-color:#cccccc;
    line-height: 14px;
    margin:0;
    padding:15px;
    font-size:14px;
    font-weight:normal;
    border:1px solid #fff;
    border-bottom:1px solid #ddd;
    cursor:pointer;
}

/* currently active header */
#accordion h2.current {
    cursor:default;
    background-color:#cfa100;
	color:#000000;
	font-weight:bold;
}

/* accordion pane */
#accordion .pane {
    border:1px solid #333333;
    border-width:0 2px;
    display:none;
    height:auto;
    padding:15px;
    color:#333333;
    font-size:12px;
}

/* a title inside pane */
#accordion .pane h3 {
    font-weight:bold;
    margin:0;
    font-size:16px;
    color:#000;
}
}