.col_tabs {
	width: 226px;
	float: left;
	margin-right: 34px;
	border-top: 1px solid #e6e6e6;
}

.col_panes {
	width:680px;
	float:left;
}


/* root element for tabs  */
ul.tabs {
    list-style:none;
    margin:0 !important;
    padding:0;
}

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

/* link inside the tab. uses a background image */
ul.tabs a {
	background: url(../imagenes/tabs.png) no-repeat 0px 0px;
	display: block;
	height: 40px;
	line-height: 35px;
	width: 236px;
	text-align: left;
	text-decoration: none;
	color: #333;
	font-size: 18px;
	padding-left: 30px;
	font-family: lato, Arial, Helvetica, sans-serif;
	font-weight: 300;
}

ul.tabs a:active {
    outline:none;
}

/* when mouse enters the tab move the background image */
.col_tabs ul.tabs a:hover {
	background-position: 0px -40px;
	color:#333;
}

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

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


/* initially all panes are hidden */
.panes .pane {
    display:none;
}