.Oculto{
display:none;
}

.Visible{
display: block;
}



hr {
	padding:0 0 0 5px;
	width: 100%;
	color: #D9DFE7;
	height: 1px;
	text-align:center;
}

H1
{
    FONT-SIZE: 14px;
    MARGIN: 0px 3px 0px;
    COLOR: #3A7363
}

H2
{
    FONT-SIZE: 10px;
    MARGIN: 0px 3px 0px;
    COLOR: #959595
}

H3
{
    FONT-SIZE: 10px;
    MARGIN: 0px 3px 0px;
    COLOR: #000000
}


.margenLeft
{
    MARGIN: 0px 10px 0px;
}

.conte
{
    PADDING-RIGHT: 3px;
    PADDING-LEFT: 3px;
    FONT-SIZE: 8pt;
    PADDING-BOTTOM: 3px;
    PADDING-TOP: 3px;
    FONT-FAMILY: verdana,arial,tahoma
}

.conteG
{
	PADDING-RIGHT: 3px;
	PADDING-LEFT: 3px;
	FONT-SIZE: 10pt;
	PADDING-BOTTOM: 3px;
	PADDING-TOP: 3px;
	FONT-FAMILY: verdana,arial,tahoma
}

.conteRojo
{
    PADDING-RIGHT: 3px;
    PADDING-LEFT: 3px;
    FONT-SIZE: 8pt;
    PADDING-BOTTOM: 3px;
    COLOR: Red;
    PADDING-TOP: 3px;
    FONT-FAMILY: verdana,arial,tahoma
}

.conteVerde
{
    PADDING-RIGHT: 3px;
    PADDING-LEFT: 3px;
    FONT-SIZE: 8pt;
    PADDING-BOTTOM: 3px;
    COLOR: #186b5a;
    PADDING-TOP: 3px;
    FONT-FAMILY: verdana,arial,tahoma
}

.conteAzul
{
    PADDING-RIGHT: 3px;
    PADDING-LEFT: 3px;
    FONT-SIZE: 8pt;
    PADDING-BOTTOM: 3px;
    COLOR: #D8E4ED;
    PADDING-TOP: 3px;
    FONT-FAMILY: verdana,arial,tahoma
}

.conteVerdepq
{
    PADDING-RIGHT: 3px;
    PADDING-LEFT: 3px;
    FONT-SIZE: 7pt;
    PADDING-BOTTOM: 3px;
    COLOR: #186b5a;
    PADDING-TOP: 3px;
    FONT-FAMILY: verdana,arial,tahoma
}

.conteAzulpq
{
    PADDING-RIGHT: 3px;
    PADDING-LEFT: 3px;
    FONT-SIZE: 7pt;
    PADDING-BOTTOM: 3px;
    COLOR: #D8E4ED;
    PADDING-TOP: 3px;
    FONT-FAMILY: verdana,arial,tahoma
}

A.conteVerdepq
{
    PADDING-RIGHT: 3px;
    PADDING-LEFT: 3px;
    FONT-SIZE: 7pt;
    PADDING-BOTTOM: 3px;
    COLOR: #186b5a;
    PADDING-TOP: 3px;
    FONT-FAMILY: verdana,arial,tahoma;
    TEXT-DECORATION: none
}

A.conteAzulpq
{
    PADDING-RIGHT: 3px;
    PADDING-LEFT: 3px;
    FONT-SIZE: 7pt;
    PADDING-BOTTOM: 3px;
    COLOR: #D8E4ED;
    PADDING-TOP: 3px;
    FONT-FAMILY: verdana,arial,tahoma;
    TEXT-DECORATION: none
}

A.conteVerdepq:hover
{
    PADDING-RIGHT: 3px;
    PADDING-LEFT: 3px;
    FONT-SIZE: 7pt;
    PADDING-BOTTOM: 3px;
    COLOR: #186b5a;
    PADDING-TOP: 3px;
    FONT-FAMILY: verdana,arial,tahoma;
    TEXT-DECORATION: underline
}

A.conteAzulpq:hover
{
    PADDING-RIGHT: 3px;
    PADDING-LEFT: 3px;
    FONT-SIZE: 7pt;
    PADDING-BOTTOM: 3px;
    COLOR: #D8E4ED;
    PADDING-TOP: 3px;
    FONT-FAMILY: verdana,arial,tahoma;
    TEXT-DECORATION: underline;
}

