/*********** CS  ********************/

a {text-decoration: none;color: #01334B;}
a:link {color: #01334B;}
a:visited {color: #009EE0;}
/*a:active {color: #999;}*/
a:hover {text-decoration: underline;}

h1 {
	text-align: center;
	padding: 0 0 0.25em 0;
	margin: 0;

}





ul {
	list-style: none;
	padding: 0;
	margin-left: 25px;
	margin-top:12px;


}

.op a {
	font-weight: bold;
	color: #01334B;
	width:110px;
	
	text-align:left;
	text-decoration: none;
}


.op li li a {

	display: block;
	font-weight: normal;
	color: #01334B;
	padding: 0.2em 10px;
	text-align:left;
}

.op li li a:hover {
	padding: 0.2em 5px;
	border: 5px solid #d1eaf8;
	border-width: 0 5px;
	color: #009EE0;
	}

li {
	position: relative;
	float: left;
	/*width: 10em;*/
	width:110px;
	text-align: center;
	cursor: default;
	/*border: 1px solid #d1eaf8;
	border-width: 1px 0;*/
	font:11px Verdana,sans-serif;
}

li#first {
	border-left-width: 1em;
}

li#last {
	border-right-width: 1em;
}

li ul {
	/*
	position: absolute;
	top: 14px;
	left: 0;
	margin-left:-80px;
	margin-top:13px;
	*/
	
	position: absolute;	
	top:0px;
	left: 0;
	
	display: none;
	font-weight: normal;
	background: url(cuadro.gif) bottom left no-repeat;
	padding: 0.5em 0 1em 0;
	border-right: solid 1px #d1eaf8;
}

li>ul {
	top: auto;
	left: auto;
}

li li {
	display: block;
	float: none;
	width:130px;
	background-color: transparent;
	border: 0;
}

li:hover ul, li.over ul {
	display: block;
}

hr {
	display: none;
}

p {
	clear: left;
	background: url(images/remora.gif) center left no-repeat;
	padding: 1em 1em 0 1em;
	margin: 0;
}

p.image {
	float: right;
	font-size: 0.8em;
	text-align: center;
	color: #d1eaf8;
	padding: 1.25em 1.25em 0.25em 0.25em;
}

p.image img {
	display: block;
	border: 1px solid #d1eaf8;
}