/* ///////////////////////////////////////MENU DESPLEGABLE//MENU DESPLEGABLE///////////////////////////////////////////*/
/* /////////////////////////////////////////////MENU DESPLEGABLE//MENU DESPLEGABLE/////////////////////////////////////*/
/* /////////////////////////////////////////////MENU DESPLEGABLE//MENU DESPLEGABLE///////////////////////////////////////*/
/* //////////////////////////////////////////////////////////MENU DESPLEGABLE//MENU DESPLEGABLE/////////////////////*/



/*
body{
	
	width:900px;
	background      : #ffffff;
	font: 10pt 'Arial', Helvetica, sans-serif; 
	

*/



body {
	

  background      : #ffffff;
  font: 10pt 'Arial', Helvetica, sans-serif; /* Document Style */
	
}


a {
	color: #000;
	text-decoration:none;
	
}

a:hover {
	
	text-decoration:none;
	
}

a:focus {
	
	text-decoration:none;
	
}

html {
  min-height: 100%;
  position: relative;
}





div#footer {
	
	
  
  position:relative;
  z-index:1;
  margin-bottom: 0px;
/*background:#E8E8E8;*/
background-color:#E7E7E7;
  bottom: 0;
  width: 100%;
  height: 330px;
  color: white;
}










.demo_wrapper {
	
	
	z-index: 3; 
	width: 100%;
	margin: 0 auto;
	
	
}
@media only screen and (max-device-width: 800px), screen and (max-width: 800px) {
  .demo_wrapper {
position:relative;
z-index: 2;
width: 80%;
		
  }  
}
.demo_block {
		position:relative;
	z-index: 3;
	width: 100%;
		
}






.input-file-container {
 
  width: 225px;
} 
.js .input-file-trigger {
	
  display: block;
  z-index: 4;
  padding: 14px 45px;
  background: #3893F2;
  border-radius:15px 15px 15px 15px;
  color: #fff;
  font-size: 1em;
  cursor: pointer;
}
.js .input-file {
  
  top: 0; left: 0;
  width: 225px;
  opacity: 0;
  padding: 14px 0;
  cursor: pointer;
}
.js .input-file:hover + .input-file-trigger,
.js .input-file:focus + .input-file-trigger,
.js .input-file-trigger:hover,
.js .input-file-trigger:focus {
  background: #34495E;
  color: #fff;
}

.file-return {
  margin: 0;
}
.file-return:not(:empty) {
  margin: 1em 0;
}
.js .file-return {
  font-style: italic;
  font-size: .9em;
  font-weight: bold;
}
.js .file-return:not(:empty):before {
  content: "Selected file: ";
  font-style: normal;
  font-weight: normal;
}



.txtcenter {
  margin-top: 4em;
  font-size: .9em;
  text-align: center;
  color: #aaa;
}
.copy {
  margin-top: 2em;
}
.copy a {
  text-decoration: none;
  color: #1ABC9C;
}









div#status{
	z-index: 4;
	font            : 10pt 'Arial', Helvetica, sans-serif; /* Document Style */
	color           : #6A6A6A; /* Document Style */
	background      : #000; /* Document Style */
	margin-left:0px;
	margin-top:0px;
    /*width:300px; /* Document Style */
    height:300px; /* Document Style */
    padding:0px; /* Document Style */
	border:solid 2px #ffffff;
	
	   border-radius: 10px; 
        -moz-border-radius: 10px; 
        -webkit-border-radius: 10px;

position:absolute;		
}







#PantallaTransparente1 {
	
	position:fixed; 
	
	z-index: 20;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:#000;
	/*IE*/
	filter: alpha(opacity=88);
	/*FireFox Opera*/
	opacity: .8;
}


#panelcentrado1 {
	
	position:fixed; 
	
	z-index: 50;
	/*nos posicionamos en el centro del navegador*/
	top:20%;
	left:49%;
	/*determinamos una anchura*/
	width:400px;
	/*indicamos que el margen izquierdo, es la mitad de la anchura*/
	margin-left:-200px;
	/*determinamos una altura*/
	height:490px;
	/*indicamos que el margen superior, es la mitad de la altura*/
	margin-top:-150;
	border:1px solid #808080;
	background-color:#fff;
	padding:5px;
	border-radius:15px 0 15px 0;
}




