/*body
{
    width: 700px;
    margin: 100px auto 0 auto;
    font-family: Arial, Helvetica;
    font-size: small;
	background: #444;
}*/

/* ------------------------------------------------- */

#tabs{
  overflow: hidden;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}

#tabs li{
  float: left;
  margin: 0 .7em 0 0;
}


#tabs a, .navTab{
  position: relative;
  background: #ddd;
  padding: .7em .7em;
  float: left;
  text-decoration: none;
  color: #444; /* color de letra */
  -webkit-border-radius: 5px 0 0 0;
  -moz-border-radius: 5px 0 0 0;
  border-radius: 5px 0 0 0;
  -moz-box-shadow: 0 2px 2px rgba(0,0,0,.4);
  -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.4);
  box-shadow: 0 2px 2px rgba(0,0,0,.4);
}

#tabs a:focus{
  outline: 0;
}

#tabs a::after, .navTab::after{
  content:'';
  position:absolute;
  z-index: 1;
  top: 0;
  right: -.5em;  
  bottom: 0;
  width: 1em;
  background: #ddd; 
  -moz-box-shadow: 2px 2px 2px rgba(0,0,0,.4);
  -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,.4);
  box-shadow: 2px 2px 2px rgba(0,0,0,.4);
  -webkit-transform: skew(10deg);
  -moz-transform: skew(10deg);
  -ms-transform: skew(10deg);
  -o-transform: skew(10deg);
  transform: skew(10deg);
  -webkit-border-radius: 0 5px 0 0;
  -moz-border-radius: 0 5px 0 0;
  border-radius: 0 5px 0 0;  
}

#tabs #current a{
  background: #E6F1F6;
  z-index: 3;
}

#tabs #current a::after{
  background: #E6F1F6;
  z-index: 3;
}

