/*=== GENERAL ===*/
body {font-family:Arial, Helvetica, sans-serif; margin:0; background: url(../images/fondoPagina.png); height:100%}
img, div, a { behavior: url(iepngfix.htc) }
h2 {margin:0 0 4px 0; color:#FF6600; font-size:18px; font-style:italic;}
h3 {margin:10px 0px;; color:#006699; font-size:16px; font-weight:bold;}
p {margin:10px 0px;}
a {color:#006699; font-size:11px; font-weight:bold;}
a:hover {color:#FF9900; text-decoration:underline;}
ul {margin-left:-10px; #margin-left:20px; font-size:11px; color:#333;}
li {margin-left:2px; list-style:square; border-bottom:dotted 1px #ccc; padding:5px 0;}
.clear {margin: 0px; padding: 0px; clear: both;}

/*=== CONTENEDORES ===*/

/* Principal */
#contenedor {margin: auto; width: 990px; background: url(../images/fondo.png)  repeat-y;}
#contenedorMenor {width: 990px; background: url(../images/escudoCalasanz2.png) no-repeat left bottom;}
#contenidoHome {width:822px;}

/* Logo */
#contenedorLogo {float: left; width: 168px;}

/* Menu */
#menu {clear:both; width:822px; background:url(../images/bckMenu.png) no-repeat; padding:67px 0 0 0; height:41px;}
#botonesMenu {width:792px; padding:0 0 0 30px; letter-spacing:-1px;}
#botonesMenu .clear { /* generic container (i.e. div) for floating buttons */ overflow: hidden; width: 100%;}
#botonesMenu a.button {background: transparent url('../images/bg_button_a.png') no-repeat scroll top right; color: #003666; display: block; float: left; height: 24px; margin-right: 2px;; padding-right: 8px; font-size:13px; /* sliding doors padding */ text-decoration: none;}
#botonesMenu a.button span {background: transparent url('../images/bg_button_span.png') no-repeat; display: block; line-height: 14px; padding: 5px 0 5px 8px;} 
#botonesMenu a.button:hover {background-position: bottom right; color: #fff; /*outline: none;  hide dotted outline in Firefox */}
#botonesMenu a.button:hover span {background-position: bottom left; padding: 6px 0 4px 8px; /* push text down 1px */}
#botonesMenu ul {list-style:none; margin:0; padding:0;}
#botonesMenu li {display:inline;}
body.inicio #menu #botonesMenu #inicio,
body.quienes #menu #botonesMenu #quienes,
body.calasanz #menu #botonesMenu #calasanz,
body.obras #menu #botonesMenu #obras,
body.formacion #menu #botonesMenu #formacion,
body.actividades #menu #botonesMenu #actividades,
body.testimonios #menu #botonesMenu #testimonios,
body.donaciones #menu #botonesMenu #donaciones,
body.contactenos #menu #botonesMenu #contactenos {background: transparent url('../images/bg_button_a_act.png') no-repeat scroll top right; color: #003666; display: block; float: left; height: 24px; margin-right: 2px;; padding-right: 18px; font-size:13px; /* sliding doors padding */ text-decoration: none;}
body.inicio #menu #botonesMenu #inicio span,
body.quienes #menu #botonesMenu #quienes span,
body.calasanz #menu #botonesMenu #calasanz span,
body.obras #menu #botonesMenu #obras span,
body.formacion #menu #botonesMenu #formacion span,
body.actividades #menu #botonesMenu #actividades span,
body.testimonios #menu #botonesMenu #testimonios span,
body.donaciones #menu #botonesMenu #donaciones span,
body.contactenos #menu #botonesMenu #contactenos span {background: transparent url('../images/bg_button_span_act.png') no-repeat; display: block; line-height: 14px; padding: 5px 0 5px 14px;}

/* Titular */
#titularSitio {padding:4px 30px 4px 7px; width:785px; background:url(../images/bckSuperiorDerecha.png) no-repeat right top;}
#titularSitio h1 {margin:0 0 5px 5px; font-size:26px; color:#003366; font-style:italic;}
#titularPagina {padding:4px 30px 4px 20px; width:772px; background:url(../images/bckSuperiorDerecha.png) no-repeat right top;}
#titularPagina h1 {margin:0 0 5px 0; font-size:26px; color:#003366; font-style:italic;}
#titularPagina h2 {font-size:12px; font-style:italic; color:#FF9900; margin:0;}
#piedeFoto {width:745px; padding:2px 0 0 0; font-size:10px; font-style:italic; color:#999;}

/* Contenido */
#contendorContenido {float: left; width: 822px; background: url(../images/bckContenedorContenido.png) no-repeat right bottom;}
#txtDescripcion, #txtDescripcionHome {width:485px; padding:20px; float:left; border-right:#CCCCCC dotted 1px;}
#txtContSecciones {width:445px; padding:5px 20px 10px 60px; float:left;border-right:#CCCCCC dotted 1px;}
#txtContSecciones a{font-size:13px; color:#FF9900;}
#txtContSecciones a:hover, #txtContSecciones a.url:hover{color:#0099CC; text-decoration:none;}
#txtContSecciones a.url{font-size:13px; color:#006699; text-decoration:none;}
#txtContSecciones p, #txtContSecciones li {font-size:13px; color:#333; border:none;}
#txtContSecciones .listadoMenu li{border-bottom:1px dotted #ccc; font-size:13px;}
#txtContSecciones .listadoMenu li a{font-size:13px;}
#noticias {margin:20px 0px; border-top:solid 2px #333; padding-top:5px;}
.contNoticia {width:450px; border-bottom:dotted 1px #ccc; margin-bottom:10px; padding-bottom:6px;}
.fechaNoticia {float:left; width:50px; font-size:15px; font-weight:bold; color:#009900; padding-right:15px;}
.txtNoticia {float:right; width:385px;}
.txtNoticia h4{margin:0px; font-weight:bold; font-size:12px; color:#006699;}
.txtNoticia p{margin:0px; font-size:11px; color:#666;}
.txtNoticia a{color: #FF6600;}
#vinculoGaleria {padding:5px 0 0px 8px;}
#vinculoGaleria img, #vinculoGaleria #vincGaleriaRotulo {float:left;}
#vinculoGaleria #vincGaleriaRotulo {margin:0; padding:4px 0 0 4px;}
#marcoThumb {padding:10px; background-color:#e2e2e2;}
.txtDestacado {color:#009900; font-weight:bold;}
.txtDestacado2 {color:#FF3300; font-weight:bold;}
#txtDescripcionHome ul {margin-left:-10px; #margin-left:20px; color:#000; font-size:14px;}
#txtDescripcionHome li {margin-left:2px; list-style:square; padding:5px 0; border:none;}
.modulotestimonio {padding:5px 0;border-bottom:1px #CCCCCC dotted; margin:2px 0;}
.modulotestimonio img {float:left; margin:0 10px 5px 0; border:1px solid #333;}


/* Miga de pan */
#migadePan {width:745px; font-size:10px; color:#0099CC; padding:0 0 2px 0; margin:0 0 5px 0; border-bottom:dotted 1px #CCC;}
#migadePan a {font-size:10px; text-decoration:underline;}
#migadePan span {font-weight:bold;}

/* Destacado */
#contDestacado, #contDestacadoAnexos {padding: 10px 0 0 20px; width: 220px; float:left;}
#siguenosFacebook {padding:8px 0;}
#siguenosFacebook a {font-size:12px; font-weight:bold; text-decoration:none;}
#siguenosFacebook a:hover {color:#FF6600; text-decoration:underline;}
.floatLeft {float:left; padding:0 4px 0 0 ; margin:0;}
.txtDestacados {font-size: 12px; font-style:italic; color:#0099FF;	margin:0px;}
#contDatos {padding-top:10px; margin-top:10px; border-top:dotted 1px #666; }
.txtDatos {font-size:11px;color:#333; padding-top:5px;}
.txtDatosDest {color:#009900; font-weight:bold;}
#contDonaciones {padding-top:10px; margin-top:10px; border-top:dotted 1px #666; }

/* Formulario */
.camposFormulario {font-size:14px; font-weight:bold; color:#006699; }
#tablaFormulario {margin:30px 0;}
#tablaFormulario input, #tablaFormulario textarea {width:100%; font-size:12px; color:#333333; font-family:Arial, Helvetica, sans-serif;}
#tablaFormulario td {border-bottom:#CCCCCC dotted 1px;}
#tablaFormulario .botonFormulario {border: #003366 solid 1px; background-image:url(../images/fondoBoton.jpg); background-repeat:repeat-x; width:auto; font-weight:bold; font-size:16px; color:#FFFFFF;}
.nota {font-size:10px; font-style:italic; color:#999;}

/* Navegacion secundaria */
#navegacionSecundaria {padding:5px 20px; width:745px;}
#nsTituloSitio {font-size:12px; font-weight:bold; color:#FF6600; padding:10px 0 5px 0;border-bottom:solid 2px #00CCFF;}
#nsVinculos {font-size:11px; color:#006699;padding:5px 0;}
#nsVinculos a{font-weight:bold;}
#nsVinculos a:hover {font-weight:bold; text-decoration:none;}

/* Pie de pagina */
#contenedorPiedePagina {margin: auto; width: 990px; height:20px; padding:96px 0 0 0; background: url(../images/piedePagina.png); font-size:11px; font-weight:bold; color:#fff;}