@charset "utf-8";
/* CSS Document */
body{
	background-color:#369;
	
	font-family: 'Droid Serif', serif;
	color:rgba(255,255,255,1.00);
}
input[type="text"], select, input[type="password"], textarea{
	border: solid 2px #848282;
}
a{
	text-decoration:none;
	color:rgba(255,255,255,1.00);
}
#mensajeRespuesta{
	text-align:center;
	overflow:hidden;
}
.mayusculas{
	text-transform:uppercase;
}
#grande{
	width:100%;
	height:100%;
	margin:0 auto;
	padding:0;
	align-content:center;
}
.centradoIndex{
	margin:0 auto;
	padding:0;
	width:700px;
	overflow:hidden;
}
.centrado{
	margin:10px auto;
	padding:10px;
	width:900px;
	border:rgba(180,180,180,1.00) 1px solid;
}

.img{
	display:none;
	float:left;
	height:175px;
	width:175px;
	cursor: pointer;
}
.img1{
	float:left;
	height:175px;
	width:175px;
}
.titulo{
	text-align:center;
	color:#FFFFFF;
	font-size:36px;
	text-decoration:none;
	font-family: 'Droid Serif', serif;
	
}
.texto{
	text-align:center;
	color:#FFFFFF;
	font-size:12px;
	text-decoration:none;
	font-family: 'Droid Serif', serif;
	
}

.contenidGeneral{
	text-align: center !important; 
	position: relative; 
	width: 100% !important; 
}
.tituloGrande{
	color:#FFFFFF;
	font-family: 'Droid Serif', serif;
	font-weight:bold;
	font-size:20px;
	font-style:normal;
	text-decoration:none;
	text-align:left;
}
.cuadradoContenedor{
	float:left;
	width:100%;
	margin:5px 0 5px 0;
	overflow:hidden;
}
.margenForm{
	margin-left:20px;
}
/*DEMOS LISTADO */
#listaPatentes{
	float:left;
	border:#959595 1px solid;
	width:90px;
	padding:5px;
	margin:5px;
	align-content:center;
	overflow:hidden;
	
}
#listaPatentesHistorico{
	float:left;
	border:#959595 1px solid;
	width:80%;
	padding:5px;
	margin:5px;
	align-content:center;
	overflow:hidden;
	
}
.trColor{
	font-family: 'Droid Serif', serif;
	font-size:18px;
	color:rgba(0,0,0,1.00);
	background:#ACA8A8;
	border:hidden;
}
.trColor:hover{
	font-family: 'Droid Serif', serif;
	font-size:18px;
	color:rgba(255,0,4,1.00);
	background:#C6C6C6;
}
/*FIN DEMOS LISTADO */
/* POPUP LOGIN */

#popup {
	display: none;
	left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1001;
}

.content-popup {
	margin:0px auto;
	margin-top:120px;
	position:relative;
	padding:10px;
	width:500px;
	min-height:250px;
	border-radius:4px;
	background-color:#FFFFFF;
	box-shadow: 0 2px 5px #666666;
}

.content-popup h2 {
	font-family: 'Droid Serif', serif;
	font-size:26px;
	color:#FF0004;
	border-bottom: 1px solid #48484B;
    margin-top: 0;
	margin-bottom:20px;
    padding-bottom: 4px;
}

.popup-overlay {
	left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 999;
	display:none;
	background-color: #777777;
    cursor: pointer;
    opacity: 0.7;
}

.close {
	position: absolute;
    right: 15px;
}
.menu{
	cursor: pointer;
	border:rgba(0,0,0,1.00) 1px solid;
	float:left;
	position:relative;
	margin:3px;
	padding:5px;
	background: rgba(226,226,226,1);
	background: -moz-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(226,226,226,1)), color-stop(50%, rgba(219,219,219,1)), color-stop(51%, rgba(209,209,209,1)), color-stop(100%, rgba(254,254,254,1)));
	background: -webkit-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
	background: -o-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
	background: -ms-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
	background: linear-gradient(to bottom, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=0 );
	
}

