/* CSS Document */
* {
	margin:0;
	padding:0;
}

html, body {
	height:100%;
}
BODY {
	SCROLLBAR-BASE-COLOR: #DDDDDD;
    SCROLLBAR-HIGHLIGHT-COLOR: #FFFAF2;
    SCROLLBAR-SHADOW-COLOR: #DFDDC8;
    SCROLLBAR-3DLIGHT-COLOR: #FFFFFF;
    SCROLLBAR-ARROW-COLOR: #006AB3;
    SCROLLBAR-TRACK-COLOR: #F0F3F3;
    SCROLLBAR-DARKSHADOW-COLOR: #FAF7F2;
	/*background-color:#E5E5E5;*/
	background-color:#ffffff;
	text-align:center;/* horizontal centering for IE Win quirks */
}
#english{display:none;}

#distance {
	width:1px;
	height:50%;
	margin-bottom:-225px; /* half of container's height */
	float:left;
	}

IMG { border: 0; }
FORM {
	margin:0;
}
#Estructura{
	margin:0 auto;
	position:relative; /* puts container in front of distance */
	text-align:left;
	height:450px;
	width:980px;
	clear:left;
	z-index: 1;
	/*border: 1px solid #CCCCCC;*/
	background-color:#FFFFFF;
	padding: 8px !important;
	padding: 5px;

}
	#Estructura #Contenedor{
		/*width: 1000px;*/
		overflow:hidden;
	}

		#Estructura #Contenedor #ColumnaLogo{
			width: 124px;
			float: left;
			height:450px;
			positon:relative;
			overflow:hidden;

		}

			#Estructura #Contenedor #ColumnaLogo IMG{
				position:absolute;
				bottom:10px;
				left:25px;
			}

		#Estructura #Contenedor #ColumnaMenu01{
			width: 116px;
			float: left;
			height:450px;
			vertical-align: top;
			positon:relative;
			background-image: url(Img/puntosverticalesdoble.gif);
			background-repeat: repeat-y;
			padding-left:1px;
			padding-right:1px;
		}

		#Estructura #Contenedor #Colflashhome,
		#Estructura #Contenedor #Colflashorganigrama{
			width: 720px;
			float: right;
			/*height:420px;
			positon:relative;
			border: 1px solid;
			/*padding-left:10px;*/
		}


		#Estructura #Contenedor #Idioma{
			/*clear:both;
			*/
			width: 50px;
			position:absolute;
			bottom:10px;
			right:10px;
			width:189px;


			}

			#Estructura #Contenedor #Idioma #Botones{

				padding-top: 1px;
				_padding-top: 0;
				/*text-align: right;*/
				/*padding-right:40px;*/
				float:right;

			}
/*-----------------------EMPRESA--------------------------*/


		#Estructura #Contenedor #ColTxEmpresa{
			overflow:auto;
			width: 260px;
			_width: 267px;
			margin: 0;
			padding-left: 10px;
			padding-right:10px;
			float: left;
			height:450px;
			positon:relative;
			font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #666666;
		}





		#Estructura #Contenedor #ColTxEmpresa P{
			margin-top: 0px;
			margin-bottom: 10px;

		}

		#Estructura #Contenedor #ColFlashEmpresa{
			/*width: 504px;*/
			float: right;
			height:450px;
			positon:relative;
			background-image: url(Img/puntosverticales.gif);
			padding-left: 10px;
			background-repeat: repeat-y;

		}

/*------------------------CLIENTES Y COLABORADORES--------------------  */
#Estructura #Contenedor #ColTxClientes{
    overflow:auto;
    width: 712px;
    _width: 718px;
    margin: 0;
    padding-left: 10px;
    padding-right:10px;
    float: left;
    height:408px;
    positon:relative;
    font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #666666;
}

#Estructura #Contenedor #ColTxClientes h1 {
	font-size: 100%;
}

#Estructura #Contenedor #ColTxClientes P{
    margin: 10px 0;

}


