
/* everything is constructed with a single background image */

/* root element for tabs */
#flowtabs-wrapper{
	position: relative;
	float: left;	
}
#flowtabs {
	
	/* dimensions */
	/*
width:760px;
*/
	height:73px !important;
	margin:0 !important; 
	padding:0;	
	
	/* IE6 specific branch (prefixed with "_") */
	_margin-bottom:-2px;
	position: absolute;
	top: 0px; left: 0px;
}

/* single tab */
#flowtabs li { 
	float:left; 
	margin:0; 
	margin:0px 0 0 4px;	
	padding:0; 
	text-indent:0; 
	list-style-type:none;
}
#flowtabs li.first{
	margin:0;		
}
/* a- tag inside single tab */
#flowtabs li a {
	background: url(../images/tab.png) no-repeat 0px -73px;
	display:block;
	height: 58px;   
	width: 194px; 	
	padding:15px  0 0 0px;
	margin:0px;
	
	/* font decoration */
	color:#634E00;
	font-size:12px;
	line-height:1.8;
	text-align:center;
	text-decoration:none;
	font-size: 18px;
	font-family: Georgia , Geneva , Verdana , Arial  , Helvetica, sans-serif;
	
}
#flowtabs li a span{
	color:#7A7358;
	font-size: 9px;
}
#flowtabs li a:hover{
	background: url(../images/tab.png) no-repeat 0px -146px;	
}
#flowtabs li a.current{
	background: url(../images/tab.png) no-repeat 0px 0px;	
	margin:0px;	
		width: 196px; 
		color:#EBA100;
}
/* panes */
#flowpanes {
	border-top: 1px solid #BCB8A6;
	background: url(../images/tabs-cont.png) no-repeat bottom left;	
	margin-top: 72px;	
	padding: 10px 25px 35px 25px;



}


/* single pane */
#flowpanes > div {
	display:none;	
	color:#fff;	
	margin:0;
}
/* Agregado por casu */
#flowpanes td {
	color: #634e00;
	font-family: Georgia, Geneva, Verdana, Arial;
	font-size: 12px;
}
/* Fin agregado */

/* some decorations for elements inside single pane */
#flowpanes div h2 {
	font-weight:normal;
	color:#61551D;
	letter-spacing:1px;
	margin:10px 0 15px 0;
	font-size:22px;	
}

#flowpanes a {
	color:#cc9;		
	font-size:14px;
}

#flowpanes p, #flowpanes samp {
	color:#61551D;		
	font-size: 12px;
	margin: 0 5px 60px 0;	
	line-height: 1.5;
	text-align:justify;
}

#flowpanes div.narrow {
	padding-right:160px;		
}
#flowpanes  .tab-images img{
	border: 1px solid #B4AD96;
	margin: 0 30px 25px 0;
}
#flowpanes table td{
	vertical-align: top;
}
#flowpanes  span.tab-links{
	background: url(../images/tab-links.png) repeat-y top left;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;	
	padding: 10px;
	display: block;
	position: absolute;
	left: 295px;
	bottom: 60px;
}
#flowpanes  span.tab-links a{
	color: #3A3420;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	clear: both;
	line-height: 20px;
}
#flowpanes  span.tab-links a:hover{
	color: #866601;
}



.vertical #flowtabs{
	width: 188px;
}
.vertical #flowtabs li{
	margin: 4px 0 0  0px;

}
.vertical #flowtabs li.first{
	margin: 0px 0 0  0px;
		margin-bottom: 1px;
}
.vertical #flowtabs li.last{
	margin: 0px 0 0  0px;
		margin-top: 5px;
}
.vertical #flowtabs li a{
	width: 188px;
}
.vertical #flowpanes {
	border: 0;
	border-left: 1px solid #BCB8A6;
	background: url(../images/tabs-cont-vert.png) no-repeat bottom center;	
	margin-top: 0px;
	margin-left:187px;	
	padding: 30px 25px 30px 25px;
	width:750px;
	height:562px;	
/*
	width:760px;
	height:450px;
*/	
}
.vertical #flowtabs li a {
	background: url(../images/verttab.png) no-repeat 0px 0px;
	display:block;
	height: 48px;   
	width: 158px; 	
	padding:0px  0 0 30px;
	margin:0px;
	/* font decoration */
	color:#634E00;
	line-height:48px;
	text-align:left;
	text-decoration:none;
	font-size: 18px;
	font-family: Georgia , Geneva , Verdana , Arial  , Helvetica, sans-serif;
	
}
.vertical #flowtabs li a:hover{
	background: url(../images/verttab.png) no-repeat 0px 0px;	
	color:#3A3420;
}
.vertical #flowtabs li a.current{
	background: url(../images/verttab.png) no-repeat 0px -48px;	
	width: 168px; 	
	margin:0px;	
	padding:0px  0 0 20px;	
	color: #EBA100;
}
.vertical  #flowpanes span.tab-links {
	bottom:20px;
	display:block;
	left:210px;	
}
.vertical  #flowpanes .tabvertical-images{
	height:562px;
	float: left;
	display: block;
}
.vertical  #flowpanes .tabvertical-images p{
	position: absolute;
	right: 30px;
	bottom: 0px;
	width: 170px;
	font-size: 10px;
}

