@charset "utf-8";
/* CSS Document */
@import url(reset.css);

/* Centra tdo el contenido de la pagina */

#observaciones { width: 600;  }

#container{ 
	margin:0 auto 0 auto;
	text-align: left;
	width:1024px;
	height: auto;
	/*border:1px solid #333333; */
}

/* Estas son las Cabeceras */
#headerTopI{
	width:auto;
	height:114px;
	background-image:url(images/en.jpg);
	background-repeat: no-repeat;
}
#headerDownI{
	width:900px;
	height:50px;
	background-image:url(images/header1.jpg);
	background-repeat: no-repeat;
}
#headerTop{
	width:auto;
	height:123px;
	background-image:url(images/en.jpg);
	background-repeat: no-repeat;
}
#headerDown{
	width:1000px;
	height:70px;
	background-image:url(images/header1.jpg);
	background-repeat: no-repeat;
}

/* Aqui se contiene todo lo que esta a la izquierda */
#izquierda{
	float:left;
	width:240px;
	height: auto;
}

#menu{
	float:left;
	width:270px;
	height: auto;
}

#main{
	margin-left:5px;
	float:left;
	width:758px;
	height: auto;
}

fieldset { 
 /* background-color: #E6E6FF;*/
  /*border: #8686FF 3px solid; */
  /*
  background-color: #EEE;
  border: #455382 3px solid;
  */
  background-color: #EAEAEA;
  border: #BEBEBE 3px solid;
  padding: 10px 20px 20px;
  width:50%;
  margin:auto;
  display: inline-block;
  /*text-align:center;  */
} 

legend { 
  background-color: white; 
  border: #455382 3px solid; 
  font-size: 120%; 
  padding: 0px 10px; 
}

#contenido{
	width:750px;
	height: 567px;
	font-family:Arial, Helvetica, sans-serif;
	margin-left:0px;
	/*background-color:#f9f9f9;*/
	/*border:1px solid #333333; */
	
	background-color:#FFFFFF;


}

#contenidoc{
	width:1020px;
	height: auto;
	font-family:Arial, Helvetica, sans-serif;
	margin-left:0px;
	background-color:#f9f9f9;

}

#inicio{
	width:700px;
	height: 500px;
	margin-top:0px;
	background-position:center;
	background-image:url(images/logo2.jpg);
	background-repeat: no-repeat;
}

#login{
	width:246px;
	height: auto;
	background-color:#FBC694;
	font-family:Arial, Helvetica, sans-serif;
}

#acceso{
	width:246px;
	height: auto;
	background-color:#FBC694;
	font-family:Arial, Helvetica, sans-serif;
}

#descrpcion{
	width:246px;
	height: auto;
	text-align: justify;
	line-height:120%;
	background-color:#CCCCCC;
	font-family:Arial, Helvetica, sans-serif;
	background-position:right;
}

#descrpcion_c{
	width:246px;
	height: 420px;
	text-align: justify;
	line-height:120%;
	background-color:#CCCCCC;
	font-family:Arial, Helvetica, sans-serif;
	background-position:right;
}

#descrpcionCapTop{
	width:246px;
	height:15px;
	margin-top:15px;
	background-image:url(images/capT.jpg);
	background-repeat: no-repeat;
}

#descrpcionCapDown{
	width:246px;
	height:15px;
	background-image:url(images/capD.jpg);
	background-repeat: no-repeat;
}

#margenLogin{
	
	margin-right:15px;
	margin-top:0px;
	text-align:right;
}

#menuPrincipalTop{
	width:221px;
	height:13px;
	margin-left:20px;
	background-image:url(images/mainmenuT.jpg);
	background-repeat: no-repeat;
	}
	#menuPrincipalDown{
	width:221px;
	height:13px;
	margin-left:20px;
	background-image:url(images/mainmenuD.jpg);
	background-repeat: no-repeat;
	}

	#menuSecundarioTop{
	width:221px;
	height: 13px;
	margin-top:15px;
	margin-left:20px;
	/* background-image:url(../images/subtitulo.jpg);*/
	background-repeat: no-repeat;
	}
	#menuSecundarioDown{
	width:221px;
	height: 13px;
	margin-left:20px;
	background-image:url(images/secondmenuD.jpg);
	background-repeat: no-repeat;
	}

