@colorPrincipal: #27695F; //azul verde
@colorSecundario: #082226; //azul oscuro
@colorTerciario: #FF803D; //naranja
@color4: #CCC; //gris claro
@color5: #999; // gris oscuro
@negro: #000;
@blanco: #fff;

/* GENERAL */

* { margin:0; padding:0; }

p
{
	margin: 10px 0;
}

html
{
}

body{
	font-family: Verdana,Arial,sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
	height: 100%;
}

.todo 
{
	height: auto;
	position: relative;
	background-color: @blanco;
}

.deshabilitado
{
	visibility: hidden;
	margin: 0;
	padding: 0;
	height: 0;
}

.noscript .todo
{
	visibility: hidden;
}

.noscript .deshabilitado
{
	display: inherit;
	background-color: @blanco;
	font-weight: bold;
	font-size: 1.6em;
	padding: 20px;
	margin: 40px;
	border: 2px solid @negro;
	width: 50%;
}


.centro
{
	padding: 20px 0;
	min-width: 600px;
	background-color: @blanco;
	height: 100%;
	width: 100%;
	visibility: hidden;
	position: relative;

	table{
		border: none;
		width: 100%;

		td{
			vertical-align: top;
		}
	}

	.contenidoTabla
	{
		width: 84%;

		.contenido
		{
			width: 96%;
			padding: 0px 2% 20px 2%;
		}
	}

	.banner
	{
		width: 16%;
	}
}

a
{
	text-decoration: none;
	color: @colorTerciario;

	&:hover{
		text-decoration: underline;
	}
}

ol > li {
	list-style-type: lower-alpha;
	margin: 10px 0;
}

ol > li > ol > li {
	list-style-type: decimal;
	margin: 5px;
}

ul {
	margin: 0;
	padding: 0;
	margin-left: 20px;
}

fieldset {

}

h2 
{
	border-bottom: solid 3px @colorPrincipal;
	color: @colorSecundario;
	font-size: 1.6em;
	padding-bottom: 3px;
	margin: 10px 0 15px 0;
}

h3
{
	font-size: 1.2em;
	background-color: @colorPrincipal;
	color: @blanco;
	padding: 3px 3px 3px 10px;
	border-left: 20px solid @colorSecundario;
	margin: 5px 0 10px 0;
}


