/*
	Theme Name: CSS inicial
	Theme URI: http://rudeworks.com/blog/css-inicial/
	Author: RUDE
	Version: 1.0
	Description: CSS básico con arreglos y selectores pre-configurados.
	Modified: 03 - Jun - 07
	Modified by: Victor San Martin - victor.san.martin@escom.cl
*/

/* @group CSS inicial */
/* Elementos que queremos limpiar completamente: */
* {
	border: none;
	margin: 0;
	padding: 0;
}
html {
	color: black;
	font: 75%  Tahoma, Arial, Verdana, sans-serif;
	background: #fff url(../img/bg-html.jpg) repeat-y center 100px;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
* html>body .clearfix {
	display: inline-block;
	width: 100%;
}
* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
}
/* Ajustes básicos */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
	font-weight: normal;
	margin: 0 0 1em 0;
}
h1 {
	font:lighter 180% Tahoma,sans-serif;
	margin-top:0em;
	margin-bottom:0.5em;
	color:#005447;
}
h2 {
	font:145% Tahoma,sans-serif;
	color:#005447;
	margin-top:0.8em;
	margin-bottom:0.6em;
}
h3 {
	font:bold 130% Tahoma,sans-serif;
	color:#002822;
	margin-top:1.1em;
	margin-bottom:0.6em;
}
h4 {
	font:bold 115% Tahoma,sans-serif;
	color:#005447;
	margin-top:1.1em;
	margin-bottom:0.6em;
}
	h4.titulo {
		background-color: #E5EEEC; 
		padding: 10px; 
		/*width: 95%;*/
	}
h5 {
	font:bold 100% Tahoma,sans-serif;
	color:#002822;
	margin-top:1.1em;
	margin-bottom:0.6em;
}
sup {
	bottom: .3em;
	position: relative;
	vertical-align: baseline;
}
sub {
	bottom: -.2em;
	position: relative;
	vertical-align: baseline;
}
li, dd, blockquote {
	margin-left: 1em;
}
table {
	margin: auto;
}
th {
	background-color: #E5EEEC;
	color: #111;
	height: 20px;
	border-top: 2px solid #005447;
}
td {
	vertical-align: top;
}