#PantallaTransparente2 {
	
	position:fixed; 
	
	z-index: 20;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:#000;
	/*IE*/
	filter: alpha(opacity=88);
	/*FireFox Opera*/
	opacity: .8;
}


#panelcentrado2 {
	
	z-index: 31;
	position: fixed;
	/*nos posicionamos en el centro del navegador*/
	top:20%;
	left:49%;
	/*determinamos una anchura*/
	width:400px;
	/*indicamos que el margen izquierdo, es la mitad de la anchura*/
	margin-left:-200px;
	/*determinamos una altura*/
	height:490px;
	/*indicamos que el margen superior, es la mitad de la altura*/
	margin-top:-150;
	border:1px solid #808080;
	background-color:#fff;
	padding:5px;
	border-radius:15px 0 15px 0;
}





.imagensubida{
max-width:100px;

cursor:pointer; 
cursor: hand;
background-color: #fff;
color: #ffffff; 
font-size:13px;
border:solid 1px #000;
padding:1px;

border-radius:15px 15px 15px 15px;

}
.imagensubida:hover{
max-width:105px;
color: #ffffff;
border:solid 1px #3893F2;
padding:1px; 
}



.img {
	
	transition:all .5s ease-in-out;
	
	}


	
.contenedorzoom {
	
	transition:all .5s ease-in-out;
	overflow:hidden;
	
}
	
.contenedorzoom:hover .img {
	
	
	transition:all .5s ease-in-out;
	
	-webkit-transform:scale(1.1);transform:scale(1.1);
	
cursor:pointer; 
cursor: hand;

	
	}


	


.gallery > img {
	
padding:5px;
max-width:232px; 
min-height:150px;
max-height:150px;
opacity: 0.5;
}

.gallery > img:hover {

padding:5px;
max-width:232px; 
min-height:150px;
max-height:150px;
opacity: 0.9;
}


	
	
	
	
	
	

.diveliminacion {


cursor:hand; 
opacity: 0.5; 
position:absolute; 
background-image: url(/borrarimagen2.png); 
float:left; 
margin-left:1px; 
width:30px; 
height:30px;


}

.diveliminacion:hover {



opacity: 0.9; 

}




.divmoverizquierda {


cursor:hand; 
opacity: 0.5; 
position:absolute; 
background-image: url(/izquierda.png); 
float:left; 
margin-left:1px; 
width:51px; 
height:51px;


}

.divmoverizquierda:hover {



opacity: 0.9; 

}

.divmoverderecha {


cursor:hand; 
opacity: 0.5; 
position:absolute; 
background-image: url(/derecha.png); 
float:right; 
margin-left:185px; 
width:51px; 
height:51px;


}

.divmoverderecha:hover {



opacity: 0.9; 

}


/*
.zoomed:hover{
	
	
transition:all .5s ease-in-out;

border-radius:50%;
-webkit-border-radius:50%;
box-shadow: 0px 0px 15px 15px #ec731e;
-webkit-box-shadow: 0px 0px 15px 15px #ec731e;
transform: rotate(360deg);
-webkit-transform: rotate(360deg);

}

*/



#botonregistrarse {
font            : 9pt 'Arial', Helvetica, sans-serif; /* Document Style */
position:absolute; 
padding:5px; 
border:solid 1px #016BDB; 
background-color:#3893F2; 
text-align:center; 
color:#fff; 
margin-left:900px; 
margin-top:-60px; 
border-radius:10px 10px 10px 10px;
line-height:-6px;
width:100px;
text-align:left;
height:26px;
cursor:pointer; 
cursor: hand;
}

#botonregistrarse:hover {

color:#fff;
background-color:#6FAFFC;
border:solid 1px #6FAFFC;
text-decoration:none;
}




#botoniniciarsesion {
font            : 9pt 'Arial', Helvetica, sans-serif; /* Document Style */
position:absolute; 
padding:5px; 
height:26px;
border:solid 1px #2C5F94; 
background-color:#2C5F94; 
text-align:center;  
color:#fff; 
margin-left:987px; 
margin-top:-60px; 
border-radius:10px 10px 10px 10px;
width:100px;
cursor:pointer; cursor: hand;

}

#botoniniciarsesion:hover {

