html, body { margin:0; padding:0; }
body { font-family:Arial, Verdana, Tahoma; color:#444444; /*background:url('../media/images/generic/body_bg.gif') repeat top;*/ }
table, tr, td { margin:0; padding:0; border:none; }
table {	border-collapse:collapse; width:100%; }
img { border:0; }
h1, h2, h3, h4, h5, p { margin:0; padding:0; }
ul, li { margin:0; padding:0; }
ul { list-style-type:none }
a { color:#000000; text-decoration:underline; outline:none; outline:0; }
a:hover { color:#F50000; }
a.leermas { margin-left:5px }
.left { float:left }
.right { float:right }
.tuppercase { text-transform:uppercase }
.ajustify { text-align:justify }
.clearsep { clear:both; height:8px; background:#FFFFFF; font-size:1px; }

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility: hidden; }
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#wrapper { width:790px; font-size:11px; margin:0 auto; background:#FFFFFF; }
#container { width:774px; margin:0 auto; }

/* header */
#header { /*position:relative;*/ height:120px; overflow:hidden; background:url('../media/images/generic/header_bg.gif') no-repeat right top; }
#header div.inner { position:relative; }
#header img.logo, #header div.nav, #header h1.pais, #header div.topnav { position:absolute; }
#header img.logo { left:0; top:15px; }
#header div.nav { right:0; top:0; width:330px; height:21px; background:#F0EFE8 url('../media/images/generic/headernav_left.gif') no-repeat left bottom; }
#header div.nav ul { float:left; width:110px; margin:4px 10px 0 5px; border-right:1px solid #3C3B38 }
#header div.nav li { display:inline; margin:0 5px; line-height:13px; }
#header div.nav li img { vertical-align:middle }
#header div.nav span { float:left; font-weight:bold; color:#3C3B38; margin-top:4px; line-height:13px; }
#header div.nav div { float:right; width:90px; font:normal 9px arial; color:#3C3B38; text-align:right; margin:4px 10px 0 10px; border-left:1px solid #3C3B38; line-height:13px; }
#header div.nav a { color:#3C3B38; text-decoration:none }
#header div.nav a:hover { color:#FF0000; text-decoration:none }
#header h1.pais { right:0; top:36px; font:bold 24px Arial; color:#000000; line-height:1em }
#header div.topnav { left:0; top:80px; width:100%; height:31px; overflow:hidden; background:url('../media/images/generic/backgrounds.gif') repeat-x 0px -4px; }
#header div.topnav li { float:left; line-height:32px; font:bold 11px verdana; }
#header div.topnav li a { display:inline; padding:10px 16px; line-height:32px; border-left:1px solid #6A6A6A; border-right:1px solid #000000; color:#EDEDED; text-decoration:none; background:#000000 }
#header div.topnav li a:hover { background:transparent; }
#header div.topnav li a.active, #header div.topnav li a.active:hover { color:#FFFFFF; border-left:1px solid #FA3535; border-right:1px solid #D40000; background:url('../media/images/generic/backgrounds.gif') repeat-x 0px -44px; }
#header div.topnav li a.first, #header div.topnav li a.first:hover { border-left:1px solid transparent }
#header div.topnav li a.last, #header div.topnav li a.last:hover { border-right:1px solid transparent }

.topnav table#topmenu td { background:black; font:bold 11px Verdana; text-align:center; border-right:1px solid #666666; }
.topnav table#topmenu td.last { border-right:0px none; }
.topnav table#topmenu td:hover { background:url('../media/images/generic/backgrounds.gif') repeat-x 0px -4px; cursor:pointer }
.topnav table#topmenu td.active { background:url('../media/images/generic/backgrounds.gif') repeat-x 0px -44px; }
.topnav table#topmenu td.active:hover { cursor:default }
.topnav table#topmenu a { color:#FFFFFF; text-decoration:none; display:block; line-height:31px }

/* content */
#content { /*position:relative;*/ background:url('../media/images/generic/content_bg.gif') repeat-y 0px 0px; }
#content div#colleft { width:165px; background:#F2F1E8; }
#content div#colright { width:600px; }

/* left column */
#colleft div.searchwrap { background:#FFFFFF; padding-bottom:5px; }
#colleft div.search { height:40px; border:1px solid #AAAAAA; background:#F7F7F7 url('../media/images/generic/backgrounds.gif') repeat-x 0px -80px; padding:6px; }
div.search p { font:normal 11px Arial; color:#666666; margin:0 0 4px 0; padding:0; }
.fieldbox { float:left; width:128px; font:normal 11px Arial; color:#444444; border:1px solid #AAAAAA; margin-right:0px; }
.btnsearch { float:left; width:17px; height:18px; border:none; }
.search br { clear:left; display:block; }

/* menu red */
#colleft div.menured { border:1px solid #f50000; border-bottom:0px none; }
#colleft div.menured h2 { font:bold 11px arial; line-height:22px; padding:0 5px; background:#FFFFFF }
#colleft div.menured ul { background:#FF0000 url('../media/images/generic/backgrounds.gif') repeat-x 0px -150px; }
#colleft div.menured li { line-height:23px; font:normal 11px arial; text-transform:uppercase; }
#colleft div.menured li a { display:block; line-height:21px; padding:0 7px; background:url('../media/images/generic/bullet_arrow1.gif') no-repeat 146px 5px; border-top:1px solid #FA3535; border-bottom:1px solid #B50000; color:#FFFFFF; text-decoration:none }
#colleft div.menured li a.first { border-top:1px solid #f50000; }
#colleft div.menured li a.last { border-bottom:1px solid #f50000; }

/* menu prinicipal */
#colleft div.menulat ul { background:#F2F1E8; }
#colleft div.menulat li { line-height:23px; font:bold 11px verdana; display:inline }
#colleft div.menulat li a { display:block; line-height:21px; padding:0 7px; background:#DDDBC8; border-top:1px solid #f2f1e8; border-bottom:1px solid #9c9a87; color:#3c3b38; text-decoration:none }
#colleft div.menulat li a:hover, #colleft div.menulat li a.active { background:#aca68b; color:#FFFFFF; border-top:1px solid #dddbc8; }
#colleft div.menulat ul ul { margin:2px 0; }
#colleft div.menulat li li { line-height:21px; font:normal 11px verdana; }
#colleft div.menulat li li a, #colleft div.menulat li li a:hover, #colleft div.menulat li li a.active { display:block; line-height:17px; padding:0 7px 0 21px; background:url('../media/images/generic/bullet_arrow2gray.gif') no-repeat 7px 3px; border:0px none; color:#3c3b38; text-decoration:none }
#colleft div.menulat li li a:hover, #colleft div.menulat li li a.active { line-height:17px; color:#F50000 }
#colleft div.menulat ul ul ul { margin:0 0 2px 0; }
#colleft div.menulat li li li { line-height:15px; font:normal 11px verdana; }
#colleft div.menulat li li li a, #colleft div.menulat li li li a:hover, #colleft div.menulat li li li a.active { display:block; line-height:15px; padding:0 7px 0 27px; background:url('../media/images/generic/bullet_arrow3gray.gif') no-repeat 21px 6px; border:0px none; color:#3c3b38; text-decoration:none }
#colleft div.menulat li li li a:hover, #colleft div.menulat li li li a.active { color:#F50000 }

/* banner */
#colleft div.banners { background:#F2F1E8; padding:10px 0 180px 10px; }
#colleft div.banners a { display:block; margin:0; padding:0; }
#colleft div.banners img { display:block; margin:0 0 10px 0; }

/* Right Column*/
#colright div.banner { margin-bottom:8px; }
#colright div.banner img { width:600px; border:0px none; }
#colright div.boxesleft { width:370px; }
#colright div.boxesright { width:215px; }
#colright div.box { margin-bottom:8px; }
#colright div.boxlast { margin-bottom:0px; }
#colright div.heading1, #colright div.heading2 { background-color:#aca68b; background-repeat:no-repeat; background-position:left top }
#colright div.heading1 h3, #colright div.heading2 h3 { font:bold 11px arial; color:#FFFFFF; line-height:21px; padding:0 7px; margin-bottom:1px; background-repeat:no-repeat; background-position:right top; }
#colright div.heading1 { background-image:url('../media/images/generic/heading1_left.gif');  } 
#colright div.heading1 h3 { background-image:url('../media/images/generic/heading1_right.gif'); }
#colright div.heading2 { background-image:url('../media/images/generic/heading2_left.gif');  } 
#colright div.heading2 h3 { background-image:url('../media/images/generic/heading2_right.gif');}
#colright div.heading2 h3 span.noticias { background:url('../media/images/generic/ico_news.gif') no-repeat left top; padding-left:17px; }
#colright div.boxcontent1 { background:#FFFFFF; padding:8px 0 0 0 }
#colright div.boxcontent2 { background:#F2F1E8; padding:12px }
#colright div.publicacionlast, #colright div.evento { margin-bottom:0px }
#colright div.pubfoto { width:91px }
#colright div.pubfoto img { width:91px; display:block }
#colright div.pubtxt { width:263px; font:normal 11px arial; }
#colright div.pubtxt h4 { font:bold 11px arial; margin-bottom:2px  }
#colright div.pubtxt h4 a { padding:0 0 0 15px; background:url('../media/images/generic/bullet_arrow2black.png') no-repeat 0px 2px; }
#colright div.pubtxt h4 a:hover { background:url('../media/images/generic/bullet_arrow2red.png') no-repeat 0px 2px; }
#colright div.separator8 { clear:both; height:8px; font-size:1px; }
#colright div.separator16 { clear:both; height:16px; font-size:1px; }
#colright div.noticia p.fecha { color:#999999 }
#colright div.pubtxt h4 a, #colright div.noticia a { font-weight:bold; color:#000000; text-decoration:underline; }
#colright div.pubtxt h4 a:hover, #colright div.noticia a:hover { color:#F50000; }
#colright div.evento span.titular { font-weight:bold; margin-right:5px; }

/* 2009 portada */
.boxcontent1 h4, .boxcontent2 h4 { font:bold 12px arial; margin-bottom:10px }
.boxcontent1 h4 a { padding:0 0 0 15px; background:url('../media/images/generic/bullet_arrow2black.png') no-repeat 0px 2px; }
.boxcontent1 p.date { color:#999999; }
.boxcontent1 .items { padding-bottom:10px; }
.boxcontent1 .items img { float:left; width:70px; height:70px; margin:2px 10px 2px 0; display:block; }
.boxcontent1 .clearfloat:after { display:block; visibility:hidden; clear:left; height:0; content:"."; }
.boxcontent1 .clearfloat { display:inline-block }
.boxcontent1 .clearfloat { display:block }

.boxcontent1 .itemdesc { float:left; }
.boxcontent1 .vertodos { text-align:right; padding:5px 0; border-top:1px dotted #ACA68B; }
.boxcontent1 .vertodos1 { text-align:right; padding:5px 0; margin-top:8px; border-top:1px dotted #ACA68B; }
.boxcontent1 .vertodos a, .boxcontent1 .vertodos1 a { padding-right:17px; background:url('../media/images/generic/bullet_seeall-blk.gif') no-repeat right center; }
.boxcontent1 .vertodos a:hover, .boxcontent1 .vertodos1 a:hover { background:url('../media/images/generic/bullet_seeall-red.gif') no-repeat right center; }

#campanas h4 a, #publicaciones h4 a, #unoticia h4 a, #ueventos h4 a { padding:0 0 0 0px; background-image:none; font-size:11px; }
#derechos .fototitle { background:#000000; padding:5px; text-align:center;  }
#derechos .items { background:#F2F1E8; padding:10px }
#derechos .items a { color:#FFFFFF; text-decoration:none; }
#derechos .items a:hover { color:#F50000; }

a.seeall { float:right; line-height:21px; margin-right:5px; padding-right:17px; background:url('../media/images/generic/bullet_seeall-blk.gif') no-repeat right center; font-size:10px; color:#41372E; text-decoration:none; }
a.seeall:hover { color:#000; text-decoration:underline; }
/**/

#colright div.detalle { }
#colright div.detalle p { margin-bottom:14px; text-align:justify; color:#000000 }
#colright div.detalle h4 { font:bold 18px Arial; color:#FF0000; }
#colright div.detallefotow { width:200px; background:#F2F1E8; font:normal 10px arial; color:#000000; font-style:italic; margin:0 0 15px 15px }
#colright div.detallefotow img { width:180px; display:block; margin:10px auto; }
#colright div.detallefotow .legend { width:180px; margin:0 auto; margin-bottom:10px }
#colright div.detallefotow .source { }

#colright div.navpath { font:normal 10px arial; color:#555555; line-height:21px; border-bottom:1px dotted #EBEBEB; margin-bottom:5px; padding-left:14px; background-color:#aca68b; background:url('../media/images/generic/breadcrumb_arrow.gif') no-repeat 2px center; }
#colright div.navpath a { text-transform:capitalize; color:#555555; text-decoration:underline }
#colright div.navpath a:hover { color:#FF0000; }
#colright div.navpath span.active { font-weight:bold; }

#colright div.detalletpl { }
#colright div.detalletpl p { margin-bottom:14px; text-align:justify; color:#000000 }
#colright div.detalletpl h3 { font:bold 18px Arial; color:#FF0000; margin-bottom:14px; }
#colright div.detalletpl ul { margin-bottom:14px; }
#colright div.detalletpl ul li { color:#000000; padding:0 0 0 10px; background:url('../media/images/generic/bullet_arrow3red.gif') no-repeat 0px 5px; }

#colright div.detalletpl div.fototpl1 { float:right; width:180px; background:#F2F1E8; margin:0 0 10px 10px; }
#colright div.detalletpl div.fototpl1 img { width:160px; margin:10px; display:block }
#colright div.detalletpl div.fototpl1 p { font:normal 10px arial; color:#000000; font-style:italic; text-align:left; margin:0 10px 10px 10px; }
#colright div.detalletpl div.fototpl1 span { font-weight:bold }

#colright div.detalletpl div.fototpl2 { float:left; width:180px; background:#F2F1E8; margin:0 10px 10px 0; }
#colright div.detalletpl div.fototpl2 img { width:160px; margin:10px; display:block }
#colright div.detalletpl div.fototpl2 p { font:normal 10px arial; color:#000000; font-style:italic; text-align:left; margin:0 10px 10px 10px; }
#colright div.detalletpl div.fototpl2 span { font-weight:bold }

/*
#colright div.detalletpl div.fototpl3 { background:#F2F1E8; margin:0 0 10px 0; }
#colright div.detalletpl div.fototpl3 img { float:left; width:160px; margin:10px 10px 0 10px; display:inline }
#colright div.detalletpl div.fototpl3 p { float:left; font:normal 10px arial; color:#000000; font-style:italic; text-align:left; margin:10px 10px 0 0; }
#colright div.detalletpl div.fototpl3 span { font-weight:bold }
#colright div.detalletpl div.fototpl3 .sep10 { clear:left; height:10px; font-size:1px; line-height:10px; margin:0; }
*/
#colright div.detalletpl div.fototpl3 { padding:10px 10px 0 10px }
#colright div.detalletpl div.fototpl3 img.foto3 { float:left; width:160px; margin-right:10px; }
#colright div.detalletpl div.fototpl3 span.title { font-weight:bold }
#colright div.detalletpl div.fototpl3 p.legend3 { font:normal 10px arial; color:#000000; font-style:italic; text-align:left }
#colright div.detalletpl div.fototpl3 div.sep10 { clear:left; height:10px; font-size:1px; line-height:10px }

/* Footer */
#footer { /*position:relative;*/ padding-bottom:8px; }
#footer div.contactos { background:#e2e2e2 url('../media/images/generic/footer_left.gif') no-repeat left top; margin-bottom:9px; }
#footer div.contactos div { height:24px; overflow:hidden; background:url('../media/images/generic/footer_right.gif') no-repeat right top;}
#footer div.contactos div div { width:760px; margin:0 auto; font:normal 11px arial; color:#555555; line-height:24px; background:none;  }
#footer div.contactos span { float:left; margin-right:25px; }
#footer div.batches img { display:inline; margin-right:8px; border:0px none; }
#footer div.batches div { width:500px; text-align:right; color:#000000 }
#footer div.contactos span.emailof { float:right; margin-right:0; }
#footer a.emailof { color:#555555; text-decoration:none; }
#footer a.emailof:hover { color:#CC0000; }

/* Contact Form */
div#contactform label { float:left; width:100px; display:inline }
div#contactform input, div#contactform select, div#contactform textarea { width:250px; font-size:11px; margin-bottom:5px; }
div#contactform select { width:auto; }
div#contactform br { clear:left }
div#contactform input.btn1 { width:auto; margin-left:100px; margin-right:5px }
div#contactform input.btn2 { width:auto; }

/* Paginacion */
ul#paginacion { float:right; margin:0; padding:0; list-style-type:none; text-align:center }
ul#paginacion li { margin:0; padding:0; display:inline; font-size:11px }
ul#paginacion li.active { float:left; font-weight:bold; color:#FF0000; padding:0 4px; }
ul#paginacion li a { float:left; display:block; color:#FFFFFF; text-decoration:none; margin-right:1px; padding:0 4px; }
ul#paginacion li.ant a { border-left:0px none }
ul#paginacion li.sig a { padding-right:0 }
ul#paginacion li a:hover { text-decoration:underline }
ul#paginacion:after { clear:right }
