@charset "utf-8";
/* CSS Document */

/*************** TAB ***************/

.section {
	width: 900px;
	height:auto;
	margin: 0 auto;
	-moz-box-shadow: 5px 5px 6px #CCC;
	-webkit-box-shadow: 3px 3px 4px #CCC;
	box-shadow: 3px 3px 4px #CCC;

}
ul.tabs {
	height: 34px;
	line-height: 25px;
	list-style: none;
	border: 1px solid #CCC;
	border-bottom: 1px solid #DDD;
	
	-moz-border-radius:8px 8px 0 0;
	-webkit-border-radius:8px 8px 0 0;
	border-radius:8px 8px 0 0;

	background: url(bandejas-bkg.jpg) #666;
	padding-top:15px;
	padding-left:15px;
}
.tabs li {
	float: left;
	background: url(tab.jpg);
	display: inline;
	margin: 0 1px -1px 0;
	padding-left:15px;
	padding-right:15px;
	padding-top:4px;
	padding-bottom:4px;
	color: #FFF;
	font-weight:bold;
	font-size:13px;
	text-indent:0.5px;
	text-transform:uppercase;
	cursor: pointer;
	-moz-border-radius:8px 8px 0 0;
	-webkit-border-radius:8px 8px 0 0;
	border-radius:8px 8px 0 0;
	
	border: 1px solid #afafaf;
	border-bottom: 0px solid #F9F9F9;
	position: relative;
}
.tabs li:hover,
.vertical .tabs li:hover {
	color: #666;
	background: url(tab-over.jpg);
	border: 1px solid #afafaf;
	border-bottom: 1px solid #fff;
}
.tabs li.tabCurrent {
	color: #444;
	background: url(tab-current.jpg) #fff;
	padding-left:15px;
	padding-right:15px;
	padding-top:4px;
	padding-bottom:4px;
	border: 1px solid #D4D4D4;
	border-bottom: 1px solid #FFF;
	
}
.bandeja {
	height: inherit;
	display: none;
	border: 1px solid #D4D4D4;
  	border-width: 0 1px 1px;
	background: #fff;
	padding: 30px;
	clear:both; 
    border-bottom: 0px solid #D4D4D4;
}
.bandeja.visible {
	height: inherit;
	display: inline-block;
}
.formsBandejas {
	height: inherit;
	border: 1px solid #D4D4D4;
	border-top: 0px solid #D4D4D4;
  	border-width: 0 1px 1px;
	background: #fff;
	padding: 30px;
	padding-bottom: 10px;
	padding-top: 0px;
	clear:both;
}
.formsBandejasContenido {
	height: inherit;
	border: 1px solid #D4D4D4;
	-moz-border-radius:8px 8px 0 0;
	-webkit-border-radius:8px 8px 0 0;
	border-radius:8px 8px 0 0;
}