/* CSS Document */

/* GENERAL BODY */

A{ text-decoration:none;}
A: hover{ text-decoration:underline;}

BODY, HTML {
	margin:0;padding:0;
	text-align:center;
	background-color: #D0D0D0 ;
	font-family:Arial, Helvetica, sans-serif;
	}


#contenedor {
	margin: 0 auto;
	width:772px;
	text-align:center;
	background-image: url(../images/fondobody.gif);
	background-repeat:repeat-y;
	background-color: #fff ;
	background-position:center;
	}
	
#interface {
	margin: 0 auto;
	width:762px;
	text-align:left;
	background-color: #FFF ;
	}

	
/* ------------------------------------------------------------ */
/* HEADER */

#header {
	text-align:left;
	margin:0;
	padding:0;
	width:772px;
	height:87px;
	background-image: url(../images/fondoh1.gif);
	background-repeat: no-repeat;
	}

#header H1 {
	position:absolute;
	margin:0;
	padding:0;
	z-index:1;
	}

#logo-H1 {
	position:relative;
	display: block;
	height: 81px;
	width: 224px;
	background: url(../images/logo-Flowfields.gif) top left no-repeat;
	margin:1px 0 0 4px;
	text-indent: -999em;
	text-decoration: none;
}

DIV#bloque-h1 {
	float:right;
	width:50%;
	text-align:right;
	position:relative;
	right:25px !important;
	top:28px !important;
	z-index:100;
	}

UL#accesosheader {
	margin:40px 0 0 0;
	padding:0;
	}

#accesosheader LI {
	margin:0;
	padding:0 0.8em 0 0.6em ;
	display:inline;
	font-size:11px;
	color:#7e8072;
	border-right:1px solid #333;
	}
#accesosheader LI A {
	color:#333;
	text-decoration:none;
	}
	
#accesosheader LI A:hover {
	color:#ea641e;
	text-decoration:underline;
	}


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


/* CONTENIDO */

#contenido {
	float:right;
	margin:0;
	padding:0 25px 35px 75px;
	width:86%;
	}
	
#contenido A {
	color:#333;
	text-decoration:none;
	}
	
#contenido A:hover {
	color:#ea641e;
	text-decoration:underline;
	}

#contenido H2 {
	border-bottom:1px solid #CCC;
	color:#ea641e;
	padding: 0 0 0.2em 1.3em;
	margin:0 0 1em 0;
	font-size:12px;
	background-image:url(../images/bullet-h2.gif);
	background-repeat:no-repeat;
	background-position:2px 4px;
	}
#contenido H3 {
	color:#336699;
	border-bottom:1px solid #CCC;
	color:#1A3857;
	font-size:11px;
	padding: 0.2em 0 0.1em 2em;
	margin:0;
	}
	
#contenido P {
	font-size:11px;
	color:#575757;
	line-height:120%;
	margin:0 1em 1em 0;
	padding:0;
	}
	
#contenido P A {
	color:#004eff;
	}

#contenido P A:hover {
	font-size:11px;
	color:#ea641e;
	}

#contenido UL LI {
	padding:0;
	margin:0 0 1em 0;
	font-size:11px;
	color:#575757;
	list-style-position: outside;
	list-style-image: url(../images/bullet-olul.gif);	
	}

#contenido UL LI UL LI{
	list-style-position: outside;
	list-style-image:url(../images/bullet-breadcrumbs.gif);
	list-style-type:none;
	}
/* ---------------------------------------------------------------------- */
/* FORMULARIO */
#contenido FORM {
	font-size:11px;
	padding:0;
	margin:0;
	}
	
#contenido FORM FIELDSET {
	color:#575757;	
	padding:1em;	
	}
	
#contenido FORM SELECT {
	border:1px solid #7F9DB9 !important;
	margin:0 0 0 0.5em;
	padding:0.1em;
	}


#contenido FORM LEGEND {
	font-weight:bold;
	color:#5164c6;
	}
	
#contenido FORM textarea {
	width:400px;
	font-size:11px;
	height:80px;
	border:1px solid #E6E4D8;
	}
.boton-buscar {
	height:2em;
	color:#ea641e;
	font-weight:bold;
	font-size:10px;
	line-height:1.5em;
	border:1px solid #E6E4D8;
	background-image: url(../images/boton-search.gif);
	background-repeat:repeat-x;
	background-color: #FFF ;
	float:right;
	}
