* {
	margin: 0px;
	padding: 0px;
}

.vertical{
	-o-transform:rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-webkit-transform:rotate(-90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

body {
	margin: 0;
	padding: 0;
	color:#000;
	background-color: #FFFFFF;
	text-align: center;
	font : 12px 'Trebuchet MS', Tahoma, Sans-serif;
}

hr{
	margin: 10px 0 10px 0;
	border:none;
	background: url(images/grey_divider.jpg) no-repeat top center;
	height: 1px;
}

a { 
	background: inherit; 
	color: #555; 
	text-decoration: none; 
}

a:hover { 
	background: inherit; 
	color: #3B4A55; 
	text-decoration: underline; 
}

h1, h2, h3 { font-weight:bold}
h1 { font-size: 16px; color: #7289A9; }
h2 { font-size: 14px; color: #7289A9; }
h3 { font-size: 12px; }

p, h1, h2, h3 {margin: 5px ;}

input, select, textarea {
	color: #555555;
	font-size: 11px;
	margin-left:2px;
	margin-right:2px;
}

.clear{clear: both;}
.hide{display:none;}
.show{display:inherit;}

#cargando {
	width:80px;
	position:absolute;
	left:100%;
	margin-left:-140px;
	height:50px;
	padding: 5px 0 0px 40px;
	top:30px;
	color:#FFF;
	font-weight:bold;
	z-index:10000;
	background-image:url(images/loader.gif);
	background-repeat:no-repeat;
	background-position: 0 0;
	background-color:#353535;
	background-color:transparent;
}

/*---------------------------  Header --------------------------- */
#header-wrap {
	border:1px #A8A8A8 solid;
}
#header{
	height: 100px;
	background-image: url(images/header_bg.png);
	background-color: #FFF;
	color:#FFF;
	padding: 0px;
	margin:0 auto;
	padding-top: 5px;
	text-align: left;
}
#header h1 {
	color:#FFF;
	text-transform: capitalize;
	font-size: 20px;
	padding-top:20px;
}
#header h2
{
	color:#FFF;
	position: relative;
	top: -0.3em;
	font-weight: bold;
	font-size: 16px;
	text-transform: capitalize;
}
#header #logo{
	margin-right:10px;
	margin-top:10px;
	float:left;
}
#content-wrap {
	width:100%;
}

/* --------------------------- Content --------------------------- */
#content {
	padding: 1%;
	margin: 0 auto;
	text-align: left;
	width:98%;
	
}
#content p {
	margin-bottom: 2px;
}
#content h1,h2,h3,h4,h5,h6 {
	margin-bottom: 2px;
}

form table {
	float:right;
}
/* buscador */
form#buscador table {
	float: none;
	border-collapse: collapse;
	margin: 0px; 
	background: #D1E1ED url(images/buscador.png) no-repeat bottom right;
}

form#buscador table th {
	background-color: #465973;
	/*background: #D1D1D1 url(images/bg_th2.gif) repeat-x bottom right;*/
	color: #FFF;
	font-weight: bold;
	padding: 6px 11px;
	border-right: 0px solid #fff;
	line-height: 1.2;
	border-bottom: 1px solid #465973;
}
form#buscador table td {
	border-bottom: 1px solid #465973;
	padding: 6px 11px;
}
form#buscador table tr.odd {}

form h1 {
	color: #3e83c9;
}
/* tablas */
table {
	border-collapse: collapse;
	margin: 0px;
}

th {
	background-color: #7289A9;
	/*background: #7289A9 url(images/bg_th.gif) repeat-x bottom right;*/
	color: #fff;
	font-weight: bold;
	padding: 7px 11px;
	border-right: 1px solid #fff;
	line-height: 1.2;
}
th a {
	border-bottom: none;
	text-decoration:none;
}

td {
	border-bottom: 1px solid #7289A9;
	padding: 6px 11px;
}

.home td {
	border-bottom: none;
	padding: 0;
}

table tr td table tr td {
	border-bottom: none;

}
td * {padding: 0;}

tr.alt {background-color: #DFEAF2;}

tr.alt1 {background-color:#FFCC66;}
tr.alt2 {background-color:#CCCCCC;}

#content h1 {
	color: #7289A9;
	padding-bottom: 0.3em;
}

.legend table tr td {
	border-bottom: none;
	padding: 3px 5px;
}
/*---------------------------  login --------------------------- */
#member td {
	border-bottom: none;
	padding: 0;
}

#logo_login{
	padding:0;
	position:absolute;
	width:260px;
	height:65px;
	left:50%;
	top:50%;
	margin-left:-120px;
	margin-top:-240px;
}

#member form{
	width:280px;
	height:110px;
	background: #545F6F url(images/header_bg.png) bottom repeat-x;
	padding:0px 17px 24px 10px;
	color:#fff;
	margin-left:-140px;
	margin-top:-150px;
	border: solid 2px #E9EDF2;
	position:absolute;
	left:50%;
	top:50%;
}
#member form label{
	font:normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	float:left; 
	display:block;
	margin:0 0 0 5px;
}
#member h1{
	font:bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif; 
	margin-bottom:10px;
	margin-top:5px;
	display:block;
	color:#fff;
}
#member form input.txtBox{
	width:190px;
	height:18px;
	border-left:#808080 solid 1px;
	border-top:#808080 solid 1px;
	border-right:#D4D0C8 solid 1px;
	border-bottom:#D4D0C8 solid 1px;
	color:#000;
	background-color:#fff;
	margin:0 0 10px 5px;
	padding:0;
	float:left;
}
#member form a{
	/*background:url(images/register_member_icon.gif) 0 0 no-repeat;
	background-color:#353535;
	float:left;
	padding:0 0 0 20px;
	margin:15px 0 0 0;
	width:120px;*/
	font:bold 11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration:underline;
}
#member form a:hover{
	text-decoration:none;
}
#member form input.go{
	cursor:pointer;
	float:left;
	margin:15px 0 10px 10px;
}

