@charset "utf-8";
/* CSS Document */
body
{
border:0;
overflow-x:hidden;
overflow-y:auto;
top:0;
margin:0;
background-color:#ffffff;
cursor:default;
font-family:Arial, Helvetica, sans-serif;}
@page 
    {
        size:  auto;   /* auto es el valor inicial */
        margin: 0mm;  /* afecta el margen en la configuración de impresión */
    }
a, a:active, a:link, a:visited { text-decoration:none; color: #069; }
a:hover { text-decoration: underline; color: #143D55; }
#logologin
{
margin-top:13%;
width:266px;
}

.formulogin
{
margin-top:5px;
border-radius: 0.3em; 
background-image:url(../images/fondoinput.jpg); 
border: solid 1px #466d95;
}
#login
{
/*	padding:40px; */
	
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 14px;
	text-align:left;



text-shadow: 1px 1px black;
background-image:url(../images/login.png);
background-repeat:no-repeat;
font-weight:bold;
width:267px;
height:266px;
}

#contenidocabecera
{
top:0;
border:0;
background-image:url(../images/img2.jpg);
background-repeat:repeat-x;
height:108px;
}

#menu
{
border: 1px solid #000000;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-size:12px;
margin-top:0.5%;
background-color:#ffffff;
position:relative;
width:85%;
height:97.5%;
}

.motivosup{ background-image:url(../images/motivosup.jpg); background-repeat:repeat-x; height:105px;}
.botonesquina{padding-left:20px;}
.menuizqgeneral{background-color:#6b9f47;}

.filaimpar {text-align:center; background-color:#f4f4f4; border-bottom:1px solid white; height:25px; font-size:13px;}
.filapar {text-align:center; background-color:#dfdfdf; border-bottom:1px solid white; height:25px; font-size:13px;}
.cabeceratabla{padding-left:10px;padding-right:10px;}
.tdtitulo {color:#FFF; background-color:#72bde5; font-weight:bold; border: 1px solid #3399cc; padding:25px; height:30px;}
.tdcabecera {color:#6b9f47; background-color: #B1D6A7; font-weight:bold; font-size:14px; text-align:center; padding-left:10px;padding-right:10px; height:30px;}
.primercampotabla {text-align:left; padding-left:10px; font-weight:bold;}
.contenido { background-color:#8cc8e8; padding-top:15px;}
/*.tdresultado {border-top:1px solid black; border-bottom:1px solid black; padding-top:5px;padding-bottom:5px;}
.tdsituacion {border-top:0px; border-right:1px solid black; border-bottom:0px; border-left:1px solid black; width:20%; background-color:#8db4e3;}
.tdsituacionover {border-top:0px; border-right:1px solid black; border-bottom:0px; border-left:1px solid black; width:20%; background-color:#8db4e3;}
.tdsituacionoverinicio {border-top:0px; border-right:1px solid black; border-bottom:0px; border-left:0px solid black; width:20%; background-color:#8db4e3;}
.tdsituacionoverfin {border-top:0px; border-right:0px solid black; border-bottom:0px; border-left:1px solid black; width:20%; background-color:#8db4e3;}*/

#botones{
margin-right:11%;
}

#centro{
width:730px;}

#centroex{
width:100%;}

#capaizq{
float:left;
width:50%;
}

#celdaprincipal{
background-color:#A0B1BA;
border:1px solid #3399cc; 
border-collapse:collapse;
}

#capader{
padding-top:25px;
float:right;
width:50%;
height:100%;
}

#capader2{
padding-top:25px;
float:right;
width:100%;
height:100%;
}

#desarrolla
{
bottom:0;
left:0;
position:absolute;
width:100%;
}

tr, td, table {
padding: 0px; margin: 0px; border: 0px; border-collapse: collapse;
}


#botonessup{
height:105px;
position:absolute;
top:0;
right:0;
vertical-align:bottom;
margin-right:30px;
}

#botonessup a{
background: url(../images/botones.png) no-repeat 0 0;
margin: 0;
padding: 0;
display: block;
width:  76px; /*El ancho del bloque con el icono*/
height:  84px; /*El alto del bloque con el icono*/
}

