body {
	text-align: center;
	background-color: #D2D3EA;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(../images/fondo.jpg);
}
a:link , a:visited , a:active{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	text-decoration: underline;
	color: #000000;
}
a:hover {
	color: #990000;
	text-decoration: none;
}
p {
	padding: 0px 15px 0px 10px;
	margin: 0px;
	font-size: small;
	text-indent: 20px;
	text-align: justify;
}
h1 {
	font-size: medium;
	color: #D70206;
	font-weight: 900;
	margin: 0px;
	padding: 10px 0px 8px 0px;
	text-indent: 30px;
}
h2 {
	font-size: small;
	color: #D70206;
	text-indent: 20px;
}
h3 {
	font-size: small;
	color: #003399;
	margin: 0px;
	padding: 0px 0px 0px 20px;
}
h4 {
}
#containeri {
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
	position: relative;
	width : 600px;

	height: 600px
	padding : 0px;
	background-image: url(../images/fondoi.jpg);
	height: 600px;
} 

#contenedor {
	text-align: left;
	width: 800px;
	margin: auto;
	background-color: #DBF1FF;
	border-left-style: solid;
	border-left-width: 3px;
	border-right-width: 3px;
	border-right-style: solid;
	border-right-color: #326495;
	border-left-color: #D2D3EA;
}

#cabecera {
height: 93px !important ;
width: 800px;
margin: 0px;
padding: 0px;
}

/*menu de navegacion superior--- empieza*/
#menu  {
	height:auto;
	width: 800px;
	margin: 0px;
	background-image: url(../images/bgmenu.gif);
	background-repeat: repeat-x;

}

#header {
	float:right;
	width:800px;
	/*font-size:85%;*/
line-height:normal;
	clear:both;
	margin:0;
	height: auto;
}
#header a {
	font-size: x-small;
	color: #000000;
	text-decoration: none;
	padding: 150px 0px 8px 2px;
	margin: 0px;
}


#header ul {
margin:0;
padding:0;
list-style:none;

}

#header li {
float:right;
margin:0;
padding:0px;

}	

#header li a {
	display:block;
	padding: 5px 12px 4px 6px;
	margin:0px 0px 0px 0px;
	background:url(../images/bgm.gif) no-repeat right top;
	color: #246382;
	font-size: small;
	text-decoration: none;
	font-weight: bold;
	/*border-top: 1px none #D4D0C8;
	border-right: 1px none #666666;
	border-left: 1px dotted #999999;
	border-bottom: 1px none #D4D0C8;*/
}
#header li a:hover {
	display:block;
	padding: 5px 12px 4px 6px;
	margin:0px 0px 0px 0px;
	background:url(../images/bgm_o.gif) no-repeat right top;
	color: #990000;
}

#header li #current {
background-image:url(../images/bgm_o.gif);
	text-decoration: underline;
}

#header li #current a:link a:visited {
background-image:url(../images/bgm_o.gif);
}

#header li #current a:hover a:active {
background-image:url(../images/bgm_o.gif);
}
		/*menu de navegacion superior--- final*/


/* lateral--- final*/
#lateralpro {
	width: 190px;
	padding: 0;
	margin: 0;
}		