.centrar{
	margin:0 auto;
	padding:0px;
	width:900px;
	overflow:hidden;
}
span.formulario{
	font-family: 'Droid Serif', serif;
	color:rgba(0,0,0,1.00);
	font-size:16px;
}
span.chicoBlack{
	font-family: 'Droid Serif', serif;
	color:rgba(0,0,0,1.00);
	font-size:13px;
}
span.medioBlack{
	font-family: 'Droid Serif', serif;
	color:rgba(0,0,0,1.00);
	font-size:16px;
}
span.chicoBlanco{
	font-family: 'Droid Serif', serif;
	color:rgba(255,255,255,1.00);
	font-size:13px;
}

span.chicoRojo{
	font-family: 'Droid Serif', serif;
	color:rgba(255,0,0,1.00);
	font-size:13px;
}
.chicoBlack{
	font-family: 'Droid Serif', serif;
	color:rgba(0,0,0,1.00);
	font-size:13px;
}
.chicoBlanco{
	font-family: 'Droid Serif', serif;
	color:rgba(255,255,255,1.00);
	font-size:13px;
}

.chicoRojo{
	font-family: 'Droid Serif', serif;
	color:rgba(255,0,0,1.00);
	font-size:13px;
}

.medioRojo{
	font-family: 'Droid Serif', serif;
	color:rgba(255,0,0,1.00);
	font-size:16px;
}
/* FIN LOGIN POPUP */
#menuGeneral{
	overflow:hidden;
}
.menuGeneralTaller{
	cursor: pointer;
	border:rgba(175,172,172,1.00) 2px solid;
	float:left;
	position:relative;
	margin:3px;
	padding:5px;
	font-family: 'Droid Serif', serif;
	font-size:13px;
	color:rgba(0,0,0,1.00);
	background-color:rgba(209,209,209,1.00);
	/* Firefox */
    -moz-transition: all 200ms ease-in;
    /* WebKit */
    -webkit-transition: all 200ms ease-in;
    /* Opera */
    -o-transition: all 200ms ease-in;
    /* Standard */
    transition: all 200ms ease-in;

}

.menuGeneralTaller:hover{
	cursor: pointer;
	border:rgba(0,0,0,1.00) 2px solid;
	float:left;
	position:relative;
	margin:3px;
	padding:5px;
	font-family: 'Droid Serif', serif;
	font-size:15px;
	color:rgba(217,217,217,1.00);
	background-color:rgba(87,87,87,1.00);
	/* Firefox */
    -moz-transition: all 200ms ease-in;
    /* WebKit */
    -webkit-transition: all 200ms ease-in;
    /* Opera */
    -o-transition: all 200ms ease-in;
    /* Standard */
    transition: all 200ms ease-in;
	
}

.menuGeneralEntegas{
	cursor: pointer;
	border:rgba(175,172,172,1.00) 2px solid;
	float:left;
	position:relative;
	margin:3px;
	padding:5px;
	font-family: 'Droid Serif', serif;
	font-size:13px;
	color:rgba(0,0,0,1.00);
	background-color:rgba(179,223,184,1.00);
	/* Firefox */
    -moz-transition: all 200ms ease-in;
    /* WebKit */
    -webkit-transition: all 200ms ease-in;
    /* Opera */
    -o-transition: all 200ms ease-in;
    /* Standard */
    transition: all 200ms ease-in;

}

.menuGeneralEntegas:hover{
	cursor: pointer;
	border:rgba(0,0,0,1.00) 2px solid;
	float:left;
	position:relative;
	margin:3px;
	padding:5px;
	font-family: 'Droid Serif', serif;
	font-size:15px;
	color:rgba(217,217,217,1.00);
	background-color:rgba(24,94,25,1.00);
	/* Firefox */
    -moz-transition: all 200ms ease-in;
    /* WebKit */
    -webkit-transition: all 200ms ease-in;
    /* Opera */
    -o-transition: all 200ms ease-in;
    /* Standard */
    transition: all 200ms ease-in;
	
}

