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

body, html  { height: 100%; }
html, body, div, span, applet, object, iframe,
/*h1, h2, h3, h4, h5, h6,*/ p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
del { text-decoration: line-through; }
table {border-spacing: 0; } /* IMPORTANT, I REMOVED border-collapse: collapse; FROM THIS LINE IN ORDER TO MAKE THE OUTER BORDER RADIUS WORK */

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

/*This is not important*/
body{
	font-family:Arial, Helvetica, sans-serif;
	background: url(background.jpg);
	margin:0 auto;
	width:100%;
}
a:link {
	color: #666;
	font-weight: bold;
	text-decoration:none;
}
a:visited {
	color: #666;
	font-weight:bold;
	text-decoration:none;
}
a:active,
a:hover {
	color: #bd5a35;
	text-decoration:underline;
}


/*
Table Style - This is what you want
------------------------------------------------------------------ */
table a:link {
	color: #666;
	font-weight: bold;
	text-decoration:none;
}
table a:visited {
	color: #999999;
	font-weight:bold;
	text-decoration:none;
}
table a:active,
table a:hover {
	color: #bd5a35;
	text-decoration:underline;
}
table {
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	font-size:12px;
	text-shadow: 1px 1px 0px #fff;
	background:#eaebec;
	margin:20px 0;
	border:#ccc 1px solid;

	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;

	-moz-box-shadow: 0 1px 2px #d1d1d1;
	-webkit-box-shadow: 0 1px 2px #d1d1d1;
	box-shadow: 0 1px 2px #d1d1d1;
}
table th {
	padding:21px 25px 22px 25px;
	border-top:1px solid #fafafa;
	border-bottom:1px solid #e0e0e0;

	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
	background: -moz-linear-gradient(top,  #ededed,  #ebebeb);
}
table th:first-child{
	text-align: left;
	padding-left:20px;
}
table tr:first-child th:first-child{
	-moz-border-radius-topleft:3px;
	-webkit-border-top-left-radius:3px;
	border-top-left-radius:3px;
}
table tr:first-child th:last-child{
	-moz-border-radius-topright:3px;
	-webkit-border-top-right-radius:3px;
	border-top-right-radius:3px;
}
table tr{
	text-align: center;
	padding-left:20px;
}
table tr td:first-child{
	text-align: left;
	padding-left:20px;
	border-left: 0;
}
table tr td {
	padding:18px;
	padding:10px;
	border-top: 1px solid #ffffff;
	border-bottom:1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
	
	background: #fafafa;
	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
	background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);
}
table tr.even td{
	background: #f6f6f6;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
	background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6);
}
table tr:last-child td{
	border-bottom:0;
}
table tr:last-child td:first-child{
	-moz-border-radius-bottomleft:3px;
	-webkit-border-bottom-left-radius:3px;
	border-bottom-left-radius:3px;
}
table tr:last-child td:last-child{
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;
	border-bottom-right-radius:3px;
}
table tr:hover td{
	background: #f2f2f2;
	background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
	background: -moz-linear-gradient(top,  #f2f2f2,  #f0f0f0);	
}
#wiechers_wrapper{
	float:left;
	width:96%;
	margin:0 2%;
	margin-top:157px;
}
.dataTables_length {
	float:right;
	color:#666;
	font-size:14px;
	margin-bottom:20px;
}
.dataTables_filter {
	float:left;
	font-size:14px;
	color:#666;
	margin-bottom:20px;
}
.dataTables_filter input{
	margin:0 0 0 10px;
	height:30px;
	width:200px;
}
.dataTables_info{
	float:left;
	margin:20px 0 50px 0;
	font-size:14px;
	color:#666;
}
#wiechers_paginate{
	float:right;
	font-size:14px;
	color:#666;
}
a.paginate_button{
	width:30px;
	height:30px;
	line-height:30px;
	text-align:center;
	display: inline-block;
	border:solid 1px #ccc;
	margin:0 2px;
	cursor:pointer;
}
a.previous, a.next{
	width:100px;
}
a.current{
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
	background: -moz-linear-gradient(top,  #ededed,  #ebebeb);
	color:#666;
}
	
	
	
	
	
	
	
	
/*INICIO ESTILOS HEADER*/
.header {
	width: 100%;
	height:100px;
	background:url(../img/fondo_header.jpg) top left repeat-x;
	margin-bottom:20px;
	position:fixed;
	top:0;
	left:0;
	z-index:9;
}
.centro_header {
	height:120px;
	margin:auto;
	width:96%;
}
.logo {
	float:left;
	width:228px;
	height:61px;
	margin:19px 0 0 0;
}
.logo a{
	float:left;
	width:228px;
	height:61px;
	background:url(../img/logo_header.png) top left no-repeat;
}
.logo a h1{
	float:left;
	width:228px;
	height:61px;
	padding:0;
	margin:0;
	overflow:hidden;
	text-indent:-9999px;
}
.navegacion {
	float:right;
	color:#fff;
	font-size:24px;
	text-align:right;
	margin-top:20px;
}

/*FIN ESTILOS HEADER*/
	
.menu{
	float:right;
	font-size:14px;
	font-weight:lighter;
	width:100%;
	margin-top:20px;
	color:#fff;
}
.menu a{
	float:right;
	margin-left:20px;
	color:#fff;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
	
.globoAmarillo {
    float: right;
    margin: -4px 10px 0 5px!important;
    color: #fff;
    background: #FC0;
    border-radius: 25px;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
}
.globoRojo {
    float: right;
    margin: -4px 10px 0 5px!important;
    color: #fff;
    background: #F00;
    border-radius: 25px;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
}
.contLogin{
	position:fixed;
	z-index:999;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-size:cover;
	background-image:url(img/fondo.jpg);
}
#login{
	width:400px;
	position:absolute;
	z-index:9999;
	padding:20px;
	border:solid 1px #ccc;
	background:#fff;
	margin-left:200px;
	height:266px;
	margin-top:30%;
	top:-153px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
#login span{
	float:left;
	width:100%;
	margin-bottom:15px;
}
.campo11{
	float:left;
	width:calc(100% - 22px);
	padding:0 10px;
	border:solid 1px #ccc;
	height:60px;
	margin-bottom:10px;
	font-size:22px;
	color:#666;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
.campo11:hover{
	border:solid 1px #090;
}
.campo_vacio{
	border:solid 1px #FF0000;
}
a.btnLogin{
	float:left;
	padding:0 50px;
	color:#fff;
	background:url(img/fondo_header.jpg) center center repeat-x;
	text-transform:uppercase;
	border:none;
	height:60px;
	line-height:60px;
	font-size:18px;
	cursor:pointer;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	text-decoration:none;
}
.btnLogin:hover{
	filter:alpha(opacity=95);
	-moz-opacity:.95;
	opacity:.95
}