/* CSS Document */



body {

	padding: 15px 0px 40px 0px;

	margin: 0px auto;

	background: #153965;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #FFFFFF;

}

a {

	color: #f5f5f5;

	text-decoration: none;

}

a:hover {

	color: #f4d04f;

	text-decoration: none;

}

/**

* {

	padding: 0px;

	margin: 0px;

}

**/

.txt-orange {

	color: #f4d04f;

}

.border {

	border: solid 2px #4375cf;

}









/*--- WRAPPER ---*/

.outer-wrapper{

	width: 880px;

	padding: 0px;

	margin: 0px auto;

}

.outer-wrapper .top {

	height: 20px;

	background: url(images/outer-wrapper-top.jpg);

}

.outer-wrapper .mid {

	background: url(images/outer-wrapper-mid.jpg);

	padding: 0px 10px 0px 10px;

}

.outer-wrapper .bottom {

	height: 20px;

	background: url(images/outer-wrapper-bottom.jpg);

}

.inner-wrapper {

	width: 860px;

	padding: 0px;

	margin: 0px auto;

}









/*--- HEADER ---*/

.header {

	background: url(images/header.jpg);

	height: 120px;

}









/*--- LEFT-PANE ---*/

#left-pane-wrapper {

	width: 150px;

	padding-top: 20px;

	font-family: arial;

}

#left-pane-wrapper .box {

	background: url(../images/box-bg.jpg) repeat-x;

	background-color: #1d4c87;

	border: solid 1px #4375cf;

	text-align: center;

	padding: 17px 10px 17px 10px;

	margin: 0 auto;

	margin-bottom: 10px;

}

#left-pane-wrapper  ul {

margin: 0px;

padding: 0px;

}

#left-pane-wrapper li {

	text-align: center;

	padding-bottom: 17px;

	list-style: none;

}

#left-pane-wrapper a {

	color: #FFFFFF;

	text-decoration: none;

}

#left-pane-wrapper a:hover {

	font-weight: bold;

}









/*--- RIGHT-PANE ---*/

#right-pane-wrapper {

	width: 200px;

	padding-top: 20px;

	font-family: arial;

}

#right-pane-wrapper .box {

	background: url(../images/box-bg.jpg) repeat-x;

	background-color: #1d4c87;

	border: solid 1px #4375cf;

	text-align: left;

	padding: 17px 10px 17px 10px;

	margin: 0px auto;

	margin-bottom: 10px;

}

#right-pane-wrapper ul {

margin: 0px;

padding: 0px;

}

#right-pane-wrapper li {

	padding-bottom: 17px;

	list-style: none;

}







/*--- MAIN ---*/

#main-wrapper {

	padding: 17px 0px 0px 0px;

	/*margin-left: 156px;*/

	/*margin-right: 207px;*/

	background: #255692;

}

#main-inner-wrapper {

	width: 477px;

	padding: 0px;

	margin: 0px auto;

}

#main-inner-wrapper .write {

	padding-top: 10px;

	padding-bottom: 30px;

}







/*--- FOOTER ---*/

#footer {

	text-align: center;

	font-family: arial;

	font-size: 10px;

}

#footer .top {

	height: 36px;

	background: #3065a6;

}

#footer .main {

	padding-top: 12px;

	padding-bottom: 4px;

	background: #255692;

}

#footer li {

	display: inline;

	padding: 2px 5px;

}

#footer a {

	color: #FFFFFF;

	text-decoration: none;

}

#footer a:hover {

	color: #f4d04f;

}

#footer .big {

	font-size: 11px;

	font-weight: bold;

}

#footer .webultima {

	font-size: 11px;

	color: #cccccc;

	padding-top: 10px;

}

/** CALENDAR **/

.calendar {

	background: #fff;

	border: 1px solid #ccc;

}

.calendar table {

	width: 100%;

}

.calendar table tr {



}

.calendar table tr th {

	background: #000066;

	border: 1px solid #eee;

	color: #cf0;

	font-size: 12px;

	padding: 2px 2px 2px 2px;

	text-align: center;

}

.calendar table tr td {

	background: #777;

	border: 1px solid #eee;

	font-size: 10px;

	padding: 0px;

	text-align: center;

}

.calendar table tr td a {

	background: #f5f5f5;

	color: #111;

	display: block;

	padding: 2px;

}

.calendar table tr td a:hover {

	background: #fff;

}

.calendar-date {

	color: #FFFF00;

	height: 20px;

	line-height: 20px;

}

.calendar-event {

	padding: 10px;

}

/** FORM **/

.form {

	background: #f5f5f5;

	border: 2px solid #000;

	padding: 5px;

}

.input {

	background: #fff;

	border: 1px solid #ccc;

	color: #000;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	padding: 2px;

}

.button {

	background: #f5f5f5;

	border: 3px double #ccc;

	color: #000;

	cursor: pointer;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

	padding: 0px 5px 0px 5px;

}