/** HOJA ESTILO RELACIONADA CON LAS CAPAS DE LA APLICACIÓN **/
#envoltorio {
    position:relative;
    margin: auto;
    width: 99%;
    height: 99%;    
    margin-top:5px;
    min-width:60em;
}

#cabecera {
    width: 100%;
    height: 5.5em;
    background-repeat: no-repeat;
    overflow: hidden;
}

#barra {
    font-family: Tahoma;
    font-size: 11px;
    font-weight: normal;
	height:2.1em;
	width: 100%;
	float: left;
}

#barraHerramientas {
	border-bottom: 0px;
	border-left: 0px;
	background-color: #ffffff;
	width: 100%;
	height: 2.5em;
	border-top: 0px;
	border-right: 0px;
	display: table;
}

#barraHerramientas div { 
	display: table-row;
	padding-right:0.2em;
}

#barraHerramientas div div { 
	display: table-cell;
	vertical-align:middle;
}

.textoBarraHerramientas{
	font-family: Tahoma,Verdana,Arial,Helvetica; 
	color: #000000; 
	font-size: 11px; 
	font-weight: bold;
	padding-left:1.0em;
}

.botonBarraHerramientas {
	font-family:Tahoma;
	font-size: 11px; 
	font-style: normal;
	position:relative; float:left;
}

.imagenBotonBarraHerramientas {
	vertical-align: middle; 
	height: 2.5em; 
	width:2.5em;
}

/* Menú de la aplicación */ 
#menu{
    height: 1.7em;
    width: 100%;
    float: left;
}
/* Fin menú de la aplicación*/

/* Título del módulo que se está ejecutando */
#contenido {
    font-family: Tahoma,Verdana,Arial,Helvetica;
    font-size: 11px;
    font-weight: normal;
    display: block;
    float: left;
    width: 99.9%;
    height: 84%;
    border-bottom-color: #ffffff;
    border-bottom-style: solid;
    border-bottom-width: thin;
    border-top-color: #ffffff;
    border-top-style: solid;
    border-top-width: thin;
    border-left-color: #ffffff;
    border-left-style: solid;
    border-left-width: thin;
    border-right-color: #ffffff;
    border-right-style: solid;
    border-right-width: thin;
    background-image: url('../images/fondo/sgagpi.png');
    background-repeat: no-repeat;
	background-size: cover;
}

.contenidoSinFondo {
    font-family: Tahoma,Verdana,Arial,Helvetica;
    font-size: 11px;
    font-weight: normal;
    display: block;
    float: left;
    width: 100%;
    height: 77%;
    border-bottom-color: #ffffff;
    border-bottom-style: solid;
    border-bottom-width: thin;
    border-top-color: #ffffff;
    border-top-style: solid;
    border-top-width: thin;
    border-left-color: #ffffff;
    border-left-style: solid;
    border-left-width: thin;
    border-right-color: #ffffff;
    border-right-style: solid;
    border-right-width: thin;
}

.contenidoRecuadro {
    border-bottom-color: #ffffff;
    border-bottom-style: solid;
    border-bottom-width: thin;
    border-top-color: #ffffff;
    border-top-style: solid;
    border-top-width: thin;
    border-left-color: #ffffff;
    border-left-style: solid;
    border-left-width: thin;
    border-right-color: #ffffff;
    border-right-style: solid;
    border-right-width: thin;
}

#contenido_titulo {
    height: 21px;
    margin-left:-1px;
    margin-top:-1px;
    padding-top: 6px;
    padding-left:5px;
    float: left;
    width: 100%;
}

#contenido_titulo h4{
    font-family: Tahoma,Verdana,Arial,Helvetica;
    font-size: 12px;
    font-weight: bold;
    color: #1E70BF;
    text-decoration: none;
    padding-left: 25px;
    float: left;
    display: block;
    margin-top: 0px;
}
/* Fin título del módulo que se está ejecutando */

