<!--estructura-->

html, body {
	height: 100%;
	margin: auto;
	overflow-x: hidden;
	overflow-y: hidden;
	overflow: hidden;
	}

#menu {
	width: 190px;
	padding-top: 40px;
	background-color: #211996;
	background-image: URL(images/margen.gif); background-repeat: repeat-x;
	}

#contenido {
   font-family: arial;
   font-size: 11px;
   color: #000;
   background-repeat: no-repeat;
   background-position: bottom right;
	}

#scroll {
   overflow-y: scroll;
   overflow-x: hidden;
	width: 100%;
	height: 360px;
	}

#scroll div {
	padding: 10px 20px 0px 20px;
	width: 730px;
	height: 360px;
	text-align: left;
	}

.columna {width: 210px; display: block; float: left;}
.columnadoble {width: 460px; display: block; float: left;}




<!--texto-->

html, body, {font-family: arial; font-size: 11px; color: #666;}
h1 {border-bottom: 2px dotted #ddd;  margin: 0px 0px 12px 0px;}
h2 {font-family: arial; font-size: 18px; font-weight: normal; color: #666; margin: 0px 0px 0px 0px;}
h3 {font-family: arial; font-size: 13px; font-weight: bold; color: #666; margin: 0px 0px 0px 0px;}
hr {border: 0px; border-top: 2px dotted #ddd; margin: 5px 0px 5px 0px;}
ul {margin: 0px 0px 0px 16px;}
li {margin: 0px 0px 0px 0px;}





<!--vinculos y botones-->

a {font-family: arial; color: #211996; font-size: 12px; font-weight: bold; text-decoration: none;}
a:hover {color: #d8001d; font-weight: bold; text-decoration: underline;}

a img {border: 0px;}

#menu a {
   font-family: arial;
   font-size: 12px;
   font-weight: normal;
   text-decoration: none;
   color: #fff;
   width: 190px;
   padding: 5px 0px 4px 10px;
   margin: 0px;
   display: block;
   }

#menu a:hover{
   background-color: #4538de;
   }

#menu p {
	padding: 5px 0px 4px 10px;
	margin: 0px;
   font-family: arial;
   font-size: 12px;
   font-weight: normal;
   color: gray;
   background-color: white;
   }

#contenido a {padding: 2px 14px 4px 6px; font-family: arial; font-size: 13px; text-decoration: none; color: white; background-color: #211996; background-image: URL(images/flecha.gif); background-position: center right; background-repeat: no-repeat;}
#contenido a:hover {color: white; background-color: #d8001d;}

#contenido p {margin: 0px;}
#contenido p a {color: #211996; font-size: 11px; text-decoration: underline; background-color: transparent; padding: 0px;}
#contenido p a:hover {color: #d8001d; font-size: 11px; font-weight: normal; text-decoration: underline; background-color: transparent; padding: 0px;}





<!--otros-->

.fotoderecha {margin: 2px 15px 0px 0px; float: left;}

.exterior {font-family: arial; font-size: 11px; color: #999; padding: 20px;}
.exterior a:hover {font-size: 11px; font-weight: normal;}

.normalink {font-family: arial; font-size: 11px; color: #999;}
.normalink a:hover {font-size: 11px; font-weight: normal;}


table {font-size: 12px;}