#tabs a[name=tab1]::after{
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.3)), to(rgba(0,0,0,0.3)));
  background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.3), rgba(0,0,0,0.3));
  background-image: -moz-linear-gradient(top, rgba(0,0,0,0.3), rgba(0,0,0,0.3));
  background-image: -ms-linear-gradient(top, rgba(0,0,0,0.3), rgba(0,0,0,0.3));
  background-image: -o-linear-gradient(top, rgba(0,0,0,0.3), rgba(0,0,0,0.3));
  background-image: linear-gradient(to bottom, rgba(0,0,0,0.3), rgba(0,0,0,0.3));
}
#tabs a[name=tab3]::after{
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,255,0,0.3)), to(rgba(0,255,0,0.3)));
  background-image: -webkit-linear-gradient(top, rgba(0,255,0,0.3), rgba(0,255,0,0.3));
  background-image: -moz-linear-gradient(top, rgba(0,255,0,0.3), rgba(0,255,0,0.3));
  background-image: -ms-linear-gradient(top, rgba(0,255,0,0.3), rgba(0,255,0,0.3));
  background-image: -o-linear-gradient(top, rgba(0,255,0,0.3), rgba(0,255,0,0.3));
  background-image: linear-gradient(to bottom, rgba(0,255,0,0.3), rgba(0,255,0,0.3));
}
#tabs a[name=tab4]::after{
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,255,0.3)), to(rgba(0,0,255,0.3)));
  background-image: -webkit-linear-gradient(top, rgba(0,0,255,0.3), rgba(0,0,255,0.3));
  background-image: -moz-linear-gradient(top, rgba(0,0,255,0.3), rgba(0,0,255,0.3));
  background-image: -ms-linear-gradient(top, rgba(0,0,255,0.3), rgba(0,0,255,0.3));
  background-image: -o-linear-gradient(top, rgba(0,0,255,0.3), rgba(0,0,255,0.3));
  background-image: linear-gradient(to bottom, rgba(0,0,255,0.3), rgba(0,0,255,0.3));
}
#tabs a[name=tab5]::after{
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,0,0,0.3)), to(rgba(255,0,0,0.3)));
  background-image: -webkit-linear-gradient(top, rgba(255,0,0,0.3), rgba(255,0,0,0.3));
  background-image: -moz-linear-gradient(top, rgba(255,0,0,0.3), rgba(255,0,0,0.3));
  background-image: -ms-linear-gradient(top, rgba(255,0,0,0.3), rgba(255,0,0,0.3));
  background-image: -o-linear-gradient(top, rgba(255,0,0,0.3), rgba(255,0,0,0.3));
  background-image: linear-gradient(to bottom, rgba(255,0,0,0.3), rgba(255,0,0,0.3));
}
#tabs a[name=tab6]::after{
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,255,255,0.3)), to(rgba(0,255,255,0.3)));
  background-image: -webkit-linear-gradient(top, rgba(0,255,255,0.3), rgba(0,255,255,0.3));
  background-image: -moz-linear-gradient(top, rgba(0,255,255,0.3), rgba(0,255,255,0.3));
  background-image: -ms-linear-gradient(top, rgba(0,255,255,0.3), rgba(0,255,255,0.3));
  background-image: -o-linear-gradient(top, rgba(0,255,255,0.3), rgba(0,255,255,0.3));
  background-image: linear-gradient(to bottom, rgba(0,255,255,0.3), rgba(0,255,255,0.3));
}
#tabs a[name=tab1]{
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.3)), to(rgba(0,0,0,0.3)));
  background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.3), rgba(0,0,0,0.3));
  background-image: -moz-linear-gradient(top, rgba(0,0,0,0.3), rgba(0,0,0,0.3));
  background-image: -ms-linear-gradient(top, rgba(0,0,0,0.3), rgba(0,0,0,0.3));
  background-image: -o-linear-gradient(top, rgba(0,0,0,0.3), rgba(0,0,0,0.3));
  background-image: linear-gradient(to bottom, rgba(0,0,0,0.3), rgba(0,0,0,0.3));
}
#tabs a[name=tab3]{
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,255,0,0.3)), to(rgba(0,255,0,0.3)));
  background-image: -webkit-linear-gradient(top, rgba(0,255,0,0.3), rgba(0,255,0,0.3));
  background-image: -moz-linear-gradient(top, rgba(0,255,0,0.3), rgba(0,255,0,0.3));
  background-image: -ms-linear-gradient(top, rgba(0,255,0,0.3), rgba(0,255,0,0.3));
  background-image: -o-linear-gradient(top, rgba(0,255,0,0.3), rgba(0,255,0,0.3));
  background-image: linear-gradient(to bottom, rgba(0,255,0,0.3), rgba(0,255,0,0.3));
}
#tabs a[name=tab4]{
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,255,0.3)), to(rgba(0,0,255,0.3)));
  background-image: -webkit-linear-gradient(top, rgba(0,0,255,0.3), rgba(0,0,255,0.3));
  background-image: -moz-linear-gradient(top, rgba(0,0,255,0.3), rgba(0,0,255,0.3));
  background-image: -ms-linear-gradient(top, rgba(0,0,255,0.3), rgba(0,0,255,0.3));
  background-image: -o-linear-gradient(top, rgba(0,0,255,0.3), rgba(0,0,255,0.3));
  background-image: linear-gradient(to bottom, rgba(0,0,255,0.3), rgba(0,0,255,0.3));
}
#tabs a[name=tab5]{
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,0,0,0.3)), to(rgba(255,0,0,0.3)));
  background-image: -webkit-linear-gradient(top, rgba(255,0,0,0.3), rgba(255,0,0,0.3));
  background-image: -moz-linear-gradient(top, rgba(255,0,0,0.3), rgba(255,0,0,0.3));
  background-image: -ms-linear-gradient(top, rgba(255,0,0,0.3), rgba(255,0,0,0.3));
  background-image: -o-linear-gradient(top, rgba(255,0,0,0.3), rgba(255,0,0,0.3));
  background-image: linear-gradient(to bottom, rgba(255,0,0,0.3), rgba(255,0,0,0.3));
}
#tabs a[name=tab6]{
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,255,255,0.3)), to(rgba(0,255,255,0.3)));
  background-image: -webkit-linear-gradient(top, rgba(0,255,255,0.3), rgba(0,255,255,0.3));
  background-image: -moz-linear-gradient(top, rgba(0,255,255,0.3), rgba(0,255,255,0.3));
  background-image: -ms-linear-gradient(top, rgba(0,255,255,0.3), rgba(0,255,255,0.3));
  background-image: -o-linear-gradient(top, rgba(0,255,255,0.3), rgba(0,255,255,0.3));
  background-image: linear-gradient(to bottom, rgba(0,255,255,0.3), rgba(0,255,255,0.3));
}
/* ------------------------------------------------- */

#content, .content
{
	/*overflow:auto;*/
	vertical-align:top;
	
    background: #E6F1F6;
    padding: 2em;
	position: relative;
	z-index: 2;/* En realidad es 2 pero no encuentro donde sacarle el color de borde inferior a la oreja. */	
    -moz-border-radius: 0 5px 5px 5px;
    -webkit-border-radius: 0 5px 5px 5px;
    border-radius: 0 5px 5px 5px;
    -moz-box-shadow: 0 -2px 3px -2px rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0 -2px 3px -2px rgba(0, 0, 0, .5);
    box-shadow: 0 -2px 3px -2px rgba(0, 0, 0, .5);
}

.columna1 label{
	font-weight:normal;
}

#content h3, #content p
{
    margin: 0 0 15px 0;
}

#content h2
{
	font-size: 1.5em;
	margin: 0;
}

#content h1
{
	font-size: 1.2em;
	margin: 0 0 10px 0;
	letter-spacing: -0.05em;
	color: #084887;
	line-height: 1;
	text-transform:none;
}

