*{margin:0;padding:0;}


body
{
background:url('img/indexbg.png');
font:13px verdana,sans-serif;
margin:15px 0 15px 0;
}
fieldset{
	border:1px solid #606060;
        border-radius:4px;
	padding:.6em;
	margin-bottom:.5em;
        margin-top:1em;
}
fieldset legend{
	font-weight:bold;
}
.inputForm{
	height:23px;
	width:100%;
	border-radius:4px;
	border:1px solid #c0c0c0;
	padding: 2px 0px 2px 4px;
}
.inputArea{
	height:65px;
	width:346px;
	border-radius:4px;
	border:1px solid #c0c0c0;
	padding: 2px 0px 2px 4px;
}
.inputSubmit{
	height:35px;
	width:130px;
	border-radius:4px;
	margin-right:.5em;
	border:1px solid #c0c0c0;
	background: -webkit-linear-gradient(90deg, rgba(0,0,0,.3), rgba(255,255,255,1));
	background: -o-linear-gradient(rgba(255,255,255,.3), rgba(0,0,0,1));
	background: -moz-linear-gradient(rgba(255,255,255,3), rgba(0,0,0,1));
	filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#EBEBEB,endColorStr=#FFFFFF);
}
.inputSubmit:hover{
	box-shadow:0px 0px 6px rgba(0,0,0,.8);
}
.inputSubmit:active{
        background: #606060
}

div#wrapper
{
background:#9fcac2 url('img/logo.png') no-repeat 20px 20px;
padding:60px 15px 15px 15px;
margin:auto;
width:900px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 5px 5px 5px #888;
-webkit-box-shadow: 5px 5px 5px #888;
box-shadow: 5px 5px 5px #888;
}

p{
font:13px verdana,sans-serif;
}

p#bienvenida
{
font:13px verdana,sans-serif;
background:#FFF;
width:100%;
padding:5px 15px 5px 15px;
margin-left:-15px;
}
div#btnLogin{
    width:100%;
    text-align: right;
}

div #header{
    width:100%;
     display: inline-block;
    
}
div #header #informeRutas{
    width:45%;
    float:right;
    text-align: right;
   }
div #header #selectorFecha{
    float:left;
    width:50%;
}
#btnRoles{
    width:100%;
    display: inline-block;
    text-align: match-parent;
}
div#login
{
    background:#9fcac2;
    width:200px;
    height:130px;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -moz-box-shadow: 5px 5px 5px #888;
    -webkit-box-shadow: 5px 5px 5px #888;
    box-shadow: 5px 5px 5px #888;
    padding:30px;
    position:absolute;
    top:30%;
    left:40%;
    /*margin:-100px 0 0 -100px;*/
}

div#login form > input
{
margin:0 0 4px 0;
}

input[type="submit"],input[type="button"]
{padding:4px;}

input[type="radio"]:hover
{cursor:pointer;}

#divCamiones{
    width: 100%;
}

table
{
    background:#FFF;
    border-collapse:collapse;
}

table#tablaRoles
{
    width:100%;
    padding:5px;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
}

table#nEs
{
    margin:0 0 10px 0;
    width:100%;
    padding: 5px;
   
}

div#roles
{
    margin:10px 0 10px 0;
}

table td.rlc
{
    border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
}

table td.rrc
{
    border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
}

span.brc
{
border-radius:5px 5px 0 0;
-webkit-border-radius:5px 5px 0 0;
-moz-border-radius:5px 5px 0 0;
background:#606060;
color:#FFF;
width:100%;
margin:10px auto auto;
text-align:center;
display:block;
}

.tableGlobo{
    background:#606060;
}

.tableGlobo tr:nth-child(even){
    background:#DCDCDC;    
}

table tr:nth-child(even)
{
background:#DCDCDC;	
}


table thead
{
background:#606060;
color:#FFF;
}

table td
{
    text-align:center;
    padding-left: 10px;
}

table#tablaRoles tr:hover
{
    cursor:pointer;
    background:#606060;
    color:#DEDEDE;
}

table#nEs tr:hover
{
    cursor:pointer;
    background:#606060;
    color:#DEDEDE;
}

table#nEs td
{
    text-align:left;
    width:140px;
}

table#nEs tr
{
    float:left;
    width:140px;
}

select{width:100px;}

span.error{
float:left;
font:10px verdana,sans-serif;
font-weight:bold;
color:#FE2E2E;
}

div#pwd
{
    width:100%;
    height:100%;
    background:rgba(0,0,0,.5);
    position:absolute;
    top:0%;
    left:0%;
    
}

div#pwd img{width:16px;margin:80px 0 0 192px;}


div#forma
{
    padding:45px;
    background: #FFFFFF;
    border-radius: 10px;
    width:480px;
    height: 180px;
    /*margin:15px auto auto;*/
    font:13px verdana,sans-serif;
    position:absolute;
    top:20%;
    left:30%;
}
div#forma input[type='text']{
    padding-bottom: 50px;
}

div#forma input[type='button']{
    margin-top:10px;
    float:right;
}