img {
	border: 0px;
}

/************** FORM LIST ***********************/
.formlistcontainer {
	/**
	height: 400px;
	overflow: auto;
	**/
	color: #000000;
	background-color: #cccccc;
	width: 100%;
}
.flistnousado {
	display:table;
	width:100%;
	background-color:#eee;
	border:1px solid #666666;
	border-spacing:5px;/*cellspacing:poor IE support for  this*/
}
/***** FORMLIST: TABLE FORMAT **/
.flisttable .flistheader {
	display:table;
	width: 95%;
	width: calc(100% - 10px);
	clear:both;
	background-color:#ccc;
}
.flisttable .flistheader div {
	float:left;/*fix for  buggy browsers*/
	display:table-column;
	overflow: hidden;/** width:200px;          **/
  
}
.flisttable .flistrows {
	display:table;
	width: 95%;
	width: calc(100% - 10px);
	background-color:#eee;
	border:1px solid #666666;
	border-spacing:5px;/*cellspacing:poor IE support for  this*/
}
.flisttable .flistrow {
	display:table-row;
	width:calc(100% - 10px);
	clear:both;
	/** border-bottom: 1px dotted #998877;  **/
  background-color:#ddd;
	/** border: 1px solid blue; **/
  height:50px;
	margin: 5px 5px 5px 5px;
	padding: 5px 5px 5px 5px;
}
.flisttable .flistrow div {
	float:left;
	display:table-column;
	word-wrap:break-word;
}
.flisttable .flistrow div span {
	display: none;
}
/***** FORMLIST: LIST FORMAT **/
.flistlist .flistheader {
	display:none;
	clear:both;
	background-color:#ccc;
}
flistlist .flistheader div {
	display:none;
	float:left;/*fix for  buggy browsers*//** width:200px;          **/
}
.flistlist .flistrows {
	display:block;
	width: 95%;
	width: calc(100% - 10px);
	padding: 0px;
	margin: 0px 0px 0px 0px;
	list-style: none;
	/** background-color:#ddd;   **/
  background-color: #fafafa;
	/** background-color: #fff; **/
  border-bottom: 1px solid #e0e0e0;
}
.flistlist .flistrow {
	display: block;
	padding: 10px 10px 10px 10px;
	width:calc(100% - 10px);
	clear:both;
	overflow: auto;
	/** border-bottom: 1px dotted #998877;  **/
  /** background-color:#ddd;  **/
  /** border: 1px solid blue; **/
  margin: 0px 0px 0px 0px;
	color: #000;
	border-top: 1px solid #c0c0c0;
	width: 95%;
	width: calc(100% - 20px);
	font-size: 13px;
	/** border-top: 1px solid #e0e0e0; **/
    /** padding: 10px; **/
    
    
    word-wrap: break-word;     /** IMPORTANTE PARA APPS YA QUE SINO EL TEXTO NO SE BAJA Y SE ARMA UN SCROLL HORIZONTAL HORRIBLE **/
	text-decoration: none;
	width: 100%;
	width: calc(100% - 20px);
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	box-flex: 1;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-position: -10px 0;
	background-repeat: no-repeat;
	-webkit-background-size: 10px 100%;
	-moz-background-size: 10px 100%;
	-ms-background-size: 10px 100%;
	-o-background-size: 10px 100%;
	background-size: 10px 100%;
}
.flistlist .flistrow div {
	float:left;/*fix for  buggy browsers*/
	display: inline;
}
.flistlist .flistrow div span {
/** display: none; **/
}
.flistflist .flistrow .listmf {
	width: auto;
}
.flistlist .flc1 {
	font-weight:bold;
}
.flistlist .flc2 {
	font-weight:bold;
}
.flistlist .flc3 {
	font-weight:bold;
}
.flistlist .flc4 {
	font-weight:bold;
}
.flistlist .flc5 {
	font-weight:bold;
}
.flistlist .flc6 {
	clear:both;
}

/* hasta aca flist */



.tablafoto {
	width: 10%;
}

.tablaresumen {
	width:40%;
}

.tablaexpensas,.tablacomprobantes {
	width: 20%;
}

.lucas {
	cursor: pointer;
	background-color: #FFF;
}

.lucas:hover {
	background-color: #E0E6F8 !important;
}

#intratitle {
	font-size: 24px;
}
#seccionlogin {
	width: 330px;
	overflow:hidden;
}
#loginform {
	overflow:hidden;
}
#boxizquierda {
	width: 600px;
}
#boton_miunidad, #boton_habitantes, #boton_misvehiculos, #boton_autorizaciones, #boton_cambiarclave, #boton_salir {
	display: none;
}
label:not(.labeltop) {
	display:inline-block !important;
}
input:not(.labeltop) {
	display:inline-block !important;
}
select:not(.labeltop) {
	display:inline-block !important;
}
textarea:not(.labeltop) {
	display:inline-block;
}
.img {
	background-color: #000 !important;
	height:	1000px;
}
.iconcal {
	display: inline-block;
	margin-top: 7px;
}
/* steps miunidad > habitantes > vehiculos > autorizaciones */

.steps {
	padding-left: 16px;
	overflow:auto;
	margin: 10px auto 12px auto;
	display:inline-block;
	min-width: 881px;
}
.step {
	float: left;
	position: relative;
	margin-left: -76px;
	width: 237px;
	height: 43px;
	font-size: 16px;
	padding-left: 15px;
	padding-top: 18px;
	background-image: url("img/celeste.png");
	background-repeat: no-repeat;
	outline: none;
}
.stepazul {
	background-image: url("img/azul.png");
}
.stepnaranja {
	background-image: url("img/amarillo.png");
}
.steprojo {
	background-image: url("img/rojo.png");
}
.step:hover {
	text-decoration: none;
}
.steplabel {
	position: absolute;
	top: 19px;
	right: 30px;
}
.steplabel2 {
	margin-left: 65px;
	font-size: 14px;
}
.steps a, .steps a:visited {
	color: #fff !important;
	text-decoration: none;
	font-family: monospace;
}
input[readonly], input[readonly="readonly"] {
	border: none;
	background-color:blue;
	box-shadow: 1px 1px 1px rgba(250, 250, 250, 0.85);
}
input:required {
	/** background-color: #efe !important; **/
	border: 1px solid #F24F0A !important;
}

select:required {
	border: 1px solid #F24F0A !important;

}

div .required {
	border: 1px solid #F24F0A !important;
	overflow: auto;
	border-radius: 5px;
	padding: 5px;
}



/* MENU USUARIO */

.menu_usuario {
	font-size: 14px;
	overflow: hidden;
	display: none;
	position: fixed;
	right: 0px;
	top: 60px;
	z-index: 20;
}
.menu_usuario ul {
	width: calc(164px + 32px); /* width li + paddin li */
	background: #282828;
	list-style-type: none;
	padding: 0px;
}
.menu_usuario a {
	text-decoration: none;
	font-family: Tahoma, Geneva, sans-serif !important;
}
.menu_usuario li {
	color: #DDD;
	padding: 8px 16px;
	border-bottom: 1px solid #666;
	width: 164px;
	display:inline-block;
}
.menu_usuario li:hover {
	color: #FFF;
	background: #44a0cd;
}
.menu_usuario img {
	width: 14px;
	margin-bottom: -2px;
	margin-right: 10px;
}
#last_item {
	border-bottom: 0px !important;
}
/* TABS */
table.tab {
	background-color: #ffffff;
	padding: 0px;
	margin: 0px;
	height: 40px;
}
.tab td {
	border-bottom: 1px solid #cdcdcd;
	font-size: 13px;
}
.tab td.selectedtab {
	background-color: #ece9e0;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-top: 1px solid #cdcdcd;
	border-left: 1px solid #cdcdcd;
	border-right: 1px solid #cdcdcd;
	border-bottom: none;
}
/* FLEXA 2.0 */
.titletext {
	display:inline-block;
	font-size: 17px;
    font-family: estandar;
    font-weight: bold;
    color: #FFF;
    text-transform: uppercase;
    
    /**
    background-color: #44A0CD;
    border: 1px solid #44A0CD;
    
    overflow: auto;
    padding: 10px 15px;
    width: calc(100% - 32px);
    **/

}
#menuimg {
	display:none;
	cursor:pointer;
}
@font-face {
	font-family: estandar;
	src: url('fonts/Estandar-Regular.ttf');
}
.blockStyledForm {
	font-size: 12px;
	border: 0px none #f0f0f0;
	margin: 0px 0px 0px 20px;
	padding: 4px 4px 4px 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	clear: both;/** SACADO JUL 2016	width: 95%; **/
}
div.legendtext {
	margin-top: 3px;
	float: left;
}
div.legend {
	background-color: #E6E6E6;
	color: #666;
	border: 1px solid #ddd;
	border-bottom: none !important;
	font-family: estandar;
	font-size: 16px;
	font-weight: bold;
	padding: 10px 15px;
	margin: 0px 0px 0px 0px;
	text-transform:uppercase;
	height: 25px;
	width: calc(100% - 32px);
	overflow: hidden;
}

div.boxlegend {
	background-color: #eeeeee;	
	color: #666;
	border: 1px solid #ddd;
	border-bottom: none !important;
	font-family: estandar;
	font-size: 12px;
	font-weight: bold;
	padding: 10px 15px;
	margin: 0px 0px 0px 0px;
	text-transform:uppercase;
	height: 16px;
	width: calc(100% - 32px);
	overflow: hidden;
}


div.legend .actions {
	margin: 0px;
	padding: 0px;
}
.blockStyledForm div.title {
	font-size: 17px;
	font-family: estandar;
	font-weight: bold;
	text-transform: uppercase;
	background-color: #44A0CD;
	border: 1px solid #44A0CD !important;
	color: #FFF;
	overflow: auto;
	padding: 10px 15px;
	width: calc(100% - 32px);
}
.btn {
	background-color: #546169;;
	padding: 5px 8px;
	margin: 1px 5px 1px 5px;
	border-radius: 5px;
	border: 1px solid #CCC;
	color: #333;
	display: inline-block;
	cursor: pointer;
	font-family: Arial;
	font-size: 12px;
	overflow: auto;
}
.btn:hover {
	background-color: #BDBDBD;
}
.legend .btn {
	margin-top: -1px !important;
}
.accept {
	background-color: #5cb85c !important;
	border-color: #4cae4c;
	color: #FFF;
	font-size: 14px;
	min-width: 80px;
	margin: 2px !important;
}
.accept:hover {
	background-color: #449d44 !important;
}
.cancel {
	background-color: #FE2E2E !important;
	border-color: #DF0101;
	color: #FFF;
	font-size: 14px;
	min-width: 80px;
	margin: 2px !important;
}
.cancel:hover {
	background-color: #B40404 !important;
}
.btn a {
	text-decoration: none !important;
}
.blockStyledForm fieldset {
	border: 1px solid #ccc;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	top: -1px;
	background-color: #FFF;
	width: calc(100% - 2px);
}
.blockStyledForm fieldset table {
	border: 1px solid #CCC;
	border-collapse: collapse;
	border-radius: 5px;
	margin: 0px;
	background-color: #FFF;
}
.blockStyledForm fieldset table th {
	background-color: #EEE;
	color: #666;
	font-size: 11px;
	text-align: left;
}
.blockStyledForm fieldset table td {
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-collapse: collapse;
	padding: 3px;
}
/*
div.labeltop {
	margin-top: 32px !important;
}
*/
label.labeltop {
	clear: left;
	text-wrap: none;
	white-space: nowrap;
	display: inline-block;
	padding-bottom: 4px;
	width: 100%;
}
input.labeltop, select.labeltop {
	float: left;
	clear: left;
}
input[type="radio"] {
	height: 20px !important; /* !important para que pise la altura general del input */
}
.navegation {
	margin:0xp auto;
	clear: both;
	cursor: pointer;
	margin: 0px;
	padding: 6px 6px 6px 6px;
	font-size: 10pt;
	height: 32px;
	background-color: #FFF;
	border-bottom: 1px solid #DDD;
	border-left: 1px solid#DDD;
	border-top: 1px solid #DDD;
}
.navegation:hover {
	background-color: #CED8F6;
	transition: none;
}
/* FIN FLEXA 2.0 */

