*{
	padding:0;
	margin:0;
	background:#fff;
	font-family:Verdana;
	background:#fff;
}
a{
	text-decoration:none;
	background:transparent;
}
body{
	width:100%;
	/*height:100%;*/
}

#tabla_log{
	width:100%;
	background:transparent;
}
#tabla_log tr td{
	background:transparent;
}
#log{
	margin:auto;
	width:40%;
	height:auto;
	padding:5%;
	background:#fff;
	margin-top:10%;
	border-radius:15px 0px 15px 0px;
	box-shadow:0px 0px 12px 1px #000;
}
.login{
	width:100%;
	margin-left:40%;
}
.login > input[type="image"]{
	width: 20%;
	height: 30%;
	margin-top: 5%;
}
.lab{
	width:80%;
	height:auto;
	background:transparent;
	color:white;
	display:block;	
	margin:1% 0%;	
	padding:5% 0%;
	margin:auto;
}
.inp{
	width:96%;
	height:2em;
	background:#fff;
	color:#000;
	display:block;
	margin:auto;
	border:none;
	border:1px solid black;
	outline:none;
	padding-left:3%;
	border-radius:50px;
}
.bot{
	width:50%;
	height:2em;
	background:#fff;
	color:#000;
	display:block;
	margin:auto;
	border:none;
	outline:none;
	margin-top:4%;
	padding-left:3%;
	border-radius:5px;
	box-shadow:0px 0px 12px 1px #ccc;
}
.bot:hover,.bot:focus{
	background:#1b6b62;
	color:#fff;
	cursor:pointer;	
}


/*------media queries----*/
@media (max-width:1200px){
	#log{	
	width:28%;
	
	}
}
@media (max-width:950px){
	#log{	
	width:23%;
	
	}
}
@media (max-width:770px){
	#log{	
	width:33%;
	
	}
}
@media (max-width:650px){
	#log{	
	width:40%;
	
	}
}
@media (max-width:500px){
	#log{	
	width:80%;
	
	}
}


/*------- PROYECTOS------*/
#tit_proyectos{
	width:100%;
	height:auto;
	color:#fff;
	margin-bottom:4%;
	background:#ccc;
	text-align:center;
	font-size:1.4em;
	padding:1% 0%;
}
#mensaje{
	width:100%;
	height:auto;
	color:#000;
	margin-bottom:4%;
	background:#ccc;
	text-align:center;
	font-size:.9em;
	padding:1% 0%;
}
#tit_proyectos #fecha{
	font-size:.9em;
	background:transparent;
	color:#fff;	
}
#cont_mayor_proyectos{
	width:40%;
	height:100%;
	background:#cccccc;
	color:#fff;
	margin:auto;
	margin-top:5%;
	padding-bottom:3%;
	box-shadow:0px 0px 15px 1px #000;
}

#tab_proyectos{
	width:100%;
	height:auto;
	text-align:left;
	
}
#tab_no_efect_cont{
	display:block;
	width:70%;	
	height:auto;
	text-align:left;
	max-width:300px;
	margin:auto;
}
#tab_no_efect_cont td,input[type=submit]{
	background:#ccc;
}
#tab_no_efect_cont input[type=date],input[type=text]{
	width:100%;	
	display:block;
}

@media (max-width:600px){
	#tab_no_efect_cont{
	display:block;
	width:100%;	
	height:auto;
	text-align:left;
	
	}
	td{
		width:160px;
	}
	
	#tab_no_efect_cont textarea{
	width:80%;
	height:3em;
	}
}

#tab_no_efect_cont td{
	font-size:.7em;	
}

#tab_no_efect_cont th{
	font-size:.7em;	
	width:160px;
	
}
#tab_no_efect_cont input[type="checkbox"]{
	width:15px;
	height:15px;
	display:block;
	margin:auto;	
}
#tab_no_efect_cont input[type="checkbox"]:hover{
	cursor:pointer;
}

#tab_proyectos tr{
	width:32%;
	height:3.2em;
	text-align:center;
}
#tab_proyectos td{
	padding:.5%;
	
}
#tab_proyectos th{
	padding:3%;
	
}
#tab_proyectos img{
	width:35px;
	height:auto;
	display:block;
	margin: auto;

}
#tab_proyectos img:hover{
	/*-webkit-transform:translate(10px,0px);*/
	-webkit-transform:rotate(360deg);
	transition:.5s all;
	cursor:pointer;
}
@media (max-width:1100px){
	#cont_mayor_proyectos{
	width:80%;
	min-height:12em;
	
	}
}
@media (max-width:1000px){
	#cont_mayor_proyectos{
	width:80%;
	min-height:12em;
	
	}
}
@media (max-width:900px){
	#cont_mayor_proyectos{
	width:80%;
	min-height:12em;
	
	}
}
@media (max-width:800px){
	#cont_mayor_proyectos{
	width:80%;
	min-height:12em;
	
	}
}
@media(max-width:645px){
	#cont_mayor_proyectos{
	width:90%;
	min-height:12em;
	background:#ccc;
	max-height:24em;
	}
	a{
	border:1px solid transparent;
	}
}

