@import "reset.css";

body {font-family:Arial,serif;font-size:12px;line-height:14px;}

/*** Generals ***/

a, a:hover, a:visited {color:#000;text-decoration:none;}
a:hover {text-decoration:none;}
.clear{clear:both;}
.hide{display:none;}

/*** Site ***/

#site {width:920px;margin:auto;}

/*** Header ***/

#header{width:920px;height:80px;margin:20px 0 70px;overflow:hidden;}

#navbar{margin:0;width:1920px;}
#navbar li {float:left;margin-right:50px;}
#navbar li a {display:block;width:85px;height:80px;}
#navbar li a span{display:none;}

#navbar li a.centro{background:url('/static/images/nav/centro.gif') 0 0 no-repeat;}
#navbar li a.educacion{background:url('/static/images/nav/educacion.gif') 0 -80px no-repeat;}
#navbar li a.alimentacion{background:url('/static/images/nav/alimentacion.gif') 0 0 no-repeat;}
#navbar li a.salud{background:url('/static/images/nav/salud.gif') 0 0 no-repeat;}
#navbar li a.ayuda{background:url('/static/images/nav/ayuda.gif') 0 0 no-repeat;}
#navbar li a.laboral{background:url('/static/images/nav/laboral.gif') 0 0 no-repeat;}
#navbar li a.voluntariado{background:url('/static/images/nav/voluntariado.gif') 0 0 no-repeat;}

#navbar li a.centro:hover{background:url('/static/images/nav/centro.gif') 0 -80px no-repeat;}
#navbar li a.educacion:hover{background:url('/static/images/nav/educacion.gif') 0 0px no-repeat;}
#navbar li a.alimentacion:hover{background:url('/static/images/nav/alimentacion.gif') 0 -80px no-repeat;}
#navbar li a.salud:hover{background:url('/static/images/nav/salud.gif') 0 -80px no-repeat;}
#navbar li a.ayuda:hover{background:url('/static/images/nav/ayuda.gif') 0 -80px no-repeat;}
#navbar li a.laboral:hover{background:url('/static/images/nav/laboral.gif') 0 -80px no-repeat;}
#navbar li a.voluntariado:hover{background:url('/static/images/nav/voluntariado.gif') 0 -80px no-repeat;}

#navbar li.active a.centro{background:url('/static/images/nav/centro.gif') 0 -160px no-repeat;}
#navbar li.active a.educacion{background:url('/static/images/nav/educacion.gif') 0 -160px no-repeat;}
#navbar li.active a.alimentacion{background:url('/static/images/nav/alimentacion.gif') 0 -160px no-repeat;}
#navbar li.active a.salud{background:url('/static/images/nav/salud.gif') 0 -160px no-repeat;}
#navbar li.active a.ayuda{background:url('/static/images/nav/ayuda.gif') 0 -160px no-repeat;}
#navbar li.active a.laboral{background:url('/static/images/nav/laboral.gif') 0 -160px no-repeat;}
#navbar li.active a.voluntariado{background:url('/static/images/nav/voluntariado.gif') 0 -160px no-repeat;}

/*** Content ***/

#homeContent{height:335px;margin:0 auto;border-bottom:solid 1px #0b78b8;}

.promoNotas .logo a{height:180px;display:block;margin-top:10px;}

.promoNotas{margin-left:70px;width:296px;height:335px;float:left;background:url('/static/images/fondos/logo.gif') no-repeat;}
.promoNotas .notaSecundaria {float:left;width:120px;margin-top:5px;margin-right:5px;padding:0 10px;}
.promoNotas .notaSecundaria .imagen {float:left;margin-right:10px;}
.promoNotas .notaSecundaria h2 {margin-bottom:10px;}
.promoNotas .notaSecundaria h2 a {font:bold 12px/15px Arial;color:#0b78b8;text-decoration:none;}
.promoNotas .notaSecundaria p {font:normal 13px/15px Arial;color:#737373;}
.promoNotas .notaSecundaria .more {margin:5px 0;text-align:right;display:block;}

.paging {float:right;height:25px;}
.paging span{float:left;display:block;height:15px;padding:5px 5px 10px;color:#ccc;font:normal 12px/19px Georgia;margin:0 0 0 5px;}
.paging a{float:left;display:block;height:15px;padding:5px 5px 10px;color:#0b78b8;font:normal 12px/19px Georgia;margin:0 0 0 5px;}

.linksBox{height:20px;padding:50px 0 0;clear:both;}
.linksBox a{padding:0 0 3px 5px;display:block;float:left;width:275px;background:url('/static/images/icons/pointer.gif') 100% 0 no-repeat;border-bottom:solid 1px #d7107f;color:#d7107f;margin:0 12px;font-family:georgia;}

/* Main Image */
.mainImage {overflow:hidden;float:left;width:433px;height:288px;background:url('/static/images/content/centro.jpg') no-repeat;margin-top:39px;}
.mainImage img{width:433px;}
.mainImage h1{margin:20px 20px 5px;}
.mainImage h1 a{color:#e7e0cd;font:bold 17px/19px arial;}
.mainImage p{margin:5px 20px 5px;color:#fff;}
.mainImage .more{margin:5px 20px 15px;}

.logoJM{float:left;margin-left:5px;margin-top:253px;}

/* FORMULARIO */

.formulario{width:240px;clear:both;margin:10px 0 0 100px;}
.formulario .desactivo {text-align:center;}
.formulario .desactivo a{display:block;}

.formulario .activo ul li{font:italic 13px/15px Trebuchet, Arial;color:#898989;padding:10px 0 5px;border-bottom:solid 1px #d7107f;}
.formulario .activo ul li.blue{text-align:center;color:#0099b9;border-bottom:solid 1px #0b78b8;}
.formulario .activo ul li a{text-align:center;color:#d7107f;display:block;}
.formulario .activo ul li.blue .cerrar{display:block;text-align:right;color:#0099b9;}

.formulario .activo ul li input{font:italic 13px/15px Trebuchet, Arial;color:#898989;border:0;background:none;}
.formulario .activo ul li textarea{width:240px;font:italic 13px/15px Trebuchet, Arial;color:#898989;border:0;background:#fce6f0;}
.formulario .activo ul li button{font:italic 13px/15px Trebuchet, Arial;color:#333;border:0;background:#f9cfe2;width:240px;text-align:right;cursor:pointer;}

/* Nota */

.categorySummary h2{font:bold 14px/20px Arial;color:#333;padding:5px 20px 5px;}
.notaContent .summary{margin:0 0 15px; font:normal 15px/17px "Trebuchet MS",Trebuchet,Arial;color:#a24b24;}
.notaContent .summary p{margin:0;}
.notaContent .content {font:normal 13px/16px Arial;color:#160001;margin:15px 15px;color:#737373;}
.notaContent .archivo{margin:15px 0 15px;padding:2px 20px;}
.notaContent img{margin:0 20px;width:620px;}
.notaContent .archivo a{font:bold 12px/19px Georgia,Arial;color:#999;display:block;}
.notaContent p{margin:10px 0;}
.notaContent ul{list-style-type:disc;list-style-position:inside;}

/* SIDEBAR */

.sideBar{width:247px;float:right;}
.sideBar .logo{text-align:center;}
.sideBar .formulario{margin:10px 0 0 5px;}
.sideBar .linksBox{padding:20px 0 0;height:auto;}
.sideBar .linksBox a{width:247px;float:none;margin:5px 0;}
.sideBar .logoJM{float:none;margin:10px 0;}

/* Acumulado */

#mainContent{width:666px;float:left;}

.breadcrumb{color:#c9c9c9;font-size:12px;}
.breadcrumb a{color:#666;font-size:12px;}

#site .bkg{border:solid 1px #fff;}

#site .centro .bkg{background:#95cff1 url('/static/images/fondos/centro.gif') repeat-y;}
#site .educacion .bkg{background:url('/static/images/fondos/educacion.gif') repeat-y;}
#site .alimentacion .bkg{background:url('/static/images/fondos/alimentacion.gif') repeat-y;}
#site .salud .bkg{background:url('/static/images/fondos/salud.gif') repeat-y;}
#site .ayuda .bkg{background:url('/static/images/fondos/ayuda.gif') repeat-y;}
#site .laboral .bkg{background:url('/static/images/fondos/laboral.gif') repeat-y;}
#site .voluntariado .bkg{background:url('/static/images/fondos/voluntariado.gif') repeat-y;}
#site .prensa .bkg{background:url('/static/images/fondos/prensa.gif') repeat-y;}
#site .contacto .bkg{background:url('/static/images/fondos/contacto.gif') repeat-y;}
#site .sumarte .bkg{background:url('/static/images/fondos/voluntariado.gif') repeat-y;}

#site .centro .color{color:#0099B9;border-color:#0099B9;}
#site .educacion .color{color:#00B6A8;border-color:#00B6A8;}
#site .alimentacion .color{color:#00AEEE;border-color:#00AEEE;}
#site .salud .color{color:#6560AA;border-color:#6560AA;}
#site .ayuda .color{color:#8C3E97;border-color:#8C3E97;}
#site .laboral .color{color:#C7188B;border-color:#C7188B;}
#site .voluntariado .color{color:#E90A8A;border-color:#E90A8A;}
#site .prensa .color{color:#d7107f;border-color:#d7107f;}
#site .contacto .color{color:#C7188B;border-color:#C7188B;}
#site .sumarte .color{color:#E90A8A;border-color:#E90A8A;}

.contentBox{border-bottom:solid 2px #008ca1;}
.contentBox h1{font:bold 15px/25px Georgia,Arial;color:#0099b9;text-align:right;}
.contentBox .bkgBorder{height:3px;margin:5px 0;}
.contentBox .categorySummary {padding:20px 0 10px;}
.contentBox .categorySummary .accordionCtn{padding:5px 20px 15px;font:normal 13px/19px Georgia,Arial;color:#2e2e2e;}
.contentBox .categorySummary h3 a{
	filter:alpha(opacity=40);
	-moz-opacity: 0.40;
	opacity: 0.40;
	margin-bottom:1px;padding:5px 0px 5px 20px;font:bold 13px/19px Georgia,Arial;color:#000;display:block;background:#fff;}

.contentBox .categoryGallery{margin-top:3px;height:155px;background:url('/static/images/fondos/educacion.gif') repeat-y;}

.acumulado{margin-top:3px;margin-bottom:5px;}
.acumulado li{background:#e6f1f8;padding:7px 15px;margin-bottom:1px;}
.acumulado li img{float:left;margin-right:10px;}
.acumulado li h2 a {font-family:Arial;font-size:13px;color:#0b78b8;text-decoration:none;}
.acumulado li .summary {margin:5px 0;font:normal 13px/15px Arial,serif;color:#737373;}
.acumulado li .summary p, .acumulado li .summary span, .acumulado li .summary strong {font:normal 13px/15px Arial,serif;color:#737373;margin:0;}
.acumulado li h2 {font-size:15px;}
.acumulado li p{font:normal 13px/15px Arial,serif;color:#737373;margin:0 0 5px;}
.acumulado li span{color:#999;font:bold 11px/14px arial;display:block;margin:5px 0;}

.thumbs{width:555px; margin:10px 0; float:left;}
.thumbs ul li img{width:175px;margin:0 0 0 10px;height:120px;}
.categoryGallery .paging{margin:90px 23px 0 0;}
.categoryGallery .paging a{color:#fff;font-weight:bold;font-family:arial;}


/* Catalogo */

.catalogoMain{width:557px;height:360px;float:left;margin:10px 0 12px;background:#e1d9c2;position:relative;}
.catalogoMain .imagen{margin:auto;width:557px;text-align:center;}
.catalogoMain .detalles{text-align:left;width:143px;position:absolute;bottom:15px;left:15px;}
.catalogoMain .detalles .more img{margin:0 0 15px;}
.catalogoMain .detalles h2{font:bold 14px/16px georgia;}
.catalogoMain .detalles p{font:normal 11px/13px georgia;}
.catalogoMain .detalles em{font:bold 10px/12px georgia;color:#a24b24;}

.catalogoSide{width:180px;height:360px;float:left;margin:10px 3px 12px 0;background:#231f20;}
.catalogoSide ul{margin-top:15px;}
.catalogoSide ul li{margin:10px 0 0;}
.catalogoSide ul li a{display:block;padding:5px 3px 5px 15px;color:#e8e2ce; font:bold 10px/12px georgia;}
.catalogoSide ul li.active{background:#545456;}

.catalogoThumbs{clear:both;width:740px;height:135px;border-bottom:solid 1px #231f20;}
.catalogoThumbs ul li{height:103px;}
.catalogoThumbs ul li img{margin:0 10px 10px 0;width:140px;height:91px;}
.catalogoThumbs ul li span{float:left;}

.catalogoThumbs li.last a img{margin:0 0 10px;}
.catalogoThumbs li.disable a img{filter: alpha(opacity=40); -moz-opacity: 0.4; opacity: 0.4;}
.catalogoThumbs li.enable a img{filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1;}
.catalogoThumbs li a:hover img{filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1;}

/* Decoracion */

.decoracionMain{width:740px;margin:10px 0 5px;}

.decoracionThumbs{clear:both;width:740px;height:100px;border-bottom:solid 1px #231f20;}
.decoracionThumbs ul li{height:95px;}
.decoracionThumbs ul li img{margin:0 9px 8px 0;}

.decoracionThumbs li.last a img{margin:0 0 8px;}
.decoracionThumbs li.disable a img{filter: alpha(opacity=40); -moz-opacity: 0.4; opacity: 0.4;}
.decoracionThumbs li.enable a img{filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1;}
.decoracionThumbs li a:hover img{filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1;}

.subscripcion em{font:bold italic 11px/13px Georgia;color:#a24b24;display:block;margin-bottom:3px;}
.subscripcion input{font:italic 12px/14px Georgia;color:#6c6862;padding:5px;background:#eee9df;border:0;width:144px;}
.subscripcion button{background:#a24b24;color:#e7e0cd;border:0;padding:3px 5px;cursor:pointer;}

/* AGRADECEMOS */

.agradecemos img{float:left;}

/* Prensa */

.prensa .acumulado{margin-top:3px;margin-bottom:50px;}
.prensa .acumulado li{border-bottom:dotted 1px #85bcdc;background:none;padding:7px 15px;margin-bottom:1px;}
.prensa .acumulado li h2 a {font-family:Arial;font-size:13px;color:#d7107f;text-decoration:none;}
.prensa .acumulado li span{color:#999;font:bold 11px/14px arial;display:block;margin:5px 0;}

/* Contacto */

.contacto .acumulado{margin-top:3px;margin-bottom:50px;}
.contacto .acumulado li{border-bottom:dotted 1px #85bcdc;background:none;padding:7px 15px;margin-bottom:1px;}

/*** Footer ***/

#footer {margin:50px 0;padding-top:25px;/*text-align:center;*/background:url('/static/images/fondos/footer.gif') 0 0 no-repeat;}
#footer p{color:#8a8a8a;font:normal 12px/18px Arial,serif;margin:5px 0 15px;}
#footer p a{color:#8a8a8a;font:normal 12px/18px Arial,serif;}