/*-----------------------PROYECTOS DESTACADOS--------------------------*/


		#Estructura #Contenedor #ColumnaMenu02,
		#Estructura #Contenedor #ColumnaMenu02Sin{
			width: 117px;
			margin: 0;
			float: left;
			height:450px;
			positon:relative;
			background-position: 116px;
			background-repeat: repeat-y;
		}


		#Estructura #Contenedor #ColumnaMenu02{
			background-image: url(Img/puntosverticales.gif);
		}


		#Estructura #Contenedor #ColumnaMenu02Sin{
		}


		#Estructura #Contenedor #ColumnaMenu03 {
			width: 40px;
			margin: 0;
			float: left;
			margin-top: -2px;
		}

		#Estructura #Contenedor #ColumnaMenu03 A {
			background-image: url(Img/cuadraditonormal.gif);
			background-repeat: no-repeat;
			background-position:left center;
			padding-left: 7px;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			font-weight: normal;
			color: #666666;
			text-decoration:none;
			display:block;
			padding-left: 7px;
			position: relative;
		}


		#Estructura #Contenedor #ColumnaMenu03 A:hover{
			background-image: url(Img/cuadraditoiluminado.gif);
			color: #000;
		}


		#Estructura #Contenedor #ColFotoEmpresa{
			/*width: 410px;*/
			float: left;
			height:450px;
			positon:relative;
			background-image: url(Img/puntosverticales.gif);
			padding-left: 10px;
			padding-right: 10px;
			background-repeat: repeat-y;
		}

		#Estructura #Contenedor #ColLeyenda{
			height:400px;
			overflow: visible;
			position:relative;
			float: left;
			width:200px !important;	
		}

		h1.tituloDetalle {
            color:          #000;
            font-family:    Arial, Helvetica, sans-serif;
            font-size:      11px;
            font-weight:    bold;
            margin-bottom:  10px;
        }

		.tituloproy{
			color: #000;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			font-weight: normal;
			text-decoration:none;
		}
		.textoproy{
			color: #CC6600;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			font-weight: normal;
			text-decoration:none;
		}

		/*#Estructura #Contenedor #ColLeyenda .titulo,
		#Estructura #Contenedor #ColLeyenda .texto{
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			font-weight: normal;
			text-decoration:none;
			display:block;
			/*overflow:auto;*/
			/*
		}*/

		#Estructura #Contenedor #ColLeyenda .titulo{
			color: #000;
		}

		#Estructura #Contenedor #ColLeyenda .texto{
			color: #CC6600;
		}

#fotejas IMG{
	margin-right: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	overflow: auto;
}
.texto {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	background-position: 10px 10px;
	white-space: nowrap;

}
.input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	background-color: #FFFFFF;
	border: 1px solid #E76F00;
	width: 198px;
	height: 13px;


}
.multiline {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	background-color: #FFFFFF;
	border: 1px solid #E76F00;
	width: 198px;
}


.boton,
.boton:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	background-position: 10px 10px;
	white-space: nowrap;
	font-weight: bold;
	background-color: #E76F00;
	text-align: center;
	text-decoration: none;
	width: 93px;
	display: block;



}

.boton {
	background-color: #E76F00;
}


.boton:hover {
	background-color: #917A64;
}

/*----------------------STYLOS SCROLL BAR-------------------*/
.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbase {
width: 10px;
background-color: #eeeeee;
}
.vscrollerbar {
width: 10px;
background-color: #f86f15;
}
.hscrollerbase {
height: 10px;
background-color: white;
}
.hscrollerbar {
height: 10px;
background-color: black;
}

.scrollerjogbox {
width: 10px;
height: 10px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background-color: gray;
}

/*----------------------------------------------------------*/

/*-----------------------HISTORICO--------------------------*/
		#Estructura #Contenedor #listadohistorico{
			position: relative;
			display: block;
			width: 608px;
			height:410px;
			float: left;
			overflow: auto;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			font-weight: normal;
			color: #666666;
			z-index: 0;
			padding: 0;
		}

		#Estructura #Contenedor #listadohistorico h1 {
            font-size:      100%;
            padding-left:   15px;
        }

        #Estructura #Contenedor #listadohistorico p {
            padding: 10px 5px 10px 15px;
        }

		#Estructura #Contenedor #listadohistorico ul {
            padding-left: 11px;
        }

		#Estructura #Contenedor #listadohistorico LI{
			list-style-image:url(Img/ico_listado.gif);
			text-indent:5px;
		}

		#Estructura #Contenedor #listadohistorico A{
			color: #666666;
			text-decoration:none;
		}

		#Estructura #Contenedor #listadohistorico A:hover{
			color: #000000;
		}

		#Estructura #Contenedor #ColContHistorico{
			float: left;
			height:420px;
			width: 400px;
			padding-left: 10px;
			padding-right: 10px;
		}

		#Estructura #Contenedor #botvolver{
			position:relative;
			clear:both;
		}

		#Estructura #Contenedor #botvolver A{
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			font-weight: normal;
			color: #666666;
			text-decoration:none;
		}

		#Estructura #Contenedor #botvolver A:hover{
			color: #E76F00;
			text-decoration:none;
		}
		
		.nv{
			display:none;
		}
