/*   
Theme Name: DWUG
Theme URI: http://www.dwug.es/
Description: DWUG Wordpress theme designed by Carlos Mac&iacute;as
Author: Carlos Mac&iacute;as
Author URI: http://www.cmacias.com/
Version: 1.0
*/

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

/********** RESETEANDO CSS *********/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img,
ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
center, u, b, i {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     font-weight: normal;
     font-style: normal;
     font-size: 100%;
     font-family: arial;
     vertical-align: baseline
}

body {
     line-height: 1
}
* html body{ height: 1%; }

:focus {
     outline: 0
}

ol, ul {
     list-style: none
}

table {
     border-collapse: collapse;
     border-spacing: 0
}

blockquote:before, blockquote:after, q:before, q:after {
     content: ""
}

blockquote, q {
     quotes: "" ""
}

input, textarea {
     margin: 0;
     padding: 0
}

hr {
     margin: 0;
     padding: 0;
     border: 0;
     color: #000;
     background-color: #000;
     height: 1px
}

p {
	font-size: 11px;
	line-height: 14px;
	color: #036;
	margin-bottom: 15px;
}

strong {font-weight:bold;}

.puntero {
	cursor: pointer;	
}

.negrita { font-weight: bold;}
.cursiva { font-style:italic;}

img.alignleft  	{ float: left; margin-right: 10px;}
img.alignright	{ float: right; margin-left: 10px;}

.enlace { cursor: pointer;}

br.clear {
	margin:0px;
	padding:0px;
	float: none;
}

blockquote {
	margin-left: 50px; margin-right: 50px;	
}

/********** FIN DEL RESET DE CSS **********/

/********** LAYOUT  **********/

/** Hack para el scroll doble de safari **/
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{ 
	html { overflow: auto; }
	
	body { overflow: auto; }
}

html,body {
   height:100%;
}

body {
   overflow-x: hidden;
   background: #333 url(img/background.png) 0px 0px repeat-x;
}

body, div, p {
   font-size:11px;
   color:#036;
}

div#layout {
	position:relative;
	margin:0 auto;
	width:950px;
	height:auto !important;
	height:100%;
	min-height:100%; 
	background: #fff;
}

div#header {
   position:relative;
   height: 145px; 
   background: url(img/header.png) 0px 0px repeat-x;
}
	div#header h1 { 
		position: absolute;
		left: 0px;
		top: 40px;
		width: 400px;
		height: 49px;
		background: url(img/dwug.png) 0px 0px no-repeat;
	}
		div#header h1 a { 
			display: block;
			width: 400px;
			height: 49px;
			text-indent: -1000em;
		}
	
	div#menu {
		display: block;
		position: absolute;
		left: 0px;
		top: 94px;
		width: 950px;
		height: 50px;
	}
		div#menu ul {
			margin-top: 10px;
			height: 30px;
		}
			div#menu ul li {
				float: left;
				margin-left: 10px;
			}
				div#menu ul li a, div#menu ul li a span {
					display: inline-block;
					.display: inline;
					zoom: 1;
					height: 30px;	
					line-height: 30px;
					font-size: 14px;
					font-family: arial;
					font-weight:bold;
					color: #fff;
					text-decoration: none;
				}
				
				div#menu ul li a {
					padding-left: 10px;
				}
					div#menu ul li a span {
						padding-right: 10px;	
					}
				
				div#menu ul li.current_page_item a {
					color: #330;
					background: url(img/menu.png) 0px 0px no-repeat;	
				}
					div#menu ul li.current_page_item a span {
						color: #330;
						background: url(img/menu.png) 100% 0px no-repeat;	
					}	
				
				div#menu ul li a:hover {
					background: url(img/menu.png) 0px -30px no-repeat;	
				}
					div#menu ul li a:hover span {
						background: url(img/menu.png) 100% -30px no-repeat;	
					}
				
				div#menu ul li.current_page_item a:hover {
					color: #330;
					cursor: default;
					background: url(img/menu.png) 0px 0px no-repeat;	
				}
					div#menu ul li.current_page_item a:hover span {
						color: #330;
						cursor: default;
						background: url(img/menu.png) 100% 0px no-repeat;	
					}
					
	div#header div#busca {
		display: block;
		position: absolute;
		left: auto;
		right: 11px;
		top: 105px;
		height: 28px;
		width: 306px;
	}
		div#header div#busca button#buscar {
			position: absolute;
			width: 79px;
			height: 28px;
			border:0px none;
			cursor: pointer;
			right: 0px;
			background: url(img/buscar-button.png) 0px 0px no-repeat;
		}
		div#header div#busca input#s {
			position: absolute;
			width: 215px;
			height: 24px;
			padding-top: 4px;
			padding-left: 6px;
			padding-right: 6px;
			border:0px none;
			right: 79px;
			font-size: 14px;
			color: #333;
			background:  url(img/buscar-input.png) 0px 0px no-repeat;
		}

