#demo1,#demo2{width:500px;padding:10px;margin:20px auto;border:1px solid #777;background:#999;}
.networks{float:left;margin:0 20px;}
.options{float:right;margin:0 20px;}
/*================================================================================*/
/*========DO NOT EDIT BELOW HERE UNLESS YOU KNOW WHAT YOU ARE DOING===============*/
/*================================================================================*/


/*========================================*/
/*========COMMON STYLING==================*/
/*========================================*/
.social ul, .social_small ul {list-style:none;margin:0 auto;padding:0;}
.social ul.inlined, .social_small ul.inlined {float:left;}
.social ul li{width:32px;height:32px;margin: 5px; text-indent:-9999px;}
.social ul li a, .social_small ul li a{display:block;width:100%;height:100%;opacity: 0.8;-moz-opacity: 0.8;filter:alpha(opacity=80);}
.social ul li a:hover, .social_small ul li a:hover{
/* 	opacity: 1;-moz-opacity: 1;filter:alpha(opacity=1); */
	}

.social_small ul li{width:16px;height:16px;margin: 5px; text-indent:-9999px;}

/*========================================*/
/*========SOCIAL LARGE SIZE===============*/
/*========================================*/
.social ul a.twitter, a.facebook, a.flickr, a.friendfeed, a.delicious, a.digg, a.lastfm, a.youtube, a.feed, a.linked-in{background:url(https://cdn.paraty.es/static_files/hotel-zen/generic/202601070929/images/social_icons.png);}

.social ul a.twitter{background-position: 0px 0px;}
.social ul a.facebook{background-position: 0px -42px;}
.social ul a.flickr{background-position: 0px -84px;}
.social ul a.friendfeed{background-position: 0px -126px;}
.social ul a.delicious{background-position: 0px -168px;}
.social ul a.digg{background-position: 0px -210px;}
.social ul a.lastfm{background-position: 0px -252px;}
.social ul a.linked-in{background-position: 0px -294px;}
.social ul a.youtube{background-position: 0px -336px;}
.social ul a.feed{background-position: 0px -378px;}


/*========================================*/
/*========Clearfix========================*/
/*========================================*/
/* http://sonspring.com/journal/clearing-floats */
html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear{background:none;border:0;clear:both;display:block;float:none;font-size:0;list-style:none;margin:0;padding:0;overflow:hidden;visibility:hidden;width:0;height:0;}
/* http://www.positioniseverything.net/easyclearing.html */
.clearfix:after{clear:both;content:'.';display:block;visibility:hidden;height:0;}
.clearfix{display:inline-block;}
* html .clearfix{height:1%;}
.clearfix{display:block;}