/* CSS Document */

html {
	height:100%;
}

* {
	margin-right:auto;
	margin-left:auto;
	padding:0px;
}

body {
	margin-left:auto;
	margin-right:auto;
	background-color:#000000;
	height:100%;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;

}

#contenedor {
	width:964px;
	min-height:900px;
	background-color:#000000;
	padding:30px;
}


/*********************************************************************** CABECERA **********************/

#cabecera {
	width:964px;
	overflow:hidden;
	padding-bottom:15px;
	position:relative;
}

#cabecera_logos {
	width:964px;
	overflow:hidden;
	padding-bottom:10px;
	position:relative;
}

#cabecera_logos a img { border:none; }
#cabecera_logos a img:hover {border:none; }

/****** menu superior con transparencia ******/

#menu_sup {
	width:954px;
	height:92px;
	background-image:url(images/menu_sup_index.png);
	background-repeat:no-repeat;
	padding:5px;
	overflow:visible;
	padding-bottom:15px;
}

#menu_sup_01 {
	width:229px;
	height:92px;
	float:left;
	padding-right:5px;
	position:relative;
}

#menu_sup_02 {
	width:228px;
	height:92px;
	float:left;
	padding-right:5px;
	padding-left:5px;
	position:relative;
}

#menu_sup_03 {
	width:233px;
	height:92px;
	float:left;
	padding-right:5px;
	padding-left:5px;
	position:relative;
}

#menu_sup_04 {
	width:229px;
	height:92px;
	float:left;
	padding-left:5px;
	position:relative;
}

#menu_sup p {
	margin:0px;
	padding-bottom:12px;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}

#menu_sup a { color:#FFFFFF; text-decoration:none; }

#menu_sup a:hover { color:#7B9DDD; text-decoration:none; }

#menu_sup a img { border:none; float:left; }



/*********************************************************************** INDEX - CENTRO **********************/

#parte_central {
	width:935px;
	float:right;
	overflow:hidden;
	font-size:12px;
	padding-left:14px;
	padding-right:15px;
	color:#FFFFFF;
}

#parte_central_archivos {
	width:530px;
	float:right;
	height:380px;
	overflow:auto;
	font-size:12px;
	padding-left:14px;
	padding-right:15px;
	color:#FFFFFF;
	float:left;
	text-align:justify;
}

#parte_central_archivos h2 { font-size:18px; text-align:justify; width:100%; }

#parte_central_archivos h3 { font-size:16px; text-align:justify; width:100%; }

#fotos_para_texto {
	width:380px;
	height:280px;
	float:left;
	padding:10px;
	padding-left:0px;
	padding-top:0px;
	padding-right:20px;
}

#fotos_para_texto p a {
	color:#00CC33;
	border:none;
}

#fotos_para_texto p a:hover {
	color:#ffffff;
	border:underline;
}

#empresa_centro {
	width:500px;
	height:568px;
	background-image:url(images/menu_escondido.png);
	background-repeat:repeat;
	padding-left:14px;
	padding-right:15px;
	float:left;
	font-size:12px;
	text-align:justify;
}

#tienda_virtual,#impermeabilizaciones,#lagos_charcas_embalses {
	width:405px;
	overflow:hidden;
	float:right;
}

#tienda_virtual_centro {
	width:371px;
	height:130px;
	background-image:url(images/cuadrotextoderecha.png);
	background-repeat:no-repeat;
	padding-top:22px;
	padding-bottom:16px;
	padding-left:15px;
	padding-right:19px;
}

#hueco_debajo {
	width:964px;
	height:100px;
	background-color:#0066FF;
	float:left;
	margin-bottom:10px;
}

#lineas_inferiores {
	width:964px;
	height:auto;
	float:left;
}

/************ parte inferior **********/

#parteinf_01 {
	width:231px;
	height:auto;
	background-image:url(images/linea3_pb.png);
	background-repeat:no-repeat;
	background-color:#000000;
	padding:5px;
	float:left;
	color:#7B9DDD;
}