.contePq
{
    PADDING-RIGHT: 3px;
    PADDING-LEFT: 3px;
    FONT-SIZE: 7pt;
    PADDING-BOTTOM: 3px;
    PADDING-TOP: 3px;
    FONT-FAMILY: verdana,arial,tahoma
}
A.contePq
{
    FONT-SIZE: 7pt;
    COLOR: gray;
    FONT-FAMILY: verdana,arial,tahoma;
    TEXT-DECORATION: none
}
A.contePq:hover
{
    FONT-SIZE: 7pt;
    COLOR: black;
    FONT-FAMILY: verdana,arial,tahoma;
    TEXT-DECORATION: none
}

#fecha-banderas {
	width: 100%;
}

.fecha {
	margin-top:2px;
	float: left;
}

.banderas {
	margin-top:2px;
	float: right;
}

#PanelLogo{
	height: 70px;
	width: 700px;
	padding-bottom:10px;
	padding-top:10px;
	background-image:url(../img/PanelLogo.gif);
	background-repeat:  repeat-x;
	border:1px solid #E8E6DE;
}

#BarraMenu{
	height: 40px;
	width: 700px;
	background-image:url(../img/BarraMenu.gif);
	background-repeat:  repeat-x;
	border-bottom:1px solid #E8E6DE;
	border-left:1px solid #E8E6DE;
	border-right:1px solid #E8E6DE;
}

#BarraMenuEcommerce{
	height: 50px;
	width: 700px;
	background-image:url(../img/BarraMenu.gif);
	background-repeat:  repeat-x;
	border-bottom:1px solid #E8E6DE;
	border-left:1px solid #E8E6DE;
	border-right:1px solid #E8E6DE;
}

#BarraMenuCPD{
	height: 50px;
	width: 700px;
	background-image:url(../img/BarraMenuCPD.gif);
	background-repeat:  repeat-x;

	border-bottom:1px solid #E8E6DE;
	border-left:1px solid #E8E6DE;
	border-right:1px solid #E8E6DE;
}

#BarraMenuCPDPub{
	height: 35px;
	width: 700px;
	background-image:url(../img/BarraMenuCPD.gif);
	background-repeat:  repeat-x;
	border-bottom:1px solid #E8E6DE;
	border-left:1px solid #E8E6DE;
	border-right:1px solid #E8E6DE;
}

.TextoJ{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color:#000000;
	text-align:justify;
}

.TextoMenu{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight:bolder;
	color:#FFFFFF;
}

.TextoMenu:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight:bolder;
	color:#C9C9C9;
}

.TextoMenuG{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bolder;
	color:#FFFFFF;
}

.TextoMenuG:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bolder;
	color:#C9C9C9;
}

.TextoVN{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight:bolder;
	color:#3F7565;
}

.TextoVN11{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bolder;
	color:#3F7565;
}

.TextoAlerta{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FF0000;
	text-align:left;
}

.TextoAN{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight:bolder;
	color: #0000FF;
}

.TextoBarraTitulo{
	background-color:#D1E1DE;
	border-bottom:1px solid #ECEFF3;
	border-left:1px solid #ECEFF3;
	border-right:1px solid #ECEFF3;
	border-top:1px solid #ECEFF3;
	text-align:left;
	padding-left: 10px;
	margin-right: 10px;
	color: #3A7363;
	height: 15px;
	font-size:11px;
	font-family:Arial, Verdana;
	font-weight:bolder;
	text-transform:uppercase;
}

.TextoBarraTituloMin{
	background-color:#D1E1DE;
	border-bottom:1px solid #ECEFF3;
	border-left:1px solid #ECEFF3;
	border-right:1px solid #ECEFF3;
	border-top:1px solid #ECEFF3;
	text-align:left;
	padding-left: 5px;
	margin-right: 2px;
	color: #3A7363;
	height: 15px;
	font-size:11px;
	font-family:Arial, Verdana;
	font-weight:bolder;
}

.TextoBarraTituloAzul{
	background-color:#D8E4ED;
	border-bottom:1px solid #ECEFF3;
	border-left:1px solid #ECEFF3;
	border-right:1px solid #ECEFF3;
	border-top:1px solid #ECEFF3;
	text-align:left;
	padding-left: 10px;
	margin-right: 10px;
	color: #02436F;
	height: 15px;
	font-size:11px;
	font-family:Arial, Verdana;
	font-weight:bolder;
	text-transform:uppercase;
}

.TextoBarraTituloMinAzul{
	background-color:#D8E4ED;
	border-bottom:1px solid #ECEFF3;
	border-left:1px solid #ECEFF3;
	border-right:1px solid #ECEFF3;
	border-top:1px solid #ECEFF3;
	text-align:left;
	padding-left: 5px;
	margin-right: 2px;
	color: #02436F;
	height: 15px;
	font-size:11px;
	font-family:Arial, Verdana;
	font-weight:bolder;
}

