
.izq {
	min-width: 200px;
	text-align: right;
	font-family: "Tahoma", Verdana, Arial;
	line-height: 14px;
	color: #333333;
	font-weight: normal;
	/*background-color:#CECEDE;*/
	/*border-bottom: solid 1px #CECED1;*/
	/*padding-bottom:10px;*/
}

.der {
	width: 400px;
	margin-right: 20px;
	/*padding-right:15px;*/
	line-height: 12px;
	color: #333333;
	font-weight: bold;
	/*padding-bottom:10px;*/
}
    

/**************************************************************************************************************
															HEADER
**************************************************************************************************************/
.navbar-wrapper {   
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 20;
}

.navbar-wrapper .container {  
  padding-right: 0px !important; 
  padding-left: 0px !important;  
}

@media (min-width: 768px) { 
  .navbar-wrapper .container {
    padding-right: 15px;
    padding-left:  15px;
  }

  .navbar-wrapper > .container:first-child{
	 width:100%;
  }   
}

/**************************************************************************************************************
															MENU
**************************************************************************************************************/

#divMenuSiape13579 * {    
    color: #fff; 	
}

#divMenuSiape13579 ul *{
	opacity:0.99;   
}

#divMenuSiape13579 ul li ul li a {
	color: #fff;        
}

#divMenuSiape13579 * ul * img
{ display: none;}


#divMenuSiape13579 * ul * ul {
    z-index:1000;
   border:1px solid #ccc;
   border-radius:6px;
   background-color:#333 !important;    
}

#divMenuSiape13579 * ul * ul * a
{                    
    width:100%;    
    display:block; 
    padding-left:10px;
    padding-top:5px;
    padding-bottom:5px;
    padding-right:10px;
    text-decoration: none;        
    display: block;             
}

#divMenuSiape13579 * ul * li {
    padding-right:20px;    
}

#divMenuSiape13579 ul li ul li:hover             
{        	    		
	border-radius:6px;
    BACKGROUND: #666;
    cursor:pointer;
    width:100%;    
}

#MenuPrincipal_SkipLink
{
    padding-bottom: 0px;
}