/* Pie de la aplicación*/
#pie {
	background-image: url('../images/pie/pie.jpg');
	background-repeat: no-repeat;
	background-size:100% 30px;
	float: left;
    width: 100%;
	height: 30px;
	vertical-align: middle;
	margin-top:25px;
	margin-left:2px;
	text-align: center;
	color: #396b84;
    font-family: Tahoma,Verdana,Arial,Helvetica;
    font-size: 11px;
    }

/* Fin pie de la aplicación */

#procesando
{
     width: 50%;
     height: 50%;    
     margin-left: 40%;
     margin-top: 5%;
}

#procesando img
{
    margin-left:40px;
}

ul#migaDePan { margin:0; padding:.4em 0 .4em .7em; position:relative; border-bottom:1px solid #e3e3e3; background-color:#ebebeb ; }
ul#migaDePan li { list-style:none; display:inline; padding-right:1.3em; background:url(../images/flecha.gif) no-repeat right center #ebebeb ; }
ul#migaDePan li a { color:#0056bb; margin-right:.5em; font-weight:normal;}

/* Fieldset */   

   /* para IE */
fieldset {
	font-family: Tahoma,Verdana,Arial,Helvetica; 
	font-size: 11px; 		
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #ebebeb ;
	position: relative;
	margin: 0.6em;
}

    /* para firefox */
@-moz-document url-prefix() {  
    fieldset {
    	display: table-cell;
    	width: 97%;
	    font-family: Tahoma,Verdana,Arial,Helvetica; 
	    font-size: 11px; 		
	    -moz-border-radius: 5px;
	    -webkit-border-radius: 5px;
	    border-radius: 5px;
	    background: #ebebeb ; 
    }
}

.sombraBox{
	background: url('../images/bg_bloque_trans.png') no-repeat right bottom;	
	position:relative;
	margin:0;
	top:-0.7em;	
	right:1em;	
	height: 1.1em;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  .sombraBox {
    top:-0.6em;
  }
}

/* Fin Fieldset */

/* Estilos solicitados por SgaCad para sus capas. */
.colorBorde{
	border-color: #ffffff; 
}

.sombraCuadro{
	box-shadow: 10px 10px 5px #ffffff;
}
/* Fin Estilos solicitados por SgaCad para sus capas. */





/*
 *	Estilos para la barra de botones con submenu. Se añaden a los antiguos
 */

ul#css3menu_top, ul#css3menu_top ul {
	margin: 0;
	list-style: outside none none;
	padding: 0;
}

ul#css3menu_top, ul#css3menu_top .submenu {
}

ul#css3menu_top .submenu{
	display:none;
	position:absolute;
	/* left:-1px; */
	/* top:100%; */
	float:left;
	z-index:2;
	
    top: 10;
    right: 0;
 
	-moz-box-shadow:0 4px 6px -2px rgba(0,20,50, 0.26) inset;
	-webkit-box-shadow:0 4px 6px -2px rgba(0,20,50, 0.26) inset;
	box-shadow:0 4px 6px -2px rgba(0,20,50, 0.26) inset;
	background-color:#FFFFFF;
	padding:2px;
    
	background-image:-o-linear-gradient(-90deg,rgba(44,160,202,0),rgba(0,0,0,0.1)); 
	background-image:-moz-linear-gradient(-90deg,rgba(44,160,202,0),rgba(0,0,0,0.1));   
	background-image:linear-gradient(180deg,rgba(44,160,202,0),rgba(0,0,0,0.1));  
 	background-image:-webkit-linear-gradient(-90deg,rgba(44,160,202,0),rgba(0,0,0,0.1));

}

ul#css3menu_top li:hover > * {
	display:block;
}

ul#css3menu_top li {
	position:relative;
	display:block;
	white-space:nowrap;
	font-size:0;
	float:left;
}

ul#css3menu_top li:hover{
	z-index:1;
}

ul#css3menu_top {
	font-size:0;
	width:100%;
	z-index:45;
	position:relative;
	display:inline-block;
	zoom:1;
	padding:0 0%;
	margin:0 0%;
	*display:inline;
	*padding-right:0.91%;
}

ul#css3menu_top .column {
	float:left;
}