/*---------------------------  botones --------------------------- */
#tabs_btn {
	width:100%;
	font-size:93%;
	line-height:normal;
}

#tabs_btn ul {
	margin:0;
	padding:10px 0 0 0;
	list-style:none;
}
#tabs_btn li {
	display:inline;
	margin:0;
	padding:0;
}
#tabs_btn a {
	float:left;
	background:url(images/tableft10.gif) no-repeat left top;
	margin:20px;
	padding:0 15px 0 4px;
	text-decoration:none;
}
#tabs_btn a span {
	float:left;
	display:block;
	background:url(images/tabright10.gif) no-repeat right top;
	padding:5px 15px 4px 6px;
	color:#FFF;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs_btn a span {float:none;}
/* End IE5-Mac hack */
#tabs_btn a:hover span {color:#FFF;}
#tabs_btn a:hover {background-position:0% -42px; }
#tabs_btn a:hover span {background-position:100% -42px;}

/*---------------------------  Menu Tabs --------------------------- */
#tabs10 {
	float:left;
	width:100%;
	font-size:93%;
	
	line-height:normal;
}
#tabs10 ul {
	margin:0;
	padding:0 0 0 0;
	list-style:none;
}
#tabs10 li {
	display:inline;
	margin:0;
	padding:0;
}
#tabs10 a {
	float:left;
	background:url(images/tableft10.gif) no-repeat left top;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
}
#tabs10 a span {
	float:left;
	display:block;
	background:url(images/tabright10.gif) no-repeat right top;
	padding:5px 15px 4px 9px;
	color:#FFF;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs10 a span {float:none;}
#tabs9 a:hover span {color:#FFF;}
#tabs10 a:hover {background-position:0% -42px; }
#tabs10 a:hover span { background-position:100% -42px; }

/*---------------------------  Menu Modulos --------------------------- */

#iconbar {
	display:block;
	text-align:center;
	margin: 0 10% 0 15%;
	padding:0;
	list-style:none;
}
#iconbar li {
	cursor:pointer;
	text-align:center;
	background-color: #EFF0F0;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 1px solid #CCD0D0;
	padding: 10px;
	list-style:none;
	float:left;
	margin:0 20px 20px 0;
	padding:10px;
	width:90px;
	height:90px;
}
#iconbar li:hover {
	background-color: #B1CBDE;
}
#iconbar li img, .sub_icon img {
	border: none;
}
#iconbar li a, #iconbar li a:hover{text-decoration:none;}



.sub_icon {
	display:block;
	cursor:pointer;
	text-align:center;
	background-color: #EFF0F0;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 1px solid #CCD0D0;
	padding: 10px;
	list-style:none;
	margin:0 20px 20px 0;
	padding:10px;
	width:80px;
	height:80px;
	text-decoration:none;
}
a.sub_icon:hover {
	background-color: #9CC35B;
	text-decoration:none;
}

.fiel_modulos{
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 1px solid #CCD0D0;
	padding: 3px 3px;

}
.button_modulos{
	background-color: #EFF0F0;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 1px solid #CCD0D0;
	padding: 1px 3px;
	cursor:pointer;
}
.button_modulos:hover{
	background-color: #9CC35B;
	text-decoration:none;
}


#column{
	padding: 0;
	margin: 10px 0;
	list-style: none;
}
#column li {
	float: left;
	width: 250px; /*Set default width*/
	padding: 0;
	margin: 5px 0;
	display: inline;
}
.block {
	font-size: 1em;
	margin-right: 10px; /*Creates the 10px gap between each column*/
}
 h2.mod {
	font-size: 1em;
	cursor:pointer;
	padding: 10px;
	color:#222;
	padding-left:60px;
	background-color: #EFF0F0;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 1px solid #CCD0D0;
	background-position: 10px top;
	background-repeat:no-repeat;
}
 h2.mod.active {
	background-color: #B1CBDE;
}

.block img {
        /*Flexible image size with border*/
	/*width: 89%;  *//*Took 1% off of the width to prevent IE6 bug*/
	padding: 5%;
	margin: 0 auto;
	display: block;
	-ms-interpolation-mode: bicubic; /*prevents image pixelation for IE 6/7 */
}

.toggle_container {
	margin: 5px 0 0 5px;
	padding: 0;
	overflow: hidden;
	clear: both;
	font-size: 0.9em;
}

#sub_mod {
	display:block;
	text-align:center;
	margin: 0 20px;
	padding:0;
	list-style:none;
}
#sub_mod li {
	cursor:pointer;
	text-align:center;
	background-color: #EFF0F0;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 1px solid #CCD0D0;
	padding: 5px;
	list-style:none;
	float:left;
	margin:0 20px 5px 0;
	padding:12px 10px 14px 50px ;
	height:auto;
}
#sub_mod li:hover {
	background-color: #B1CBDE;
}
#sub_mod li img, .sub_icon img {
	border: none;
}
#sub_mod li a, #sub_mod li a:hover{text-decoration:none;}


/* MENSAJES */
.info, .exito, .alerta, .error {
    font-size:11px;
    border: 1px solid;
    margin: 0px 0px;
    padding: 1% 5%;
    background-repeat: no-repeat;
    background-position: 10px center;
	width:90%;
	position: fixed;
	top:0;
	left:0;
	/*left:100%;
	margin-left:-330px;
	top: 110px;*/
	display:none;
	z-index:10000;
	text-align:left;
}
.info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url(images/info.png);
}
.exito {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url(images/exito.png);
}
.alerta {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url(images/alerta.png);
}
.error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url(images/error.png);
}