@import url(https://fonts.googleapis.com/css?family=Cinzel);
@import url(https://fonts.googleapis.com/css?family=Raleway);

a:link {text-decoration:none;}
a:visited {text-decoration:none;}

a:focus {width:0px; height:0px; outline:0px;} /* Importante !!  ( para sacar las lineas punteadas de los botones con link)*/

a img {border: none; border:0;}
img {border: none; border:0;}


/* ***********************************************************/


/* Estructura */

#header	 { width:100%; margin:0 auto; height:100px;}


#pagewrap {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -200px; /* the bottom margin is the negative value of the footer's height */
}


html, body {
	height: 100%;
}

body { margin:0;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: .85em;
	/*background-color: #e2e2e2;*/
	background-color:#C9C8C0;
	line-height: 1.5;	
}

body { 
	/* background:url(includes/images/fondo.jpg) no-repeat top center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover; */
}



#main	{ width:100%; height:auto; margin:0 auto; }


/*#stripe	{ color:#B2B2B2; position:absolute; z-index:-99; width:100%; height:20px; margin-top:0px; border-top:1px solid #F90;}*/


	#contenedor {
	font-family: 'Raleway', sans-serif;
	margin:0 auto;
	padding-left:0px;
	padding-right:0px;
	padding-top:20px;
	padding-bottom:10px !important;
	overflow:hidden;
	position:relative;
	width:900px;
	height:auto;	
	}
	

	
/* *********************HEADER************************************/

/*#logLeft	{background:url(../images/bg_logLeft.png) no-repeat; width:16px; height:26px;}
#logMiddle	{background:url(../images/bg_logMiddle.png) repeat-x; width:auto; height:26px; color:black; vertical-align:super; letter-spacing:1px;}
#logRight	{background:url(../images/bg_logRight.png) no-repeat; width:16px; height:26px;}*/

.showlog td { font-size:14px; font-family: 'Raleway', sans-serif; color:#FFFFFF;}

#slogan		{ position:absolute; margin-left:235px; margin-top:25px; width:auto; height:50px;}
#slogan h1	{ font-family:'meta-boldregular'; font-size:18px; /*color:#B6B089;*/ color:#7ABBDE; text-align:center;}



#banner		{ background:transparent url(../images/fondoBanner.png) no-repeat; width:400px; height:100px; float:right; position:relative; margin-right:0px;}



/* *********************FOOTER************************************/
#footer {
	font-family: 'Raleway', sans-serif; color:#FFFFFF;
	background: #1b1c30;
	clear: both;
	width: 100%;
	border-top: 5px solid #e70070;
	height: 200px; /* .push must be the same height as .footer */
	margin-bottom:0;
	
	/* IE min-height workaround */

  			height:auto !important;
  			height:200px;
			position:relative;
			bottom:0;
			

}

#pushFoot {
	height: 201px; clear:both; /* .push must be the same height as .footer */
}


#footer-inside {
	overflow: hidden;
	height: 200px;
	width: 900px;
	margin: 0 auto;
	padding: 0px 50px;
	font-family: 'Raleway', sans-serif;
	padding-left:30px;
}

#menuFooter { width:600px; height:50px; float:left; margin-top:15px;}	
#menuFooter p { font-family: 'Raleway', sans-serif; color:#FFFFFF;}

ul#navFooter {
	position: relative;
	top: 0px;
	left: 0px;
	font-family: 'Raleway', sans-serif;
}

ul#navFooter li {
	color: #F2F2F2;
	text-align: center;
	display: block;
	width: auto;
	height: 20px;
	float: left;
	margin-left:5px;
	margin-right:7px;
}
ul#navFooter li a{
	color:#F2F2F2;
	font-size: 14px;
	
	padding-top: 0px;
}
ul#navFooter li a:hover{
	
	color: #F3AD1B;
	
}

#dataFiscal	{ background:url(../images/DATAWEB.jpg) no-repeat; width:58px; height:80px;}

#logoBW		{ background:transparent url(../images/logotipoBW.png) no-repeat; width:141px; height:72px; float:right;}

/* #logoVisoft	{ background:transparent url(../images/logo_login.png) no-repeat; width:120px; height:41px; float:right; margin-right:20px;} */

.form-block  { font-family: 'Raleway', sans-serif; font-size:14px;}

.btnEnviar		{display:block; background:transparent url(../images/enviar.png) no-repeat; width:56px; height:34px; border:0; cursor:pointer;}

/* *********************   TITULOS    **    **********************************/

/*#cabecera td {font-family: 'Source Sans Pro', sans-serif; color:#000000; font-size:16px;}*/
#cabecera td { font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif, color:#000000; font-size:14px;}






#tituloMiCv	{}

p#titColegio { padding:5px 10px;
	letter-spacing:1px;
	text-shadow:1px 1px 1px #000;
	color:#FFFFFF;
	text-align:center;}

