/* 
  ------------------------------------------------
  PVII CSS Layout Magic
  Copyright (c) 2007 Project Seven Development
  www.projectseven.com
  02: 2Col_Fixed_Sidebar_Left
  ------------------------------------------------
*/

body {
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: 100%;*/
	color: #000000;
	background-color: #F1ac00;
	background-image:url(../img/fondo_web.gif);
	background-repeat:no-repeat;
	background-position:top;
	margin-top: 18px;
	padding: 0;
}
#masthead {
	
	/*color: #999999;
	background-color: #000000;*/
	
	margin:0 auto;
}
#mastheadcontent {
	background-image:url(../img/cabecera.gif);
	background-repeat:repeat-y;
	width:auto;
	height:270px;
	padding-top:37px;
	padding-left:23px;
	padding-right:23px;
/*	padding: 12px 16px;   POl: quito el padding para poder poner la foto de la Cabecera */
	/*text-align:center;*/
	/*padding-top:1px;
	padding-bottom:1px;*/}

#menu{
	background-image:url(../img/lineas-vert-menu-sup.gif);
	background-repeat:no-repeat;
	/*text-align:right;*/
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color : #E5AF12;
	/*width:540px;*/
	width:251px;
	height:60px;
	float:right;
	margin-bottom:0px;
	margin-top:0px;}

#masthead .logo{
	/*width:140px;*/
	width:auto;
	height:70px;
	float:left;
	margin-right:0px;
	margin-top:5px;	
	margin-left:0px;
}
#masthead .menu{
	background-image:url(../img/lineas-vert-menu-sup.gif);
	background-repeat:no-repeat;
	text-align:center;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color : #00476B;
	/*width:540px;*/
	width:240px;
	height:60px;
	float:right;
	margin:0 auto;
	margin-top:10px;
	padding-left:15px;}
	#masthead .menu a{color:#00476b; text-decoration:none}
	#masthead .menu a:visited{color:#00476b; text-decoration:none}
	#masthead .menu a:hover{color:#CC0000; text-decoration:underline}
#masthead .menuiconos{
	width:auto;
	height:auto;
	margin:10px;
	float:left;}
#foto{
	width:744px;
	height:134px;
	clear:both;
	margin:0 auto;}

#pestanas{
	/*font-size:13px;*/
	/*color:#444;*/
	width:736px;
	height:68px;
	padding-left:8px;
	clear:both;
	margin-top:1px;
	/*margin-bottom:20px;*/
	background-image:url(../img/fondo-pestanas.gif);
	background-repeat:no-repeat;
	background-position:top;}
#pestanas .pestanasreposo{
	width:102px;
	height:68px;
	margin-right:2px;
	text-align:center;
	float:left;
	/*background-image:url(../img/pestana-reposo.gif);
	background-repeat:no-repeat;*/}

	
