/* Some resets */
div, img, a { margin: 0; padding: 0; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }
img { border: none; }

.enlacesRelacionados 
{
bottom: auto;
color: #555555;
font-family: Arial,Helvetica,sans-serif;
font-size: 12px;
font-style: normal;
font-variant: normal;
font-weight: normal;
left: auto;
line-height: normal;
margin-bottom: 5px;
margin-top: 0px;
padding-top: 0px;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 10px;
right: auto;
text-align: left;
text-transform: none;
top: auto;
vertical-align: top;
border-bottom-color: #ede8e5;
border-bottom-style: solid;
border-bottom-width: thin;
}
.epigNot2 
{
color: #666666;
font-family: Arial,Helvetica,sans-serif;
font-size: 11px;
font-weight: bold;
left: auto;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
right: auto;
text-align: left;
vertical-align: top;
margin-top: 5px;
margin-bottom: 5px;
}

/* Euroclima */
body { background-color: #EFEFEF; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #555; }
#content h1, #about h2, #featured h2 { padding-bottom: 5px; border-bottom: solid 2px #E6B64A; font-size: 18px; _margin-top: 10px; line-height: normal; color: #555; }
#content h1 { margin-bottom: 20px; }
#content h2 { margin-top: 30px; border: none; text-align: center; font-size: 16px; color: #333; } /* Common selectors need high specificity to override other stylesheets */
p, li { text-align: justify; }
.footnote-ref { vertical-align: super; font-size: 80%; }
.footnote { border-top: 1px solid #555; padding-top: 5px; font-size: 80%; }

.linkbar, a, a:hover, a:active { color: #A72531; }
.right { text-align: right; }
#container { width: 970px; margin: 0 auto; }
#toplinks { margin-bottom: 5px; text-align: right; }
#headerimg { display: block; }
#main { width: 100%; overflow: hidden; padding-bottom: 10px; background-color: white; }
#menubar { width: 100%; height: 25px; margin-bottom: 10px; background-color: #A72531; }
#menubar a { display: block; padding: 0 32px; line-height: 25px; background-color: #A72531; color: white; } /* padding: 0 36px; with additional menu option */
/* #menubar li:last-child a { padding: 0 28px; } 20111209 blee: FF 6/8 has extra space at end of menubar, but can't use this fix w/out breaking FF 3.6/4 */
#menubar a:hover { background-color: #DD6470; text-decoration: none; }

/* Dropdown menu */
/* LEVEL ONE */
#menubar ul { margin: 0; padding: 0; width: 970px; position: relative; list-style: none; }
#menubar ul li { margin: 0; padding: 0; float: left; zoom: 1; }
#menubar ul li a { display: block; }
/* #menubar ul li:last-child a { border-right: none; }  Doesn't work in IE */
#menubar ul li.hover, #menubar ul li:hover { position: relative; }
/* LEVEL TWO */
#menubar ul ul { visibility: hidden; position: absolute; top: 100%; left: 0; }
#menubar ul#antecedentes { width: 180px;  }
#menubar ul#capacitacion { width: 80px; }
#menubar ul ul li { font-weight: normal; float: none; *display: inline;
*width: 90%;
}
#menubar ul ul li a { padding: 0 15px; }
/* Tablas */
#tabla{
	width: 98%;
	text-align: left;
	padding-left: 10px;
	padding: 0px;
}
#tabla td {
	border-bottom: 1px solid #EDE8E5;
	padding-bottom: 3px;
	padding-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
/* IE 6 & 7 Needs Inline Block */
#menubar ul ul li a { border-right: none; width: 90%; display: inline-block; }
#sidebar { float: left; margin-left: 15px; }
#about { width: 310px; text-align: justify; float:left }
#about ul { padding-left: 20px; }
#featured { width: 350px; padding: 0 10px; float:right }
.news-item { width: 100%; margin-top: 20px; overflow: hidden; }
.news-item img, .news-item .text { float: left; }
.news-item .text { width: 250px; margin-left: 10px; }
.news-item h3 { font-size: 12px; margin-top: 0; }
.news-item p { margin-top: 8px; }
#sidebar { width: 136px; margin-bottom: 15px; }
#sidebar img { display: block; margin-top: 10px; }
#social-media-links img { margin-top: 6px; }
#sidebar ul { margin-bottom: 5px; }
#sidebar li { margin-top: 5px; text-align: center; }
.linkcol { border: 2px solid #48B243; padding: 5px 0; background-color: #BFE6BD; }
.linkcol ul { margin: 0; padding: 0; list-style: none; }
#footer p { text-align: center; }

/* Noticias */
h2#noticias-title { border: medium none; text-align: left; color: #4472B8; font-size: 13px; margin: 10px auto 10px 0; }
.bajada { margin-top: 5px; }
.photo { margin-bottom: 10px; text-align: center; }
.photo-inner { display: inline-block; _display: inline; zoom: 1; }
.credit { text-align: right; font-size: 90%; }

/* Internal pages */

/* Agrupador */
.product-list img { display: none; }

#content { float: left; width: 710px; padding: 0 35px; }
.blocky { display: block; margin: 0 auto; }


/* Sitemap */
.sitemap { margin-left: 40px; list-style: none; }
.sitemap ul { margin-left: 20px; list-style: none; } 
.sitemap li { margin-top: 10px; }
.sitemap > li > a { font-weight: bold; }

/* Centro de Prensa */
#destacados {
    margin: 20px auto auto;
}
#destacados div.item {
    clear: left;
    margin-top: 20px;
    overflow: auto;
}
#destacados div.thumb {
    float: left;
    margin-right: 10px;
}
#destacados div.desc {
    margin-left: 10px;
}
#destacados div.desc p {
    margin: 0 auto 5px;
}
/* Comunicados de Prensa */
.epigrafe2{

    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-style: normal;
    text-align: left;
}
.epigNot1 {
    bottom: auto;
    color: #666666;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: bold;
    left: auto;
    padding: 0 0px 10px;
    right: auto;
    text-align: left;
    top: auto;
    vertical-align: top;
}
.titNot1 {
    bottom: auto;
    color: #A72531;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: bold;
    left: auto;
    letter-spacing: -1px;
    right: auto;
    text-align: left;
    top: auto;
    vertical-align: top;
}
.contNot1 {
    bottom: auto;
    color: #666666;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    left: auto;
    letter-spacing: 0;
    line-height: normal;
    margin-top: 10px;
    right: auto;
    text-align: left;
    text-transform: none;
    top: auto;
    vertical-align: top;
}
.celdatd {
    padding: 0px;
	background-image: url(5x5.gif);
}