color:#fff;

background-color:#F0410E;
border:solid 1px #F0410E;
text-decoration:none;
}







#copyright {


z-index: 18;
line-height:4.5em; 

width:100%; 
background-color:#ccc; 
color:#000;  

z-index:-4; 
height:60px; 
box-shadow: 5px 1px 5px #000;' 

}




#cerrarsesionnew {
font            : 9pt 'Arial', Helvetica, sans-serif; /* Document Style */
position:absolute; 
padding:5px; 
height:26px;
 
 line-height:17px;
 
background-color:#FF3333; 
text-align:center;  
color:#fff; 
margin-left:945px; 
margin-top:-60px; 
border-radius:10px 10px 10px 10px;
width:100px;
cursor:pointer; cursor: hand;

}

#cerrarsesionnew:hover {

color:#fff;
background-color:#F0410E;

text-decoration:none;
}









#usuarioconectado {
font            : 9pt 'Arial', Helvetica, sans-serif; /* Document Style */
position:absolute; 
padding:5px; 
border:solid 1px #eee; 
height:61px; 
background-color:#fff; 
text-align:center; 
color:#767575; 
margin-left:1120px;
margin-top:-30px; 
border-radius:10px 10px 10px 10px;
width:188px;
line-height:15px;


}



#usuarioconectado {


text-decoration:none;

}






#botondemenu {

	cursor:pointer; cursor: hand;
	width      :160px;
	background-color: #ffffff;
    color: #000000; 
    font-size:12px;
    border:solid 1px #eeeeee;
    padding:30px;
	text-align      : center;
	margin-top:-1px;
	border-radius:0 0 0 0 ;
}
	
#botondemenu:hover {
	
	background-color: #4C4C4D;
/*background-color: #1478FF;*/
color: #fff;
border:solid 1px #ffffff;
	border-radius:0 0 0 0 ;
}




#botondemenuesquinaizquierda {

	cursor:pointer; cursor: hand;
	width      :160px;
	background-color: #ffffff;
    color: #000000; 
    font-size:12px;
    border:solid 1px #eeeeee;
    padding:30px;
	text-align      : center;
	margin-top:-1px;
border-radius:15px 0 0 15px ;
}
	
#botondemenuesquinaizquierda:hover {
background-color: #4C4C4D;
color: #fff;
border:solid 1px #ffffff;
border-radius:15px 0 0 15px ;
}





#botondemenuesquinaderecha {

	cursor:pointer; cursor: hand;
	width      :160px;
	background-color: #ffffff;
    color: #000000; 
    font-size:12px;
    border:solid 1px #eeeeee;
    padding:30px;
	text-align      : center;
	margin-top:-1px;
	border-radius:0 15px 15px 0;
	
/*background: #423b3b; 
background: -moz-linear-gradient(top, #423b3b 0%, #ffffff 100%); /* FF3.6-15 */
/*background: -webkit-linear-gradient(top, #423b3b 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
/*background: linear-gradient(to bottom, #423b3b 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#423b3b', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	
}
	
#botondemenuesquinaderecha:hover {
/*background-color: #1478FF;*/

background-color: #4C4C4D;
color: #fff;
border:solid 1px #ffffff;
	border-radius:0 15px 15px 0;
}











#botondemenu2 {
width      :175px;
	cursor:pointer; cursor: hand;
	background-color: #ffffff;
    color: #000000; 
    font-size:12px;
    border:solid 1px #eeeeee;
    padding:10px;
	text-align      : center;
}
	
#botondemenu2:hover {
font-size:12px;
/*background-color: #1478FF;*/

background-color:#2C5F94;
color: #fff;
border:solid 1px #eeeeee;
padding:10px;
}




div#menudesplegablealex{  /* aqui estan los botones bodega sala y eso */


    
    z-index: 1;
	cursor:hand;
	margin:auto;
    font: 10pt 'Arial', Helvetica, sans-serif; /* Document Style */
	color: #000000; /* Document Style */
    background-color: #E8E8E8;
	           
	margin-top:-182px;   
    width:1400px;
    border:solid 0px #eeeeee;
    height: 180px; 
   /* padding:0px; /* Document Style */
	 
	
	  
	
}

ul, ol{
	
	list-style:none;
	
}