.TextoSubCPD{
	text-decoration: none;
	background-image:url(../img/BarraMenuCPD.gif);
	background-repeat:  repeat-x;
	color:#FFFFFF;
	height: 20px;
}

.TextoSubCPD:hover{
	background-color:#FFFFFF;
	text-decoration: none;
	cursor: pointer;
}

.TextoMay{
	text-transform:uppercase;
}

.TextoPie{
	background-image:url(../img/FondoPie.gif);
	background-repeat:repeat-x;
	border-bottom:1px solid #E8E6DE;
	border-left:1px solid #E8E6DE;
	border-right:1px solid #E8E6DE;
	text-align:left;
	float:left;
	color: #999999;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 1px;
	padding-left: 10px;
	font-size: 9px;
}

.botonG {
	background-image:url(../img/FondoPie.gif);
	background-repeat:repeat-x;
	border-bottom:1px solid #E8E6DE;
	border-left:1px solid #E8E6DE;
	border-right:1px solid #E8E6DE;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
	cursor: pointer;
}

.botonG:hover {
	text-decoration: none;
	color: #666666;
}

INPUT.form
{
    BORDER-RIGHT: #b0b0b0 1px solid;
    BORDER-TOP: #b0b0b0 1px solid;
    FONT-SIZE: 7pt;
    BACKGROUND: #fbfbfb;
    BORDER-LEFT: #b0b0b0 1px solid;
    COLOR: #000000;
    BORDER-BOTTOM: #b0b0b0 1px solid;
    FONT-FAMILY: verdana,arial,tahoma
}
SELECT.form
{
    BORDER-RIGHT: #b0b0b0 1px solid;
    BORDER-TOP: #b0b0b0 1px solid;
    FONT-SIZE: 7pt;
    BACKGROUND: #fbfbfb;
    BORDER-LEFT: #b0b0b0 1px solid;
    COLOR: #000000;
    BORDER-BOTTOM: #b0b0b0 1px solid;
    FONT-FAMILY: verdana,arial,tahoma
}
TEXTAREA.form
{
    BORDER-RIGHT: #b0b0b0 1px solid;
    BORDER-TOP: #b0b0b0 1px solid;
    FONT-SIZE: 7pt;
    BACKGROUND: #fbfbfb;
    OVERFLOW: auto;
    BORDER-LEFT: #b0b0b0 1px solid;
    COLOR: #000000;
    BORDER-BOTTOM: #b0b0b0 1px solid;
    FONT-FAMILY: verdana,arial,tahoma;
	margin: 2px 0px 0px 0px;
}


A:hover{
	text-decoration: none;
	color: #666666;
	cursor: pointer;
}

A {
	text-decoration: none;
	color:#000000;
}

.linkpie:hover{
	text-decoration: none;
	color: #000000;
	cursor: pointer;
}

.linkpie {
	text-decoration: none;
	color: #999999;
}

img {
border:0px solid #FFFFFF

}

#PanelEcommerce{
	height: 100%;
	width: 690px;
}


#PanelCentral{
	height: 245px;
	width: 700px;
	background-color:#D1E1DE;
	border:1px solid #E8E6DE;
}

#PanelCentralAzul{
	height: 245px;
	width: 700px;
	background-color:#D8E4ED;
	border:1px solid #E8E6DE;
}

#PanelCentralSD{
	height: 170px;
	width: 700px;
	background-color:#D1E1DE;
	border:1px solid #E8E6DE;
}

#PanelAcceso{
	height: 224px;
	width: 154px;
	float: left;
}

#PanelAccesoLog{
	height: 255px;
	width: 154px;
	float: left;
}


#PanelHousing{
	height: 224px;
	width: 175px;
	float: right;
}

#PanelSDSeccion{
	height: 170px;
	width: 700px;
	float: right;
}

#PanelHosting{
	height: 224px;
	width: 175px;
	float: right;
}

#PanelMail{
	height: 224px;
	width: 175px;
	float: right;
}

#PanelBackup{
	height: 224px;
	width: 175px;
	float: right;
}


#PanelTransporte{
	height: 224px;
	width: 180px;
	float: right;
}

#PanelLogistica{
	height: 224px;
	width: 180px;
	float: right;
}

#PanelTecnologia{
	height: 224px;
	width: 180px;
	float: right;
}

