html,body{

margin:15px 0px 0px 0px;
padding:0

}

body{
font: 76% arial,sans-serif;
text-align:center;
background-color: #CAE7FF;
}

div#header{

/*border: 1px solid red;*/
}

div#container{

text-align:left;
border: 1px solid #62A0D1;
}

div#navigation{
background:#B9CAFF
}

div#container{
width:990px;
margin:0 auto;
background-color: #F2F9FF;
/*border: 1px solid blue;*/
}

div#content{
float:left;
width:730px;
/*border: 1px solid red;*/
}

div#navigation{
float:right;
width:250px;
background-image: url(../images/fnd_menudecha.jpg);
background-repeat: repeat-y;
background-position: left top;
border: 1px solid #93B9DC;
}

#navigation P{
	padding: .5em 2em;
}

div#footer{clear:both;
width:80%;
background: #FFF;
border: 1px solid #D8D8D8;
background-image: url(../images/fnd_footer.gif);
background-position: top;
background-repeat: repeat-x;
color: #333333;
margin: 1em auto;
display: block;
}

div#footer p{
margin:0;
padding:5px 10px
}

.clr{
	clear: both;
}

.centrado{
	text-align:center;
}
h1 { color:#000000; font-size:100%; font-weight:bold; text-align:right; width:100%; }
.oculto { position:absolute; /*left:-999px;*/ width:990px; font-size:0%; left:-1060px; top:-30px; }

.bannerlat{
	margin: 1em 0em 1em 1.5em;
}

.banner1{
	margin: 3em 0em 0.5em 1.5em;	
}


h2{
	font-family: Georgia, Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #CC0000;
	font-size: 1.5em;
	margin: 0em 0em 0em 0em;
}

h3{
	font-family: Georgia, Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #CC0000;
	font-size: 1.2em;
	margin: 1em 2em;

}

.noticia1{
	background-image: url(../images/fnd_parrafonoticia.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	margin: 1em 0em 0.5em 1em;
	border: 1px solid transparent;
}
.galeria{
	margin: 1em 1em 0.5em 1em;
	width: 155px;
	float: left;
	text-align: center;
	border: 1px solid transparent;
}
.noticia1 p{
	margin: 0.5em 0em 0.5em 0em;
	font-family: Georgia,"Times New Roman",Times,serif;
	font-size: 120%;
}

.noticia1 p.amplinoti, .galeria p.amplinoti{
/*	border: 1px solid red;*/
	background-image: url(../images/ico_noticia.gif);
	background-position: 50em 0.1em;
	background-repeat: no-repeat;
	text-align: right;
	padding: 0em 1em 0em 0em;
	margin: 0em 0em 1em 0em;
	color: #5389B5;
	font-weight: bold;
}

.noticia1 p.amplinoti a, .galeria p.amplinoti a{
	color: #5389B5;
text-decoration: none;
}

.noticia1 p.amplinoti a:hover, .galeria p.amplinoti a:hover{
	color: #5389B5;
text-decoration: underline;	
}

.noticia1 p.botones{
	text-align: center;
	padding: 0em 1em 0em 0em;
	margin: 0em 0em 1em 0em;
	color: #5389B5;
	font-weight: bold;
}

.noticia1 p.botones a{
	color: #5389B5;
	text-decoration: none;
	margin: 0 1em 0 0;
}

.noticia1 p.botones a:hover{
	color: #5389B5;
	text-decoration: underline;	
}
.noticia1 p li{
	list-style: inside
}
#content p.amplinoticias{
/*	border: 1px solid red;*/
	color: #666666;
	font-size: 1.2em;
	font-weight: bold;
	text-align: right;
	margin: 1em 0em 1em 0em;
	padding: 0em 1.5em 0em 0em;
}

#content p.amplinoticias a{
	color: #666666;	
	text-decoration: none;
}

#content p.amplinoticias a:hover{
	color: #333;	
	text-decoration: underline;
}


