/*
COLORES
Oscuro #287DF0
Medio #8BB9F8
Celeste Claro #D2E4FC
*/
body { 
  margin: 0; 
  padding: 0; 
  border: 0; 
  outline: 0; 
  background-color: #cecece; 
  color: #080808; 
  font-family: Verdana,Arial,Helvetica,sans-serif; 
  padding-top: 4px;
  font-weight:bold;
}   
.bodysd{ 
  margin: 0; 
  padding: 0; 
  border: 0; 
  outline: 0; 
  background-color: #FFFFFF; 
  color: #080808; 
  font-family: Verdana,Arial,Helvetica,sans-serif; 
  padding-top: 4px;
  font-weight:bold;
}   

a {
border:transparent;
text-decoration:none;
cursor:hand; 
cursor:pointer;
}
img{
border:0;
}

#JelloSizer { 
  	margin: 0 auto 0 auto; 
	padding: 0; 
	width: 10%;
} 

#JelloExpander { 
  	background-color: white; 
	margin-right: -400px; 
	margin-left: -400px; 
	min-width: 630px; 
	position: relative;
} 
#JelloWrapper { width: 100%; } 
.clearfix:after { 
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden; 
} 
.clearfix { 
		height: 1%; 
		display: block;
}
.tlc, .trc, .blc, .brc, .nbrc { 
	background-repeat: no-repeat; 
	position: absolute; 
} 
.tlc { 
	background-position: top left; 
	left: 0; 
	top: 0; 
} 
.trc { 
	background-position: top right; 
	right: 0; 
	top: 0; 
} 
.blc, .nblc { 
	background-position: bottom left; 
	left: 0; 
	bottom: 0; 
} 
.brc, .nbrc { 
	background-position: bottom right; 
	right: 0; 
	bottom: 0; 
} 
  
.alley { position: relative;} 
.alley .wrapper { 
	border-right: solid 1px #afafaf; border-left: solid 1px #afafaf; 
	padding: .5em 1.5em .5em 1.5em;
} 
.alley .rTop, .alley .arBottom { 
	border-top: solid 1px #afafaf; 
	margin-right: 1px; 
	margin-left: 1px; 
} 
.alley .tlc { 
	background: transparent url('../images/WebResource.png') 0px 0px no-repeat; 
	height: 7px; 
	width: 7px; 
} 
.alley .trc { 
	background: transparent url('../images/WebResource.png') -7px 0px no-repeat; 
	height: 7px; 
	width: 7px; 
} 
.alley .blc { 
	background: transparent url('../images/WebResource.png') 0px -7px no-repeat;
	height: 7px; 
	width: 7px; 
} 
.alley .brc { 
	background: transparent url('../images/WebResource.png') -7px -7px no-repeat; 
	height: 7px; 
	width: 7px; 
} 
.Div_Cargando
{
	z-index:20;
	position:absolute;
	background-color:#F78E71; 
	width:109px; 
	padding:3px;
	border:1px solid #2F8982; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:11px; 
	color:#000000;
	font-weight:bold;
	display:none;
	top:4px;
	left:50%;
}
/********************************************************************************
Contexto Menu Principal
*********************************************************************************/
#Menu {
  float:right;
  width:100%;
  background:#FFFFFF;
  font-weight:bold;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:60%;
  line-height:normal;
  }
#Menu ul {
	margin:0;
	padding:10px 10px 0 50px;
	list-style:none;
  }
#Menu li {
  display:inline;
  margin:0;
  padding:0;
  }
#Menu a {
  float:right;
  background:url("../images/tableftF.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 4px;
  text-decoration:none;
  }
#Menu a span {
  float:right;
  display:block;
  background:url("../Images/tabrightF.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  color:#666;
  }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#Menu a span {float:none;}
/* End IE5-Mac hack */
#Menu a:hover span {
  color:#333366;
  }
#Menu a:hover {
  background-position:0% -21px;
  }
#Menu a:hover span {
  background-position:100% -21px;
  }

#Menu #current a {
		background-position:0% -21px;
}
#Menu #current a span {
		background-position:100% -21px;
}
-->
/****************************************************************************************************************/
/*										MENU SECCIONES															*/
/****************************************************************************************************************/

#Seccion {
        width: 200px;
        border: 1px solid #ccc;
        font-size: 55%;
        font-weight: bold;
		FONT-FAMILY: verdana, helvetica, arial;
        }
#Seccion ul {
        list-style: none;
        margin: 0;
        padding: 0;
        }

#Seccion img{
        border: 0px;
		height:30px;
        }

#Seccion li a {
		voice-family: "\"}\"";
		voice-family: inherit;
		height: 21px;
		text-decoration: none;
        }

#Seccion li a:link, #Seccion li a:visited {
        color: #444444;
		text-align:left;
        display: block;
        background: url("../images/categoria.gif");
        padding: 0px 0 0 5px;
        }

#Seccion li a:hover, #Seccion li #current, #Seccion li a:active {
        color: #283A50;
        background: url("../images/categoria.gif") 0 -21px;
        padding: 0px 0 0 5px;
        }

/********************************************************************************
Contexto Top
*********************************************************************************/

