/* CSS Document version$ 1.1 Ever Ascencio - Designer (info@everascencio.com)*/
img {behavior: url(js/iepngfix.htc);}
/*-------------------------------BODY-------------------------------------- */
html {height:100%} 
body {padding:20px 0 20px 0}
body, table, tr, td	{font-family:Helvetica,Arial,sans-serif; font-size: 11px; font-weight:normal;}
.bods  {margin:0px 0 10px 0; background: #fff url(../images/bg.gif) }

/*--------------------------------------------------------------------------*/

p {
	font-size: 13px; /* 14px */
	line-height: 1.357em;
	margin: 0 0 1.357em 0;
}
.tms {font-family:Helvetica,Arial,sans-serif; font-size:14px; margin:2px}

p.duble {
	font-size: 14px; 
	line-height: 1.357em;
	margin: 0 0 1.357em 0;

}

p.small {
	font-size: 0.786em;
	line-height: 1.727em;
	margin-bottom: 1.727em;
	color:#666666;

}
.double {font-size: 14px;font-family:Georgia, serif;}
.triple  {font-size: 16px;font-family:Helvetica,Arial,sans-serif;text-decoration:none}
h2, h3, h4, h5, h6 {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
}
h1.titles{
	font-size: 3.462em; 
	line-height: 1.19em;
	margin: 3px;
	letter-spacing: -0.05em;
	
}
h1.titles{color: #0b4576; font-family:Georgia, serif;font-weight: normal;}

h1 {font-size: 24px; 
	color:#ff3000;
	margin: 22px 0 0 0;
	line-height: 100%;
	letter-spacing: -0.02em;
}
h2 {
	font-size: 1.286em; 
	line-height: 1.056em; 
	padding: 9px 0 10px 0; 
	color:#999999;
}

h3, h4, h5, h6  {
	font-size: 1em; 
	line-height: 1.357em;
	margin: 0;
}

/*FONT*/

form, input, textarea, submit, select	{font-size: 11px; margin:0px; padding:0px; font-family:Tahoma, Arial, Verdana;}
form.box {border:solid 1px #ccc; width: 200px;padding:2px; margin:0px;text-align:right}
form.box input.q {border:solid 1px #fff; width:145px}

[disabled] {
border:solid 1px #a5acb2;
color:#9d9da1;
background-color:#f7f7f7;
}

.autor, .fecha {font-size:9px; text-transform:uppercase;font-family:Helvetica,Arial,sans-serif;}
small {color:#CCCCCC;}

a {color:#0b4576;text-decoration:none; font-size:11px; font-family:Tahoma, Arial, Helvetica, sans-serif}
  a:hover {color: #006ea5;text-decoration:underline;}
  
 
a.pic img{border:1px solid #fff;margin-right:6px;padding:3px;background:#FFF;}
	a.pic:hover img{border-color:#ccc;}

.notify{border-bottom:#ffd86e 1px solid; padding:5px; margin:3px; color:#000; background-color:#FFFFCC}
.custom-title { font-weight: bold; margin: 0; color: #FFFFFF; padding: 8px 8px 4px; background: #c12c2c; width:200px;}
.pic-text { padding: 5px; background: #fafafa; width:auto; border:solid 1px #cccccc}
.custom-text {padding: 4px 8px 8px;background: #c12c2c;color: #FFFFFF; }


div.messages{
	z-index:998;
	position:absolute;
	left:auto;
	top:auto;
	width:300px;
	background-color: #f7f7f7;
	padding:5px;
	margin-left:5px;
	margin-top:5px;
	text-align:left;
	border: solid 1px #cccccc
}


.messages ul{list-style: none outside; margin:0px;padding-left:0px;border:solid 1px #c6c6c6; height:100px; overflow:auto}
.messages ul li{padding:5px;}
.messages ul li.par{background-color:#eeeff4}
.messages ul li.impar{background-color:#f7f7f7}
.messages ul li:hover{background-color:#e2e5e9}

.dc {width:810px; margin:auto}
div#container {margin:auto ;padding: 0px;width: 800px ;overflow: hidden; height:auto; background-color:#fff; border:5px solid #fff}

	#main{float: left; width: 545px; margin:0px; padding:10px 0 0 5px ;}
	#cmain{float: left; width: 800px; margin:10px 0 0 0; padding:10px 0 10px 0; border-top:solid 1px #CCC; color:#4b4b4b}
	#cmain a {color:#4b4b4b; text-decoration:none; font-size:9px}
	#rmain{float: left; width: 250px; margin:0px; padding:5px 0px 0 0;}
	#comments{width:450px; float:left;margin:5px 0 5px 0;}

ul.iMenu {margin:20px 0 10px 0; list-style: none outside; padding:0;}
	ul.iMenu li{margin:0 5px 0 20px; padding:5px 0 5px 5px;border-bottom:solid 1px #e4e4e4}
	ul.iMenu li a{font-family:Arial, Helvetica, sans-serif;text-decoration:none;color:#333; font-size:14px}
	ul.iMenu li.selected{}
	ul.iMenu li.selected a{font-weight:normal; color:#3153fb; font-size:18px}
	ul.iMenu li ul{margin:0px;padding:0px}
	ul.iMenu li ul li a{text-decoration:none;color:#4b4b4b; font-size:11px}
	ul.iMenu li ul li.select{background-color:#d4dae6;}
	ul.iMenu li ul li.select a{color:#000000}	
	
ul.imark {margin:0px; list-style: none outside; padding:0px; overflow:hidden;}
	ul.imark li{margin:0 2px 2px 0px; padding:5px; background-color:#f2f2f2;width:167px; height:80px;float:left}

.inputsame {background-color:#fff; border:solid 1px #bdc7d8; padding:5px; height:auto; margin:5px 0 10px 0;color:#777777;cursor:text;float:left;width:95%}
.square { background-color:#fafafa;padding:10px 20px 10px 20px; height:auto; margin:0 0 10px 0;}
.square hr, hr {height:1px; color:#f2f2f2; margin:0px 0 10px 0}
.col{width:210px; padding:0; margin:0; float:left;}
.dcol{width:510px; padding:0; margin:0; float:left;}

.sess, .sessi, .forgot, .logos, .closet, {background-image:url(../images/titles.gif); background-repeat:no-repeat;display: block;float:left;}
.sess {width:100px; height:22px; background-position:0px -212px; margin:1px;}
.sessi {width:100px; height:22px; background-position:0px -232px; margin:1px;}
.forgot {width:125px; height:22px; background-position:-100px -212px; margin:1px;float:none}
.logos {width:150px; height:70px; background-position:0px -140px; margin:1px;}

.closet{width:18px; height:18px; background-position:-180px -252px; margin:1px;float:right;}
.tag {width:99%; margin:10px 1px 1px 1px;border-bottom:solid 1px #d0cfd2; font-size:15px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;display:inline-block}
.private {background-image:url(../images/pattern.gif); background-color:#e0f9ff;}

.holder {background-image:url(../images/titles.gif); background-repeat:no-repeat;display:inline-block; text-align:center; color:#FFFFFF; font-weight:bold;text-decoration:none;float:none}
.holder.sqgre{width:90px; height:20px; background-position:0px -341px; margin:1px; }
.holder.sqora{width:90px; height:20px; background-position:-90px -341px; margin:1px;}
.holder.sqoran{width:180px; height:20px; background-position:-0px -400px; margin:1px;}
.holder.sqgra{width:45px; height:20px; background-position:-180px -341px; margin:1px; color:#000000; text-transform:uppercase;}	
.holder.sqblu{width:90px; height:20px; background-position:-0px -361px; margin:1px; font-weight:normal;color:#e5e9ff}	
.holder.sqred{width:90px; height:20px; background-position:-90px -361px; margin:1px;}	
.holder.sqbla{width:90px; height:20px; background-position:-180px -361px; margin:1px;}	
a.holder.sqblu:hover{color:#fff}
a.holder.sqora:hover, a.holder.sqoran:hover {color:#ffdecf}

img.icons, .icons{background-image:url(../images/titles.gif); background-repeat:no-repeat;display:inline-block; float:left; border:none}
.icons.down {width:18px; height:18px; margin:1px;background-position:-198px -252px;}
.icons.off {width:18px; height:18px; margin:1px;background-position:-232px -252px;}
.icons.dem {width:18px; height:18px; margin:1px;background-position:-215px -252px;}
.icons.mess {width:18px; height:18px; margin:1px;background-position:-250px -252px;}
.icons.iok {width:18px; height:18px; margin:1px;background-position:-108px -252px;}
.icons.ipri {width:18px; height:18px; margin:1px;background-position:-125px -252px;}
.icons.ino {width:18px; height:18px; margin:1px;background-position:-144px -252px;}

.icats {margin:0px 0px 0px 20px; list-style: none outside;padding:2px; height:auto;}
	.icats li{padding:4px;margin:0px 1px 1px 0px;}
	.icats li a{text-decoration:none;}
	.icats li a:hover, .icats li:hover a{}
	.icats li:hover, .icats li.dlist:hover{background-color:#ffd7ae}
	.icats li.select{background-color:#d4dae6; font-weight:bold;}	
	.icats li.select a{color:#000}	
	
	.icats li.segundo{margin:0px 1px 1px 10px;}
	.icats li.tercero{margin:0px 1px 1px 20px;}
	.icats li.cuarto{margin:0px 1px 1px 30px;}	
	
	.icats li.dlist{float:left;width:135px;}

.inews, .listas {margin:0 0 20px 10px; list-style: none outside; padding:0px;width:95%}
	.inews li{border-top:solid 1px #DDD; padding:25px 0 25px 0;}
	.inews li.cats{border-top:solid 1px #333; padding:5px 0 5px 0;}
	b.s {color:#FF0000; background-color:#ffd8d8;}
	
.idocs {margin:0px; list-style: none outside; padding:12px ;width:95%; }
	.idocs li{border-top:solid 1px #f3f3f3; padding:25px 0 25px 0;}
	.idocs li.cats{border-top:solid 1px #ccc; padding:5px 0 5px 0;}
	
.isimple {margin:0px; list-style: none outside; padding:0px;}
	.isimple li{padding:15px 0 15px 0; color:#3c3d3f;}

.ibm {margin:0px; list-style: none outside; padding:0px;overflow:hidden;}
	.ibm li{padding:0px 2px 2px 0; color:#3c3d3f; float:left}
		
ul.comentarios{margin:0 0 10px 20px; list-style: none outside; padding: 0; width:450px; float:left}
	ul.comentarios li b{color:#1625be}
	ul.comentarios li{font-family: Arial, Helvetica, sans-serif; height:auto; margin:0 0 15px 0; padding:5px 0 10px 10px; border-left:solid 2px #0c23ff; font-size:11px}
	ul.comentarios li:hover {border-left:solid 2px #ccc; background-color:#fafafa;}
	ul.comentarios li:hover cite {color:#000}
	ul.comentarios li cite{color:#666}
	ul.comentarios li.clean{height:30px; margin:10px 0 5px 10px; padding:5px; border:none; list-style:none outside}
	ul.comentarios li.clean a, ul.comentarios li.clean a:hover {color:#666;padding:3px;}
	ul.comentarios li small{color:#93afb9;}
	ul.comentarios li.clean a.page, ul#gall li.search a.page, ul.inews li.pages a.page, ul.idocs li.pages a.page  {border-top:solid 2px #666; padding:3px;color:#1625be; text-decoration:none;font-family: Arial, Helvetica, sans-serif;}
	
	 ul.inews li.pages a, ul.idocs li.pages a{text-decoration:none;font-family: Arial, Helvetica, sans-serif;color:#000;}
	 ul.inews li.pages, ul.idocs li.pages {border-top:solid 2px #CCC;margin-top:1px; border-bottom:none}

	.listas li{font-family:Tahoma, Arial, Helvetica, sans-serif; border-bottom:solid 1px #ffcf86; padding:5px;}
	.listas li.selected a{color:#ff3000}
	
.bms, img.bms {display:inline-block; float: left; width: 18px; height: 18px;background-image: url(../images/titles.gif);margin: 2px 2px 2px 0; border:none }

.bms.DEL { background-position:0px -252px; }
.bms.MYS { background-position:-18px -252px; }
.bms.LIV { background-position:-36px -252px; }
.bms.FAC { background-position:-54px -252px; }
.bms.ICO { background-position:-72px -252px; }
.bms.DOW { background-position:-90px -252px; }

.submit {font-family:Helvetica, Arial, sans-serif; 
	font-size: 11px;
}
.submit,
.submit-disabled {
	background: #fefefe url(../images/sub.gif) repeat-x;
	border: 3px double;
	border-color: #ccc;
}
.submit:hover,
.submit:focus {
	color:#006b90;
	border: 3px double;
	border-color: #aedf9a #94da78 #6ab94b #94da78;
}
body>input.submit-disabled, 
body>input.submit-disabled:hover, 
body>input.submit-disabled:focus {
	color: #8A8E92;
	background-color: #f2f2f2; 
	border: 3px double;
	border-color: #c4cccc #acb5b5 #6f7777 #acb5b5;
}
.submit:visited {
	color: #2b333c;
}
 
/*AJAX*/
#ajax_listOfOptions{
		position:absolute;	/* Never change this one */
		width:269px;	/* Width of box */
		width: expression('271px'); 
		height:250px;	/* Height of box */
		overflow:auto;	/* Scrolling features */
		border:1px solid;	/* Dark green border */
		border-color:#dddddd #95a5c6 #3b5998 #95a5c6;
		background-color:#FFF;	/* White background color */
		text-align:left;
		font-size:11px;
		z-index:100;
	}
	#ajax_listOfOptions div{	/* General rule for both .optionDiv and .optionDivSelected */
		margin:1px;		
		padding:3px;
		cursor:pointer;
		font-size:11px;
		font-family:Tahoma, Arial, Helvetica, sans-serif;
		border-bottom: solid 1px #dddddd;
	}
	#ajax_listOfOptions div b{
		background-color:#d8dfea;
	}
	#ajax_listOfOptions div span{color:#666666; font-size:9px}
	#ajax_listOfOptions .optionDiv{	/* Div for each item in list */
		
	}
	#ajax_listOfOptions .optionDivSelected{ /* Selected item in the list */
		background-color:#004096;
		color:#FFF;
	}
	#ajax_listOfOptions .optionDivSelected b{ /* Selected item in the list */
		background-color:#5670a6;
	}
	#ajax_listOfOptions .optionDivSelected span{color:#FFF}
	#ajax_listOfOptions_iframe{
		background-color:#F00;
		position:absolute;
		z-index:5;
	}

#calendar{height:200px; background-color:#f9f9f9;padding:10px}

/*  g e n e r a l   s t y l e s  */

#sscalendar table, #sscalendar {
	border:none;	
	padding: 0px;
	margin: 0px;
	width:100%;
}

#sscalendar td {
	background-color: inherit;
}


/*  l a r g e   d a y s   s t y l e s  */

#sscalendar table.sscallgdays {
	font-weight: normal;
	padding: 0px;
	vertical-align: top;
}

#sscalendar table.sscallgdays td {
	padding: 2px;
	vertical-align: top;
	text-align:center;
	color:#666;
}

#sscalendar table.sscallgdays td.sscallgdayabbrev {
	background-color: #000d59;
	color: #fff;
	font-weight: none;
	text-align: center;
}

#sscalendar table.sscallgdays td.sscallgtoday {
	background-color: #6d84b4;
	margin: 2px;
	
}
#sscalendar table.sscallgdays td.sscallgtoday a.today{color: #FFFFFF;text-decoration:none}

#sscalendar table.sscallgdays td.sscallgmonthprev {
	font-weight: bold;
	margin: 10px;
	text-align: left;
	width: 20px;
}

#sscalendar table.sscallgmonthlabel {
	background-color: #757184;
	color: #fafafa;
	font-weight: bold;
	padding: 4px;
	width: 100%;
}



#sscalendar table.sscallgmonthlabel td.sscallgmonthnext {
	font-weight: bold;
	margin: 10px;
	text-align: right;
	width: 20px;
}

#sscalendar table.sscallgmonthlabel td.sscallgmonthname {
	color: #FFFFFF;
	font-weight: bold;
	margin: 10px;
	text-align: center;
	width: 100%;
}


#sscalendar table.sscallgeventsday {
	background-color: #666666;
	border-spacing: 0px;
	width: 100%;
}

#sscalendar table.sscallgeventsday td {
	background-color: #757184;
	height: auto;
	padding: 2px;
}

#sscalendar table.sscallgeventsday  #sscalendar td #sscalendar a {
	color: #027081;
	display: block;
}


#sscalendar table.sscallgeventsday #sscalendar td #sscalendar a:hover {
	background-color: #FFFFFF;
	color: #027081;
	text-decoration: none;
}

.tableForm {overflow:hidden}
	.tableForm p {
		float:left;
		width:270px
	}
	
.tableForm p a {
border:solid 1px #CCCCCC;
padding: 3px 5px 3px 5px;
background-color:#FFFFFF;
text-decoration:none;
}
	.tableForm p label {
		float: left;
		width: 50%;
		font-size:9px; text-transform:uppercase
	}
	.tableForm p input, .tableForm p textarea {
		font: 11px Helvetica, Tahoma, Lucida, sans-serif;
	}
	.tableForm p.center {
		text-align: center;
	}