/*---------------------RESETEAR CSS-------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,
fieldset,input,p,blockquote,th,td {
margin:0; padding:0;
}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {
font-style:normal;font-weight:normal;
}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
q:before,q:after {content:”;}
/*-----------------INICIAR TU CSS-------------------------------------------------------*/
*(margin:0; padding:0) 
/*-----------------SCROLL FIREFOX-------------------------------------------------------*/
html{overflow:-moz-scrollbars-vertical;}
textarea{overflow:auto;}
/*------------------LIMPIANDO-----------------------------------------------------------*/
.clear{clear:both; height:0; line-height:0}
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix {display:inline-block;}
 /* Hide from IE Mac \*/
 .clearfix {display:block;}
 /* End hide from IE Mac */
 /*-----------------QUITAR BORDES LINK (NO RECOMIENDO------------------------------------*/
a:active, a:focus{outline:none;}
/*-----------------FUERA BOERDES EN LAS IMAGENES----------------------------------------*/
img {border:0;}
/******************************************************************************************/
/*									    GENERALES                                         */
/******************************************************************************************/
body {height:100%;background-color:#003366; font-family:Arial, Helvetica, sans-serif; margin-top:10px;}
p { padding:10px; text-align:justify;font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; text-align:left;}
.centrado{text-align:center;}
.blanco{ color:#FFFFFF; font-size:12px; font-weight:bold; width:100px;}
.aut{min-height:500px; height:auto; !important height:500px;}
ul li .amarillo{color:#f9dc22;}

/******************************************************************************************/
/*									    EXTRUCTURA                                        */
/******************************************************************************************/
#contenedor{ margin:0 auto; width:980px; position:relative; min-height:500px;
height:auto; !important
height:500px;}
#menunav{width:912px; height:40px; position:absolute; top:183px; left:33px; z-index:100;}
#cabecera{	width:980px;	height:199px;	position:relative;	background-color:#003366;}
#cuerpo{	width:980px;	min-height:500px;	height:auto;!important height:500px;background-image:url(../imagenes/foncuerpo.jpg);
	background-repeat:repeat-y;	position: relative;}
#pie{ height:75px; background-image:url(../imagenes/pie.jpg); background-repeat:no-repeat; margin-bottom:10px; width:980px;}
#pie p{ font-size:12px; color:#FFFFFF; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
#columna{
	margin-top:28px;
	margin-bottom:28px;
	float:left;
	position:relative;
	width: 230px;
}
#columna ul{ margin:10px; padding-left:10px; }
#columna li{ font-size:11px; color:#FFFFFF; font-weight:bold;}
/*-----------------------------------------CLASES-----------------------------------------*/
.flt-r{float:right;}
.flt-l{float:left;} 

.fecha{color:#FF0000; font-size:14px; font-weight:bold; padding-bottom:5px;}
.titulo{color:#00465a; font-size:18px; font-weight:bold; padding-top:0px;}
.titulo a{color:#00465a; font-size:18px; font-weight:bold; padding-top:0px; text-decoration:none;}
.titulo a:hover{color:#00465a; font-size:18px; font-weight:bold; padding-top:0px; text-decoration:underline;}
.desarrollo{ float:left;color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:12px; display:inline; margin-bottom:10px;}
.imgc{ margin-top:10px; padding-left:10px;}
.5tb{ padding:10px 0;}
.leermas{ float:left; margin-left:10px;color:#FF0000; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.leermas a{color:#00465a; text-decoration:none;}
.leermas a:hover{ text-decoration:underline;}

strong {font-weight:bold;}
/*----------------------------------------DIV TRASPARENTES-------------------------------*/


/*---------------------------------------FORMULARIOS----------------------------------------
<form>
<label for=”name”>Name</label>
<input id=”name” name=”name”><br>
<label for=”address”>Address</label>
<input id=”address” name=”address”><br>
<label for=”city”>City</label>
<input id=”city” name=”city”><br>
</form>*/

label,input {
display: block;
width: 150px;
float: left;
margin-bottom: 10px;
}

label {
text-align: right;
width: 75px;
padding-right: 20px;
}