div#body {
   position: relative;
   display: block;
   height: auto;
   width: 950px;
   padding-bottom: 110px;
   background: url(img/content-background.png) 0px 0px repeat-y;
   overflow: hidden;
}

#content {
	display: block;
	float: left;
	width: 570px;
	margin-top: 10px;
	margin-left: 10px;
}
	.Post {
		position: relative; 
		margin-bottom: 20px;
		clear: left;	
	}
	
	.PostHead { margin: 0px; }
	
	.PostHead h2, h2.pagetitle { 
		font-size: 20px; 
		line-height: 24px; 
		letter-spacing: -1px; 
		padding: 0px; 
		margin: 0px; 
		color:#333; 
		margin-bottom: 10px;
		padding-bottom: 10px;
		background: url(img/sep-hrz.png) 0px 100% repeat-x;
	}
	
	.PostHead h2 a { 
		color: #333; 
		text-decoration: none;
	}
	
	.PostHead h2 a:visited { 
		color: #666; 
		text-decoration: none;
	}
	
	.PostHead h2 a:hover { 
		color:#666; 
		text-decoration: none;
	}

	.PostHead h3 { 
		font-size: 14px; 
		line-height: 14px; 
		font-weight: bold; 
		padding: 0px; 
		margin: 0px; 
		color:#333;
	}

	#content .fecha { 
		display: block; 
		height: 16px;
		line-height: 16px;
		padding: 0px; 
		padding-left: 20px;
		color: #333;
		margin: 0px; 
		cursor: default;
		background: url(img/time.png) left center no-repeat; 
		float: left; 
		margin-right: 10px;
	}
		#content .fecha span {
			font-weight: bold;	
			cursor: default;
		}
	
	#content .autor { 
		display: block; 
		height: 16px;
		line-height: 16px;
		padding: 0px; 
		color: #000;
		margin: 0px; 
		margin-bottom: 5px;
		margin-right: 10px;
		cursor: default;
		float: left; 
	}
		#content .autor span {
			font-weight: bold;
			cursor: default;
		}
	
	#content .categorias { 
		display: block; 
		height: 16px;
		width: 550px;
		line-height: 16px;
		padding: 0px; 
		padding-left: 20px;
		color: #333;
		margin: 0px; 
		margin-bottom: 5px;
		cursor: default;
		background: url(img/categorias.png) left center no-repeat; 
		clear:both;
	}
		#content .categorias a {
			font-weight: bold;
			color: #060;
			cursor: pointer;
			text-decoration: none;
		}
	
	#content .tags {
	display: block;
	height: 16px;
	width: 540px;
	line-height: 16px;
	padding: 0px;
	padding-left: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #333;
	margin: 0px;
	margin-bottom: 10px;
	margin-top: 10px;
	cursor: default;
	clear:both;
	background-color: #EEE;
	background-image: url(img/tag.png);
	background-repeat: no-repeat;
	background-position: 10px 50%;
	}
		#content .tags a {
			font-weight: bold;
			color: #060;
			cursor: pointer;
			text-decoration: none;
		}
	
	#content .com { 
		display: block; 
		height: 16px;
		line-height: 16px;
		padding: 0px; 
		padding-left: 20px;
		color: #000;
		margin: 0px; 
		margin-bottom: 5px;
		cursor: default;
		float: left; 
		background: url(img/comentarios.png) left center no-repeat; 
	}
		#content .com a {
			color: #000;
			cursor: cursor;
			text-decoration: none;
		}
	
	.PostContent { 
		padding: 0px;
		padding-top: 10px;
		margin-top: 10px;
		margin-bottom: 10px;
		font-size: 12px; 
		line-height: 18px;
		color:#333;
		background: url(img/sep-hrz.png) 0px 0px repeat-x;
	}
	.Page .PostContent { 
		padding-top: 0px;
		margin-top: 0px;
		background: url(none);
	}
	
		.PostContent a.more-link {
			display: inline-block;
			.display: inline;
			zoom: 1;
			margin-top: 10px;
			padding-left: 20px;
			height: 16px;
			line-height: 16px;
			overflow: hidden;
			background: url(img/seguir-leyendo.png) 0px 50% no-repeat;
		}
			/*.PostContent div.more-link a {
				padding-top: 5px;
				padding-bottom: 5px;
				color: #363;
				font-size: 10px;
				text-decoration: none;
				line-height: 16px;
			}*/
	
	.PostContent p { 
		font-size: 12px; 
		line-height: 18px; 
		color:#333;
	}
	
	.PostContent p strong {}
	.PostContent img {}
	.PostContent ol { 
		margin: 15px; 
	}
	
	.PostContent ol li { 
		padding: 0px; 
		margin-bottom: 5px;
		font-size: 12px; 
		line-height: 16px; 
		color:#333; 
	}
	
	.PostContent ul { 
		margin: 15px; 
	}
	
	.PostContent ul li { 
		padding: 0px; 
		padding-left: 10px;
		margin-bottom: 5px;
		list-style-type: none; 
		background: url(img/PostContentLiIco.png) 0px 5px no-repeat; 
		font-size: 12px; 
		line-height: 16px;
		color:#333; 
	}
	
	.PostContent blockquote { padding: 10px; margin: 10px; color:#993366; background: #666;}
	.PostContent blockquote p { font-size: 12px; padding: 0px; margin: 0px; line-height: 15px;}
	.PostContent blockquote li { padding: 2px 0px 2px 15px; list-style-type: none; font-size: 12px; line-height: 15px;}
	.PostContent a { color:#090; text-decoration: none;}
	.PostContent a:visited { color:#0C0;}
	.PostContent a:hover { color:#030;}
	.PostContent blockquote a { color:#090; text-decoration: underline;}
	.PostContent blockquote a:visited { color:#0C0;}
	.PostContent blockquote a:hover { color:#030;}
	
	/**/ * html .PostContent p img {} /* */ 
	.PostContent p img { max-width: 570px;}
	.PostContent p img { width:expression(this.width > 570 ? "570px" : this.width); }
	.PostContent img { margin: 0px 10px 10px 0px; float: left;}
	.PostContent img { margin: 0px 10px 10px 0px; float: left;}
	
	
	.PostCom { padding-top: 10px; background: url(images/PostComBkg.gif) repeat-x top;}
	.PostCom ul { padding: 0px; margin: 0px;}
	.PostCom li { padding: 5px 0px 5px 20px; margin: 0px 5px 0px 0px; list-style-type: none; display: inline; color:#336699; font-size: 12px; } 
	.PostCom li a { font-weight: bold; text-decoration: none; color:#006699;} 
	.PostCom li a:visited { font-weight: bold; text-decoration: none; color:#006699;}
	.PostCom li a:hover { font-weight: bold; text-decoration: none; color:#003366;}
	
	.PostCom .Com { background: url(images/PostCom.png) no-repeat left center; }
	.PostCom .tags { padding-left: 0px;}
	p.wp-caption-text{font-style:italic; color:#999;}

#sideLeft {
	display: block;
	float: left;
	width: 160px;
	margin-top: 10px;
	margin-left: 20px;
}

#sideRight {
	display: block;
	float: left;
	width: 160px;
	margin-top: 10px;
	margin-left: 20px;
}

div#footer {
   position:absolute;
   display: block;
   text-align: right;
   width:100%;
   height: 100px;
   bottom:0;
   background: #333 url(img/background.png) 0px 100% repeat-x;
}
	div#footer p.info {
		display: block;
		padding-right: 20px;
		height: 60px;
		line-height: 60px;
		color: #fff;
		background: #000;
		text-align: right;
	}
		div#footer p.info a {
			color: #fff;
			font-weight: bold;
			text-decoration: none;
		}

/********** FIN DEL LAYOUT **********/




/****** CAJETIN WIDGETS ******/
div.widget {
	width: 160px;
	padding-top: 10px;
	margin-bottom: 10px;
	background-image: url(img/widget-background.png);
	background-repeat:no-repeat;
	background-color:#fff;
}

#sideLeft div.widget {
	background-position: -320px 0px;	
}

#sideRight div.widget {
	background-position: 0px 0px;	
}

div.widget h2.widgettitle {
	width: 140px;
	margin-left: 10px;
	margin-right: 10px;
	padding-bottom:10px;
	margin-bottom: 10px;
	color: #333;
	font-weight: bold;
	font-size: 12px;
	cursor: default;
	background: url(img/sep-hrz.png) 0px 100% repeat-x;
}
	div.widget h2.widgettitle span {
		font-size: 12px;
		font-weight: bold;
		color: #333;
		cursor: default;
	}

div.widget div.cnt {
	width: 140px;
	padding-bottom: 10px;
	padding-left:10px;
	padding-right: 10px;
	background-image: url(img/widget-background.png);
	background-repeat:no-repeat;
}

#sideLeft div.widget div.cnt {
	background-position: -480px 100%;	
}

#sideRight div.widget div.cnt {
	background-position: -160px 100%;	
}

/** Widget Links **/
div.widget ul li {
	height: auto!important;
	height: 18px;
	min-height: 18px;
}

	div.widget ul li a {
		color: #060;
		text-decoration: none;
	}

/** Widget Archives **/
div.widget div.cnt select{
	padding:0;
	border: 1px solid #669966;
	height: 21px;
	width: 138px;
	background: #fff url(img/input-bg.png) left top repeat-x;
}
	div.widget div.cnt select option {
		cursor: pointer;	
	}

/** widget recentcomments **/
ul#recentcomments {}

ul li.recentcomments {
	color: #333;
	font-weight: bold;
	padding-bottom: 5px;
	margin-bottom: 5px;
	background: url(img/sep-hrz.png) 0px 100% repeat-x;
}
	ul li.recentcomments a {
		display: block;
	}
	
	ul li.recentcomments a.url {
		font-weight: bold;
		color: #333;
	}

div.widget_categories ul li {
	padding-left: 20px;
	height: 18px;
	margin-bottom: 4px;
	background: url(img/categorias.png) 0px 50% no-repeat;
}
	div.widget_categories ul li a {
		height: 18px;
		line-height: 18px;
	}

/****** FIN CAJETIN WIDGETS ******/

/****** CALENDARIO WIDGET ******/
li.widget #calendar_wrap {
	width: 140px;
	padding-bottom: 10px;
	padding-left:10px;
	padding-right: 10px;
	background-image: url(img/widget-background.png);
	background-repeat:no-repeat;	
}

#sideLeft li.widget #calendar_wrap { background-position: -480px 100%;	}
#sideRight li.widget #calendar_wrap { background-position: -160px 100%;	}

.widget_calendar table { 
	width: 140px;
}
.widget_calendar table thead th { 
	text-align: center; 
	padding: 3px; 
	padding-top: 7px;  
	font-size: 10px; 
	color: #333;
}
.widget_calendar table tbody td { 
	text-align: center; 
	padding: 3px;  
	font-size: 10px; 
	color: #030;
}
.widget_calendar table tfoot td { 
	text-align: center; 
	padding: 0px; 
	padding-top: 20px;   
	font-size: 10px; 
	color: #030;
	background: url(img/sep-hrz.png) 0px 10px repeat-x;
}
.widget_calendar table tfoot td a{ 
	color: #090;
	text-decoration: none;
}
.widget_calendar table tfoot td#prev {
	text-align: left;	
}
.widget_calendar table tfoot td#next {
	text-align: right;	
}
.widget_calendar caption { 
	background: #333; 
	padding: 5px 0px;  
	font-size: 10px; 
	color: #fff;
}
.widget_calendar #today { 
	background: #030;  
	font-size: 10px; 
	color: #fff;
}
	.widget_calendar #today a{ 
		color: #fff;
		text-decoration: none;
	}