#footer{
	float:left;
	width:1024px;
	margin-top:67px;
	height:36px;
	/*background-image:url(images/footer.jpg);-->*/
	/*background-image:url(images/aba.jpg);*/
	/*background-repeat: no-repeat;*/
}

#subtitulo{
	margin-top:25px;
	color: white;
	margin-left:35px;
	text-align:right;
	font-size:12px;
	background-image:url(images/subtitulo.jpg);
	background-repeat:no-repeat;
}

#izquierdo_ben {float:left; width: 50%;}
#derecho_ben {width: 50%; margin-left:21%;}
#capa{
    /*width:210px;*/
    /*height:300px;*/
	/*background-color:#EEE; font-size: 10px; line-height:30px; border: 2px dashed #455382;*/
     background-color: #DDD;

    /*float:left;*/
	/*margin-top:10px;*/
}

/* Efectos de menu PRINCIPAL */

#menuPrincipal div.barraMenu,
#menuPrincipal div.barraMenu a.botonMenu {
font-size: 8pt;
color: black;
}
#menuPrincipal div.barraMenu {
	width:221px;
	height: auto;
	margin-left:20px;
	margin-right:10px;
	line-height:35px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(images/fondomenuP.jpg);
}
#menuPrincipal div.barraMenu a.botonMenu {
background-color: #858585;
color: white;
cursor: pointer;
padding: 4px 6px 2px 40px;
text-decoration: none;
}
#menuPrincipal div.barraMenu a.botonMenu:hover {
background-color: #999999;

}
#menuPrincipal div.barraMenu a.botonMenu:active {
background-color: #ED8C2C;
color: white;
}

/* Efectos de menu SECUNDARIO */

#menuSecundario div.barraMenu,
#menuSecundario div.barraMenu a.botonMenu {
font-size: 9pt;
color: black;
}
#menuSecundario div.barraMenu {
	width:221px;
	height: auto;
	margin-left:20px;
	margin-right:10px;
	line-height:35px;
	text-align:right;
	background-image:url(images/fondomenuS.jpg);
	background-color:#CCCCCC;
	font-family:Arial, Helvetica, sans-serif;
}
#menuSecundario div.barraMenu a.botonMenu {
background-color: #CCCCCC;
color: black;
cursor: pointer;
padding: 4px 6px 2px 40px;
text-decoration: none;
}
#menuSecundario div.barraMenu a.botonMenu:hover {
background-color: #FFFFFF;

}
#menuSecundario div.barraMenu a.botonMenu:active {
background-color: #ED8C2C;
color: white;
}


/*=================================BODY====================================*/
body {
	margin-left:15px;
	margin-right:15px;
	text-align: justify;
	line-height:160%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
    color : #384466;
	/*border:1px solid #333333; */
	
	}
/*=================================LINKS====================================*/
a{
    font-family: Arial, Helvetica, sans-serif,serif;
	color:#777777;
	font-size: 14px;
}

a:link {
    font-family: Arial, Helvetica, sans-serif,serif;
	color: #777777;
	font-size: 11.5px;
	text-decoration:none;
}
a:visited {
    font-family: Arial, Helvetica, sans-serif,serif;
	color: #777777;
	font-size:  11.5px;
	text-decoration:none;
}
a:hover {
    font-family: Arial, Helvetica, sans-serif,serif;
	color: #AAAAAA;

	font-size: 11.5px;
	text-decoration:none;
}
a:active {
	font-family: Arial, Helvetica, sans-serif,serif;
	color:#777777;
	font-size: 11.5px;
	text-decoration:none;
}

/*=================================Renglones tabla====================================*/
/*
tr.titulo{
	background-color:#455382; color:#FFFFFF; font-weight:bold;; font-size:16px; border:double;
}
tr.subtitulo{
	background-color:#ced2de; color:#FFFFFF; font-weight:bold; font-size:13px;
}
tr.color{
	background-color:#3CF; font-size:12px; line-height:30px;
}
tr.color1{
	background-color: #0000AA; font-size:12px; line-height:30px;
}*/
#titulo{
	/*background-color:#455382; color:#FFFFFF; font-weight:bold;; font-size:10px;*/
	/*background-color: #5F5F5F; color: #FFF; font-weight:bold;; font-size:13px;*/
      background-color: #CCCCCC; color: #333333; font-weight:bold;; font-size:13px;
}