/*--------------------------Botones menu----------------------------*/
/*----------------------------------------------------------------------*/	
/*Style Applied to the Paragraphs for the Sidebar Links */
p.navSubs {	margin-bottom : 0px;margin-top : 0px;float:left;width:100%;}
.navSubs a { 	background-image:url(../img/pestana-reposo.gif);background-repeat:no-repeat;font-size:13px;color:#444;display : block;padding : 30px 0px 6px 0px;text-decoration : none;width:100%;}
.navSubs a:hover {background-image:url(../img/pestana-roll.gif);background-repeat:no-repeat;color:#fff;text-decoration: none;display : block;padding : 30px 0px 6px 0px;width:100%;}

p.navSubsInstalaciones { line-height:12px;margin-bottom : 0px;margin-top : 0px;float:left;width:100%;}
.navSubsInstalaciones a { 	background-image:url(../img/pestana-reposo.gif);background-repeat:no-repeat;font-size:13px;color:#444;display : block;padding : 25px 0px 3px 0px;text-decoration : none;width:100%;}
.navSubsInstalaciones a:hover {background-image:url(../img/pestana-roll.gif);background-repeat:no-repeat;color:#fff;text-decoration: none;display : block;padding : 25px 0px 3px 0px;width:100%;}
	


/* *************** Menu activado ****************/
p.navSubsRoll_Over {background-image: url(../img/pestana-activa.gif);background-repeat:no-repeat;color:#00476B;display : block;text-decoration : none;width : 100%; margin:0 auto;}
p.navSubsRoll_Over a{font-size:13px;background-image: url(../img/pestana-activa.gif);background-repeat:no-repeat; color:#00476B;display : block;text-decoration : none;width : 100%;padding : 30px 0px 16px 0px; margin:0 auto;}
p.navSubsRoll_Over a:hover{font-size:13px;background-image: url(../img/pestana-activa.gif);background-repeat:no-repeat; color:#00476B;display : block;text-decoration : none;width : 100%;padding : 30px 0px 16px 0px;;margin:0 auto;}




/* *************** Menu activado Instalciones Industriales****************/
p.navSubsRoll_Over_Instalaciones {line-height:12px;background-image: url(../img/pestana-activa.gif);background-repeat:no-repeat;color:#00476B;display : block;text-decoration : none;width : 100%; margin:0 auto;}
p.navSubsRoll_Over_Instalaciones a{font-size:13px;background-image: url(../img/pestana-activa.gif);background-repeat:no-repeat; color:#00476B;display : block;text-decoration : none;width : 100%;padding : 24px 0px 22px 0px; margin:0 auto;}
p.navSubsRoll_Over_Instalaciones a:hover{font-size:13px;background-image: url(../img/pestana-activa.gif);background-repeat:no-repeat; color:#00476B;display : block;text-decoration : none;width : 100%;padding : 24px 0px 22px 0px;;margin:0 auto;}










#wrapper {
	/*background-image:url(img/fondo_wrapper.gif);*/
	width: 790px;
	margin: 0 auto;
}
#column_wrapper {
	background-image:url(../img/fondo_wrapper.gif);
	background-repeat: repeat-y;
}
.clearfloat {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
}
#right {
	width: 744px;
/*	float: left;*/
	margin-left:23px;
}
#left {
	width:220px;
	/*float: left;*/
}
#left .content {

	/*padding-right: 0px;*/
	padding-left: 24px;
	padding-top:16px;
	padding-bottom:16px;
	font-size: 0.75em;
	/*line-height: 1.5em;*/
}
#left .submenu{
	width:auto;	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin-bottom:4px;}
p.eslogan{
	background-image:url(../img/submen_eslogan_inf.gif);
	background-repeat:no-repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:lighter;
	line-height:12px;
	text-decoration:none;
	color:#76b558;
	display : block;
	padding : 10px 0px 16px 20px;
	width:166px;}
.eslogan a{
	color:#76b558;
	text-decoration:none;
	width:166px;}
.eslogan a:hover{
	color:#76b558;
	text-decoration:underline;
	width:166px;}
	



#left .tablaproyectos{
	background-image:url(../img/bor_med_tab_proyec.gif);
	width:186px;
	text-align:center;
	/*height:auto;*/
	margin-top:8px;
	padding-top:6px;
	/*padding:6px 6px 6px 6px;*/}
.tablaproyectosbordes{
	clear:both;
	margin:0px;
	}
.tablaproyectosfotos{
	margin:4px 4px 4px 4px}
#left .lineapunteadomarron{
	background-image:url(../img/lin_punt_marron.gif);
	height:1px;
	width:95%;
	margin-top:10px;
	margin-bottom:10px;}





#right .content {
	padding-right: 0px;
	padding-left:0px;
	padding-top:25px;
	padding-bottom:14px;
	/*font-size: 0.8em;*/
	line-height: 1.00em;
	width:auto;
}


#right .tablacontenido{
	width:744px;
	height:auto;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	text-align:justify;
	
	}
#right .tablacontenidobordesuperior{
	/*background-image:url(../img/bor_sup_tab_contenido_big.gif);*/
	width:auto;
	/*height:auto;*/
	/*padding:15px 15px 10px 15px;*/
	padding:4px;
	padding-top:0px;	
	margin:0 auto;
	/*border-top:1px #aed199 solid;*/}
	#right .tablacontenidobordesuperior a{ color:#00476b; text-decoration:underline;}
	#right .tablacontenidobordesuperior a:hover{ color:#cc0000; text-decoration:none;}