/****** FIN CALENDARIO WIDGET ******/



/****** AVISOS ******/
div.aviso {
	display: block;
	width: 570px;
	padding-bottom: 5px;
	margin-bottom: 10px;
	cursor: default;
}
	div.aviso div {
		width: 520px;
		padding-left: 30px;
		padding-right: 20px;
		padding-top: 5px;
		line-height: 18px;
		cursor: default;
	}

div.info 			{ background: url(img/msg-info.png) 0px 100% no-repeat; cursor: help;}
div.info div	 	{ background: url(img/msg-info.png) 0px 0px no-repeat; color: #fff; cursor: help;}
div.aviso div a		{ color: #fff; font-weight: bold; cursor: pointer;}

div.warning 		{ background: url(img/msg-aviso.png) 0px 100% no-repeat; cursor: default;}
div.warning div	 	{ background: url(img/msg-aviso.png) 0px 0px no-repeat; color: #300; cursor: default;}
div.warning div a	{ color: #300; font-weight: bold;}

div.error 			{ background: url(img/msg-error.png) 0px 100% no-repeat; cursor: no-drop;}
div.error div	 	{
	background: url(img/msg-error.png) 0px 0px no-repeat;
	color: #F00;
	cursor: no-drop;
}
div.error div a		{ color: #c00; font-weight: bold; cursor: pointer;}

/****** FIN DE AVISOS ******/


/****** COMENTARIOS ******/
#comments h3 { 
	font-size: 20px; 
	line-height: 24px; 
	letter-spacing: -1px; 
	padding: 0px; 
	margin: 0px; 
	color:#333; 
	margin-top: 10px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	background: url(img/sep-hrz.png) 0px 100% repeat-x;
}

#comments .rss {
	display: block;
	margin-bottom: 10px;
	padding-left: 20px;
	height: 16px;
	background: url(img/rss.png) 0px 50% no-repeat;
}
	#comments .rss a {
		color: #C60;
		height:16px;
		line-height: 16px;
		text-decoration: none;	
	}

#comments textarea { margin-bottom: 10px;}

#comments .logueado { 
	display: block;
	height: 16px;
	line-height: 16px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-left: 20px;
	background: url(img/log-admin.png) 0px 0px no-repeat;
}
	#comments .logueado a {
		color: #030;
		text-decoration: none;
	}
	
	#comments .logueado a.logout {
		display: inline-block;
		.display: inline;
		zoom: 1;
		height: 16px;
		width: 16px;
		margin-left: 10px;
		text-indent: -1000em;
		background: url(img/logout.png) 0px 0px no-repeat;
	}

	ol.commentlist { 
		margin-bottom: 10px; 
	}
		ol.commentlist li { 
			margin-bottom: 10px;
			padding-bottom: 10px;
			background: url(img/sep-hrz.png) 0px 100% repeat-x;
		}
		ol.commentlist li div { 
			padding: 10px; 
			margin-left: 60px; 
			position: relative; 
		}
			ol.commentlist li div div { 
				padding: 0; 
				margin: 0; 
			}
			
				ol.commentlist li .comment-author img { 
					border: 5px solid #edede0; 
					position: absolute; 
					top: -10px; 
					left: -70px; 
				}

				ol.commentlist li.comment-author-admin .comment-author img { 
					border: 5px solid #060; 
				}

				ol.commentlist li.comment-author-admin li.comment div { 
					background: #edede0; 
				}

				ol.commentlist li.comment-author-admin li.comment .comment-author img {
					border: 5px solid #060; 
				}

					ol.commentlist li.comment-author-admin li.comment-author div { 
						background: #900; 
					}

				ol.commentlist li.comment-author-admin li.comment-author .comment-author img { 
					border: 5px solid #d8d8c7; 
				}

			ol.commentlist li .comment-author cite { 
				display: block;
				margin-bottom:5px; 
				font-size: 12px; 
				line-height: 18px; 
				color: #b7b7a8; 
				font-style: bold; 
				text-transform: lowercase; 
				padding-left: 23px; 
				height: 16px;
				line-height: 16px;
				background: url(img/user-comment.png) 3px 50% no-repeat; 
			}

				ol.commentlist li .comment-author cite a { 
					color: #030; 
					font-weight: bold;
					text-decoration: none;
				}

				ol.commentlist li .comment-author span.says { display: none; }

				ol.commentlist li .comment-meta { 
					margin-bottom:5px; 
					display: block;
					height: 16px;
					line-height: 16px;
					font-size: 11px; 
					padding-left: 20px; 
					color: #333; 
					background: url(img/time.png) 0px 50% no-repeat; 
				}

				ol.commentlist li .comment-meta a { 
					color: #333;
					text-decoration: none;
				}

				ol.commentlist li p { 
					margin-bottom: 10px; 
					font-size: 11px; 
					line-height: 18px;
					color: #333;
				}

					ol.commentlist li p a { color: #090; }

				ol.commentlist li div.reply { text-align: right; }

					ol.commentlist li div.reply a { color: #090; font-weight: bold; }

						ol.commentlist li ul.children { margin-left: 60px; }
	
	/** Botones del formulario de comentar **/
	div#ed_toolbar {
		border: 1px solid #669966;
		height: 26px;
		padding: 2px;
		margin-bottom: 2px;
		background: #eee;
	}
	
	button.ed_button {
		border: none;
		background: none;
		padding:0;
		margin:0;
		width:auto;
		vertical-align:middle;
		overflow:hidden;					
		text-align:center;	
		white-space:nowrap;	
		height:24px;
		line-height:23px;
		cursor: pointer;
	}
		button.ed_button span, button.ed_button em{
			display:block;
			height:22px;
			line-height:22px;			
			margin:0;
			padding:0;
			vertical-align:super;
			font-size: 9px;
			color:#fff;	
			cursor: pointer;
		}
		
		button.ed_button span{
			padding-left:10px;
			background:url(img/btn-comments.png) no-repeat 0px 0px;
		}	
		
		button.ed_button em{
			font-style:normal;
			padding-right:10px;
			text-transform:uppercase;
			background:url(img/btn-comments.png) no-repeat 100% 0px;
		}
	
/****** FORMULARIOS ******/
div.row {
	margin-bottom: 2px;	
}

label {
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
	*display: inline;
	padding:2px;
	padding-top: 6px;
	text-transform:uppercase;
	font-weight: bold;
	font-size: 10px;
	color: #063;
}

label.imprimir {
	height: 30px;
	line-height: 30px;
	margin-left: 10px;
	color: #900;
}
	label.imprimir input.check {
		float: right;
		margin-left: 8px;
		margin-top: 8px;
	}

label.requerido {
	color: #c00;
}

label.validado {
	color: #060;
}

input.iText, textarea.iText {
	padding:2px;
	border: 1px solid #696;
	font-weight: normal;
	background: #fff url(img/input-bg.png) left top repeat-x;
}

input.iText:focus, textarea.iText:focus { 
	border: 1px solid #063; 
	color: #063;
}

input.error {
	color: #cc0000;
	border: 1px solid #f99;	
}

input.requerido {
	border: 1px solid #f99;	
}
input.requerido:focus {
	border: 1px solid #c00;
	color: #c00;
}

input.validado {
	border: 1px solid #060;	
}
input.validado:focus {
	border: 1px solid #060;
	color: #060;
}

input.deshabilitado {
	border: 1px solid #cccccc;
	color: #999;
	cursor: not-allowed;
}

input.iCheck {
	margin-left: 4px;
	margin-top: 4px;
}
select.iSelect{
	padding:0;
	border: 1px solid #669966;
	height: 21px;
	background: #fff url(img/input-bg.png) left top repeat-x;
}
	select.iSelect option {
		cursor: pointer;	
	}

select.requerido {
	border-color: #f99;	
	color: #c00;
}

select.validado {
	border-color: #060;	
	color: #060;
}

span.requerido {
	padding-left: 25px;
	color: #c00;
	cursor:no-drop;
	background: url(img/cancelar.png) 5px 50% no-repeat;
}
/** Boton de enviar **/
button.btn_enviar {
	border: none;
	background: none;
	padding:0;
	margin:0;
	width:auto;
	vertical-align:middle;
	overflow:hidden;					
	text-align:center;	
	white-space:nowrap;	
	height:32px;
	line-height:30px;
	cursor: pointer;
}
	button.btn_enviar span, button.btn_enviar em{
		display:block;
		height:30px;
		line-height:30px;			
		margin:0;
		padding:0;
		vertical-align:super;
		font-size: 9px;
		color:#fff;	
		cursor: pointer;
	}
	
	button.btn_enviar span{
		padding-left:30px;
		background:url(img/botones.png) no-repeat 0px -0px;
	}	
	
	button.btn_enviar em{
		font-style:normal;
		padding-right:20px;
		text-transform:uppercase;
		background:url(img/botones.png) no-repeat 100% -0px;
	}
	
/** Boton de reset **/
button.btn_reset {
	border: none;
	background: none;
	padding:0;
	margin:0;
	width:auto;
	vertical-align:middle;
	overflow:hidden;					
	text-align:center;	
	white-space:nowrap;	
	height:32px;
	line-height:30px;
	cursor: pointer;
}
	button.btn_reset span, button.btn_reset em{
		display:block;
		height:30px;
		line-height:30px;			
		margin:0;
		padding:0;
		vertical-align:super;
		font-size: 9px;
		color:#fff;	
		cursor: pointer;
	}
	
	button.btn_reset span{
		padding-left:30px;
		background:url(img/botones.png) no-repeat 0px -30px;
	}	
	
	button.btn_reset em{
		font-style:normal;
		padding-right:20px;
		text-transform:uppercase;
		background:url(img/botones.png) no-repeat 100% -30px;
	}

/****** FIN DE FORMULARIOS ******/


/****** PAGINADOR ******/
.Nav { 
	display: block;
	height: 24px;
	margin-top: 10px;
	padding-top: 10px;
	background: url(img/sep-hrz.png) 0px 0px repeat-x;
	overflow: hidden;
}

.Nav a, .Nav span { 
	display: block;
	height: 20px;
	line-height: 20px;
	text-align: center;
	text-decoration: none;
	color: #333;
	margin-left: 2px;
	padding-left: 8px;
	padding-right: 8px;
	background: #ccc;
	border:1px solid #666;
	float: left;
}

.Nav a.primero, .Nav a.ultimo {
	border:1px solid #ccc;
	background: #eee;
}

.Nav a.pag {
	background: #6C6;
	border:1px solid #696;
	color: #030;
}

.Nav span {
	background: #030;
	border:1px solid #060;
	color: #fff;
	font-weight: bold;
	cursor: default;
}

.Nav span.paginas {
	background: none;
	border: 0px none;
	color: #030;
	font-weight: normal;
}

	
/****** FIN DE PAGINADOR ******/