table tbody.tbody tr:hover, table tbody.tbody tr.hover {
	background-color: #ddeda0;
}
/*** LINKS ***/
a, a:link, a:visited, a:hover, a:active {
	text-decoration: none;
	color: #005447;
}
a:hover {
	text-decoration: underline;
}
a.download {
	padding-left: 12px;
	background: transparent url(../img/get_off.png) no-repeat center left;
}
a:hover.download {
	background: transparent url(../img/get_on.png) no-repeat center left;
}
a img {
	border: none;
	text-decoration: none;
}
img {
	border: none;
	text-decoration: none;
}
/* Formularios */
button {
	cursor:pointer;
}
input, textarea {
	font-size: 100%;
	color:#565656;
    padding:3px 10px 4px 7px;
    background-color:#f5f5f5;
    border:1px solid #dedede;
}
textarea {
	font: 100% Tahoma, Arial, Helvetica, sans-serif;
}
select {
	font-size: 100%;
	color:#111;
}
input:focus, textarea:focus, .focus {
	background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
fieldset {
	border: none;
}
form tr {
	height: 20px;
}
form td {
	padding: 5px;
}

/* BUTTONS */
.buttons a, .buttons button{
    display:block;
    float:left;
    margin:2px 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}
/* STANDARD */
button:hover, .buttons a:hover, .buttons button.hover, button:focus, .buttons a:focus {
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
    text-decoration: none;
}
.buttons a:active {
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
    text-decoration: none;
}
/* POSITIVE */
button.positive, .buttons a.positive {
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover, button.positive:focus, .buttons a.positive:focus{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
    text-decoration: none;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
    text-decoration: none;
}
/* NEGATIVE */
.buttons a.negative, button.negative{
    color:#d12f19;
    text-decoration: none;
}
.buttons a.negative:hover, button.negative:hover, button.negative:focus, .buttons a.negative:focus{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
    text-decoration: none;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
    text-decoration: none;
}
/* Clases útiles */
.clear {
	clear: both;
}
.float-left {
	float: left;
}
.float-right {
	float: right;
}
.helvetica {
	font-family: Arial, Helvetica, Geneva, sans-serif;
}
/* @end */

/* @start : tip sacado de csslab.cl */
html, body, #contenedor {
		min-height: 100%;
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 0;
}
html>body #contenedor {
		height: auto;
}
/* @end */
div {
	/* border: 1px solid red; */
}
#contenedor {
	position: absolute;
	top: 0;
	left: 0;
	background: transparent url(../img/bg_top.gif) repeat-x left top;
}
#principal {
	position: relative;
	height: auto;
	padding: 0;
	width: 100%;
}
	#quick {
		font-size: 90%;
		position: absolute;
		top: 10px;
		right: 10px;
		color: #f1f1f1;
	}
		#quick a {
			color: #f1f1f1;
		}
	#top {
		width: 100%
	}
	#menu {
		padding: 5px 5px 5px 15px;
		position: absolute;
		top: 80px;
		left: 0;
		width: 280px;
		background: #E5EEEC;
	}
		ul#navlist {
	        text-align: left;
	        list-style: none;
	        padding: 0;
	        margin: 0;
			width: 70%;
		}
		ul#navlist li {
			display: block;
			margin: 0;
			padding: 0;
		}
		ul#navlist li a {
			display: block;
			width: 100%;
			padding: 0.5em 0 0.5em 1em;
		}
		#navcontainer>ul#navlist li a { width: auto; }
		ul#navlist li#active a {
		}
		ul#navlist li a:hover, ul#navlist li#active a:hover {
		}
	#cuerpo {
		padding: 0 0 20px 0;
		margin:0;
		position: absolute;
		left: 330px;
		right: 10px;
	}
	#flash {
		width: 90%;
		background-color: #e5eeec;
		cursor: pointer;
    	padding: 5px 10px 6px 7px;
	    margin: 2px 7px 0 0;
	    font-size: 100%;
	    font-weight: bold;
	}
	#flash img{
	    margin:0 3px -3px 0 !important;
	    padding:0;
	    border:none;
	    width:16px;
	    height:16px;
	}

.reply {
	display: table;
	position: relative;
	width: 99%;
	margin: 0 auto;
	margin-bottom: 10px;
	background: #f1f1f1 url(../img/stripe_flash2.png) repeat left top;
}
	.reply-by-user {
		background:#eee url(../img/stripe_flash3.png) repeat left top;
	}
	.reply-titulo {
		background: #E6EFC2 url(../img/page_white_put.png) no-repeat center left;
		font-size: 110%;
		font-weight: bold;
		padding: 2px 0px 2px 20px;
		display: block;
		width: 98%;
	}
	.reply-fecha {
		margin: 2px 0 2px 2px;
		float: left;
	}
	.reply-adjunto {
		margin: 2px 2px 2px 0;
		float: right;		
	}
	.reply-mensaje {
		border-top: #e6efc2 1px solid;
		padding: 5px;
		display: block;
		clear: both;
	}
	.reply-footer {
		border-bottom: #e6efc2 1px solid;
		clear: both;		
		display: block;
	}
	.reply-footer-user {
		background: #E6EFC2 url(../img/mini_user.png) no-repeat center left;
		padding: 2px 0px 2px 20px;
		width: 98%;
	}
