h1
{
	font-family: tahoma;
	text-transform:uppercase;
	color: #bbb;
	text-transform:capitalize;
}

 p
{
	font-family: tahoma, arial, verdana;
}

/* Estilo general de links */
 a:link,a:hover, a:visited
{
	text-decoration:underline;
	font-weight:bold;
	color: #878787;
}

body
{
	/*background-image:url(../imagenes/fondo.jpg);*/
	background-color: #ffffff;
	font-family:Arial, Helvetica, sans-serif;
}

#container {
/*width: 760px;*/
width: 80%;
float: center;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
padding: 0px;
min-height:600px;
height:auto !important;
height:600px;
/*background:#D7F3FE;*/

}

@media  (max-width:576px){
	#container {	
		width: 90%;	
	}
}

@media (min-width:577px) and (max-width:992px){
	#container {	
		width: 90%;	
	}
}

#banner {
padding: 0px;
width:100%;
margin:0px;
}

#login {
padding: 0px;
min-height:200px;
height:auto !important;
height:200px;
}

#espacio {
	height:3px;
}

#contenido {
margin:0px;
padding:0px;
min-height:180px;
height:auto !important;
height:180px;
margin-left:200px;

}
#submenu
{
	text-aling: right;
	/*background-color:red;*/
	
}

 #submenu ul li {
	
	list-style: none;
	display: inline;
	padding: 1px;
	float: right;
	margin-right: 10px;
	/*margin-bottom:10px;*/
	border: 1px solid #000000;
	background: #FFF url(../imagenes/th_bck.gif) repeat-x;
}

#contenido #resto {
	padding-top:10px;
	min-height:180px;
	height:auto !important;
	height:180px;
	width:100%;
	margin-bottom:20px;

} 

#izquierda {
float: left;
margin: 0;
margin-right: ;
min-height:180px;
height:auto !important;
height:180px;

}

#espacioVertical {
float: left;
width: ;
margin: 0;
margin-right: ;
/*min-height:200px;*/
height:auto !important;
/*height:200px;*/
}

#userinfo {
	margin-top:5px;
	margin-bottom:5px;
	height:30px;
	/*font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:right;
	margin-text:10px;*/
	background-color:#3F6587;
}

#userinfo p {
	padding-top:5px;
	padding-right:5px;
	margin-top:-5px;
	color:#DDDDDD;	
	text-align:right;
	font-size:12px;
	font-weight:bold;
}

#pie {
clear: both;
background-color:#3F6587;
height:25px;
text-align:center;
}

#pie p {
	padding-top:2px;
	margin-top:-15px;
	color:#DDDDDD;	
	font-weight:bold;
	font-size:12px;
}

#pie p a{
	text-decoration:none;
	color:#DDDDDD;	
	font-weight:bold;
}

#pie p a:visited{
	text-decoration:none;
	color:#DDDDDD;	
	font-weight:bold;
}

#pie p a:hover{
	text-decoration:underline;
	color:#FFF;
}

table
{
	border :none;
	border :1px solid #CCC;
	text-align: center;
	margin: 0 auto;
	margin-top: 0px;
	background: #FFF url(../imagenes/th_bck.gif) repeat-x;
	
}
table th
{
	background: #FFF url(../imagenes/th_bck.gif) repeat-x;
	font-size: 12px;
}

 table caption
{
	margin: 0 auto;
	margin-top:35px;
	margin-bottom:10px;
	text-align:left;
}

 table,td
{
	border: 1px solid #CCC;
	border-collapse: collapse;
  	font: 11px "Tahoma", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
  	font-size: 12px;
}

 thead th,
 tbody th
{
	background: #FFF url(../imagenes/th_bck.gif) repeat-x;
  	color: #666;  
	padding: 5px 10px;
  	border-left: 1px solid #CCC;
  	border-bottom: 2px solid #999999;
}

 thead th a
{
	text-decoration:none;
}

 tbody th
{
  	background: #fafafb;
  	border-top: 1px solid #CCC;
  	text-align: left;
  	font-weight: normal;
}

 tbody tr td
{
	padding: 3px 3px;
  	color: #666;
}

 tbody tr td a
{
	margin:0px;
	margin-right:6px;
}

 thead a
{
	margin:0px;
	margin-right:6px;
}

 tfoot td,
 tfoot th
{
  	border-left: none;
  	border-top: 1px solid #CCC;
	padding: 4px;
  	background: #FFF url(../imagenes/foot_bck.gif) repeat;
  	color: #666;
	text-align: center;
}

 tfoot td a:link,  tfoot td a:hover,  tfoot td a:visited
{
	text-decoration:none;
	font-weight:normal;
	color: #666;
	padding:4px;
	margin:0px;
}

 table img
{
	border: 0px;
}

 table a:link
{
	color: #666;
}

 table a:visited
{
	color: #666;
}
 table a:hover
{
	color: #003366;
	text-decoration : none;
}

 table a:active
{
	color: #003366;
}

 table td
{
	width: auto;
}
.separador{
	border-bottom: solid 2px #999999;	
}
#destacado{
	background: #FFF url(../imagenes/th_bck_destacado.gif) repeat;
}
/* Formulario */