@media (max-width:610px){
	#cont_mayor_proyectos{
	width:90%;
	min-height:12em;
	
	}
}
@media (max-width:590px){
	#cont_mayor_proyectos{
	width:90%;
	min-height:12em;
	
	}
}
@media (max-width:480px){
	#cont_mayor_proyectos{
	width:90%;
	min-height:12em;
	
	}
}
@media (max-width:380px){
	#cont_mayor_proyectos{
	width:90%;
	min-height:12em;
background:blue;
	}
}



/*-------DATOS---------*/
#cont_mayor_datos{
	width:35%;
	height:auto;
	display:block;
	background:#fff;
	margin:auto;
	padding:1%;
	margin-top:3%;
	border-radius:5px 0px 5px 0px;
	box-shadow:0px 0px 15px 1px #000;
	padding-bottom:2%;
}
#ref{
	width:98%;
	display:block;
	height:auto;
	padding:1%;
	background:#646464;
	color:#fff;
	text-align:center;
}
#cont_mayor_datos article{
	width:95%;
	height:auto;
	display:block;
	background:transparent;
	margin:auto;
	color:#000;
	font-size:.9em;
	margin-top:2.3%;
	text-align:justify;
}
#cont_bots{
	width:100%;
	height:3.2em;
	display:block;
	background:transparent;
}

#cita_cump{
	width:15%;
	height:6em;
	color:#fff;
	border:none;
	display:block;
	background:#003F5E;
	box-shadow:0px 0px 3px 1px #000;
	margin:auto;
	-webkit-transition:.5s all;
}
.bot_inferior{
	width:20%;
	height:2.9em;
	/*color:#fff;*/
	border:none;
	display:block;
	/*background:#003F5E;*/
	/*box-shadow:0px 0px 2px 1px #000;*/
	float:left;
	margin-left:5%;
	margin-top:1.5%;	
	-webkit-transition:.5s all;
}


.boton_img img{
	width:27px;
	height:auto;
	display:block;
}
#cita_cump:hover{	
	color:#fff;
	/*background:#006A2B;*/
	cursor:pointer;	
}
.bot_inferior:hover{
	color:#fff;	
	/*background:#006A2B;*/
	cursor:pointer;	
	-webkit-transform:scale(1.1);
}
#vol{
	width:100%;
	height:2em;
	display:block;
	background:transparent;
	bottom:0px;
	padding:0;
	margin:0;
	margin-top:12%;
	
}
#vol img{
	width:11%;
	height:auto;
	float:left;
	max-height:2em;
	-webkit-transition:2s all;
}
#atras_tipo_trabajo{
	display:block;
	width:10%;
	height:2em;
	background:transparent;
	 background:green;
	 
}
#atras_tipo_trabajo img{
	display:block;
	width:10%;

}
#atras_tipo_trabajo a{
background:transparent;
 
	
}
#atras_tipo_trabajo img{
	width:100%;
	height:2em;	
	 -webkit-transition:2s all;
	 background:#ccc;
}



/* ATRAS EFECTIVA */
/*
#atras_efect{
	display:block;
	width:8%;
	height:2em;
	background:#000;
	 background:green;
	 border:1px solid #cccccc;
	 float:left;
	
}
#atras_efect a{
background:transparent;
 
	
}
#atras_efect img{
	width:100%;
	height:2em;	
	 -webkit-transition:2s all;
	 background:#ccc;
}
*/

/* FIN ATRAS EFECTIVA */



.datos_cliente{
	width:70%;
	display:block;
	background:transparent;
	color:#fff;
}
#lis_izq{
	width:45%;
	height:auto;
	display:block;
	background:#0a0a0a;
	float:left;
}
#lis_der{
	width:45%;
	height:auto;
	display:block;
	background:#0a0a0a;
	float:right;
}
#tab_datos{
	width:75%;
	margin:auto;
	margin-top:2%;
	margin-bottom:1%; 
	background:transparent;
}
table td{
	color:#000;
	text-align:justify;
	padding: 1.5% 0;
}
table th{
	color:#fff;
	background:#646464;
	text-align:center;
}
#tab_datos table tr{
	width:50%;	
}
@media (max-width:1000px){
	#cont_mayor_datos{
	width:50%;
	}
}
@media (max-width:850px){
	#cont_mayor_datos{
	width:60%;
	}
}
@media (max-width:650px){
	#cont_mayor_datos{
	width:70%;
	}
}
@media (max-width:500px){
	#cont_mayor_datos{
	width:90%;
	}
}
/*	-----------EFECTIVA---------*/ 