/*-----------------------PROYECTOS--------------------------*/
		#Estructura #Contenedor #listadoproyecto{
			position: relative;
			display: block;
			width: 725px;
			height:410px;
			float: left;
			overflow: auto;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			font-weight: normal;
			color: #666666;
			padding: 0;
		}

		#Estructura #Contenedor #listadoproyecto h1 {
            font-size:      100%;
            padding-left:   15px;
        }

        #Estructura #Contenedor #listadoproyecto p {
            padding: 10px 5px 10px 15px;
        }

		#Estructura #Contenedor #listadoproyecto ul {
            margin-left: 11px;
		}

		#Estructura #Contenedor #listadoproyecto li {
			list-style-image:url(Img/ico_listado.gif);
			text-indent:5px;
		}

		#Estructura #Contenedor #listadoproyecto A{
			color: #666666;
			text-decoration:none;
		}

		#Estructura #Contenedor #listadoproyecto A:hover{
			color: #000000;
		}



/*-----------------------UNETE--------------------------*/


		#Estructura #Contenedor #ColTxUnete{
			width: 310px;
			_width: 259px;
			margin: 0;
			padding-left: 10px;
			padding-right:10px;
			float: left;
			height:450px;
			positon:relative;
			font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #666666;
		}

		#Estructura #Contenedor #ColTxUnete h1 {
            font-size:      100%;
            margin-bottom:  10px;
		}

		#Estructura #Contenedor #ColFlashUnete{
			width: 388px;
			float: right;
			height:450px;
			positon:relative;
			background-image: url(Img/puntosverticales.gif);
			padding-left: 10px;
			background-repeat: repeat-y;

		}

/*-----------------------CONTACTO--------------------------*/

		#Estructura #Contenedor #ColTxContacto{
			width: 310px;
			/*_width: 259px;*/
			margin: 0;
			padding-left: 10px;
			padding-right:10px;
			float: left;
			height:450px;
			positon:relative;
			font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #666666;
		}

		#Estructura #Contenedor #ColTxContacto h1 {
            font-size:      100%;
            margin-bottom:  10px;
        }

		#Estructura #Contenedor #ColFlashContacto{
			width: 388px;
			float: left;
			height:450px;
			positon:relative;
			background-image: url(Img/puntosverticales.gif);
			padding-left: 10px;
			background-repeat: repeat-y;

		}

		#notalegal{
			padding: 10px;
			text-align:left;
			font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #666666;
		}
		
		#scrollnota{
			width:310px;;
			height:110px;
			overflow:auto;
		}
		

/*-----------------------MAPA WEB--------------------------*/
        #Estructura #Contenedor #ColTxMapaWeb{
            overflow:auto;
            margin: 0;
            padding-left: 10px;
            padding-right:10px;
            width: 712px;
            height:407px;
            positon:relative;
            font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #666666;
        }

        #Estructura #Contenedor #ColTxMapaWeb h1 {
            font-size:      100%;
            margin-bottom:  10px;
            padding-left:   2px;
        }

        #Estructura #Contenedor #ColTxMapaWeb h2 {
            font-size:  100%;
            padding:    10px 0 0 2px;
        }

        #Estructura #Contenedor #ColTxMapaWeb h3 {
            padding:    5px 0 0 15px;
            font-size:  100%;
        }

        #Estructura #Contenedor #ColTxMapaWeb p {
            padding-left:   2px;
        }

        #Estructura #Contenedor #ColTxMapaWeb p.enlaces_mapa_web {
            padding-left:   15px;
        }

        #Estructura #Contenedor #ColTxMapaWeb p.enlaces_mapa_web_historico {
            padding-left:   30px;
        }

        #Estructura #Contenedor #ColTxMapaWeb a {
            color:              #666;
            text-decoration:    none;
        }

        #Estructura #Contenedor #ColTxMapaWeb a:hover {
            color: #000;
        }