.opcionesalex li a{
	background-color: #000000;
	color:#000000;
	text-decoration:none;
	padding:10px 15px;
	display:block;
	border:solid 0px #eeeeee;
}

.opcionesalex li a:hover{
	background-color: #81F7D8;
	color:#000000;
	
}



.opcionesalex > li {
	float:left;
}




.opcionesalex li ul {
	display:none;
	position:absolute;
	min-width:140px;
	

}

.opcionesalex li:hover > ul{
	display:block;

}

.opcionesalex li ul li {
	right:40px;
	position:relative;

}




.opcionesalex li ul li ul{
	right:-215px;
	top:0px;
}




#botoncerrarsesion {

	cursor:pointer; cursor: hand;
	background-color: #FF7808;
    color: #ffffff; 
    font-size:12px;
    border:solid 0px #000000;
    padding:2px;
    border-radius: 78px; 
        -moz-border-radius: 78px; 
        -webkit-border-radius: 78px;
}
	
#botoncerrarsesion:hover {
background-color: #FF4008;
color: #ffffff;
    padding:2px;
border:solid 0px #ffffff;
}





	




div#nombredesistema{
	
    font            : 10pt 'Arial', Helvetica, sans-serif; /* Document Style */
	color           : #ffffff; /* Document Style */
	background      : #005EF4; /* Document Style */
	margin-left:0px;
	margin-top:0,75px;
    /*width:300px; /* Document Style */
    height:100px; /* Document Style */
    padding:10px; /* Document Style */
	border:solid 1px #1C83DC;
	
	/*position: absolute;*/
   /* left: 50%;
    top: 20%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
	
	   border-radius: 10px; 
        -moz-border-radius: 10px; 
        -webkit-border-radius: 10px;  */
		
}






.reintento7{
cursor:pointer; 
cursor: hand;
background-color: #26A226;
color: #ffffff; 
font-size:13px;
border:solid 1px #eeeeee;
padding:5px;
   border-radius: 78px; 
        -moz-border-radius: 78px; 
        -webkit-border-radius: 78px;

}
.reintento7:hover{
background-color: #75D475;
color: #ffffff;
padding:5px; 
}





div#mensajeria{
	
	
    font            : 10pt 'Arial', Helvetica, sans-serif; /* Document Style */
	color           : #000000; 
	width           : 296px;
	height          : 338px; 
    background-color  : #ffffff;
    padding:10px; /* Document Style */
	border-radius: 7px; 
    -moz-border-radius: 7px; 
    -webkit-border-radius: 7px;
	border:solid 1px #027FDB;
	overflow-y: scroll;
}



textarea.mensaje{
	 font    : 10pt 'Arial', Helvetica, sans-serif; /* Document Style */
	padding:0px;
	font-size:12px;
	display:block;
	width:240px;
	height:35px;
	line-height:13px;
	border:solid 1px #027FDB;
	 outline: none;
	 resize: none;
	 overflow: auto;
	 padding:0;
	 
	
}

textarea.mensaje:hover{
	padding:6px;
	font-size:12px;
	display:block;

	border:solid 1px #7856E1;
    background: #ffffff;
	 padding:0;
}




textarea.preguntadevisitante{
	 font    : 10pt 'Arial', Helvetica, sans-serif; /* Document Style */
	padding:0px;
	font-size:12px;
	display:block;
	width:240px;
	height:35px;
	line-height:18px;
	border:solid 0.25pt #DEDEDE;
	 outline: none;
	 resize: none;
	 overflow: auto;
	 padding:0;
	 
	
}

textarea.preguntadevisitante:hover{
	padding:6px;
	font-size:12px;
	display:block;

	border:solid 0.25pt #9B9B9B;
    background: #ffffff;
	 padding:0;
}

textarea.preguntadevisitante:focus { 


border:solid 0.25pt #aacfe4; 


background: #ffffff;  


} 




input[type="text"].mejorado{
	 font    : 10pt 'Arial', Helvetica, sans-serif; /* Document Style */
	padding:6px;
	font-size:12px;
	display:block;
	width:250px;
	height:30px;
	line-height:25px;
	border:solid 0.25pt #DEDEDE;
	 outline: none;
	 resize: none;
	 overflow: auto;
	 padding:0;
	 
	
}

