body {
margin:0;
padding:0;
background:#1286A9 url(../_img/bkg.gif) repeat-x 0 0;
font: 75%/1.5 arial, helvetica, sans-serif;
color:#1E2325
}
p {
margin:0 0 1em 0
}
a img {
border:0
}

#container {
position:relative
}
#header {
background:#1691B8 url(../_img/bkg.header.gif) no-repeat 0 100%;
width:280px;
position:absolute;
top:0;
right:0;
}
#content {
width:auto;
position:relative;
margin-right:300px;
background:#fff url(../_img/bkg.content.gif) no-repeat 25px 15px;
max-width:700px;
padding:65px 40px 0 25px;
border-bottom:10px solid #169EBA
}

/*** header ***/
#header h1 {
display:none;
}
#search {
height:33px;
background:#1AA7C6;
line-height:1;
margin:0;
margin-top:11px;
}
#search p {
margin:0
}
#search input {
border:0;
width:163px;
margin-left:15px;
margin-top:7px;
color:#1386A9
}
#teaser {
background:transparent url(../_img/bkg.teaser.png) no-repeat 10px 15px;
color:#fff;
margin:0;
font-size:.9em;
padding:15px 10px 15px 45px;
position:relative;
height:75px;
}
#guias h2 {
position:relative;
margin:0;
background:#1AA7C6;
padding-left:15px;
height:33px;
text-transform:uppercase;
font-weight:normal;
font-size:1.4em;
line-height:2;
overflow:hidden;
color: #FFF4C3;
letter-spacing:-.05em
}
#guias ul {
margin:0 10px 0 20px;
padding:0;
list-style:none;
font-size:.9em;
color:#fff;
line-height:1.1
}
#guias ul li {
min-height:35px;
padding:10px 0 5px 45px;
background:transparent no-repeat 5px 50%
}

#guias ul li#energia-solar {
background-image: url(../_img/bkg.guias.li.energia-solar.gif);
}
#guias ul li#almacenamiento-de-residuos-peligrosos {
background-image: url(../_img/bkg.guias.li.residuos-peligrosos.gif);
}
#guias ul li#actividades-potencialmente-contaminantes-del-suelo {
background-image: url(../_img/bkg.guias.li.contaminantes-suelo.gif);
}
#guias ul li#reutilizacion-de-residuos-inertes {
background-image: url(../_img/bkg.guias.li.residuos-inertes.gif);
}
#guias ul li#prevencion-y-control-ambiental-en-las-industrias {
background-image: url(../_img/bkg.guias.li.prevencion-y-control-ambiental-en-las-industrias.gif);
}
#guias ul li#como-hacer-un-plan-de-prevencion-de-residuos-peligrosos {
background-image: url(../_img/bkg.guias.li.como-hacer-un-plan-de-prevencion-de-residuos-peligrosos.gif);
}

#guias ul li#guia-de-aplicacion-de-emas-en-pymes {
background-image: url(../_img/bkg.guias.li.guia-de-aplicacion-de-emas-en-pymes-.gif);
}

#guias ul li#riesgo-ambiental {
background-image: url(../_img/bkg.guias.li.riesgo-ambiental.gif);
}

#guias ul li#identificacion-y-evaluacion-de-riesgos-ambientales {
background-image: url(../_img/bkg.guias.li.identificacion-y-evaluacion-de-riesgos-ambientales.gif);
}

#guias ul li#mejora-de-la-gestion-y-control-de-riesgos-ambientales {
background-image: url(../_img/bkg.guias.li.mejora-de-la-gestion-y-control-de-riesgos-ambientales.gif);
}
#guias ul li#ecoeficiencia-en-las-oficinas-y-edificios {
background-image: url(../_img/bkg.guias.li.ecoeficiencia-en-las-oficinas-y-edificios.gif);
}
#guias ul li#ecoeficiencia-en-instalaciones-industriales-auxiliares {
background-image: url(../_img/bkg.guias.li.ecoeficiencia-en-instalaciones-industriales-auxiliares.gif);
}
#guias ul li#calculadora-de-emisiones-de-co2 {
background-image: url(../_img/bkg.guias.li.calculadora-de-emisiones-de-co2.gif);
}

#guias ul li.active {
background-color:#1286A9
}
#guias ul li span {
display:block;
}
#guias ul li span span {
display:none
}
#guias ul li a {
color:#FFB305;
text-decoration:none
}
#guias ul li a:hover {
color:#0A6F89;
background-color:#fff
}

/*** content ***/
.title {
background:#fff;
padding:15px 0 10px 0;
margin-bottom:20px
}
.title.alt {
background:#FFF3D9 url(../_img/bkg.titles.png) repeat-x 0 0
}
.title h2 {
margin:0;
color:#1386A9;
font-family: georgia;
font-weight:normal;
font-size:1.8em;
letter-spacing:-.05em;
}
.title h2 a {
color:#1386A9;
text-decoration:none
}
.title h2 a:hover {
color:#333
}
.title h2 img {
float:left;
margin:0 20px;
position:relative
}
.title p {
color:#333
}