.menuGeneralVentas{
	cursor: pointer;
	border:rgba(175,172,172,1.00) 2px solid;
	float:left;
	position:relative;
	margin:3px;
	padding:5px;
	font-family: 'Droid Serif', serif;
	font-size:13px;
	color:rgba(0,0,0,1.00);
	background-color:rgba(239,217,142,1.00);
	/* Firefox */
    -moz-transition: all 200ms ease-in;
    /* WebKit */
    -webkit-transition: all 200ms ease-in;
    /* Opera */
    -o-transition: all 200ms ease-in;
    /* Standard */
    transition: all 200ms ease-in;

}

.menuGeneralVentas:hover{
	cursor: pointer;
	border:rgba(0,0,0,1.00) 2px solid;
	float:left;
	position:relative;
	margin:3px;
	padding:5px;
	font-family: 'Droid Serif', serif;
	font-size:15px;
	color:rgba(217,217,217,1.00);
	background-color:rgba(139,100,2,1.00);
	/* Firefox */
    -moz-transition: all 200ms ease-in;
    /* WebKit */
    -webkit-transition: all 200ms ease-in;
    /* Opera */
    -o-transition: all 200ms ease-in;
    /* Standard */
    transition: all 200ms ease-in;
	
}

.menuGeneralCobros{
	cursor: pointer;
	border:rgba(175,172,172,1.00) 2px solid;
	float:left;
	position:relative;
	margin:3px;
	padding:5px;
	font-family: 'Droid Serif', serif;
	font-size:13px;
	color:rgba(0,0,0,1.00);
	background-color:rgba(137,204,215,1.00);
	/* Firefox */
    -moz-transition: all 200ms ease-in;
    /* WebKit */
    -webkit-transition: all 200ms ease-in;
    /* Opera */
    -o-transition: all 200ms ease-in;
    /* Standard */
    transition: all 200ms ease-in;

}

.menuGeneralCobros:hover{
	cursor: pointer;
	border:rgba(0,0,0,1.00) 2px solid;
	float:left;
	position:relative;
	margin:3px;
	padding:5px;
	font-family: 'Droid Serif', serif;
	font-size:15px;
	color:rgba(217,217,217,1.00);
	background-color:rgba(38,98,123,1.00);
	/* Firefox */
    -moz-transition: all 200ms ease-in;
    /* WebKit */
    -webkit-transition: all 200ms ease-in;
    /* Opera */
    -o-transition: all 200ms ease-in;
    /* Standard */
    transition: all 200ms ease-in;
	
}
.menuGeneralUsuarios{
	cursor: pointer;
	border:rgba(175,172,172,1.00) 2px solid;
	float:left;
	position:relative;
	margin:3px;
	padding:5px;
	font-family: 'Droid Serif', serif;
	font-size:13px;
	color:rgba(0,0,0,1.00);
	background-color:rgba(221,211,228,1.00);
	/* Firefox */
    -moz-transition: all 200ms ease-in;
    /* WebKit */
    -webkit-transition: all 200ms ease-in;
    /* Opera */
    -o-transition: all 200ms ease-in;
    /* Standard */
    transition: all 200ms ease-in;

}

.menuGeneralUsuarios:hover{
	cursor: pointer;
	border:rgba(0,0,0,1.00) 2px solid;
	float:left;
	position:relative;
	margin:3px;
	padding:5px;
	font-family: 'Droid Serif', serif;
	font-size:15px;
	color:rgba(217,217,217,1.00);
	background-color:rgba(129,99,167,1.00);
	/* Firefox */
    -moz-transition: all 200ms ease-in;
    /* WebKit */
    -webkit-transition: all 200ms ease-in;
    /* Opera */
    -o-transition: all 200ms ease-in;
    /* Standard */
    transition: all 200ms ease-in;
	
}
.menuGeneralAdmin{
	cursor: pointer;
	border:rgba(175,172,172,1.00) 2px solid;
	float:left;
	position:relative;
	margin:3px;
	padding:5px;
	font-family: 'Droid Serif', serif;
	font-size:13px;
	color:rgba(0,0,0,1.00);
	background-color:rgba(229,231,198,1.00);
	/* Firefox */
    -moz-transition: all 200ms ease-in;
    /* WebKit */
    -webkit-transition: all 200ms ease-in;
    /* Opera */
    -o-transition: all 200ms ease-in;
    /* Standard */
    transition: all 200ms ease-in;

}