#botonessup a.versitio {background-position: 0 0;}
#botonessup a.versitio:hover {background-position: -76px 0;}
#botonessup a.soporte {background-position: 0 -84px;}
#botonessup a.soporte:hover {background-position: -76px -84px;}
#botonessup a.cerrarsesion {background-position: 0 -168px;}
#botonessup a.cerrarsesion:hover {background-position: -76px -168px;}

.menuizq{ background-color:#559f22; padding-top:20px; padding-bottom:20px;}

.menuizqprincipales{
height: 100%;

}

.menuizqprincipales td{
cursor:pointer;
width: 33%;
text-align:center;
vertical-align:middle;
border:1px solid #CCCCCC;
background-color: #3399CC;
}

.menuizqprincipales #espacio td{
height: 100%;
background-color:#8cc8e8;
border:0;
cursor:default;

}

.doscolumnas
{
width:50%;}

#oculto1 td{
width: 33%;
text-align:center;
vertical-align:middle;
border:1px solid #CCCCCC;
background-color: #3399CC;
}

#oculto2 td{
width: 33%;
text-align:center;
vertical-align:middle;
border:1px solid #CCCCCC;
background-color: #00CCCC;
}

#oculto3 td{
width: 33%;
text-align:center;
vertical-align:middle;
border:1px solid #CCCCCC;
background-color: #66CC99;
}

.menuizqprincipales a{
text-decoration:none;
text-align:center;
color:#FFFFFF;
vertical-align:middle;

width:  100%; /*El ancho del bloque con el icono*/

}/*
#menuizqprincipales a{ background-image:none;}
#menuizqprincipales a.inicio {background-position: 0 0;}
#menuizqprincipales a.inicio:hover {background-position: -183px 0;}
#menuizqprincipales a.inicioactivo {background-position: -183px 0;}
#menuizqprincipales a.inicioactivo:hover {background-position: -183px 0;}
#menuizqprincipales a.reparaciones {background-position: 0 -35px;}
#menuizqprincipales a.reparaciones:hover {background-position: -183px -35px;}
#menuizqprincipales a.reparacionesactivo {background-position: -183px -35px;}
#menuizqprincipales a.reparacionesactivo:hover {background-position: -183px -35px;}
#menuizqprincipales a.usuarios {background-position: 0 -70px;}
#menuizqprincipales a.usuarios:hover {background-position: -183px -70px;}
#menuizqprincipales a.usuariosactivo {background-position: -183px -70px;}
#menuizqprincipales a.usuariosactivo:hover {background-position: -183px -70px;}
#menuizqprincipales a.galeria {background-position: 0 -105px;}
#menuizqprincipales a.galeria:hover {background-position: -183px -105px;}
#menuizqprincipales a.galeriaactivo {background-position: -183px -105px;}
#menuizqprincipales a.galeriaactivo:hover {background-position: -183px -105px;}
*/
#menuizqsecundarios a{/*
background: url(../images/menuizq.png) no-repeat 0 0;*/
margin: 0;
padding: 0;
display: block;
width:  183px; /*El ancho del bloque con el icono*/
height:  35px; /*El alto del bloque con el icono*/
}


#menuizqsecundarios a.nuevoarticulo {background-position: 0 -140px;}
#menuizqsecundarios a.nuevoarticulo:hover {background-position: -183px -140px;}
#menuizqsecundarios a.nuevoarticuloactivo {background-position: -183px -140px;}
#menuizqsecundarios a.nuevoarticuloactivo:hover {background-position: -183px -140px;}
#menuizqsecundarios a.buscararticulo {background-position: 0 -175px;}
#menuizqsecundarios a.buscararticulo:hover {background-position: -183px -175px;}
#menuizqsecundarios a.buscararticuloactivo {background-position: -183px -175px;}
#menuizqsecundarios a.buscararticuloactivo:hover {background-position: -183px -175px;}
#menuizqsecundarios a.nuevousuario {background-position: 0 -210px;}
#menuizqsecundarios a.nuevousuario:hover {background-position: -183px -210px;}
#menuizqsecundarios a.nuevousuarioactivo {background-position: -183px -210px;}
#menuizqsecundarios a.nuevousuarioactivo:hover {background-position: -183px -210px;}