#parteinf_01 a {
	color:#7B9DDD;
	text-decoration:none;
}

#parteinf_01 a:hover {
	color:#FFFFFF;
}

#parteinf_01 a img {
	border:none;
}

#parteinf_01_dentro {
	background-image:url(images/cesped.jpg);
	background-repeat:no-repeat;
	width:221px;
	height:90px;
	float:left;
	color:#7B9DDD;
	padding:5px;
}

#parteinf_01_dentro a {
	color:#7B9DDD;
	text-decoration:none;
	float:left;
	width:140px;
}

#parteinferior {
	width:964px;
	overflow:hidden;
	float:left;
	padding-bottom:20px;
}

/*********************************************************************** PARTE CENTRAL DE ARCHIVOS **********************/

#texto_bajo_encabezado {
	width:250px;
	overflow:hidden;
	float:right;
	padding:10px;
	background-image:url(images/menu_escondido.png);
	margin-top:15px;
	background-repeat:repeat;
	margin-bottom:330px;
	margin-left:600px;
}
	
#texto_bajo_encabezado ul {
	margin:0px;
	padding-bottom:8px;
	padding-top:8px;
	line-height:16px;
	font-size:11px;
	padding-left:12px;
}

#columna_izquierda {
	width:290px;
	padding-right:22px;
	height:auto;
	float:left;
}

#columna_izquierda img {
	float:left;
	padding-right:15px;
}

#columna_izquierda a {
	text-decoration:none;
	font-size:18px;
	color:#F6734A;
	width:100%;
	float:left;
	padding-bottom:15px;
}

#columna_izquierda a:hover {
	text-decoration:underline;
	color:#FFFFFF;
}

#columna_centro {
	width:311px;
	padding-right:22px;
	height:auto;
	float:left;
}

#columna_centro img {
	float:left;
	padding-right:15px;
}

#columna_centro a {
	text-decoration:none;
	font-size:18px;
	color:#F6734A;
	width:100%;
	float:left;
	padding-bottom:15px;
}

#columna_centro a:hover {
	text-decoration:underline;
	color:#FFFFFF;
}



#columna_derecha {
	width:290px;
	height:auto;
	float:left;
}

#columna_derecha img {
	float:left;
	padding-right:15px;
}

#columna_derecha a {
	text-decoration:none;
	font-size:18px;
	color:#F6734A;
	width:100%;
	float:left;
	padding-bottom:15px;
}

#columna_derecha a:hover {
	text-decoration:underline;
	color:#FFFFFF;
}

/*********************************************************************** LOCALIZACIÓN - CONTACTO **********************/

#parte_localizacion {
	width:440px;
	padding-right:30px;
	float:left;
	height:1100px;
	border-right:#5B60FD 2px solid;
}

#parte_localizacion p, h3, h2 {
	margin:0px;
	padding-bottom:10px;
	padding-top:10px;
}

#parte_formulario {
	width:420px;
	height:1100px;
	float:left;
	padding-left:30px;
	text-align:justify;
}

#parte_formulario p, h3, h2 {
	margin:0px;
	padding-bottom:10px;
	padding-top:10px;
}

.input2 {
	width:420px;
	border:#5B60FD 1px solid;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	height:16px;
}

/*********************************************************************** PIE **********************/

#pie {
	float:left;
	width:964px;
	font-size:11px;
	color:#7B9DDD;
	text-align:center;
	padding-bottom:15px;
}

#pie a {
	color:#FFFFFF;
	text-decoration:none;
}

#pie a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}

a:hover { color:#FFFFFF; }





#boletin {
	float:left;
	padding-left:15px;
	background-color:#5B60FD;
	width:550px;
}

#dentro {
	width:935px;
	text-align:justify;
}

#dentro a {
	text-decoration: none;
	color:#00CC33;
}






