/* Basic styles */
.rwd-example .ui-body {
    text-align: left;
    border-color: #ddd;
}
.rwd-example p {
    color: #777;
    line-height: 140%
}
/* Stack all blocks to start */
.rwd-example .ui-block-a,
.rwd-example .ui-block-b,
.rwd-example .ui-block-c {
    width: 100%;
    float: none;
}
/* Collapsing borders */
.rwd-example > div + div .ui-body {
    border-top-width: 0;
}
/* 1st breakpoint - Float B and C, leave A full width on top */
@media all and (min-width: 42em) {
    .rwd-example {
        overflow: hidden; /* Use this or a "clearfix" to give the container height */
    }
    .rwd-example .ui-body {
       min-height: 14em;
    }
    .rwd-example .ui-block-b,
    .rwd-example .ui-block-c {
      float: left;
      width: 49.95%;
    }
/*    .rwd-example .ui-block-b p,
    .rwd-example .ui-block-c p {
      font-size: .8em;
    }*/
    .rwd-example > div + div .ui-body {
        border-top-width: 1px;
    }
    .rwd-example > div:first-child .ui-body {
        border-bottom-width: 0;
    }
    .rwd-example > div:last-child .ui-body {
        border-left-width: 0;
    }
}
/* 2nd breakpoint - Float all, 50/25/25 */
@media all and (min-width: 55em) {
    .rwd-example .ui-body {
       min-height: 18em;
    }
    .rwd-example .ui-block-a,
    .rwd-example .ui-block-c {
      float: left;
      width: 49.95%;
    }
    .rwd-example .ui-block-b,
    .rwd-example .ui-block-c {
      float: left;
      width: 40.925%;
    }
    .rwd-example > div:first-child .ui-body {
        border-bottom-width: 1px;
    }
    .rwd-example > div + div .ui-body {
        border-left-width: 0;
    }
}
/* 3rd breakpoint - Bump up font size at very wide screens */
@media all and (min-width: 75em) {
    .rwd-example .ui-body {
      font-size: 125%;
    }
    .rwd-example .ui-block-a,
    .rwd-example .ui-block-c {
      float: left;
      width: 49.95%;
    }
    .rwd-example .ui-block-b,
    .rwd-example .ui-block-c {
      float: left;
      width: 40.925%;
    }
}

#contador {
	display: inline-block;
	background-position: left top;
	background-repeat: no-repeat;
	width: 40px;
	height: 58px;
	background-image: url('./../images/contador.png');
	position: relative;
}
	
.ui-loader-default {
	background: #f3f3f3;
	filter: Alpha(Opacity=100);
	opacity: 1;
	width: 4.875em;
	height: 4.875em;
	padding:0px;
}
.loader {
	position: relative;
	padding-top: 5px;
	overflow: hidden;
	display: block;
	clear: both;
	text-align:center;
}

.fondo{
background: url('./../images/fondo.png') repeat;
}
.ui-panel-wrapper{
background: url('./../images/fondo.png') repeat !important;
}
#cometchat_optionsbutton {
    width: 25px;
    border-right: 1px solid #cccccc;
    text-align: left;
    background-color: #f3f3f3 !important;
}
#cometchat_userstab {
    width: 105px;
    padding-left: 9px;
    text-align: left;
    background-color: #f3f3f3 !important;
}
#cometchat_base {
    background-image: none !important;
    border-left: none !important;
	left:100px !important;
}
.cometchat_tab {
    background-color: #f3f3f3 !important;
}