* {
	margin: 0;
	padding: 0;
}

body {
	margin: 0px 0;
	background:#FFFFFF;
}

h1, h2, h3 {
	margin-top: 1.5em;
	font-family:"Times New Roman", Times, serif;
}

h1{
	font-size:30px;
	vertical-align:bottom;
}

h2 {
	font-size:20px;
}

h3 {
	font-size:15px;
}

hr {
	margin-bottom:10px;
	margin-top:5px;
	border:1px dashed;
}

a {
	text-decoration: none;
	color:#800;
}

/* Login */
#box {
  width: 40%;
  margin: 0 auto;
  padding: 35px;
  border: 2px solid #7B5B29;
  background: #D5BDA1; 
  text-align: center;
}

input[type='text'] {
    background: white; 
    box-shadow: 0 0 1px 1px #FFFFFF; 
    color: #666; 
    outline: none; 
    height:20px;
	margin:5px;
}
input[type='password'] {
    background: white;
    box-shadow: 0 0 1px 1px #FFFFFF; 
    color: #666; 
    outline: none; 
    height:20px;
	margin:5px;
}

textarea {
    background: white;  
    box-shadow: 0 0 1px 1px #FFFFFF; 
    color: #666; 
    outline: none; 
    height:60px;
	margin:5px;
}

input[type='submit']{
 border: none;
 background:#7B5B29;
 color: #f2f2f2;
 padding: 10px;
 font-size: 14px;
 position: relative;
 box-sizing: border-box;
 transition: all 200ms ease;
 border: solid 1px #7B5B29;
}

input[type='button']{
 border: none;
 background:#7B5B29;
 color: #f2f2f2;
 padding: 10px;
 font-size: 14px;
 position: relative;
 box-sizing: border-box;
 transition: all 200ms ease;
 border: solid 1px #7B5B29;
}

input[type='submit']:hover {
 cursor:pointer;
 background:#FFF;
 color: #800000;
 border: solid 1px #7B5B29;
}

input[type='button']:hover {
 cursor:pointer;
 background:#FFF;
 color: #800000;
 border: solid 1px #7B5B29;
}


select {
	background: white;
	border-radius:0px;  
    box-shadow: 0 0 1px 1px #FFFFFF; 
    color: #666; 
    outline: none; 
    height:20px;
	margin:5px;
}  

/* Menu */

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
	background:#7B5B29;
}
#menu ul li {
  display: inline-block;
  position: relative;
  padding: 8px 12px;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  background:#7B5B29;
}
#menu ul li:hover {
	background:#987F5F;
}
#menu ul li ul {
  padding: 0;
  position: absolute;
  top: 35px;
  left: 0;
  width:300px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display: none;
  opacity: 0;
  visibility: hidden;;
}
#menu ul li ul li { 
  background: #987F5F; 
  display: block; 
  color: #fff;
  text-shadow: 0 -1px 0 #000;
}
#menu ul li ul li:hover { text-decoration:underline; }

#menu ul li ul li a {
	color:#FFF;
	border:none;
}
#menu ul li ul li a:hover { 
	color:#FFF;
	border:none; 
}

#menu ul li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
}

#menu a {
	display: block;
	border-bottom: 1px dotted #FFEBCD;
	color:#FFEBCD;
	text-shadow: 0 -1px 0 #000;
}

#menu a:hover {
	background: none;
	border-bottom: 1px dotted #FFF;
    color: #fff;
    text-shadow: 0 -1px 0 #000;
}

#menu_s {
	text-align:right; 
	margin:10px; 
	font-size:14px;
}

#menu_s a {
	
	text-decoration:underline;

}

/* Logo */

#logo {
	width: 100%;
	margin: 0 auto;
	height: 90px;
	border-bottom: 5px solid #7B5B29;
	border-top: 2px solid #7B5B29;
}

#logo h1, #logo h2 {
	float: left;
	margin: 0;
	padding: 0;
}

#logo h1 {
	padding: 10px 5px 0 10px;
}

#logo h2 {
	padding: 45px  0  0 30px;
	font-style: italic;
	font-size:5em;
	color:#000000;
}