/*** toc ***/
#toc-title, #data #toc-title {
position:relative;
margin:0;
background:#179EBB url(../_img/bkg.toc-title.gif) no-repeat 0 0;
padding-left:15px;
height:33px;
text-transform:uppercase;
font-weight:normal;
font-size:1.6em;
}
#data #toc-title a, #toc-title a {
color: #FFF4C3;
background:#179EBB url(../_img/bkg.toc-title.a.gif) no-repeat 0 50%;
padding-left:20px;
text-decoration:none;
cursor:default;
letter-spacing:-.05em;
font-family: arial, helvetica, sans-serif
}
#toc {
width:170px;
float:left;
margin-left:10px;
position:relative;
background:#179EBB url(../_img/bkg.extras.gif) no-repeat 0 100%;
font-size:.9em
}
* html #toc {
margin-left:5px;
}
#toc ul {
margin:0 0 10px 10px;
padding:0 0 10px 10px;
color:#fff;
list-style:none
}
#toc ul li {
position:relative;
}
#toc ul a {
color:#fff;
width:100%;
display:block;
text-decoration:none;
}
#toc ul a:hover, #toc ul li.active a {
background:#1386A9
}
#toc ul li.active a {
cursor:default;
}
.box {
background:transparent url(../_img/bkg.extras.h4.gif) no-repeat 0 0;
padding:20px 10px 0 10px;
position:relative
}
.box h4 {
display:none;
}
a.pdf {
background:transparent url(../_img/bkg.a.pdf.gif) no-repeat 0 0;
height:70px;
display:block;
padding-left:70px;
font-size:1.1em;
color:#fff;
text-decoration:none;
line-height:1.1;
border:1px solid #179EBB;
}
a.pdf:hover {
border-color:#fff
}
a.pdf small {
display:block;
margin-top:1em;
}


/*** data ***/
#data.narrow {
margin-left:190px;
margin-top:35px;
}
#data h3, #data dl dt {
margin:0;
font-family: georgia;
font-weight:normal;
font-size:1.8em;
letter-spacing:-.05em;
color: #f90
}
#data dl {
margin-left:30px;
}
#data dl dt a {
color: #1386A9;
text-decoration:none
}
#data dl dt a:hover {
background-color:#1386A9;
color:#fff
}

/*** footer ***/
#footer {
margin-left:190px;
margin-top:30px;
clear:both;
background:transparent url(../_img/logo.coepa.gif) no-repeat 0 10px;
font-size:.8em;
color: #C57A00;
padding:10px 0 20px 223px;
border-top:1px solid #FEBD26;
position:relative
}
#footer.wide {
margin-left:0
}
#footer h2 {
position:absolute;
left:0;
top:10px;
width:213px;
height:79px;
}
* html #footer h2 {
left:-223px;
}
#footer h2 a {
display:block;
width:100%;
height:100%;
text-indent:-1000em
}
#footer h2 a:hover {
background-color:transparent
}
#footer a {
color:#0A6F89
}
#footer a:hover {
background-color:#0A6F89;
color:#fff
}
#footer a#webmap {
padding-left:20px;
line-height:2em;
background:transparent url(../_img/bkg.webmap.gif) no-repeat 0 50%;
}
#footer a#contact {
padding-left:20px;
line-height:2em;
background:transparent url(../_img/bkg.contact.gif) no-repeat 0 50%;
}
#footer a#webmap:hover, #footer a#contact:hover {
color:#000
}

#container h1 { 
	position:absolute; 
	top:0; 
	left:20px;
	z-index:100
}
#container h1 a {
	display:block; 
	width:381px; 
	height:40px;
	text-indent:-1000em;
}

/*** extras ***/
#diagrama p {
	font-size: 0.8em;
	line-height: 1.5em;
	margin: 10px 0px;
	padding: 0px;
}
#diagrama .title {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #FF9900;
	font-weight: normal;
	font-size: 1.3em;
	letter-spacing: -1px;
	margin: 0px;
	padding: 0px;
}

/*.nota {
	background-image: url(../_img/general/bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	margin: 25px 0px;
	padding: 0px;
}
.nota p {
	font-size: 0.7em;
	line-height: 1.5em;
	margin: 0px;
	padding: 10px 10px 20px 84px;
	color: #999;
	background-repeat: no-repeat;
	background-position: 2px 6px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(../_img/parrafos/apps-trans.png);
}
#nota p:hover {
	color: #666;
}*/
.nota {
	background: transparent url(../_img/parrafos/bkg.nota.png) no-repeat 0 0;
	margin: 25px 0px;
	font-size: 0.9em;
	line-height: 1.5em;
	padding: 10px 10px 20px 84px;
	color: #999;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.nota:hover {
	color: #666;
}
#tabla {
	margin-top: 20px;
	margin-bottom: 20px;
}
table.coepa {
	border: 1px solid #179EBB;
	width: 100%;
	margin: 20px auto;
}
                
table.coepa caption {
	color: #1989AB;
	text-align: center;
	margin: 10px auto;
	font-size: 1.2em;
	line-height: 1.4em;
	font-weight: bold;
	padding: 0px;
}

table.coepa tbody tr.principal th {
	color: #F9F4E6;
	background: #179EBB;
	text-align: left;
	padding: 5px;
	border: 0;
	font-size: 1em;
	line-height: 1.4em;
	font-weight: bold;
}
                        
table.coepa tbody tr.etapas th {
	color: #1989AB;
	background: #F4E6C9 url(../_img/general/bg1.jpg) repeat-x left bottom;
	text-align: left;
	padding: 5px;
	border-top: 1px solid #1989AB;
	font-size: 1em;
	line-height: 1.4em;
	font-weight: bold;
}
                        
table.coepa tbody th {
	color: #333;
	background: #F9F3E4;
	text-align: left;
	padding: 5px;
	border-top: 1px solid #DDD;
	font-size: .9em;
	line-height: 1.5em;
	font-weight: bold;
}

                        
table.coepa tbody td {
	color: #666;
	background: #fff;
	text-align: left;
	padding: 5px;
	border-top: 1px solid #DDD;
	font-size: 0.9em;
	line-height: 1.4em;
}