#lateral {
	width: 190px;
	height:100%;
	padding: 0;
	margin: 0;
	float: left;
}
#idioma {
	font-size: 14px;
	background-color: #E9E5F1;
	padding: 5px 10px 5px 0px;
	text-align: left;
	font-family: "Times New Roman", Times, serif;
	background-image: url(../images/bgidioma.gif);
	background-position: right top;
}

		
/*#navcontainer
{
	margin-left: 0px;
	width: 190px!important;
	border:0;
	padding: 0px;
	margin-bottom: 0px;
	font-size: small;
	background-color: #90bade;
	color: #333;
	text-align: left;
}
#navcontainer ul
{
list-style: none;
margin: 0px;
padding: 0px;
border: none;
}
#navcontainer li
{
	border-bottom: 1px solid #90bade;
	margin: 0px;
	padding: 0px;
}
#navcontainer a
{
	display: block;
	padding: 0px 0px 0px 0px;
	border-left: 4px solid #2175BC;
	border-right: 5px solid #508fc4;
	background-color: #2175bc;
	color: #FFFFFF;
	text-decoration: none;
	width: auto!important;
	margin: 0px;
}

html>body #navcontainer a {
	width: 100%;
	margin: 0px;
	padding: 0px;
}

#navcontainer a:hover
{
border-left: 4px solid #1c64d1;
border-right: 5px solid #5ba3e0;
background-color: #2586d7;
color: #fff;
}

#navcontainer ul ul li
{
	border-top: 1px solid #90bade;
	border-bottom: 0;
	margin: 0;
	padding: 0px;
}
#navcontainer ul ul a
{
	display: block;
	padding: 0px 0px 0px 0px;
	background-color: #77B4E6;
	color: #000000;
	text-decoration: none;
	width: auto!important;
	border-right-width: 5px;
	border-left-width: 7px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #508fc4;
	border-left-color: #2175BC;
	margin: 0px;
}
#navcontainer ul ul a:hover
{
border-left: 7px solid #1c64d1;
border-right: 5px solid #5ba3e0;
background-color: #2586d7;
color: #fff;
}
#navcontainer ul ul ul li
{
	border-top: 1px solid #90bade;
	border-bottom: 0;
	margin: 0px;
	padding: 0px;
}
#navcontainer ul ul ul a
{
	display: block;
	background-color: #99CCFF;
	color: #000033;
	text-decoration: none;
	width: auto!important;
	padding: 0px 0px 0px 0px;
	border-right-width: 5px;
	border-left-width: 12px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #508fc4;
	border-left-color: #2175BC;
	margin: 0px;
}
#navcontainer ul ul ul a:hover
{
border-left: 12px solid #1c64d1;
border-right: 5px solid #5ba3e0;
background-color: #2586d7;
color: #fff;
}

#navcontainer li li li li
{
	border-top: 1px solid #90bade;
	border-bottom: 0;
	margin: 0;
	padding: 0px;
}
#navcontainer li li li li a
{
	display: block;
	background-color: #C6E2FF;
	color: #000033;
	text-decoration: none;
	width: auto!important;
	padding: 0px 0px 0px 0px;
	border-right-width: 5px;
	border-left-width: 16px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #508fc4;
	border-left-color: #2175BC;
	margin: 0px;
}
#navcontainer li li li li a:hover
{
border-left: 16px solid #1c64d1;
border-right: 5px solid #5ba3e0;
background-color: #2586d7;
color: #fff;
}*/







/*
#navcontainer ul
{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#navcontainer li
{
border-bottom: 1px solid #90bade;
margin: 0;
}

#navcontainer li a
{
display: block;
padding: 0px 0px 0px 3px;
border-left: 4px solid #A4A7D4;
border-right: 5px solid #508fc4;
background-color: #2175bc;
color: #fff;
text-decoration: none;
width: auto!important;
}

html>body #navcontainer li a { width: 100%; }

#navcontainer li a:hover
{
border-left: 4px solid #1c64d1;
border-right: 5px solid #5ba3e0;
background-color: #2586d7;
color: #fff;
}

#navcontainer li li
{
border-top: 1px solid #90bade;
border-bottom: 0;
margin: 0;

}

.navuno 
{
	display: block;
	padding: 0px;
	border-left: 4px solid #D2D3EA;
	border-right: 5px solid #508fc4;
	background-color: #5ba3e0;
	color: #000000;
	text-decoration: none;
	width: auto!important;
	
}
#navcontainer li li li
{
border-top: 1px solid #90bade;
border-bottom: 0;
margin: 0;
}

#navcontainer li li li a
{
	display: block;
	background-color: #99CCFF;
	color: #000033;
	text-decoration: none;
	width: auto!important;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
	border-right-width: 5px;
	border-left-width: 4px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #508fc4;
	border-left-color: #2175BC;	
}
#navcontainer li li li li
{
border-top: 1px solid #90bade;
border-bottom: 0;
margin: 0;
}

#navcontainer li li li li a
{
	display: block;
	background-color: #D5EAFF;
	color: #000033;
	text-decoration: none;
	width: auto!important;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	border-right-width: 5px;
	border-left-width: 4px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #508fc4;
	border-left-color: #2175BC;	
}*/