input[type="text"].mejorado:hover{
	
	
	
	border:solid 0.25pt #9B9B9B;


background: #ffffff;
}

input[type="text"].mejorado:focus { 

border:solid 0.25pt #aacfe4; 


background: #ffffff;  

} 







input[type="password"].mejorado{
	 font    : 10pt 'Arial', Helvetica, sans-serif; /* Document Style */
	padding:6px;
	font-size:12px;
	display:block;
	width:250px;
	height:30px;
	line-height:25px;
	border:solid 0.25pt #DEDEDE;
	 outline: none;
	 resize: none;
	 overflow: auto;
	 padding:0;
	 
	
}

input[type="password"].mejorado:hover{
	
	
	
	border:solid 0.25pt #9B9B9B;


background: #ffffff;
}

input[type="password"].mejorado:focus { 

border:solid 0.25pt #aacfe4; 


background: #ffffff;  

} 




input[type="text"].renovadotext{
	 font    : 10pt 'Arial', Helvetica, sans-serif; /* Document Style */
	padding:10px;
	font-size:12px;
	display:block;
	width:400px;
	height:40px;
	line-height:25px;
	border:solid 0.25pt #DEDEDE;
	 outline: none;
	 resize: none;
	 overflow: auto;
	 padding:0;
	 
	
}

input[type="text"].renovadotext:hover{
	
	
	
	border:solid 0.25pt #9B9B9B;


background: #ffffff;
}


input[type="text"].renovadotext:focus { 

border:solid 0.25pt #aacfe4; 


background: #ffffff;  

} 



input[type="password"].renovadotext{
	 font    : 10pt 'Arial', Helvetica, sans-serif; /* Document Style */
	padding:10px;
	font-size:12px;
	display:block;
	width:400px;
	height:40px;
	line-height:25px;
	border:solid 0.25pt #DEDEDE;
	 outline: none;
	 resize: none;
	 overflow: auto;
	 padding:0;
	 
	
}

input[type="password"].renovadotext:hover{
	
	
	
	border:solid 0.25pt #9B9B9B;


background: #ffffff;
}


input[type="password"].renovadotext:focus { 

border:solid 0.25pt #aacfe4; 


background: #ffffff;  

} 















input[type="text"].dinero{
	 font    : 10pt 'Arial', Helvetica, sans-serif; /* Document Style */
	padding:10px;
	font-size:16px;
	display:block;
	width:400px;
	height:40px;
	line-height:25px;
	border:solid 0.25pt #DEDEDE;
	 outline: none;
	 resize: none;
	 overflow: auto;
	 padding:0;
	 
	
}

input[type="text"].dinero:hover{
	
	
	
	border:solid 0.25pt #9B9B9B;


background: #ffffff;
}


input[type="text"].dinero:focus { 

border:solid 0.25pt #aacfe4; 


background: #ffffff;  

} 




textarea.renovadotextarea{
	 font    : 10pt 'Arial', Helvetica, sans-serif; /* Document Style */
	padding:6px;
	font-size:12px;
	display:block;
	width:250px;
	height:30px;
	line-height:25px;
	border:solid 0.25pt #DEDEDE;
	 outline: none;
	 resize: none;
	 overflow: auto;
	 padding:0;
	 
	
}

textarea.renovadotextarea:hover{
	
	
	
	border:solid 0.25pt #9B9B9B;


background: #ffffff;
}



textarea.renovadotextarea:focus { 

border:solid 0.25pt #aacfe4; 


background: #ffffff;  

} 











.perfil{
	
	
	 font    : 10pt 'Arial', Helvetica, sans-serif; /* Document Style */
	padding:10px;
	font-size:16px;
	display:block;
	width:400px;
	height:40px;
	line-height:25px;
	border:solid 0.25pt #DEDEDE;
	 outline: none;
	 resize: none;
	 overflow: auto;
	 padding:0;
	 
	
}

.perfil:hover{
	
	
	
	border:solid 0.25pt #9B9B9B;


background: #ffffff;
}


.perfil:focus { 

border:solid 0.25pt #aacfe4; 


background: #ffffff;  

} 





.recuperar{
	
	cursor:pointer; cursor: hand;
	color:#000;
	
	 font    : 10pt 'Arial', Helvetica, sans-serif; /* Document Style */
text-decoration: underline #000;

	
}