/*------------------------ menu ------------------------*/

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/padding.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* style the outer div to give it width */
.menu {font-size:1.2em; padding-bottom:0px; width:100%; 
background-image: url(../images/fnd_menu_sup.jpg);
background-repeat: repeat-x;
background-position: top;
height: 35px;
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none; height:3em; background:transparent;}

/* style the sub-level lists */
.menu ul ul {width:15em;font-size:1em;}

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu ul li {float:left;height:2em;line-height:2em; display:block;}

/* style the sub level list items */
.menu ul ul li {display:block;width:12em;height:auto; line-height:1em;}

/* style the links for the top level */
.menu a, .menu a:visited {
display:block;
float:left;
height:100%;
width:7em;
font-size:1em;
text-decoration:none;
color:#000;
/*background:#949e7c url(top_grad.gif) center center;*/
padding:0 3em 0 1em;
/*border-left:1px solid #eee;
border-right:1px solid #000;*/

}
/* hack IE5.x to get the correct the faulty box model and get the width right */
* html .menu a, * html .menu a:visited {width:11em; w\idth:7em;}

/* style the sub level links */
.menu ul ul a, .menu ul ul a:visited {
display:block;
background:#FFFFFD url(sub_grad.gif);
color:#666666;
width:12em;
height:100%;
line-height:1em;
padding:0.5em 1em;
border-bottom:1px dotted #A5ACB0;
font-size:0.9em;
}


* html .menu ul ul a, * html .menu ul ul a:visited  {width:14em; w\idth:12em;}


/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {border-collapse:collapse; padding:0; margin:-1px; width:0; height:0; font-size:1em; z-index:1;}