.menuGeneralAdmin:hover{
	cursor: pointer;
	border:rgba(0,0,0,1.00) 2px solid;
	float:left;
	position:relative;
	margin:3px;
	padding:5px;
	font-family: 'Droid Serif', serif;
	font-size:15px;
	color:rgba(217,217,217,1.00);
	background-color:rgba(160,170,61,1.00);
	/* Firefox */
    -moz-transition: all 200ms ease-in;
    /* WebKit */
    -webkit-transition: all 200ms ease-in;
    /* Opera */
    -o-transition: all 200ms ease-in;
    /* Standard */
    transition: all 200ms ease-in;
	
}
.menuGeneralSd{
	cursor: pointer;
	border:rgba(175,172,172,1.00) 2px solid;
	float:left;
	position:relative;
	margin:3px;
	padding:5px;
	font-family: 'Droid Serif', serif;
	font-size:13px;
	color:rgba(0,0,0,1.00);
	background-color:rgba(217,196,196,1.00);
	/* Firefox */
    -moz-transition: all 200ms ease-in;
    /* WebKit */
    -webkit-transition: all 200ms ease-in;
    /* Opera */
    -o-transition: all 200ms ease-in;
    /* Standard */
    transition: all 200ms ease-in;

}

.menuGeneralSd:hover{
	cursor: pointer;
	border:rgba(0,0,0,1.00) 2px solid;
	float:left;
	position:relative;
	margin:3px;
	padding:5px;
	font-family: 'Droid Serif', serif;
	font-size:15px;
	color:rgba(217,217,217,1.00);
	background-color:rgba(123,45,46,1.00);
	/* Firefox */
    -moz-transition: all 200ms ease-in;
    /* WebKit */
    -webkit-transition: all 200ms ease-in;
    /* Opera */
    -o-transition: all 200ms ease-in;
    /* Standard */
    transition: all 200ms ease-in;
	
}
.menuGeneralResibos{
	cursor: pointer;
	border:rgba(175,172,172,1.00) 2px solid;
	float:left;
	position:relative;
	margin:3px;
	padding:5px;
	font-family: 'Droid Serif', serif;
	font-size:13px;
	color:rgba(0,0,0,1.00);
	background-color:rgba(175,230,244,1.00);
	/* Firefox */
    -moz-transition: all 200ms ease-in;
    /* WebKit */
    -webkit-transition: all 200ms ease-in;
    /* Opera */
    -o-transition: all 200ms ease-in;
    /* Standard */
    transition: all 200ms ease-in;

}

.menuGeneralResibos:hover{
	cursor: pointer;
	border:rgba(0,0,0,1.00) 2px solid;
	float:left;
	position:relative;
	margin:3px;
	padding:5px;
	font-family: 'Droid Serif', serif;
	font-size:15px;
	color:rgba(217,217,217,1.00);
	background-color:rgba(17,121,159,1.00);
	/* Firefox */
    -moz-transition: all 200ms ease-in;
    /* WebKit */
    -webkit-transition: all 200ms ease-in;
    /* Opera */
    -o-transition: all 200ms ease-in;
    /* Standard */
    transition: all 200ms ease-in;
	
}
.menuGeneralSistema{
	cursor: pointer;
	border:rgba(175,172,172,1.00) 2px solid;
	float:left;
	position:relative;
	margin:3px;
	padding:5px;
	font-family: 'Droid Serif', serif;
	font-size:13px;
	color:rgba(0,0,0,1.00);
	background-color:rgba(191,213,191,1.00);
	/* Firefox */
    -moz-transition: all 200ms ease-in;
    /* WebKit */
    -webkit-transition: all 200ms ease-in;
    /* Opera */
    -o-transition: all 200ms ease-in;
    /* Standard */
    transition: all 200ms ease-in;

}