/*/*.pop ul{
margin: 0;
padding: 0;
list-style-type: none;
width: 150px;
}
	
.pop ul li{
position: relative;
}
	
/*1st level sub menu style 
.pop ul li ul{
left: 149px; /* Parent menu width - 1
position: absolute;
width: 160px; /*sub menu width
top: 0;
display: none;
}

/*All subsequent sub menu levels offset 
.pop ul li ul li ul{ 
left: 159px; /* Parent menu width - 1
}

/* menu links style 
.pop ul li a{
display: block;
}

.pop ul li a:visited{
color: black;
}

.pop ul li a:hover{
	background-color: #ECE9D8;
}

.pop .subfolderstyle{
background: url(media/arrow-list.gif) no-repeat center right;
}

* html .pop ul li { float: left; height: 1%; }
* html .pop ul li a { height: 1%; }
*/



			/*menu de navegacion lateral--- final*/
			/*sugerencias lateral--- empieza*/



#sugeren {
	margin:0px;
	height:100%;
	padding: 0px;
}
#sugeren p {
	font-size: x-small;
	margin: 0;
	padding: 3px 8px 6px 10px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #D2D3EA;
	text-align: justify;
}
#sugeren h5 {
	
	font-size: small;
	margin: 0;
	padding: 4px 0px 4px 0px;
	text-align: center;
	color: #006699;
	font-weight: bold;
	font-style: normal;
	background-color: #D2D3EA;
	text-transform:uppercase;
	border-right-style: none;
	border-left-style: none;
	border-left-color: #A2A5D3;
	border-top-style: none;
	border-bottom-style: none;
}

#sugeren h6 {
	font-size: x-small;
	margin: 0;
	padding: 20px 0px 2px 15px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #797CBF;
	color: #003366;
}
#sugeren a {
	font-size: x-small;
	color: #000066;
	font-weight: bold;
}		
#sugeren a:hover {
}	
.imlateral {
	float: left;
	padding: 4px 3px 2px 5px;
}		
			/*sugerencias lateral--- final*/


/* lateral--- final*/

#contenido {
	width: 610px;
	float: right;
	margin: 0;
	padding: 0;
}
.imcontenido {
	padding: 0px;
	margin: 0px;
}
.imcontfloat {
	padding: 0px 10px 5px 10px;
	margin: 0px;
	float: left;
}
/*#contenido p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
margin: 0;
padding: 0;
}*/

#textos {
	width: 594px;
	margin-left: 0px;
	border-right-width: 12px;
	border-right-style: solid;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #9697CD;
	border-right-color: #37359A;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}

#textos ul {
	margin:0px;
	padding:0px 0px 0px 40px;
	list-style:none;

}

#textos li {
	margin:0px;
	padding:0px;
	width: 100px;

}	

#textos li a {
	display:block;
	padding: 4px 0px 5px 10px;
	margin:0px 0px 0px 0px;
	color: #37359A;
	font-size: x-small;
	text-decoration: none;
	background-image: url(../images/bottom__08.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: 2px;
	font-weight: bold;
}
#textos li a:hover {
	display:block;
	color: #993300;
	text-decoration: none;
	background-image: url(../images/bottom_o_08.jpg);
	background-repeat: no-repeat;
	background-position: left center;	
}

/*#textos p {
	font-size: small;
	padding:0px;
	margin: 0px;
	text-align: justify;
}*/
#cont {
	margin: 0px;
	padding: 0px;
}



			/*contenido --- final*/
			

/*pie --- empieza*/
#pie {
	clear:both;
	width: 800px;
	margin-left: 0px;

}
#pieuno {
float:left;
width: 190px;
height:50px;
margin-left: 0px;
background-image:url(../images/bgpuno.gif) ;
}
#pieuno a{
	font-size: xx-small;
	border: none;
	padding: 8px 0px 0px 0px;
	text-decoration: none;
	color: #CCCCCC;
}
#pieuno a:hover{
	font-size: xx-small;
	border: none;
	padding: 8px 0px 0px 0px;
	text-decoration:underline;
	color: #FFFFFF;}

#pieuno p{
	font-size: xx-small;
	text-align: center;
	color: #FFFFFF;
	padding: 4px 0px 2px 0px;
	margin: 0;
}