#isidebar > ul {
	margin-top: 18px;
}

ul#isidebar > ul, #isidebar > ul ul {
	list-style: none;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	line-height: 1;
}
/* The container */

#isidebar > ul, #isidebar > ul ul {
	display: block;
	position: relative;
	width: 160px;
}
/* The list elements which contain the links */

#isidebar > ul li {
	/*display: block;*/
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 0;
	width: 180px;
}
/* General link styling */

#isidebar > ul li a {
	/* Layout */
    display: block;
	position: relative;
	margin: 0;
	border-top: 1px dotted #3a3a3a;
	border-bottom: 1px dotted #1b1b1b;
	padding: 2px 0px 8px 20px;
	width: 180px;
	/* Typography */
    font-family: 'Yanone Kaffeesatz', Helvetica, Arial, sans-serif;
	color: #d8d8d8;
	text-decoration: none;
	text-transform: uppercase;
	text-shadow: 0 1px 1px #000;
	font-size: 13px;
	font-weight: 300;
	/* Background & effects */
    background: #282828;
}
#isidebar > ul li.submenu a {
	font-size: 10px;
	background: #000000;
	padding: 6px 0px 8px 48px;
}
#isidebar > ul li>a:hover, #isidebar > ul li:hover>a {
	color: #fff;
	text-shadow: 0 1px 0 rgba(0, 0, 0, .3);
	background: #44a0cd;
	/** #d4b800; **/
    /**
    background: -webkit-linear-gradient(bottom, #d4b800, #f6d600) !important;
    background: -ms-linear-gradient(bottom, #d4b800, #f6d600) !important;
    background: -moz-linear-gradient(bottom, #d4b800, #f6d600) !important;
    background: -o-linear-gradient(bottom, #d4b800, #f6d600) !important;
    **/
    background: -webkit-linear-gradient(bottom, #44a0cd, #44a0cd);
	background: -ms-linear-gradient(bottom, #44a0cd, #44a0cd);
	background: -moz-linear-gradient(bottom, #44a0cd, #44a0cd);
	background: -o-linear-gradient(bottom, #44a0cd, #44a0cd);
	font-weight: bold;
	border-color: transparent;
}

.hoververde:hover {
	background: #89cc97 !important;
	font-weight: 100 !important;
}

#isidebar > ul li .menuselected {
	color: #fff;
	text-shadow: 0 1px 0 rgba(0, 0, 0, .3);
	background: #44a0cd;
	/** #d4b800; **/
    background: -webkit-linear-gradient(bottom, #44a0cd, #44a0cd) !important;
	background: -ms-linear-gradient(bottom, #44a0cd, #44a0cd) !important;
	background: -moz-linear-gradient(bottom, #44a0cd, #44a0cd) !important;
	background: -o-linear-gradient(bottom, #44a0cd, #44a0cd) !important;
	font-weight: bold;
	border-color: transparent;
}
/* The arrow indicating a submenu */

#isidebar > ul .has-sub>a::after {
	content: '';
	position: absolute;
	top: 16px;
	right: 10px;
	width: 0px;
	height: 0px;
	/* Creating the arrow using borders */
    border: 4px solid transparent;
	border-left: 4px solid #d8d8d8;
}
/* The same arrow, but with a darker color, to create the shadow effect */

#isidebar > ul .has-sub>a::before {
	content: '';
	position: absolute;
	top: 17px;
	right: 10px;
	width: 0px;
	height: 0px;
	/* Creating the arrow using borders */
    border: 4px solid transparent;
	border-left: 4px solid #000;
}
/* Changing the color of the arrow on hover */

#isidebar > ul li>a:hover::after, #isidebar > ul li:hover>a::after {
	border-left: 4px solid #fff;
}
#isidebar > ul li>a:hover::before, #isidebar > ul li:hover>a::before {
	border-left: 4px solid rgba(0, 0, 0, .3);
}
/* THE SUBMENUS */

#isidebar > ul ul {
	position: absolute;
	left: 150px;
	top: -9999px;
	padding-left: 5px;
	opacity: 0;
	/* The fade effect, created using an opacity transition */
    -webkit-transition: opacity .3s ease-in;
	-moz-transition: opacity .3s ease-in;
	-o-transition: opacity .3s ease-in;
	-ms-transition: opacity .3s ease-in;
}
/* Showing the submenu when the user is hovering the parent link */

#isidebar > ul li:hover>ul {
	top: 0px;
	opacity: 1;
}
#isidebar img {
	position: relative;
	top: 3px;
	left: -5px;
}
table.flexa {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	border-spacing: 0;
}
table.flexa td, table.flexa th {
	/*    border: 1px solid #ddd; */
    text-align: left;
	padding: 8px;
}
table.flexa tr:nth-child(even) {
/** background-color: #f2f2f2; **/
}
table.flexa tr {
	background-color: #ffffff;
	border: 1px solid #ddd;
}
table.flexa tr:hover {
	background-color: #cccccc;
}
.norowhighlight tr:hover {
	background-color: transparent !important;
}
table.flexa th {
	padding-top: 11px;
	padding-bottom: 11px;
	/** background-color: #4CAF50; **/
    background-color: #44A0CD;
	color: white;
}
table.flexa .textonormal {
	font-size: 14px !important;
}
div.flexa {
	font-size: 16px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
	text-align: left;
	background-color: #ffffff;
	padding: 20px 20px 20px 20px;
	margin-bottom: 20px;
	border: 1px solid #ddd;
	border-collapse: collapse;
	border-spacing: 0;
	overflow: auto;
	width: calc(100% - 42px);
}
div.flexa.first {
	margin-bottom: 0px;
}
div.flexa.multiple {
	border-top: none !important;
	margin-bottom: 0px;
}
div.flexa.last {
	border-top: none !important;
	margin-bottom: 20px;
}
div.flexa > div.box:last-child {
	border-bottom: 1px solid #ddd;
}
div.flexa li {
	margin: 10px;
	font-size: 13px;
}
div.flexa tr {
	background-color: #ffffff;
}
div .flexa-titulo {
	padding: 11px;
	width: calc(100% - 6px);
	background-color: #44A0CD;
	color: white;
	text-transform: uppercase;
	text-align: left;
	font-weight: bold;
	border: 1px solid #ddd;
}
.volver {
	position: absolute;
	width: 20px;
	height: 20px;
	padding: 1px;
	border-style: solid;
	border-width: 1px;
}
.volver img {
	position: absolute;
	margin: 0px;
	top: -4px;
	left: -4px;
}
 @charset "utf-8";
/* CSS Document */

* {
	outline: none !important;
}
body {
	margin: 0px 0px;
	padding: 0px;
	font-family: Tahoma, Geneva, sans-serif !important;
	font-size: 11px !important;
	color: #ece9e0; /** #999; **//* text-align: center; */
}
html, body, form#mainform, div#wrapper {
	height: 100%;
}
div#base5 {
	height: calc(100% - 94px);
}
body.claro {
	font-family: Tahoma, Geneva, sans-serif !important;
}
/*-----------------------------------------------
	SH. Site Header (generic)
-----------------------------------------------*/

#header {
	margin: 0;
	padding: 0;
	background: #142A38 url(../images/header/header.png) repeat-x scroll center top;
	border-bottom: 3px solid #0099CC;
	-moz-box-shadow: -3px 0 3px #000;
	-webkit-box-shadow: -3px 0 3px #000;
	box-shadow: -3px 0 3px #000;
	width: 100%;
	display: table;
}
#header .container {
	width: 960px;
	height: 8.3em;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
/*-----------------------------------------------
		SHL. Site Header - Logo
	-----------------------------------------------*/

#header #logo {
	display: inline-block;
	position: absolute;
	font-size: 3em;
	line-height: 1.65em;
	font-weight: bold;
	margin: 0;
}
#header #logo a {
	color: #fff;
	text-decoration: none;
	padding-top: 0.7em;
	display: block;
}
#header #logo a img {
	padding: 0;
	border: medium none;
}
/*-----------------------------------------------
		SHN. Site Header - Navigation
	-----------------------------------------------*/

#header ul {
	position: absolute;
	right: 190px;
	margin: 3.9em 0 0 0;
	padding: 0 0 0 11.55em;
}
#header ul li {
	list-style: none;
	display: inline;
}
#header ul li a {
	margin: 0 0 0 0.5825em;
	padding: 0 0.76em;
	display: block;
	float: left;
	color: #fff;
	font-size: 1.15em;
	font-weight: 400;
	line-height: 1.5em;
	text-decoration: none;
	letter-spacing: -0.0035em;
}
#header ul li a:link, #header ul li a:visited, #header ul li a:hover, #header ul li a:active {
	color: inherit;
}
#header ul li a:hover {
	border-bottom: 2px solid #0099CC;
}
#header ul li.active a {
	font-weight: bold;
	border-bottom: 2px solid #0099CC;
}
/*-----------------------------------------------
		SHS. Site Header - Search
	-----------------------------------------------*/

#header form {
	position: absolute;
	right: 0px;
	margin-top: 3.5em;
}
#header form span {
	display: block;
	background: transparent url(../images/header/search.gif) no-repeat scroll 0 0;
	height: 25px;
	width: 178px;
}
#header form input {
	background: transparent;
	border: medium none;
	margin-top: 5px;
	padding-left: 14px;
	width: 150px;
	outline: none;
}
#header form label, #header form button {
	display: none;
}
/*===============================================
		  Description:
		    The typography for the dojotoolkit website, 
		    includes all base styles.
		===============================================*/

.accessibility {
	display: none;
	visibility: visible;
}
hr {
	height: 1px;
	width: auto;
	border: medium none;
 color:;
	background: #CCC;
	margin: 10px 0;
}
em, i {
	font-style: italic;
}
strong, b {
	font-weight: bold;
}
#main h1, h1 {
	font-family: Futura, "Century Gothic", AppleGothic, sans-serif;
	font-size: 28px !important;
	line-height: 120%;
	margin: 0 0 18px 0 !important;
	clear: none;
	display: inline;
}
h2 {
	font-size: 20px;
	line-height: 120%;
	margin: 33px 0 10px 0;
	color: #cc0000;
}
h2 em {
	color: #333;
	font-style: normal;
}
h4 {
	font-size: 14px;
	font-weight: bold;
	line-height: 120%;
	margin: 37px 0 10px 0;
}
p, ol, ul, dl {
	font-size: 12px;
	color: #555;
	line-height: 150%;
	margin: 0 0 12px;
}
ol, ul {
	/** margin: 0 0 12px 40px; **/
    margin: 0 0 12px 0px;
	padding: 0px;
	-moz-padding-start: 0px;
}
ol {
	list-style-type: decimal;
	list-style-position: outside;
}
ul {
	list-style-type: disc;
	list-style-position: outside;
}
dl {
	margin: 0 0 12px 0;
}
dl dt {
	font-weight: bold;
}
dl dd {
	margin: 0 0 0 40px;
	padding: 0px;
	-moz-padding-start: 0px;
}
pre, code {
	font-family: Tahoma, Geneva, sans-serif;
}
pre {
	margin: 12px 0;
	padding: 6px 9px 7px;
	font-size: 11px;
	border: 1px solid #CCCCCC;
	background: #FFFFEB;
	color: #555;
}
code {
}
object, video {
	margin: 12px 0 12px;
}
/**
		 * Common
		 */

.displayNone, .hide {
	display: none;
}
/**
		 * Main layout
		 */

html {
	height: 100%;
	width: 100%;
}
.accessibility {
	font-size: 1px;
	position: absolute;
	top: -9999px;
	padding: 1em 0;
	text-align: center;
}
#page {
	position: relative;
}
/**
		 * Outer layout grid
		 */

.innerBox {
	/*
			 * summary: used within head, foot, ... to center the outer box.
			 */
    width: 960px;
	margin: 0 auto;
	padding: 0;
	position: relative;
}
.demosPage #header ul .demos a, .downloadPage #header ul .download a, .communityPage #header ul .community a, .blogPage #header ul .blog a, .examplesPage #header ul .examples a, .docPage #header ul .docs a {
	font-weight: bold;
	border-bottom: 2px solid #0099CC;
}
/**
		 * Header
		 */

