* {  margin:0; padding:0; border:0; }
body { background:#FF0000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333333; }
table { border-collapse:collapse; }
p { line-height:125%; }
a { text-decoration:none; }
a:focus { outline:none; }

#wrapper { width:985px; margin:0 auto; }

/*********************************************
 ****************** HEADER *******************
 *********************************************/
#header { height:281px; }

/* header - enlaces directos */
#links { height:33px; }
#links ul { list-style-type:none;  }
#links ul li { display:inline; font:bold 12px Arial; line-height:33px; margin-right:15px; }
#links ul li a { display:inline; color:#FFFFFF; }
#links ul li a:hover { text-decoration:underline; }

/* header - logo */
#head-logo { height:209px; }
#head { float:left; width:440px; height:209px; }
#logo { float:right; width:543px; height:209px; display:block; }

/* header - menu principal */
#topnav { clear:both; height:39px; }
#topnav ul { list-style-type:none; }
#topnav li { display:inline; }
#topnav a { float:left; margin-right:5px; padding:0 0 0 9px; }
#topnav a.last { margin-right:0px; }
#topnav a span { float:left; display:block; padding:11px 17px 11px 8px; font:bold 14px rockwell; color:#FFFFFF; line-height:17px; /*letter-spacing:-0.5pt;*/ }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#topnav a span { float:none; }
/* End IE5-Mac hack */
#topnav a:hover{ background:url('../img/mainnav-lft.gif') no-repeat 0% -50px; }
#topnav a:hover span{ background:url('../img/mainnav-rgt.gif') no-repeat 100% -50px; }
#topnav a.active, #topnav a.active:hover { background:url('../img/mainnav-lft.gif') no-repeat left top; }
#topnav a.active span, #topnav a.active:hover span { background:url('../img/mainnav-rgt.gif') no-repeat right top; color:#333333; }

/* breadcrumb */
#breadcrumb { background:#FFFFFF; padding:15px 15px 0px 15px; }
#breadcrumb span { font-weight:bold; }
#breadcrumb span.active { color:#FF0000; }

/*********************************************
 ****************** CONTENT ******************
 *********************************************/
#content { background:#FFFFFF url('../img/content-corner-lft.gif') no-repeat left bottom; }
#content .inner { background:url('../img/content-corner-rgt.gif') no-repeat right bottom; padding:15px; }
#main td { vertical-align:top; }
#main .col1, #main .col3 { width:205px; background:#DDDDDD; padding-bottom:10px; }
#main .col2 { width:515px; background:#F2F2F2; }
#main .colsep { width:15px; }
#main .colinn { padding:0 10px; }


/************** PAGINA PORTADA ****************/

/* inicio - noticias */
.news { display:block; }
.news img { float:left; width:410px; height:175px; margin-right:15px; }
.news h3 { font-size:18px; margin-bottom:5px; }
.news p.link { font-weight:bold; margin-bottom:0px; }
.news a { color:#FF0000; }
.news a:hover { text-decoration:underline; }
.news .sep { clear:left; height:0px; display:block; line-height:0px; }

/* inicio - paneles */
#panels { width:985px; height:355px; overflow:hidden; margin-top:15px; }
.panel { float:left; width:155px; height:355px; margin-right:11px; background:#FFFFFF; display:inline; }
.panel-last { margin-right:0px; }
.panel .imgwrap { width:155px; height:155px; background:#333333; display:block; }
.panel .content { padding:10px; }
.panel .content p { line-height:normal; }
.panel .content a { color:#000000; text-decoration:none; }
.panel .content a:hover { color:#FF0000; }

/************** PAGINAS INTERNAS ****************/

/* contenido - noticia detalle */
#new img { float:left; width:410px; height:175px; margin:0 15px 15px 0; }
#new h3 { font-size:18px; margin-bottom:5px; color:#FF0000; }
#new p { margin-bottom:15px; font-family:Verdana, Arial, Helvetica, sans-serif !important; font-size:12px !important; text-align:justify !important; }
#new p.link { font-weight:bold; margin-bottom:0px; }
#new ul, #new ol { margin-bottom:15px; }
#new li { margin-bottom:15px; }
#new a { color:#FF0000; }
#new a:hover { text-decoration:underline; }
#new .sep { clear:left; height:0px; display:block; line-height:0px; }

/* contenido - bloque menus */
.block { background:#FFFFFF; margin-top:10px; }
.block h3 { background:#018BD3; padding:8px 10px; font:bold 12px Verdana; color:#FFFFFF; }
.block h4 { background:#FFB400; padding:8px 10px; font:bold 12px Verdana; color:#FFFFFF; }
.block .content { padding:20px 10px; }
/* menu */
.block ul.menu { list-style-type:none; }
.block ul.menu li { display:block; padding:1px 0 1px 8px; background:url('../img/bullet-arrow-red.gif') no-repeat left 6px; font-size:11px; }
.block ul.menu a { color:#333333; }
.block ul.menu a:hover { color:#FF0000; }
.block ul.menu a.active { color:#FF0000; font-weight:bold; }
/* submenu */
.block ul.submenu { list-style-type:none; margin:0 0 0 2px; }
.block ul.submenu li { display:block; padding:1px 0 1px 8px; background:url('../img/bullet-submenu-red.gif') no-repeat left 6px; font-size:11px; }
.block ul.submenu a { color:#333333; }
.block ul.submenu a:hover { color:#FF0000; }
.block ul.submenu a.active { color:#FF0000; font-weight:normal; }

/* contenido - bloque ideas */
#ideas { background:#FF0000; }
#ideas h3 { background:url('../img/idearojo.jpg') no-repeat 5px center; padding-left:50px; }
#ideas .content { padding:2px 10px 10px 10px; color:#FFFFFF; }
#ideas .content p { font-style:italic; }
#ideas a { color:#ffffff; }
#ideas a:hover { color:#ffffff; text-decoration:underline;}

/* contenido - popup idea */
#idea { margin:5px; padding:15px; color:#FFFFFF; width:500px; height:450px; overflow:auto; }

#idea h3 { font-size:18px; margin-bottom:15px; }
#idea h3 span { margin:0 3px; }
#idea img { float:left; width:200px; margin:0 15px 15px 0; }
#idea p { margin-bottom:15px; font-family:Verdana, Arial, Helvetica, sans-serif !important; font-size:12px !important; text-align:justify !important; }
#idea a { color:#FFFFFF; }
#idea a:hover { text-decoration:underline; }

/* contenido - bloque galeria */
#galeria div.content { padding:0 10px 10px 10px; }
#galeria img { display:block; width:165px; margin-top:10px; }
/* popup - ver imagen */
#galimg h3 { background:#666666; padding:8px 10px; font:bold 12px Verdana; color:#FFFFFF; }
#galimg h3 span { margin:0 3px; }
#galimg img { width:100%; }

/* contenido - plantilla */
.title { background-color:#FF0000; margin-top:0px; color:#FFFFFF;  padding:12px 10px; }
.section0,.section1, .section2, .section3, .section4, .section5, .section6 { background-repeat:no-repeat; background-position:98% center; padding:12px 50px 12px 10px; }
.section1 { background-image:url('../upload/seccion/seccion_1-icono.gif'); }
.section2 { background-image:url('../upload/seccion/seccion_2-icono.gif'); }
.section3 { background-image:url('../upload/seccion/seccion_3-icono.gif'); }
.section4 { background-image:url('../upload/seccion/seccion_4-icono.gif'); }
.section5 { background-image:url('../upload/seccion/seccion_5-icono.gif'); }
.section6 { background-image:url('../upload/seccion/seccion_6-icono.gif'); }
.title h3 { padding-left:20px; font-size:15px; }
.title h4 { padding-left:50px; font-size:12px; }
.title span.corchete { font-size:16px; margin:0 3px; }
.detail img { display:block; }
.detail .foto, .detail .fotoder { width:200px; }
.detail .fotoizq { float:left; margin:3px 15px 15px 0; } /* foto izquierda */
.detail .fotoder { float:right; margin:3px 0 15px 15px; } /* foto derecha */
.detail .content { padding:15px; }
.detail .content p { margin-bottom:15px; font-family:Verdana, Arial, Helvetica, sans-serif !important; font-size:12px !important; text-align:justify !important; }
.detail .content ul, .detail .content ol { margin-bottom:15px; }
.detail .content li { margin-bottom:15px; }
.detail .content a { color:#000000; }
.detail .content a:hover { text-decoration:underline; }
.detail .resources { clear:both; }
.detail .resources p { margin-bottom:0px; }
.detail .resources a { color:#FF0000; }
.detail .resources a:hover { text-decoration:underline; }

/* plantilla - listadoseccion */
#guia .icono { float:left; margin-right:15px; }
#guia p { padding-top:10px; }
#guia br { clear:left; }

/* contenido - contactenos */
#contactdata { float:left; width:410px; }
#contactdata img { display:block; width:410px; height:175px; margin-bottom:15px; }
#contactdata ul { list-style-type:none; }
#contactdata li { display:block; line-height:125%; background-position:left 5px; background-repeat:no-repeat; }
#contactdata li.tit { font-weight:bold; }
#contactdata li.dir { background-image:url('../img/contacto-icon-dir.gif'); }
#contactdata li.tel { background-image:url('../img/contacto-icon-tel.gif'); }
#contactdata li.fax { background-image:url('../img/contacto-icon-fax.gif'); }
#contactdata li.email { background-image:url('../img/contacto-icon-email.gif'); }
#contactdata a { color:#FF0000; }
#contactdata a:hover { text-decoration:underline; }
#contactform { float:right; width:530px; }
#contactform h3 { font-size:18px; margin-bottom:5px; color:#FF0000; }
#contactform p { margin-bottom:15px; }
#contactform label { float:left; width:130px; line-height:21px; padding-left:15px; }
#contactform input, #contactform textarea { float:left; width:350px; font:normal 12px Verdana; color:#333333; border:1px solid #FF0000; background:#F2F2F2; padding:3px; margin-bottom:10px;  }
#contactform textarea { height:10em; overflow:auto; }
#contactform input.btn { width:auto; margin-right:5px; background:#333333; color:#FFFFFF; }
#contactform input.btn-reset { margin-left:145px; }
#contactform br { clear:left; }
#contact .sep { clear:both; height:0px; display:block; line-height:0px; }

/*********************************************
 ****************** FOOTER *******************
 *********************************************/
#footer { clear:left; }

/* footer - menu secundario */
#botnav { padding:15px 0 30px 0; }
#botnav ul { list-style-type:none; margin:0 auto; text-align:center; }
#botnav li { display:inline; padding:0 50px; font:bold 14px bold; line-height:17px; border-right:1px solid #FFFFFF; }
#botnav li.last { border-right:none; }
#botnav li a { color:#FFFFFF; }
#botnav li a:hover { text-decoration:underline; }