/*ESTRUCTURA*/


section {	
	position: relative;
	width:100%;
}
.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 0px;
    padding-right: 0px;
	width: 100%;
}
.row {
    margin-left: 0px;
    margin-right: 0px;
	overflow:hidden;
}
@media (min-width:768px) {

}
@media (min-width:992px) {

}
@media (min-width:1200px) {
}

.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
    position: relative;
    min-height: 0px;
    padding-left: 0px;
    padding-right: 0px;
	
}
/*  maximo ancho*/
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
    float: left
}
.col-xs-12 {
    width: 100%
}
.col-xs-11 {
    width: 91.66666667%
}
.col-xs-10 {
    width: 83.33333333%
}
.col-xs-9 {
    width: 75%
}
.col-xs-8 {
    width: 66.66666667%
}
.col-xs-7 {
    width: 58.33333333%
}
.col-xs-6 {
    width: 50%
}
.col-xs-5 {
    width: 41.66666667%
}
.col-xs-4 {
    width: 33.33333333%
}
.col-xs-3 {
    width: 25%
}
.col-xs-2 {
    width: 16.66666667%
}
.col-xs-1 {
    width: 8.33333333%
}



@media (max-width:992px) {
    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12 {
        float: left;
    }
    .col-md-12 {
        width: 100%
    }
    .col-md-11 {
        width: 91.66666667%
    }
    .col-md-10 {
        width: 83.33333333%
    }
    .col-md-9 {
        width: 75%
    }
    .col-md-8 {
        width: 66.66666667%
    }
    .col-md-7 {
        width: 58.33333333%
    }
    .col-md-6 {
        width: 50%
    }
    .col-md-5 {
        width: 41.66666667%
    }
    .col-md-4 {
        width: 33.33333333%
    }
    .col-md-3 {
        width: 25%
    }
    .col-md-2 {
        width: 16.66666667%
    }
    .col-md-1 {
        width: 8.33333333%
    }
   
}
@media (max-width:768px) {
    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12 {
        float: none
    }
    .col-sm-12 {
        width: 100%
    }
    .col-sm-11 {
        width: 91.66666667%
    }
    .col-sm-10 {
        width: 83.33333333%
    }
    .col-sm-9 {
        width: 75%
    }
    .col-sm-8 {
        width: 66.66666667%
    }
    .col-sm-7 {
        width: 58.33333333%
    }
    .col-sm-6 {
        width: 50%
    }
    .col-sm-5 {
        width: 41.66666667%
    }
    .col-sm-4 {
        width: 33.33333333%
    }
    .col-sm-3 {
        width: 25%
    }
    .col-sm-2 {
        width: 16.66666667%
    }
    .col-sm-1 {
        width: 8.33333333%
    }
   
}

.align-100 {text-align: right;}
.align-50 {text-align: center;}
.align-0 {text-align: left;}
@media (max-width:768px) {
.align-100 {text-align: left;}
.align-50 {text-align: center;}
.align-0 {text-align: left;}
}

table {
    background-color: transparent
}
th {
    text-align: left
}
.table {
    width: 100%;
    max-width: 100%;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
}

input[type="radio"],
input[type="checkbox"] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal
}
input[type="file"] {
    display: block
}
input[type="range"] {
    display: block;
    width: 100%
}
select[multiple],
select[size] {
    height: auto
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}
output {
    display: block;
    padding-top: 7px;
    font-size: 13px;
    line-height: 1.846;
    color: #555
}