.highlightHead {
	padding: 0;
	margin: 0 0 0.5em 0;
	background: #E9E9E9;
	border: 1px solid #DDDDDD;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	padding: 0.35em 1em;
	font-size: 14px;
	color: black;
	font-weight: bold;
	line-height: 120%;
}
/*-----------------------------------------------
			The styles for the subnavigational elements.
		-----------------------------------------------*/

.subnav {
	list-style: none;
	margin: 6px 0 0 0;
	padding: 0;
	float: right;
}
.subnav li {
	font-size: 12px;
	line-height: 14px;
	height: 26px;
	display: inline;
}
.subnav li a {
	display: inline;
	float: left;
	margin: 0 8px 0 0;
	text-decoration: none;
	color: #004fb1;
	height: 26px;
}
.subnav li a span {
	display: block;
	padding: 4px 12px 8px 0;
	margin: 0 0 0 12px;
}
.subnav li.active a, .subnav li a:hover {
	color: #050b10;
	background: url("../images/subnav_sprite.png") 0px -27px no-repeat;
}
.subnav li.active a span, .subnav li a:hover span {
	background: url("../images/subnav_sprite.png") top right no-repeat;
}
/**
		 * Lists
		 */

.defaultList {
	margin: 0.5em 0 0 1.5em;
}
.defaultList li {
	list-style-type: none;
	padding: 0.6em 0;
}
.homePage #intro {
	background: url(../images/homeHeaderBg.jpg) no-repeat center top;
	margin-top: 30px;
}
.homePage #intro .line {
	padding: 35px 0 27px 275px;
}
.homePage #intro .firstUnit {
}
#main {
	padding: 0px 0px;
}
#main .firstUnit {
}
#main .sidebar .mod {
	margin-bottom: 20px;
}
#main .sidebar h1 {
	padding-bottom: 10px;
}
.spacer {
	padding-right: 65px;
}
.rightUnitSpacer {
	margin-right: 2em;
}
.leftUnitSpacer {
	margin-left: 2em;
}
#foot {
	height: 24px;
	left: 0px;
	color: #333;
	font-size: 0.8em;
	padding-top: 13px;
	border-top: 1px solid #ccc;
}
/**
		 * main content
		 */

#contentLeft {
	float: left;
	width: 575px;
	padding-right: 20px;
	position: relative;
	background: url(../images/sepLrg.gif) no-repeat right 30px;
}
#contentNavRight {
	float: right;
	width: 250px;
}
#contentRight {
	float: right;
	width: 655px;
	position: relative;
}
#contentNavLeft {
	float: left;
	width: 180px;
	background: url(../images/sepLrg.gif) no-repeat right 30px;
	padding-right: 10px;
}
.sidebar h4 {
	padding: 0;
	margin: 0;
	background: #E9E9E9;
	border: 1px solid #DDDDDD;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	padding: 0.35em 1em;
}
.sidebar ul {
	margin: 10px 0;
	padding-left: 15px;
}
.sidebar ul li {
	list-style-type: none;
	padding: 0.3em 0;
}
/* reference:
		 *	 http://www.positioniseverything.net/easyclearing.html
		 *	 http://www.zeldman.com/2006/10/27/ie7fixes1/
		 *		comment by michael on 10/28/2006
		 */

.clearfix {
	min-height: 1%;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
 // clear: both;
	visibility: hidden;
}
/*
		 * Copied from Object Oriented CSS
		 * by stubbornella
		 */


/* **************** GRIDS ***************** */

.line, .lastUnit {
	overflow: hidden;
	_overflow: visible;
	zoom: 1;
	width: auto !important;
}
.unit {
	float: left;
	zoom: 1;
}
.size1of1 {
	float: none;
}
.size1of2 {
	width: 50%;
	_width: 49.9% !important;
}
.size1of3 {
	width: 33.33333%;
	_width: 33.25% !important;
}
.size2of3 {
	width: 66.66666%;
	_width: 66.65% !important;
}
.size1of4 {
	width: 25%;
	_width: 24.95% !important;
}
.size3of4 {
	width: 75%;
	_width: 74.95% !important;
}
.size1of5 {
	width: 20%;
	_width: 19.95% !important;
}
.size2of5 {
	width: 40%;
	_width: 39.95% !important;
}
.size3of5 {
	width: 60%;
	_width: 59.95% !important;
}
.size4of5 {
	width: 80%;
	_width: 79.95% !important;
}
.lastUnit {
	float: none;
	_float: right;
}
/**
		 * General inline styles
		 */

#main h1 {
	margin: 0 0 25px 0;
}
h4.icon {
	padding: 4px 0 0 27px;
}
table td {
	font-size: 11px;
}
.pageTitleContainer {
	padding: 0em 0 1.0em 0;
	border-bottom: 1px solid #ccc;
	margin-bottom: 1.5em;
	margin-top: 10px;
}
.dj_ie .pageTitleContainer {
	position: relative;
	height: 25px;
}
.dj_ie .pageTitleContainer h1 {
	position: absolute;
	left: 0;
}
/**
		 * text
		 */

.notice {
	color: #e52b00;
}
/* special style for inlined images */

img.inlined {
	border: 1px solid #ccc;
	padding: 2px;
	margin: 12px 0 12px;
}
/* intro text styles */

.introText {
	font-size: 2.5em;
	color: #1BA6DF;
	font-weight: bold;
	margin: 0;
	padding: 0;
	position: relative;
	top: -5px;
}
.introText em, h1 em {
	font-style: normal;
	color: #196daa;
}
.introSubText {
	width: 70%;
	font-size: 1.15em;
	color: #666666;
	padding-bottom: 20px;
	line-height: 1.76em;
	font-weight: normal;
	padding-top: 0;
	margin-top: 0px;
	position: relative;
}
.introSubText img {
	display: block;
	margin-top: 18px;
}
.homePage .version {
	width: 200px;
	height: 200px;
	position: absolute;
	left: 45px;
	top: 15px;
}
.homePage .version h1 {
	font-size: 120px !important;
	color: #fff;
	font-family: Tahoma, Geneva, sans-serif;
	padding: 0;
	margin: 0;
}
.homePage .version span {
	font-size: 14px;
	display: block;
	text-align: center;
	position: relative;
	left: 15px;
	top: 0px;
	color: #fff;
	width: 120px;
}
.companiesStrip {
	background: #0B8CD4 url("../images/companiesStripBg.gif") repeat-x bottom left;
	height: 37px;
	margin-bottom: 55px;
}
.companiesStrip img {
	vertical-align: middle;
	margin-right: 10px;
}
.featuresGrid {
	margin-top: 25px;
	margin-bottom: 55px;
	clear: left;
}
.featuresGrid h2, .featuresGrid h2 a:link, .featuresGrid h2 a:visited {
	margin: 0;
	padding: 0;
	font-size: 15px;
	color: #cc0000;
}
.featuresGrid .iconContainer {
	width: 75px !important;
	padding: 0 10px;
}
/* downloads */

.downloadInfo li ul {
	list-style: none;
	margin-right: 18px;
	padding-left: 30px;
}
ul.downloadInfo {
	padding-left: 10px;
	margin-left: 0;
	clear: left;
}
.codeSample textarea {
	background: none;
	border: 0;
	width: 95%;
	height: 90px;
	font-size: 11px;
}
.downloadInfo ul.inlineList {
	margin: 15px 0 10px 0;
	padding: 0;
	padding-left: 0;
	font-size: 1.2em;
}
.downloadInfo ul.inlineList li img {
	margin-right: 7px;
}
.downloadInfo ul.inlineList li {
}
.downloadInfo li ul li {
	float: left;
	padding-right: 8px;
}
/* Temp TYPE rules */

.codeSample {
	border: 1px solid #ccc;
	background: #ffffeb;
	padding: 5px;
	margin-top: 8px;
}
/*  Download Page Styling */

.buttonShelf {
	margin: 50px 0 35px 0;
	background: url("../images/buttonShelf.png") no-repeat 50% 100%;
	height: 115px;
	text-align: center;
}
.buttonShelf a:link img, .buttonShelf a:visited img {
	border: none;
	margin: 0 15px;
}
#popularSolutions {
	margin-top: 15px;
	border-bottom: 1px solid #ccc;
}
#popularSolutions strong {
	color: #999999;
}
#popularSolutions ul {
	margin: 5px 0 20px 15px;
}
#popularSolutions ul li {
	list-style-type: none;
	padding: 0.4em 0;
	margin: 0;
}
#popularSolutions .unit {
	padding-left: 15px;
}
#books a {
	margin-right: 15px;
}
#books img {
	width: 98px;
}
/* Comments */

.commentsTitle {
	border-top: 1px dotted #ddd;
	padding-top: 20px;
	padding-bottom: 10px;
	font-size: 16px;
	color: #cc0000;
	font-weight: normal;
}
/**
		 * Page specific styling
		 */

.go {
	margin-top: 17px;
}
.headerLink {
	font-size: 10px;
	padding-left: 1em;
}
.navTab {
	list-style: none;
	margin: 0;
	padding: 4px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
}
.navTab li {
	display: inline;
	border: 1px solid #ccc;
	padding: 5px 10px;
	background: #e3e3e3;
	color: #333;
	cursor: pointer;
}
.navTab li.active {
	background: white;
	border-bottom: 1px solid white;
	text-decoration: underline;
}
.downloadPage .downloadInfo {
	list-style: none;
}
.downloadPage .downloadInfo hr {
	margin-bottom: 15px;
}
.downloadInfo li strong {
	font-size: 11px;
	font-weight: bold;
	color: #333;
	margin-right: 5px;
}
.downloadPage .help {
	border: 1px solid #ccc;
	padding: 10px;
	margin: 10px 10px 30px 0px;
	background: #F5FFFE;
}
.downloadPage .info {
	padding: 0px;
	margin: 15px 0px;
}
.downloadPage .sidebar .info {
	font-size: 11px;
	margin: 5px 0;
	padding: 5px 5px;
}
.downloadPage .help img {
	float: left;
	margin: 5px 8px 5px 0;
}
.downloadPage .help p {
	margin-bottom: 0;
}
.downloadPage #content img {
	vertical-align: middle;
}
.downloadPage div.group {
	clear: left;
}
.downloadPage div.group h1 {
	margin: 0 0 5px 0 !important;/* <- NEED TO GET RID OF THE IMPORTANT!!!!! */
}
.downloadPage hr {
	height: 1px;
	width: 100%;
	margin: 3px 0;
	clear: left;
}
.downloadPage div.group .checkbox {
	float: left;
	width: 30%;
	clear: both;
	margin-top: 10px;
}
.downloadPage div.group .content {
	float: left;
	width: 70%;
	margin-top: 10px;
}
.downloadPage .depHeader {
	float: right;
	font-size: 80%;
}
.downloadPage .depFooter {
	float: right;
	clear: left;
	font-size: 80%;
	margin-top: 8px;
}
.downloadPage .depWarning {
	vertical-align: middle;
}
.dijitTooltip {
	padding-left: 0px !important;
	padding-right: 0px !important;
}
.dijitTooltipContainer {
	background: #EEFFCC !important;
	border: 1px solid #AACC99 !important;
}
.dijitTooltipConnector {
	background: none !important;
}
#nabbleforum {
	margin-top: 25px;
}
#nabbleforum .medium-border-color {
	border: 0 !important;
}
.homeIntro .browsers {
	position: absolute;
	right: -170px;
	bottom: -25px;
}
#resultbox {
	border: 3px solid #999;
	background: #fff;
	padding: 15px;
	width: 420px;
	margin-top: 5px;
	margin-bottom: 10px;
	color: #000;
	position: absolute;
	right: 0;
	z-index: 200;
	-webkit-box-shadow: 0 0 10px #333;
	-moz-box-shadow: 0 0 10px #333;
	outline: none;
}
#googlesearch, #sitesearch {
	margin-left: 20px;
}
#header form span.gs-spacer {
	background: none;
	display: inline;
	width: auto;
	height: auto;
}
.googleheader {
	margin: 5px 0;
	font-weight: bold;
}
/* Google Style Hacks */

.gsc-search-box, .gsc-configLabelCell {
	display: none;
}
.gsc-control {
	width: 100%;
}
.gsc-tabHeader {
	display: none;
}
/* Link Colour */