#right .encabezado {
	border-bottom:1px solid #359d0c;
	height:50px;
	margin-bottom:0px;
	padding-bottom:0px;
	padding-top:0px;}
#right .titulo{
	width:350px;
	height:40px;
	margin:0 auto;
	float:left;}
#right .flash {
	float:right;
	margin:0 auto;}
#right .h1 {
	padding:2px 10px 8px 0px;
	}
#right .icono-flecha-negra-h1 {
	float:left;
	margin-right:4px;}	
#right .icono-obras {
	float:left;
	margin:0px 10px 0px 0px;}
#right .Centrarimagen{
	width:auto;
	height:auto;
	text-align:center;}
	




#right .tablacontenidobordeinferior{
	background-image:url(../img/bor_inf_tab_contenido_big.gif);
	background-repeat:no-repeat;
	width:744px;
	height:10px;}

.fotocontenido{
	float:right;
	margin:10px 10px 10px 10px;}
#Divfotocontenidoinferior{
	width:auto;
	text-align:center;
	clear:both;}

/*---------------------- OBRAS --------------------------------*/

#Divobrasfondo{
	background-image:url(../img/fondo_obras.gif);
	background-repeat:no-repeat;
	background-position:top;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
	text-align:center;
	width:auto;
	height:auto;	
	background-color:#FFFFCC;
	/*border-left:1px #CCCCCC solid;
	border-right:1px #CCCCCC solid;*/
	border-top:1px #CCCCCC solid;
	padding-bottom:10px;
	padding-top:10px;
	padding-left:3px;}
	/*#Divobrasfondo a{color:#00476b; text-decoration:underline;}
	#Divobrasfondo a:visited{color:#00476b; text-decoration:underline;}
	#Divobrasfondo a:hover{color:#CC0000; text-decoration:none;}*/
.Divobrasdescripcionyfoto{
	width:230px;
	height:auto;
	/*border-right:1px #CCCCCC solid;*/
	padding-right:3px;
	margin-right:3px;
	margin-bottom:5px;
	float:left;}
.textopiedefoto{
	width:200px;
	text-align:left;
	margin:0 auto;
	margin-top:4px;}