/**************************************************************************************************************
															MENSAJES
**************************************************************************************************************/
.divMensaje {display:none;width: 100%; font-size: 13px; font-weight: bold; text-align: center; margin-top:3px; height:auto;
                   margin-bottom: 10px; line-height: 25px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.msjok {color: #3c763d; background-color: #dff0d8;border:1px solid #b2dba1;background-repeat: repeat-x; 
        background-image: -ms-linear-gradient(to bottom, #dff0d8 0%, #c8e5bc 100%) !important;
        }
.msjinfo {color: #31708f;background-color: #d9edf7 !important;border: 1px solid #9acfea;background-repeat: repeat-x; 
          background-image: -ms-linear-gradient(to bottom, #d9edf7 0%, #b9def0 100%) !important;
}
.msjwarning {color: #8a6d3b;background-color: #fcf8e3;border: 1px solid #f5e79e;background-repeat: repeat-x; 
             background-image: -ms-linear-gradient(to bottom, #fcf8e3 0%, #f8efc0 100%) !important;
}
.msjerror {color: #a94442;background-color: #f2dede;border: 1px solid #dca7a7;background-repeat: repeat-x;
           background-image: -ms-linear-gradient(to bottom, #f2dede 0%, #e7c3c3 100%) !important;
}

.themedefault {
  background-position: 0% 0%;
  border-color: #ddd;
  background-repeat: repeat-x !important;    
  background-image: -ms-linear-gradient(to bottom, #f9f9f9 0%, #e9e9e9 100%) !important;    
  background-color: #E9E9E9;
  background-attachment: scroll;
}
.themeyellow {    
  background-position: 0% 0%;
  border-color: #ddd;
  background-repeat: repeat-x !important;      
  background-image: -ms-linear-gradient(to bottom, #fcf8e3 0%, #f8efc0 100%) !important;       
  background-color: #fcf8e3;
  background-attachment: scroll;
}
.themegreen {    
  background-position: 0% 0%;
  border-color: #ddd;
  background-repeat: repeat-x !important;      
  background-image: -ms-linear-gradient(to bottom, #dff0d8 0%, #c8e5bc 100%) !important;       
  background-color: #dff0d8;
  background-attachment: scroll;
}

/**************************************************************************************************************
														GRID
**************************************************************************************************************/

.grid { padding:1px; border-radius: 7px 7px 7px 7px; -moz-border-radius: 7px 7px 7px 7px; -webkit-border-radius: 7px 7px 7px 7px;border: 1px solid #bbb;}
.tablaSIAPE {width: 100%; margin-bottom:0px;}
.tablaSIAPE tr {border-top:1px solid #fff;}  
.tablaSIAPE tr:hover {background-color:#e9e9e9 !important;}  
.tablaSIAPE tr.paginacion tr:hover {border-bottom:1px solid #FFF !important;border-top:1px solid #FFF !important;}  
.tablaSIAPE tr a:hover {text-decoration:underline;}
.tablaSIAPE tr td {border:1px solid #EEE !important; line-height:14px !important; height:14px !important;}  
.tablaSIAPE tr td a {color:#428bca;}   
.tablaSIAPE tr.paginacion td {background-color: #f3f3f3 !important;}   
.tablaSIAPE th {
    text-align:center;        
    line-height:16px !important;
    border-top:0px solid #ddd !important;  
    border-bottom:1px solid #ddd !important;
    border-right:1px solid #e9e9e9 !important;
    border-left:0px solid #fff !important;
    background:url('/util/img/tabla.png')#f9f9f9 bottom repeat-x;     
    vertical-align:middle !important;
}
.tablaSIAPE th, .tablaSIAPE th a {color:#666;}
.tablaSIAPE th a:hover {color:#428bca !important;text-decoration:underline;}
.tablaSIAPE tr:nth-child(even) {background-color: #FFFFFF;}  
.tablaSIAPE tr:nth-child(odd) { background-color: #F4F4F4;}

 /********************* SORT ********************************/	
.sortA {color:black;background-color:white;}
.sortD {color:black;background-color:white;}
.sortA:hover, .sortD:hover  {background-color: #ddd;}
.sortAhead {    
    background-color:white;
    background-repeat:no-repeat;
    background-position-x:10px;
    background-position-y:5px;
    background-image: url(../img/010-Down-16.png);
    padding-left:25px;
}
.sortAhead a, .sortDhead a {padding-left:25px;}
 /********************* PAGINACION ********************************/	
.paginacion {border-top:1px solid #ddd !important;}
.paginacion a {padding:4px; border:1px solid #ddd !important;-moz-border-radius:4px !important; -webkit-border-radius:4px !important; border-radius:4px !important;}     
.paginacion a:hover {border:1px solid #428bca !important; color:#428bca !important;}
.paginacion td {padding-bottom:2px;padding-top:2px;}         
.paginacion td table tr td {padding-left:10px;text-align:center;border:1px solid #f3f3f3 !important;font-weight:bold;}

/**************************************************************************************************************
														ACORDION
**************************************************************************************************************/

.accordion{border:1px solid #bbb;-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;color: #666666;}        
.accordionHeader{-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;color: #666666;                                                     
                  background:url('/util/img/panel.png') bottom repeat-x;
                 cursor: pointer;padding: 4px;font-weight: bold;
}
.accordionHeader a {color: #666666 !important;}
.accordionContent{padding: 15px 5px;background:#fff;}

.accordion * .ajax__calendar, .accordion * .ajax__calendar_container{
	width:180px;
	z-index: 999999 !important; 
	position:fixed;
	top: auto;
	left: auto;
}
.ajax__calendar .ajax__calendar_container{
	width:180px;	
}

/**************************************************************************************************************
														POPUP
**************************************************************************************************************/

.modal-bg{
	background-color:#000;
	filter:alpha(opacity=50);
	opacity:0.5;
	z-index:999;
}
    
.modal-bg-u{
	background-color:#000;
	filter:alpha(opacity=50);
	opacity:0.5;
	z-index:999;
}

.modal-panel{
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	-moz-box-shadow: 0px 0px 0px 4px rgba(0,0,0,0.02);
	-webkit-box-shadow: 0px 0px 0px 4px rgba(0,0,0,0.02);
	box-shadow: 0px 0px 0px 4px rgba(0,0,0,0.02);
	padding:20px 10px 20px 10px;
	text-align:center;
	background-color:black;
	/*filter:alpha(opacity=20);*/
	/*opacity:0.6;*/
	color:white;
	width:300px;
	border: 2px solid #4F81BD;
}
    
.modal-panel-u{
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	-moz-box-shadow: 0px 0px 0px 4px rgba(0,0,0,0.02);
	-webkit-box-shadow: 0px 0px 0px 4px rgba(0,0,0,0.02);
	box-shadow: 0px 0px 0px 4px rgba(0,0,0,0.02);
	padding:20px 10px 20px 10px;
	text-align:center;
	background-color:white;
	color:white;
	width:980px;
	height:600px;
	top:-1600px;
	overflow:auto;
	color:black;
}

.modal-headergray { 
  background-color: #E5E5E5;
  /*bootstrap-theme*/
    background-repeat: repeat-x;
    background-image: linear-gradient(to bottom, #E5E5E5 0%, #CCC 100%);
    border-left-color: #CCCCCC;
    border-right-color: #CCCCCC;
    border-top-color: #CCCCCC;
}

.popupModal
{
	position:fixed;
	margin-top:auto;
	left:30%;
	z-index:1050;
	background-color:white !important;
	border:1px solid #999;
	border:1px solid rgba(0,0,0,0.3);
	*border:1px solid #999;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	outline:0;
	-webkit-box-shadow:0 3px 7px rgba(0,0,0,0.3);
	-moz-box-shadow:0 3px 7px rgba(0,0,0,0.3);
	box-shadow:0 3px 7px rgba(0,0,0,0.3);
	-webkit-background-clip:padding-box;
	-moz-background-clip:padding-box;
	background-clip:padding-box;
}

.popupSmall {width:40%;}
.popupMedium {width:70%;}
.popupBig {width:90%;}

/**************************************************************************************************************
														LOADER
**************************************************************************************************************/

.blocker 
{
	background-color:black;
	filter:alpha(opacity=50);
	opacity:0.5;
	z-index:999;
	position: fixed;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;        /* hacemos que ocupe toda la pantalla a cualquier resolución*/
	/*z-index:100002;        /* lo colocamos por encima del resto de componentes*/
	z-index:700001 !important;
	/*background: url(../img/b.png) repeat;  /*Color de fondo semitransparente*/
    display:none;
	/*padding-top: 50px;*/
	/*padding-top:100px;*/
	text-align:center;
	vertical-align:middle;
	padding-top:100px;
}

.blockerTrans
{
	position: fixed;
	top: 0px;
	left: 0px;
	height:	100%;
	width: 100%;        /* hacemos que ocupe toda la pantalla a cualquier resolución*/
	/*z-index: 100002;        /* lo colocamos por encima del resto de componentes*/
	z-index:700000 !important;
	background: url(../img/b.png) repeat;  /*Color de fondo semitransparente*/
	opacity:0.9;
	filter: alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;    
}

/**************************************************************************************************************
														COLORES
**************************************************************************************************************/
.yellow {color: #FFF;background-color: #ffb848;}
.yellow:hover, 
.yellow:focus, 
.yellow:active, 
.yellow.active, 
.yellow.disabled,
.yellow[disabled] { 
  background-color: #eca22e !important;
  color: #fff !important;
}
/****************************************/
.green {color: white; background-color: #5CB85C;}
.green:hover, 
.green:focus, 
.green:active, 
.green.active,
.green.disabled, 
.green[disabled]{ 
  background-color: #5CB85C !important;
  color: #fff !important;
}
/****************************************/
.red { color: white; background-color: #D9534F;}
.red:hover, 
.red:focus, 
.red:active, 
.red.active, 
.red.disabled,
.red[disabled] { 
  background-color: #D9534F !important;
  color: #fff !important;
}
/****************************************/
.blue {  color: white;  background-color: #428BCA;}
.blue:hover, 
.blue:focus, 
.blue:active, 
.blue.active, 
.blue.disabled,
.blue[disabled] { 
  background-color: #428BCA !important;
  color: #fff !important;
}

/**************************************************************************************************************
														OTROS
**************************************************************************************************************/

#Form1{	display:block;}
.featurette-divider { margin: 90px 0px 20px 0px; }
.highlightField { background-color:#FFFFCC !important;}
a.aspNetDisabled {
    color:#666 !important;
    text-decoration:none !important;
}
.export {
    vertical-align:text-bottom;
    width:14px;
    height:14px;
}

