html{
	background:none repeat scroll 0 0 #F7F8FA;
	text-align:center;
}
body{
}
h1,h2 {
margin:0;
padding:0;
}
h1 {font-size:60px;font-style:italic;font-weight:bold;height:80px;}
#panel-global{
	background:none repeat-x scroll center bottom #FFFFFF;
	border:0.1em solid #CECECE;
	color:#333333;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
	margin:2.1em auto;
	padding:1.2em;
	text-align:left;
	width:100%;
	height:1600px;
}
#panel-medio{
}
#panel-superior{
position:relative;
text-align:center;
}
.clase-input-porcentaje{
background:none repeat scroll 0 0 #576C9A;
border:1px solid #CECECE;
color:#FFFF00;
cursor:pointer;
overflow:visible;
margin-left:75px;
width:135px;
}
#panel-titulo{
background-image: url(../images/Cabecera.png);
background-repeat:no-repeat;font-family:"Monotype Corsiva";
color:#FFFF00;
font-size:30px;
font-style:italic;
font-weight:bold;
height:80px;
padding-left:10px;
margin:0 auto;
}
#panel-subtitulo{
line-height:2em;
background:none repeat scroll 0 0 #F1F4F4;
border-color:#CECECE;
border-style:solid;
border-width:0 1px 1px 1px;
}
#panel-medio-menus{
	width:278px;
	float:left;
	padding-top:20px;
}
#panel-medio-menus2{
	width:278px;
	float:left;
}
#panel-medio{
}
div.panel-menu-medio{
	border-color:#576C9A;
	border-style:none solid;
	border-width:4px;
	overflow:hidden;
	padding:0 10px;
	width:250px;
	color:#000066;
	text-decoration:underline;
}
div.panel-menu-medio-nota{
	text-align:justify;
	font-size:10px;
	border-color:#576C9A;
	border-style:none solid;
	border-width:4px;
	overflow:hidden;
	padding:5px 10px;
	width:250px;
}
#panel-medio-central{
	float:right;
	padding:2em 0 2em 2em;
	width:56em;
	line-height:1.4em;
}
.panel-calculo-arriba{
color:#576C9A;
font-size:11pt;
font-weight:bold;
margin-top:20px;
padding:2pt 5pt 2pt 5pt;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
line-height:1.4em;
background:none repeat scroll 0 0 #F1F4F4;
border-color:#CECECE;
border-style:solid;
border-width:1px 1px;
}
.formulario fieldset {
background:none repeat scroll 0 0 #F1F4F4;
border-color:#CECECE;
border-style:solid;
border-width:0px 1px 1px;
margin:0 0 10px;
padding:10px 0;
}
.formulario {
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
line-height:1.4em;
margin:0px;
}
.formulario fieldset legend {
}
.formulario .form_labelbox{
background:none repeat scroll 0 0 #F1F4F4;
clear:both;
color:#000000;
overflow:hidden;
padding:0 0;
}
.enlace {
float:right;
color:#0000FF;
}
div.panel-menu-superior {
background-image: url(../images/redondeo-arriba-azul.png);
background-repeat:no-repeat;
color:#FFFF00;
font-weight:bold;
height:15px;
padding-left:10px;
width:300px;
}
div.panel-menu-inferior{
background-image: url(../images/redondeo-abajo-fino.png);
background-repeat:no-repeat;
color:#000000;
font-weight:bold;
height:15px;
padding-left:10px;
width:300px;
}

.formulario .form_labels label {
}
.labelformcalculo{
font-size:12px;
margin:0 2% 0 0;
padding:0 0 0 6pt;
float:left;
position:relative;
width:55%;
}
.form_labels_resultado{
padding:10px;
}
.error{
color:#FF0000;
font-size:12px;
margin:0 2% 0 0;
padding:0 0 0 15pt;
float:left;
}
.panel-ayuda-arriba{
color:#576C9A;
font-size:11pt;
font-weight:bold;
margin-top:10px;
margin-left:30px;
padding:2pt 5pt 2pt 5pt;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:10px;
line-height:1.4em;
background:none repeat scroll 0 0 #FFFFFF;
border-color:#CECECE;
border-style:solid;
border-width:1px 1px;
float:left;
position:relative;
width:60%;
}
#panel-ayuda-contenido
{
background:none repeat scroll 0 0 #FFFFFF;
border-color:#CECECE;
border-style:solid;
border-width:0px 1px 1px;
padding:2pt 5pt 2pt 5pt;
margin-left:30px;
padding:2pt 5pt 2pt 5pt;
height:70px;
float:left;
position:relative;
width:60%;
font-size:10px;
text-align:justify;
}
#enlaceCalculo{
background:none repeat scroll 0 0 #F1F4F4;
clear:both;
color:#000000;
overflow:hidden;
float:right;
position:relative;
width:25%;
}
#enlaceCalculoTexto
{
padding:0;
font-size:11px;
font-weight:bold;
padding-right:40px;
}
.imagenAyuda{
float: left; 
margin-top: 2px; 
margin-left: 14px;
}
#barraaceptacion {
    display:none;
    position:fixed;
    left:0px;
    right:0px;
    bottom:0px;
    padding-bottom:20px;
    width:100%;
    text-align:center;
    min-height:10px;
    background-color: rgba(0, 0, 0, 0.5);
    color:#fff;
    z-index:99999;
}
 