.menuGeneralSistema:hover{
	cursor: pointer;
	border:rgba(0,0,0,1.00) 2px solid;
	float:left;
	position:relative;
	margin:3px;
	padding:5px;
	font-family: 'Droid Serif', serif;
	font-size:15px;
	color:rgba(217,217,217,1.00);
	background-color:rgba(73,108,70,1.00);
	/* Firefox */
    -moz-transition: all 200ms ease-in;
    /* WebKit */
    -webkit-transition: all 200ms ease-in;
    /* Opera */
    -o-transition: all 200ms ease-in;
    /* Standard */
    transition: all 200ms ease-in;
	
}
/*/////////////ACORDION/////////////*/
.grupoAcordion1 { 
	zoom: 1;
	}

/*/////////////////  CAJAS DE COLOR ///////////////////*/
.caida{
	color:rgba(255,255,255,1.00);
	float:left;
	width:100px;
	padding:5px;
	margin-right:5px;
	text-align:center;
	background-color:rgba(255,0,4,1.00) !important;
}
.activa{
	color:rgba(255,255,255,1.00);
	float:left;
	width:100px;
	padding:5px;
	margin-right:5px;
	text-align:center;
	background-color:rgba(57,92,255,1.00) !important;	
}
.entregada{
	color:rgba(0,0,0,1.00);
	float:left;
	width:100px;
	padding:5px;
	margin-right:5px;
	text-align:center;
	background-color:rgba(255,253,0,1.00) !important;	
}
.completada{
	color:rgba(0,0,0,1.00);
	float:left;
	width:100px;
	padding:5px;
	margin-right:5px;
	text-align:center;
	background-color:rgba(138,200,182,1.00) !important;
}
.anulada{
	color:rgba(255,255,255,1.00);
	float:left;
	width:100px;
	padding:5px;
	margin-right:5px;
	text-align:center;
	background-color:rgba(184,0,255,1.00) !important;	
}
.tramite{
	float:left;
	width:100px;
	padding:5px;
	margin-right:5px;
	text-align:center;
	background-color:rgba(248,186,234,1.00) !important;	
}
.notaCredito{
	color:rgba(255,255,255,1.00);
	float:left;
	width:100px;
	padding:5px;
	margin-right:5px;
	text-align:center;
	background-color:rgba(148,148,148,1.00) !important;
}
.reintegro{
	color:rgba(255,255,255,1.00);
	float:left;
	width:100px;
	padding:5px;
	margin-right:5px;
	text-align:center;
	background-color:rgb(36, 162, 154) !important;
}
.transferida{
	color:rgba(255,255,255,1.00);
	float:left;
	width:100px;
	padding:5px;
	margin-right:5px;
	text-align:center;
	background-color:rgb(240, 116, 0) !important;
}
.cuotaPagado{
	color:rgba(255,255,255,1.00);
	float:left;
	width:100px;
	padding:5px;
	background-color:rgba(171,199,243,1.00) !important;	
}
.cuotaProvisoria{
	color:rgba(255,255,255,1.00);
	float:left;
	width:100px;
	padding:5px;
	background-color:rgba(255,51,147,1.00) !important;	
}
.cuotaPendiente{
	color:rgba(0,0,0,1.00);
	float:left;
	width:100px;
	padding:5px;
	background-color:rgba(171,203,154,1.00) !important ;	
}
.cuotaError{
	color:rgba(0,0,0,1.00);
	float:left;
	width:100px;
	padding:5px;
	background-color:rgba(255,0,4,1.00) !important ;	
}
/*///////////////////////////////////////////////////*/
.rojoError{
	color:rgba(0,0,0,1.00);
	background-color:rgba(255,0,4,1.00);!important	
}
.verdeClaro{
	color:rgba(0,0,0,1.00);
	background-color:rgba(171,203,154,1.00);!important
}
.azulClaro{
	color:rgba(255,255,255,1.00);
	background-color:rgba(171,199,243,1.00);!important
}
.gris{
	color:rgba(255,255,255,1.00);
	background-color:rgba(148,148,148,1.00);!important
}
.rosado{
	color:rgba(0,0,0,1.00);
	background-color:rgba(248,186,234,1.00);!important
}
.morado{
	color:rgba(255,255,255,1.00);
	background-color:rgba(184,0,255,1.00);!important	
}
.verdePastel{
	color:rgba(0,0,0,1.00);
	background-color:rgba(138,200,182,1.00);!important
}
.amarillo{
	color:rgba(0,0,0,1.00);
	background-color:rgba(255,253,0,1.00);!important
}
.azul{
	color:rgba(255,255,255,1.00);
	background-color:rgba(57,92,255,1.00);!important
}
.rojo{
	color:rgba(255,255,255,1.00);
	background-color:rgba(255,0,4,1.00); !important
}