.Divobrasdescripcionyfotofila{
	text-align:center;
	clear:both;
	width:720px;
	height:200px;;
	margin:0px auto 20px auto;
	padding-left:0px;
	padding-top:10px;
	padding-bottom:10px;
	border-top:1px #666666 dashed;}

.Divobrasdetalle{
	width:auto;
	margin:0 auto;
	margin-top:4px;}
.Divobrasdetallefotobig{
	width:350px;
	min-height:360px;
	border-right:1px #CCCCCC dashed;
	margin:0 auto;
	margin-right:6px;
	margin-bottom:10px;
	float:left;}
.obrasdetallefotobig{
	margin-bottom:2px;}
.obrasdetallefotosmall{
	margin:0px 2px 2px 0px;}
.Divobrasdetalletexto{
	width:330px;
	float:left;
	margin:0 auto;}
.obrasdetalletextonegrita{
	font-weight:bold;}	
.Divobrasdetalletextocaracteristicas{
	margin:0 auto;
	margin-bottom:6px;
	padding-bottom:16px;
	border-bottom:1px #CCCCCC dashed;}

#primary .listItemVisita {font-size: 11px;font-family: Arial, Helvetica, sans-serif;float: left;margin: 5px 2px 5px 2px;overflow: hidden;line-height: 1em;}
#primary .listItemVisita a,		
#primary .listItemVisita a:visited {display: block;color: #333;background-image: none;;width:210px; height:210px;}
			
#primary .listItemVisita a {/*border: solid 2px;border-color: #e7e7e7 #fff #fff #fff;*/padding: 5px 10px 5px 10px;text-decoration:none;}
#primary .listItemVisita a:visited {/*border: solid 2px;border-color: #e7e7e7 #fff #fff #fff;*/background-image: none;}
#primary .listItemVisita a:hover {text-decoration: none;background-image: none;display: block;margin: 0px;/*border: solid 3px #cc3300;*/ background-color: #FFDB4C;
cursor:pointer}
			
#primary .listItemVisita a span {font-family: Georgia, serif;color:  #003F7E;padding: 5px 2px 5px 2px;}
#primary .listItemVisita a:visited span {font-weight: normal;}
#primary .listItemVisita a:hover span {color:  #cc0000;}
		
#primary .listItemPVisita {width:210px; height:170px; float:left; background-image:url(../img/foto-inst-indus-01.jpg); background-repeat:no-repeat; margin-top:2px;}

#primary .listItemPVisitaViviendas {width:210px; height:170px; float:left; background-image:url(../img/foto-viviendas-01.jpg); background-repeat:no-repeat; margin-top:2px;}
#primary .listItemPVisitaViviendas2 {width:210px; height:170px; float:left; background-image:url(../img/foto-viviendas-02.jpg); background-repeat:no-repeat; margin-top:2px;}

#primary .listItemPVisitaObraPublica {width:210px; height:170px; float:left; background-image:url(../img/foto-obras-publicas-01.jpg); background-repeat:no-repeat; margin-top:2px;}
#primary .listItemPVisitaObraPublica2 {width:210px; height:170px; float:left; background-image:url(../img/foto-obras-publicas-02.jpg); background-repeat:no-repeat; margin-top:2px;}
#primary .listItemPVisitaObraPublica3 {width:210px; height:170px; float:left; background-image:url(../img/foto-obras-publicas-03.jpg); background-repeat:no-repeat; margin-top:2px;}
#primary .listItemPVisitaObraPublica4 {width:210px; height:170px; float:left; background-image:url(../img/foto-obras-publicas-04.jpg); background-repeat:no-repeat; margin-top:2px;}
#primary .listItemPVisitaObraPublica5 {width:210px; height:170px; float:left; background-image:url(../img/foto-obras-publicas-05.jpg); background-repeat:no-repeat; margin-top:2px;}
#primary .listItemPVisitaObraPublica6 {width:210px; height:170px; float:left; background-image:url(../img/foto-obras-publicas-01.jpg); background-repeat:no-repeat; margin-top:2px;}

#primary .listItemPVisitaInstalacionesIndustriales {width:210px; height:170px; float:left; background-image:url(../img/foto-inst-indus-01.jpg); background-repeat:no-repeat; margin-top:2px;}
#primary .listItemPVisitaInstalacionesIndustriales2 {width:210px; height:170px; float:left; background-image:url(../img/foto-inst-indus-02.jpg); background-repeat:no-repeat; margin-top:2px;}
#primary .listItemPVisitaInstalacionesIndustriales3 {width:210px; height:170px; float:left; background-image:url(../img/foto-inst-indus-03.jpg); background-repeat:no-repeat; margin-top:2px;}

#primary .listItemPVisita02 {width:210px; height:170px; float:left; background-image:url(../img/foto-inst-indus-01.jpg)}
#primary .listItemPVisita03 {width:125px; height:70px; float:left; background-image:url(../img/vr/foto-small-sala-reuniones.jpg)}
#primary .listItemPVisita04 {width:125px; height:70px; float:left; background-image:url(../img/vr/foto-small-recepcion.jpg)}

#primary .TituloListItemVisita {color:#666666;font-size:10px;margin-top:2px; margin-bottom:4px;clear:left; text-decoration:none;}
#primary .TextoListItemVisita  {float:left; margin:0 auto;}
#primary .FotoListItemVisita {margin-left:2px; margin-bottom:4px;float:right; text-decoration:none; padding:3px; border:1px solid #e7e7e7;}

/*-------------- Contactar ----------------------*/
#DivContactarTabla {
	width:auto;
	height:60px;
	text-align:left;
	padding:10px 4px 0px 4px;
	margin-bottom:0px;
	color:#00478d;}
	#DivContactarTabla a:link{color:#00478d; text-decoration:underline;}
	#DivContactarTabla a:visited{color::#00478d; text-decoration:underline;}
	#DivContactarTabla a:hover{color:#CC0000; text-decoration:none;}
#DivContactarTablaTextoCabecera{
	/*font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;*/
	font-size: 13px;
	color:#359d0c;
	font-weight:bold;}