#PanelTiempo{
	height: 285px;
	width: 154px;
	float: left;
}

#PanelSDIndex{
	height: 510px;
	width: 154px;
	float: left;
}

#PanelCeldaA{
	height: 275px;
	width: 154px;
}

#PanelCeldaT{
	height: 305px;
	width: 154px;
}

#PanelDelegacionesNews{
	height: 280px;
	width: 386px;
	float: left;
}

#PanelDelegaciones{
	height: 145px;
	width: 386px;
}

#PanelCPDFondo{
	height: 285px;
	width: 386px;
	float: left;
}

#PanelCPDFondoS{
	height: 760px;
	width: 386px;
	float: left;
}

#PanelCPD{
	height: 285px;
	width: 386px;
}

#PanelSDContenido{
	height: 760px;
	width: 546px;
}

#PanelNews{
	height: 120px;
	width: 386px;
}

#PanelBanners{
	height: 285px;
	width: 154px;
	float: right;
}

#PanelFondoEcommerce{
	height: 100%;
	width: 700px;
	background-color:#EAEBEA;
	border:1px solid #E8E6DE;
}

#PanelInf{
	height: 310px;
	width: 700px;
	background-color:#EAEBEA;
	border:1px solid #E8E6DE;
}

#PanelInfSD{
	height: 780px;
	width: 700px;
	background-color:#EAEBEA;
	border:1px solid #E8E6DE;
}

#PanelIzq{
	height: 100%;
	width: 160px;
	float:left;
}

#PanelDcha{
	height: 100%;
	width: 540px;
	float:left;
}

#PanelInfGeneral{
	height: 100%;
	width: 700px;
	background-color:#EAEBEA;
	border:1px solid #E8E6DE;
}


#PanelInfPie{
	width: 100%;
}

#PanelFondoAviso{
	height: 500px;
	width: 100%;
	background-color:#EAEBEA;
	border:1px solid #E8E6DE;
	padding:0 0 0 5px;
}

#PanelFondoPolitica{
	height: 710px;
	width: 100%;
	background-color:#EAEBEA;
	border:1px solid #E8E6DE;
	padding:0 0 0 5px;
}

#PanelAuto{
	height: 95%;
	width: 95%;
}

#PanelSeccionG{
	height: 224px;
	width: 540px;
	float: left;
}

#PanelTexto{
	height: 96%;
	width: 540px;
}

#PanelDoble{
	height: 300px;
	width: 545px;
	float:left;
}
#PanelDobleSup{
	height: 95px;
	width: 545px;
}
#PanelDobleInf{
	height: 205px;
	width: 545px;
}

#PanelProcesoTransporte{
	height: 400px;
	width: 800px;
}

#PanelAviso{
	height: 75px;
	width: 270px;
	float:left;
}

#PanelDetalleG{
	height: 190px;
	width: 540px;
	float:left;
}

.bodyPopup{
	width: 100%;
	background-color:#999999;
}

#SeparaPanel {
	clear: both;
	width: 1px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #FFFFFF;
	font-size: 1px;
}

#SeparaSeccion {
	clear: both;
	height: 5px;
}

#FondoBlanco {
	height: 100%;
	width: 730px;
	margin: 0 auto;
	background-image:url(../img/fondoY.gif);
	background-repeat:  repeat-y;
	background-attachment: scroll;
	background-position: bottom right;
	text-align:center;
}

#FondoGris {
	height: 100%;
	margin: 0 auto;
	background-image:url(../img/puntoGris.gif);
	background-repeat:  repeat-y;
	background-attachment: scroll;
	background-position: bottom right;
	text-align:center;
}

#FondoGrisBarra {
	width: 100%;
	background-image:url(../img/FondoGris.gif);
	background-repeat:  repeat-x;
}

.puntoGrisY {
	height: 100%;
	background-image:url(../img/puntoGris.gif);
	background-repeat:  repeat-y;
	text-align:center;
}

.puntoGrisX {
	width: 99%;
	background-image:url(../img/puntoGris.gif);
	background-repeat:  repeat-x;
	text-align:center;
}

.bordeLogo
{
    BORDER-RIGHT: #999999 1px solid;
    BORDER-TOP: #999999 1px solid;
    BORDER-LEFT: #999999 1px solid;
    BORDER-BOTTOM: #999999 1px solid;
}



.bordeFoto
{
    BORDER-RIGHT: #3A7363 thin dotted;
    BORDER-TOP: #3A7363 thin dotted;
    BORDER-LEFT: #3A7363 thin dotted;
    BORDER-BOTTOM: #3A7363 thin dotted;
}