#menuizqsecundarios a.guardar{background-position: 0 -245px;}
#menuizqsecundarios a.guardar:hover{background-position: -183px -245px;}
#menuizqsecundarios a.cancelar{background-position: 0 -280px;}
#menuizqsecundarios a.cancelar:hover{background-position: -183px -280px;}

#datosinicio
{
width:80%; 
height:70%; 
margin-top:5%;
padding:100px;
}

#datos
{
width:80%; 
height:80%; 
margin-top:2%;
border:1px solid black;
overflow:auto;
}


.formu{

width:300px;}


#datosnuevousuario
{
width:800px;
height:450px;
margin-top:15px;

}


#menu a:link,#menu a:hover,#menu a:visited{color:#000000;border:none; font-family:Arial, Helvetica, sans-serif; text-decoration:none;padding:0; font-size:14px;}
.primercampotabla a:link{border:none; font-family:Arial, Helvetica, sans-serif;  color:#000;text-decoration:none;padding:0;}
.primercampotabla a:visited{border:none; font-family:Arial, Helvetica, sans-serif; color:#000;text-decoration:none;padding:0;}
.primercampotabla a:hover{text-decoration:underline;}

.datoselemento a:link{border:none; font-family:Arial, Helvetica, sans-serif;  color:#000;text-decoration:none;padding:0; font-size:11px;}
.datoselemento a:visited{border:none; font-family:Arial, Helvetica, sans-serif; color:#000;text-decoration:none;padding:0;font-size:11px;}
.datoselemento a:hover{text-decoration:underline;font-size:11px;}

.datoselemento2 a:link{border:none; font-family:Arial, Helvetica, sans-serif;  color:#000;text-decoration:none;padding:0; font-size:12px;}
.datoselemento2 a:visited{border:none; font-family:Arial, Helvetica, sans-serif; color:#000;text-decoration:none;padding:0;font-size:12px;}
.datoselemento2 a:hover{text-decoration:underline;font-size:12px;}

.eeeh a:link{border:none; font-family:Arial, Helvetica, sans-serif;  color:#fff;text-decoration:none;padding:0; font-size:16px;}
.eeeh a:visited{border:none; font-family:Arial, Helvetica, sans-serif; color:#fff;text-decoration:none;padding:0;font-size:16px;}
.eeeh a:hover{text-decoration:underline;font-size:16px;}

#desarrolla a:hover{text-decoration:underline; color:#6a8e1d; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
#desarrolla a:link,#desarrolla a:visited{color:#6a8e1d; font-size:12px; font-family:Arial, Helvetica, sans-serif;}

#paginaprincipal a:hover{text-decoration:underline; color:#6a8e1d; font-size:13px; font-family:Arial, Helvetica, sans-serif;}
#paginaprincipal a:link{color:#6a8e1d; font-size:13px; font-family:Arial, Helvetica, sans-serif;}
#paginaprincipal a:visited{color:#6a8e1d; font-size:13px; font-family:Arial, Helvetica, sans-serif;}

div.underline { margin-top: 10px; padding-top: 10px; border-top: 1px #cccccc solid; }




#box-table-b {
	font-size: 12px;
	margin: 0px;
	text-align: left;
	border-collapse: separate;
	border-bottom:none;
	border: 1px solid #045FB4;
}
#box-table-b th {
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	background: #EFEFEF;
	border: 1px solid #FFF;
	color: #333;
	text-align: left;
}
#box-table-b td {
	padding: 8px;
	color: black;
	border-bottom: none !important;
}
#box-table-b tr:hover td {
	background: #FBFBFB;
	color: #333;
}
#box-table-b tr.footer { background: none !important; }
#box-table-b tr.footer:hover td { background: none !important;  }


.rojo {color:#FF0000;}
.azul {color:#0066FF;}
.verde {color:#009900;}


/* -- Añadir material -------------------------------------------------------------------------------------------------------------------*/
  .divbotones {
    height:35px;
    margin:0 auto;
    width: 60%;
  }
  .elboton {
    background-color: #CCC;
    border: 1px solid #EEE;
    border-radius: 3px;
    color:#555;
    padding: 4px 0 5px;
	text-align:center;
    width:204px;
  }
  .elboton:hover {
    background-color: #D9D9D9;
    border: 1px solid #FFF;
    color: #333;
  }







/*
#material { background:grey; width:229px; } 
#material div { border:2px solid #FF0100; background:#fff; width:229px; margin:15px; }

*/
#boton1{

	display:none;

}
#boton2{

	display:none;

}
#boton3{

	display:none;

}
#boton4{

	display:none;

}
#boton5{

	display:none;

}
#boton6{

	display:none;

}




.boton{

	padding:5px 20px 5px 20px;
	background-color:#143D55;
	border:1px double blue;
	text-align:center;
	color:#fff;
	float:left;
	margin-right:5px;
	cursor:pointer;
}

	

#elemento{

	width:100px;
	height:100px;
	background-color:#333;
	color:#fff;
	margin-top:50px;
		
}

.clear{clear:both;}

#boton1:checked ~ #elemento{

	margin-left:0;
	transition: all 2s;
	-moz-transition: all 2s;
	-webkit-transition: all 2s;
	-o-transition: all 2s;

}
#boton2:checked ~ #elemento{

	margin-left:370px;
	transition: all 2s;
	-moz-transition: all 2s;
	-webkit-transition: all 2s;
	-o-transition: all 2s;

}