#titulo_bmp{
	/*background-color:#455382; color:#FFFFFF; font-weight:bold;; font-size:10px;*/
	/*background-color: #5F5F5F; color: #FFF; font-weight:bold;; font-size:13px;*/
      background-color: #CCCCCC; color: #333333; font-weight: normal; font-size:14px;	
}

#titulo_tit{
	/*background-color:#455382; color:#FFFFFF; font-weight:bold;; font-size:10px;*/
	/*background-color: #5F5F5F; color: #FFF; font-weight:bold;; font-size:13px;*/
      background-color: #ebebe0; color: #333333; font-weight: normal; font-size:15px;
}

#titulo_d{
	/*background-color:#455382; color:#FFFFFF; font-weight:bold;; font-size:10px;*/
	background-color: #000066; color: #FFF; font-weight:bold;; font-size:13px;	
}

#titulo_e{
	/*background-color:#455382; color:#FFFFFF; font-weight:bold;; font-size:10px;*/
	background-color: #663300 ; color: #FFF; font-weight:bold;; font-size:11.5px;
}

#titulo2{
	/*background-color:#455382; color:#FFFFFF; font-weight:bold;; font-size:10px;*/
	background-color: #FC6; color: #FFF; font-weight:bold; font-size:13px;
}

input:focus {
  border: 1px solid #000;
  /*background: #F3F3F3;*/
  background: #E9E9E9;

  
}

select:focus {
    border: 1px solid #000;
	background: #F3F3F3;
    background: #E9E9E9;
  
}

/*
td {
border:1px solid black
}
*/

/*
table {
   width: 100%;
   border: 1px solid #000;
}
th, td {
   width: 25%;
   text-align: left;
   vertical-align: top;
   border: 1px solid #000;
}*/

#pintar_tabla{
	border: 1px groove;
	border:#000000;
	background-color:#EEE;
	font-size:12px;
	font-weight:bold;
	
}

#pintar_tabla2{
	font-family: Arial, Helvetica, sans-serif,serif;
	color: #333333;
	font-size:11px;
	font-weight:bold;
	border: 1px solid #000;
	/*background-color: #FFC;*/
	background-color: #CCCCCC;
	
}

#pintar_tabla3{
	font-family: Arial, Helvetica, sans-serif,serif;
	color: #333333;
	font-size:11px;
	font-weight:bold;
	border: 1px solid #000;
	/*background-color: #FFC;*/
	background-color: #FFFFFF;
	
}

#texto_p{
	font-size:8px;
}

#titulop{
	background-color:#455382; color:#FFFFFF; font-weight:bold; font-size:9px;
}

#titulopla{
	background-color:#455382; color:#FFFFFF; font-weight:bold; font-size:11px;
}

#color{
	background-color:#FFFFFF; font-size:11px; line-height:30px;
}

#color1{
	background-color:#EFEFEF; font-size:11px; line-height:30px;
	
}

#color_lis{
	background-color:#FFFFFF; font-size:11px; line-height:30px;
}

#color1_lis{
	background-color:#EFEFEF; font-size:11px; line-height:30px;
	
}

#color_bmp{
	background-color:#FFFFFF; 
	font-size:10px; 
	line-height:20px; 
	border: 1px groove;
	border:#000000;
}

#color1_bmp{
	background-color:#EFEFEF;
	font-size:10px;
	line-height:20px;
	border: 1px groove;
	border:#000000;
	
}

#color_B{
	background-color:#FFFFFF; font-size:9px; line-height:30px;
}

#color_B1{
	background-color:#EFEFEF; font-size:9px; line-height:30px;	
}

#semaforo{
	background-color: #006600; font-size:11px; color: #FFFFFF; font-weight:bold; line-height:30px;
}

#semaforo2{
	background-color: #FF0000; font-size:11px; color: #FFFFFF; font-weight:bold; line-height:30px;	
}

#celda_incidencia{
	background-color: #FF0000; font-size:11px; color: #FFFFFF; font-weight:bold; line-height:30px; border:1.5px #000000 ;
}

#celda_periodo{
	background-color: #009900; font-size:11px; color: #FFFFFF; font-weight:bold; line-height:30px; border:1.5px #000000 ;
}

#celda_relleno{
	background-color: #FFFFFF ; font-size:11px; color: #FFFFFF; font-weight:bold; line-height:30px; border:1.5px #000000 ;
}

#celda_anos{
	background-color: #CCCCCC; font-size:11px; color: #000000; font-weight:bold; line-height:30px; border:1.5px #000000 ;	
}