textarea,
textarea.form-control,
input.form-control,
input[type=text],
input[type=password],
input[type=email],
input[type=number],
[type=text].form-control,
[type=password].form-control,
[type=email].form-control,
[type=tel].form-control,
[contenteditable].form-control {
	width:90%;
	background:#333333;
    padding: 25px 0% 25px 10%;
	margin: 0px 0px 2px 0px;
    border: 0px solid red;
	color:#CCCCCC;
	font-size:24px;
	float:none;
}
textarea:focus,
textarea.form-control:focus,
input.form-control:focus,
input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=number]:focus,
[type=text].form-control:focus,
[type=password].form-control:focus,
[type=email].form-control:focus,
[type=tel].form-control:focus,
[contenteditable].form-control:focus {
    -webkit-box-shadow: inset 1px 1px 3px #333;
    box-shadow: inset 1px 1px 3px #333;
}
textarea[disabled],
textarea.form-control[disabled],
input.form-control[disabled],
input[type=text][disabled],
input[type=password][disabled],
input[type=email][disabled],
input[type=number][disabled],
[type=text].form-control[disabled],
[type=password].form-control[disabled],
[type=email].form-control[disabled],
[type=tel].form-control[disabled],
[contenteditable].form-control[disabled],
textarea[readonly],
textarea.form-control[readonly],
input.form-control[readonly],
input[type=text][readonly],
input[type=password][readonly],
input[type=email][readonly],
input[type=number][readonly],
[type=text].form-control[readonly],
[type=password].form-control[readonly],
[type=email].form-control[readonly],
[type=tel].form-control[readonly],
[contenteditable].form-control[readonly] {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom: 1px dotted #ddd
}
textarea.input-sm,
textarea.form-control.input-sm,
input.form-control.input-sm,
input[type=text].input-sm,
input[type=password].input-sm,
input[type=email].input-sm,
input[type=number].input-sm,
[type=text].form-control.input-sm,
[type=password].form-control.input-sm,
[type=email].form-control.input-sm,
[type=tel].form-control.input-sm,
[contenteditable].form-control.input-sm {
    font-size: 12px
}



.form { margin:0px; padding:0px;}

textarea,
input,
select, 
input[type=text],
input[type=password],
[type=text]{
	width:96%;
	background:#ccc;
    padding: 2%;
	margin: 0px 0px 1px 0px;
    border: 0px solid #ccc;
	color:#000;
	font-size:20px;
}

/*FORM LOGIN*/
.form1 input{
	width:90%;
	background:#333333;
    padding: 25px 0% 25px 10%;
	margin: 0px 0px 2px 0px;
    border: 0px solid red;
	color:#CCCCCC;
	font-size:24px;
	float:none;
}
.selectsys{ 
background:#666;
width:150px;
height:35px;
padding: 2px; 
font-size:12px; 
color:#fff;
}

.black {filter: invert(0.6);}
.whit {filter: invert(0.1);}
.file {
position:absolute;
width: 100%;
height:100%;
-moz-opacity:0;
filter:alpha(opacity: 0);
opacity: 0;
z-index: 10;
cursor: pointer;
}
#efect {
position: relative;
width: 36px;
height: 36px;
top:0;
left:0;
float: left;
margin:5px 10px;
}
#efect .capa {
    position: absolute;
    width: 36px;
	height:36px;
    right: 0px;
	cursor: pointer;		
	z-index:999;
}

#efect .uno { 
background: url('../image/iconos/ico-ver.png') no-repeat 50% 50%; 
background-size: 36px 36px;
}
#efect .boton-1:focus ~ .uno {
background: url('../image/iconos/key-huella.png') no-repeat 50% 50%; 
background-size: 36px 36px;
}
#efect .nove {
   -webkit-filter: opacity(0%);  
}

/* EFECTO MENU DESPLEGABLE CON CHEKEBOX*/
#paneles {
position: relative;
width: 100%;
height: auto;
top:0;
left:0;
}

#paneles .open { 
transform: rotate(0deg);
}
#paneles .boto:checked ~ .open {
transform: rotate(180deg);
filter: hue-rotate(600deg) brightness(300%);
}
#paneles .left {
    width: 200%;
    height: 100%;
    position: absolute;
    display: flex;
    transition: left 0.4s;
}
#paneles .panel-lateral {
    background:#333;
    top: 56px;
    left: -200%;
}
#paneles .boto:checked ~ .panel-lateral {
    left: -100%;
}
#paneles .nove {
    display: none;   
}