/* CSS Document */
#thequote{
	width:211px;
	padding: 43px 25px 0;
	height:206px;
	margin-right:10px;
	background: url(http://www.travelbar.com/stag-hen-barcelona/img/general/postitquote.jpg) 0 0 no-repeat;
	float:right}
#thequote-w{
	width:211px;
	padding: 43px 25px 0;
	height:206px;
	margin-right:10px;
	background: url(http://www.travelbar.com/stag-hen-barcelona/img/general/postitquote-w.jpg) 0 0 no-repeat;
	float:right}
#quote-btn{
	margin: 3px auto 0;
	width: 147px}
#quote-btn img{
	border:0}
	
.img-quote-page{
	border:1px solid #000;
	float:left;
	margin-right:10px}
.quote-page-margin{
	margin-top:15px}

/*Lightbox*/
.addthis_toolbox .lightbox {
    width: 480px;
    background: #fff}

.addthis_toolbox{
	padding: 7px;
	background: transparent url(http://www.travelbar.com/stag-hen-barcelona/img/general/black.png) repeat scroll 0 0;
	position: absolute;
	z-index: 10000;
	display:none;
	margin:0 0 0 183px}
		
.lightbox img{border:0}

.addthis_toolbox .lightbox .lightbox_top {
    height: 34px;
    overflow: hidden;
    position: relative}
.addthis_toolbox .lightbox .lightbox_top h4 {
    display: inline;
    position: absolute;
    top: 12px;
    left: 20px;
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: normal;
    color: #11222f}
.addthis_toolbox .lightbox .lightbox_close {
    position: absolute;
    top: 10px;
    right: 20px;
    font-weight: bold;
    text-decoration: none;
    color: #11222F}
.addthis_toolbox .lightbox .lightbox_middle {
    overflow: hidden}
.addthis_toolbox .lightbox .lightbox_content {
    padding: 10px 20px}

.addthis_toolbox .lightbox .lightbox_bottom {
    height: 16px;
    overflow: hidden}

.addthis_toolbox .lightbox_sharing{
    margin-left: 10px}

.addthis_toolbox .lightbox .columns A {
    text-indent: 0 !important;
    float: none !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 4px 0 4px 34px !important;
    position: relative;
    width: 76px !important;
    display: block;
    color: #11222F}

.addthis_toolbox .lightbox .columns A:hover{
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background: #11222F;
    color: #fff;
    text-decoration: none !important}

.addthis_toolbox .lightbox .columns SPAN{
    padding: auto !important;
    margin: auto !important;        
    position: absolute;
    left: 14px;
    top: 4px;
    float: none !important}

.addthis_toolbox .lightbox .columns .column{
    width: 107px;
    float: left;
    padding: 0}

.addthis_toolbox .lightbox .frame{
    border: 2px solid #eee;
    padding: 10px;
    margin: 0 20px 0 0;
    float: left}

.addthis_toolbox .lightbox .border{
    border-top: 1px dashed #333;
    margin: 0 10px}

.addthis_toolbox .lightbox A.sharelink:hover, 
.addthis_toolbox .lightbox A.lightbox_close:hover{
    text-decoration: underline}

/*END LIGHT BOX*/


body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #11222F;
	margin:0;
	padding: 0;
	width:100%;
	background: #fff;
	align:center}

.clear{
	clear:both; display:block; height:1px; overflow:hidden; margin:0; padding:0}
a { outline: none; }

p{margin:0}

h1 a:link, h1 a:visited{
	color:#fff}

h1 a:hover{
	color:#fff;
	text-decoration:none;}
	
a:link, a:visited{
	text-decoration: none}

a:hover{
	text-decoration: underline}
	
h1,h2,h3{
		font-family:arial;
		font-weight:bold}

h1{
	font-size:24px;
	margin:0 0 5px 0;
	line-height:24px}
h2{
	font-size: 10pt;
	margin:0 0 3px 0;
	line-height:15px}

#main-container{
	margin: 0 auto;
	padding: 0;
	width:930px;
	background:#d6d6d6 }

.separation{
	height:10px;
	width:189px;
	background: url(../img/general/horizontal.gif) no-repeat 0 0}

/** MAIN MENU ***/

#mainpart{
	width:900px;
	margin:0;
	padding:0 13px 0 17px;
	background: url(../img/general/mainshadow.gif) repeat-y 0 0 }
	#specialists{
		float:left;
		width:327px;
		height:235px;
		padding:0 10px;
		margin:0}
	#contactpostit a{
		float:left;
		height:274px;
		width:334px;
		margin:0;
		outline:none;
		background: url(../img/general/postitcontact.jpg) no-repeat 0 0}
		#contactpostit h2{
			display: none}

	#main{
	width:870px;
	margin:0;
	padding: 0 15px}
		
	#mainstag, #mainhen{
		width:395px;
		height:110px;
		float:left;
		color:#fff;
		padding:210px 15px 0 30px}
	#mainstag a h1, #mainhen a h1{
		margin:5px 0 0 0}
	#mainstag{
		background: url(../img/homepage/puzzlestag.jpg) no-repeat 0 0;
		margin:0 0 0 30px}
		#mainstag h1{
			color:#105ead}
		#mainstag a h1:hover{
			text-decoration: underline}
	#mainhen{
		background: url(../img/homepage/puzzlehen.jpg) no-repeat 0 0}
		#mainhen h1{
			color: #f39}
		#mainhen a h1:hover{
			text-decoration: underline}
	#stag-list, #hen-list{
		width:415px;
		float:left;
		margin: 0 15px}
	#stag-home, #hen-home{
		width:433px;
		float:left;
		margin: 0 10px 0 0;
		border-right: 1px solid #555;
		padding:0 2px 0 0;}
		
	#stag-home-add, #hen-home-add{
		width: 413px;
		float:left;
		margin: 0 0 0 10px;}

	
	#addons{
	margin:5px 0 0;
	padding: 0;
	float:left;
	width:349px}
	
	#addons img{
	border:1px solid #000}
		
		
		#stag-list h1, #hen-list h1, #stag-home h1, #hen-home h1{
			text-align: center;
			margin:30px 0 0}
		#stag-list h1, .stag-signature, #stag-home h1{
			color:#105ead}
		#hen-list h1, .hen-signature, #hen-home h1{
			color:#f39}
		#stag-list a h1:hover,#hen-list a h1:hover, #stag-home a h1:hover, #hen-home a h1:hover, #stag-home-add a h1:hover, #hen-home-add a h1:hover{
			text-decoration: underline;
			outline: none}
		
		#stag-list a h2, #stag-list a h2:visited, #stag-home a h2, #stag-home a h2:visited, #stag-home-add a h2, #stag-home-add a h2:visited{
			color:#105ead;
			text-decoration: none;
			outline: none}
		#hen-list a h2, #hen-list a h2:visited, #hen-home a h2, #hen-home a h2:visited, #hen-home-add a h2, #hen-home-add a h2:visited{
			color:#f39;
			text-decoration: none;
			outline: none}
		#stag-list a h2:hover,#hen-list a h2:hover, #stag-home a h2:hover, #hen-home a h2:hover, #stag-home-add a h2:hover, #hen-home-add a h2:hover{
			text-decoration: underline;
			outline: none}
		
		#stag-list .image, #hen-list .image, #stag-home .image, #hen-home .image, #stag-home-add .image, #hen-home-add .image{
			float:left;
			border:1px solid #000;
			margin: 0 10px 20px 0}
	.stag-activity, .hen-activity{
		margin:10px 0 15px 0;
		height:150px}
	.stag-activity-h, .hen-activity-h{
		margin:10px 0 15px 0;
		height:110px}