#piedos {
float:right;
width: 610px;
height:50px;
background-image:url(../images/bgpdos.gif) ;
text-align:center;
}
#piedos a {
	font-size: small;
	text-decoration: none;
	color: #000000;
}
#piedos a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}
			/*pie --- final*/			
	/*empieza --- popup*/			
#ampliacion {
	padding : 5px;
	visibility : hidden;
	border : 1px solid #666666;
	background-image : url(images/cargando.gif);
	background-repeat : no-repeat;
	background-color: #CCCCCC;
	position: absolute;
	z-index: 10;
	margin: 0px;
} 
#ampliacion #c1 {
	margin: 0px;
	padding: 0px;
}


#ampliacion #cerrararriba {
	font-weight : bold;
	background-color : #CCCCCC;
	font-family : arial, verdana;
	font-size : 8pt;
	line-height : 18px;
	height : 18px;
	text-align : left;
	padding: 5px;
} 
#ampliacion #cerrarampliacion {
	font-weight : bold;
	background-color : #CCCCCC;
	font-family : arial, verdana;
	font-size : 8pt;
	line-height : 20px;
	text-align : right;
	float : right;
	height : 45px;
	background-image: url(images/logo.gif);
	background-repeat: no-repeat;
	background-position: 10px bottom;
	position: inherit;
	padding-right: 5px;
} 
#float {
	float: right;
	padding: 15px 10px 10px 10px;
	margin: 2px 10px 2px 20px;
	text-align: center;
	display: inline;
	border: thin solid #999999;
	background-color: #CCCCCC;
	z-index: 10;
}

/*termina pop up*/

		/*Empieza menu pop up*/
		
		/*this is the css for the vertical version
		.vertical ul{
			list-style-type: none;
			padding: 0px;
			border-top: 1px solid;
			width: 204px;
		}
		.vertical li a{
			display: block;
			width: 200px;
			text-decoration: none;
			height: 1.2em;
			padding: .1em 1px;
			border: 1px solid;
			border-top: 0px;
		}
		.vertical li{
			/*Needed for IE. Don't ask me why, It was a lucky guess.
			display: inline;
		}
		.vertical li ul{
			position: absolute;
			margin-top: -1.3em;
			margin-left: 200px;
		}
		/*this is the css for the horizontal version
		.horizontal ul{
			list-style-type: none;
			padding: 0px;
			border-left: 1px solid;
			display: block;
			height: 1.4em;
		}
		.horizontal li{
			float: left;
			display: inline;
		}
		.horizontal li a{
			text-decoration: none;
			height: 1.2em;
			float: left;
			display: block;
			width: 125px;
			padding: .1em 1px;
			border: 1px solid;
			border-left: none;
		}
		.horizontal li li a{
			border-top: none;
			border-left: 1px solid;
		}
		.horizontal li ul{
			position: absolute; 
			margin-top: 1.3em;
			margin-left: -1px;
			width: 129px;
			border: none;
			display: block;
			height: auto;
			border-top: 1px solid;
		}
		.horizontal li li ul{
			position: absolute;
			margin-top: .1em;
			margin-left: 125px;
		}
		.horizontal li ul li a{
		width: 125px;
		}
		/*This section makes the menu not work in non-javascript enabled browsers by not showing the menu by default-This can be worked around by making top level links point to a sitemap*/
		/*Not sure if I recommend this or not
		.inaccesible li ul{
			display: none;
		}
		/*Arrow code - looks like <a class="haschild" href="#">Text <span>Arrow</span></a> can be turned on/off with arrow class
		.arrow a span{
		padding-left: 1em;
		font-size: 85%;  
		}
		.arrow a:hover span{
		padding-left: 2em;
		}
		.arrow a span.noshow{
			visibility: hidden;
		}
		/*Plus code
		.plus a span{
			padding-left: .5em;
		}
		/*colors for menu
		.blackwhite li a{
			background-color: white;
			color: black;
			border-color: black;
		}
		.blackwhite li a:hover{
			background-color: black;
			color: white;
			border-color: black;
		}
		.blackwhite ul{
			border-color: black;
		}
		.bluewhite li a{
			background-color: white;
			color: #000033;
			border-color: #000033;
		}
		.bluewhite li a:hover{
			background-color: #000033;
			color: white;
			border-color: #000033;
		}
		.bluewhite ul{
			border-color: #000033;
		}
		
		/*Final menu pop up*/