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

@font-face {
    font-family: 'Cantarell';
    src: url('cantarell/Cantarell-Regular-webfont.eot');
    src: url('cantarell/Cantarell-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('cantarell/Cantarell-Regular-webfont.woff') format('woff'),
         url('cantarell/Cantarell-Regular-webfont.ttf') format('truetype'),
         url('cantarell/Cantarell-Regular-webfont.svg#cantarellregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body{ background:#FFC; margin:0px; padding:0px; height:100%; font-family: 'Cantarell';}
#barraTitulo{ 
    background:  #004388; /*#6c04d4; /*#003366; */
    font-size:12px; 
    color:#FFF; 
    font-family:Arial, Helvetica, sans-serif; 
    font-weight:bold; 
    /*height:60px; */
    height: auto; 
    position: relative;
    font-family: 'Cantarell';
    /*margin-top: -22px;*/
    
    /*line-height:30px;*/
}

#barraTitulo div{
    float: left;
    width: auto;
    position: relative;
    display: inline-block;
    /*height: 60px;*/
    vertical-align: middle;
    background: #004388 url(gradient.png) repeat-x 0 -110px;;
}
.img_menu{
    width: 45px; 
    height: 45px;
   
}
#barraMenu{ height:30px; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#069; }
/*background:#7AAB39*/
#pantallaBienvenida{ 
    height:100%; 
    width:100%; 
    background: #001975;
    background-image:url('../img/background.jpg');
    background-repeat: no-repeat;
    background-position: center;
/*background-color: #258ec2;
//background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMDAlJyBoZWlnaHQ9JzEwMCUnPgoJPHJhZGlhbEdyYWRpZW50IGlkPSdnbG93JyBncmFkaWVudFVuaXRzPSd1c2VyU3BhY2VPblVzZScgY3g9JzM1MCcgY3k9JzMwMCcgcj0nNTAwJz4KCQk8c3RvcCBvZmZzZXQ9JzAlJyBzdG9wLWNvbG9yPScjYzRlZWZmJyAvPgoJCTxzdG9wIG9mZnNldD0nNjAlJyBzdG9wLWNvbG9yPScjMzY5ZmM5JyAvPgoJCTxzdG9wIG9mZnNldD0nMTAwJScgc3RvcC1jb2xvcj0nIzI1OGVjMicgLz4KCTwvcmFkaWFsR3JhZGllbnQ+Cgk8cmVjdCBmaWxsPSd1cmwoI2dsb3cpJyB4PSctMSUnIHk9Jy0xJScgd2lkdGg9JzEwMiUnIGhlaWdodD0nMTAyJScvPgo8L3N2Zz4='), 
//url('../img/barra_fondo.png') repeat ; background-size:auto; background-color:#3f77b2*/
}

#tabs{ 
    height:580px; 
    border:none;
    /*background: #001975;*/
}
fieldset{ margin:0px; padding:5px 0px 5px 15px; float:left; border:1px solid}
.borderRedondos{
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius: 5px;
background-color: #F2F2F2;
}

.sombra {
  -webkit-box-shadow: 2px 2px 5px #999;
  -moz-box-shadow: 2px 2px 5px #999;
  filter: shadow(color=#999999, direction=135, strength=2);
}
.contarBorde{
	box-sizing:border-box;
    -moz-box-sizing: border-box; 
}
#tabs{ font-size:12px; font-family:Arial, Helvetica, sans-serif; z-index: -1;}
#screen{ height:100%; position:relative;}
#loginPanel{ 
width:310px; 
min-height:100px; 
color:#FFF; 
background-color: #0080ff; 


padding:20px; 
border:1px solid #FFF
}

#panelDerechoLogin{ 
width:350px; 
height:100px; 
color:#FFF; 
position:relative; 
left:55%;
top:35%; 
}

#login{ 
     width:100%;
     height:100%;
     position:absolute;
     background-color: #CCC;

	 /*background:url(../img/fondo_dlab.jpg) no-repeat center center ;*/
	 /*background-color: #258ec2;background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMDAlJyBoZWlnaHQ9JzEwMCUnPgoJPHJhZGlhbEdyYWRpZW50IGlkPSdnbG93JyBncmFkaWVudFVuaXRzPSd1c2VyU3BhY2VPblVzZScgY3g9JzM1MCcgY3k9JzMwMCcgcj0nNTAwJz4KCQk8c3RvcCBvZmZzZXQ9JzAlJyBzdG9wLWNvbG9yPScjYzRlZWZmJyAvPgoJCTxzdG9wIG9mZnNldD0nNjAlJyBzdG9wLWNvbG9yPScjMzY5ZmM5JyAvPgoJCTxzdG9wIG9mZnNldD0nMTAwJScgc3RvcC1jb2xvcj0nIzI1OGVjMicgLz4KCTwvcmFkaWFsR3JhZGllbnQ+Cgk8cmVjdCBmaWxsPSd1cmwoI2dsb3cpJyB4PSctMSUnIHk9Jy0xJScgd2lkdGg9JzEwMiUnIGhlaWdodD0nMTAyJScvPgo8L3N2Zz4=');*/
	 background-size:100%;
}
.botonMenu{ position: relative; float:left; text-align:center; cursor:pointer; display: inline-block; }