#resultbox a, .gs-title, .gs-title b {
	font-size: 13px;
	font-weight: bold;
	color: #2253AA !important;
}
.gs-visibleUrl, .gs-visibleUrl-short {
	color: #666 !important;
}
#searchClose {
	text-align: right;
}
#searchClose a {
	font-size: 10px !important;
	color: #cc0000;
	cursor: pointer;
}
#resultbox_underlay {
	opacity: 0;
}
.hidden {
	display: none;
}
a:link, a:visited, a:active {
	text-decoration: none;
	color: inherit;
}
a:hover {
	text-decoration: underline;
	color: inherit;
}
#titleleft {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #B4B4B4;
	font-weight: bold;
	margin: 7px 10px 0px 30px;
}
#cuerpo_texto {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #666666;
}
.cuerpo_texto {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #666666;
}
#texto_blanco {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #ffffff;
}
#recuadro_usuario {
	background-image: url(flotante_datos.gif);
	background-repeat: no-repeat;
}

/*
#fecha {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999;
}
*/
/*
#categoria {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
	text-transform: uppercase;
}
*/

.categoria {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
	text-transform: uppercase;
}
#titulares {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 18px;
	color: #536068;
}
.titulares {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 18px;
	color: #536068;
}
.titulares4 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 22px;
	color: #536068;
}
#titulares2 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	color: #536068;
}
#titulares_blanco {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 18px;
	color: #ffffff;
}
#fondo_foto_noticias {
	background-image: url(fondo_foto_noticias.gif);
	background-repeat: no-repeat;
}
#fondo_solapa {
	background-image: url(../consorcios/archivos/solapa.jpg);
	background-repeat: no-repeat;
}
#titulos_form {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
#reglamento {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 14px;
	color: #536068;
	text-transform: uppercase;
}
#texto_reglamento {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #666666;
	margin: 10px;
}
#fondo_amenities {
	background-image: url(solapas_amenities.jpg);
	background-repeat: no-repeat;
}
#fondo_amenities3 {
	background-image: url(archivos/solapas_amenities3.jpg);
	background-repeat: no-repeat;
}
#fondo_amenities4 {
	background-image: url(archivos/solapas_amenities4.jpg);
	background-repeat: no-repeat;
}
.fecha {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999;
}
#info_foro {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #000000;
}
.info_foro {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #000000;
}
#usuario_foro {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
	font-weight: bolder;
}
.usuario_foro {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
	font-weight: bolder;
}
#cuerpo_texto_foro {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #666666;
}
#responder_foro {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 14px;
	color: #666666;
	font-weight: bold;
}
.cuerpo_texto_foro {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #666666;
}
.responder_foro {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 14px;
	color: #666666;
	font-weight: bold;
}
.bodyTextChico {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
}
.bodyText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
}
.bottomBar {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #996666;
}
.bottomBar A:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #996666;
	font-weight: bold;
}
.bottomBar A:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #996666;
	font-weight: bold;
}
.bottomBar A:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #996666;
	font-weight: bold;
}
.bottomBar A:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: underline;
	font-weight: bold;
}
.combo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
}
.destacadoText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #990000;
	text-decoration: none;
}
.destacadoText A:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #990000;
	font-weight: bold;
	text-decoration: none;
}
.destacadoText A:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #990000;
	font-weight: bold;
	text-decoration: none;
}
.destacadoText A:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #990000;
	text-decoration: none;
	font-weight: bold;
}
.destacadoText A:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #990000;
	font-weight: bold;
	text-decoration: underline;
}
.unnamed1 {
	overflow: visible;
	position: absolute;
	visibility: visible;
	z-index: 1;
	left: 10px;
	top: 100px;
}
#pic {
	left: 0px;
	position: relative;
	top: 0px;
	width: 100px;
}
#pic a .large {
	border: 0px;
	display: block;
	height: 1px;
	left: -1px;
	position: absolute;
	top: -1px;
	width: 1px;
}
#pic a img {
	border: 0;
}
#pic a.p1, #pic a.p1:visited {
	background: #FFFFFF;
	border: 0px solid #000000;
	display: block;
	left: 0;
	text-decoration: none;
	top: 0;
	width: 100px;
}
#pic a.p1:hover {
	background-color: #8C97A3;
	color: #000000;
	text-decoration: none;
}
#pic a.p1:hover .large {
	border: 1px solid #000000;
	display: block;
	left: -60px;
	position: absolute;
	top: -220px;
	width: 250px;
	height: 200px;
}
#top {
	margin-left: 80px;
}
/* the div that holds the date picker calendar */

.dpDiv {
}
/* the table (within the div) that holds the date picker calendar */

.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #ece9d8;
	border: 1px solid #AAAAAA;
}
/* a table row that holds date numbers (either blank or 1-31) */

.dpTR {
}
/* the top table row that holds the month, year, and forward/backward buttons */

.dpTitleTR {
}
/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */

.dpDayTR {
}
/* the bottom table row, that has the "This Month" and "Close" buttons */

.dpTodayButtonTR {
}
/* a table cell that holds a date number (either blank or 1-31) */

.dpTD {
	border: 1px solid #ece9d8;
}
/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */

.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
}
/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */

.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
}
/* the table cell that holds the name of the month and the year */

.dpTitleTD {
}
/* a table cell that holds one of the forward/backward buttons */

.dpButtonTD {
}
/* the table cell that holds the "This Month" or "Close" button at the bottom */

.dpTodayButtonTD {
}
/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */

.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
}
/* additional style information for the text that indicates the month and year */

.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
}
/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */

.dpDayHighlight {
	color: 4060ff;
	font-weight: bold;
}
/* the forward/backward buttons at the top */

.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
}
/* the "This Month" and "Close" buttons at the bottom */

.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
}
.floatleft {
	float: left;
}
.margins10 {
	margin: 10px 10px 10px 10px;
}
.marginslr50 {
	margin: 0px 0px 50px 50px;
}
.box01 {
	align: center;
	border: 1px solid #cccccc;
	padding: 5px;
}
.tabla1, .tabla1 th, .tabla1 td {
	border: 1px solid black;
	align: center;
}
.tabla1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	/**  width:90%; **/
    border-collapse: collapse;
	margin: 10px 10px 10px 0px;
}
.tabla1 td, .tabla1 th {
	font-size: 10px;
	border: 1px solid #001593;
	padding: 3px 7px 2px 7px;
}
.tabla1 th {
	font-size: 11px;
	text-align: left;
	padding-top: 5px;
	padding-bottom: 4px;
	background-color: #001593;
	color: #fff;
}
.tabla1 tr.alt td {
	color: #122bc1;
	background-color: #EAF2D3;
}
.boxexpensas {
	background-color: #000000;
}
.padding10 {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.textonormal {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	color: #000000;
}
.textopeq {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px;
	color: #000000;
}
.novfecha {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #0033cc;
}
.fotonovedad {
	margin-right: 40px;
	margin-bottom: 20px;
}
.list {
	border-bottom: dashed 1px #cdcdcd;
	padding: 10px;
	clear: both;
	cursor: pointer
}

.listleft {
	float: left;
	padding-right: 4%;
	width: 80%;
	color: #333;
	font-size: 12px;
	line-height: 15px;
	font-weight: normal
}

.listright {
	float: right;
	width: 11%;
	color: #d53700;
	font-size: 12px;
	line-height: 17px
}

.clearfix {
	clear: both
}

@font-face {
	font-family: 'zurich_bt';
	src: url('../consorcios/fonts/zurich_bt-webfont.eot');
	src: url('../consorcios/fonts/zurich_bt-webfont.eot?#iefix') format('embedded-opentype'), url('../consorcios/fonts/zurich_bt-webfont.woff') format('woff'), url('../consorcios/fonts/zurich_bt-webfont.ttf') format('truetype'), url('../consorcios/fonts/zurich_bt-webfont.svg#zurich_bt') format('svg');
	font-weight: normal;
	font-style: normal;
}
body {
	font-family: "zurich_bt";
	letter-spacing: 0.05em;
	font-size: 0.8em;
	background: #eeeeee;
	color: #546169;
}
.section {
	font-family: "zurich_bt";
	letter-spacing: 0.05em;
	font-size: 1.2em;
	color: #546169;
	background-image: url(../consorcios/img/boton.png);
	background-size: 100%;
	height: 35px;
	width: 125px;
}
.section-espacio {
	height: 40px;
	width: 125px;
}
a.link {
	text-decoration: none;
	color: #546169;
	margin-top: 1em;
	margin-left: 0.8em;
	line-height: 2.5em;
	cursor: pointer;
}
a.link:hover {
	text-decoration: none;
	color: #deb264;
}
.fondotrans {
	background: rgba(200, 200, 200, 0.7);
}
.stroke {
/** 	text-shadow: -1px -1px 0 #777, 1px -1px 0 #777, -1px 1px 0 #777, 1px 1px 0 #777; **/
}
/*********** DIVs del LAYOUT y gradiente **/
#wrapper {
	margin-left: auto;
	margin-right: auto;
	padding: 0px 0px 0px 0px;
	width: 100%;/** border: thin solid #dddddd; **//** border-top: 4px solid #536068; **/
    /**	background-color:#f1f0ec; **/
}
/** HEADER ELEMENTS **/

#iheader {
	margin-right: 0px;
	margin-left: 0px;
	width: 100%;
	height: 60px;
	border: none;
	vertical-align: middle;
	overflow: hidden;
	position: fixed;
	z-index: 999;
}
#iheadertrans {
	/* webkit */
	background-image: -webkit-gradient(
	  linear, left top, right top, from(rgba(0,0,0,1)),
	  to(rgba(0,0,0,0.5))
	);
	
	/* mozilla - FF3.6+ */
	background-image: -moz-linear-gradient(
	  left, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0) 
	);
	
	/* IE 6 y 7 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF000000', endColorstr='#77000000', gradientType='1');
	 
	/* IE 8 y 9 */
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF000000', endColorstr='#77000000', gradientType='1');
	
	/* IE 10 */
	background: -ms-linear-gradient(left, #FF0000, #00FF00);
	
	/* Standard syntax */
	background: linear-gradient(to left, rgba(0,0,0,0.5), rgba(0,0,0,1)); 
		
	width: 100%;
	height: 100%;
}
#headerbar {
	position: absolute;
	right: 10px;
	/** bottom: 15px;         **/
    max-width: 80%;
    top: 0px;
}
#headerbar > a > img {
	padding: 15px 12px;
	width: 26px;
	color: rgba(0, 0, 0, 1);
	cursor: pointer;
}
#searchbutton {
	height: 24px;
	width: 24px !important;
}
#headerbar > a > img:hover, #headerbar .useraccount:hover {
	background-color: rgba(70, 70, 70, 1);
	color: rgba(0, 0, 0, 0.1);
}
#headerbar .useraccount {
}
#headerbar .useraccount {
	float: right;
	padding: 15px 12px;
	cursor: pointer;
}
#headerbar .useraccount .meta {
	float: left;
	color: #ffffff;
	margin-right: 7px;
}
#headerbar .useraccount .meta small {
	text-transform: uppercase;
	color: #cccc00;
}
#headerbar .useraccount img {
	width: 26px;
}
#cajalogo {
 	text-align: center;		
	width: 180px;
	height: 60px;
}

#logoconsorcio {
	display: block;
 	max-width: 180px;
	height: 60px;
	margin: auto;
}
#logoconsorcio2 {
	max-height: 70px;
	float: right;
	height: 70px;
	position: relative;
	margin-top: 10px;
	margin-right: 15px;
}
.logoconsorcio {
/**	max-width: 215px;
	max-height: 100px; **/
	left: 30px;
	bottom: 15px;
}
.logoconsorcio2 {
	max-height: 70px;
	float: right;
	height: 70px;
	position: relative;
	margin-top: 10px;
	margin-right: 15px;
}
#tituloheader {
text-align: left;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
	font-size: 20px;
	color: #fff;
	padding: 0px;
    position: absolute;
	left: 185px;
	bottom: 15px;
	max-width: 80%;
}
/** CENTER ELEMENTS **/