#ocult_form{
	width:100%;
	height:100%;
	position:absolute;
	background:rgba(0,0,0,.6);
	margin:0;
	display:none;

}
#form_cantidad{
	width:17%;
	height:5em;
	background:#3188AE;
	margin:auto;
	margin-top:5%;
	position:relative;
	color:#fff;
	padding:0%;
}
#form_cantidad form{
	background:transparent;	
}
#form_cantidad label{
	background:transparent;	
}
#form_cantidad h3{
	width:100%;
	background:#646464;
	margin-bottom:4%;	
	text-align:center;
}
.inp_ocul{
	width:60%;
	padding-left:2%;
	border:none;
	height:2em;
	background:#fff;
}
#boton_ok{
	width:25%;
	height:1.7em;
	border:none;
	background:#f1f0f0;
	color:#000;
	display:block;
	margin:auto;
	margin-top:2%;
}
#boton_ok:hover{
	cursor:pointer;
}
#cont_mayor_materiales{
	width:40%;
	height:auto;
	background:#cccccc;
	color:#fff;
	margin:auto;
	display:block;
	padding-bottom:.5%;
	margin-top:4%;
	max-height:900px;
	box-shadow:0px 0px 15px 1px #000;
	margin-bottom:7px;
	margin-top:3px;
}
#cont_mayor_fact{
	width:40%;
	height:auto;
	background:#cccccc;
	color:#fff;
	margin:auto;
	display:block;
	padding-bottom:.5%;
	margin-top:4%;
	max-height:1800px;
	box-shadow:0px 0px 15px 1px #000;
}
#n_visita{
	width:40%;
	height:auto;
	background:#cccccc;
	color:#fff;
	margin:auto;
	display:block;
	padding-bottom:.5%;
	margin-top:4%;
	max-height:900px;
	box-shadow:0px 0px 15px 1px #000;
	display:none;
	
	
}
#cont_mayor_factibilidad{
	width:40%;
	height:auto;
	background:#cccccc;
	color:#fff;
	margin:auto;
	display:block;
	padding-bottom:.1%;
	margin-top:4%;
	box-shadow:0px 0px 15px 1px #000;
}
#cont_mayor_factibilidad  input[type=text]{
	width:100%;
	
	
}
#cont_mayor_factibilidad input[type=date],select{
	width:102%;
	
}
#cont_mayor_factibilidad textarea{
	width:102%;
	
}
.tab_form{
	width:90%;
	margin:auto;	
	border-collapse:collapse;
}




.forms_citas{
width:78%;
display:block;
height:auto;
margin-left:2%;
margin:auto;
background:transparent;
margin-top:2%;
}
.forms_citas table{
width:100%;
}
.forms_citas table td{
width:50%;;
}


.form_nueva_cita{
width:95%;
display:block;
height:auto;
margin-left:2%;
margin:auto;
background:transparent;
margin-top:2%;


}
.form_nueva_cita table{
width:100%;
margin:auto;
}
.form_nueva_cita table td{
width:auto;
}
#tab_fact{
width:80%;
height:auto;
margin:auto;
padding-bottom:.3%;

}
#tab_fact td{
background:#ccc;
}

#cont_mayor_efectiva{
	width:30%;
	height:auto;
	display:block;
	background:#fff;
	margin:auto;
	padding:1%;
	margin-top:;
	border-radius:5px 0px 5px 0px;
	box-shadow:0px 0px 15px 1px #000;
}
#lista_materiales{
	width:98%;
	display:block;
	height:auto;
	padding:1%;
	background:#f1f0f0;
	color:#000;
	text-align:center;
}
#cont_lista{
	width:50%;
	margin:auto;
	height:auto;
	display:block;
	background:;
	
}
#cont_lista ul{
	margin-top:4%;
	background:transparent;
	margin-bottom:5%;
}
#cont_lista ul li{
	color:#000;
	background:transparent;
}
#volver{
	display:block;
	width:55%;
	height:1.8em;
	border:none;
	background:#012B3C;
	color:#fff;
	margin:auto;
}
#volver:hover{
	background:#04425D;
	box-shadow:0px 1px 3px 1px #000;
	color:#fff;
	cursor:pointer;	
}
#cont_bot{
	width:100%;
	height:2em;
	display:block;
	background:transparent;
	padding:0;
	margin:0;
}
#cont_bot img{
	display:block;
	width:9%;
	height:auto;	
	background:transparent;
	cursor:default;	
	padding:0;
	margin:0;
}
#cont_bot a{
	display:block;
	width:100%;
	height:auto;
	background:#ccc;
}


