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

p, td {font-size: 1em; line-height: 1.357em;margin: 0 0 1.357em 0;color: #4d5a7a;}

h2, h4, h5, h6 {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
}
h2 {padding:5px 0px 3px 0px;color:#FFFFFF}

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

h1.titles {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 3.462em; 
	line-height: 1.19em;
	margin: 3px;
	letter-spacing: -0.05em;
	color: #000;
}

h1 {font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 24px; 
	color: #2f64a5;
	margin: 22px 0 3px 0;
	line-height: 100%;
	letter-spacing: -0.02em;
}
h3{color:#1a9a61;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 14px;
	margin:0px}

.double{font-size:14px}
/*FONT*/
a, .double { font:Arial, Helvetica, sans-serif;}
form, input, textarea, submit, select	{font-size: 11px; margin:0px; padding:0px; font-family: Helvetica, Arial, sans-serif;}

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

.notify{border-bottom:#FFCC00 1px solid; padding:5px; margin:3px; color:#FF6600; background-color:#FFFFCC}

div.messages{
	z-index:998;
	position:absolute;
	left:auto;
	top:auto;
	width:300px;
	background-color: #4b5b74;
	padding:5px;
	margin-left:5px;
	margin-top:5px;
	text-align:left;
	border:solid 3px #CCCCCC;
}
ul.ldocs {list-style-position:outside; margin:5px; list-style-type:none; padding:5px}
div.messages ul li, ul.ldocs li{background-color: #fff;padding:4px 0 0 4px;margin:0px; background-image:url(../images/library.gif); background-position:0px -160px; background-repeat:repeat-x; height:20px} 

a {color:#4a5b77;text-decoration:underline;}
  a:hover {color: #4a5b77;text-decoration:none;}
  a.lnk1 {color:#787878;text-decoration:none;}
  a.lnk1:hover {color:#787878;text-decoration:underline;}
  a.lnk2 {color:#fff;text-decoration:none;}
  a.lnk2:hover {color:#fff;text-decoration:underline;}
  a.lnk0 {color:#1a9a61;text-decoration:none;}
  a.lnk0:hover {color:#1a9a61;text-decoration:underline;}
  a.lnk3, a.lnk3:hover {color:#4a5b77;text-decoration:none;}
  a.lnk4 {color:#1a9a61;text-decoration:none;padding:2px}
  a.lnk4:hover {color:#fff;text-decoration:none;background-color:#1a9a61}
      
a.pic img{border:1px solid #fff;margin-right:6px;padding:3px;background:#fff;}
	a.pic:hover img{border-color:#ecf1f4;}

.container {background-color:#fff;padding-bottom:20px}

	#main, .main{width: 900px; margin:auto; padding:0; overflow:hidden}
	.cmain{float: left; width: 900px; margin:10px 0 0 0; padding:10px 0 10px 0; border-top:solid 1px #d0cfd2; color:#787878}
	.col{float: left; width: 295px; margin:0px; padding:5px;}
	.colc{float: left; width: 605px; margin:0px 0px 10px 0px; padding:5px 20px 5px 5px;}
	.cold{float: left; width: 390px; margin:0px; padding:5px;}
	.cols{float: left; width: 230px; margin:0px; padding:5px;}
	#search {float: left; width: 230px; margin:0px; padding:0px; background-color:#f1f2f4; padding:10px}
	
#botter {overflow:hidden;}
#botter div div {padding:10px;float:left; height:30px;margin:5px;}
#botter div div.add {padding:10px;float:right; height:40px;margin:0px; background-color:#c0c7cd; color:#4b5b74; font-size:10px;}

.inews, .listas {margin:0 0 20px 10px; list-style: none outside; padding:0px;width:90%}
	.inews li{border-bottom:solid 1px #d0cfd2; padding:25px 0 25px 0; color:#3c3d3f; height:auto}

	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:#666;}
	 ul.inews li.pages, ul.idocs li.pages {border-top:solid 2px #CCC;margin-top:1px; border-bottom:none}

img.funco, .cendoc, .cennot, .funco, .isearch, .closet, .events, .clndr, img.clndr, .idocs, .leer, .bms, .contac, .galler, .here{height:20px; margin:2px;display: block; float: left;background-image: url(../images/library.gif);background-repeat:no-repeat}	
img.funco {background-position:0px -100px ; width:115px; margin-top:10px}
.cendoc {background-position:0px -40px ; width:99%;}	
.cennot {background-position:0px -20px ; width:99%;}
.funco {background-position:0px 0px ; width:99%;}
.galler {background-position:0px -60px ; width:99%;}
.contac {background-position:0px -80px ; width:99%;}
.isearch {background-position:0px -120px ; width:20px;}	
.closet {background-position:-60px -140px ; width:20px;float: right;}	
.events {background-position:-100px -140px ; width:20px;}
.idocs {background-position:-6px -145px; width:12px;height:12px; margin:0px;}
.here {background-position:-165px -145px; width:20px;height:12px; margin:0px;}
.clndr, img.clndr {background-position:0px -180px ; width:99%;}
.leer {background-position:-140px -142px; width:20px;height:12px;}

.bms.DEL { background-position:0px -200px;width:20px;border:none }
.bms.MYS { background-position:-20px -200px;width:20px;border:none }
.bms.LIV { background-position:-40px -200px;width:20px;border:none }
.bms.FAC { background-position:-60px -200px;width:20px;border:none }
.bms.PRINT { background-position:-80px -200px;width:20px;border:none }

.square { background-color:#f7f7f7; border:solid 1px #ececec; padding:10px 20px 10px 20px; height:auto; margin:10px 0 10px 0}


#tabcontentcontainer { width:600px; margin:0px; padding:0px; background-color:#f7f7f7; border:solid 1px #ececec;}
#tabcontentcontainer div.tabcontent{width:99%;display:none; padding:5px; margin:0px;}
#tabcontentcontainer ul.itemlist {margin:0px; list-style: none outside; padding: 0 0 1em 0; overflow:hidden;border:none;}
#tabcontentcontainer ul.itemlist li{width:110px; height:auto; margin:0px; padding:0px; float:left; border:none}
#tabcontentcontainer ul.itemlist li.il{width:185px; height:auto; margin:0px; padding:2px; float:left; border:none;font-size:12px;}
#tablist{margin:0px; list-style: none outside; padding:0; height:24px; background-color:#1a9a61}
#tablist li{width:150px; float:left; border:none; padding:5px; margin:0px;}

/*TABS GALLERIES*/
ul#gall{margin:0px; list-style: none outside; padding: 5px; overflow:hidden;width:575px; }
ul#gall li{width:105px; height:150px;float:left; padding:0px; margin:2px;}
#thisPic {width:605px; height:450px; min-height:450px; text-align:center; padding:0px;}
ul#gall li.search{width:600px; height:auto;padding:5px; float:left;}


.submit {font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; 
	font-size: 11px;
}
.submit,
.submit-disabled {
	background: #c0c7cd;
	border: 1px double;
	border-color: #ccc;
	color:#FFF;
}
.submit:hover,
.submit:focus {
	color:#6a7885;
	border: 1px double;
	background: #fff;
	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;
	}

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

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

#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;
	table-layout: fixed;
	text-align: left;
	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: #ccc;
	color: #FFFFFF;
	margin: 2px;
	
}

#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;
}