﻿body { /*background:url('Images/fnd-pagina.jpg') top center no-repeat;*/ background-repeat:no-repeat; background-position: center bottom; background-attachment:fixed;background-color:#fff; height:100%; font-family:Arial, Helvetica, sans-serif;}

/* Estructura */

/*.fnd{
	width:100%;
	height:100%;
	background-image:url('Images/fnd-pagina5.gif');
	background-repeat:no-repeat;
	background-position: left bottom
}*/

/*.master{width:530px;height:100%;margin: 0 auto;}*/
.master{width:600px;height:100%;margin: 0 auto;}

.head{width:100%;height:167px}
	.logo{width:285px;margin:0 auto;}
	
.content{width:100%; height:100%}	

.capaMenu{width:100%;}

/*.registro{width:100%; height:85px}*/
.registro{width:100%;}

.slogan{width:472px; margin:0 auto}

.clear{clear:both}

/* Estilos */

img {border:none;}

p {font-size:0.8em}

h1{font-size:1.1em;color:#197ebc;}
h2.usuario{font-size:1.1em;color:#197ebc;width:87%; float:left; margin-bottom:20px;}

ul, li {margin: 0;padding: 0;text-indent: 0;}

/*
.error{
	font-size:0.7em;
	padding:4px 0 2px 22px;
	background:url('Images/error.gif') no-repeat;
	margin:7px 0;
}
*/

ul.breadcrumb{
	margin:0 0 10px 0;
	font-size: 0.8em;
}
ul.breadcrumb li {
	float:left;margin: 0 0 0 5px;list-style:none
}
ul.breadcrumb li a {color:#000; text-decoration: underline;font-weight:bold;}
	ul.breadcrumb li a:hover {color:#0066cc;}
	
/* Formulario */

.formHome{margin:0}
.3columnas{width:32%; margin:10px 3px 0 3px; float:left}

fieldset{border:none; margin:2px 0 10px 0; padding:5px 0;}
fieldset.fieldsetHome{border:none; margin:0; padding:0;}

/*
legend{width:100%;font-size:.8em;font-weight:bold;border-bottom:1px solid #000;}
	legend.home{display:none}
	input.input{ width:162px; border:1px solid #cacaca; border-top:1px solid #ddd; border-left:1px solid #ddd; background-color:#ddd; padding:2px; color:#353535; margin-top:10px}
	input.inputP{width:30px; border:1px solid #cacaca; border-top:1px solid #ddd; border-left:1px solid #ddd; background-color:#ddd; padding:2px; color:#353535; margin-top:10px}
	textarea {width:300px; height:100px; border:1px solid #cacaca; border-top:1px solid #ddd; border-left:1px solid #ddd; background-color:#ddd; padding:0 0 0 2px; vertical-align:top;}
	label{ font-size:0.8em; text-align:right;}
	.limit{width:150px; display: inline-block; padding-left:50px}
	.limitP{width:auto; display: inline-block; padding-left:0}
	.limitM{width:150px; display: inline-block; padding-left:10px}
	select.select{width:120px; border:1px solid #cacaca; border-top:1px solid #ddd; border-left:1px solid #ddd; padding:2px; color:#353535; background-color:#ddd; margin-top:10px}
	select.selectP{width:60px; border:1px solid #cacaca; border-top:1px solid #ddd; border-left:1px solid #ddd; padding:2px; color:#353535; background-color:#ddd; margin-top:10px}
	select.selectG{width:168px; border:1px solid #cacaca; border-top:1px solid #ddd; border-left:1px solid #ddd; padding:2px; color:#353535; background-color:#ddd; margin-top:10px}
	select.selectI{width:93px; border:1px solid #cacaca; border-top:1px solid #ddd; border-left:1px solid #ddd; padding:2px; color:#353535; background-color:#ddd; margin-top:10px}
*/
	/*.limitP{width:110px; display: inline-block; padding-left:0}*/	
	/*select.selectI{width:76px; border:1px solid #cacaca; border-top:1px solid #ddd; border-left:1px solid #ddd; padding:2px; color:#353535; background-color:#ddd; margin-top:10px}*/
legend{width:100%;font-size:.8em;font-weight:bold;border-bottom:1px solid #000;}
                legend.home{display:none}
                /*input.input{ width:162px; border:1px solid #cacaca; border-top:1px solid #ddd; border-left:1px solid #ddd; background-color:#ddd; padding:2px; color:#000; margin-top:10px}*/
                input.input{ width:184px; border:1px solid #cacaca; border-top:1px solid #e9e9e9; border-left:1px solid #e9e9e9; background-color:#e9e9e9; padding:2px; color:#000; margin-top:10px}
                input.inputSG{ width:249px; border:1px solid #cacaca; border-top:1px solid #e9e9e9; border-left:1px solid #e9e9e9; background-color:#e9e9e9; padding:2px; color:#000; margin-top:10px}
                input.inputP{width:30px; border:1px solid #cacaca; border-top:1px solid #e9e9e9; border-left:1px solid #e9e9e9; background-color:#e9e9e9; padding:2px; color:#000; margin-top:10px}
                textarea {width:300px; height:100px; border:1px solid #cacaca; border-top:1px solid #e9e9e9; border-left:1px solid #e9e9e9; background-color:#e9e9e9; padding:0 0 0 2px; vertical-align:top;}
                label{ font-size:0.8em; text-align:right;}
                /*.limit{width:150px; display: inline-block; padding-left:50px}*/
                .limit{width:160px; display: inline-block; padding-left:50px}
                .limitP{width:auto; display: inline-block; padding-left:0}
                .limitM{width:150px; display: inline-block; padding-left:10px}
                select.select{width:120px; border:1px solid #cacaca; border-top:1px solid #e9e9e9; border-left:1px solid #e9e9e9; padding:2px; color:#000; background-color:#e9e9e9; margin-top:10px}
                select.selectP{width:50px; border:1px solid #cacaca; border-top:1px solid #e9e9e9; border-left:1px solid #e9e9e9; padding:2px; color:#000; background-color:#e9e9e9; margin-top:10px}
                /*select.selectG{width:168px; border:1px solid #cacaca; border-top:1px solid #ddd; border-left:1px solid #ddd; padding:2px; color:#000; background-color:#ddd; margin-top:10px}*/
                select.selectSG{width:255px; border:1px solid #cacaca; border-top:1px solid #e9e9e9; border-left:1px solid #e9e9e9; padding:2px; color:#000; background-color:#e9e9e9; margin-top:10px}
                select.selectG{width:190px; border:1px solid #cacaca; border-top:1px solid #e9e9e9; border-left:1px solid #e9e9e9; padding:2px; color:#000; background-color:#e9e9e9; margin-top:10px}
                select.selectI{width:93px; border:1px solid #cacaca; border-top:1px solid #e9e9e9; border-left:1px solid #e9e9e9; padding:2px; color:#000; background-color:#e9e9e9; margin-top:10px}

span.select { width:60px; position: relative; right:-475px; overflow: hidden; padding:2px 0; color: #9e9e9e; text-align:right; font-size:.8em;}


.contrasena{ color:#9e9e9e; font-size:.6em;}
	.contrasena:hover{ color:#333;}

.buscar{border:1px solid #cacaca; border-top:1px solid #ddd; border-left:1px solid #ddd; background-image:url('Images/fnd-botones.gif'); padding:2px 7px; color:#555; font-weight:bold}

.btn_cancel_en{background-color:#283943; background-image:url(images/botones/en/cancel-02.png); background-position:top left; width:100px; height:30px; border-style:none;}
.btn_cancel_en:hover{background-image:url(images/botones/en/cancel-03.png);}
.btn_cancel_es{background-color:#283943; background-image:url(images/botones/es/cancelar-02.png); background-position:top left; width:100px; height:30px; border-style:none;}
.btn_cancel_es:hover{background-image:url(images/botones/es/cancelar-03.png);}

.btn_modify_en{background-color:#283943; background-image:url(images/botones/en/modify-02.png); background-position:top left; width:100px; height:30px; border-style:none;}
.btn_modify_en:hover{background-image:url(images/botones/en/modify-03.png);}
.btn_modify_es{background-color:#283943; background-image:url(images/botones/es/modificar-02.png); background-position:top left; width:100px; height:30px; border-style:none;}
.btn_modify_es:hover{background-image:url(images/botones/es/modificar-03.png);}

.btn_save_en{background-color:#283943; background-image:url(images/botones/en/save-02.png); background-position:top left; width:100px; height:30px; border-style:none;}
.btn_save_en:hover{background-image:url(images/botones/en/save-03.png);}
.btn_save_es{background-color:#283943; background-image:url(images/botones/es/guardar-02.png); background-position:top left; width:100px; height:30px; border-style:none;}
.btn_save_es:hover{background-image:url(images/botones/es/guardar-03.png);}


.btn_saveexit_en{background-image:url(images/botones/en/save-and-exit-01.png); background-position:top left; width:100px; height:30px; border-style:none;display:inline-block;}
.btn_saveexit_en:hover{background-image:url(images/botones/en/save-and-exit-02.png);}
.btn_saveexit_es{background-image:url(images/botones/es/guardar-y-salir-01.png); background-position:top left; width:100px; height:30px; border-style:none;display:inline-block;}
.btn_saveexit_es:hover{background-image:url(images/botones/es/guardar-y-salir-02.png);}

.btn_password_en{background-image:url(images/botones/en/change-password-01.png); background-position:top left; width:160px; height:32px; border-style:none;display:inline-block;}
.btn_password_en:hover{background-image:url(images/botones/en/change-password-02.png);}
.btn_password_es{background-image:url(images/botones/es/cambiar-contrasena-01.png); background-position:top left; width:160px; height:32px; border-style:none;display:inline-block;}
.btn_password_es:hover{background-image:url(images/botones/es/cambiar-contrasena-02.png);}

.btn_unsubscribe_en{background-image:url(images/botones/en/unsubscribe-01.png); background-position:top left; width:133px; height:32px; border-style:none;display:inline-block;}
.btn_unsubscribe_en:hover{background-image:url(images/botones/en/unsubscribe-02.png);}
.btn_unsubscribe_es{background-image:url(images/botones/es/darse-de-baja-01.png); background-position:top left; width:133px; height:32px; border-style:none;display:inline-block;}
.btn_unsubscribe_es:hover{background-image:url(images/botones/es/darse-de-baja-02.png);}

/*.registrate{ background-image:url('Images/btn-registrate.gif'); padding: 8px 18px 12px 18px; color:#fff; font-weight:bold; text-decoration:none}*/
.registrate{ background-image:url('Images/btn-registrate.gif'); padding: 8px 18px 12px 18px; color:#fff; font-weight:bold; text-decoration:none;}
                .registrate:hover{ background-image:url('Images/btn-registrate-h.gif'); padding: 8px 18px 12px 18px; color:#333; font-weight:bold; text-decoration:none}


.helpContent {display: none}

.docs{
	width:100%;
}
.docs img {
display: block;
margin: auto;
}
/*
.docs ul{
min-width:40px;
width:45%;
max-width:90%;
display: block;
margin: auto;
}


.docs ul li{
	float: left;
	list-style:none;
}
*/

.docs ul{
min-width:40px;
max-width:90%;
display: block;
margin: 0 0 0 210px;
}

.docs ul li{
	float: left;
	list-style:none;
	padding-bottom:10px;
}
.docs a.del {
	width:60px;
	display: block;
	margin: auto;
	color:#000;
	background:url('Images/icono-eliminar.gif') no-repeat left 5px ;
	text-decoration: none;
	font-weight:bold;
	font-size: 0.8em;
	padding:5px 0 0 18px;
}
.docs a.del:hover {
	text-decoration:underline;
}

/* menu */

ul.menu { }

.quienes {background-image:url('Images/quienes-somos.gif'); background-position: -1px top}
	.quienes:hover {background-image:url('Images/quienes-somos-h.gif')}
.servicios {background-image:url('Images/servicios.gif')}
	.servicios:hover {background-image:url('Images/servicios-h.gif')}
.trabaja {background-image:url('Images/trabaja.gif')}
	.trabaja:hover {background-image:url('Images/trabaja-h.gif')}
.contacta {background-image:url('Images/contacta.gif'); background-position: top right}
	.contacta:hover {background-image:url('Images/contacta-h.gif')}
	


ul.menu li {display: inline;float:left;position: relative;width: 123px;margin: 0;}

ul.menu li a {
	color:#000;
	/*background:url('Images/fnd-menu.gif');*/
	text-decoration: none;
	text-align:center;
	font-weight:bold;
	font-size: 0.8em;
	display: block;
	width: auto;
	padding: 10px 5px;
	text-indent:-9999px;
}
ul.menu li a:hover, ul.menu li a:active {
	
}
ul.menu li ul {
	position: absolute;
	bottom:35px;
	left:0;
	display: none;
	background-image:url('Images/fnd-submenu.gif')
}
.submenuG{background-image:url('Images/fnd-submenuG.gif') !important}
	.submenuG li{width:153px !important;}
	
ul.menu li ul li {
	display: list-item;
	list-style:none;
	float: none;
	margin: 0;
}
ul.menu li ul li a {
	font-size: .8em;
	text-align:left;
	font-weight:normal;
	padding: 3px 5px;
	margin:3px 5px;
	text-indent:0px;
}
ul.menu li ul li a:hover{ background-color:#e7e7e7}

ul.menuUsuario{
	width:100%;
	height:20px;
	margin-bottom:30px;
	position:inherit
}
ul.menuUsuario li{display: inline;float:right;position: relative;width: auto;margin: 0;}

ul.menuUsuario li a {color:#000; border:1px solid #fff;text-decoration: none;text-align:center;font-weight:bold;font-size: 0.8em;display: block;width: auto; margin:0 5px; padding: 5px 5px 5px 27px;}
ul.menuUsuario li a:hover {color:#000;border:1px solid #cacaca; border-top:1px solid #ddd; border-left:1px solid #ddd; background-color:#cacaca; text-decoration: none;text-align:center;font-weight:bold;font-size: 0.8em;display: block;width: auto; margin:0 5px; padding: 5px 5px 5px 27px;}

	.baja{ background: url('Images/icono-baja.gif') no-repeat}
	.portal{ background: url('Images/icono-portal.gif') no-repeat}
	.perfil{ background: url('Images/icono-editar.gif') no-repeat}
	.exit{ background: url('Images/icono-exit.gif') no-repeat}
	.candado{ background: url('Images/icono-candado.gif') no-repeat}
	.ver{ background: url('Images/icono-ver.gif') no-repeat}

ul.menuTabs{
	width:100%;
	height:20px;
	margin-bottom:30px;
	position:inherit
}
ul.menuTabs li{display: inline;float:right;position: relative;margin: 0;}

ul.menuTabs li a {color:#000;text-decoration: none;text-align:center;display: block;}
	
	.profile_es{background: url('Images/tabs/es/perfil-01.png') no-repeat; width:96px;height:50px;}
	.profile_es:hover{background: url('Images/tabs/es/perfil-02.png') no-repeat;}
	.profile_es.current{background: url('Images/tabs/es/perfil-03.png') no-repeat;}
	
	.contact_es{background: url('Images/tabs/es/datos-de-contacto-01.png') no-repeat; width:180px;height:50px;}
	.contact_es:hover{background: url('Images/tabs/es/datos-de-contacto-02.png') no-repeat;}
	.contact_es.current{background: url('Images/tabs/es/datos-de-contacto-03.png') no-repeat;}
	
	.portal_es{background: url('Images/tabs/es/portal-empleado-01.png') no-repeat; width:169px;height:50px;}
	.portal_es:hover{background: url('Images/tabs/es/portal-empleado-02.png') no-repeat;}
	.portal_es.current{background: url('Images/tabs/es/portal-empleado-03.png') no-repeat;}
	
	.exit_es{background: url('Images/tabs/es/salir-01.png') no-repeat; width:96px;height:50px;}
	.exit_es:hover{background: url('Images/tabs/es/salir-02.png') no-repeat;}
	.exit_es.current{background: url('Images/tabs/es/salir-03.png') no-repeat;}
	
	.profile_en{background: url('Images/tabs/en/profile-01.png') no-repeat; width:96px;height:50px;}
	.profile_en:hover{background: url('Images/tabs/en/profile-02.png') no-repeat;}
	.profile_en.current{background: url('Images/tabs/en/profile-03.png') no-repeat;}
	
	.contact_en{background: url('Images/tabs/en/contact-details-01.png') no-repeat; width:180px;height:50px;}
	.contact_en:hover{background: url('Images/tabs/en/contact-details-02.png') no-repeat;}
	.contact_en.current{background: url('Images/tabs/en/contact-details-03.png') no-repeat;}
	
	.portal_en{background: url('Images/tabs/en/employee-portal-01.png') no-repeat; width:169px;height:50px;}
	.portal_en:hover{background: url('Images/tabs/en/employee-portal-02.png') no-repeat;}
	.portal_en.current{background: url('Images/tabs/en/employee-portal-03.png') no-repeat;}
	
	.exit_en{background: url('Images/tabs/en/exit-01.png') no-repeat; width:96px;height:50px;}
	.exit_en:hover{background: url('Images/tabs/en/exit-02.png') no-repeat;}
	.exit_en.current{background: url('Images/tabs/en/exit-03.png') no-repeat;}
	
ul.menuBotones
{
	width:100%;
	height:20px;
	padding:10px 0px;
	position:inherit
}

ul.menuBotones li
{
    display: inline;
    float:right;
    position: relative;
    margin: 0px 0px 0px 5px;
}

ul.menuBotones li a 
{
    color:#000; 
    text-decoration: none;
    text-align:center;
    font-weight:bold;
    font-size: 0.8em;
    display: block;
}
    
    .btn_cancel_en{background-image:url(images/botones/en/cancel-01.png); background-position:top left; width:100px; height:30px; border-style:none; display:inline-block;}
    .btn_cancel_en:hover{background-image:url(images/botones/en/cancel-02.png);}
    .btn_cancel_es{background-image:url(images/botones/es/cancelar-01.png); background-position:top left; width:100px; height:30px; border-style:none;display:inline-block;}
    .btn_cancel_es:hover{background-image:url(images/botones/es/cancelar-02.png);}

    .btn_modify_en{background-image:url(images/botones/en/modify-01.png); background-position:top left; width:100px; height:30px; border-style:none;display:inline-block;}
    .btn_modify_en:hover{background-image:url(images/botones/en/modify-02.png);}
    .btn_modify_es{background-image:url(images/botones/es/modificar-01.png); background-position:top left; width:100px; height:30px; border-style:none;display:inline-block;}
    .btn_modify_es:hover{background-image:url(images/botones/es/modificar-02.png);}

    .btn_save_en{background-image:url(images/botones/en/save-01.png); background-position:top left; width:100px; height:30px; border-style:none;display:inline-block;}
    .btn_save_en:hover{background-image:url(images/botones/en/save-02.png);}
    .btn_save_es{background-image:url(images/botones/es/guardar-01.png); background-position:top left; width:100px; height:30px; border-style:none;display:inline-block;}
    .btn_save_es:hover{background-image:url(images/botones/es/guardar-02.png);}
	
	
/******************************************/
/**********Custom styles*******************/
/******************************************/

.quienes_en {background-image:url('Images/about-us.gif'); background-position: -1px top}
	.quienes_en:hover {background-image:url('Images/about-us-h.gif')}
.servicios_en {background-image:url('Images/services.gif')}
	.servicios_en:hover {background-image:url('Images/services-h.gif')}
.trabaja_en {background-image:url('Images/work-with-us.gif')}
	.trabaja_en:hover {background-image:url('Images/work-with-us-h.gif')}
.contacta_en {background-image:url('Images/contact.gif'); background-position: top right}
	.contacta_en:hover {background-image:url('Images/contact-h.gif')}
	
.breadcrumb{
	margin:0 0 10px 0;
	font-size: 0.8em;
}
.breadcrumb span {
	
}
.breadcrumb span a {color:#000; text-decoration: underline;font-weight:bold;}
.breadcrumb span a:hover {color:#0066cc;}
	
.captchaLabel
{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	width:150px; 
	display: inline-block; 
	padding-left:50px
}

.captchaImage
{
	margin-left:200px;	
}

.fileupload
{
	width:225px; 
	border:1px solid #cacaca; 
	border-top:1px solid #e9e9e9; 
	border-left:1px solid #e9e9e9; 
	background-color:#e9e9e9; 
	padding:2px; 
	color:#353535; 
	margin-top:10px
}

.tooltip 
{ 
    position:absolute;
    font-size: .8em;
    background-image:url("Images/bocadillo.gif");
    background-repeat:no-repeat;
    padding:10px;
    /*border:1px solid black;*/
    width:185px;
    height:102px;
    display:none;
}

.error{
	font-size:0.7em;
	padding:3px 0px 5px 22px;
	background:url('images/error.gif') no-repeat;
	margin:7px 0;
	vertical-align:bottom;
	color:Black;
}

.warning{
	padding:3px 0px 5px 22px;
	margin:7px 0;
	vertical-align:bottom;
	color:Red;
}

.error ul{
	display:none;
}

div.upload_es 
{
	float:left;
    position: relative;
    width: 80px;
    height: 24px;
    overflow:hidden;
    background:url(Images/btn_upload_es.png) left top no-repeat;
    clip:rect(0px, 80px, 24px, 0px );
    margin-right:2px;
    top:-1px;
}

div.upload_en 
{
	float:left;
    position: relative;
    width: 65px;
    height: 24px;
    overflow:hidden;
    background:url(Images/btn_upload_en.png) left top no-repeat;
    clip:rect(0px, 65px, 24px, 0px );
    margin-right:2px;
    top:-1px;
}   

div.upload_en input, 
div.upload_es input 
{
   position: absolute;
   left: auto;
   right: 0px;
   top: 0px;
   margin:0;
   padding:0;
   filter: Alpha(Opacity=0);
   -moz-opacity: 0;
   opacity: 0;
}

.inputfile
{
	width:162px; border:1px solid #cacaca; border-top:1px solid #e9e9e9; border-left:1px solid #e9e9e9; background-color:#e9e9e9; padding:2px; color:#353535;
}

.clsStrength_verylow,
.clsStrength_low
{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color:red;
}


.clsStrength_medium
{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color:orange;
}


.clsStrength_good,
.clsStrength_verygood
{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color:blue;
}

.clsStrength_perfect
{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color:green;
}

.info
{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color:green;	
}