#icenter {
	position: relative;
	overflow: auto;
	width: 100%;
	overflow: hidden;
	background: rgb(255, 255, 255);
	/* Old browsers */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 1%, rgba(241, 240, 236, 1) 90%);
	/* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, rgba(255, 255, 255, 1)), color-stop(90%, rgba(241, 240, 236, 1)));
	/* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 1%, rgba(241, 240, 236, 1) 90%);
	/* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 1%, rgba(241, 240, 236, 1) 90%);
	/* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 1%, rgba(241, 240, 236, 1) 90%);
    /* IE10+  */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f0ec', GradientType=0);
	/* IE6-8 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 1%, rgba(241, 240, 236, 1) 40px);/* W3C */
	height: auto;
	min-height: 100%;
}
#isidebar {
	/*	clear: both; */
	float: left;
	width: 180px;
	margin: 60px 0px 0px 0px;
	padding: 0px 0px 40px 0px;
	z-index: 1;
	background: #282828;
	overflow: hidden;
	position: fixed;
	min-height:100%;
}
#ititle {
	display: none;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
	height: 40px;
	width: 845px;
	overflow: hidden;
}
#icontent, #container {
	float: left;
	overflow: hidden;
	margin: 75px 0px 0px 200px;
	width: calc(100% - 210px);
}
/*
#ubicacion {
    float: right;
    margin: 0px 0px 15px 0px;
}
*/
#titleright {
	float: left;
	font-size: 8pt;
	color: #666;
	margin-top: 8px;
}
#cerrarsesion img {
	margin: 0px 30px -4px 0px;
}
.cerrarsesion {
	margin: 0px 30px -4px 0px;
}
#botonmenu {
	display: none;
	margin: 0px 15px -9px 0px;
	cursor: pointer;
	float: right;
}
#botonmenu2 {
	display: none;
	margin: 0px 15px -9px 0px;
	cursor: pointer;
	float: right;
}
/** FOOTER ELEMENTS **/

#ifooter {
	margin-right: 0px;
	margin-left: 160px;
	clear: both;
	width: calc(100% - 160px);
	height: 90px;
	background-color: #ffffff;
	border-top: 4px solid #536068;
	position: absolute;
}
#logosfooter {
	float: left;
	width: 50%;/** border: 3px solid #0099CC; **/
}
#imagenlogosfooter {
	max-height: 65px;
}
#footertext {
	float: right;
	width: 45%;/** border: 3px solid #0099CC; **/
}
#copyright {
}
#intranetby {
}


@media screen and (max-width: 1065px) {
	#tituloheader {
		display: none;
	}
}


/** TABLETS **/


@media screen and (max-width: 800px) {
	
#novs_button1 > a > span {
	display: none;
}

#novs_button1{
	padding: 2px 15px;
}

#novs_button1 > a:after {
	content: '+';
	font-size: 18px;
}
	
.layoutleft {
	width: calc(100% - 40px) !important;
}
.layoutright {
	width: calc(100% - 40px) !important;
}
.tbox {
	top: 0px !important;
	left: 0px !important;
	width: 100% !important;
	padding: 0px !important;
}
.tinner {
	width: calc(100% - 30px) !important;
	height: 100% !important;
}
.tinner iframe {
	width: 100% !important;
}
.blockStyledForm {
	margin: 0px !important;
}

#olvide {
	background-color: #F7F8E0;
	;
	width: 100%;
}
#intratitle {
	font-size: 14px;
}
#clave, #usuario {
	width: calc(100% - 8px);
}
#clave > input, #usuario > input {
	width: calc(100% - 12px);
	padding: 10px 8px;
	margin: 0px !important;
	font-size: 25px !important;
}
#usuario > label, #clave > label {
	font-size: 20px;
}
#loginfooter {
	display: none;
}
#seccionlogin {
	width: 100%;
}
#boxizquierda {
	width: calc(100% - 40px);
	margin: 0px !important;
}
#ingresarbtn, #continuarbtn {
	width: calc(100% - 10px);
	padding: 15px 0px;
	font-size: 16px !important;
}
#solicitudclave_1000 input {
	width: calc(100% - 12px);
	padding: 8px;
	margin: 0px !important;
	font-size: 18px !important;
}

#botonbuscar {
	display: none;
}
#buscarunidad {
	display: none;
}
}

/** PHONES **/

@media screen and (max-width: 600px) {
	
.bounidades {
	 display:block !important;
}

.tablafoto {
	width: 30%;
}

.tablaresumen {
	width:70%;
}

.tablaexpensas,.tablacomprobantes {
	width: 0%;
	display: none;
}

	
#boton_miunidad, #boton_habitantes, #boton_misvehiculos, #boton_autorizaciones, #boton_cambiarclave, #boton_salir {
	display: block;
}
	
#isidebar > ul > li > a {
	font-size: 14px !important;
	padding: 5px 2px 5px 25px;
}
#isidebar .section {
	height: auto;
}
#menuimg {
	display: block;
	position: absolute;
	top: 20px;
	right: 20px;
}

/*#headerbar {
	display:none;
}*/

#botongestion,#botonreportes,#botonconfiguracion,#useraccount {
	display: none;
}

#headerbar {
	top: 5px;
	right: 60px;
}

#wrapper {
	width: 100%;
}

#iheader {
	height: 65px;
}

#divlogoconsorcio {
	left: 15px;
	height: 50px;
}

#logoconsorcio {
	max-width: 110px;
	max-height: 50px;
	bottom: 8px;
	left: 20px;
}

#logoconsorcio2 {
	max-width: 90px;
	max-height: 50px;
}

#tituloheader {
	display:none;
	font-size: 14px;
	max-width: 70%;
	bottom: 8px;
	right: 10px;
}
#cerrarsesion {
	display: none;
}
#botonmenu {
	display: inline;
}
#isidebar {
	display: none;
	width: 100%;
	position: absolute;
	background-color: #CCCCCC;
	display: none;
}
#isidebar > ul, #isidebar > ul li, #isidebar > ul li a {
	width: 100%;
}
#inicio {
	display: none;
}
#icontent, #container {
	width: 97%;
	float: left;
	margin: 65px 2px 0px 5px;
	padding: 10px 0px 30px 10px;
}
#ifooter {
	display: none;
}
#logosfooter {
	width: 95%;
}
#footertext {
	float: left;
	clear: both;
	width: 95%;
}
#ititle {
	width: 100%;
}
#ubicacion {
	display: none;
}
#titleright {
	display: none;
}
.section {
	width: 100%;
	background-image: none;
}
}
/** END PHONE **/

.alright {
	text-align: right;
}
.margin10 {
	margin: 10px 10px 10px 10px;
}
/**** CALENDAR *****/

.calendar_title {
	width: 96%;
	background-color: #666666;
	color: #ffffff;
	padding: 5px 10px 5px 10px;
	height: 1%;
	overflow: hidden;
}
.calendar_titletext {
	font-size: 150%;
	font-weight: bold;
}
.calendar_header {
	clear: both;
	background-color: #cccccc;
	height: 1%;
	overflow: hidden;
	padding: 5px 10px 5px 10px;
}
.calendar_cols {
	width: 100%;
	clear: both;
}
.calendar_cells {
	/**   height:400px; **/
    width: 100%;
	overflow: auto;
}
/**** WARNING AND ERRORS MESSAGES ****/

.info, .success, .warning, .error, .validation {
	border: 1px solid;
	margin: 10px 0px;
	padding: 15px 10px 15px 50px;
	background-repeat: no-repeat;
	background-position: 10px center;
}
.info {
	color: #00529B;
	background-color: #BDE5F8;
	background-image: url('../imgs/info.png');
}
.success {
	color: #4F8A10;
	background-color: #DFF2BF;
	background-image: url('../imgs/success.png');
}
.warning {
	color: #9F6000;
	background-color: #FEEFB3;
	background-image: url('../imgs/warning.png');
	clear: both;
	width: auto;
}
.error {
	color: #D8000C;
	background-color: #FFBABA;
	background-image: url('../imgs/error.png');
	padding-left: 30px !important;
}
/* FORMULARIOS (antes forms.css) */


/* ----- GENERAL FORM ----- */