/*//////////////////////////////////////////////*/
.tabs1Cuadros{
	float:left;
	width:420px;
}
.obsCuota{
	margin:1em;
	padding:1em;
	background-color:rgba(223,223,223,1.00);
}
.herramientas{
	background: rgba(212,228,239,1);
	background: -moz-linear-gradient(top, rgba(212,228,239,1) 0%, rgba(134,174,204,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(212,228,239,1)), color-stop(100%, rgba(134,174,204,1)));
	background: -webkit-linear-gradient(top, rgba(212,228,239,1) 0%, rgba(134,174,204,1) 100%);
	background: -o-linear-gradient(top, rgba(212,228,239,1) 0%, rgba(134,174,204,1) 100%);
	background: -ms-linear-gradient(top, rgba(212,228,239,1) 0%, rgba(134,174,204,1) 100%);
	background: linear-gradient(to bottom, rgba(212,228,239,1) 0%, rgba(134,174,204,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4e4ef', endColorstr='#86aecc', GradientType=0 );
	margin:0 auto;
	padding:5;
	border-radius: 10px 10px 0px 0px;
	-moz-border-radius: 10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
	border: 0px solid #000000;
}
.imgBtnAdd{
	margin:5px;
	height:40px;
	width:40px;
	background:url(../images/agregar.png) no-repeat;
	background-size:30px 30px;
	background-position:center;
}
.imgBtnDel{
	margin:5px;
	height:40px;
	width:40px;
	background:url(../images/borrar.png)no-repeat;
	background-size:30px 30px;
	background-position:center;
}
.imgBtnEdit{
	margin:5px;
	height:40px;
	width:40px;
	background:url(../images/editar1.png)no-repeat;
	background-size:30px 30px;
	background-position:center;
}
/* gestion de solicitud */
.sdError{
	list-style:none;
	float:left;
	margin:2px 2px auto;
	background-color:#F99;
	background-image:url(../images/sd.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size:60px;
	border:#F00 1px solid;
	height:80px;
	width:80px;
	overflow:hidden;
}
.sdOk{
	list-style:none;
	float:left;
	margin:2px 2px auto;
	background-color:#CFF;
	background-image:url(../images/sd.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size:60px;
	border:#3C0 1px solid;
	height:80px;
	width:80px;
	color:rgba(0,0,0,1.00);
	overflow:hidden;
}
.sdAnulada{
	list-style:none;
	float:left;
	margin:2px 2px auto;
	background-color:#66F;
	background-image:url(../images/sd.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size:60px;
	border:#606 1px solid;
	height:80px;
	width:80px;
	color:rgba(0,0,0,1.00);
	overflow:hidden;
}

.sdPendiente{
	float:left;
	margin:2px 2px auto;
	list-style:none;
	background-color:#CCC;
	background-image:url(../images/sd.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size:60px;
	border:#333 1px solid;
	height:80px;
	width:80px;
	overflow:hidden;
}
.sdExtravio{
	float:left;
	margin:2px 2px auto;
	list-style:none;
	background-color:#66C;
	border:#309 1px solid;
	background-image:url(../images/sd.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size:60px;
	height:80px;
	width:80px;
	overflow:hidden;
}
.sdAsignada{
	float:left;
	margin:2px 2px auto;
	list-style:none;
	background-color:#9CC;
	border:#069 1px solid;
	background-image:url(../images/sd.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size:60px;
	height:80px;
	width:80px;
	overflow:hidden;
}
.sdTramite{
	float:left;
	list-style:none;
	margin:2px 2px auto;
	background-color:#EFC9F0;
	background-image:url(../images/sd.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size:60px;
	border:#069 1px solid;
	height:80px;
	width:80px;
	overflow:hidden;
}
.productorSd{
	float:left;
	list-style:none;
	margin:10px;
	padding:15px auto;
	background-color:rgba(233,226,205,1.00);
	border:#069 1px solid;
	height:40px;
	width:800px;
	overflow:hidden;
}
.sdDisponibleUl{
	float:left;
	border:rgba(0,0,0,1.00) 1px solid;
	max-width:48%;
	width:48%;
	padding:5px;
	text-align:center;
	overflow:hidden;
}
.sdDisponibleUlDrop{
	float:left;
	max-width:98%;
	width:98%;
	padding:5px;
	text-align:center;
	overflow:hidden;
}
#sdDisponible{
	float:left;
	max-width:48%;
	width:48%;
	padding:5px;
	text-align:center;
	overflow:hidden;
}
.medioCuadro{
	float:left;
	max-width:48%;
	width:48%;
	padding:5px;
	text-align:center;
	overflow:hidden;
}
#sdDestino{
	float:left;
	/*border:rgba(0,0,0,1.00) 1px solid;*/
	max-width:48%;
	width:48%;
	min-height:170px;
	padding:5px;
	background-color:rgba(184,212,224,0.72);
	background-image:url(../images/colocar.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size:70px;
	text-align:center;
	overflow:hidden;
}
#conenedor{
	text-align:center;
	overflow:hidden;
}
/* PERITAJE */
#carga-fotos{
	overflow:hidden;
}
.divUploadFoto{
	position:relative;
	float:left;
	margin:5px;
	width:calc( 100%/4 - 12px);
	height:100px;
	border:rgba(215,215,215,1.00) 1px solid;
	overflow:hidden;
	background-image:url(../images/agregar.png);
	background-repeat:no-repeat;
	background-position:center;
}
.divUploadFoto:hover{
	background-color:rgba(139,178,248,1.00);
}
.imagen-boton{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	width:100%;
	height:100%;
	opacity:0;
	cursor:pointer;
}
.divMuestraFoto{
	position:relative;
	float:left;
	margin:5px;
	width:calc( 100%/4 - 12px);
	height:100px;
	border:rgba(215,215,215,1.00) 1px solid;
	overflow:hidden;

}
#galeria {
	display: none;
	left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1001;
}

#galeria-foto {
	margin:0px auto;
	margin-top:120px;
	position:relative;
	padding:10px;
	width:1010px;
	min-height:100px;
	border-radius:4px;
	background-color:#FFFFFF;
	box-shadow: 0 2px 5px #666666;
}


#galeria-overlay {
	left: 0;
    position: absolute;
    top: 0;
    width: 100%;
	height:100%;
    z-index: 999;
	display:none;
	background-color: #777777;
    cursor: pointer;
    opacity: 0.8;
}

#cerrarGaleria {
	position: absolute;
	width:100%;
}
/* testigo */
.testigo{
	width:100%;
	position:relative;
	background-color:rgba(129,171,222,0.39);
	margin-bottom:10px;
	overflow:hidden;
}
.fecha{
	width:calc(50% - 10px);
	padding:5px;
	position:relative;
	float:left;
	background-color:rgba(249,249,199,0.18);
	text-align:left;
}
.web{
	width:calc(50% - 10px);
	padding:5px;
	position:relative;
	float:right;
	background-color:rgba(249,249,199,0.18);
	text-align:right;
}
.parametros{
	width:calc(100% - 10px);
	padding:5px;
	position:relative;
	float:left;
	background-color:rgba(188,248,232,0.37);
	text-align:left;
}
.parametros-accion{
	width:calc(100% - 10px);
	padding:5px;
	position:relative;
	float:left;
	background-color:rgba(255,52,55,0.34);
	text-align:left;
}
div#chat-box{
	display: none;
	background-color:rgba(181,205,225,1.00);
	left: calc(100%/2 - 350px);
    position: absolute;
    top: 10%;
    width: 690px;
	height:590px;
    z-index: 101;
	padding:10px;
	overflow:hidden;

}
div#chat-cerrarBTN{
	text-align:right;
	cursor:pointer;
}
div.usuario-enLinea{
	cursor:pointer;
	width:170px;
	float:left;
	padding:2.5%;
	background-color:rgba(175,244,213,1.00);
	margin-bottom:10px;
	color:rgba(0,0,0,1.00);
	font-size:15px;
}
div.usuario-enLinea:hover{
	background-color:rgba(44,67,120,1.00);
	color:rgba(255,255,255,1.00);
}
div#box-chat-mensaje{
	background-color:rgba(255,255,255,0.62);
	border:rgba(0,0,0,1.00) 1px solid;
	height:398px;
	width:450px;
	overflow:auto;
}
div#enLineaTD{
	background-color:rgba(255,255,255,0.62);
	border:rgba(0,0,0,1.00) 1px solid;
	height:450px;
	width:200px;
	overflow:auto;
}
/* USADOS */
div#carga-div{
	position:relative;
	margin:0 auto;
	margin-top:10px;
	background-color:rgba(176,192,221,1.00);
	width:138px;
	height:138px;
	border:rgba(162,162,162,1.00) 1px solid;
	background-image:url(../images/foto.png);
	background-position:center;
	background-repeat:no-repeat;
	cursor:pointer;
	background-size:80%;
	/* Firefox */
    -moz-transition: all 100ms linear;
    /* WebKit */
    -webkit-transition: all 100ms linear;
    /* Opera */
    -o-transition: all 100ms linear;
    /* Standard */
    transition: all 100ms linear;
}
div#carga-div:hover{
	background-size:90%;
}

