body
{
    color: black;
    font-family: arial;
    font-size: 12px;
    background-color: #333333;
}
select
{
    color: black;
    font-family: arial;
    font-size: 12px;
    background-color: lightgray;
}
.titulo
{
    font-weight: bold;
    color: black;
    font-family: arial;
    font-size: 14px;
}

.letraNormal
{
    text-align: justify;
    color: black;
    font-family: arial;
    font-size: 12px;
}

.siguenos
{
    color: black;
    font-family: arial;
    font-size: 14px;
}

.letraBanner
{
    color: white;
    font-family: arial;
    font-size: 12px;
}

.letrasChiquitas
{
    color: #666666;
    font-family: arial;
    font-size: 9px;
}

#divImagen
{
    float:left;
    position:relative;
	width:570px;
}
#divImagen .divTexto 
{
    position:absolute;
    bottom: 100px;
    left:20px;
}
#divImagen .divLateral 
{
    position:absolute;
    bottom: 10px;
    left: 80px;
}

.tablaBottom
{
    font-size: 11px;
    font-family: Arial;
}

a{
font-size: 11px;
color: #FFFFFF;
}
a:hover{
font-size: 11px;
color: #E15400;
} 
a:active{
font-size: 11px;
color: #2576A4;
} 
a:visited{
font-size: 11px;
color: #CC0000;
}

.textoBannerTitulo
{
    border-radius: 1em; 
    -moz-border-radius: 1em; 
    -webkit-border-radius: 1em; 
    background-color: #000000; 
    opacity: 0.80; -moz-opacity: 0.80; /* para viejos navegadores Gecko-based */ 
    filter:alpha(opacity=80); /* para IE6&7 */
    font-family: Arial;
    font-size: 20px;
    color: #FFFFFF;
    border-width:0;
    width: 240px;
}

.textoBannerDescripcion
{
    border-radius: 1em; 
    -moz-border-radius: 1em; 
    -webkit-border-radius: 1em; 
    background-color: #000000; 
    opacity: 0.80; -moz-opacity: 0.80; /* para viejos navegadores Gecko-based */ 
    filter:alpha(opacity=80); /* para IE6&7 */
    font-family: Arial;
    font-size: 12px;
    color: #FFFFFF;
    border-width:0;
    width: 430px;
}

.imagenesPequenas
{
    border-radius: 1em; 
    -moz-border-radius: 1em; 
    -webkit-border-radius: 1em; 
    background-color: #000000; 
    opacity: 0.80; -moz-opacity: 0.80; /* para viejos navegadores Gecko-based */ 
    filter:alpha(opacity=80); /* para IE6&7 */
    font-family: Arial;
    font-size: 20px;
    color: #FFFFFF;
    border-width:0;
    width: 200px;
}

.tablaServiciosResumen {
    color:#FFFFFF; 
    text-decoration:none; 
    font-size:12px;
    font-weight: bold; 

}

.tablaEncabezado
{
    color:#FFFFFF; 
    text-decoration:none; 
    font-size:20px;
    font-weight: bold;
}

.tablaServicios
{
    background-color: #EFF0F1;
    color:#2C3439; 
    text-decoration:none; 
    font-size:12px;
    font-weight: lighter;
    border-radius: 1em; 
    -moz-border-radius: 1em; 
    -webkit-border-radius: 1em;
    border-bottom-color: #333333;
    border-bottom-style: ridge;
    border-bottom-width: 1px;
    border-top-color: #333333;
    border-top-style: ridge;
    border-top-width: 1px;
    border-left-color: #333333;
    border-left-style: ridge;
    border-left-width: 1px;
    border-right-color: #333333;
    border-right-style: ridge;
    border-right-width: 1px;
}

.contactoCandidato
{
    background-color: #FFFFFF;
    color:#2C3439; 
    text-decoration:none; 
    font-size:15px;
    font-weight: lighter;
    border-radius: 1em; 
    -moz-border-radius: 1em; 
    -webkit-border-radius: 1em;
    border-bottom-color: #F3723A;
    border-bottom-style: dashed;
    border-bottom-width: 1px;
    border-top-color: #F3723A;
    border-top-style: dashed;
    border-top-width: 1px;
    border-left-color: #F3723A;
    border-left-style: dashed;
    border-left-width: 1px;
    border-right-color: #F3723A;
    border-right-style: dashed;
    border-right-width: 1px;
    cursor: pointer; 
}