#botonera{ width:100%; position:relative;  text-align:right; vertical-align: middle; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }

.botonMenu:hover{ color:#FFC; font-weight:bold;}
.botonMenu:hover img{background-color: #CCC;}

/* los submenús */
.botonMenu:hover ul
 {
	 display:block;
	 position:absolute;
	 margin-top:-2px;
}
 
.botonMenu ul { 
	display:none;
	list-style:none;
	margin:0;
	padding:0;
	z-index:999;
	}
.botonMenu ul {
	margin:2px 2px 2px 20px;
	padding:2px;
	}

.botonMenu ul li a{
	display:block;
	width:150px;
	padding:4px 15px;
	text-decoration:none;
	text-align:left;
	font-size:11px;
	color:#FFFFFF;
	background-color:#000000;
	border-left:10px solid #666666;  
	}

.botonMenu ul li a:hover {
	color:#99CC00;
	background-color:#003366;
	border-left-color:#99CC00;
}
h3{ font-family:Verdana, Geneva, sans-serif; margin:3px}
.error{color:red; font-size:12px; margin-left:2px; }


/*  código para el Tooltip  */
.tip {
position: relative;
border-bottom: dotted 1px #3E3E3E;
cursor: default;
}
.tip span {
display: none;
position: absolute;
top: 15px;
left: 20px;
width: 225px;
padding: 5px;
z-index: 100;
background: #000;
color: #fff;
border-radius: 5px;
-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari */
}
*:hover.tip {
font-size: 99%; /* fix IE */
}
*:hover.tip span {
display: block;
margin-left: 15px;
}
/* personalizar el cursor según el tipo de información */
abbr.tip{
cursor: help;
}
a.tip{
cursor: pointer;
}
/* podemos personalizar tambien cada tip en particular */
span.tip span{
text-align: center;
font-size: 11px;
}
span.tip span img{
opacity: 0.8;
}
span.tip span img:hover{
opacity: 1;
}


#loginMain{
    display:block; 
    width:900px; 
    height: 600px; 
    margin: 20px auto; 
    position: relative; 
    background: url('../img/Logins.jpg') no-repeat;
}

#txtUsuario{
    position: absolute; 
    margin: 375px 0 0 590px; 
    height: 37px; 
    border: 1px solid white; 
    width: 220px; 
    font-size: 1.5em;
}

#txtContrasena{
    position: absolute; 
    margin: 438px 0 0 590px; 
    height: 37px; 
    border: 1px solid white; 
    width: 220px; 
    font-size: 1.5em;
}

#btnAccesar{
    padding:6px 19px; 
    background-color: #01267D; 
    color:white; 
    border:2.5px solid #1096F7; 
    border-radius: 7px; 
    font-size: 1em; 
    position: absolute; 
    margin: 497px 0 0 715px;
}

.divCaja{
    width:400px; 
    height:100px; 
    float:left;
    margin-left:15%;
    margin-top:50px;
    padding-top:50px;
    display:table-cell; 
    vertical-align:middle;
    border:1px solid gray; 
    border-radius:10px; 
    padding-left:20px;
}

.tableModal{
    background-color: #F9F9F9;
}

div.sl_container{
    background-color: #FFF;
    border: 1px solid #CCC;
    border-radius: 5px;
    box-sizing: border-box; 
    height: auto; 
    margin-top: 5px;
    padding: 5px;
    position: relative; 
    text-align: center;
    width: 100%;
}

div.sl_section_left, div.sl_section_right{
    background-color: #F2F2F2;
    border: 1px solid #CCC;
    border-radius: 5px;
    box-sizing: border-box; 
    display: inline-block;
    height: 500px; 
    position: relative; 
    vertical-align: top;
}

div.sl_header{
    background: #555 url(gradient.png) repeat-x 0 -110px; 
    box-sizing: border-box; 
    border-top-left-radius: 5px;
    border-top-right-radius: 5px; 
    color: white; 
    height: 40px;
    /*padding-top: 2px;*/
    overflow-y: hidden;
    vertical-align: top;
}

div.sl_article{
    box-sizing: border-box;
    height: 90%;
    margin:5px;
    overflow-y: scroll;
    position: relative;
    text-align: left;
}

div.sl_10{
    width: 9.8%;
}

div.sl_20{
    width: 19.8%;
}

div.sl_30{
    width: 29.8%;
}

div.sl_40{
    width: 39.8%;
}

div.sl_50{
    width: 49.8%;
}

div.sl_60{
    width: 59.8%;
}

div.sl_70{
    width: 69.8%;
}

div.sl_80{
    width: 79.8%;
}

div.sl_90{
    width: 89.8%;
}

.sl_fecha{
    width: 100px;
}