#select{
	margin:0 63px 0 67px;
	padding:0;
	width:769px;
	height:50px;
	background: url(../img/homepage/bluepink.jpg) no-repeat 0 50%;}
	#select h1{
		color:#fff}

#testimonials{
	height:133px;
	width:738px;
	margin:0 0 0 35px;
	padding:50px 75px 0 35px;
	background: url(../img/homepage/testimonials.jpg) no-repeat 0 0;
	font-size: 14px;
	font-weight: bold}
/*Banner*/
#banner{
	width:100%;
	margin:0;
	padding:0;
	height:113px;
	background: url(../img/general/topbgroundleft.jpg) repeat-x 0 0}
#bannerleft{
	float:left;
	height:113px}
#bannerright{
	float:left;
	background:#f0f}
#bannermiddle{
	width:900px;
	margin: 0;
	padding: 0}
	#bannermiddleleft{
		margin:0;
		padding: 0;
		float: left;
		width:517px}
		#bannermtop{
			width:517px;
			height:89px;
			margin: 0;
			padding: 0;
			background:url(../img/general/bannertb.gif) no-repeat 0 0}
		#menu{
			padding: 0;
			margin:0;
			width:517px;
			height:100px;
			background:url(../img/general/menu.jpg) no-repeat 0 0}
			
			#btn-home a {
				height:34px;
				position:absolute;
				margin: 10px 0 0 6px;
				width:55px;
				outline:none}
				#btn-home h2{
					display: none;
					width:55px;
					height:34px;
					background:url(../img/general/line-green.gif) no-repeat 0 250px}
				#btn-home a:hover{
					background: url(../img/general/line-green.gif) no-repeat 0 bottom}
						
			#btn-aboutus a {
					height:36px;
					margin: 10px 0 0 68px;
					outline:none;
					position:absolute;
					width:74px}
				#btn-aboutus h2{
					display: none;
					width:74px;
					height:36px;
					background:url(../img/general/line-green.gif) no-repeat 0 250px}
				#btn-aboutus a:hover{
					background: url(../img/general/line-green.gif) no-repeat 10px bottom}

			#btn-contactus a {
					height:35px;
					margin: 6px 0 0 150px;
					outline:none;
					position:absolute;
					width:94px}
				#btn-contactus h2{
					display: none;
					width:94px;
					height:35px;
					background:url(../img/general/line-green.gif) no-repeat 0 250px}
				#btn-contactus a:hover{
					background: url(../img/general/line-green.gif) no-repeat 10px bottom}
					
			#btn-stag a{
				width:142px;
				height:44px;
				margin:40px 0 0 10px;
				outline:none;
				position: absolute}
				#btn-stag h2{
					display: none;
					width:142px;
					height:44px;
					background:url(../img/general/line-blue.gif) no-repeat 0 250px}
				#btn-stag a:hover{
					background: url(../img/general/line-blue.gif) no-repeat 0 bottom}
			
			#btn-hen a{
				width:142px;
				height:44px;
				margin: 28px 0 0 178px;
				position: absolute;
				outline:none}
				#btn-hen h2{
					display: none;
					width:142px;
					height:44px;
					background:url(../img/general/line-pink.gif) no-repeat 0 250px}
				#btn-hen a:hover{
					background: url(../img/general/line-pink.gif) no-repeat 0 bottom}
					
			#btn-emc a{
				width:112px;
				height:23px;
				margin:13px 0 0 250px;
				position: absolute;
				outline:none}
				#btn-emc h2{
					display: none;
					width:112px;
					height:23px;
					background: url(../img/general/line-grey.gif) no-repeat 0 250px}
				#btn-emc a:hover{
					background: url(../img/general/line-grey.gif) no-repeat 0 bottom}
			
			#btn-uni a{
				width:125px;
				height:23px;
				margin: 12px 0 0 370px;
				position: absolute;
				outline:none}
				#btn-uni h2{
					display: none;
					width:125px;
					height:23px;
					background: url(../img/general/line-grey.gif) no-repeat 0 250px}
				#btn-uni a:hover{
					background: url(../img/general/line-grey.gif) no-repeat 5px bottom}	
			
			
			#btn-activities a{
				width:80px;
				height:23px;
				margin: 38px 0 0 340px;
				position: absolute;
				outline:none}
				#btn-activities h2{
					display: none;
					width:80px;
					height:23px;
					background: url(../img/general/line-brown.gif) no-repeat 0 250px}
				#btn-activities a:hover{
					background: url(../img/general/line-brown.gif) no-repeat 5px bottom}	


							
	#bannermiddleright{
		margin:0;
		padding: 0;
		float: left;
		width:383px:
		height:180px;}
		#pola, #pola1, #pola2, #pola3, #pola-emc, #pola-uni{
		float:left;
		margin:0;
		padding: 0;
		width:383px;
		height:180px}
		#pola{background:url(../img/general/no-pola.jpg) no-repeat 0 0}
		#pola1{background:url(../img/general/pola1.jpg) no-repeat 0 0}
		#pola2{background:url(../img/general/pola2.jpg) no-repeat 0 0}
		#pola-emc{background:url(../img/corporate-emc/pola-emc.jpg) no-repeat 0 0}
		#pola-uni{background:url(../img/university-groups/pola-uni.jpg) no-repeat 0 0}

#bottom{
	color:#fff;
	font-size: 11px;
	padding:50px 0 0 0;
	margin:0;
	text-align: center;
	height:27px;
	width:900px;
	background:url(../img/general/bottomblack.jpg) no-repeat 0 0}
#bottom a, #bottom a:hover, #bottom a:visited{color:#fff !important}
	
.calage{
	margin:0 0;
	display:inline;
	width:130px;
	float:left}

.envoi{
margin:5px 0 0 330px}

#home-bottom-activities{
	width:864px; margin: 0 auto}
	#home-bottom-activities .activity{
	float:left;
	margin: 0 10px 20px 0;
	width:195px}
	#home-bottom-activities .image{
	border:1px solid #000;
	margin: 0 5px 0 0;
	width:148px}
	#home-bottom-activities .indent{
	padding:10px 0 0 35px}
	
	#home-bottom-activities .link:hover{
	color:#000}
	
	#home-bottom-activities .link{
	text-decoration: underline;
	color:#1e701e}