.avisoPrivacidad
{
    background-color: #FFFFFF;
    color:#2C3439; 
    text-decoration:none; 
	text-align: justify;
    font-size:12px;
    font-weight: lighter;
    border-radius: .5em; 
    -moz-border-radius: .5em; 
    -webkit-border-radius: .5em;
    border-bottom-color: #F3723A;
    border-bottom-style: outset;
    border-bottom-width: 2px;
    border-top-color: #F3723A;
    border-top-style: outset;
    border-top-width: 2px;
    border-left-color: #F3723A;
    border-left-style: outset;
    border-left-width: 2px;
    border-right-color: #F3723A;
    border-right-style: outset;
    border-right-width: 2px;
}

.contactoEmpresa
{
    background-color: #FFFFFF;
    color:#2C3439; 
    text-decoration:none; 
    font-size:15px;
    font-weight: lighter;
    border-radius: 1em; 
    -moz-border-radius: 1em; 
    -webkit-border-radius: 1em;
    border-bottom-color: #2576A4;
    border-bottom-style: dashed;
    border-bottom-width: 1px;
    border-top-color: #2576A4;
    border-top-style: dashed;
    border-top-width: 1px;
    border-left-color: #2576A4;
    border-left-style: dashed;
    border-left-width: 1px;
    border-right-color: #2576A4;
    border-right-style: dashed;
    border-right-width: 1px;
    cursor: pointer; 
}
.preload1 {background: url(img/blank_over.gif);}
.preload2 {background: url(img/blank_overa.gif);}

#nav {padding:0; margin:0; list-style:none; height:36px; background:#fff; position:relative; z-index:500; font-family:arial; width:100%}
#nav li.top {display:block; float:left;}
#nav li a.top_link {display:block; float:left; height:36px; line-height:27px; color:#ccc; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;background: url(img/blank.gif);}
#nav li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:36px;background:url(img/blank.gif) right top;}
#nav li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:36px; background:url(img/blanka.gif) no-repeat right top;}
#nav li a.top_link:hover {color:#fff; background: url(img/blank_over.gif) no-repeat;}
#nav li a.top_link:hover span {background:url(img/blank_over.gif) no-repeat right top;}
#nav li a.top_link:hover span.down {background:url(img/blank_overa.gif) no-repeat right top;}

#nav li:hover > a.top_link {color:#fff; background: url(img/blank_over.gif) no-repeat;}
#nav li:hover > a.top_link span {background:url(img/blank_over.gif) no-repeat right top;}
#nav li:hover > a.top_link span.down {background:url(img/blank_overa.gif) no-repeat right top;}

#nav li:hover {position:relative; z-index:200;}

