/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 30-sep-2014, 17:06:07
    Author     : javier
*/

body {  background-color: #383838; color: #333; }
body.ui-mobile-viewport, div.ui-mobile-viewport {
    overflow: hidden;
}
.icon-logo { background-image: url(../images/sprite-logo.png); }
.icon-lang { background-image: url(../images/sprite-lang.png); }

/* ///////////////////////////////////////////////////////////////////////// */

/* colores */
/* --- menú panel --- */
.panel.nav { background-color: #EDEDED; }
.panel.nav a { color: #333; }
.panel.nav a:hover { background-color: #ddd; }



/* --- widgets --- */
.widgets {
    background:              #333;
    box-shadow: 0 0 15px inset;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#25292C), to(#393E41)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(#25292C, #393E41); /* Chrome 10+, Saf5.1+ */
    background-image:    -moz-linear-gradient(#25292C, #393E41); /* FF3.6 */
    background-image:     -ms-linear-gradient(#25292C, #393E41); /* IE10 */
    background-image:      -o-linear-gradient(#25292C, #393E41); /* Opera 11.10+ */
    background-image:         linear-gradient(#25292C, #393E41);
}

/* --- menú navegación promociones --- */
.promo.nav { background-color: #C5C5C5; border-bottom: 1px solid #FFFFFF; box-shadow: 0 -1px 4px #AAA, 0 4px 5px rgba(0, 0, 0, 0.7); }
.promo.nav .ui-btn { border-left: none; border-right: none; }
.promo.nav .ui-btn.active, .hotel.nav .ui-btn.active {
    background:              #333;
    color:                   #fff;
    text-shadow:     0 1px 0 #111;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#2D2D2D)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(#444, #2D2D2D); /* Chrome 10+, Saf5.1+ */
    background-image:    -moz-linear-gradient(#444, #2D2D2D); /* FF3.6 */
    background-image:     -ms-linear-gradient(#444, #2D2D2D); /* IE10 */
    background-image:      -o-linear-gradient(#444, #2D2D2D); /* Opera 11.10+ */
    background-image:         linear-gradient(#444, #2D2D2D);
}
.promo.nav .ui-btn.active:hover, .hotel.nav .ui-btn.active:hover {
	background: 			 #444;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#555), to(#383838)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(#555, #383838); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(#555, #383838); /* FF3.6 */
	background-image:     -ms-linear-gradient(#555, #383838); /* IE10 */
	background-image:      -o-linear-gradient(#555, #383838); /* Opera 11.10+ */
	background-image:         linear-gradient(#555, #383838);
}
.promo.nav .ui-btn.active a { color: #fff; }
.promo.nav .ui-btn.active strong { color: #FF9C00; }
.promo.nav .ui-btn.active i strong { color: inherit; }

/* --- menú navegación hotel --- */
.hotel.nav { border-bottom: 1px solid #FFF; }
.hotel.nav .ui-btn-item-a.active a { color: #FFF; }

/* --- formulario promociones --- */


/* --- texto --- */
.text { color: #2E3235; font-size: 14px; }


.footer .booking .date { color: #747474; }
/*.footer .infor, .footer .infor a { color: #666; }
.footer .links a:hover { color: #333; }*/

.footer .infor { padding: 5px 1em; font-size: .8em; }
.footer .infor, .footer .infor a { color: #FFFFFF; }
.footer .copy { text-align: right; margin-bottom: 1px; color:#383838; text-shadow: none;}
.footer .links ul { text-align: right; }
.footer .links li { display: inline; margin-left: 20px; }
.footer .links li:first-child { margin-left: 0; }
.footer .links a:hover { border-bottom: 1px dotted; color: #333; }



/* reset menú panel */
.panel.nav { padding: 0 7px; font-weight: bold; min-height: 40px; line-height: 40px; font-size: 14px; }
.panel.nav a { display: inline-block; }
.panel.nav .back { display: block; float: left; height: 40px; position: relative; text-align: center; width: 40px; z-index: 1; }
.panel.nav .back .icon { left: 50%; margin-left: -12px; }
.panel.nav .especial { display: block; position: absolute; text-align: center; width: 100%; z-index: 0; }
.panel.nav .especial .to_ranking { margin-left: -20px; padding: 0 1em; font-size: 12px; }
.panel.nav .especial .to_ranking strong { font-size: 14px; }
.panel.nav .buttons { float: right; position: relative; z-index: 1; }
.panel.nav .buttons a { padding: 0 1em; /*float: left;*/ display: inline-block; text-align: center; position: relative; }
.panel.nav .index { height: 40px; }
.panel.nav .index .prev, .panel.nav .index .next { width: 40px; height: 40px; padding: 0 !important; }
.panel.nav .index .prev .icon, .panel.nav .index .next .icon { left: 50%; margin-left: -12px; }
.pages { vertical-align: top; }



/* reset texto */
.text p { margin: .5em 0; }
.text ul { margin: 5px 0; }
.text li { margin: 2px; list-style: disc; margin-left: 2em; }
.text a { color: inherit; }

/* ///////////////////////////////////////////////////////////////////////// */

/* header */
* [data-role = "header"] { background-color: #F7F7F5; border-bottom: 1px solid #E4E4E4; height: 58px; }
/* --- logo --- */
.header .logo { 
    line-height: 58px; 
    margin: auto; /*position: relative;*/ 
    position: absolute; text-align: center; /*width: 144px;*/ width: 100%; z-index: 1; font-size: 16px; overflow: hidden; text-overflow: ellipsis; 
    background: url(../images/fondo_abanico2.png) #fff left bottom; color: #333; 
}
.header .logo a { color: #333; display: inline; }
.header .logo img { vertical-align: middle; height: 58px; }
/* --- botones --- */
.header .to_menu, .header .to_phone, .header .to_whatsapp, .icono.whatsapp { width: 58px; height: 58px; display: block; text-align: center; position: relative; z-index: 2 }

.header .to_menu { float: left; }
.header .to_phone, .header .to_whatsapp { float: right; }

.header .to_phone.close { background-color: #000; }
.header .to_phone.close:hover { background-color: #ccc; }
/* --- menú teléfono --- */
#popwhatsapp { background-color: #FFFFFF;  padding: 40px 5% 20px 5%; text-align: center; top: 0; width: 90%; font-size: 24px; z-index: 1004;}
.header .m_phones .icon-logo { margin-bottom: 17px; margin-top: 23px; }
.header .m_phones p { color: #333; line-height: 1.2em; margin: 0 20px 14px; }
.header .m_phones .number { color: #CACACA; display: block; font-weight: bold; margin: 0 auto 35px; font-size: 40px; }
/*.header .to_menu:hover, .header .to_phone:hover { background-color: #242729; }*/
.header .nav { position: absolute; top: 0; left: 0;  }
.header .nav2 { position: absolute; top: 0; right: 0;  }

.header .icon, .header .icono { left: 50%; margin-left: -12px; }
.header .to_whatsapp{ background: url(images/icons-png/ico-whatsapp.png) center no-repeat #FFFFFF !important;border:none;}
.icono.whatsapp{ background: url(images/icons-png/ico-whatsapp.png) center no-repeat #FFFFFF  !important; border:none;} 

[data-role = "page"]{height: 100% !important; position:relative !important;}
/* panel */
* [data-role = "panel"] { background-color: #333333; background-image: url(../images/panel.gif); left: -266px; text-align: left; width: 266px; box-shadow: -2px 0 3px #000 inset; }
#menu .logo, #menupic .logo, #menupic2 .logo , #menupic3 .logo , #menupic4 .logo , #menupic5 .logo , #menupic6 .logo  { display: block; margin: 25px 15px 20px; width: auto; text-align: center; }
#menu .ui-btn, #menu .ui-btn:hover,
#menupic .ui-btn, #menupic .ui-btn:hover,
#menupic2 .ui-btn, #menupic2 .ui-btn:hover,
#menupic3 .ui-btn, #menupic3 .ui-btn:hover,
#menupic4 .ui-btn, #menupic4 .ui-btn:hover,
#menupic5 .ui-btn, #menupic5 .ui-btn:hover,
#menupic6 .ui-btn, #menupic6 .ui-btn:hover{ background-color: transparent; background-image: none; }
#menu .ui-btn,
#menupic .ui-btn,
#menupic2 .ui-btn,
#menupic3 .ui-btn,
#menupic4 .ui-btn,
#menupic5 .ui-btn,
#menupic6 .ui-btn{ border: none; text-shadow: none; }
#menu .ui-btn .ui-btn-inner, #menu .ui-btn .ui-btn-inner .ui-btn,
#menupic .ui-btn .ui-btn-inner, #menupic .ui-btn .ui-btn-inner .ui-btn,
#menupic2 .ui-btn .ui-btn-inner, #menupic2 .ui-btn .ui-btn-inner .ui-btn,
#menupic3 .ui-btn .ui-btn-inner, #menupic3 .ui-btn .ui-btn-inner .ui-btn,
#menupic4 .ui-btn .ui-btn-inner, #menupic4 .ui-btn .ui-btn-inner .ui-btn,
#menupic5 .ui-btn .ui-btn-inner, #menupic5 .ui-btn .ui-btn-inner .ui-btn,
#menupic6 .ui-btn .ui-btn-inner, #menupic6 .ui-btn .ui-btn-inner .ui-btn{ margin: 0 15px; padding-right: 30px; color: #929292; border-top: 1px solid #404040; font-size: 14px; }
#menu .ui-btn:first-child .ui-btn-inner,
#menupic .ui-btn:first-child .ui-btn-inner,
#menupic2 .ui-btn:first-child .ui-btn-inner,
#menupic3 .ui-btn:first-child .ui-btn-inner,
#menupic4 .ui-btn:first-child .ui-btn-inner,
#menupic5 .ui-btn:first-child .ui-btn-inner,
#menupic6 .ui-btn:first-child .ui-btn-inner{ border-top: none; }
#menu .ui-btn:hover .ui-btn-inner,
#menupic .ui-btn:hover .ui-btn-inner,
#menupic2 .ui-btn:hover .ui-btn-inner,
#menupic3 .ui-btn:hover .ui-btn-inner,
#menupic4 .ui-btn:hover .ui-btn-inner,
#menupic5 .ui-btn:hover .ui-btn-inner,
#menupic6 .ui-btn:hover .ui-btn-inner{ background-color: #404040; color: #fff; }
#menu .icon,
#menupic .icon,
#menupic2 .icon,
#menupic3 .icon,
#menupic4 .icon,
#menupic5 .icon,
#menupic6 .icon{ margin-right: 5px; }
#menu .version,
#menupic .version,
#menupic2 .version,
#menupic3 .version,
#menupic4 .version,
#menupic5 .version,
#menupic6 .version{ font-size: 12px; margin: 20px; text-align: right; }
#menu .version a,
#menupic .version a,
#menupic2 .version a,
#menupic3 .version a,
#menupic4 .version a,
#menupic5 .version a,
#menupic6 .version a{ color: #FFF; }
#menu .version a:hover,
#menupic .version a:hover,
#menupic2 .version a:hover,
#menupic3 .version a:hover,
#menupic4 .version a:hover,
#menupic5 .version a:hover,
#menupic6 .version a:hover{ color: #CCC; text-decoration: underline; }

/* section */
* [data-role = "content"] { margin-top: 58px; }

/* footer */
* [data-role = "footer"] { position: fixed;  color: #333; bottom:0;  top: auto !important; width:100%; }
/* --- estilos --- */
.footer .booking .date { margin-left: 10px; font-style: normal; font-weight: normal; }

footer .ui-grid-b, footer .ui-grid-c{
    text-align: center;
}

/* ///////////////////////////////////////////////////////////////////////// */

/* home */
/*#home .slideshow { border-bottom: 0px solid #D9D9D9; }*/
#home .booking_form { padding-top: 5px; }
#home .place { margin: 0 10px 5px; text-align: center; display: block; }
#home .link { color: #6F6F6F; cursor: pointer; display:block; text-decoration: underline; text-align: center; font-size: 13px; }
#home .ui-calendar { border-width: 1px 0 1px 0; border-color: #D2D2D2; border-style: solid; padding: 0; margin: 0; }
#home .location, #home .rooms, #home .promo { margin: 10px 5%; clear: both; }
#home .rooms .title { color: #666; margin: 15px 0 5px; display: inline-block; }
#home .ages .ui-select { float: right; width: 40%; }
#home .promo .link { margin-bottom: 10px; }
#home .promo .ui-input-text { display: none; }
#home .footer .ui-submit .ui-btn-inner { padding-left: 20px; }
#home .footer .ui-btn-inner { font-size: 14px; }

/* ///////////////////////////////////////////////////////////////////////// */

/* formulario */
form .ui-submit { margin: 20px 5%; }
form .ui-input-text { margin-bottom: 10px; }
form .ui-input-checkbox .text { margin: 0 !important; padding: 0 !important; }
form .ui-select { margin-bottom: 10px; }
form .ui-slide { margin-bottom: 10px; }
form .ui-textarea { margin: 10px 0; }

/* ///////////////////////////////////////////////////////////////////////// */


/* ///////////////////////////////////////////////////////////////////////// */

/* botón categoría */
.ui-btn.category .ui-btn-inner { height: auto; white-space: normal; }
.category .ui-btn-inner { padding: 1em 45px 1em 20px; text-align: left; }

/* ofertas */
#ofertas .section { background-color: #FFF; }
#ofertas .slideshow { border-bottom: 1px solid #000; }

/* ///////////////////////////////////////////////////////////////////////// */


/* widgets */
.widgets { clear: both; }
.widgets .ui-datepicker { margin: auto; }
#date_from, #date_to { display: none; padding: 1em 0; margin-bottom: 1em; }

/* ///////////////////////////////////////////////////////////////////////// */

/* menú promociones */
.promo.nav { position: relative; width: 100%; z-index: 1; }
.promo.nav .ui-btn { clear: none; float: left; text-align: center; font-weight: normal; line-height: normal; }
.promo.nav.one .ui-btn { width: 100%; }
.promo.nav.two .ui-btn { width: 50%; }
.promo.nav.three .ui-btn { width: 33%; margin-left: 0.5%; }
.promo.nav .ui-btn:first-child { margin-left: 0; }
.promo.nav .ui-btn .ui-btn-inner { height: auto; padding: 1em 10px; white-space: normal; font-size: 12px; font-weight: normal; line-height: normal; }
.promo.nav .ui-btn i { display: block; }

/* ///////////////////////////////////////////////////////////////////////// */

/* ofertas */
.offer .room .text { font-size: 13px; padding: 5px 1.5em; }
/* --- reseteo ui-input-radio --- */
.offer .ui-input-radio { background-color: #FFF; background-image: none; border: 1px solid #ccc; }
.room .option .ui-input-radio label, .offer .option .ui-input-radio label, .pack .option .ui-input-radio label { padding-left: 1em; padding-right: 45px; }
.offer .option .ui-icon-right .icon, .pack .option .ui-icon-right .icon { margin-right: 1em; }
/* --- interior ui-input-radio --- */

/* oferta */
.offer .text.warning { padding: 0.5em 1.5em; position: relative; }



/* ///////////////////////////////////////////////////////////////////////// */

/* hotel */
#hotel .textHidden { height: 61px; overflow: hidden; }
#hotel .ui-submit { margin: 20px 5% 2em; }
#hotel .descrip .ui-submit { margin: 10px 0; }
/* --- menú navegación hotel --- */
.hotel.nav .ui-btn a { padding: 1em 25px; }
.hotel.nav .ui-btn:first-child { float: left; }
/* --- reset ui-list-btn --- */
#hotel .option .ui-btn-list { padding-top: 1em; padding-bottom: 1em; }
/* --- texto --- */
#hotel .descrip { padding: 1em 5% }
#hotel article .text { padding: 1em 5%; }
#hotel .show { font-size: 0.8em; margin: 5px 0 20px; text-align: right; }
#hotel .show a { text-decoration: underline; }
/* --- booking --- */
#hotel .location, #hotel .rooms, #hotel .promo { margin: 10px 5%; clear: both; }
#hotel .rooms .title { color: #666; margin: 20px 0 5px; display: inline-block; }
#hotel .ages .ui-select { float: right; width: 40%; }
#hotel .link { color: #6F6F6F; cursor: pointer; display:block; text-decoration: underline; text-align: center; font-size: 13px; }
#hotel .promo .link { margin-bottom: 10px; }
#hotel .promo .ui-input-text { display: none; }

/* hotel habitaciones */
#habitaciones .section { background-color: #fff; }
.button.nav { border-bottom: 2px solid #CCCCCC; }
#habitaciones .ui-submit { margin: 20px 5%; }

/* hotel habitacion */
#habitacion .section { background-color: #fff; }
#habitacion .descrip article { padding: 1em 5%; font-size: 14px; }
#habitacion .ui-submit { margin: 20px 5% 2em; }



/* ///////////////////////////////////////////////////////////////////////// */

/* mapa */
/*#googlemaps { width: 100%; min-height: 500px; height: 100%; }*/
#googlemaps { min-height: 500px; height: 100%; margin:20px; border:1px solid #000000;}
#mapa .directions { padding: 1em 5%; }
#mapa legend { font-size: 16px; font-weight: bold; padding: 10px 0 5px; }
#mapa .ui-input-text { margin-bottom: 10px; }
#directions-panel { background-color: #FFF; }
#googlemaps .map-box .map-popup { border-radius: 10px; color: #333; padding: 10px 90px 0 10px; }
#googlemaps .map-buttons a { color: #222; }

/* arreglos */
.expiration {
    padding-bottom: 40px;
}

.expiration p.error {
    margin-top: 50px;
    position: absolute;
}


.panel.nav {
    font-size: 14px;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    margin-top: -40px;
    min-height: 40px;
    padding: 0 7px;
    position: fixed;
    width: 100%;
    z-index: 2;
}
* [data-role="content"] {
    padding-top: 40px;
}

#home [data-role="content"] {
    padding: 0;
}
.flexslider {width: 100%; margin: 0; position:relative;}
.flexslider .slides img {width: 100%; display: block;}

.section .ui-submit {
	color:#FFF;
	background: #f89b02;
	border: 0px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
	filter: dropshadow(color=#000000, offx=0, offy=1);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 1px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 1px rgba(0, 0, 0, 0.6);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 1px rgba(0, 0, 0, 0.6);

}
.ui-panel-inner{
    padding: 0 !important;
    font-size: 14px !important;
}
.ui-panel-inner .logo img{
    height: 58px;
}
#menu .ui-btn .ui-btn-inner{
    
}
.to_booking{
    margin: 1em 25%;
    width: 50%;
}
.ui-grid-c{
    margin: 1em 0.4em;
}
.ui-grid-b{
    margin: 1.2em 0.4em;
}
.ui-header{
	border:none !important;
}
.header.ui-header.ui-bar-inherit{
    background-color: #FFFFFF; color: #333; 
}
.ui-panel-wrapper{ 
    overflow: hidden;
}

.ui-page-theme-a, .ui-panel-wrapper{ 
    background: url(../images/fondo_abanico2.png) #FFFFFF !important; }

.ui-bar-a{
    background-color: transparent !important;
    border: none !important;
}
.ui-bar-a.ui-bar{
    padding: 3px 1px;
}
 .ui-grid-b .ui-bar-a .ui-btn,
 .ui-grid-b .ui-bar-a .ui-btn:visited,
 .ui-grid-b .ui-bar-a .ui-btn:hover{
    text-transform: uppercase;
    border-radius: 0px !important;
    background: none repeat transparent; 
    border: none !important;
    /*min-height: 44px;*/
    font-size: 18px;
    padding-top: 9px;
    margin: 0 auto;
    color:#FFFFFF;
    text-shadow: none;
}
 
.ui-grid-c .ui-bar-a .ui-btn,
.ui-grid-c .ui-bar-a .ui-btn:hover,
.ui-grid-c .ui-bar-a .ui-btn:visited
{
    border-radius: 0px !important;
    /*background: url(../images/fondo-boton.png) repeat-x transparent; */
    background: none repeat transparent;
    /*border: 1px solid #383838;*/
   	border: none;
    min-height: 70px;
}

.ui-bar-a.ui-bar .btn-home{
    margin-top: 6px;
}

.ui-grid-b .ui-block-a{
    padding-right: 8px;
    text-align: right;
}
.ui-grid-b .ui-block-c{
    padding-left: 8px;
    text-align: left;
}

.ui-footer{ 
    
    border: none !important;
    
}
.ui-bar-inherit{
    background: none transparent !important;
}
a.ui-shadow{
	box-shadow: none !important;
	text-shadow: none !important;
}
.book_btn{
	height: 44px;
	width: 50%;
	margin: 0 auto;
        background:   url(../images/fondo-boton.png) repeat-x  #7c0c00 ;
        
}
.ui-bar-a.book_btn{
    background-color: #fff !important;
}
ul.main li.ui-li-static{
	padding: 0 !important;
}
.ui-content {padding: 8px 4px;}
.ui-content .ui-listview, .ui-panel-inner > .ui-listview {
	/*margin: 0 0 0 0 !important;*/
}
.lang-selector li{
	/*padding-top: 0px; padding-left: 0px;*/	
}
.lang-selector li h2{
	padding-bottom: 20px;
}
.lang-selector li h2 a{
	padding: 11px 0 11px 35px; margin-left: 0px !important; width: 100%;
}
.lang-selector li h2 a:hover, .lang-selector li h2 a:active{
	color: #fff !important;
}
.lang-selector ul li{
	background-color: #FFFFFF !important;	
}
.lang-selector ul li .icon-lang{
	margin-left: 35px;
}
.lang-selector ul li a{
	font-size: 14px !important;
	padding-top: 8px; padding-bottom: 8px; padding-left: 0;
}
.lang-selector ul li a:after{
	background: none !important;
}
.ui-btn.my-tooltip-btn,
.ui-btn.my-tooltip-btn:hover,
.ui-btn.my-tooltip-btn:active {
    background: none;
    border: 0;
}
@media only screen 
and (orientation : landscape) {
/* Styles */
* [data-role = "footer"] { position:relative; color: #333; bottom:0; top: auto !important; width:100%; }
}

div.gallery-row:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
div.gallery-item { float: left; width: 33.333333%; }
div.gallery-item a { display: block; margin: 5px; border: 1px solid #3c3c3c; }
div.gallery-item img { display: block; width: 100%; height: auto; }
#junior_suite .ui-content, #Gallery2 .ui-content { overflow: hidden; }

@media screen and (device-aspect-ratio: 2/3) {
   * [data-role="footer"] {
        margin-bottom: -15px;
   }
    
}

.ul-contacto{
	display: block;
	margin-top: 15px;
}

.ul-contacto li{
	padding: 8px;
	min-height:50px;
	color:#444242;
	border-top: 2px solid #7c0c00; 
	border-bottom:  2px solid #7c0c00;
	font-size: 17px;
}

.ul-contacto li.first{
	padding: 8px;
	color:#444242;
	border-bottom: 0;
}

.ul-contacto li.last{
	padding: 8px;
	color:#444242;
	border-top: 0;
}

.ul-contacto li a{
	line-height: 50px;
	display: block;
}

.ul-contacto li a{
	line-height: 50px;
	display: block;
}
.ul-contacto li.contacto-direccion a{
	line-height: 25px;
}
.ul-contacto li a, .ul-contacto li a:hover, .ul-contacto li a:visited, .ul-contacto li a:active{
	color:#444242;
}

.ul-contacto li.contacto-telefono{
	padding: 5px 10px;
	background: url("images/telefono-contacto.png") no-repeat 95% center;
}

.ul-contacto li.contacto-email{
	background: url("images/mail-contacto.png") no-repeat 95% center;
}

.ul-contacto li.contacto-direccion{
	background: url("images/mapa-contacto.png") no-repeat 95% center;
}

.icon.v360 {
	background-position: -595px center;
	height: 28px !important;
	width: 28px !important;
}