@charset "utf-8";
/* CSS Document */

@font-face { 
	font-family: cookies;
	src: url(./fuentes/Cookies.ttf) format('truetype');
}

@font-face { 
	font-family: aller_lt;
	src: url(./fuentes/Aller_Lt.ttf) format('truetype');
}

fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}

* {
	font:11px/15px "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Verdana, sans-serif;
	color: #333;
}

body {
	margin:0px;
}

body>header {
	height:100px;
	z-index:999px;
}

header>div{
	height:59px;
}

header>div>span{
	margin-top:20px;
	margin-left:25px;
	color:#bdbdbd;
	font-size:30px;
	float:left;
}

header>div>div{
	color:#666666;
	float:right;
	padding-right:30px;
}

header>div>#hora, header>div>#tiempo{
	margin-top:-0px;
	float:right;
}

header>div>div ul{
	padding:0px;
	list-style:none;
}

header>div>div ul li{
	color:#ccc;
	float:left;
	padding: 0px 7px 0px 7px;
}

header>div>div ul li span{
	color:#fff;
	font-weight:bold;
}
header>div>div ul li a{
	color:#fff;
	text-decoration:none;
}

header>div>div ul li a:hover{
	text-decoration:underline;
}

.sepador {
	border-right:1px solid #fff;
}

header>nav{
	height:40px;
	background-color:#8497bf;
	padding-left:px;
	border-bottom:1px solid #37485c;
}

body>div {
	float:left;
	width:100%;
	background-color:#fff;
}

br {
	margin-bottom:10px;
}

div>aside:hover {
	margin-left:0px;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
}

div>aside {
	z-index:999;
	margin-left:-250px;
	float:left;
	width:270px;
	background:transparent url(../img/imagen/bg_main.jpg) repeat-y scroll left top;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
}

div>article {
	overflow:auto;
}

div>article #contenido{
	padding: 30px 20px 20px 20px;
	margin: -13px -0px 0px -1px;
}

footer {
	font-size:10px;
	color:#9b9b9b;
	text-align:center;
}

.h2 {
	margin-top:-16px;
	margin-bottom:3px;
	line-height:1.8em;
	font-weight:normal;
	margin:0 0 7px;
	color:#c0c0c0;
	font-size:18px;
	border-bottom:1px solid #c0c0c0;
	clear:both;
	margin-right:10px;
}

.h2 span{
	padding-top:4px;
	float:right;
}

.h2 span .botonIco {
	margin:0 5px 5px 0;
	float:left;
	width:20px;
	height:20px;
	border:1px solid #c0c0c0;
	background:#eaeaea url(../img/imagen/solounalinea.gif) repeat-x top left;
}

.h2 span .botonIco:hover {
	background:#ddd;
	border:1px solid #aaa;
}

.h2 span .botonIco img{
	margin-top:2px;
	margin-left:2px;
	width:16px;
	height:16px;
	float:left;
}

hr {
	margin-left:-2px;
	width:99%;  
	border-top:#c0c0c0 solid 1px; 
	border-bottom:#f0f0f0 solid 1px; 
}

input, select{
   	padding:1px;
	border:1px solid #959595;
	font-size:10px;
	background-color:#eaeaea;
	color:#333;
}

select{
	padding-top:0px;
	padding-bottom:0px;
}

input.button {
	padding:5px;
}

input[type=date]{
	width:68px;
}

input.button:hover {
	background:#ddd;
}

input:checkbox {
	width:15px;
	height:15px;
	margin:0px;
	padding:0px;
}

.placeholder
{
  color: #aaa;
}

a {
	text-decoration:none;
	color:#8497bf;
}

.content-box {
	background:#FFF6BF;
	border:1px solid #FDD845;
	margin-right:0.6%;
	padding:1%;
}


.botonComentario {
	margin:0 15px 15px 0;
	float:left;
	width:133px;
	border:1px solid #c0c0c0;
	padding:10px;	
	font-size:11px;
	background:#eaeaea url(../img/imagen/solounalinea.gif) repeat-x top left;
}

.botonComentario:hover {
	background:#ddd;
	border:1px solid #aaa;
	padding-top:11px;
	padding-bottom:9px;
}

.botonComentario img{
	width:32px;
	height:32px;
	float:left;
}

.botonComentario span{
	color:#a1a1a1;
}

.botonComentario .nombreBotom {
	margin:10px;
	padding: 0 0 0 40px;
	display:block;
	font-size:14px;
	color:#1a1a1a;
}

.campoObligatorio {
	color:#0000FF;
}

.bntAgregar { background:url(../img/iconos/agregar.png) no-repeat center;}
.bntQuitar { background:url(../img/iconos/quitar.png) no-repeat center;}
.bntAgregar, .bntQuitar { width:16px; height:16px; border:none; margin-left:5px; cursor:pointer;}

.botonera {
	background-color:#a7b2c4;
}

.botonera * {
	float:left;
	position:relative;
	margin-top:3px;
	margin-right:3px;
}

.botonera input::-webkit-input-placeholder {
	font-style: italic;
}

.botonera input:-moz-placeholder {
	font-style: italic;
}

.divgseparador { float: left; height: 23px; border-left: 1px solid #8d97a5; border-right: 1px solid #ccc; margin: 1px 3px 1px 1px; }

/* Ventana Adicionar */
.venadic {
	text-align: left;
	cursor: default;
}

.venadic>div>span {
	font-style: italic;
	text-align: center;
	font-weight: bold;
	color: blue;
}

.xcerrar {
	margin-top: -7px;
	margin-right: -2px;
	cursor: pointer;
	position: relative;
	float: right;
	color: #aaa;
}

.xcerrar:hover {
	color: #333;
}