label 
{  
	float: left;  
	width: 10em;  
	margin-right: 1em;
	text-align: left;
}

input, textarea, checkbox
{
	border: 1px solid #969696;
	border-bottom: 1px solid #eee;
	border-right: 1px solid #eee;
	/*color: #969696;*/
	color: #666666;
	font-family: helvetica,arial,verdana;
	font-size: 12px;
	
}

select
{
	border: 1px solid #eee;
	border-top: 1px solid #ccc;
	color: #666666;
	font-family: helvetica,arial,verdana;
	font-size: 12px;
}

textarea
{
	padding-top:5px;
	padding-bottom:5px;
	width:400px;
	height: 150px;
}

textarea[disabled]
{
	background: #FFF url(../imagenes/foot_bck.gif) repeat;
}

a:link, a:hover, a:visited
{
	color: black;
	background-color:none;
	font-family:arial;
	font-size: 12px;
	text-decoration:underline;
	text-align: center;
	vertical-align: middle;
	/*margin-bottom:15px;
	margin-right:20px;
	padding-top:4px;
	width:60px;
	height: 21px;*/
}



ul {
        list-style: none;
        margin: 0;
        padding: 0;
        }
        
img {
    border: none;
}

#menu14 {
        width: 200px;
       font-size:12px;
       
        }

#menu14 li a {
        height: 32px!important;
        width: 180px;
          voice-family: "\"}\"";
          voice-family: inherit;
          height: 24px;
        text-decoration: none;
        margin:0px;
        font-weight:bolder!important;
       
        }

#menu14 li a b {
        
        font-weight:bolder!important;
       
        }

#menu14 li a:link, #menu14 li a:visited {
        color: #DDDDDD;
        display: block;
        background:  url(../imagenes/menu14-1.png);
        padding: 8px 0 0 10px;
        }

#menu14 li a:hover, #menu14 li #current {
        color: #FFF;
        background:  url(../imagenes/menu14-1.png) 0 -32px;
        padding: 8px 0 0 10px;
        }
#paginado
{
	font-family: 'Trebuchet MS',helvetica,arial,verdana;
	font-size: 11pt;
	text-align:left;
	width:100%;
	vertical-align:middle;
}

#paginado a:link, #paginado a:hover, #paginado a:visited
{
	font-family: 'Trebuchet MS',helvetica,arial,verdana;
	font-size: 11pt;
	font-weight:bold;
	margin-top:0px;
}

.textoPaginado 
{
	vertical-align:middle;
		
}

.submit
{
	float:right;
	border: 1px solid #000000;
	background: #FFF url(../imagenes/th_bck.gif) repeat-x;
	width:180px;
}
.boton {
margin:5px 20px;
-x-system-font:none;
background:url(../imagenes/btn.JPG) repeat-x scroll 0 0;
/*border:1px solid #66CAF5;*/
color:#000000;
cursor:pointer;
font-family:tahoma,Arial,sans-serif;
font-size:12px;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
padding:2px 7px 3px;
border-top:transparent;
border-left-color:transparent;
}
.boton:hover {
background-color:#66CAF5;
background-position:0 -50px;

}

.msjError {
	color: red !important;
	font-weight: bold !important;
}

.msjErrorLogin
{
	color:#FF0000 !important;
	text-align:center !important;
}