/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#b4be9c url(sub_grad.gif);}
/* style the fourth level background */
.menu ul ul ul ul a, .menu ul ul ul ul a:visited {background:#c4ceac url(sub_grad.gif);}
/* style the sub level 1 background */
.menu ul :hover a.sub1 {background:#447b7b;}
/* style the sub level 2 background */
.menu ul ul :hover a.sub2 {background:#447b7b;}

/* style the level hovers */
/* first */
* html .menu a:hover {
color:#000000;
background:#FFFFFD url(top_grad_2.gif) center center;
position:relative;
z-index:100;
}
.menu li:hover {position:relative;}
.menu :hover > a {color:#666666; background:#FFFFFD url(top_grad_2.gif) center center;}
/* second */
* html .menu ul ul a:hover{color:#ff0;background:#7aa; position:relative; z-index:110;}
.menu ul ul li:hover {position:relative;}
.menu ul ul :hover > a {color:#ff0;background:#7aa;}
/* third */
* html .menu ul ul ul a:hover {background:#7aa; position:relative; z-index:120;}
.menu ul ul ul :hover > a {background:#7aa;}
/* fourth */
.menu ul ul ul ul a:hover {background:#7aa; position:relative; z-index:130;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:2em; left:0; width:14em;}

/* position the third level flyout menu */
.menu ul ul ul{left:12em;top:0;width:14em;}


/* make the second level visible when hover on first level list OR link */
.menu ul :hover ul{visibility:visible; height:auto; padding:0 3em 3em 3em; background:transparent url(images/trans.gif); left:-3em;}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{visibility:visible; left:9em;}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul {visibility:visible;}

/* See license.txt for terms of usage */

/*--------------------------------------------------------------------------------*/

.migaspan{
/*	border: 1px solid red;*/
	width: 90%;
	text-align:left;
	color: #003A67;
	padding:8px 0px 0px 0px;
	margin: 0em 0em 0em 0em;
/*	margin-bottom:12px;*/
	/*background: transparent url(../images/lineH2.gif) repeat-x bottom left;*/
}

.migaspan ol {
margin: 0em 0em 0em 2em;
padding: 0em;
}

.migaspan ol li {
display:inline;
/*width:90%;*/
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size:85%;
/*font-weight:bold; */
}

.migaspan ol li a {
font-weight:normal;
color:#003A67;
text-decoration: underline;
}

.vineta {

background:transparent url("../images/bulletMoreabout.gif") no-repeat left;

padding:0px 3px 0px 10px;

}


.primeline{
/*	border: 1px solid red;*/
	margin: 0em 0.5em 0em 0em;
	color: #62A0D1;
}


.cuadbloque1{
	width: 310px;
/*	border: 1px solid red;*/
	background-image: url(../images/fnd_cuadro.jpg);
	background-repeat: repeat-y;
	background-position: left;
	float: left;
	margin: 0em 0em 0em 3em;
	padding: 0em 0em 0em 0em;
}


.cuadbloque2{
	width: 310px;
/*	border: 1px solid red;*/
	background-image: url(../images/fnd_cuadro.jpg);
	background-repeat: repeat-y;
	background-position: left;
	float: left;
	margin: 0em 0em 0em 3em;
	padding: 0em 0em 0em 0em;	
}

ul.listaplantilla{
	padding:0em;
}


ul.listaplantilla li{
list-style-image: url(../images/bullet_flecha.gif);
margin: 0.5em 0em 0em 0em;
}



.cuadbloque1 ul{
	
}

.cuadbloque1 ul li{
color: #142736;
}


.cuadbloque1 h3{
	color: #CC0000;
	border-bottom: 1px solid #DFE2E4;
	margin: 0em 0em 0em 1em;
	width: 90%;
}


.cuadbloque1 h4{
color: #162F43;
border-bottom: 1px solid #000000;	
margin: 0em 0em 0em 1em;
width: 90%;
}


.cuadbloque2 ul{
	
}

.cuadbloque2 ul li{
color: #142736;
}


.cuadbloque2 h3{
	color: #CC0000;
	border-bottom: 1px solid #DFE2E4;
	margin: 0em 0em 0em 1em;
	width: 90%;
}


.cuadbloque2 h4{
color: #162F43;
border-bottom: 1px solid #000000;	
margin: 0em 0em 0em 1em;
width: 90%;
}

.h2sup{
	border: 1px solid #62A0D1;
	margin: 0.5em 0em 0em 0.75em;
	padding: 0.25em 0em 0.25em 1em;
	width: 690px;
	background-color: #014F94;
	color: #ffffff;
}

.flotaimgderecha{
float: left;
margin: 0.5em;
overflow: auto;
}

.galeria_menu{
	width: 180px;
	border: 1px solid #cccccc;
	margin: 0em auto 1em auto;
	display: block;
}

.galeria_menu img{
margin: 0.5em auto;
display:block;
}

.galeria_menu p{
	margin: 0em;
	padding: 0em 0em 0em 0.5em;
	font-size: 10px;
}


.galeria_menu p.amplinoti{
	background-image: url(../images/ico_noticia.gif);
	background-position: 8.5em 0em;
	background-repeat: no-repeat;
	text-align: right;
	padding: 0em 1em 0em 0em;
	margin: 0em 0em 1em 0em;
	color: #5389B5;
	font-weight: bold;
}

.galeria_menu p.amplinoti a{
	color: #5389B5;
text-decoration: none;
}

.galeria_menu p.amplinoti a:hover{
	color: #5389B5;
text-decoration: underline;	
}

h5{
	padding: 0em 0em 0em 1.5em;
}


.boletinform{
	bordeR: 1px solid #699DC5;
	width: 70%;
	margin: 0.5em auto;
	padding: 0.5em 0em 0em 0em;
	display: block;
	text-align: center;
	background-color: #FFF;
}

#content P.contenido{
	padding: .5em 2em;
	font-family: Georgia,"Times New Roman",Times,serif;
	font-size: 120%;
}

#content P.contenidoerror{
	margin: .5em 2em;
	padding: .2em .5em;
	border: solid 1px #c00;
	color: #C00;
	font-size: 1.5em;
}

.filosofia{
	padding: 1em 2em;
	font-size: 1.2em;
}

LABEL{
	display:block;
	width:150px;
	font-weight: bold;
	float:left;
}
FIELDSET{
	margin: 0em 2em;
}
INPUT, TEXTAREA{
	font-size: 1.2em;
	color: #666;
}
INPUT.enviar{
	margin-left: 250px;
}