/* Esto esta diseņado para ser llamado desde paginas master en config_pages y oper_pages*/
/* -----------------------------------------------------------------------------------*/
.mGrid {   
    width: 100%;   
    background-color: #fff;   
    margin: 5px 0 10px 0;   
    border: solid 1px #525252;   
    border-collapse:collapse;   
}  
.mGrid td {   
    padding: 2px;   
    border: solid 1px #c1c1c1;   
    color: #717171;   
}  
.mGrid th {   
    padding: 4px 2px;   
    color: #fff;   
    background: #424242 url(pics/grd_head.png) repeat-x top;   
    border-left: solid 1px #525252;   
    font-size: 0.9em;   
}
.mGrid th a{ color:#fff;}
.mGrid .alt { background: #fcfcfc url(pics/grd_alt.png) repeat-x top; }  
.mGrid .pgr { background: #424242 url(pics/grd_pgr.png) repeat-x top; }  
.mGrid .pgr table { margin: 5px 0; }  
.mGrid .pgr td {   
    border-width: 0;   
    padding: 0 6px;   
    border-left: solid 1px #666;   
    font-weight: bold;   
    color: #fff;   
    line-height: 12px;   
 }     
.mGrid .pgr a { color: #666; text-decoration: none; }  
.mGrid .pgr a:hover { color: #000; text-decoration: none; }

/* ------------------------------------------------------------------*/
.mCalendar {  
    background-color: #efefef;  
    width: 200px;  
}  
  
.mCalendar a {  
    text-decoration: none;  
}  
  
.mCalendar .mCalendarTitle {  
    font-weight: bold; 
	background-color: #525252;
}  
  
.mCalendar td.mCalendarDay {  
    border: solid 2px #fff;  
    border-left: 0;  
    border-top: 0;  
}  
  
.mCalendar .mCalendarNextPrev {  
    text-align: center;  
}  
  
.mCalendar td.mCalendarSelector {  
    background-color: #dddddd;
}  
  
.mCalendar .mCalendarDay a,   
.mCalendar .mCalendarSelector a,  
.mCalendar .mCalendarNextPrev a {  
    display: block;  
    line-height: 18px;  
}  
  
.mCalendar .mCalendarDay a:hover,   
.mCalendar .mCalendarSelector a:hover {  
    background-color: #cccccc;  
}  
  
.mCalendar .mCalendarNextPrev a:hover {  
    background-color: #fff;  
}  
/* ------------------------------------------------------------------*/

.seccion
{
	border:1px solid #a1a1a1;
	padding:10px 10px 10px 10px; 
	background:white;

	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
}

.win_div
{
display:none;
border:2px solid #a1a1a1;
padding:10px 10px 10px 10px; 
background:white;
width:auto;
height:auto;

border-radius:25px;
-moz-border-radius:25px;
-webkit-border-radius:25px;
-o-border-radius:25px;

box-shadow: 10px 10px 5px #888888;
-moz-box-shadow: 10px 10px 5px #888888; 
-webkit-box-shadow:10px 10px 5px #888888;
-o-box-shadow:10px 10px 5px #888888;
}

/* ------------------------------------------------------------------*/
/* ------------------------------------------------------------------*/

span.varname
{
	width:150px;
}

input[type=text],input[type=password],textarea,select
{
    display: block;
    padding-left:4px;
    vertical-align:central;
    font-size: small;
    line-height: 1.42857;
    color: #555;
    border: 1px solid #CCC;
    border-radius: 4px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}

/*
body {
     background: url('http://localhost/bg.jpg');
     background-size:100%;
     background-repeat:repeat;
}

div.container
{
    background-color: white;
    opacity: 0.8;
    filter: Alpha(opacity=50); 
    height:100%;
}
*/