.rbcell {
	font-size: 12px;
}
.rbuttondiv {
	float: left;
	padding: 5px 5px 5px 5px;
	/**	min-width: 20%;  **/
    font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
.rbuttondiv:hover {
	cursor: pointer;
	border-radius: 3px;
	background-color: #ccc;
}
.checked {
	background-color: #666 !important;
	border-radius: 3px;
	color: #fff;
}

.blockStyledForm span {
	margin-top: 0px;
}
/* ----- INPUTS ----- */

.blockStyledForm input, .blockStyledForm select, .blockStyledForm textarea {
	margin: 2px 2px 2px 10px;
	padding: 6px;
	background-color: #fff;
	color: #666;
	border: 1px solid #CCC;
	border-radius: 5px;
	font-size: 13px;
}
textarea {
	height: auto !important;
}
input, select {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.blockStyledForm input.focus {
	border: 1px solid #FDD253;
}
.blockStyledForm select.focus {
	background-color: #FFFFE6;
	border: 1px solid #FDD253;
}
.blockStyledForm .readonly label {
	margin-top: 0px;
	margin-bottom: 3px;
}
.blockStyledForm .rofieldtext {
	margin-left: 12px;
	padding-top: 10px;
	display: inline-block;
}
/* ----- TITLES ----- */


/* Form title */

.blockStyledForm div.legenderror {
	font-size: 12px;
	font-weight: italic;
	background-color: #ff0000;
	padding: 4px 0 4px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	overflow: hidden;
}
.blockStyledForm div.legenderrortext {
	float: left;
	background-color: #ff0000;
	color: #ffffff;
}
.blockStyledForm div.title div.actions {
	float: right;
	padding: 0px;
	margin: -2px 0px -10px 0px;
}
.blockStyledForm div.legend div.actions {
	float: right;
	padding: 0px;
	margin: -8px 0px 0px 0px;
}
.blockStyledForm div.collapser {
	float: right;
}
/** agregado por roberto 7/6/16 **/
.blockStyledForm > div.actions {
	width: calc(100% - 2px);
	background-color: #ddd;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	float: none !important;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 2px 0px !important;
}
.blockStyledForm > div.actions .btn {
	font-size: 16px;
	text-transform: uppercase;
	padding: 10px;
	text-align: center;
}
/** hasta aca agregado por roberto 7/6/16 **/


/* ----- FIELDSETS ----- */




/* Fields with an div container */

.blockStyledForm div.field {
	margin: 4px 3px 4px 12px;
	overflow: hidden;
	position:relative;
}
.label {
	text-align: left;
	margin: 5px 10px 10px 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
/* Labels vertical alignment */

.blockStyledForm fieldset p {
	margin: 10px;
}
.blockStyledForm fieldset .warning {
	margin: 5px;
	display: block;
}
/* Labels horizontal alignment */

.blockStyledForm fieldset label {
	float: left;
	text-align: left;
	margin: 0px 0px 0px 12px;
	padding-top: 10px;
	display: inline;
	font-size: 12px;
}
/* fields comments */

.blockStyledForm fieldset span#comments {
	/* float: left;  */
    margin: 5px 10px 0 5px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
}
.comments {
	/*   margin: 10px 10px 0px 10px; */
	display: inline-block;
}
/*span.labeltop {
	position: absolute;
	top: 40px;
	right: 0px;
}*/

/* ----- ACTIONS ----- */

.blockStyledForm div.actions {
	/*	background-color: f0f0f0; */
    padding: 10px;
	overflow: hidden;
	_height: 0.1%;
	display: inline-block;
	float: right;
}
.blockStyledForm div.actions div {
	margin-right: 10px;
}
/* ----- EMBED FORMS (with sheepIt Plugin) ----- */

.blockStyledForm div.embed {
	float: left;
	padding-top: 10px;
}
.blockStyledForm div.embed div.template {
	margin: 10px 0;
}
.blockStyledForm div.embed div.template label {
	width: 80px;
	text-align: left;
}
.blockStyledForm div.embed div.template img.delete {
	vertical-align: middle;
}
.blockStyledForm div.embed div.noItems {
	text-align: center;
	padding: 10px;
}
.blockStyledForm div.embed div.controls {
	background-color: #f3f2f2;
	border-top: 1px solid #d1d1d1;
	padding: 10px;
	overflow: hidden;
}
.blockStyledForm div.embed div.controls > div, form.blockStyledForm div.embed div.controls input {
	margin-right: 10px;
	float: left;
}
/*
=======================================================================================
   FORM SOLAPAS
=======================================================================================
*/


/* ----- GENERAL FORM ----- */

.formSolapas {
	font-size: 12px;
	border: 0px none #f0f0f0;
	margin: 0 0 0 20;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
 background-color:;
}
.rbcell {
	font-size: 12px;
}
.rbuttondiv {
	float: left;
	padding: 5px 5px 5px 5px;
	/**	min-width: 20%;  **/
    font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
.rbuttontext {
	margin: 4px 5px 0px 5px;
	position: relative;
	top: -6px;
}
.formSolapas span {
    /**
	margin: 5px 0 0px 0px;
	display: block;
	padding: 0px 0px 0px 5px; 
	background-color:#fff;  **/ // LO SAQUÉ PORQUE CAGABA EL HTMLEDITOR
}
/* ----- INPUTS ----- */

.formSolapas input {
	padding: 4px;
	background-color: #fff;
	border: 1px solid #CCC;
}
.formSolapas input.focus {
	border: 1px solid #FDD253;
}
.formSolapas select {
	padding: 4px;
	background-color: #fff;
	border: 1px solid #CCC;
}
.formSolapas select.focus {
	background-color: #FFFFE6;
	border: 1px solid #FDD253;
}
/* ----- TITLES ----- */


/* Form title */

.formSolapas div.title {
	background-image: url('../consorcios/archivos/solapa.jpg');
	background-repeat: no-repeat;
	margin: 0px;
	font-size: 16px;
	font-weight: normal;
	/**	background-color: #536068; **/
    padding: 4px 0 4px 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #FFF;
}
/* Fieldsets titles */

.formSolapas div.legend {
	font-size: 12px;
	font-weight: bold;
	background-color: #CCCCCC;
	padding: 4px 0 4px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
}
/* ----- FIELDSETS ----- */

.formSolapas fieldset {
	border: 0px;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	background-color: #f0f0f0;
}
/* Fields with an div container */

.formSolapas div.field {
	margin: 5px 2px 2px 2px;
	overflow: hidden;
	_height: 0.1%
}
.label {
	text-align: left;
	margin: 5px 10px 10px 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
/* Labels vertical alignment */

.formSolapas fieldset label {
	display: block;
	margin: 0px;
}
/* Labels horizontal alignment */

.formSolapas fieldset label {
	float: left;
	width: 100px;
	text-align: left;
	margin: 0px;
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
}
/* fields comments */

.formSolapas fieldset span#comments {
	/* float: left;  */
    margin: 5px 10px 0 5px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
}
/* ----- ACTIONS ----- */

.formSolapas div.actions {
	background-color: f0f0f0;
	padding: 10px;
	overflow: hidden;
	_height: 0.1%;
}
.formSolapas div.actions div {
	margin-right: 10px;
}
/* ----- EMBED FORMS (with sheepIt Plugin) ----- */

.formSolapas div.embed {
	float: left;
	padding-top: 10px;
}
.formSolapas div.embed div.template {
	margin: 10px 0;
}
.formSolapas div.embed div.template label {
	width: 80px;
	text-align: left;
}
.formSolapas div.embed div.template img.delete {
	vertical-align: middle;
}
.formSolapas div.embed div.noItems {
	text-align: center;
	padding: 10px;
}
.formSolapas div.embed div.controls {
	background-color: #f3f2f2;
	border-top: 1px solid #d1d1d1;
	padding: 10px;
	overflow: hidden;
}
.formSolapas div.embed div.controls > div, form.formSolapas div.embed div.controls input {
	margin-right: 10px;
	float: left;
}
.btn.previewButton {
	font-family: arial, helvetica, sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	line-height: 70px;
	padding: 0px 1px 0px 5px;
	background-image: url(../images/btn-preview-left.png);
	background-repeat: no-repeat;
	background-position: left top;
	width: 200px;
	_background-image: url(../images/btn-bg-ie.png);
	_background-repeat: repeat-x;
	_height: 0.1%;
}
.btn.previewButton:hover {
	background-position: left bottom;
}
.btn.previewButton a {
	/* This padding top and bottom + line-height = Total height of the bg image */
    padding: 4px 13px 4px 4px;
	background-image: url(../images/btn-preview-right.png);
	background-position: right top;
	background-repeat: no-repeat;
	color: #fff;
	text-shadow: -1px -1px 0 #666;
	/* For ie */
    _height: 0.1%;
	/* Activate layout */
    _background-image: url(../images/btn-bg-ie.png);
	_background-repeat: repeat-x;
}
.btn.previewButton a:hover {
	background-position: right bottom;
	text-decoration: none;
	color: #d0f67f;
}
/* ------ Buttons for forms ----- */

.btn.form {
	line-height: 26px;
	padding: 0 1px 0 5px;
	background: url(../images/btn_bg_left_grey26.png) no-repeat left top;
}
.btn.form:hover {
	background-position: left bottom;
}
.btn.form a {
	padding: 4px 13px 4px 4px;
	background: url(../images/btn_bg_grey26.png) no-repeat right top;
	color: #333;
}
.btn.form a:hover {
	background-position: right bottom;
	text-decoration: none;
	color: #000;
}
.btn.form span {
	text-indent: 20px;
	display: block;
}
.btn.form.add span {
	background: url(../images/add.png) no-repeat left center;
}
.btn.form.remove span {
	background: url(../images/delete.png) no-repeat left center;
}
.imagen {
	float: left;
	margin: 0px 5px 3px 0px;
 background-color:;
}
.removefilebutton {
	position: relative;
	left: 0;
	top: -88;
	cursor: pointer;
}
div.gallerycontent {
	float: left;
	margin: 0px;
	padding: 0px;
	/** height: 40px; **/
}
div.gallery {
	float: left;
	font-size: 0.9em;
	font-weight: lighter;
	padding: 0px;
	margin: 5px;
	overflow: hidden;
}
div.galleryfile {
	float: left;
	/**    max-width: 125px; **/
    padding: 0px;
	margin-left: 10px;
}
div.filetitle {
	width: 30px;
	clear: both;
	padding: 4px;
	background-color: #fff;
	border: 3px solid #CCC;
}
/* Fieldsets titles */

div.htmleditor {
	font-size: 0.9em;
	font-weight: lighter;
	padding: 4px 0px 4px 7px;
	margin: 2px 20px 2px 0px;
}
.button {
	background: #79130e;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
	display: inline-block;
	font-size: 11px;
	color: #FFF;
	font-weight: bold;
	padding: 4px 18px;
	text-transform: uppercase;
}
.tbox {
	position: absolute;
	display: none;
	padding: 14px 3px;
	z-index: 1900;
}
.tinner {
	padding: 15px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #fff url(../include/tinybox2/images/preload.gif) no-repeat 50% 50%;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333
}
.tmask {
	position: absolute;
	display: none;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	background: #000;
	z-index: 800
}
.tclose {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 30px;
	height: 30px;
	cursor: pointer;
	background: url(../include/tinybox2/images/close.png) no-repeat
}
.tclose:hover {
	background-position: 0 -30px
}
#error {
	background: #ff6969;
	color: #fff;
	text-shadow: 1px 1px #cf5454;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	padding: 0
}
#error .tcontent {
	padding: 10px 14px 11px;
	border: 1px solid #ffb8b8;
	-moz-border-radius: 5px;
	border-radius: 5px
}
#success {
	background: #2ea125;
	color: #fff;
	text-shadow: 1px 1px #1b6116;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	padding: 10;
	-moz-border-radius: 0;
	border-radius: 0
}
#bluemask {
	background: #4195aa
}
#frameless {
	padding: 0
}
#frameless .tclose {
	left: 6px
}
.errors {
	font: italic bold 14px arial, serif;
	color: #FF0000;
	width: 100%;
	align: center;
	font-weight: bold;
}
.messages {
	font: italic bold 12px arial, serif;
	background-color: #0000FF;
	color: #ffffff;
	width: calc(98% - 12%);
	align: center;
	padding: 6px 6px 6px 6px;
	margin: 6px auto 6px auto;
}
/* BOTONES (antes sexybuttons.css) */

.sexybutton {
	display: inline-block;
	vertical-align: middle;
	margin: 0;
	padding: 0;
	font: bold 13px "Helvetica Neue", Helvetica, Arial, clean, sans-serif !important;
	text-decoration: none !important;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.20);
	background: none;
	border: none;
	white-space: nowrap;
	cursor: pointer;
	user-select: none;
	-moz-user-select: none;
	/* Fix extra width padding in IE */
    _width: 0;
	overflow: visible;
}
.sexybutton span {
	display: block;
	/* Prevents :active from working in IE--oh well! */
    height: 24px;
	padding-right: 12px;
	background-repeat: no-repeat;
	background-position: right top;
}
.sexybutton span span {
	padding-right: 0;
	padding-left: 12px;
	line-height: 24px;
	background-position: left top;
}
.sexybutton span span span {
	padding-left: 21px;
	background-image: none;
	background-repeat: no-repeat;
	background-position: left center;/* IE6 still requires a PNG transparency fix *//* _background-image: none;		Or just hide icons from the undeserving IE6 */
    /* _padding-left: 0;					Or just hide icons from the undeserving IE6 */
}
.sexybutton span span span.after {
	padding-left: 0px;
	padding-right: 21px;
	background-position: right center;/* IE6 still requires a PNG transparency fix *//* _padding-right: 0;					Or just hide icons from the undeserving IE6 */
}
.sexybutton.sexyicononly span span span {
	padding-left: 16px;
}
.sexybutton.sexyicononly span span span.after {
	padding-left: 0px;
	padding-right: 16px;
}
.sexybutton[disabled], .sexybutton[disabled]:hover, .sexybutton[disabled]:focus, .sexybutton[disabled]:active, .sexybutton.disabled, .sexybutton.disabled:hover, .sexybutton.disabled:focus, .sexybutton.disabled:active {
	color: #333 !important;
	cursor: inherit;
	text-shadow: none;
	opacity: 0.33;
}
.sexybutton:hover span, .sexybutton:focus span {
	background-position: 100% -24px;
}
.sexybutton:hover span span, .sexybutton:focus span span {
	background-position: 0% -24px;
}
.sexybutton:active span {
	background-position: 100% -48px;
}
.sexybutton:active span span {
	background-position: 0% -48px;
}
.sexybutton[disabled] span, .sexybutton.disabled span {
	background-position: 100% -72px;
}
.sexybutton[disabled] span span, .sexybutton.disabled span span {
	background-position: 0% -72px;
}
.sexybutton:hover span span span, .sexybutton:focus span span span, .sexybutton:active span span span, .sexybutton[disabled] span span span, .sexybutton.disabled span span span {
	background-position: left center;
}
.sexybutton:hover span span span.after, .sexybutton:focus span span span.after, .sexybutton:active span span span.after, .sexybutton[disabled] span span span.after, .sexybutton.disabled span span span.after {
	background-position: right center;
}
.sexybutton img {
	margin-right: 5px;
	vertical-align: text-top;
	/* IE6 Hack */
    _margin-top: 4px;
	_vertical-align: text-bottom;/* IE6 still requires a PNG transparency fix *//* _display: none;		Or just hide icons from the undeserving IE6 */
}
.sexybutton img.after {
	margin-right: 0;
	margin-left: 5px;/* IE6 still requires a PNG transparency fix *//* _margin-left: 0;		Or just hide icons from the undeserving IE6 */
}
.sexybutton.sexymedium {
	font-size: 15px !important;
}
.sexybutton.sexylarge {
	font-size: 18px !important;
}
/*
 * Button Skins
 * 
 * .PNG background images with alpha transparency are also supplied if you'd rather use them instead of the 
 * default .GIF images. (Just beware of IE6's lack of support.) 
 * 
 * Additional skins can be added below. The images/skins/ButtonTemplate.psd can be used to create new skins.
 * Prefix the skin name with "sexy" to avoid any potential conflicts with other class names. 
 */


/* Silver Button Skin (the default skin) */