#titLoginCliente {
	padding:5px 10px;
	letter-spacing:1px;
	text-shadow:1px 1px 1px #000;
	color:#FFFFFF;
	text-align:center;}

	

/*--------------------------BOTONES--------------------------------------------------------*/	
.button {	
    border: 1px solid rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 0.05em rgba(0, 0, 0, 0.4);
    color: #000000;
    display: inline-block;
    font: 1.2em 'Trebuchet MS',Arial,Helvetica;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
	cursor:pointer;
	background:#9BD889;
	padding:5px;
}
.buttonGreen { 
    background: -moz-linear-gradient(-90deg, #81A8CB, #4477A1) repeat scroll 0 0 transparent;
}
/*.button-blue:hover {
    background: -moz-linear-gradient(-90deg, #4477A1, #81A8CB) repeat scroll 0 0 transparent;
}*/
.buttonGreen:hover {
    background: none repeat scroll 0 0 #8EC192;
}




.botIngreso	{ display:block; background:transparent url(../images/botIngresar.png) no-repeat; width:64px; height:30px; border:0; cursor:pointer;}
.btnCrearCuenta {display:block; background:transparent url(../images/btnCrearCuenta.png) no-repeat; width:106px; height:30px; border:0; cursor:pointer;}
.btnActivarCuenta		{display:block; background:transparent url(../images/btnActivarCuenta.png) no-repeat; width:108px; height:30px; border:0; cursor:pointer;}
.btnModificar {display:block; background:transparent url(../images/btnModificar.png) no-repeat; width:68px; height:30px; border:0; cursor:pointer;}

#btnVistaPrevia		{display:block; background:transparent url(../images/btnPublicar.png) no-repeat; width:74px; height:30px; border:0; cursor:pointer;}

 .activo{
         background:#c9c8c0;
         border:solid 2px orange;
         width:500px;
         height:200px;
		 cursor:pointer;
      }
      .inactivo{
         background:orange;
         border:solid 2px #c9c8c0;
         width:500px;
         height:200px;
      }
.btnBuscar				{display:block; background:transparent url(../images/btnBuscar.png) no-repeat; width:67px; height:30px; border:0; cursor:pointer;}  
.btnGuardarDatos 		{display:block; background:transparent url(../images/btnGuardarDatos.png) no-repeat; width:104px; height:30px; border:0; cursor:pointer;}
.btModificarPassPerfil {display:block; background:transparent url(../images/btModificarPassPerfil.png) no-repeat; width:66px; height:25px; border:0; cursor:pointer;}

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


#logoHeader  { background: transparent url(../images/logoHeader.png) no-repeat; width:205px; height:136px; margin-top:0px; position:absolute; z-index:99; margin-left:0px;}


/*#fdoIndex{
	margin:0 auto;
    -moz-box-shadow:0px 0px 3px #aaa;
    -webkit-box-shadow:0px 0px 3px #aaa;
    box-shadow:0px 0px 3px #aaa;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
    border:2px solid #fff;
    background-color:#f9f9f9;
    width:880px;
    overflow:hidden;
	margin-top:30px;
	clear:both;
	}*/
	
	#fdoIndex{
	margin:0 auto;
    width:900px;
    overflow:hidden;
	margin-top:0px;
	clear:both;
	}
	
	
#steps{
    width:880px;
	/*height:320px;*/
    overflow:hidden;
}


#fdoTop	{ background:url(../images/fdo_top.jpg) no-repeat; margin:0 auto; width:900px; height:16px; position:relative;}
#fdoMiddle	{ background:url(../images/fdo_middle.jpg) repeat-y; margin:0 auto; width:900px; min-height:300px; }
#fdoBottom	{ background:url(../images/fdo_bottom.jpg) no-repeat; margin:0 auto; width:900px; height:16px;}



#acceso { width:100%; margin:0 auto; height:400px;}
#push  	{ clear:both; width:900px; height:30px;}



#buscador { width:654px; height:70px; background:transparent url(../images/buscador.png) no-repeat left bottom; margin:0 auto; letter-spacing:1px; color:#383838; font-family:'Segoeui',Sans-Serif; font-size:18px; font-weight:bold;}


#CC a {font-family: Tahoma, Geneva, sans-serif; font-size:13px; letter-spacing:1px; color:#555; margin-top:0px; padding-left:10px;}
#CC a:hover  { /*color:#09F;*/ color:#000000;}


/*#candidatos	{
-webkit-border-radius: 10px; 
-moz-border-radius: 10px; 
 border-radius: 10px;
 background:url(../images/fondoCandidatos.jpg) repeat;
 /*background:#49bbe0;*/
 width:300px;
 height:450px;
 float: left;
 margin-left:50px;
 -moz-box-shadow:    0px 0px 5px 2px #BEBEBE;
 -webkit-box-shadow: 0px 0px 5px 2px #BEBEBE;
 box-shadow:         0px 0px 5px 2px #BEBEBE;
 }*/