#head_menu_log_content{
	padding-top:20px;
	position:relative;
	float:right;
	width:210px;
}
#head_menu_log_content a{
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
text-align:center;
color:#000066;
}
#head_menu_top{
	position:relative;
	float:left;
	width:220px;
	height:20px;
	font-weight:bold;
	font-size:10px;
	margin-bottom:20px;
}
#head_login{
	position:relative;
	float:left;
	width:300px;
	height:20px;
	margin-top:0px;
}
/********************************************************************************
Contexto Body
*********************************************************************************/
#body_expand{
	width:100%;
	height:100%;
	position:relative;
	background-color:#FFFFFF;
	float:left;
}
#contenbody{
	width:790px;
	height:auto;
	margin:0px auto;
	text-align:left;
	position:relative;
	padding-top:15px;
}
#body_central{
	width:550px;
	height:100%;
	position:relative;
	float:left;
	font-size:12px;
	line-height: 15px;
}
/*Start Columna Derecha*/
#body_columna_derecha{
	width:221px;
	height:auto;
	position:relative;
	float:right;
}
#columna_derecha_prod1{
	width:auto;
	height:auto;
	position:relative;
	padding-bottom:15px;
	padding-left:2px;
}
/*End Columna Derecha*/
/*Start Destacados*/
#flash {
	width:555px;
	height:310px;
	overflow:hidden;
	position:relative;
	float:left;
	z-index:10;
}
#flash2 {
	width:790px;
	height:127px;
	overflow:hidden;
	position:relative;
	float:left;
	z-index:10;
}
#flash3 {
	margin-top:20px;
	width:540px;
	height:118px;
	overflow:hidden;
	position:relative;
	float:left;
	z-index:10;
}
#Pie {
    padding: 8px 8px 8px 8px;
	width:550px;
	height:127px;
	overflow:hidden;
	position:relative;
	float:left;
}
#Pago {
    padding: 8px 8px 8px 8px;
	width:180px;
	height:30px;
	overflow:hidden;
	position:relative;
	float:center;
	text-align:center;
}
.buttons{
padding:5px;
text-align:right;
}
.buttons span{color:#0080FF;
padding:0 5px;
cursor:pointer;
font:10px Verdana;
font-weight:bold;
}
/*End Destacados*/
/*Imagenes Empresa*/
.Cont_Oculto{
	position:absolute;
	background-color:transparent;
	width:550px;
	margin:0 auto;
	text-align:left;
	padding:10px;
	z-index:25;
	display:none;
}
.Cont_Visible{
	position:absolute;
	background-color:transparent;
	width:550px;
	margin:0 auto;
	text-align:left;
	padding:10px;
	z-index:25;
	display:block;
}

#box6{
	position:absolute;
	width:240px;
	font-size:12px;
}
#box6 span{
	display:block;
}
#handles6_1{
	float:left
}
#handles6_2{
	float:right
}
.mask6{
	position:absolute;
	left:50%;
	margin-left:-120px;
	width:240px;
	height:180px;
	overflow:hidden;
}
.sample6 .buttons{
	clear:both;
	text-align:center;
}
.sample{
	padding:20px 30px; 
	margin:4px 0 25px 0; 
	border:1px solid #333333; 
	height:180px;
	background-color:#999999; 
}

/* ********************************** */

.thumbs{
	width:54px;
}
.thumbs div{
	display:block;
	width:54px;
	height:41px;
	margin:3px 0;
	cursor:pointer;
}

.thumbs div img{
	display:block;
	width:100%;
	height:100%;
	border:none
}
.Cerrar{
	width:100%;
	height:20px;
	background:#cccccc;
	position:relative;
	text-align:left;
    padding:5px 0 5px 0;
}
.info{
	width:240px;
	height:50px;
	background:#000;
	position:absolute;
	color:#666666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 12px;
}
.info p, .info h4{
	color:#fff;
	padding:3px 8px;
	font-family:Arial;
}
.info h4{
	font-size:14px;
}
.info h4 a{
	float:right;
	background:#fff;
	color:#000;
	font-size:10px;
	padding:0 3px;
	text-decoration:none
}
/*End Imagenes Empresa*/
/********************************************************************************
Contexto Foot
*********************************************************************************/
#footer_expand{
	width:100%;
	height:100%;
	position:relative;
	clear:both;
	background-color:#FFFFFF;
}
#footer_content{
	width:100%;
	height:40px;
	position:relative;
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 10px;
}
.PieContactos{
	width:790px;
	height:304px;
	overflow:hidden;
	position:relative;
	float:left;
}