#boton3:checked ~ #elemento{

	border-radius:100px;
	transition: all 2s;
	-moz-transition: all 2s;
	-webkit-transition: all 2s;
	-o-transition: all 2s;

}

#boton4:checked ~ #elemento{

	opacity:0;
	transition: all 2s;
	-moz-transition: all 2s;
	-webkit-transition: all 2s;
	-o-transition: all 2s;

}

#boton5:checked ~ #elemento{

	width:200px;
	height:200px;
	transition: all 2s;
	-moz-transition: all 2s;
	-webkit-transition: all 2s;
	-o-transition: all 2s;

}

#boton6:checked ~ #elemento{
	transform:rotate(360deg);
	-webkit-transform:rotate(360deg);
	transition: all 2s;
	-moz-transition: all 2s;
	-webkit-transition: all 2s;
	-o-transition: all 2s;

}


#ampliar img{
-webkit-transform:scale(1); /*Webkit: Scale down image to 0.8x original size*/
-moz-transform:scale(1); /*Mozilla scale version*/
-o-transform:scale(1); /*Opera scale version*/
-webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/
-moz-transition-duration: 0.5s; /*Mozilla duration version*/
-o-transition-duration: 0.5s; /*Opera duration version*/
opacity: 0.7;
}
/* al pasar el cursor por encima SE AMPLIA*/
#ampliar img:hover{
-webkit-transform:scale(2); /*Webkit:Modificamos tamaño a escala*/
-moz-transform:scale(2); /*Mozilla:Modificamos tamaño a escala*/
-o-transform:scale(2); /*Opera:Modificamos tamaño a escala*/
-webkit-transition-duration: 0.5s; /*Webkit:Duración de la animación*/
-moz-transition-duration: 0.5s; /*Mozilla:Duración de la animació*/
-o-transition-duration: 0.5s; /*Opera:Duración de la animació*/
opacity: 1;
}


.campobuscaIEA{
	border-style:solid;
	border-color: #397cae;
    border-radius: 3px 3px 3px 3px;
	border-width: 1px 1px 1px 1px;
    color: #397cae;
	padding-left:5px;
	background-color: #eee;
	height:39px;
	}
	

#botoninicio{
	font-size:24px;
	    font-family: Arial;
		font-weight:400;
		letter-spacing:-0.5px;
		
background-color:lightblue; 
border:1px solid black;
border-radius:5px;
width:180px; 
height:180px;}