.menuC		{ width:300px; padding:0px;}
.menuC ul	{ width:300px; }
.menuC li	{text-align: left; display: block; background-color:#F4F4F4; margin-top:5px; padding-left:5px; height:35px;} 
#c1 a, #c2 a, #c3 a, #c4 a, #c5 a, #c6 a {font-family: Tahoma, Geneva, sans-serif; font-size:13px; letter-spacing:1px; color:#555; margin-top:0px; padding-left:10px;}
#c1 a:hover, #c2 a:hover, #c3 a:hover, #c4 a:hover, #c5 a:hover, #c6 a:hover { /*color:#09F;*/ color:#000000;}

.menuC li img	{ vertical-align:middle;}

.fdoMenu1		{background:transparent url(../images/fdoMenu1.png) no-repeat; width:9px; height:50px; }
.fdoMenu2		{background:transparent url(../images/fdoMenu2.png) repeat-x; width:49px; height:50px; }
.fdoMenu3		{background:transparent url(../images/fdoMenu2.png) repeat-x; width:auto; height:50px; }
.fdoMenu4		{background:transparent url(../images/fdoMenu3.png) no-repeat; width:9px; height:50px; }

 
h1 	{font-family:'Segoeui',Sans-Serif; font-size:20px; margin:0 auto; color:#FFF; margin-top:8px; letter-spacing:1px;
	/* background: black;
    filter:alpha(opacity=70);
    -moz-opacity:0.70;
    -khtml-opacity: 0.70;
    opacity: 0.70;*/
    }
 
 
 
#empresas	{
-webkit-border-radius: 10px; 
-moz-border-radius: 10px; 
 border-radius: 10px;
 background: url(../images/fondoEmpresas.jpg) repeat;
 width:300px;
 height:450px;
 float: right;
 margin-right:50px;
 
  -moz-box-shadow:    0px 0px 5px 2px #BEBEBE;
  -webkit-box-shadow: 0px 0px 5px 2px #BEBEBE;
  box-shadow:         0px 0px 5px 2px #BEBEBE;
  }
  
 
#CCE a {font-family: Tahoma, Geneva, sans-serif; font-size:13px; letter-spacing:1px; color:#555; margin-top:0px; padding-left:10px;}
#CCE a:hover  {/* color:#F90*/; color:#00000;}

  
.menuE		{ width:300px; padding:0;}
.menuE ul	{ width:300px; }
.menuE li	{text-align: left; display: block; background-color:#F4F4F4; margin-top:5px; padding-left:5px; height:35px;} 
#e1 a, #e2 a, #e3 a, #e4 a, #e5 a, #e6 a {font-family: Tahoma, Geneva, sans-serif; font-size:13px; letter-spacing:1px; color:#555; margin-top:0px; padding-left:5px;}
#e1 a:hover, #e2 a:hover, #e3 a:hover, #e4 a:hover, #e5 a:hover, #e6 a:hover { /*color:#F90;*/ color:#000000;}
.menuE li img	{ vertical-align:middle;}  

#ofertas	{ padding:5px; width:880px; height:auto; margin:0 auto; border:1px solid #EBEBEB; margin-bottom:20px;}
#ofertas p 	{ font-size:16px; color:#C00; font-weight:bold;}


#aviso1  	{ float:left; width:280px; height:115px; background:#EFEFEF; margin-left:5px; margin-bottom:5px; }

#aviso1 a		{ color:#36F;}
#aviso1 a:hover { color:#333;}



/* **********************EMPRESAS FAVORITAS*************************************/

#empresaFav			{border:1px solid #E2E2E2; width:200px; height:50px; background:transparent url(../images/fdoEmpresaFav.png) no-repeat center center; float:left; margin-right:8px; margin-left:6px; margin-top:15px;}
#empresaFav:hover	{ border:1px solid #F90;}
#empresaFav span	{ font-size:14px; font-weight:bold; padding-left:3px; letter-spacing:0px; color:#06C; line-height:15px; margin-top:0px; padding-left:20px;}

#passChange 		{ margin-left:0px;}



/*---------------------------------------Shadow IE---------------------------------------------*/	
.empresas {
	margin: 40px;
	background-color: rgb(68,68,68); /* Needed for IEs */

	-moz-box-shadow: 5px 5px 5px rgba(68,68,68,0.6);
	-webkit-box-shadow: 5px 5px 5px rgba(68,68,68,0.6);
	box-shadow: 5px 5px 5px rgba(68,68,68,0.6);

	filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30);
	-ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";
	zoom: 1;
}
.empresas .content {
	position: relative; /* This protects the inner element from being blurred */
	padding: 100px;
	background-color: #DDD;
}


.precarga {display:none;}