.sexybutton, .sexybutton.sexysilver {
	color: #666 !important;
}
.sexybutton:hover, .sexybutton:focus, .sexybutton.sexysilver:hover, .sexybutton.sexysilver:focus {
	color: #333 !important;
}
.sexybutton span, .sexybutton.sexysilver span {
	background-image: url(images/skins/silver/button_right.gif);
}
.sexybutton span span, .sexybutton.sexysilver span span {
	background-image: url(images/skins/silver/button_left.gif);
}
/* Orange Button Skin */

.sexybutton.sexyorange, .sexybutton.sexyorange:hover, .sexybutton.sexyorange:focus {
	color: white !important;
}
.sexybutton.sexyorange[disabled], .sexybutton.sexyorange[disabled]:hover, .sexybutton.sexyorange[disabled]:active, .sexybutton.sexyorange[disabled]:focus, .sexybutton.sexyorange.disabled, .sexybutton.sexyorange.disabled:hover, .sexybutton.sexyorange.disabled:active, .sexybutton.sexyorange.disabled:focus {
	color: #333 !important;
}
.sexybutton.sexyorange span {
	background-image: url(images/skins/orange/button_right.gif);
}
.sexybutton.sexyorange span span {
	background-image: url(images/skins/orange/button_left.gif);
}
/* Yellow Button Skin */

.sexybutton.sexyyellow, .sexybutton.sexyyellow:hover, .sexybutton.sexyyellow:focus {
	color: #994800 !important;
}
.sexybutton.sexyyellow span {
	background-image: url(images/skins/yellow/button_right.gif);
}
.sexybutton.sexyyellow span span {
	background-image: url(images/skins/yellow/button_left.gif);
}
/* 
 * Simple Skin Buttons
 */

.sexybutton.sexysimple {
	position: relative;
	padding: 5px 10px 5px;
	font: inherit;
	font-size: 13px !important;
	font-style: normal !important;
	font-weight: bold !important;
	color: #fff !important;
	line-height: 1;
	background-image: url(images/skins/simple/awesome-overlay-sprite.png);
	background-repeat: repeat-x;
	background-position: 0 0;
	/* Special effects */
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25), -2px 0 1px rgba(0, 0, 0, 0.25);
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
	/* IE only stuff */
    border-bottom: 1px solid transparent\9;
	_background-image: none;
	/* Cross browser inline block hack - http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/ */
    display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
 *display: inline !important;
	position: relative;
	/* Force hasLayout in IE */
    zoom: 1;
	/* Disable text selection (Firefox only)*/
    -moz-user-select: none;
}
.sexybutton.sexysimple::selection {
	background: transparent;
}
.sexybutton.sexysimple:hover, .sexybutton.sexysimple:focus {
	background-position: 0 -50px;
	color: #fff !important;
}
.sexybutton.sexysimple:active {
	background-position: 0 -100px;
	-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.7);
	/* Unfortunately, Safari doesn't support inset yet */
    -webkit-box-shadow: none;
	/* IE only stuff */
    border-bottom: 0\9;
	border-top: 1px solid #666\9;
}
.sexybutton.sexysimple[disabled], .sexybutton.sexysimple.disabled {
	background-position: 0 -150px;
	color: #333 !important;
	text-shadow: none;
}
.sexybutton.sexysimple[disabled]:hover, .sexybutton.sexysimple[disabled]:focus, .sexybutton.sexysimple[disabled]:active, .sexybutton.sexysimple.disabled:hover, .sexybutton.sexysimple.disabled:focus, .sexybutton.sexysimple.disabled:active {
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}
.sexybutton.sexysimple span {
	height: auto;
	padding-left: 24px;
	padding-right: 0;
	background-position: left center;
	background-repeat: no-repeat;/* IE6 still requires a PNG transparency fix *//* _padding-left: 0;		Or just hide icons from the undeserving IE6 */
}
.sexybutton.sexysimple span.after {
	padding-left: 0;
	padding-right: 24px;
	background-position: right center;/* IE6 still requires a PNG transparency fix *//* _padding-right: 0;		Or just hide icons from the undeserving IE6 */
}
.sexybutton.sexysimple.sexyicononly span {
	height: 16px;
	padding-left: 16px;
}
.sexybutton.sexysimple.sexyicononly span.after {
	padding-left: 0px;
	padding-right: 16px;
}
/* Simple button colors */

.sexybutton.sexysimple {
	background-color: #333;
}
/* Default */

.sexybutton.sexysimple.sexyblack {
	background-color: #333;
}
.sexybutton.sexysimple.sexyred {
	background-color: #a90118;
}
.sexybutton.sexysimple.sexyorange {
	background-color: #ff8a00;
}
.sexybutton.sexysimple.sexyyellow {
	background-color: #ffb515;
}
.sexybutton.sexysimple.sexygreen {
	background-color: #59a901;
}
.sexybutton.sexysimple.sexyblue {
	background-color: #015ea9;
}
.sexybutton.sexysimple.sexyteal {
	background-color: #2daebf;
}
.sexybutton.sexysimple.sexymagenta {
	background-color: #a9014b;
}
.sexybutton.sexysimple.sexypurple {
	background-color: #9d01a9;
}
/* Simple button sizes */

.sexybutton.sexysimple.sexysmall {
	padding: 4px 7px 5px;
	font-size: 10px !important;
}
.sexybutton.sexysimple.sexysmall:active {
	padding: 5px 7px 4px;
}
.sexybutton.sexysimple {
/* default */
}
.sexybutton.sexysimple:active {
	padding: 6px 10px 4px;
}
.sexybutton.sexysimple.sexymedium {
/* default */
}
.sexybutton.sexysimple.sexymedium:active {
	padding: 6px 10px 4px;
}
.sexybutton.sexysimple.sexylarge {
	padding: 8px 14px 8px;
	font-size: 14px !important;
}
.sexybutton.sexysimple.sexylarge:active {
	padding: 9px 14px 7px;
}
.sexybutton.sexysimple.sexyxl {
	padding: 8px 14px 8px;
	font-size: 16px !important;
}
.sexybutton.sexysimple.sexyxl:active {
	padding: 9px 14px 7px;
}
.sexybutton.sexysimple.sexyxxl {
	padding: 8px 14px 8px;
	font-size: 20px !important;
}
.sexybutton.sexysimple.sexyxxl:active {
	padding: 9px 14px 7px;
}
.sexybutton.sexysimple.sexyxxxl {
	padding: 8px 14px 8px;
	font-size: 26px !important;
}
.sexybutton.sexysimple.sexyxxxl:active {
	padding: 9px 14px 7px;
}
.sexybutton.sexysimple.sexysmall[disabled]:active, .sexybutton.sexysimple.sexysmall.disabled:active {
	padding: 4px 7px 5px;
}
.sexybutton.sexysimple[disabled]:active, .sexybutton.sexysimple.disabled:active {
	padding: 5px 10px 5px;
}
.sexybutton.sexysimple.sexymedium[disabled]:active, .sexybutton.sexysimple.sexymedium.disabled:active {
	padding: 6px 10px 4px;
}
.sexybutton.sexysimple.sexylarge[disabled]:active, .sexybutton.sexysimple.sexylarge.disabled:active {
	padding: 8px 14px 8px;
}
.sexybutton.sexysimple.sexyxl[disabled]:active, .sexybutton.sexysimple.sexyxl.disabled:active {
	padding: 8px 14px 8px;
}
.sexybutton.sexysimple.sexyxxl[disabled]:active, .sexybutton.sexysimple.sexyxxl.disabled:active {
	padding: 8px 14px 8px;
}
.sexybutton.sexysimple.sexyxxxl[disabled]:active, .sexybutton.sexysimple.sexyxxxl.disabled:active {
	padding: 8px 14px 8px;
}
/*
 * Icon Definitions
 */


/* Silk Icons - http://www.famfamfam.com/lab/icons/silk/ */


/* (Obviously not all Silk icons are defined here. Feel free to define any other icons that you may need.) */


/*
.sexybutton span.ok				{ background-image: url(images/icons/silk/tick.png) !important; }
.sexybutton span.cancel			{ background-image: url(images/icons/silk/cross.png) !important; }
.sexybutton span.add				{ background-image: url(images/icons/silk/add.png) !important; }
.sexybutton span.delete			{ background-image: url(images/icons/silk/delete.png) !important; }
.sexybutton span.download		{ background-image: url(images/icons/silk/arrow_down.png) !important; }
.sexybutton span.download2		{ background-image: url(images/icons/silk/package_down.png) !important; }
.sexybutton span.upload			{ background-image: url(images/icons/silk/arrow_up.png) !important; }
.sexybutton span.search			{ background-image: url(images/icons/silk/magnifier.png) !important; }
.sexybutton span.find			{ background-image: url(images/icons/silk/find.png) !important; }
.sexybutton span.first			{ background-image: url(images/icons/silk/resultset_first.png) !important; }
.sexybutton span.prev			{ background-image: url(images/icons/silk/resultset_previous.png) !important; }
.sexybutton span.next			{ background-image: url(images/icons/silk/resultset_next.png) !important; }
.sexybutton span.last			{ background-image: url(images/icons/silk/resultset_last.png) !important; }
.sexybutton span.play			{ background-image: url(images/icons/silk/play_blue.png) !important; }
.sexybutton span.pause			{ background-image: url(images/icons/silk/pause_blue.png) !important; }
.sexybutton span.rewind			{ background-image: url(images/icons/silk/rewind_blue.png) !important; }
.sexybutton span.forward		{ background-image: url(images/icons/silk/forward_blue.png) !important; }
.sexybutton span.stop			{ background-image: url(images/icons/silk/stop_blue.png) !important; }
.sexybutton span.reload			{ background-image: url(images/icons/silk/reload.png) !important; }
.sexybutton span.sync			{ background-image: url(images/icons/silk/arrow_refresh.png) !important; }
.sexybutton span.save			{ background-image: url(images/icons/silk/disk.png) !important; }
.sexybutton span.email			{ background-image: url(images/icons/silk/email.png) !important; }
.sexybutton span.print			{ background-image: url(images/icons/silk/printer.png) !important; }
.sexybutton span.heart			{ background-image: url(images/icons/silk/heart.png) !important; }
.sexybutton span.like			{ background-image: url(images/icons/silk/thumb_up.png) !important; }
.sexybutton span.dislike		{ background-image: url(images/icons/silk/thumb_down.png) !important; }
.sexybutton span.accept			{ background-image: url(images/icons/silk/accept.png) !important; }
.sexybutton span.decline		{ background-image: url(images/icons/silk/decline.png) !important; }
.sexybutton span.help			{ background-image: url(images/icons/silk/help.png) !important; }
.sexybutton span.home			{ background-image: url(images/icons/silk/house.png) !important; }
.sexybutton span.info			{ background-image: url(images/icons/silk/information.png) !important; }
.sexybutton span.cut				{ background-image: url(images/icons/silk/cut.png) !important; }
.sexybutton span.copy			{ background-image: url(images/icons/silk/page_white_copy.png) !important; }
.sexybutton span.paste			{ background-image: url(images/icons/silk/paste_plain.png) !important; }
.sexybutton span.erase			{ background-image: url(images/icons/silk/erase.png) !important; }
.sexybutton span.undo			{ background-image: url(images/icons/silk/arrow_undo.png) !important; }
.sexybutton span.redo			{ background-image: url(images/icons/silk/arrow_redo.png) !important; }
.sexybutton span.edit			{ background-image: url(images/icons/silk/pencil.png) !important; }
.sexybutton span.calendar		{ background-image: url(images/icons/silk/date.png) !important; }
.sexybutton span.user			{ background-image: url(images/icons/silk/user.png) !important; }
.sexybutton span.settings		{ background-image: url(images/icons/silk/cog.png) !important; }
.sexybutton span.cart			{ background-image: url(images/icons/silk/cart.png) !important; }
.sexybutton span.wand			{ background-image: url(images/icons/silk/wand.png) !important; }
.sexybutton span.wrench			{ background-image: url(images/icons/silk/wrench.png) !important; }
*/


/* CALENDARIOS (antes calendar.css) */

