/* 
    Document   : layout
    Created on : Sep 29, 2011, 7:57:03 AM
    Author     : montgomeryB
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

/* PARA ELIMINAR LOS PUNTITOS DE LOS TEXTOS, PARA HABILITARLOS USAR NOWRAP*/
.ui-li-desc {white-space: normal;}
.ui-btn-text {white-space: normal;}
.ui-li-aside-ms { float: right; margin: 0.3em 0; text-align: right; width: 30%;white-space: normal; padding-bottom:20px; color:#900;}

.ui-li-aside { float: right; margin: 0.3em 0; text-align: right; width: 20%;}
.ui-li-heading {white-space: normal !important; }
h3 {white-space: normal !important; }

.ui-icon-delete { display: none; }

.ui-icon-spa { background-image: url(images/icon_spa.png); }
.ui-icon-shop { background-image: url(images/icon_shop.png); }
.ui-icon-dining { background-image: url(images/icon_dining.png); }
.ui-icon-golf { background-image: url(images/icon_golf.png); }

#WelcomeCompanyLogo {
    float:right;
    display: block;
}

#CompanyLogo {
    float:right;
    display: block;
}



root { 
    display: block;
}

body {
    background:#fff;
}
/* ADD SHADOW TO THE TEXT SO WHITE LETTER DON'T GET LOST WITH BACKGROUND*/
div, p, h1, h2, h3 {
  /*  text-shadow: 2px 2px 0px rgba(0,0,0,0.15);*/
}
.ui-bar h3 {
    text-shadow : none;
}

/*
form {
    margin-left:10px;
}

#container {
    min-height:480px;
    width:320px;
    padding-bottom:5px;
    margin:0 auto;
}
*/

header {
    background:#a6c9cf;
    padding-top:3px;
    margin-bottom:4px;
}

#headerSearch {
    float:left;
}

#headerPhoneButton {
    float:left;
    margin-left:5px;
}

#headerTextButton {
    float:left;
}

/*
#selectCategory {
    float:left;
    color:#777;
    font-weight:bold;
    font-size:13px;
    letter-spacing:-1px;
    padding:1px 0;
    border:1px solid #444;
    border-radius:5px;
    
    background:url(images/bg-sprite.png) no-repeat transparent;
}



#homeContentWrapper {
    background:#abc0c7;
    margin-top:2px;
    padding-bottom:8px;
    min-height:200px;
    border-bottom-left-radius:8px;
    border-bottom-right-radius:8px;
}

#homeContentWrapper .header {
    margin:5px 0 5px 11px;
    font-size:17px;
    letter-spacing:-1px;
    
}

#homeContentWrapper .icon-antenna {
    vertical-align:middle;
    margin-right:3px;
}

#homeContentText {
    font-size:12px;
    font-weight:bold;
    text-align:center;
    background:#dde3e3;
    margin:0 auto;
    width:90%;
    padding:8px;
    border:1px solid #fff;
    border-radius:5px;
}

#homeContentText ul {
    list-style-type:disc;
    width:300px;
    text-align:left;
    margin-left:30px;
    margin-bottom:15px;
}
*/
.bubble {
	width: 18px;
	height: 18px;
	line-height: 19px;
	border: 2px solid white;
	-webkit-box-shadow: 0px 1px 2px 0px #333;
	/*-webkit-box-shadow: 0px 1px 1px 0px #333 */
	-webkit-border-radius: 10px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff4c2), to(#ffe156));
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 0.8em;
}

#footerMenu {
    border:1p solid #090;
    position: fixed;
    height: 182px;
    bottom: 0px;
    left: 50%;
    margin-left: -160px;
    width: 320px;
    overflow: hidden;
    -webkit-transition: .0s all ease-in-out;
    -moz-transition: .0s all ease-in-out;
    -o-transition: .0s all ease-in-out;
    -ms-transition: .0s all ease-in-out;
}


#mainMenuButtons {
    text-align:center;
    background:#bc2a4c;
    padding:0 0px;
    border-top-left-radius:8px;
    border-top-right-radius:8px;
    overflow:hidden;
}
.main-menu-row {
    margin-top:8px;
}

.promotions {
    list-style: none;
    margin: 0;
    padding: 0;
}

.promotions li {
    font-size: 1.5em;
    margin-bottom: .7em;
}

.divPromotions {
    display: inline-block; 
    vertical-align: top;
    width: 35%;    
}

.divMenu {
    display: inline-block; 
    margin-left: 3%; 
    vertical-align: top;
    width: 60%; 
}

@media only screen and (max-width: 960px) {

    .divPromotions {
        display: block;
        margin-bottom: 6em;
        width: 100%;    
    }
    
    .divMenu {
        display: block; 
        margin-left: 0;        
        width: 100%; 
    }

}