.recuperar:hover{
	
cursor:pointer; cursor: hand;
	
color:blue;
}


.recuperar:focus { 

color:#eee;
} 



/*
select {
     background: transparent;
     border: none;
     font-size: 14px;
     height: 30px;
     padding: 2px;
     width: 165px;
	 border: 1px solid #BEC6D6;
  }
  
select:hover {
	
border: 1px solid #0099ff;
background: #ffffff;
border: 1px solid #0099ff;
background: #ffffff;
 }
 */
 
 
select{
	 font    : 10pt 'Arial', Helvetica, sans-serif; /* Document Style */
	padding:10px;
	font-size:12px;
	display:block;
	width:400px;
	height:40px;
	line-height:25px;
	border:solid 0.25pt #DEDEDE;
	 outline: none;
	 resize: none;
	 overflow: auto;
	 padding:0;
	 
	
}

select:hover{
	
	
	
	border:solid 0.25pt #9B9B9B;


background: #ffffff;
}


select:focus { 

border:solid 0.25pt #aacfe4; 


background: #ffffff;  

} 
 
 
 
 
 
 
 
 
 
 
 
 
  
  

  
   /*///////////////////////////////////AREA DE BOTONES GENERALES////////////////////////////////////////////////////////////////////////////*/ 
   /*///////////////////////////////////AREA DE BOTONES GENERALES////////////////////////////////////////////////////////////////////////////*/ 
    /*///////////////////////////////////AREA DE BOTONES GEENRALES////////////////////////////////////////////////////////////////////////////*/
  /*///////////////////////////////////AREA DE BOTONES GENERALES////////////////////////////////////////////////////////////////////////////*/
#botonenviariniciosesion   {
	cursor:pointer; cursor: hand;
	color:#ffffff;
	/*cursor:pointer;*/
	background-color: #005EF4;
	border: 1px solid #ffffff;
	padding: 8px;
	width: 150px;
	

        border-radius: 10px; 
        -moz-border-radius: 10px; 
        -webkit-border-radius: 10px;
}

#botonenviariniciosesion:hover {

color: #ffffff;
background-color:#F0410E;
border:solid 1px #F0410E;
}

#botoncerrarsesion {

	cursor:pointer; cursor: hand;
	background-color: #FF7808;
    color: #ffffff; 
    font-size:12px;
    border:solid 0px #000000;
    padding:2px;
    border-radius: 78px; 
        -moz-border-radius: 78px; 
        -webkit-border-radius: 78px;
}
	
#botoncerrarsesion:hover {
background-color: #FF4008;
color: #ffffff;
    padding:2px;
border:solid 0px #ffffff;
}







.cursorhand:hover{
	
	
cursor:pointer; cursor: hand;	


}




.reintentoNEW{
cursor:pointer; cursor: hand;
background-color:#2C5F94;
color: #ffffff; 
font-size:13px;
border:solid 1px #eeeeee;
padding:5px;
   border-radius: 10px; 
        -moz-border-radius: 10px; 
        -webkit-border-radius: 10px;
		
		
		
		

}
.reintentoNEW:hover{
background-color:#6FAFFC;
color: #ffffff;
padding:5px; 

-webkit-transform: rotate(360deg);transform: rotate(360deg);
	


}



.reintentoNEW:focus{
background-color:#6FAFFC;
color: #ffffff;
padding:5px; 

-webkit-transform: rotate(360deg);transform: rotate(360deg);
	


}




.reintentoNEWROJO{
cursor:pointer; cursor: hand;
background-color:#FC2F1A;
color: #ffffff; 
font-size:13px;
border:solid 1px #eeeeee;
padding:5px;
   border-radius: 10px; 
        -moz-border-radius: 10px; 
        -webkit-border-radius: 10px;
		
		
		
		

}
.reintentoNEWROJO:hover{
background-color:#F0A59D;
color: #ffffff;
padding:5px; 

-webkit-transform: rotate(360deg);transform: rotate(360deg);
	


}