.campo-buscar {
	line-height:1.5em;
	font-size:11px;
	width:400px;
	border:1px solid #E6E4D8;
	background-color: #FFF ;
	}
/* ---------------------------------------------------------------------- */


	
.inihome{
	background-image:url(../images/h2_bienvenida.gif) !important;
	text-indent:-9999px;
	padding: 0;
	margin:0;
	height:2em;
	}

.iniciativas-bloque {
	width:210px;
	float:left;
	padding:3px;
	background-repeat:no-repeat;
	background-position:3px 3px;
	padding-top:135px;
	}
.iniciativa {
	padding:5px;
	min-height:120px;
	}
.iniciativa H2 {
	font-size:14px;
	color:#FF9900;
	font-weight:bold;
	margin:0 !important;
	padding:0 0.3em 0 0.2em !important;
	border:0 !important;
	background-image:none !important;
	}
.iniciativa H2 A {
	font-size:12px;
	text-transform: uppercase;
	display:block;
	color:#FF9900;
	text-decoration:none;
	}
.iniciativa H3 {
	color:#003366 !important;
	font-size:12px;
	font-weight:bold;
	margin:0.3em 0 0.4em 0 !important;
	padding:0 0.2em 0 0.3em !important;
	}


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


.contactar {
	height:3.3em;
	line-height:1.2em;
	background-image: url(../images/contactar-azul.gif);
	background-repeat:no-repeat;
	background-position:10px;
	padding-left:60px;
	font-weight:bold;
	color:#D0DFE6;
	}
.contactar A {
	display:block;
	color:#D0DFE6;
	text-decoration:none;
	}


/* -------------------------------------------------------------------------------------- */
/* AYUDAS Y TRICKS */

.clearboth {
	clear:both;
	}
.last-li {
	border-right:none !important;
	padding-right:0 !important;
	}
.last-lateral-li {
	border-bottom:1px solid #B6CCD8 !important;
	}
/* ---------------------------------------------------------------------- */
/* NAVEGACIÓN */


	#tabsB {
      float:left;
      width:100%;
      background:#ededed;
	  font-weight:bold;
      font-size:11px;
	  text-transform:uppercase;
      line-height:normal;
      }
    #tabsB ul {
	  margin:0;
	  padding:15px 10px 0 25px;
	  list-style:none;
      }
    #tabsB li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsB a {
      float:left;
      background:url("../images/tableftB.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }

    #tabsB a span {
      float:left;
      display:block;
      background:url("../images/tabrightB.gif") no-repeat right top;
      padding:5px 15px 4px 10px;
      color:#666;
      }
	  
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsB a span {float:none;}
    /* End IE5-Mac hack */
    #tabsB a:hover span {
      color:#000;
      }
    #tabsB a:hover {
      background-position:0% -42px;
      }

    #tabsB a:hover span {
      background-position:100% -42px;
      }
	  
	#tabsB .active a {
      background-position:0% -84px !important;
      }
	  
	 #tabsB .active a span {
      background-position:100% -84px !important;
      }



#nav2 {
	margin-top:0.2em;
	text-align:center;
	border-bottom:solid 1px #E9E9E9;
	}
#nav2 UL {
	margin:0;
	padding:0;
	}
#nav2 LI {
	height:2em;
	line-height:2em;
	margin:0;
	padding:0 0.8em 0 0.6em ;
	display:inline;
	font-size:11px;
	border-right:1px solid #E9E9E9;
	color:#999;
	}
#nav2 LI A {
	color:#575757;
	text-decoration:none;
	}

#nav2 LI A:hover {
	color:#ea641e;
	text-decoration:underline;
	}

.active {
	color:#ea641e;
	}	

/* ---------------------------------------------------------------------- */
/* FOOTER */

#footer {
	margin:0;
	padding:0;
	clear:both;
	width:772px;
	background-image: url(../images/fondofooter.gif);
	background-repeat:repeat-y;
	background-color: #F6F5F4 ;
	background-position:left;
	text-align:center;
	}
#footer UL {
	margin:0;
	padding:0;
	text-align:center;
	}
#footer LI {
	height:2em;
	line-height:2em;
	margin:0;
	padding:0 0.8em 0 0.6em ;
	display:inline;
	font-size:11px;
	border-right:1px solid #4e519a;
	color:#4e519a;
	}
#footer LI A {
	color:#4e519a;
	text-decoration:none;
	}

#footer LI A:hover {
	color:#ea641e;
	text-decoration:underline;
	}