/* CABECERA */
@font-face {
    font-family: 'SteinerRegular';
    src: url(../fuentes/steinerlight-webfont.eot);
    src: url(../fuentes/steinerlight-webfont.eot?#iefix) format('embedded-opentype'),
         url(../fuentes/steinerlight-webfont.woff) format('woff'),
         url(../fuentes/steinerlight-webfont.ttf) format('truetype'),
         url(../fuentes/steinerlight-webfont.svg#SteinerRegular) format('svg');
    font-weight: normal;
    font-style: normal;
}

// Styles for jQuery Label Effect.
.labelEffect-orig, .labelEffect-highlight, .labelEffect-shadow {
	position: absolute;
	width: 100%; 
	height: 100%;
}

.mensajeinicio
{
	background-color: @colorPrincipal;
	color: @blanco;
	border-radius: 15px;
	font-family: SteinerRegular, Verdana, Arial, sans-serif;
	padding: 30px;
	font-size: 2em;
	border: 10px solid @colorSecundario;
	border-top: none;
	border-left:none;
}

.cabecera{
	width: 100%;
	border-bottom: solid 1px @color4;
	height: 110px;

	h1{
		font-family: SteinerRegular, Verdana, Arial, sans-serif;
		font-size: 40px;
		color: @colorPrincipal;
		float: left;
		margin: 10px 0 0 30px;
		font-weight: bold;
	}

	.buscador
	{
		float: right;
		margin-right: 70px;
		display: block;
		padding: 10px;
		width: 265px;
		position: relative;

		.cargando{
			height: 20px;
			width: 20px;
			display: none;
			top: 35px;
			left: -19px;
			position: absolute;

		}

		.itemBuscador
		{
			display: block;
		}

		.titulo
		{
			.itemBuscador;
			font-size: 1.1em;
			font-weight: bold;
			margin-bottom: 5px;
		}

		.buscar{
			.itemBuscador;
			height: 30px;

			input[type=text] {
				border: 1px solid @color4;
				font-size: 1.1em;
				width: 200px;
				height: 20px;
				float: left;
				margin-top: 2px;

				&:focus
				{
					background-image: url(../img/fondotextbox.gif);
				}
			}

			a 
			{
				border-radius: 5px;
				background-color: @colorSecundario;
				color: @blanco;
				padding: 5px;
				margin: 0 0 0 10px;
				float: right;
			}
		}

		.ayuda
		{
			.itemBuscador;
			font-size: 0.9em;
		}

		.validador{
			margin-top: 5px;
			.itemBuscador;
		}
	}
}

/* PIE */
.pie
{
	display: block;
	clear: both;
	width: 100%;
	background-color: @colorPrincipal;
	height: 24px;
	z-index: 1000;
	visibility: hidden;
	border-bottom: 1px solid @colorPrincipal;
	border-top: 1px solid @colorPrincipal;
	bottom: 0;
}

.subpie
{
	padding-top: 6px;
	font-size: 0.9em;
	color: @blanco;
	margin: 0 auto;
	position: relative;
	text-align: center;
}

/* BOTON */

.botonera{
	position: relative;
	margin: 20px 0;
	min-height: 40px;

	.vermas{
		float: right;
	}

	a{
		background-color: @colorTerciario;
		color: @blanco;
		padding: 7px;
		font-weight: bold;
	}
}

.boton
{
	background-color: @colorSecundario;
	font-weight: bold;
	font-size: 1.3em;
	padding: 7px;
	margin: 15px auto;
	color: @blanco;
	border: 3px solid @colorPrincipal;
}

/* FORMULARIO */

.formulario 
{
	margin: 20px auto 0 auto;
	padding: 15px;

	.parrafo
	{
		width: 100%;
		display: block;
		margin: 5px 0;
		clear: both;
		min-height: 20px;
		overflow: hidden;

		.enunciado
		{
			float: left;
			width: 160px;
			color: @blanco;
			min-height: 15px;
			font-weight: bold;

			background-color: @negro;
			height: 16px;
			padding: 7px;
		}

		.control
		{
			background-color: @colorTerciario;
			float: left;
			border-left: none;
			width: 410px;
		}

		input[type=text] {
			margin: 5px;
			border: 1px solid @colorTerciario;
			width: 168px;

			&:focus
			{
				background-image: url(../img/fondotextbox.gif);
			}
		}

		textarea {
			margin: 5px;
			border: 1px solid @colorTerciario;
			height: 200px;
			width: 97%;

			&:focus
			{
				background-image: url(../img/fondotextarea.png);
			}
		}
	}
}

.modal_alert{ 
	position:relative; float:left; width:300px; height:auto; padding:10px; 
			
	img{ position:relative; float:left; margin:10px 20px 0px 10px;}
	ul{ margin:5px 0px 0px 0px;}
	li{ list-style:square;}
	p{ margin-top:30px;}
}

.ma_error	{ border:1px solid #B22929; color:#B22929; background-color:#F09F9F;}
.ma_warning	{ border:1px solid #F2AA06; color:#F2AA06; background-color:#F6F0AA;}
.ma_ok		{ border:1px solid #247414; color:#247414; background-color:#C5F09F;}
.ma_loading	{ border:1px solid #00A5C2; color:#00A5C2; background-color:#E1F7FF;}

//VALIDACION

.validador
{
	font-weight: bold;
	color: @colorPrincipal;
}

//Migas de pan

.module:after
{
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

/* float clearing for IE6 */
* html .module
{
	height: 1%;
	overflow: visible;
}

/* float clearing for IE7 */
* + html .module
{
	min-height: 1%;
}

/* Breadcrumb Styles
 ---------------------------------------------------------------------*/

.breadCrumb
{
	margin: 0 0 20px 0;
	padding: 0;
	float: left;
	display: block;
	height: 21px;
	overflow: hidden;
	width: 97%;
	padding:5px;
	border:solid 1px #dedede;
	background:@blanco;
	clear: both;

	ul
	{
		margin: 0;
		padding: 0;
		height: 21px;
		display: block;
	
		li
		{
			display: block;
			float: left;
			position: relative;
			height: 21px;
			overflow: hidden;
			line-height: 21px;
			margin: 0px 6px 0px 0;
			padding: 0px 10px 0px 0;
			font-size: .9167em;
			background: url(../img/Chevron.gif) no-repeat 100% 0;
			max-width: 200px;
			text-overflow: ellipsis;
		
			div.chevronOverlay
			{
				position: absolute;
				right: 0;
				top: 0;
				z-index: 2;
			}
			span
			{
				display: block;
				overflow: hidden;
			}
			a
			{
				display: block;
				position: relative;
				height: 21px;
				line-height: 21px;
				overflow: hidden;
				float: left;
				color: @colorTerciario;

				&:hover
				{
					text-decoration: none;
				}
			}

			&.first a
			{
				height: 16px !important;
				text-indent:-1000em;
				width:16px;
				padding: 0;
				margin-top: 2px;
				overflow: hidden;
				background:url(../img/IconHome.gif) no-repeat 0 0;
			}
			&.first a:hover
			{
				background-position: 0 -16px;
			}
			&.last
			{
				background: none;
				margin-right: 0;
				padding-right: 0;
			}
		}
	}
}
.chevronOverlay
{
	display: none;
	background: url(../img/ChevronOverlay.png) no-repeat 100% 0;
	width: 13px;
	height: 20px;
}

//LA TABLA CON DATOS

/* Tabla */
.tabla{margin: 20px 0; clear: both; background-color:@blanco; border: none; width: 80%;

	a{
		font-weight: bold;
	}

	tr{margin: 0;}
	td{ padding:5px; vertical-align:middle;  margin: 0; border: none}
	.tb_head{ background-color:@colorSecundario; font-weight:bold; padding: 5px 10px;}
	.tb_head th{ color:#FFF;padding: 5px 10px;}
	.tb_head th.sorting_desc{ background-color:@colorPrincipal;}
	.tb_head th.sorting_asc{ background-color:@colorPrincipal;}
	tr:nth-child(odd){ background-color:lighten((@color4),10%);}
	tr:nth-child(even){ background-color:@blanco;}
	tr:nth-child(odd) td.sorting_1{ background-color:lighten((@colorPrincipal),40%);}
	tr:nth-child(even) td.sorting_1{ background-color:lighten((@colorPrincipal),70%);}
	tr:nth-child(odd).tb_head { background-color:@colorSecundario; font-weight:bold;padding: 5px 10px;}
	tr:nth-child(even).tb_head { background-color:@colorSecundario; font-weight:bold;padding: 5px 10px;}
}

//Resultados de la busqueda

.resultadosBusqueda{
	
	.subresultados{

		margin-bottom: 20px;

		ul{
			list-style-type: none;
			background-color: @color4;
		}
	}
}

.resaltado{
	font-size: 16px;
	font-weight: bolder;
	margin: 20px 0;
}

//La ficha del item

.ficha{

	table{

		tr{}

		td{
			margin: 0;
			padding: 5px;

			&:nth-child(odd){
				font-weight: bold;
				width: 200px;
			}

			
			ul{
				list-style-type: square;
				margin-left: 14px;
			}
		}

	}
}