table.alerts {
	text-align: center;
	font-family: Verdana;
	font-weight: normal;
	font-size: 11px;
	color: #404040;
	background-color: #CCCCFF;
	border: 1px #d79900 solid;
	border-collapse: collapse;
	border-spacing: 0px;
}
.alertHd {
	border-bottom: 2px solid #d79900;
	background-color: #fff2ba;
	font-family: Verdana;
	font-weight: bold;
	font-size: 11px;
	color: #404040;
}
.alertHd2 {
	border-bottom: 2px solid #d79900;
	border-top: 1px solid #d79900;
	background-color: #fff2ba;
	font-family: Verdana;
	font-weight: bold;
	font-size: 11px;
	color: #404040;
}
.alertBod p {
	text-align: left;
	font-family: Verdana, sans-serif, Arial;
	font-weight: normal;
	font-size: 11px;
	line-height: 12px;
	color: #404040;
	background-color: #CCCCFF;
	text-indent: -2px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.alertBodMonthly p {
	text-align: left;
	font-family: Verdana, sans-serif, Arial;
	font-weight: normal;
	font-size: 11px;
	line-height: 12px;
	color: #404040;
	background-color: #CCCCFF;
	text-indent: -2px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	border-bottom: 1px solid #d79900;
	border-top: 1px solid #d79900;
	border-left: 1px solid #d79900;
	border-right: 1px solid #d79900;
	height: 57px;
	width: 85px;
}
.calendartext {
	FONT-SIZE: 11px;
	COLOR: #333333;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none
}
.calendartext A:visited {
	FONT-SIZE: 11px;
	COLOR: #333333;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none
}
.calendartext A:active {
	FONT-SIZE: 11px;
	COLOR: #333333;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none
}
.calendartext A:link {
	FONT-SIZE: 11px;
	COLOR: #333333;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none
}
.popup {
	border: solid 1px #333;
	font-family: Tahoma;
	font-size: 12px;
	display: none;
	position: absolute;
	width: 500px;
	z-index: 1002;
}
.popuptitle {
	background-color: #FF0000;
	color: white;
	font-weight: bold;
	height: 15px;
	padding: 5px;
}
.popuptitle2 {
	background-color: blue;
	color: white;
	font-weight: bold;
	height: 15px;
	padding: 5px;
}
.popupbody {
	background: #ddd;
	padding: 5px;
	text-align: center;
}
#popup1 {
	top: 200px;
	left: 30%;
}
#disablingDiv {
	/* Do not display it on entry */
    display: none;
	/* Display it on the layer with index 1001.
       Make sure this is the highest z-index value
       used by layers on that page */
    z-index: 1001;
	/* make it cover the whole screen */
    position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	/* make it white but fully transparent */
    background-color: white;
	opacity: .00;
	filter: alpha(opacity=00);
}
.botongrande {
	height: 30px;
	width: 100px;
	font-weight: bold;
	font-size: 12;
	cursor: pointer;
}
#text {
	margin: 50px auto;
	width: 500px
}
.hotspot {
	color: #900;
	padding-bottom: 1px;
	border-bottom: 1px dotted #900;
	cursor: pointer
}
#tt {
	position: absolute;
	display: block;
	background: url(images/tt_left.gif) top left no-repeat
}
#tttop {
	display: block;
	height: 5px;
	margin-left: 5px;
	background: url(images/tt_top.gif) top right no-repeat;
	overflow: hidden
}
#ttcont {
	display: block;
	padding: 2px 12px 3px 7px;
	margin-left: 5px;
	background: #666;
	color: #FFF
}
#ttbot {
	display: block;
	height: 5px;
	margin-left: 5px;
	background: url(images/tt_bottom.gif) top right no-repeat;
	overflow: hidden
}


/* ESTO NO SE BIEN QUE ONDA (antes upload.css) */

@charset "utf-8";
/* CSS Document */

div.fileinputs {
	position: relative;
}
div.fakefile {
	position: absolute;
	top: 0px;
	left: 20px;
	z-index: 1;
}
.error {
	font-size: 10px;
	color: #FF0000;
	font-weight: bold;
	padding: 4px 18px;
}
input.file {
	position: relative;
	text-align: right;
	-moz-opacity: 0;
 filter: alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
	cursor: pointer;
}
.fileinputs {
	cursor: pointer;
	display: inline-block;
	overflow: hidden;
	position: relative;
}
.button {
	background: #79130e;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
	display: inline-block;
	font-size: 11px;
	color: #FFF;
	font-weight: bold;
	padding: 4px 18px;
	text-transform: uppercase;
}
/* hasta aca se hizo la union de los css */


/******* AUTO COMPLETE FIELDS *********/

#buscarunidad {
/*	width: 77px; */
    /*	padding: 3px; */
    /*	margin: 4px 0px 6px 9px;  */
    /*	border: 1px solid #546169;
	background-color: #ffffff;*/
    /** border: 1px solid #dddddd; **/
}
#buscarunidadbtn {
	margin: 0px 0px -5px 1px;/**	margin: 15px 0px 3px 0px; **//**	padding: 13px 0px 3px 0px;**/
}
.expensas {
	padding: 0px 5px 0px 5px;
	border-color: #aaa;
	border-width: 1px;
	border-style: solid;
	border-radius: 10px;
	background-color: #fff;
	-moz-box-shadow: 0 0 5px 5px #ddd;
	-webkit-box-shadow: 0 0 5px 5px#ddd;
	box-shadow: 0 0 5px 5px #ddd;
	width: 145px;
	height: 154px;
	behavior: url(PIE.htc);
}
.boxconsejo {
	padding: 0px 5px 0px 5px;
	margin: 50px 20px 0px 0px;
	float: right;
	border-color: #aaa;
	border-width: 1px;
	border-style: solid;
	border-radius: 10px;
	background-color: #fff;
	-moz-box-shadow: 0 0 5px 5px #ddd;
	-webkit-box-shadow: 0 0 5px 5px#ddd;
	box-shadow: 0 0 5px 5px #ddd;
	width: 250px;
	behavior: url(PIE.htc);
	display: block;
}
.tabselected {
	float: left;
	background-color: #fcfcfc;
	padding: 6px;
	border: 3px solid #fcfcfc;
	font-weight: bold;
	-moz-border-radius: 4px 4px 0px 0px;
	-webkit-border-radius: 4px 4px 0px 0px;
	border-radius: 4px 4px 0px 0px;
	width: 100%;
}
.tabunselected {
	float: left;
	background-color: #cccccc;
	padding: 6px;
	border: 3px solid #F1F0EC;
	-moz-border-radius: 4px 4px 0px 0px;
	-webkit-border-radius: 4px 4px 0px 0px;
	border-radius: 4px 4px 0px 0px;
	cursor: pointer;
	width: 100%;
}
.lucas {
 onmouseover="style.backgroundColor='blue'";
}
.boxseemore {
	clear: both;
	padding: 10px 10px 10px 10px;
}
/** STYLES PARA CALENDARIO **/

#navpriorth, #navnextth {
	background-color: #638cef;
	color: #FFF;
	cursor: pointer;
	width: 15%;
}
#navtitle {
	width: 70%;
	font-size: 14px;
}
.cal .weekly, .monthly {
	border-collapse: collapse;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	border: 1px solid #CCC;
	width: 100%;
}
.cal th {
	height: 20px;
	background-color: #CCC;
	padding: 0px;
	border: 0px;
	font-weight: normal;
}
.cal td {
	align: center;
	cursor: pointer;
	border: 1px solid #CCC;
}
.monthly td {
	height: 60px;
	width: 12%;
	vertical-align: top;
}
.weekly td {
	height: 30px;
	width: 12%;
	vertical-align: middle;
}
.hour {
	width: 16%;
	/**!important; **/
    text-align: center;
}
.today {
	background-color: #ffcccc;
}
.unable {
	background-color: #dddddd;
	cursor: default !important;
}
.event {
	font-size: 9px;
	text-align: center;
}
#mes {
	font-size: 16px;
}
/*** FIN STYLES PARA CALENDARIO **/


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


/**** ESTILOS TABLA********/


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

.fb-table {
	background-color: #FFF;
	/*para evitar el fondo gris feo*/
    border-spacing: 0px;/*saca el espacio entre celdas, importante porque yo despues quiero manejarme con margin y padding*/
}
.fb-table tr {
	cursor: pointer;
	/*opcional, importante si se usan links*/
    height: auto;
}
.fb-table tr:hover {
	background-color: #CCC;
}
.fb-table tr th {
	text-align: left;
	/*o puede ir center, ya que es el titulo */
    padding: 4px 8px;
	/*importante sea igual que el padding de ".fb-table tr td" */
    color: #FFF;
	background-color: #666;
	border-bottom: 1px solid #DDD;
	border-top: 1px solid #DDD;
	text-transform: uppercase;
}
.fb-table tr td {
	text-align: left;
	padding: 4px 8px;
	border-bottom: 1px solid #DDD;
}
/**********************************/


/*********FIN ESTILOS TABLA********/


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

.reservasamenities td {
	font-size: 14px;
	border: 1px solid #333;
}
.gestion-panel {
	float: left;
	width: calc(50% - 22px);
	height: 300px;
	border: 1px solid #999;
	background-color: #FFF;
	margin: 5px;
	padding: 5px;
	overflow: auto;
}
.gestion-panel-item {
	padding: 3px 0px;
	overflow: auto;
	border-bottom: 1px solid #CCC;
}
.gestion-panel-item:hover {
	background-color: #09F;
	cursor: pointer;
	color: #FFF;
}
/* MENU */

.menu {
	margin: 0px;
	width: 100%;
}
.menu-mid {
	display: block;
	height: 50px;
	width: 100%;
	background-image: url('images/home-fondo2.jpg');
	background-size: cover;
	position: relative;
}
.menu-mid-ul {
	float: left;
	margin-top: 8px;
	font-size: 16px;
	margin-left: 0px;
}
.menu-mid-ul li {
	display: inline;
	list-style-type: none;
	margin: 0px 20px 0px 0px;
	padding-bottom: 17px;
	text-align: center;
	border: 1px solid transparent;
}
.menu-mid-ul li a {
	padding: 8px 10px 8px 8px;
	color: #333;
}
.menu-mid-ul .hoveredli a {
	color: #FFF;
	background-color: #666;
	border-radius: 4px;
	cursor: pointer;
	text-decoration: none;
}
.dropdown {
	padding: 20px 10px 20px 10px;
	background-color: #666;
	color: #FFF;
	border-radius: 4px;
	overflow: auto;
	width: 130px;
	position: relative;
	bottom: 3px;
	z-index: 20;
	clear: both;
}
.dropdown ul {
	margin: 0px;
	float: left;
}
.dropdown a {
	color: #FFF;
	text-decoration: none;
}
.dropdown li {
	display: list-item;
	margin-top: 0px;
	text-align: left;
	font-size: 14px;
	padding: 5px;
	border-radius: 3px;
	list-style-type: none;
	text-decoration: none;
}
.dropdown li:hover, .dropdown div li:hover {
	cursor: pointer;
	background-color: #999;
	text-decoration: none;
}
.dropdown h3 {
	color: orange;
	float: left;
	margin-left: 20px;
	margin-bottom: 8px;
}
.dropdown .line {
	clear: both;
	background-color: #aaaaaa;
	height: 1px;
	width: 93%;
	position: relative;
	top: 15px;
	margin: 20px 20px 20px 20px;
}
.dropdown div ul a {
	text-decoration: none;
}
/** FIN MENU **/

.menuselected {
	text-shadow: 2px 2px 3px #c6d9ff, -2px 2px 3px #c6d9ff, 2px -2px 3px #c6d9ff, -2px -2px 3px #c6d9ff;
}
.menuselected img {
	background-color: #44a0cd;
}
.menuselected {
	background-color: #44a0cd;
}
.menuselected img:hover {
	background-color: #44a0cd !important;
}

.title > .listtext {
	float: left;
	vertical-align: text-top;
}

.title > .btn, .title > .field {
	float: right;
	margin-top: -4px !important;
}

.title {
	max-height: 25px;
	overflow: hidden !important;
}



.pull-right {
	float: right !important;
}

.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #999;
  border-radius: 10px;
}

.bg-danger {
	background-color: #fb6b5b;
	color: #ffffff;
}

.badge {
	font-size: 11px;
	padding: 3px 6px;
	margin-top: 2px;
}

.dz-clickable {
	cursor: pointer;
}