#DivContactarTablaLinea {
	width:auto;
	height:1px;
	border-bottom:#999 1px dashed;
	/*background-color:#999 1px dashed;*/}
#DivContactarTablaTexto{
	font-size: 13px;
	margin-top:5px;}



/*-------------- Mapaweb ----------------------------------*/
#DivMapawebTexto{
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#CC0000;
	font-weight:lighter;
	margin:45px 0px 0px 0px;}
#DivMapawebTexto02{
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#CC0000;
	font-weight:lighter;
	margin:15px 0px 0px 0px;}

	/* para maquear bien una lista, lo mejor hacerlo como cualquer rollover con img de fondo. Aqui la peculiaridad
		es que en el li primario hay que quitar la viñeta y encajar los márgenes para que el link y el hover sean
		los protagonistas    */
ul.Mapaweb-list  li{margin:4px 0px 10px -15px; list-style-type:none;}
ul.Mapaweb-list li a{  padding: 0 2px 0 20px;background:  url(../img/ico-mapaweb-01.gif) no-repeat 0 2px ;text-decoration:none;color:#3399FF;}
ul.Mapaweb-list li a:hover{ background: url(../img/ico-mapaweb-02.gif) no-repeat 0 2px ;text-decoration:none;color:#DB7900;}	

ul.Mapaweb-list02  li{margin:4px 0px 6px -15px; list-style-type:none;}
ul.Mapaweb-list02 li a{  padding: 0 2px 0 20px;background: url(../img/ico-mapaweb-03.gif) no-repeat 0 2px ;text-decoration:none;color:#CC0000;}
ul.Mapaweb-list02 li a:hover{ background: url(../img/ico-mapaweb-04.gif) no-repeat 0 2px ;text-decoration:none;color:#DB7900;}	

ul.Mapaweb-list03  li{margin:4px 0px 6px -15px; list-style-type:none;}
ul.Mapaweb-list03 li a{  padding: 0 2px 0 20px;background: url(../img/ico-mapaweb-05.gif) no-repeat 0 2px ;text-decoration:none;color:#666666;}
ul.Mapaweb-list03 li a:hover{ background: url(../img/ico-mapaweb-06.gif) no-repeat 0 2px ;text-decoration:none;color:#DB7900;}



/************************** MAPAWEB - TABLA ******************************/
table.TablaMapaWeb {
	width:400px;}
td.TablaMapaWebCeldaPunteado {
	height:1px;
	background-image:url(../img/mp_linea_punteada_hztal.gif);}
td.TablaMapaWebCeldaDescripcion {
	text-align:justify;
	padding-left:16px;}
td.TablaMapaWebCeldaIcono{		/* Celda para el Icono superior  */
	padding-top:6px;
	padding-right:0px;
	vertical-align:top;}
td.TablaMapaWebCeldaFlecha{	/* Celda para el Icono Flecha  */
	padding-right:10px;
	vertical-align:middle;}
td.TablaMapaWebCeldaTitulo {	/* Link a cada sección */
	height:34px;
	font-size: 13px;
	color:#3399CC;
	font-weight:bold;
	vertical-align:middle;}
	.TablaMapaWebCeldaTitulo a:link    { color:#3399CC; text-decoration : none; padding-left:5px; }
	.TablaMapaWebCeldaTitulo a:visited { color:#3399CC; text-decoration : none; padding-left:5px;  }
	.TablaMapaWebCeldaTitulo a:hover   { color:#cc3333; text-decoration : none; padding-left:5px;  }

.TablaMapaWebVinetas1NFlechaGris li{	/* Viñetas: primer Nivel de indexación */
/*list-style-image: url(../img/ico-flecha-txt-azul.gif);**/
		margin-left:30px;}










/*---------------     PIE      ---------------------------------------------------*/


#footer {background-image:url(../img/fondo_pie.gif);
background-repeat:no-repeat;
	color: #999999;
	/*background-color: #000000;*/
	padding: 0px;
	margin: 0;
	font-size: 0.7em;
	clear: both;
	text-align:center;}
	#footer a:link {color: #c69a02; text-decoration:none;}
	#footer a:visited {color: #c69a02; text-decoration:none;}
	#footer a:hover {color: #00476b; text-decoration:underline;}

#footercontent {
	/*padding: 12px 24px;*/
	text-align:center;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#c69a02;
	width:760px;
	height:40px;
	border-top:1px dotted #CCCCCC;
	padding-top:6px;
	margin:0 auto;
}
.footerpunteado{
	width:760px;
	height:auto;
	
	}
#footer .pieinteriorizquierda{
	float:left;
	width:180px;
	text-align:left;
	padding-left:20px;}
#footer .pieinteriorderecha{
	float:right;
	width:500px;
	text-align:right;
	padding-right:20px;}
#footer .legalismos{
	width:auto;
	height:40px;
	margin-bottom:20px;}
	#footer .legalismos a{color:#666; text-decoration:underline;}
	#footer .legalismos a:visited{color:#666; text-decoration:underline;}
	#footer .legalismos a:hover{color:#CC0000; text-decoration:none;}








.menulist {
	margin: 6px 0 12px 0;
	padding: 0;
	list-style-type: none;
}
#left a:link {
/*	color: #000000;*/
}
#left a:visited {
	/*color: #333333;*/
}
#left a:hover {
	/*color: #9B7C00;*/
}
#right a:link {
	/*color: #0000FF;*/
}
#right a:visited {
	/*color: #0000FF;*/
}
#right a:hover {
	/*color: #ffffff;
	background-color:#0066FF;*/
}
/*#wrapper .menulist a, #wrapper .menulist a:visited {
	color: #000000;
	border-left: 6px solid #FFD940;
	padding: 0 0 0 6px;
}
#wrapper .menulist a:hover {
	border-color: #000000;
}*/