/* 
		This stylesheet belongs to TextboxList - Copyright Guillermo Rauch <http://devthought.com> 2009 
		TextboxList is not priceless for commercial use. See <http://devthought.com/projects/mootools/textboxlist/> 
		Purchase to remove copyright
*/

.textboxlist-autocomplete { position: absolute; }
.textboxlist-autocomplete-placeholder, .textboxlist-autocomplete-results { opacity: 0.9; filter: alpha(opacity=90); background: #eee; -webkit-box-shadow: 0 3px 3px #ccc; -moz-box-shadow: 0 3px 3px #ccc; box-shadow: 0 3px 3px #ccc; border: 1px solid #999; border-top: none; display: none; }
.textboxlist-autocomplete-placeholder { padding: 5px 7px; }
.textboxlist-autocomplete-results { margin: 0; padding: 0; }
.textboxlist-autocomplete-result { margin: 0; padding: 5px; list-style-type: none; background: #eee; }
.textboxlist-autocomplete-result-focus { background: #C6D9E4; }
.textboxlist-autocomplete-highlight { background: #EEF0C4; font-weight: bold; }

/*  TextboxList.Autocomplete Style guidelines 
			Try to keep .textboxlist-autocomplete {} as it is now
			If you apply custom styles to placeholder, also apply them to results, like it is now.
			.textboxlist-autocomplete-result {} needs a background for IE.
*/

/* 
		This stylesheet belongs to TextboxList - Copyright Guillermo Rauch <http://devthought.com> 2009 
		TextboxList is not priceless for commercial use. See <http://devthought.com/projects/mootools/textboxlist/> 
		Purchase to remove copyright
*/

.textboxlist { font: 11px "Lucida Grande", Verdana; cursor: text; }
.textboxlist-bits { zoom: 1; overflow: hidden; margin: 0; padding: 3px 4px 0; border: 1px solid #999; *padding-bottom: 3px; }
.textboxlist-bit { list-style-type: none; float: left; display: block; padding: 0; margin: 0 5px 3px 0; cursor: default; }
.textboxlist-bit-editable { border: 1px solid #fff; }
.textboxlist-bit-editable-input { border: 0; padding: 2px 0; *padding-bottom: 0; height: 14px; font: 11px "Lucida Grande", Verdana; }
.textboxlist-bit-editable-input:focus { outline: 0; }
.textboxlist-bit-box { position: relative; line-height: 18px; padding: 0 5px; -moz-border-radius: 9px; -webkit-border-radius: 9px; border-radius: 9px; border: 1px solid #CAD8F3; background: #DEE7F8; cursor: default; }
.textboxlist-bit-box-deletable { padding-right: 15px; }
.textboxlist-bit-box-deletebutton { position: absolute; right: 4px; top: 6px; display: block; width: 7px; height: 7px; font-size: 1px; background: url('close.gif'); }
.textboxlist-bit-box-deletebutton:hover { border: none; background-position: 7px; text-decoration: none; }
.textboxlist-bit-box-hover { background: #BBCEF1; border: 1px solid #6D95E0; }
.textboxlist-bit-box-focus { border-color: #598BEC; background: #598BEC; color: #fff; }
.textboxlist-bit-box-focus .textboxlist-bit-box-deletebutton { background-position: bottom; }

/*  TextboxList Style guidelines 
			This style doesn't necessarily have to be in a separate file. 
			It's advisable not to set widths and margins from here, but instead apply it to a particular object or class (#id .textboxlist { width: xxx } or .class .textboxlist { width: xxx })
			The padding-top + padding-left + height of ".textboxlist-bit-editable-input {}" has to match the line-height of ".textboxlist-bit-box {}" for UI consistency. 
			The font configuration has to be present in .textboxlist and .textboxlist-bit-editable-input (for IE reasons)
			The *padding-bottom (notice the *) property of .textboxlist-bits {} has to be equal to the margin-bottom of .textboxlist-bit {} for IE reasons.
			The padding-top of .textboxlist ul {} has to match the margin-bottom of .textboxlist-bit, and the padding-bottom has to be null.
			Make sure the border-width of the .textboxlist-bit-editable {} is equal to the border-width of the box (a border that matches the background is advisable for the input)
			Feel free to edit the borders, fonts, backgrounds and radius.		
*/