#nav ul,
#nav li:hover ul ul,
#nav li:hover ul li:hover ul ul,
#nav li:hover ul li:hover ul li:hover ul ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover ul.sub
{left:0; top:31px; background: #fff; padding:4px; border:1px solid #1F497D; white-space:nowrap; width:105px; height:auto; z-index:300;}
#nav li:hover ul.sub li
{display:block; height:20px; position:relative; float:left; width:90px; font-weight:normal;}
#nav li:hover ul.sub li a
{display:block; font-size:11px; height:20px; width:90px; line-height:20px; text-indent:5px; color:#000; text-decoration:none;}
#nav li ul.sub li a.fly
{background:#fff url(img/arrow.gif) 85px 7px no-repeat;}
#nav li:hover ul.sub li a:hover
{background:#1F497D; color:#fff;}
#nav li:hover ul.sub li a.fly:hover
{background:#1F497D url(img/arrow_over.gif) 85px 7px no-repeat; color:#fff;}

#nav li:hover ul li:hover > a.fly {background:#1F497D url(img/arrow_over.gif) 90px 7px no-repeat; color:#fff;}

#nav li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul
{left:90px; top:-4px; background: #fff; padding:3px; border:1px solid #1F497D; white-space:nowrap; width:105px; z-index:400; height:auto;}

.centrarPagina
{
    position: absolute;
    left: 4%;
    right: 4%;
    width: 92%;
}

button
{
    color:#404A5D;
    font-family: arial;
    font-size:12px;
    font-weight:bold;
    padding:3px 10px;
}

input
{
    font-family: arial;
    font-size:12px;
    color:#000000;
    padding:3px 10px;
}

.tabla
{
    border:1px solid #D2D6DF;
    padding:20px 0;
    text-align:center;
}

.scrollTabla
{
    background: transparent;
    overflow:auto;
    padding-right: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    border: none;
    position: relative;
    /*height:100%;*/
    left: 0%;
    right: 0%;
    width: 100%;
}

.scrollTablaIndex
{
    position: relative;
    background: transparent;
    overflow:auto;
    padding: 0;
    border: none;
    height:250px;
}

table.footcollapse
    {
    left: 5%;
    right: 5%;
    width: 90%;
    }
table.footcollapse caption
    {
    font-size:120%;
    text-transform:uppercase;
    text-align:left;
    padding:.5em 1em;
    }
table.footcollapse th
    {
    text-align:left;
    }
table.footcollapse,table.footcollapse th,table.footcollapse th
    {
    border:none;
    border-collapse:collapse;
    }
table.footcollapse thead th
    {
    width:10em;
    border-style:solid;
    border-width:1px;
    border-color:#cff #69c #69c #cff;
    background:#99CC00;
    padding:2px 10px;
    }
table.footcollapse tfoot th,
table.footcollapse tfoot td
    {
    border-style:solid;
    border-width:1px;
    border-color:#9cf #369 #369 #9cf;
    background:#FFFFFF;
    padding:2px 10px;
    }
table.footcollapse tbody
    {
    background:#ddd;
    }
table.footcollapse tbody td
    {
    padding:5px 10px;
    border:1px solid #999;
    }
table.footcollapse tbody th
    {
    padding:2px 10px;
    border:1px solid #999;
    border-left:none;
    }
table.footcollapse tbody tr.odd
    {
    background: #BFDFFF;
    }

table.footcollapse tfoot td img
    {
    border:none;
    vertical-align:bottom;
    padding-left:10px;
    float:right;
    }

table.oculto
    {
    display: none;
    }

visible
    {
    display: inline;
    } 

a.central{
font-size: 10px;
color: #FF6600;
}
a.central:hover{
font-size: 10px;
color: #0F608F;
} 
a.central:active{
font-size: 10px;
color: #0F608F;
} 
a.central:visited{
font-size: 10px;
color: #FF0000;
}

a.aviso{
font-size: 10px;
color: #FFFFFF;
}
a.aviso:hover{
font-size: 10px;
color: #222222;
} 
a.aviso:active{
font-size: 10.1px;
color: #AAAAAA;
} 
a.aviso:visited{
font-size: 10px;
color: #FFFFFF;
}

.sombraredondeada{
   background-color: #0F608F;
   color: #fff;
   padding: 15px;
   -moz-border-radius: 7px;
   -webkit-border-radius: 7px;
   
   box-shadow: 7px -10px 5px #093E5E;
   -webkit-box-shadow: 7px -10px 5px #093E5E;
   -moz-box-shadow: 7px -10px 5px #093E5E;
}

.sombraredondeadaVacantes{
   background-color: #CCCCCC;
   padding: 15px;
   -moz-border-radius: 7px;
   -webkit-border-radius: 7px;
   
   box-shadow: 7px -10px 5px #333333;
   -webkit-box-shadow: 7px -10px 5px #333333;
   -moz-box-shadow: 7px -10px 5px #333333;

   width: 85%;
}

.scrollTabla
{
    background: transparent;
    overflow:auto;
    padding-right: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    border: none;
    position: relative;
    height:300px;
    left: 0%;
    right: 0%;
    width: 100%;
}

.scrollTablaY
{
    background: transparent;
    overflow:auto;
    padding-right: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    border: none;
    position: relative;
    height:300px;
    left: 0%;
    right: 0%;
}


/*-------LOGIN STARTS HERE -------*/

/* Login Container (default to float:right) */
#loginContainer {
    top: 0px;
    right: 0px;
    float: right;
    line-height: 15px;
    position:absolute;
    font-size:12px;
}

/* Login Button */
#loginButton { 
    display:inline-block;
    float:right;
    background:#0F608F url(img/buttonbg.png) repeat-x; 
    border:1px solid #899caa; 
    position:relative;
    z-index:30;
    cursor:pointer;
}

/* Login Button Text */
#loginButton span {
    color:#CCC; 
    text-decoration:none; font-size:11px; font-weight:bold;
    padding:6px 35px 8px 8px;
    background:url(img/loginArrow.png) no-repeat 95px 5px;
    display:block
}

#loginButton:hover {
    background:url(img/buttonbgHover.png) repeat-x;
}

/* Login Box */
#loginBox {
    position:absolute;
    top:30px;
    right:0px;
    display: none;
    z-index:29;
}

/* If the Login Button has been clicked */    
#loginButton.active {
    border-radius:3px 3px 0 0;
}

