/* CSS Document */

/* root element for tabs  */
.tabs { 
	list-style:none; 
	padding:0;
	height:24px;
	width:959px;
	border-bottom:1px solid #ccc;
	margin-left:7px !important;
}
.registro .tabs { 
	width:680px;
	margin-top:60px;
	margin-left:0 !important;
	}

.solapas { position:relative; margin:15px 0 0 15px; 
			background-image:url("../img/css-img/foot-solapas-txt.png"); background-position:3px bottom; background-repeat:no-repeat; 
			padding-bottom:23px; }
			
.solapas.registro { margin-left:0 !important; margin-bottom:25px; min-height:350px;}			

.solapas.registro .btBg { margin:20px 0 0 170px;}

.solapas.registro p.pie { font-size:11px; margin:20px 15px 0 0; color:#666;}

.solapas.registro .formulario h6:first-child { margin-bottom:0px; margin-top:20px;}

.solapas.registro .punteo > li { 	margin-top:2px; padding-left:8px; 
									background-image:url("../img/css-img/bullet-list.png"); background-repeat:no-repeat;  background-position:0 7px;}

/*---------------------------------------*/				
.solapas .posa h6	{ font:bold 12px Arial, Helvetica, sans-serif; padding:9px 0 0 40px; background-repeat:no-repeat; height:30px; margin-top:10px; }				
.solapas .posa li { 	margin-top:2px; padding-left:8px;
						background-image:url("../img/css-img/bullet-list.png"); background-repeat:no-repeat;  background-position:0 7px;}

.solapas .col3 { float:left; width:300px;}

.solapas .lista { margin:15px 0 0 0; }
.solapas .lista li { margin-top:10px;}

/*iconos en las solapas de posada.html------------------------------------------*/

.aposentos 	{ background-image:url("../img/css-img/aposentos2.png")}
.casados 	{ background-image:url("../img/css-img/casados2.png")}
.criancas { background-image:url("../img/css-img/criancas.png")}
.nocriancas { background-image:url("../img/css-img/naocriancas.png")}
.animales { background-image:url("../img/css-img/animais.png")}
.noanimales { background-image:url("../img/css-img/naoanimais.png")}
.dicas 		{ background-image:url("../img/css-img/dicas2.png")}
.servicios { background-image:url("../img/css-img/servicos.png")}
.gastronomia { background-image:url("../img/css-img/gastronomia2.png")}
.areassociales { background-image:url("../img/css-img/areassociais.png")}
.recreacion { background-image:url("../img/css-img/lazer2.png")}
.relax { background-image:url("../img/css-img/relax2.png")}
.gps { background-image:url("../img/css-img/gps.png")}
.auto { background-image:url("../img/css-img/auto.png")}
.aeropuerto { background-image:url("../img/css-img/aeropuerto.png")}
.almuerzo { background-image:url("../img/css-img/almuerzo.png")}
.cafe { background-image:url("../img/css-img/cafe.png")}
.solapas .posa h6.credit { padding-left:0;}


/*-------*/
									
.solapas.registro .news 		{ color:#333; }
.solapas.registro .news:hover 	{ text-decoration:underline; color:#000; }

.solapas .panes { background-image:url("../img/css-img/back-solapas-txt.png"); background-repeat:repeat-y; background-position:-5px 0;}

/* single tab */
.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

.tabs li.sep { margin-left:171px !important;}

/* link inside the tab. uses a background image */

.tabs a.sL  { 
	background: url("../img/css-img/back-solapa.png") no-repeat 0px 0;
	font:12px Arial, Helvetica, sans-serif;
	display:block;
	height: 24px;  
	line-height:24px;
	width: 165px;
	text-align:center;	
	text-decoration:none;
	color:#000;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
}

.tabs a.sC  { 
	background: url("../img/css-img/back-solapa-chica.png") no-repeat 0px 0;
	font:12px Arial, Helvetica, sans-serif;
	display:block;
	height: 24px;  
	line-height:24px;
	width: 114px;
	text-align:center;	
	text-decoration:none;
	color:#000;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
}

.solapas .link { 
	background: url("../img/css-img/back-solapa.png") no-repeat 0px 0;
	font:12px Arial, Helvetica, sans-serif;
	display:block;
	height: 24px;  
	line-height:24px;
	width: 171px;
	text-align:center;	
	text-decoration:none;
	color:#000;
	padding:0px;
	margin:0px;	
	position:absolute;
	top:1px; left:793px;
}

.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
.tabs a:hover, .solapas .link:hover {
	background-position: 0 -24px;	
	color:#fff;	
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
.tabs .current, .tabs .current:hover, .tabs li.current a,  .tabs li a.current {
	background-position: 0 -24px;		
	cursor:default !important; 
	color:#000 !important;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
.tabs .w1 			{ background-position: -519px 0; width:134px; }
.tabs .w1:hover 	{ background-position: -519px -31px; }
.tabs .w1.current { background-position: -519px -62px; }

/* width 2 */
.tabs .w2 			{ background-position: -366px -0px; width:154px; }
.tabs .w2:hover 	{ background-position: -366px -31px; }
.tabs .w2.current { background-position: -366px -62px; }


/* width 3 */
.tabs .w3 			{ background-position: -193px -0px; width:174px; }
.tabs .w3:hover 	{ background-position: -193px -31px; }
.tabs .w3.current { background-position: -193px -62px; }

/* width 4 */
.tabs .w4 			{ background-position: -0px -0px; width:194px; }
.tabs .w4:hover 	{ background-position: -0px -31px; }
.tabs .w4.current { background-position: -0px -62px; }


/* initially all panes are hidden */ 
.panes .pane {
	display:none;		
}
.panes > div { font:12px Arial, Helvetica, sans-serif; color:#333; width:880px; padding:15px 0 0 10px; line-height:18px;}
.registro .panes div { width:680px; padding-right:0;}