#celda{
	background-color:#EEE; font-size:13px; line-height:30px;
}

#celda2{
	/*background-color:#EEE; font-size: 12px; line-height:30px; border: 2px dashed #455382;*/
	background-color:#E3E3E3; color:#5F5F5F; font-size:12px; font-weight:bold;	
}

#celda3
{
	/*background-color:#EEE; font-size:17px;*/
	background-color: #EEE; color: #333333; font-weight:bold;; font-size:15px;
}

#celda3_1
{
	/*background-color:#EEE; font-size:17px;*/	
	background-color: #EEE; color: #333333;  font-size:15px;
}

#celda4{
	background-color:#EEE; font-size: 12px; font-weight:bold; font-size:10px;
}

#celda5{
	background-color:#EEE; font-size: 30px; line-height:30px; border: 2px dashed #455382;
}

#celda6{
	font-family: Arial; 
	font-size: 10pt;
	background-color:#EEE;
}

#celda6_sc{
	font-family: Arial; 
	font-size: 10pt;
	background-color: #FFFFFF;
}

#celda_verde{
	font-family: Arial; 
	font-size: 10pt;
	background-color: #009933;
}

#celda_limon{
	font-family: Arial; 
	font-size: 10pt;
	background-color: #AAFFFF;
}

/*
#celdap{
	background-color:#EEE; font-size:9px; line-height:30px;
}

td.resaltado{
	color:#455382; font-weight:bold; border:double;
}
td.paginar{
	color:white; font-size:11px; text-align:right;
}*/

/* ///////////////////////// MENU DROP*/
#menu div.drop {
	width: 221px;
	position: absolute;
	background: url(images/fondomenuS.jpg) repeat-y;
}

#menu div.drop h6{
	background: url(images/mainmenuT.jpg); 
	width: 201px;
	height: 13px;
	color: white;
	font-size: 10px;
	line-height:35px;
	padding-left: 20px;
	padding-right: 0px;
	text-transform: uppercase;
}

#menu div.drop h6.top{
	background: url(images/mainmenuT.jpg); 
	width: 201px;
	height: 10px;
	color: white;
	font-size: 12px;
	line-height:35px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
	text-transform: uppercase;
}

#menu div.drop h6.bot{
	background: url(images/mainmenuD.jpg);
	width: 201px;
	height: 12px;
	color: white;
	font-size: 12px;
	line-height:35px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
	text-transform: uppercase;
}

#menu div.drop h6.toggle{
	background: url(images/fondomenuP.jpg);
	text-align: left;
	text-transform: none;
	cursor: pointer;
	height: 34px;
	line-height: 34px;
}

#menu div.drop h6.toggle:hover{
	color: #CCC;
}

#menu div.drop div ul li {
	list-style-position: inside;
	text-align: right;
	font-size: 10px;
	line-height:30px;
	margin-bottom: 2px;
	text-transform: uppercase;
}

.inputstyle {
	font-family: Arial; font-size: 8pt; background-color: #00FF00;
}

.input {
font-family: Arial; font-size: 10pt; background-color: #FFFFFF;  border: 1px solid  #CCCCCC;  
}
/*
.boton{
        font-size:12px;
        font-family:Verdana,Helvetica;
        font-weight:bold;
       	color:white;
	   
      	background:#638cb5;
	
        border:0px;
        width:80px;
        height:19px;
		
      }*/
#submit_b {
    font-weight: bold;
    cursor: pointer;
    padding: 5px;
    margin: 0 10px 20px 0;
    border: 1px solid #ccc;
    background: #eee;
    border-radius: 8px 8px 8px 8px;
}

#submit_b:hover {
    background: #ddd;
}	  

#boton_submit {
    font-weight: bold;
    cursor: pointer;
    padding: 5px;
    margin: 0 10px 20px 0;
    border: 1px solid #ccc;
    background: #eee;
    border-radius: 8px 8px 8px 8px;
}

#boton_submit:hover {
    background: #ddd;
}	  

.myButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
	background:-moz-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:-webkit-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:-o-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:-ms-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf',GradientType=0);
	background-color:#ededed;
	-moz-border-radius:9px;
	-webkit-border-radius:9px;
	border-radius:9px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#777777;
	font-family:arial;
	font-size:28px;
	font-weight:bold;
	padding:18px 43px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}