/********************************************************************************
Contexto Empresa
*********************************************************************************/
div#iNavGlobal {
    float: right;
    margin-right:12px;
    width: 97%;
    margin: 0 10px 0 0;
	height:24px;
    padding:0 0 10px 0;
    background-image: url("../images/imgNavGlobalBG.jpg");
    background-position: 50% 50%;
	font-family:Verdana;
	color:#000066;
	font-weight:bold;
	font-size: 90%;
    text-align:left;
	overflow: hidden;
	vertical-align:middle;

}
div#iNavDistri {
    float: right;
    margin-right:12px;
    width: 100%;
    margin: 0 10px 0 0;
	height:24px;
    padding:0 0 10px 0;
    background-position: 50% 50%;
	font-family:Verdana;
	color: #3D8D57;
	font-weight:bold;
	font-size: 90%;
    text-align:center;
	overflow: hidden;

}
div#iNavFoto {
    float: center;
    margin: 0 0 0 0;
	height:135px;
    text-align:center;
    padding:10px 10px 10px 10px;
    background-image: url("../images/Empresa/empresa.jpg");
	background-repeat:no-repeat;
    width: 180px;

}
/********************************************************************************
Contexto Contactos
*********************************************************************************/
.Separador{
	height:2px;
	background-color:#287DF0;
	vertical-align:top;
}
.Txt
{
border-color:#333333;
border:thin;
border-bottom-width:thin;
border-bottom-style:solid;
border-bottom-color:#333333;
border-top-width:thin;
border-top-style:solid;
border-top-color:#333333;
border-left-width:thin;
border-left-style:solid;
border-left-color:#333333;
border-right-width:thin;
border-right-style:solid;
border-right-color:#333333;
}
.sidebtnLARGO
{
	BACKGROUND-COLOR: Transparent;
	BORDER-BOTTOM: #666666 thin solid;
	BORDER-LEFT: #666666 thin solid;
	BORDER-RIGHT: #666666 thin solid;
	BORDER-TOP: #666666 thin solid;
	COLOR: Black;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 8pt;
	HEIGHT: 12px;
	LETTER-SPACING: -1;
	LINE-HEIGHT: 8pt;
	PADDING-LEFT: 2px;
	PADDING-RIGHT: 2px;
	PADDING-TOP: 2px;
	PADDING-BOTTOM: 2px;
	TEXT-ALIGN: center;
	TEXT-DECORATION: none;
	WIDTH: 150px;
	white-space : nowrap;
	font-weight : normal;
	cursor : hand;
}
.sidebtnLARGO:hover {
	BACKGROUND-COLOR: #959595;
	BORDER-BOTTOM: #AAAAAA thin solid;
	BORDER-LEFT: #AAAAAA thin solid;
	BORDER-RIGHT: #AAAAAA thin solid;
	BORDER-TOP: #AAAAAA thin solid;
	COLOR: BLACK;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 8pt;
	HEIGHT: 12px;
	LETTER-SPACING: -1;
	LINE-HEIGHT: 8pt;
	PADDING-LEFT: 2px;
	PADDING-RIGHT: 2px;
	PADDING-TOP: 2px;
	PADDING-BOTTOM: 2px;
	TEXT-ALIGN: center;
	TEXT-DECORATION: none;
	WIDTH: 150px;
	font-weight : bold;
}
#PieContactos{
	width:790px;
	height:250px;
	overflow:hidden;
	position:relative;
	float:left;
}
/********************************************************************************
Contexto Presupuestos 
*********************************************************************************/
.td_Gris_Titulo{
		background-color:#CCCCCC;
        font-size: 60%;
        color: #4D4D4D;
		text-align:center;
}
#td_oscuro{
		background-color:#8BB9F8;
        font-size: 60%;
        color: #8BB9F8;}

#td_oscuro td a {
		voice-family: "\"}\"";
		voice-family: inherit;
		padding: 5px 5px 5px 5px;
		text-decoration:underline;
        }

#td_oscuro td a:link, #td_oscuro td a:visited {
        color: #4D4D4D;
        display: block;
        }

#td_oscuro td a:hover, #td_oscuro td a:active {
        color: #f23f0d;
        }

#td_claro{
		background-color:#D2E4FC;
        font-size: 60%;
        color: #4D4D4D;}

#td_claro td a {
		voice-family: "\"}\"";
		voice-family: inherit;
		padding: 5px 5px 5px 5px;
		text-decoration:underline;
        }

#td_claro td a:link, #td_claro td a:visited {
        color: #4D4D4D;
        display: block;
        }

#td_claro td a:hover, #td_claro td a:active {
        color: #f23f0d;
        }

/********************************************************************************
Contexto NotasTecnicas 
*********************************************************************************/
#accordion {
	position:relative;
	margin:20px 0px;
}

h3.toggler {
	cursor: pointer;
	border: 1px solid #f5f5f5;
	border-right-color: #ddd;
	border-bottom-color: #ddd;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background: #D2E0E6;
	color: #528CE0;
	margin: 0 0 4px 0;
	padding: 3px 5px 1px;
}

div.element{
	margin:0px;
	padding:4px;
	color:#666666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 12px;
}
div.element a{
color:#666666;
text-decoration:none;
cursor:hand; 
cursor:pointer;
}


blockquote {
	padding:5px 20px;
}
.Arch_Oculto{
	position:absolute;
	background-color:#999999;
	width:550px;
	margin:0 auto;
	padding:5px;
	z-index:25;
	display:none;
}
.Arch_Visible{
	position:relative;
	background-color:#999999;
	width:550px;
	margin:0 auto;
	padding:5px;
	z-index:25;
	display:block;
	color:#333333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 10px;
}