.bordeFotoV
{
    BORDER-RIGHT: 1px #3A7363 solid;
    BORDER-TOP: 1px #3A7363 solid;
    BORDER-LEFT: 1px #3A7363 solid;
    BORDER-BOTTOM: 1px #3A7363 solid;
}

.lineaVerdeX
{
width: 99%;
background-image:url(../img/Sup_Verde.gif); 
background-repeat: repeat-x; 
}

.lineaAzulX
{
width: 99%;
background-image:url(../img/Sup_Azul.gif); 
background-repeat: repeat-x; 
}

.fondoVerde
{
	width: 100%;
	background-image:url(../img/FondoVerde.gif);
	background-repeat:  repeat-x;
	text-align:center;
}

.fondoAzul
{
	width: 100%;
	background-image:url(../img/FondoAzul.gif);
	background-repeat:  repeat-x;
	text-align:center;
}

#Contenido {
	height: 100%;
	width: 700px;
	margin: 0 auto;
	text-align:center;
}

#principal {
	width: 100%;
	height: 100%;
	text-align:center;
}

html
{
height: 100%;
}

body {
	height: 100%;
	width: 740px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color:#000000;
	margin: 0 auto;
	background-image: url(../img/fondo.gif);
	background-repeat:  repeat-x;
}

.flash {

	background-image:url(../flash/QuienesSomos.swf); 
}

div.topVerde {
	height:10px; 
	background-image:url(../img/Sup_Verde.gif); 
	background-repeat: repeat-x; 
	margin:0 0 0 0;
}

div.topAzul {
	height:10px; 
	background-image:url(../img/Sup_Azul.gif); 
	background-repeat: repeat-x; 
	margin:0 0 0 0;
}

div.topGris {
	height:10px; 
	background-image:url(../img/Sup_Gris.gif); 
	background-repeat: repeat-x; 
	margin:0 0 0 0;
}
	
img.esquina_sup_izq { float:left; }
img.esquina_sup_der { float:right; }

div.contentVerde { 
	height: 100%;
	background-image:url(../img/Izq_Verde.gif); 
	background-repeat:repeat-y; 
	background-color: #FFFFFF; 
}

div.contentAzul { 
	height: 100%;
	background-image:url(../img/Izq_Azul.gif); 
	background-repeat:repeat-y; 
	background-color: #FFFFFF; 
}

div.contentGris { 
	height: 100%;
	background-image:url(../img/Izq_Gris.gif); 
	background-repeat:repeat-y; 
	background-color: #FFFFFF; 
}
	
div.boxcontrolVerde { 
	padding:0 0 0 5px;
	height: 100%;
	background-image:url(../img/Dch_Verde.gif); 
	background-position:right; 
	background-repeat:repeat-y; }

div.boxcontrolAzul { 
	padding:0 0 0 5px;
	height: 100%;
	background-image:url(../img/Dch_Azul.gif); 
	background-position:right; 
	background-repeat:repeat-y; }

div.boxcontrolGris { 
	padding:0 0 0 5px;
	height: 100%;
	background-image:url(../img/Dch_Gris.gif); 
	background-position:right; 
	background-repeat:repeat-y; }
	
div.bottomVerde { 
	height:10px; 
	background-image:url(../img/Inf_Verde.gif); 
	background-repeat:repeat-x; 
	border:0;
	padding:0;
	margin:0;}

div.bottomAzul { 
	height:10px; 
	background-image:url(../img/Inf_Azul.gif); 
	background-repeat:repeat-x; 
	border:0;
	padding:0;
	margin:0;}

div.bottomGris { 
	height:10px; 
	background-image:url(../img/Inf_Gris.gif); 
	background-repeat:repeat-x; 
	border:0;
	padding:0;
	margin:0;}
	
img.esquina_inf_izq { float:left; }
img.esquina_inf_der { float:right; }

/* IE 5.5 box model hack para posicionar correctamente las imagenes de esquina */
* html img.esquina_sup_izq, * html img.esquina_inf_izq  { \margin-left:-.2em;  ma\rgin-left:0; }
* html img.esquina_inf_der, * html img.esquina_sup_der { \margin-left:.2em; } 

.tblPanel {
	width: 96%;
	float: left;
}

.tblPanelM {
	width: 98%;
	float: left;
}

.tblPanelP {
	width: 95%;
	float: inherit;
}

.tabladatos {
	empty-cells: show;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}

.tabladatos thead td {
	color: #3A7363;
	background-color: #FFFFFF;
	font-weight: bold;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #175038;
	height:20px;
}