
.salto,.negative {position:absolute; top:-9.3em; left: -93em;}
img,abbr {border:none}
ul,li {list-style:none}
h1{font-size:1em;}
.clear:after {content:"."; display:block; visibility:hidden; height:0}
.ftl{float:left}
h1{font:62.5% Arial, Helvetica, sans-serif;float:left; width:19.1em; height:11.8em; *height:11.9em; }

.centrar	{  text-align: center !important;   }
.justificar	{  text-align:  justify !important; }
.derecha	{  text-align: right !important;    }
.izquierda	{  text-align: left !important;     }

body
{
    margin-left:   50px;
    margin-right:  50px;
    margin-top:    10px;
    margin-bottom: 0px;
    min-height: 300px;
    
}

#header{
	width:100%;	
	background-color:white;
}

#footer{
	font-family: Arial,Helvetica,sans-serif;
	background-color:#EEEEEE;
	clear:both;
	text-align:center;
	font-size :8pt;
}


#submenu{
	width:100%;	
	font-size: 10pt;
  	font-color: #1B3F71;  	
  	font-family: Arial,Helvetica,sans-serif; 
  	margin-top:5px;
}

#content{     
    padding-top:20px;              
	background-color:#EEEEEE;
	min-height:800px;
	overflow:auto;	
}

#tituloAplicacion
{
	height: auto;
	width: auto;
	font-family: Arial,Helvetica,sans-serif; 
	font-style: italic;
    text-align: center;
    padding-top:10px;
    font-size:18px;       
}

/*PIE*/
#pie{background: url(../img/bg_pie.gif) repeat-x top left;}
#wrapper_pie{text-align:left; border-top:1em solid #012d5a; margin:0 auto; width:auto; padding:0 1em 0 1.9em; color:#5696C1;}

/*Menu pie*/
#wrapper_pie p{padding:1em 1.3em 0 1.3em; color:#555555;}
#wrapper_pie ul{font-size:1em; padding:1em 0 .9em 0; background: url(../img/separador_pie_azul.gif) no-repeat 100% 0em;}
#wrapper_pie ul.ul_pie_dcho{background: url(../img/separador_pie_azul.gif) no-repeat 0% 0em;}
#wrapper_pie ul li{float:left; padding:0 1.35em; background: url(../img/separador_pie.gif) no-repeat 100% .1em; font-weight:normal;}
#wrapper_pie ul li.first{padding-left:0;}
#wrapper_pie ul li.last{background:none;}
#wrapper_pie ul li a{text-decoration:none; color:#002d57;}
#wrapper_pie ul li a img.img_doblea{width:5.7em; height:2em;}
#wrapper_pie ul li a img.img_rss{margin-top:.2em; width:4em; height:1.4em;}

h2{
	font-size: 12pt;
	color: #1B3F71;
	font-family: Arial,Helvetica,sans-serif; 
	font-weight: bold; 
}
h3{
	font-size: 10pt;
	color: #FFF;
	font-family: Arial,Helvetica,sans-serif; 
	font-weight: bold; 
}

/* ESTILOS PARA LA GALERIA DE IMAGENES/*
#slider1 {
    width: 230px; /* important to be same as image width */
    height: 307px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}

#slider1Content {
    width: 420; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
}
.slider1Image {
    float: left;
    position: relative;
	display: none;
}
.slider1Image span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 220px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}
.clear {
	clear: both;
}
.slider1Image span strong {
    font-size: 14px;
}
.left {
	top: 0;
    left: 0;
	width: 110px !important;
	height: 280px;
}
.right {
	right: 0;
	bottom: 0;
	width: 90px !important;
	height: 290px;
}
ul { list-style-type: none;}


/*	ESTILOS PARA EL MENU 
#menu {background-color:#FFD700;
	background-color:#EEEEEE;
	min-height: 500px;
	width:15%;
	float:left;	
	overflow:auto;
	
}

.menu{	
		background:#5696C1;
        height:50px;
        margin:0px auto 0;        
		padding: 10 25px;
        width:auto;        
        
}
.menu li, .menu li a{
        display:inline; 
        float:left;     
        width:auto;
        text-decoration: none;
        
}
.menu li{	
		position:relative;
        color:#FFF;
        font:700 12px/4.5em Arial,Helvetica,sans-serif;
        height:30px;
        z-index: 99;
}
.menu li a{
        color:#FFF;
        font:700 12px/4.5em Arial,Helvetica,sans-serif;
        height:50px;
        padding:0 15px;
}
.menu li a:hover{
        background-position:0 50px; 
        color:#35608B;
}
MENU DESPLEGABLE
.menu li:hover ul{
        display:block;
}
.menu ul{
        background:#5696C1;
        display:none; 
        left:0;        
        position:absolute;
        top:50px;
        width:200px;
}
.menu ul li, .menu ul li a{
		text-decoration: none ;
        margin:0;
        padding:0;
        width:auto;
}
.menu ul li a{
        background:none;        
        color:#A3CADB;
        height:25px;
        line-height:1em;
        margin:5 5px;
        width:190px;
}
.menu ul li p{
        background:none;        
        color:#A3CADB;
        height:25px;
        line-height:1em;
        margin:0 5px;
        width:190px;
}

.menu ul li a:hover{
        background:none;
        color:#FFF;
}

.menu li:hover a{
        background-position:0 50px; 
        color:#35608B;
}
.menu li:hover li a{
        color:#A3CADB;
}
.menu li:hover li a:hover{
        color:#FFF;
}
*/
.popup{
    position:absolute;
    width:80%;
    top:50px;
    z-index:20;
}

.popup_cont{
    position:relative;
    z-index:20;
    width:495px;
    height:440px;
    margin-left:auto;
    margin-right:auto;
    background-color:#FFFFFF;
    padding:3px 3px 3px 3px;
    color:black;
    border-style: outset;
    border-width: 6px;
    font-size:x-small;
    font-family: arial;
    text-align: right;
    text-decoration: none;
    vertical-align: middle;
}