.reintentoNEWGREAT{

/*
background-image:linear-gradient( #EEE , #838383);
*/

background-color:#CCCCCC;
color: #fff; 
font-size:13px;
border:solid 1px #eeeeee;
padding:6px;
   border-radius: 10px; 
        -moz-border-radius: 10px; 
        -webkit-border-radius: 10px;
		
		
		
		

}
.reintentoNEWGREAT:hover{
	cursor:pointer; cursor: hand;
background-color:#80ACCD;
color: #FFF;
padding:6px; 

-webkit-transform: rotate(360deg);transform: rotate(360deg);
	


}



.reintentoNEWGREAT:focus { 


border:solid 0.25pt #aacfe4; 

text-decoration:none;

background: #ffffff;  


} 


/*
   transform: translate(350px, -350px) rotate(360deg);
    -webkit-transform: translate(350px, -350px) rotate(360deg);
    -o-transform: translate(350px, -350px) rotate(360deg);
    -moz-transform: translate(350px, -350px) rotate(360deg);


	 transform: rotate(100deg);
    -webkit-transform: rotate(100deg) scale(2);
    -o-transform: rotate(100deg); 
    -moz-transform: rotate(100deg);
	
*/


/*

.reintento{
cursor:pointer; cursor: hand;
background-color: #3893F2;
color: #ffffff; 
font-size:13px;
border:solid 1px #eeeeee;
padding:5px;
   border-radius: 95px; 
        -moz-border-radius: 95px; 
        -webkit-border-radius: 95px;

}
.reintento:hover{
background-color: #2C5F94;
color: #ffffff;
padding:5px; 
}

*/



.reintento {
 
    background: #F03811;
    color: #fff;
    font-size: 17px;
    font-weight: 500;
    padding: 6px 19px;

    border-radius: 6px;
    border: 2px solid #F03811;
    transition: all 0.3s ease;
}

.reintento:hover {
    color: #F03811;
  background: #fff;
}






















/*
.hoverlupa{
cursor:pointer; cursor: hand;
background-color: #3893F2;
color: #ffffff; 
font-size:13px;
border:solid 1px #eeeeee;
padding:5px;
   border-radius: 95px; 
        -moz-border-radius: 95px; 
        -webkit-border-radius: 95px;

}

*/



	

.img {
	
	transition:all .5s ease-in-out;
	
	}


.zoomable:hover .img {
	
	
	transition:all .5s ease-in-out;
	
	-webkit-transform:scale(1.1);transform:scale(1.1);
	
cursor:pointer; 
cursor: hand;

	
	}




.zoomable {
	
	transition:all .5s ease-in-out;
	overflow:hidden;
	
	}


/*/////////////////////////////////ESTO ES PARA LAS TABLAS//////////////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////ESTO ES PARA LAS TABLAS//////////////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////ESTO ES PARA LAS TABLAS//////////////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////ESTO ES PARA LAS TABLAS//////////////////////////////////////////////////////////////////////////////*/

#divparatablas{
 
 
 
font    : 9pt 'Arial', Helvetica, sans-serif; /* Document Style */
color: #414040;
z-index: 0;
width:350px;
height:60px;
background-color: #eeeeee;
border: 1px solid #89898A;
margin-top    :35px;
border-radius: 20px; 
-moz-border-radius: 20px; 
-webkit-border-radius: 20px;
padding: 10px;
	
}


div#resultadocontador{
	margin-top    :35px;
	font    : 9pt 'Arial', Helvetica, sans-serif; /* Document Style */
	background-color: #ffffff;
	border: 2px solid #000000;
	width: 300px;
	padding: 5px;
	
	    border-radius: 78px; 
        -moz-border-radius: 78px; 
        -webkit-border-radius: 78px;
}







#divparatablas2{


	margin-top:40px;
	width:1500px;

	background-color: #eeeeee;
	
	
}

table {
	font    : 9pt 'Arial', Helvetica, sans-serif; /* Document Style */
	width: 100%;
	background-color: #ffffff;
	text-align: left;
	border-collapse: collapse; /*quita estacitos entre lineas*/

		 border-radius: 80px; 
        -moz-border-radius: 80px; 
        -webkit-border-radius: 80px;
}	

th, td {
	   border: 0.10px solid #ADADAD;
	   padding: 3px;
}
tr:hover td{
	background-color: #F2F6FF;
	color: #000000;
}