#content label{ font-weight:normal; }

#content hr
{
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #084887;
	margin: 2px 0 1.5em 5px;
	padding: 0;
}

#content table{	width:100%; }

.columna1{ text-align:right; padding-right:20px; }

#content input{ width:400px; }

#content .btForm
{
	width:100px;
	padding:4px;
}

/* ------------------------------------------------- */

#about
{
    color: #999;
}

#about a
{
    color: #eee;
}

/* ------------------------------------------------- */

#ventana_login, #ventana_registro, #ventana_contrasenia
{
	background: #E6F1F6;
	width: 450px;
	text-align: right;
	margin-left: 100px;
	padding: 20px 0px;
	
	-moz-border-radius: 0 5px 5px 5px;
	-webkit-border-radius: 0 5px 5px 5px;
	border-radius: 0 5px 5px 5px;
	-moz-box-shadow: 0 -2px 3px -2px rgba(0, 0, 0, .5);
	-webkit-box-shadow: 0 -2px 3px -2px rgba(0, 0, 0, .5);
	box-shadow: 0 -2px 3px -2px rgba(0, 0, 0, .5);
}

#ventana_login .columna1, #ventana_registro .columna1, #ventana_contrasenia .columna1
{
	text-align:right;
	padding:0px 15px;
}

#ventana_login input, #ventana_registro input, #ventana_contrasenia input
{
	margin-bottom: 15px;
	width: 250px;
}

#ventana_login #btLogIn
{
	width: 80px;
	padding: 4px;
	margin-top: 21px;
}

#ventana_registro #btRegistro
{
	width:	130px;
	padding: 4px;
}

#ventana_email
{
	background: #E6F1F6;
	padding:10px 15px;
	
	-moz-border-radius: 0 5px 5px 5px;
	-webkit-border-radius: 0 5px 5px 5px;
	border-radius: 0 5px 5px 5px;
	-moz-box-shadow: 0 -2px 3px -2px rgba(0, 0, 0, .5);
	-webkit-box-shadow: 0 -2px 3px -2px rgba(0, 0, 0, .5);
	box-shadow: 0 -2px 3px -2px rgba(0, 0, 0, .5);
}

#ventana_email #btNotificar
{
	padding: 4px;
	width: 110px;
}

#divMensaje{
	background-color:#FFFFFF;
	z-index:999999;
	position:relative;
	padding:50%;
	margin-top: -30%;
	margin-left: -30%;
	width: 600px;
}

.alert{
	margin-bottom: 5px;
	padding: 8px 14px;	
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	border: 1px solid #fbeed5;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.alert-info{
	color: #3a87ad;
	background-color: #d9edf7;
	border-color: #bce8f1;
	width: 600px;
	padding-bottom: 60px;
	padding-top: 20px;
	margin-bottom: -50px;
}

#cerrarPostulacion{
	/*
	position: relative;
	top: 5px;
	line-height: 20px;
	
	float: right;
	font-size: 20px;
	font-weight: bold;	
	color: #000000;
	text-shadow: 0 1px 0 #ffffff;
	opacity: 0.2;
	filter: alpha(opacity=20);
	*/
	margin-left: 240px;
}
/*
button#cerrarPostulacion{
	padding: 0;
	cursor: pointer;
	background: transparent;
	border: 0;
	-webkit-appearance: none;
}

#cerrarPostulacion:hover, #cerrarPostulacion:focus {
	color: #000000;
	text-decoration: none;
	cursor: pointer;
	opacity: 0.4;
	filter: alpha(opacity=40);
}
*/
.subTabSel:hover{
	color: #FFF;
}

.subTabSel{
	position: relative;
	background: #09F;
	padding: .7em .7em;
	float: left;
	text-decoration: none;
	color: #444; /* color de letra */
	-webkit-border-radius: 5px 0 0 0;
	-moz-border-radius: 5px 0 0 0;
	border-radius: 5px 0 0 0;
	-moz-box-shadow: 0 2px 2px rgba(0,0,0,.4);
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,.4);
	box-shadow: 0 2px 2px rgba(0,0,0,.4);
	margin-right:10px;	
	z-index:2;
}

.subTabSel::after{
  content:'';
  position:absolute;
  z-index: 2;
  top: 0;
  right: -.5em;  
  bottom: 0;
  width: 1em;
  background: #09F; 
  -moz-box-shadow: 2px 2px 2px rgba(0,0,0,.4);
  -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,.4);
  box-shadow: 2px 2px 2px rgba(0,0,0,.4);
  -webkit-transform: skew(10deg);
  -moz-transform: skew(10deg);
  -ms-transform: skew(10deg);
  -o-transform: skew(10deg);
  transform: skew(10deg);
  -webkit-border-radius: 0 5px 0 0;
  -moz-border-radius: 0 5px 0 0;
  border-radius: 0 5px 0 0;  
}