#logo p {
	clear: left;
	margin: 0;
	padding: 0 0 0 20px;
	line-height: normal;
	font-size: 1.2em;
	font-weight: bold;
}

/* Page */

#page {
	width: 100%;
	padding: 20px 0;
	background: #FFFFFF;
	border-top: none;
}

#page_s {
	width: 100%;
	margin: 0 auto;
	padding: 20px 0;
	border-top: none;
}

/* Content */

#content {
	float: left;
	width: 96%;
	padding: 0 10px 0 21px;
	text-align:center;
}
.title {
	text-align:left;
	margin: 5px;
	font-weight: normal;	
}

/* Cuadros de Alerta */

#block{
    width:100%;
    height:100%;
    display: none;
    position:fixed;
    z-index: 1;
    background-color: black;
    opacity:0.4;
    filter:alpha(opacity=40); /* For IE8 and earlier */
    top:0;
    left:0;
}

#alert{
	display: none; 
	position:absolute;
	width: 600px;;
    display: none; 
	margin: 0 auto;
	left:0;
	right:0;
	z-index: 2;
}

#in{
    padding: 10px;
    background-color:#FFF;
    border: 5px solid #520001;
    border-radius: 5px 5px 5px 5px;
    box-shadow:1px 1px 5px black;
	text-align:center;
}

#cerrar{
	width:20px;
	float:right;
	margin-top:-5px;
	margin-right:-5px;
	cursor:pointer;
}

#alert img{
	width:100%;
}

#alert h2{
	margin-bottom: 10px;
	color:#800;
	margin-top: 0px;
}


/* Lista */
#tabla {
	width:100%;
	overflow:auto;
}

#lista {
	text-align:center;
	
}

#lista input {
	width: 75px;
}


#lista th {
	background: #7B5B29;
	text-align:center;
	color:#FFF;
}

#lista td {
	text-align:center;
	color:#000000;
	font-size:10px;
	padding:10px;
}

#lista td samp {
	font-size:20px;
	color: #7B5B29;
}

#lista tr:nth-child(odd){
    background:#D5BDA1;
    color:#000;
}
 
#lista tr:nth-child(even){
   	background:#EFE2CF;
    color: #000;
}


#lista tr:hover {
	text-align:center;
	color:#000;
	background:#FFF;
}

/* Captura */
#captura {
	font-weight: bold;
  	background:#D5BDA1; 
	padding:10px;
	border:#000000 solid 1px;
}

#captura th {
	text-align:center;
	color:#FFF;
	background: #7B5B29;
	padding-bottom:10px;
	padding-top:5px;
}


/* Submenu */

#sub img:hover{
	opacity:0.8;
}

#sub2{
}

#sub a:hover{
	background:none;	
}

/* Sidebars */

.sidebar {
	float: left;
	background: url(images/img03.gif) repeat-y;
}

.sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.sidebar li {
	margin-bottom: 2em;
}

.sidebar li ul {
}

.sidebar li li {
	margin: 0;
}

.sidebar li h2 {
	margin: 0 0 1em 0;
}

#sidebar1 {
	width: 300px;
	padding: 25px 10px 0 11px;
}

#sidebar2 {
	width: 160px;
	padding: 25px 0 0 11px;
}

#sidebar2 li ul {
	line-height: normal;
	background: url(images/img04.gif) repeat-x;
}

#sidebar2 li li {
	padding: 5px;
	background: url(images/img04.gif) repeat-x left bottom;
	font-size: .8em;
}

#sidebar2 li a {
	border: none;
}

/* Calendar */

#calendar {
}

#calendar caption {
	font-weight: bold;
}

#calendar table {
	width: 100%;
	text-align: center;
	border-collapse: collapse;
}

#calendar thead th {
	background: #CCCCCC;
	color: #FFFFFF;
}

#calendar tbody td {
	background: #EEEEEE;
}

#calendar #today {
	background: #B8D03B;
	font-weight: bold;
	color: #FFFFFF;
}

#calendar a {
	font-weight: bold;
}

#calendar #prev {
	text-align: left;
}

#calendar #next {
	text-align: right;
}

/* Footer */

#footer {
	color:#000000;
	text-align: center;
	font-size: 1em;
	margin:10px;
}