@import url(http://fonts.googleapis.com/css?family=Oswald:300,400);
@import url(http://fonts.googleapis.com/css?family=Voces);
@import url(http://fonts.googleapis.com/css?family=Droid+Sans);
/*@import url("reset.css");*/
@media handheld{

	* {
		padding: 0;
		margin-left: 0;
		margin-right: 0;
		margin-top: 0;
		float: none;
	}
	
	h1, h2, h3, h4, h5, h6{
		font-weight: normal;
	}
	
	.center{
		width: 100% !important;
		text-align: center;
	}
	
	body {
		font-size: 15px;
		font-family: sans-serif;
		background: url(../images/logo-grupo-watermark.jpg) no-repeat 50% 100px fixed;
		padding-top: 50px !important;
		min-width: 100px;
	}

	body#body-consola-blanco {
		padding-top:100px !important;
	}

	img {
		vertical-align: bottom;
	}

	input[type="text"], input[type="password"], select, textarea {
		font-size: 16px;
		font-family: sans-serif;
		border: 1px #DFDFDF solid;
		border-radius: 3px;
		padding: 3px;
	}

	input[type="text"]:focus, input[type="password"]:focus, select:focus, textarea:focus {
		font-size: 16px;
		font-family: sans-serif;
		border: 1px #BBBBBB solid;
	}

	input[type="submit"], input[type="button"] {
		font-size: 13px;
		font-family: sans-serif;
		border: 1px #BBBBBB solid;
		border-radius: 12px;
		padding: 3px 7px;
		background-color: #f2f2f2;
		cursor: pointer;
	}
	
	input[type="submit"]:hover, input[type="button"]:hover {
		font-size: 13px;
		font-family: sans-serif;
		border-color: #666666;
		color: #000000;
	}

	input[type="submit"]:active, input[type="button"]:active {
		font-size: 16px;
		font-family: sans-serif;
	}
		
	#tabMenu input[type="submit"], input[type="button"] {
		font-size: 20px;
		font-family: sans-serif;
		border: 1px #BBBBBB solid;
		border-radius: 12px;
		padding: 3px 7px;
		color: white;
		width: 200px;
		height: 70px;
		background-color: #0000FF;
		cursor: pointer;
	}
		
	#tabMenu input[type="submit"]:hover, input[type="button"]:hover {
		font-size: 20px;
		font-family: sans-serif;
		border-color: #0000FF;
		color: #000000;
	}

	#tabMenu input[type="submit"]:active, input[type="button"]:active {
		font-size: 20px;
		font-family: sans-serif;
		background-color: #0000FF;;
	}

	p {
		margin-bottom: 10px;
	}

	fieldset {
		padding: 15px;
		border: 1px #CCCCCC solid;
		border-radius: 5px;
		margin-bottom: 10px;
	}

		fieldset legend {
			padding: 0 5px;
		}


	#login {
		width: 100%;
		margin-top: 100px;
		color: #777777;
		font-size: 12px;
	}

	#login .login-wrapper {
		width: 220px;
		margin: 0 auto 0 auto;
	}

	#login .login-container {
		border: 1px #E5E5E5 solid;
		border-radius: 5px;
		padding: 15px 25px;
		box-shadow: 0 0 10px #DDDDDD;
	}

	#login input[type="text"], #login input[type="password"] {
		font-size: 12px;
		padding: 3px 10px;
		width: 160px;
		color: #555555;
	}

	#procesoStatusContainer {
		border: 1px #E6DB55 solid;
		background: #FFFFE0;
		padding: 0px;
		border-radius: 3px;
		margin-bottom: 20px;
	}

	#procesoStatusContainer.info {
		border: 1px #E6DB55 solid;
		background: #FFFFE0;
	}

	#procesoStatusContainer.error {
		border: 1px #CC0000 solid;
		background: #FFEBE8;
	}

	#procesoStatusContainer.bien {
		border: 1px #6CE26C solid;
		background: #DFFFDF;
	}

	#login #procesoStatusContainer {
		border: 1px #CC0000 solid;
		background: #FFEBE8;
		font-size: 12px;
		color: #000000;
	}

	label {
		padding: 0 15px 0 5px;
	}

	a {
		text-decoration: none;
	}

	a img {
		border: 0;
	}

	#top {
		background: #464646;
		color: #CCCCCC;
		overflow: hidden;
		position: fixed;
		width: 100%;
		height: 45px;
		top: 0px;
		left: 0px;
		right: 0px; /*Capa, sobre todo*/
		z-index: 999999;
		font-weight: bold;
		min-width: 700px;
	}

	#top a {
		color: inherit;
	}

	#copyright {
		background: #464646;
		color: #CCCCCC;
		font-weight: bold;
		position: inherit;
		font-size: 16px;
		top: 10px;
		left: 10px;
		z-index: 1000;
	}
		
	#search-bar{
	background: #464646;
		color: #CCCCCC;
		font-weight: bold;
		font-size: 16px;
		position: inherit;
		position: inherit;
		vertical-align: top;
		left: 40px;
		top: 10px;
		z-index: 1000;
	}

	#session-menu {
	background: #464646;
		color: #CCCCCC;
		font-weight: bold;
		position: inherit;
		font-size: 16px;
		top: 10px;
		right:10px;
		z-index: 1000;
	}
	
	#search-bar input[type="text"]{
		font-size: 15px;
		padding: 0px 0px;
		width: 200px;
		color: #555555;
	}

	.treeViewStyle{
		
        font-family:'Comic Sans MS';
		font: 18px;
		border: groove;
		color:black;
		width: 200px;
		top: 0px;
		left: 0px;
		right: 0px;
		border-spacing: 0px;
		overflow: visible;
		margin-bottom: 100px;
	}
	
	a:visited{
		color: 0000CD;
	}
	
	a:hover{
		color: 7B68EE;
	}
	
	a:link{
		color: 00FFFF;
	}
	
	a:active{
		color: 87CEEB;
	}
	
	#divToCenter{
		float: center;
	}
	
	#floatToLeft{
		float: left;
	}
	
	#floatToRight{
		float: right;
	}
		
	#contenedor-consola {
		width: 90%;
		padding-left:	5%;
		padding-right: 5%;
		top: 0% !important;
		
		/*overflow: hidden;*/
	}

	#contenedor-consola .columna-derecha {
		width: 100%;
		float: center;
		/*overflow: hidden;*/
	}

	#contenedor-consola .consola-blanco {
		width: 100%;
		margin: 20px 20px;
	}

	#contenedor-consola .columna-derecha .p1 {
		float: left;
		margin-right: 15px;
	}

	#contenedor-consola .columna-derecha .p2 {
		float: left;
	}

	#contenedor-consola .columna-derecha .titulo-contenido {
		color: #464646;
		font-size: 16px;
		font-weight: normal;
		overflow: hidden;
		line-height: 35px;
		margin-bottom: 10px;
	}

	#contenedor-consola .columna-derecha .titulo-contenido h2 {
		font-weight: normal;
		float: left;
	}

	#contenedor-consola .columna-derecha .titulo-contenido .icono {
		display: block;
		height: 35px;
		width: 35px;
		float: left;
		margin-right: 10px;
	}

	#contenedor-consola .columna-derecha .titulo-contenido a {
	display: block;
	font-size: 13px;
	float: left;
	background: #F1F1F1;
	padding: 0px 10px;
	text-align: center;
	height: 20px;
	line-height: 20px;
	margin: 8px 0 0 10px;
	border-radius: 3px;
	}
	
	.nuevo_mensaje {
		background: url(../images/webmail.png) no-repeat center;
	}
	.bandeja_entrada {
		background: url(../images/email.png) no-repeat center;
	}
	.usuario {
		background: url(../images/icons32.png) no-repeat -600px center;
	}

	.comunicacion {
		background: url(../images/icons32.png) no-repeat -370px center;
	}

	.contenido {
		background: url(../images/icons32.png) no-repeat -550px center;
	}

	.mensaje {
		background: url(../images/icons32.png) no-repeat -70px center;
	}

	.pagina {
		background: url(../images/icons32.png) no-repeat -310px center;
	}

	.empleo {
	}

	.multimedia {
		background: url(../images/icons32.png) no-repeat -250px center;
	}

	.menu {
		background: url(../images/icons32.png) no-repeat -10px center;
	}

	.nodo {
		background: url(../images/tree-active.png) no-repeat;
	}

	.actualizacion {
		background: url(../images/update.png) no-repeat;
	}

	.editar {
		background: url(../images/editar_32x32.png) no-repeat;
	}

	.excel {
		background: url(../images/excel_32x32.png) no-repeat;
	}

	.listacamposvacios {
		padding: 0px 0 0px 15px;
		color: #666;
	}

	/********************************** ESTILOS ESPECIFICOS ***********************************************/
	.titulo-contenido-campo {
		width: 713px;
		border-color: #CCCCCC;
		font-size: 20px;
		padding: 5px 10px !important;
		margin-bottom: 15px;
	}

	.widget {
		width: 260px;
		background: url(../images/widget-head-bg.png) repeat-x #F7F7F7;
		overflow: hidden;
		border: 1px #DFDFDF solid;
		border-radius: 3px;
		padding: 5px 10px 0 10px;
		margin-bottom: 20px;
	}

	.p1 .widget {
		width: 713px;
		margin-bottom: 15px;
	}

	.widget .head {
		font-size: 16px;
		height: 30px;
		margin-bottom: 10px;
	}

	.widget hr {
		border: 0;
		background: url(../images/hr-bg.png) repeat-x;
		margin-bottom: 10px;
	}

	#publicaContenido {
		padding-left: 30px;
		padding-right: 30px;
		float: right;
	}

	.current-page {
		font-weight: bold;
		text-decoration: underline;
	}

	table.tabDisplay {
		border: no-border;
		/*border-radius: 5px;*/
		width: 100%;
		top: 0px;
		left: 0px;
		right: 0px; /*Capa, sobre todo*/
		border-spacing: 0;
		page-break-inside:avoid; 
		page-break-after:auto;
	}

	table.tabDisplay tr:last-child, table.tabDisplay tr:first-child {
			background: url(../images/listado-head-bg.png) repeat-x;
			height: 35px !important;
			line-height: 35px !important;
	}
		
	table.tabDisplayRight {
		border: no-border;
		border-radius: 5px;
		width: 100%;
		top: 0px;
		left: 0px;
		right: 0px; /*Capa, sobre todo*/
		border-spacing: 0;
		text-align: right !important;
		padding-left: 20% !important;
		padding-right: 20% !important;
	}

	table.tabDisplayLeft {
		border: 1px #DFDFDF solid;
		border-radius: 5px;
		width: 100% !important;
		top: 0px;
		left: 0px;
		right: 0px; /*Capa, sobre todo*/
		border-spacing: 0;
		margin-bottom: 10px;
		padding-left: 40% !important;
		text-align: left !important;
	}
	
	tab.tabDisplayColumn{
		width: 25% !important;
	}

	table.tabDisplayCenter {
		border: no-border;
		border-radius: 5px;
		width: 100% !important;
		top: 0px;
		left: 0px;
		right: 0px; /*Capa, sobre todo*/
		border-spacing: 0;
		text-align: center !important;
		font-family: "helvetica";
		font-size: 16px;
		float: center !important;
	}

	table.listado3 {
		border: 1px #DFDFDF solid;
		border-radius: 5px;
		text-align: left;
		width: 100%;
		top: 0px;
		left: 0px;
		right: 0px;
		border-spacing: 0;
		margin-bottom: 10px;
	}

		table.listado3 tr:last-child, table.listado3 tr:first-child {
			background: url(../images/listado-head-bg.png) repeat-x;
			height: 35px !important;
			line-height: 35px !important;
		}

	table.listado {
		border: 1px #DFDFDF solid;
		border-radius: 5px;
		width: 100%;
		top: 0px;
		left: 0px;
		right: 0px; /*Capa, sobre todo*/
		border-spacing: 0;
		margin-bottom: 10px;
	}

		table.listado tr:last-child, table.listado tr:first-child {
			background: url(../images/listado-head-bg.png) repeat-x;
			height: 35px !important;
			line-height: 35px !important;
		}

	table.listado-2 tr:last-child {
		background: #FFFFFF;
		height: auto !important;
		line-height: normal !important;
	}

		table.listado-2 tr:last-child td {
			padding: 10px 10px !important;
		}

	table.listado td {
		padding: 10px 10px;
	}

	table.listado tr td:first-child {
		max-width: 300px;
	}

	table.listado tr:last-child td, table.listado tr:first-child td {
		padding: 0px 10px;
	}

	table.listado tr {
		background: url(../images/bottom-line-bg.png) repeat-x 0 bottom #FFFFFF;
	}

	table.listado tr.alter {
		background: url(../images/bottom-line-bg.png) repeat-x 0 bottom #F5F5F5;
	}

	table.listado ul {
		list-style-type: none;
	}

	table tr div.action-hidden-panel {
		display: block;
		visibility: hidden;
	}

	table tr:hover div.action-hidden-panel {
		display: block;
		visibility: visible;
	}

	table tr span.action-hidden-panel {
		visibility: hidden;
	}

	table tr:hover span.action-hidden-panel {
		visibility: visible;
	}

	#paginadorSucursalesContainerTop, #paginadorUsuariosContainerTop, #paginadorUsuariosContainerBottom, #paginadorSucursalesContainerBottom, #paginadorNoticiasContainerTop, #paginadorNoticiasContainerBottom, #paginadorOfertasContainerTop, #paginadorOfertasContainerBottom, #paginadorCurriculasContainerTop, #paginadorCurriculasContainerBottom, #paginadorCotizacionesContainerTop, #paginadorCotizacionesContainerBottom, #paginadorContainerTop, #paginadorContainerBottom {
		margin-bottom: 10px;
		float: right;
	}

	a {
		color: #0082BC;
	}

		a:hover {
			color: #003C76;
		}

	#formularioNuevoUsuario, #usuarioActivoContainer {
		margin: 20px 20px;
	}

		#formularioNuevoUsuario tr td:first-child {
			width: 250px;
			padding-right: 10px;
		}

		#formularioNuevoUsuario tr td:last-child {
			width: auto;
			padding-left: 10px;
		}

		#formularioNuevoUsuario input[type="text"], #formularioNuevoUsuario input[type="password"] {
			width: 325px;
			margin-bottom: 10px;
		}
	
	#tabMenu {
		border: no-border;
		border-radius: 5px;
		width: 100% !important;
		top: 0px;
		left: 0px;
		right: 0px; /*Capa, sobre todo*/
		border-spacing: 0;
		text-align: center !important;
		font-size: 16px;
		float: center !important;
	}
	
	#tabMenu.input{
		width: 200px;
		height: 100px;
		background-color: blue;
	}
	
	#tituloMenu {
		width: 580px !important;
	}

	#nombreNodo {
		width: 400px;
		border-color: #CCCCCC;
		font-size: 20px;
		padding: 5px 10px !important;
		margin-bottom: 15px;
	}

	.modal {
		display: none;
		position: fixed;
		z-index: 1000;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		background: rgba( 255, 255, 255, .5 ) url('../images/cargando.gif') 50% 50% no-repeat;
	}

	#Errores.error {
		border: 1px #CC0000 solid;
		background: #FFEBE8;
		padding: 8px;
		border-radius: 3px;
		margin-bottom: 20px;
	}

	#aka {
		border: 1px #CC0000 solid;
		background: #FFEBE8;
		padding: 8px;
		border-radius: 3px;
		margin-bottom: 20px;
		font-size: medium;
		font-style: italic;
		font-variant: normal;
		color: #CC0000;
	}

	#bien {
		border: 1px solid #33CC33;
		background: #B7FFB7;
		padding: 8px;
		border-radius: 3px;
		margin-bottom: 20px;
		font-size: medium;
		font-style: italic;
		font-variant: normal;
		color: #00CC00;
	}
}