@font-face {
 font-family: "Ubuntu";
 src: url(Ubuntu-R.ttf) format("truetype");
 }	

body {
	font-family: Ubuntu, sans-serif;
	padding:0px;
	margin:0px;
	background:#f5f5f5
}

div.content {
	padding:10px;
	width: 938px;
	margin: 0 auto;
	border-left:#B5B5B5 1px solid;
	border-right: #B5B5B5 1px solid;	 

}

div.content h1 {
	font-size:18pt;
	border-bottom:5px solid #a00;
	padding:0px;
	margin:10px 0px 20px;
	width:938px;
}

div.content div.data table {
	border:2px solid #000;
	background:#fff;
	width:938px;
}
div.content div.data table td {
	font-size:10pt;
	padding:5px 10px;
	border-bottom:1px solid #ddd;
	text-align: left;
}
div.content div.data table th {
	text-align: left;
	font-size: 8pt;
	padding: 10px 10px 7px;
	text-transform: uppercase;
	color: #fff;
	background:url(images/head.gif) left -5px repeat-x;
}

div.paging {
	font-size: 12pt;
	margin:5px 0px;
}
div.paging a {
	color:#900;
	text-transform: uppercase;
	text-decoration: none;
}
div.paging a:hover {
	color:#c00;	 
}
div.paging b {
	color:#900;
}
div.paging strong {
	border-top: 2px solid #000;	 
}

div.success {
	font-size:14pt;
	background: #CCFFCC url(images/accept.png) left 5px no-repeat;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:20px;
	margin:0px 0px 10px;
	color:#060;
	width:916px;
	border: 1px solid #669900;
	
}

a.update, a.delete, a.add, a.view, a.back {
	font-size: 10pt;
	color:#900;
	font-weight:bold;
	padding-left:20px;
	text-decoration: none;
}
a.update {
	background:url(images/update.png) left center no-repeat;
}
a.delete {
	background:url(images/delete.png) left center no-repeat;
}
a.add {
	background:url(images/add.png) left center no-repeat;
}
a.view {
	background:url(images/view.png) left center no-repeat;
}
a.back {
	background:url(images/prev.gif) left center no-repeat;
}
a.update:hover, a.delete:hover, a.add:hover, a.view:hover {
	color:#000;
}

input.text {
	border:2px solid #aaa;
}

.error {
	background: #FBE6F2 none repeat scroll 0 0;
	border: 1px solid #D893A1;
	color: #333333;
	margin: 5px 0 0;
	padding: 5px;
	font-size: 12px;	
}

/*		*		*	Estilos josvan.com.mx *		*		*/
/*		*		*	Layout	 *		*		*/
#header{
	padding:10px;
	width: 938px;
	height: 90px;
	margin: 0 auto;
	border-left:#B5B5B5 1px solid;
	border-right: #B5B5B5 1px solid;	
	background: url(images/header_bg.jpg) no-repeat center top;	
}

#menu{
	width: 960px;
	height: 70px;
	margin: 0 auto;
	background: url(images/menu_bg.jpg) no-repeat center top;
	margin-top: -16px;
}
#content_footer_bg{
	width: 960px;
	height: 10px; 	
	margin: 0 auto;
	background: url(images/content_footer_bg.jpg) no-repeat;
}
#footer{
	
}
/*		*		*	estilos varios	HEADER *		*		*/
#header h1,h2,h3,h4,h5{
	margin: 0;
}
#header h2{
	float: left;
}
#header .usuario{
	float: right;
}

td.hcol {
	font-weight: bold;
	width: 20%;
}


/*		*		*	menu	 *		*		*/

.menu li {
	list-style-type: none;
	float: left;
	//text-transform: uppercase;
	font-size: 20px;
	font-weight: bold;
	//line-height: 80px;
	line-height: 60px;
	padding-right: 50px;
}

.menu {
	//width: 90%;
	height: 70px;

}

.menu li a {
	text-decoration: none;
	color: #222;
	display: block  !importnat;
	position: relative;
	width: 150px !important;
}

.menu li a:hover {
	color: #000;
}

.menu ul li ul span {
	background: url('images/flecha.png');
	margin: -20px 50px;
	width: 20px;
	height: 10px;
	position: absolute;
}

.menu ul li ul {
	display: none; 
	background: #CECECE ;
	border: 2px solid #999999;	
	padding: 10px 0;
	position: absolute;
	margin: 0px -25px;
	//.margin: 69px -170px;
	//_margin: 69px -170px;
}

.menu ul li:hover ul {
	display: block;
}

.menu ul li ul li {
	display: block;
	float: none;
	position: relative;
	color: #fff;
	padding: 0 20px;
	line-height: 30px;
}

.menu ul li ul li a{
	color: #444 ;
}

.menu ul li ul li a:hover {
	color: #0077B9;

}

.menu li a:hover {
	color: #000;
}
li a:hover 
{
	color: #000;
} 
/*		*		*	fin menu	 *		*		*/