.inner {
    width:100%;
    position:absolute;
    padding-left:5px;
    font-family:verdana;
    font-size:12px;
    top:30%;
}
 
.inner a.ok {
    padding:4px;
    color:#00ff2e;
    text-decoration:none;
}
 
.inner a.info {
    padding-left:5px;
    text-decoration:none;
    color:#faff00;
}

.Banderas {
    right: 0px;
    position: absolute;
    top: 0px;
    border: none;
}
.BanderasIMG{	
    margin-right: 10px;
    margin-top: 2px;
}

.panel-menu-segundo {
    margin-top: 20px;
}

.panel-menu-segundo,
.panel-menu-tercero,
.panel-menu-primero {
    margin-top: 10px;
}

.definiciones {
    font-size: 12px;
}

#barraaceptacion {
    padding-top:  0px;
    padding-left:  0px;
    padding-right:  0px;
    padding-bottom:25px;
    margin:0px;
    display:none;
    position:fixed;
    left:0px;
    right:0px;
    bottom:0px;
    width:100%;
    text-align:center;
    min-height:10px;
    background-color: rgba(0, 0, 0, 0.5);
    color:#fff;
    z-index:99999;
}
 
.inner {
    width:100%;
    position:absolute;
    padding: 0px;
    margin:0px;
    font-family:verdana;
    font-size:12px;
    /*top:30%;*/
}
 
.inner a.ok {
    padding: 5px;
    margin:0px;
    color:#00ff2e;
    text-decoration:none;
}
 
.inner a.info {
    padding: 0px;
    margin:0px;
    text-decoration:none;
    color:#faff00;
}
.image{
  width: 600px;
}

@media screen and (min-width: 980px) {
    #panel-global {
        width: 980px;
    }
}

@media screen and (max-width: 979px) {
    #panel-medio-central {
        width: 100%;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    #panel-medio-menus {
        width: 45%;
        padding-top: 0px;
    }

    #panel-medio-menus2 {
        width: 45%;
    }

    #espacios-vacios {
        display: none;
    }

    .panel-menu-segundo,
    .panel-menu-tercero,
    .panel-menu-primero,
    .panel-menu-cuarto {
        padding-top: 0px;
        margin-top: 5px;
    }

    #panel-global {
        height: 2200px;
    }
}
@media screen and (max-width: 746px) {
  .image{
    width: 500px;
  }
	.BanderasIMG{	
	    margin-right: 5px;
	    margin-top: 2px;
	}
    #panel-superior,
    #panel-subtitulo {
        text-align: left;
    }
  }

@media screen and (max-width: 634px) {
    #panel-medio-central {
        width: 100%;
    }

    #panel-medio-menus {
        width: 100%;
    }

    #panel-medio-menus2 {
        width: 100%;
    }

    .labelformcalculo {
        width: auto;
    }

    .imagenAyuda,
    #panel-ayuda {
        display: none;
    }

    #panel-global {
        height: 3100px;
    }

  #barraaceptacion {
    padding-bottom: 45px;
  }
  .image{
    width: 400px;
  }
	.BanderasIMG{	
	    margin-right: 4px;
	    margin-top: 2px;
	}
    #panel-titulo {
        padding-top: 10px;
    }

}

@media screen and (max-width: 500px) {
    h1 {
        font-size: 35px;
    }

    h2 {
        font-size: 15px;
        margin-block-start: 0;
        margin-block-end: 0;
        line-height: 16px;
    }

    #panel-global {
        height: 3200px;
    }
    #panel-titulo {
        height: 35px;
        padding-left: 5px;
    }

    #panel-subtitulo {
        border-width: 0
    }

    #panel-global {
        font-size: 12px;
    }
	.BanderasIMG{	
	    margin-right: 2px;
	}
	.Banderas
	{
		display:none;
	}
}

@media screen and (max-width: 400px) {
    h1 {
        font-size: 30px;
    }
    #panel-titulo {
        height: 30px;
        padding-left: 3px;
    }
  .image{
    width: 300px;
  }
}