.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed));
	background:-moz-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:-webkit-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:-o-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:-ms-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed',GradientType=0);
	background-color:#dfdfdf;
}

.myButton:active {
	position:relative;
	top:1px;
}

#registro_trabajador{
/*border:solid 2px #b7ddf2;*/
/*border:solid 2px #666666;*/
/*background:#ebf4fb;*/
background: #F0F0F0;
border: thin;
/*
top:  440px; 
left: 300px;
*/
width:550px;
height:285px;
}
#ingreso_aviso_permutas{
/*border:solid 2px #b7ddf2;*/
/*border:solid 2px #666666;*/
/*background:#ebf4fb;*/
background:#F0F0F0;
border: thin;

/*
top:  440px; 
left: 900px;
*/

width:350px;
height:150px;
}

div.centerTable{
        text-align: center;
}

div.centerTable table {
       margin: 0 auto;
       text-align: left;
}

#mensaje_avisos_permutas{
font:Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:bold;
/*border:solid 2px #b7ddf2;*/
/*border:solid 2px #666666;*/
/*background:#ebf4fb;*/
/*background:#F0F0F0;*/
background:#D4F7CA;
/*border: thin;*/
border:1px solid #00AA00;
/*
top:  170px; 
left: 300px;
*/
/*width:1024px;*/
width:650px;
height:250px;
}

#mensaje_avisos_permutas_index{
font:Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:bold;
/*border:solid 2px #b7ddf2;*/
/*border:solid 2px #666666;*/
/*background:#ebf4fb;*/
/*background:#F0F0F0;*/
background:#D4F7CA;
/*border: thin;*/
border:1px solid #00AA00;
/*
top:  170px; 
left: 300px;
*/
/*width:1024px;*/
width:650px;
height:70px;
}

#mensajes_formularios{
font:Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:bold;
/*border:solid 2px #b7ddf2;*/
/*border:solid 2px #666666;*/
/*background:#ebf4fb;*/
/*background:#F0F0F0;*/
/*background:#D4F7CA;*/
background:#FFFFF0;
/*background:#DCDCDC;*/
 	
/*border: thin;*/
/*border:1px solid #00AA00;*/
border:1px solid #A9A9A9;

/*
top:  170px; 
left: 300px;
*/
width:550px;
height:40px;
}

#mensaje_tipo_solicitud_cambios{
font:Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight:bold;
/*border:solid 2px #b7ddf2;*/
/*border:solid 2px #666666;*/
/*background:#ebf4fb;*/
/*background:#F0F0F0;*/
/*background:#D4F7CA;*/
background:#F0FFF0;
 	
/*border: thin;*/
border:1px solid #00AA00;

/*
top:  170px; 
left: 300px;
*/
width:550px;
height:44px;
}

#mensaje_tipo_solicitud_permutas{
font:Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight:bold;
/*border:solid 2px #b7ddf2;*/
/*border:solid 2px #666666;*/
/*background:#ebf4fb;*/
/*background:#F0F0F0;*/
/*background:#D4F7CA;*/
background:#FFE4E1;
 	
/*border: thin;*/
border:1px solid #FFB6C1;

/*
top:  170px; 
left: 300px;
*/
width:550px;
height:44px;
}

#mensaje_email_avisos_permutas{
font:Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:bold;
/*border:solid 2px #b7ddf2;*/
/*border:solid 2px #666666;*/
/*background:#ebf4fb;*/

/*background:#F0F0F0;*/
background:#D4F7CA;
border:1px solid #00AA00;

/*
top:  260px; 
left: 300px;
*/
width:1024px;
height:50px;
}

#pasos_registro_avisos_permutas{
font:Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:bold;
/*border:solid 2px #b7ddf2;*/
/*border:solid 2px #666666;*/
/*background:#ebf4fb;*/
background:#F0F0F0;
border: thin;

/*
top:  330px; 
left: 300px;
*/
width:1100px;
height:90px;
}

#mensaje_datos_contacto{
font:Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight:bold;
/*border:solid 2px #b7ddf2;*/
/*border:solid 2px #666666;*/
/*background:#ebf4fb;*/
/*background:#F0F0F0;*/
/*background:#D4F7CA;*/
background:#F0FFF0;
 	
/*border: thin;*/
border:1px solid #00AA00;

/*
top:  170px; 
left: 300px;
*/
width:650px;
height:200px;
}