.p7uberlink {
	font-weight: normal !important;
	/*letter-spacing: 0.15em;*/
	border-color: #000000 !important;
}
h1 {
	font-size: 24px;
	font-weight:normal;
	margin: 0 auto;
	/*margin-bottom:2px;*/
	/*width:500px;*/
	color:#359d0c;
	/*background-color:#FF6600;*/}
h2 {font-size:12px;
font-weight:bold;
color:#00476b;
margin: 0 auto;}

h3 {
	font-size: 15px;
	margin: 0;
	margin-bottom:0px;
	color:#00476b;
}
h4 {
	font-size: 15px;
	margin: 0;
	margin-left:10px;
	margin-top:5px;
	
	color:#359d0c;
}
h5 {
	font-size: 22px;
	font-weight:normal;
	margin: 0;
	margin-bottom:10px;
	color:#00476b;
	margin-top:20px;
	padding-bottom:16px;
	border-bottom:1px #CCCCCC dashed;
}
h6 {
	font-size: 24px;
	margin: 0;
	margin-left:10px;
	margin-top:5px;
	font-family:Georgia, "Times New Roman", Times, serif;	
	color:#00476b;
	font-weight:lighter;
}

.letrassubrayado{
	text-decoration:underline;
	color:#0099FF;}
.letrasnegrita{
	font-weight:bold;}


.nomargintop {
	margin-top: 0;
}
.content p {
/*	margin: 12px 0;  POL: se quita para poder dar un margen izq a las ultimas noticias */
}


/*--------------Lista Simple sin el tag <ul> Roll---------------*/
#lista-simple{ width:400px; height:auto; color:#359d0c; text-decoration:none;font-weight:normal; font-size:14px;}
#lista-simple a { display:block;/* float:left; */ color:#359d0c; text-decoration:none;font-weight:normal; font-size:14px;}
#lista-simple a:hover { display:block;/* float:left; */ color:#359d0c; text-decoration:none;font-weight:normal; font-size:14px;}



/*--------------css de una lista primaria con rollover---------------*/

ul.lista-basica  li{margin:4px 6px 5px -15px; list-style-type:none;}
ul.lista-basica li a{  padding: 3px 2px 4px 20px;background:  url(../img/ico-plus.gif) no-repeat 0 2px ;text-decoration:none;color:#3399FF;}
ul.lista-basica li a:hover{ background: url(../img/ico-plus-rojo.gif) no-repeat 0 2px ;text-decoration:none;color:#DB7900;}

/*--------------css de una lista primaria Sin rollover---------------*/

ul.lista-basica-no-rollover  li{margin:2px 6px 2px -15px; list-style-type:none;color:#359d0c; text-decoration:none;font-weight:normal; font-size:14px;}


/* ************************ FORMULARIO(SECCION CONTACTAR) ****************** */
/* ************************************************************************* */

#formContenedor {
	width:auto;
	min-height:410px;
	margin: 30px 10px 10px 10px;
	padding:8px;
	background-image:url(../img/fondo_obras.gif);
	background-color:#fff0b2;
	background-repeat:no-repeat;
	background-position:top;
	border-top:1px #CCCCCC solid;}
#formContTitulo {
/* 	border:solid 1px #cc0000;   */
	width:auto;
	clear:both;
	font-family:"Trebuchet MS", Tahoma, Verdana, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#359d0c;
	margin-bottom:14px;}
#formContIzq {
/* 	border:solid 1px #cc0000;    */
	width:300px;
	float:left;}
#formContDcha {
/* 	border:solid 1px #cc0000;   */
	width:390px;
	float:right;}	

div.formDivLinea {
/*	border:solid 1px #ff9900;	    */
	width:auto;
	margin:0 auto;
	clear:both;
	height:auto;
	margin-top:4px;}
.formCampoObligatorio {
	color:#0000FF;
	font-weight:normal;
	font-size:11px;
	font-family:Georgia, "Times New Roman", Times, serif;
}	
div.formEtiqueta {	/* Div donde va la etiqueta del campo de formulario */
/* 	border:solid 1px #cc0000;  */
	width:110px;   /* 70 */
	display: block;
	font-family:"Trebuchet MS", Tahoma, Verdana, sans-serif;
	font-size: 13px;
	color:#000000;
	text-align:right;
	float:left;
	margin: 5px 0 0 0;}
div.formCampo {	/* Div donde va el campo de formulario */
/*	border:solid 1px #000000;	  */
	width:auto;
	display: block;
	margin-left:122px;} 
.formularioCampoTexto {	/* Campo del Formulario: Campo de texto donde se introducen los datos */
	height:16px;
	margin-left:0px;
	margin-top:1px;
	margin-bottom:2px;
	padding-left:3px;	/* margen interior del campo, al escribir el texto */
	background-image: url(/img/formulario_fondo_campo_txt.gif);
	background-color:#ffffff;
	border-left: 1px solid #999999;
	border-top: 1px solid #999999;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
	font-size: 12px;
	color:#333333;}
.formularioCampoDesplegable	 {
	height:auto;
	width:auto;
	margin-left:0px;
	margin-top:1px;
	margin-bottom:2px;
	padding-left:3px;	/* margen interior del campo, al escribir el texto */
/*	background-image:url(/img/formulario_fondo_campo_txt.gif); */
	background-color:#f6f5e2;
	border-left: 1px solid #999999;
	border-top: 1px solid #999999;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
	font-size: 12px;
	color:#333333;}
.formularioCampoComentario {	/* Campo del Formulario: TextArea donde se introducen los datos */
	height: 160px;
	margin-left:0px;
	margin-bottom:3px;
	padding-left:3px;	/* margen interior del campo, al escribir el texto */	
	background-image: url(/img/formulario_fondo_campo_txt.gif);
	background-color:#ffffff;
	border-left: 1px solid #999999;
	border-top: 1px solid #999999;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
	font-size: 12px;
	color:#333333;	
	overflow:auto;}
div.formDivLineaEnviar {	/* Div donde van los botones Borrar y Enviar del formulario */
/*	border:solid 1px #ff9900;  */
	margin:0 auto;
	clear:both;
	height:auto;
	margin-top:20px;
	margin-left:185px;}
.formularioBoton {
	margin-left:5px;
	border: rgb(128,128,128) 1px solid;
	background-color:#003a4f;
	font-family: Verdana, sans-serif;
	font-size:11px;
	color:#FFFFFF;}