thead{

font    : 9pt 'Arial', Helvetica, sans-serif; /* Document Style */
background-color: #777c84;
color: #ffffff;
border: 1px solid #000000;

}



tr:nth-child(even){
		
	background-color: #eeeeee;
}

.eliminar{
cursor:pointer; cursor: hand;
background-color: #FF0000;
color: #ffffff; 
font-size:13px;
border:solid 1px #ffffff;
padding:5px;
   border-radius: 78px; 
        -moz-border-radius: 78px; 
        -webkit-border-radius: 78px;

}
.eliminar:hover{
background-color: #DF7401;
color: #ffffff;
padding:5px; 
}







.botoncerrar{
margin-top:10px;
cursor:pointer; cursor: hand;
background-color: #ccc;
color: #ffffff; 
font-size:13px;
border:solid 1px #ffffff;
padding:5px;
   border-radius: 78px; 
        -moz-border-radius: 78px; 
        -webkit-border-radius: 78px;

}
.botoncerrar:hover{
background-color: #2C5F94;
color: #ffffff;
padding:5px; 
}














input[type="text"].renovadotext{
	 font    : 10pt 'Arial', Helvetica, sans-serif; /* Document Style */
	padding:3px 3px;
	font-size:12px;
	display:block;
	width:80%;
	max-width:400px;
	height:30px;
	line-height:25px;
	border:solid 0.25pt #DEDEDE;
	 outline: none;
	 resize: none;
	 overflow: auto;

	 
	
}

input[type="text"].renovadotext:hover{
	
	
	
	border:solid 0.25pt #9B9B9B;


background: #ffffff;
}


input[type="text"].renovadotext:focus { 

border:solid 0.25pt #aacfe4; 


background: #ffffff;  

} 





input[type="password"].renovadotext{
	 font    : 10pt 'Arial', Helvetica, sans-serif; /* Document Style */
	padding:3px 3px;
	font-size:12px;
	display:block;
	width:80%;
	max-width:400px;
	height:30px;
	line-height:25px;
	border:solid 0.25pt #DEDEDE;
	 outline: none;
	 resize: none;
	 overflow: auto;

	 
	
}

input[type="password"].renovadotext:hover{
	
	
	
	border:solid 0.25pt #9B9B9B;


background: #ffffff;
}


input[type="password"].renovadotext:focus { 

border:solid 0.25pt #aacfe4; 


background: #ffffff;  

} 




input[type="search"].renovadotext{
font    : 10pt 'Arial', Helvetica, sans-serif; /* Document Style */
padding: 6px 6px;
font-size:12px;
display:block;
width:400px;
height:40px;
line-height:25px;
border:solid 0.25pt #DEDEDE;
outline: none;
resize: none;
overflow: auto;

	 
}

input[type="search"].renovadotext:hover{
border:solid 0.25pt #9B9B9B;
background: #ffffff;
}


input[type="search"].renovadotext:focus { 
border:solid 0.25pt #aacfe4; 
background: #ffffff;  

} 

input[type="search"].renovadotext:focus:hover { 

border:solid 1px #6cc51d;  
background: #FFFFFF; 

}







input[type="search"].inputdatalist{
font    : 10pt 'Arial', Helvetica, sans-serif; /* Document Style */
padding: 6px 6px;
font-size:12px;
display:block;
width:90%;
height:30px;
line-height:25px;
border:solid 0.25pt #DEDEDE;
outline: none;
resize: none;
overflow: auto;

	 
}

input[type="search"].inputdatalist:hover{
border:solid 0.25pt #9B9B9B;
background: #ffffff;
}


input[type="search"].inputdatalist:focus { 
border:solid 0.25pt #aacfe4; 
background: #ffffff;  

} 




input[type="text"].inputdatalist{
font    : 10pt 'Arial', Helvetica, sans-serif; /* Document Style */
padding: 6px 6px;
font-size:12px;
display:block;
width:90%;
height:30px;
line-height:25px;
border:solid 0.25pt #DEDEDE;
outline: none;
resize: none;
overflow: auto;

	 
}

input[type="text"].inputdatalist:hover{
border:solid 0.25pt #9B9B9B;
background: #ffffff;
}


input[type="text"].inputdatalist:focus { 
border:solid 0.25pt #aacfe4; 
background: #ffffff;  

}