#carga-img{
	opacity:0;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	cursor:pointer;
}

div.box-usado{
	position:relative;
	width:calc(100% - 18px);
	margin-top:10px;
	min-height:100px;
	border:rgba(175,175,175,1.00) 1px solid;
	overflow:hidden;
}
div.box-usado:hover{
	background-color:rgba(183,225,245,0.55);
	border:rgba(0,0,0,1.00) solid 1px;
}
div.izquierda{
	width:700px;
	height:150px;
	position:relative;
	float:left;
	padding:7px;
	text-align:left;
	
}
div.derecha{
	height:150px;
	width:150px;
	position:relative;
	float:right;
	padding:7px;
}
div#box-advertencia{
	left: 0;
    position:fixed;
    top: 0;
    width: 100%;
	height:100%;
    z-index: 9999;
	display:none;
	background-color: #777777;
   /* cursor: pointer;*/
    opacity: 0.7;
}
div.smg-popup{
	position:fixed;
	top:calc(50% - 70px);
	width:100%;
	min-height:140px;
	max-height:80%;
	background-color:rgba(255,255,255,1.00);
	z-index:99999;
	display:none;
	overflow:auto;
	color:rgba(0,0,0,1.00);
	font-family: 'Droid Serif', serif;
	font-size:15px;
}