* html ul#css3menu_top li a {
	display:inline-block;
}

ul#css3menu_top > li {
	margin:0;
}


body:first-of-type ul#css3menu_top{
	display:inline-table;
	border-spacing:0px 0;
}

body:first-of-type ul#css3menu_top>li{
	display:table-cell;
	float:none;
}

ul#css3menu_top a:active, ul#css3menu_top a:focus{
	outline-style:none;
}

ul#css3menu_top a{
	display:block;
	vertical-align:middle;
	text-align:left;
	text-decoration:none;
	font:11px Tahoma,Verdana,Arial,Helvetica;
	cursor:pointer;
	background-color:;
	background-repeat:repeat;
	background-position:0 0;
	border-width:0px;
	border-style:none;
	border-color:;
	filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr=#00FFFFFF,endColorstr=#21555555)
}

ul#css3menu_top ul li {
	float:none;margin:0;
}

ul#css3menu_top ul a {
	text-align:left;
	padding:2px;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
	background-color:none;
	background-image:none;
	border-width:0;
	border-style:none;
	// -moz-border-radius:6px;
	// -webkit-border-radius:6px;
	color:#727272;
	text-decoration:none;
}

ul#css3menu_top li:hover > a, ul#css3menu_top li a.pressed {
	border-style:none;
	color:#727272;
	background-image:-o-linear-gradient(-90deg,rgba(85,85,85,0.13),rgba(255,255,255,0)); 
	background-image:-moz-linear-gradient(-90deg,rgba(85,85,85,0.13),rgba(255,255,255,0));  
	background-image:linear-gradient(180deg,rgba(85,85,85,0.13),rgba(255,255,255,0));  
	background-image:-webkit-linear-gradient(-90deg,rgba(85,85,85,0.13),rgba(255,255,255,0));
	background-position:0 100%;
	text-decoration:none;
	filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr=#21555555,endColorstr=#00FFFFFF)
}

ul#css3menu_top img {
	border:none;
	vertical-align:middle;
}

ul#css3menu_top ul li:hover > a, ul#css3menu_top ul li a.pressed {
	-moz-box-shadow:0 1px 0 #5682a5;
	-webkit-box-shadow:0 1px 0 #5682a5;
	box-shadow:0 1px 0 #5682a5;
	background-color: #ffffff;     /*  SE DEBE PARAMETRIZAR */
	background-image:-o-linear-gradient(-90deg,rgba(255,255,255,0),rgba(85,85,85,0.13)); 
	background-image:-moz-linear-gradient(-90deg,rgba(255,255,255,0),rgba(85,85,85,0.13));   
	background-image:linear-gradient(180deg,rgba(255,255,255,0),rgba(85,85,85,0.13));  
	background-image:-webkit-linear-gradient(-90deg,rgba(255,255,255,0),rgba(85,85,85,0.13));
	border-style:none;
	color:#FFFFFF;
	text-decoration:none;
	filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr=#00FFFFFF,endColorstr=#21555555)
}

ul#css3menu_top li.topmenu > a {
	padding-left: 0.2em;
	padding-right: 0.2em;
}

ul#css3menu_top li.topmenu:hover > a, ul#css3menu_top li.topmenu a.pressed{
	-moz-box-shadow:0 4px 6px -2px rgba(0,20,50, 0.26) inset;
	-webkit-box-shadow:0 4px 6px -2px rgba(0,20,50, 0.26) inset;
	border-style:solid;
	border-color:#bfc1c2;
}

@-moz-document url-prefix(""){
	body:first-of-type ul#css3menu_top {
		display:inline-block
	} 
	body:first-of-type ul#css3menu_top > li {
		display:block;
	}
}

@media only screen and (max-width:656px),only screen and (max-device-width:656px){
	body:first-of-type ul#css3menu_top {
		display:inline-block;
	}
	body:first-of-type ul#css3menu_top>li {
		display:block;
		float:left !important;
	}
}


/*
	Fin Estilos para la barra de botones con submenu. Se añaden a los antiguos
*/