#cont_bot_alist_efectiva{
	width:100%;
	height:2em;
	display:block;
	background:transparent;
	padding:0;
	margin:0;
	margin-top:5%;
}
#cont_bot_alist_efectiva img{
	display:block;
	width:32px;
	height:auto;	
	background:transparent;
	cursor:default;	
	padding:0;
	margin:0;
}
#cont_bot_alist_efectiva a{
	display:block;
	width:100%;
	height:auto;
	background:#ccc;
}



#cont_bot img:hover{
	-webkit-transform:rotate(-360deg);
	transition:.5s all;
	cursor:pointer;
	margin-top:2%;
}
/*SEGUNDO BOTON*/

#cont_bot_2{
	width:100%;
	height:2.3em;
	display:block;
	background:transparent;
	padding:0;
	margin:0;
	padding-bottom:1%;
	
}
#cont_bot_2 a{
	display:block;
	width:20%;
	background:transparent;
	height:100%;	
	
}

#cont_bot_2 img{
	display:block;
	width:40%;
	height:100%;	
	background:transparent;
	cursor:default;	
	padding:0;
	margin:0;
	
	
}


#cont_bot_2 img:hover{
	-webkit-transform:rotate(-360deg);
	transition:.5s all;
	cursor:pointer;
	margin-top:2%;
}

/*FIN SEGUNDO BOTON*/


#cont_tipos_ejecucion{
	width:100%;
	height:6em;
}
.tipo_ejecucion{
	width:23%;
	height:5em;
	background:#fff;
	margin-left:1.5%;
	margin-top:1%;
	float:left;
	border-radius:60%;
	box-shadow:0px 1px 2px 3px #ccc;
	color:#000;
	text-align:center;
	display:table;
	transition:.5s rotate all-in-ease;
}
.tipo_ejecucion:hover
{
	-webkit-transform:rotate(360deg);
}

/*

*/


.tipo_ejecucion label{
	display:table-cell;
	vertical-align:middle;
	width:auto;
	margin-top:2%;
	background:transparent;
}

#cerrar_sesion{
	display:block;
	width:30%;
	height:100%;
	font-size:1.3em;
	color:green;
	text-align:center;
	border-radius:5%;
	float:right;
	margin-top:1.5%;
	background:transparent;
	
}

@media(max-width:900px){
	#cont_mayor_materiales{
		width:90%;
	}
	#n_visita{
	width:90%;	
	margin:auto;
	
	}
	#cont_mayor_factibilidad{
	width:90%;	
	}
	.tab_form_2{
	width:90%;
	margin-top:1%;
	margin:auto;	
	
	}
	#cont_mayor_fact{
	width:70%;
	}
}
@media(max-width:800px){
	#cont_mayor_materiales{
		width:90%;
	}
	#n_visita{
	width:90%;	
	margin:auto;
	
	}
	#cont_mayor_factibilidad{
	width:90%;	
	}
	.tab_form_2{
	margin-top:1%;
	width:90%;
	margin:auto;	
	
	}
	#cont_mayor_fact{
	width:80%;
	}
}
@media(max-width:700px){
	#cont_mayor_materiales{
		width:90%;
	}
	#n_visita{
	width:90%;	
	margin:auto;
	
	}
	#cont_mayor_factibilidad{
	width:90%;	
	
	}
	.tab_form_2{
	width:90%;
	margin-top:1%;
	margin:auto;	

	}
	#cont_mayor_fact{
	width:90%;
	}
}
@media(max-width:750px){
	#cont_mayor_materiales{
		width:90%;
	}
	#n_visita{
	width:90%;	
	margin:auto;
	
	}
	#cont_mayor_factibilidad{
	width:90%;	
	}
	.tab_form_2{
	width:90%;
	margin-top:1%;
	margin:auto;
	
	}
	#cont_mayor_fact{
	width:90%;
	}
}
@media(max-width:600px){
	#cont_mayor_materiales{
		width:90%;
	}
	#n_visita{
	width:90%;	
	margin:auto;

	}
	#cont_mayor_factibilidad{
	width:90%;	
	}
	.tab_form_2{
	width:100%;
	margin-top:1%;
	margin:auto;
	
	}
	.form_nueva_cita{
		width:85%;
		
	}
	#cont_mayor_fact{
	width:90%;
	}
}
@media(max-width:500px){

/*ACA<-----------------------------------------------------------*/
	#cont_mayor_materiales{
		width:90%;
	}
	#n_visita{
	width:90%;
	margin:auto;
	}
	#cont_mayor_factibilidad{
	width:90%;	
	}
	.tab_form_2{
	width:100%;
	margin-top:1%;
	margin:auto;	
	
	}
	#cont_mayor_fact{
	width:90%;
	}
}


#salida_bodega{
	width:80%;
	height:8em;
	margin:auto;
	text-align:center;
	
}#salida_bodega img{
display:block;
	margin:auto;
	
}