/*********************************************************************** MENÚ COMPLICADO SUPERIOR **********************/

.menu2 {
	font-family:Arial, Helvetica, sans-serif;
	height:30px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
	position:relative;
	padding-left:5px;
}

.menu2 li.top {
	display:block;
	float:left;
	padding-top:2px;
	position:relative;
	height:15px;
}

.menu2 li a.top_link {
	display:block; 
	float:left; 
	height:25px; 
	line-height:25px; 
	color:#000000; 
	text-decoration:none; 
	font-size:13px;  
	padding:0 0 0 9px; 
	cursor:pointer;
}

.menu2 li a.top_link:hover {
	color:#FF99CC;
}

.menu2 table { width:0; height:0; position:absolute; top:0; left:0;}

.menu2 a:hover {visibility:visible;}
.menu2 li:hover {position:relative; z-index:200;}

.menu2 ul, 
.menu2 :hover ul ul, 
.menu2 :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:auto; height:150px; margin:0; padding:0; list-style:none;}

.menu2 :hover ul.sub {left:-2px; top:16px; background: #fff; padding:0; /*border:1px solid #1E8BB5; white-space:nowrap;*/ width:auto; height:auto; font-weight:normal; float:left}

.menu2 :hover ul.sub li {display:block; /*height:20px; */position:relative; float:left; width:160px; border-bottom:1px solid #403152; border-left:1px solid #403152; border-right:1px solid #403152; margin-bottom:0;}

.menu2 :hover ul.sub li a {display:block; height:auto; font-size:11px; padding:4px 3px; line-height:1; color:#000000; text-decoration:none;}
.menu2 :hover ul.sub li a:hover { background-color:#403152; color:#FFFFFF;}

/*** segunda parte ***/


#menu_sub {
	height:auto;
	left:230px;
	padding:0 10px 10px 0;
	position:absolute;
	top:-25px;
	width:200px;
	z-index:250;
	background-image:url(images/menu_escondido_negro.png);
	background-repeat:repeat;
	padding-left:10px;
	padding-top:10px;
}

#tabla_submenu {
	width:200px;
	height:auto;
	float:left;
	text-align:left;
	overflow:visible;
	background-image:none;
	background-color:transparent;
	padding-top:3px;
	
	
}

#tabla_submenu p {
	background-color:transparent;
	text-align:left;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	margin:0px;
	float:left;
	width:200px;
	
}







/* drop up */
ul#nav,ul#nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul#nav {
	width:964px;
	height:auto;
}

ul#nav li {
	position: relative;
	float: left;
	width:236px;
	height:15px;
	background-image:url(images/linea3_pb_haciaarriba.png);
	background-repeat:no-repeat;
	text-align:left;
	font-size:10px;
	color:#7B9DDD;
	padding-left:5px;
}

ul#nav li a {
	text-decoration: none;
	color:#7B9DDD;
}

#nav li ul {
	position: absolute;
	left: 0; 
	top:-105px;
	margin-left:-999em;
	border:none;
	height:91px;
	width:231px;
 /*opacity for IE5+*/
  filter: alpha(opacity=70);
  /*opacity for older Mozilla browsers*/
  -moz-opacity: 0.7;
  /*opacity for mozilla/safari*/
  opacity: 0.7;
}
ul#nav li li{height:auto;border:none;}
ul#nav li li a{
	color:#fff;
	display:block;
}
ul#nav li:hover ul, 
ul#nav li.over ul {
	margin-left:0;
}
ul#nav li:hover,
ul#nav li.over,
ul#nav li:hover a,
ul#nav li.over a {color:#fff}

ul#nav li:hover li a,ul#nav li.over li a{
	color:#FFFFFF;
	text-decoration:none;}
ul#nav li li a:hover{color:red;}
ul#nav li.last,ul#nav li.last ul{border:none;width:200px;}
ul#nav li ul li {background-image:none;}