* {
	margin: 0;
	padding: 0;
}
a {color: #682;}
a:hover {color: #9A6;}

h1 {font-size: 1.4em;}
h1,h2,h3 {color: #654;}

b.nobold {
	font-weight: normal;
	}
	
img.contenido {
	padding-left: 12px;
	padding-right: 12px;
}

img.conborder {
	border: 1px solid #000000;
}

body {	
	color: #333;
	font: normal 62.5% "Lucida Sans Unicode", sans-serif;
	text-align: center;
	background: #78797b;
	margin: 0px;
	padding: 0px;
	
}	

input {
	color: #555;
	font: normal 1.1em "Lucida Sans Unicode",sans-serif;
}

p,cite,code,Ul {
	font-size: 1.2em;
	padding-bottom: 1.2em;
}
ul {margin-left: 1.2em;}


.container1y2 {
	position:relative;	
	margin:0 auto; 
	width: 929px;
	height: 100%;
	
}

.box_outer{float:left;width:655px;}/*These are styles for both boxes. They are floated to the left and given an explicit width. We won't apply any padding or border to these because FF and IE with a doctype will add them to the width and break the layout.*/ 	
.box_outer2{float:left;width:274px;height:100%;}

.container {
	display: float;
	position:relative;
	text-align: left;	
	margin: 0 auto;
	width: 655px;
	vertical-align: top;
	background: url(img/bgcontainermain.gif) repeat-y center top;
	
}


.container2 {
	display: float;
	position:relative;	
	text-align: left;	
	margin: 0 auto;	
	width: 274px;	
	vertical-align: top;	
	background: url(img/bgder2.gif) repeat-y center top;
	height: 100%;
	
}


.grisizq {
	background: #78797b;
	width: 40px;
}

.top {
	background: #f18e00;
	height: 30px;
	margin: 0 auto;
	width: 655px;
}



.header {
	background: url(img/3b.jpg) no-repeat;
	height: 220px;
	margin: 0 auto;
	width: 655px;
}

/* item */

.itemlargo {
	clear: left;
}

.item .date, .itemlargo .date {
	background: url(img/bgdate.gif) no-repeat;
	color: #FDD;
	float: left;
	height: 40px;
	text-align: center;
	width: 36px;
}

.item .datenar, .itemlargo .datenar {
	background: url(img/bgdatenar.gif) no-repeat;
	color: #FDD;
	float: left;
	height: 40px;
	text-align: center;
	width: 36px;
}

.item .datevacio, .itemlargo .datevacio {
	float: left;
	height: 40px;
	width: 36px;
}
.item .date div, itemlargo .date div, .item .datenar div, itemlargo .datenar div {padding-top: 4px;}
.item .date span, itemlargo .date span {font: normal 1.6em serif;}


.item .content {
	float: left;
	width: 418px;
	
}

.itemlargo .content {
	float: left;
	width: 618px;
	
}


.item h1, .itemlargo h1 {
	background: #9c9e9f;
	color: #FFF;
	line-height: 40px;
	
}

.item h1.nar, .itemlargo h1.nar {
	background: #dfb82f;
	line-height: 40px;
	text-align: left;
	
}

.titulo {
	font-size: 3.6em;
	color: #dfb82f;
	padding-left: 50px;
}

.item .body, .itemlargo .body {padding: 12px 22px;}

.col1y2 {
	position:relative;	
	margin:0 auto; 
	width: 400px;
	height: 100%;
	
}

.col_outer{float:left;width:175px;}/*These are styles for both boxes. They are floated to the left and given an explicit width. We won't apply any padding or border to these because FF and IE with a doctype will add them to the width and break the layout.*/ 	
.col_outer2{float:left;width:50px;}

.col1 {
	display: float;
	position:relative;	
	text-align: left;	
	margin: 0 auto;		
	top:0px;
	font-size: 1.2em;
	padding-right: 0px;
	padding-bottom: 1.2em;
	width: 175px;
}


.col2 {
	display: float;
	position:relative;	
	text-align: left;	
	margin: 0 auto;		
	top:0px;
	font-size: 1.2em;
	padding-left: 0px;
	padding-bottom: 1.2em;
	width: 50px;
}


/* navigation */

.navigation {
	display: float;
	float: right;
	margin-left: 1px;
	width: 200px;
}
.navigation h1 {
	
	background: #95ba2c;
	color: #FFF;
	font-size: 1.3em;
	
	line-height: 40px;
	padding-left: 0px;
	border-bottom: 1px solid #a9b745;
}

.navigation h1 a {
	display: block;
	text-decoration: none;	
	color: #FFFFFF;
}

.navigation h1 a:active {
	background: #8fb22a;
	color: #FFFFFF;	
}

.navigation h1 a:hover {	
	background: #8aac29;
	color: #FFFFFF;	
}





.navigation ul {margin: 0; padding: 0;}
.navigation ul li {
	border-bottom: 1px solid #D5E8AD;
	list-style-type: none;
  list-style-image: none;

}

.navigation li a {
	background: #E8F6BF url(img/bgnavigation.gif) repeat-x;	
	color: #553;
	display: block;
	padding: 8px 4px 8px 12px;
	text-decoration: none;
}



.navigation li a:hover {
	background: #F0FFC6;
	color: #553;
}



.clearer {clear: both;}

/* footer */
.footer {
	background: #dfb82f;
	color: #FFF;
	font-size: 1.1em;
	padding-left: 50px;
	text-align: left;
	width: 655px;
}
.footer a {color: #FFF;}
.footer a:hover {color: #FAFCB0;}


.nar {
	background: #dfb82f;
}
.naragenda {
	background: #dfb82f;
	width: 160px;
	height: 30px;
	padding: 5px;

}

.blancoagenda {
	height: 30px;
	padding: 5px;

}

.alignright {
	text-align:right;
}