.fecha-icon {
	padding-left: 12px;
	background: transparent url(../img/mini_calendar.png) no-repeat center left;
}
/* Validaciones **************/
.validation-failed {
	border: 1px solid #FF3300;
	color: #f30;
}
.validation-advice, div.error_message {
	margin: 2px 0 0 0;
	padding: 0 0 0 10px;
	color: #f30;
	font-size: 80%;
}
.mensaje-error {
	display: block;
	padding: 0 0 0 30px;
	font : 80% tahoma, arial;
	color: red;
	background-color: #fff;
}
.mensaje-error ul {
	margin: 0;
	padding: 0;
}
.user_not {
	padding: 3px 0px 4px 16px;
	background: transparent url(../img/cross.png) no-repeat left center;
}
.user_yes {
	padding: 3px 0px 4px 16px;
	background: transparent url(../img/tick.png) no-repeat left center;
}
/*--------------------------------*/
.tooltip-aviso {
	position: absolute;
	z-index: 100;
	display: none;
	width: 150px;
	border: 1px solid #A5C9FF;
	font-size: 90%;
	padding: 2px;
    background: #E0ECFF url(../img/pointer.gif) no-repeat -10px 5px;
    
    
    height: auto!important; /* para los browsers buenos */
    height: 25px; /* para IE5+ */
    min-height: 25px; /* para los browsers buenos */
}
	.tooltip-aviso .tooltip-pointer {
	    position: absolute;
	    left: -10px;
	    top: 5px;
	    width: 10px;
	    height: 19px;
	    background: url(../img/pointer.gif) left top no-repeat;
	}
	.tooltip-aviso-horizontal {
	    background: #E0ECFF url(../img/pointer-horizontal.gif) no-repeat 5px -10px;
	}
		.tooltip-aviso-horizontal .tooltip-pointer-horizontal {
		    position: absolute;
		    top: -10px;
		    left: 10px;
		    width: 19px;
		    height: 10px;
		    background: url(../img/pointer-horizontal.gif) center top no-repeat;
		}

/*-------------------------------------*/
.fightcss {
	width:5px;
	visibility:hidden;
}

table.cakeSqlLog {
	position: absolute;
	clear: both;
	bottom: 0;
}
table.cakeSqlLog tr {
	background-color: #fff;
}
div.autocomplete {
	background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
	position:absolute;
	width:300px;
	margin:0px;
	padding:0px;
}
div.autocomplete ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
}
div.autocomplete ul li.selected { 
	background-color:#E6EFC2;
    color:#529214;
}
div.autocomplete ul li {
	list-style-type:none;
	display:block;
	margin:0;
	padding:2px;
	cursor:pointer;
	font-size:120%;
    line-height:130%;
}

/* lite Window */
/*#lw-container{
	position: absolute;
	width: 100%;
	z-index: 300;
	line-height: 0px;
	background-color: #fff;
	padding: 10px;
	border: 5px solid yellow;
}
	#lw-body {
		position: relative;
		width: 100%;
		height: 100%;
		background-color: red;
		border: 1px solid blue;
	}
		#lw-titlebar
		{
			position: relative;
		}
			#lw-title {
				z-index: 301;
				float: left;
				background-color: #E5EEEC;
				font-weight: bold;
				color: #111;
			}
		#lw-content {
			position: absolute;
			clear: both;
			top: 20px;
			height: 100%;
			width:100%;
			overflow: auto;
		}*/
#lw-container {
	position: absolute;
	z-index: 301;
	width: 100%;
	top: 0px;
	left: 0px;
	padding: 0;
	margin: 0;
}
	#lw-body {
		border: 1px solid #000000;
		background-color: #ffffff;
	}
	#lw-titlebar {
		background-color: #005447;
		color: #ffffff;
		font-weight: bold;
		height: 1.3em;
		padding: 5px;
		border-bottom: 2px solid #edeeef;
		position: relative;
		z-index: 303;
	}
		#lw-title {
			float:left;
			font-size: 1.1em;
		}
		#lw-controls {
			float: right;
			cursor: pointer;
		}
		#lw-controls a {
			color: white;
		}
	#lw-content {
		margin: 0;
		width: 100%;
		height: 100%;
		position: relative;
		z-index: 302;
	}