#loginButton.active span {
    background-position:95px -78px;
}

/* A Line added to overlap the border */
#loginButton.active em {
    position:absolute;
    width:100%;
    height:1px;
    background:#0F608F;
    bottom:-1px;
}

/* Login Form */
#loginForm {
    width:140px; 
    border:1px solid #899caa;
    border-radius:3px 0 3px 3px;
    -moz-border-radius:3px 0 3px 3px;
    margin-top:-1px;
    background:#0F608F;
    padding:6px;
}

#loginForm fieldset {
    margin:0 0 9px 0;
    display:block;
    border:0;
    padding:0;
}

fieldset#body {
    background:#fff;
    border-radius:3px;
    -moz-border-radius:3px;
    padding:10px 13px;
    margin:0;
}

#loginForm #body fieldset label {
    display:block;
    float:none;
    margin:0 0 4px 0;
    float: left;
}

/* Default Input */
#loginForm input {
    width:97%;
    border:1px solid #899caa;
    border-radius:3px;
    -moz-border-radius:3px;
    color:#000000;
    font-weight: normal;
    padding:3px 3px;
    box-shadow:inset 0px 1px 3px #bbb;
    -webkit-box-shadow:inset 0px 1px 3px #bbb;
    -moz-box-shadow:inset 0px 1px 3px #bbb;
    font-size:12px;
}

/* Sign In Button */
#loginForm #login {
    width:auto;
    float:right;
    background:#339cdf url(img/loginbuttonbg.png) repeat-x;
    color:#fff;
    padding:7px 10px 8px 10px;
    border:1px solid #339cdf;
    box-shadow:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    margin:0 12px 0 0;
    cursor:pointer;
    padding:7px 2px 8px 2px; /* IE7 Fix */
}

/* Forgot your password */
#loginForm span {
    text-align:center;
    display:block;
    padding:5px 0 4px 0;
}

#loginForm span a {
    color:#FFFFFF;
    font-size:12px;
}

input:focus {
    outline:none;
}


/*   MENU   */

#cssmenu{
	border:none;
	border:0px;
	margin:0px;
	padding:0px;
	font-family:arial,verdana,geneva,helvetica,sans-serif;
	font-size:14px;
	font-weight:bold;
	color: #8e8e8e;
	}
#cssmenu ul{
	background:url(img/menu-bg.gif) top left repeat-x;
	height:43px;
	list-style:none;
	margin:0;
	padding:0;
	}
	#cssmenu li{
		float:left;
		padding:0px 8px 0px 8px;
		}
	#cssmenu li a{
		color:#666666;
		display:block;
		font-weight:bold;
		line-height:43px;
		padding:0px 10px;
		text-align:center;
		text-decoration:none;
		}
		#cssmenu li a:hover{
			color:#000000;
			text-decoration:none;
			}
	#cssmenu li ul{
		background:#e0e0e0;
		border-left:2px solid #0F608F;
		border-right:2px solid #0F608F;
		border-bottom:2px solid #0F608F;
		display:none;
		height:auto;
		filter:alpha(opacity=90);
		opacity:0.90;
		position:absolute;
		width:200px;
		z-index:200;
		/*top:1em;
		/*left:0;*/
		}
	#cssmenu li:hover ul{
		display:block;
		}
	#cssmenu li li {
		display:block;
		float:none;
		padding:0px;
		width:200px;
		}
	#cssmenu li ul a{
		display:block;
		font-size:12px;
		font-style:normal;
		padding:0px 10px 0px 15px;
		text-align:left;
		}
		#cssmenu li ul a:hover{
			background:#949494;
			color:#000000;
			opacity:1.0;
			filter:alpha(opacity=100);
			}
	#cssmenu p{
		clear:left;
		}	
	#cssmenu .active > a{
		background:url(img/current-bg.gif) top left repeat-x;
		color:#ffffff;
		}
	#cssmenu .active > a:hover {
		color:#ffffff;
		}