/*
Theme Name: TemaSI
Theme URI: http://www.google.com
Description: Tema para web de SI
Version: 1 (WP2.8.4)
Author: Máis Que Deseño
Author URI: http://www.google.com
Tags: clean, basic
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

/* Contenedores */

body {
	background-image: url(style/images/fondo.gif);
}

#todo {
	background-image: url(style/images/sombra.gif);
	width: 960px;
	padding-left: 40px;
	padding-right: 20px;
	margin: 0 auto;
}

#cabecera {
	width: 940px;
	height: 221px;
	background-image: url(style/images/cabecera_haiti.jpg);
	background-position: 181px 0px;
	background-repeat: no-repeat;
}

#contenido {
	width: 720px;
	float: left;
	padding-bottom: 20px;
	position: relative;
}

#contenido_lateral {
	background-color: #f6f3f4;
	width: 220px;
	float: left;
}

#pie {
	width: 940px;
	height: 300px;
	clear: left;
	background-image: url(style/images/pie.gif);
	background-repeat: no-repeat;
}


/* Cabecera */

h1 {
	width: 181px;
	height: 221px;
	background-image: url(style/images/logosi.gif);
	text-indent: -9999px;
}

#cabecera {
	position: relative;
}

#cabecera h1 a {
	width: 181px;
	height: 221px;
	display: block;
}

a#boton_colabora {
	position: absolute;
	width: 138px;
	height: 44px;
	display: block;
	background-image: url(style/images/boton_colabora.png);
	left: 247px;
	top: 58px;
	text-indent: -9999px;
}

a#boton_colabora:hover {
	border: 0 none;
	background-image: url(style/images/boton_colabora_pulsado.png);
}

/* Barra nav */

#nav {
	width: 940px;
	height: 58px;
}

#nav ul {
	list-style-type: none;
}

#nav ul li {
	float: left;
}

#nav ul li a {
	text-decoration: none;
	display: block;
	text-indent: -9999px;
	height: 58px;
	background-image: url(style/images/barra_nav.png);
}

#nav ul li a:hover {
	border: none;
}

/* ids de las páginas en wp */
.page-item-7 a {
	width: 135px;
	background-position: 0px 0px;
}
.page-item-9 a {
	width: 134px;
	background-position: -135px 0px;
}
.page-item-11 a {
	width: 134px;
	background-position: -269px 0px;
}
.page-item-13 a {
	width: 134px;
	background-position: -403px 0px;
}
.page-item-15 a {
	width: 134px;
	background-position: -537px 0px;
}
.page-item-46 a {
	width: 134px;
	background-position: -671px 0px;
}
.page-item-5 a {
	width: 135px;
	background-position: -805px 0px;
}

.page-item-7 a:hover {
	background-position: 0px 0px;
}
.page-item-9 a:hover {
	background-position: -135px 0px;
}
.page-item-11 a:hover {
	background-position: -269px 0px;
}
.page-item-13 a:hover {
	background-position: -403px 0px;
}
.page-item-15 a:hover {
	background-position: -537px 0px;
}
.page-item-46 a:hover {
	background-position: -671px 0px;
}
.page-item-5 a:hover {
	background-position: -805px 0px;
}


/* Breadcrumb */

.breadcrumb {
	padding-top: 0.5em;
	padding-bottom: 1em;
}


/* Titulares */

.bloque_lateral h2, #resultados_buscador h2 {
	text-align: center;
	background-repeat: no-repeat;
}

.bloque h3 {
	width: 190px;
	height: 52px;
	text-align: center;
	z-index: 2;
	padding-left: 20px;
	padding-right: 10px;
	background-image: url(style/images/fondo_tit1.png);
	background-repeat: no-repeat;
	display: table-cell;
	vertical-align: middle;
}

.bloque span {
	display: inline-block;
}

.bloque_lateral h2 {
	padding-top: 14px;
	background-image: url(style/images/fondo_tit_lat.png);
}


/* Contenido */

#galeria, #mapa {
	margin-bottom: 20px;
}

.bloque {
	width: 220px;
	float: left;
	padding-bottom: 40px;
	padding-right: 20px;
}

.bloque p.i {
	padding-top: 13px;
	background-image: url(style/images/fondo_tit2.png);
	background-repeat: no-repeat;
}

.bloque ul.i {
	background-image: url(style/images/fondo_tit2.png);
	background-repeat: no-repeat;
}

ul.i {
	padding-left: 20px;
	padding-top: 13px;
}

#cooperacion .bloque ul {
	height: 100px;
}

#sensibilizacion .bloque p {
	height: 200px;
}

#comercioxusto .bloque p {
	height: 80px;
}

#voluntariado .bloque p {
	height: 250px;
}

.bloque p {
	padding-left: 20px;
}

.bloque img {
	float: right;
	margin-top: 20px;
}

ul.lista_enlaces {
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 2em;
	list-style-type: disc;
	list-style-position: inside;
}

ul.lista_enlaces li {
	padding-bottom: 1em;
}


/* Miniaturas de imagenes */

.lista_minis  {
	list-style-type: none;
	padding-left: 20px;
	margin-top: 20px;
}

.bloque_lateral_wrap .lista_minis {
	padding-left: 10px;
}

.lista_minis  li {
	padding-right: 20px;
	padding-bottom: 20px;
	float: left;
}

.lista_minis  li a {
	display: block;
	border: 2px solid #ddbfc2;
}

.lista_minis  li a:hover {
	border: 2px solid #e2001a;
}

.lista_minis li a img {
	float: none;
	margin-top: 0px;
	/*margin-bottom: -3px;*/
}


/* Albums de fotos */

#imaxes h3 {
	padding-top: 20px;
	padding-left: 20px;
}

#imaxes .lista_minis {
	list-style-type: none;
	margin-top: 0px;
}

#imaxes .lista_minis li a img {
	margin: 0px;
	border: none;
}

/* Titulares de sección */

#contenido h2 {
	display: block;
	width: 700px;
	height: 80px;
	padding-top: 14px;
	margin-bottom: -29px;
	background-image: url(style/images/fondo_tit_pro.png);
	text-align: center;
	background-repeat: no-repeat;
}

#portada h2 {
	display: none;
}

/* Cooperación */

#mapa {
	width: 700px;
	height: 460px;
	background-image: url(style/images/mapa_proyectos.png);
}

#mapa ul {
	width: 700px;
	height: 460px;
	position: relative;
}

#mapa ul li {
	position: absolute;
	left: 0px;
	top: 0px;
}

#mapa ul li a {
	display: block;
}

#mapa ul li a span {
	color: #000000;
}

.lista_proyectos_en_pais {
	height: 6em;
}


/* Sensibilizacion */

#imagenconcellos {
	float: right;
	border: none;
	padding-right: 5px;
}


/* Voluntariado */

#lista_actividades {
	width: 200px;
	float: left;
}

#lista_actividades  p {
	padding-left: 0px;
}

#lista_actividades ul {
	padding-left: 0px;
}

#form_voluntariado {
	width: 460px;
	float: left;
}

#form_voluntariado form {
	padding-bottom: 3em;
}

#form_voluntariado form ol {
	list-style-type: none;
}

#form_voluntariado form ol textarea {
	padding-left: 0px;
}

#penviar {
	width: 400px;
	text-align: right;
}

#form_voluntariado form ol li label {
	display: inline-block;
	text-align: right;
	vertical-align: top;
	width: 80px;
	height: 30px;
	padding-right: 10px;
}

#form_voluntariado form ol li label#primeraVezVoluntarioLabel {
	width: 240px;
}

#form_voluntariado form ol li input#nombre {
	width: 200px;
}

#form_voluntariado form ol li input#ciudad {
	width: 150px;
}

#form_voluntariado form ol li input#email {
	width: 150px;
}

#form_voluntariado form ol li input#telefono {
	width: 150px;
}

#form_voluntariado form ol li select {
	width: 250px;
}


/* Texto genérico */
#contenido .post .wp-caption {
	padding-top: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	padding-right: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	border: 0px none;
	background-color: #ffffff;
}

#contenido .post .wp-caption img {
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
}

#contenido .post .wp-caption-text {
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
}

.post {
	width: 720px;
}

.post h3 {
	/*width: 460px;
	height: 80px;
	padding-top: 14px;
	margin-bottom: -29px;
	margin-right: 20px;
	background-image: url(style/images/fondo_tit_datos_pro.png);
	text-align: center;
	background-repeat: no-repeat;*/
	padding-left: 20px;
	padding-bottom: 1em;
}

.post h4,
.post h5,
.post h6 {
	padding-left: 20px;
	padding-bottom: 1em;
}

.post p,
.post ul,
.post ol {
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 2em;
}

.post ul {
	list-style-type: disc;
	list-style-position: inside;
}

.post ul ul {
	list-style-type: circle;
	list-style-position: inside;
	padding-bottom: 0em;
}

.post ul li {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

.post ul.lista_enlaces li {
	padding-top: 0em;
	padding-bottom: 1em;
}

.post ol {
	list-style-type: decimal;
	list-style-position: inside;
}

.post img {
	border: solid 2px #ddbfc2;
	margin-left: 15px;
	margin-right: 15px;
	/*margin-top: 13px;*/
	margin-bottom: 15px;
}

.post img.sinborde {
	border: 0px none;
}

.post img.alignleft {
	margin-left: 0px;
}

.post img.alignright {
	margin-right: 0px;
}

.post table {
	width: 480px;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 2em;
}

.post table tr {
	
}

.post table tr td,
.post table tr th {
	padding-left: 10px;
	padding-right: 10px;
	background-color: #fae1e3;
	border-bottom: 1px solid #ffffff;
}

.post table tr.resaltado td,
.post table tr.resaltado th {
	background-color: #d2bdbf;
}

.post table tr.atenuado td {
	background-color: #ffeef8;
}

.post table td.r {
	text-align: right;
}

.post div {
	padding-left: 20px;
}


/* Contenido lateral */

.bloque_lateral {
	margin-top: 20px;
	width: 220px;
}

.bloque_lateral h2 {
	width: 220px;
	height: 50px;
}

.bloque_lateral_wrap {
	padding-left: 10px;
}

.bloque_lateral_wrap p {
	padding-right: 10px;
}

.bloque_lateral a.icono {
	padding-right: 10px;
	padding-bottom: 10px;
}

/* Buscador */

#buscador {
	width: 220px;
	height: 37px;
}

#buscador form div {
	position: relative;
}

.screen-reader-text {
	display: none;
}

#s {
	border: 2px solid #ddbfc2;
	width: 150px;
	height: 18px;
	position: absolute;
	left: 10px;
	top: 16px;
}

#searchsubmit {
	width: 32px;
	height: 32px;
	background-image: url(style/images/lupa.gif);
	background-color: #f6f3f4;
	border: 0 none;
	text-indent: -9999px;
	font-size: 0.1px;
	color: #dce2e9;
	position: absolute;
	left: 175px;
	top: 12px;
}

/* Banners */

#banners {
	padding-top: 40px;
}

#banners div {
	padding-bottom: 20px;
}

#banners a {
	width: 221px;
	height: 104px;
	display: block;
}

#banners a:hover {
	border: none;
}

#banners img {
	width: 217px;
	height: 100px;
	border: 2px solid #ddbfc2;
}

#banners a:hover img {
	border: 2px solid #e2001a;
}


/* Pie */

#nav_pie {
	padding-top: 51px;
	float: left;
}

#validadores {
	padding-top: 51px;
	float: right;
}

#nav_pie ul li {
	float: left;
	padding-right: 5px;
}

#nav_pie ul li a {
	margin-right: 5px;
}

#datos_si {
	text-align: center;
}

/* esto no va en IE6,7 */
#nav_pie ul li:after {
	content: '|';
}

/* esto no va en IE6,7 */
#nav_pie ul li.page-item-5:after { /* id de la página blog */
	content: '';
}

#logos {
	padding-top: 30px;
}

#logos div {
	float: left;
	padding-right: 60px;
}

#logos div a {
	border: none;
}

#logoxunta {
}

#logoanelsolidario {
	padding-top: 20px;
}

/* Blog */

#blog .post {
	padding-bottom: 2em;
}

#comentarios {
	padding-left: 10px;
}

#comentarios p, ol {
	padding-left: 10px;
}

#comentarios h3 {
	/*width: 460px;
	height: 80px;
	margin-left: -10px;
	padding-top: 14px;
	margin-bottom: -29px;
	margin-right: 20px;
	background-image: url(style/images/fondo_tit_datos_pro.png);
	text-align: center;
	background-repeat: no-repeat;*/
	padding-left: 10px;
	padding-bottom: 1em;
}

#comentarios ol.lista_comentarios {
	padding-top: 2em;
	padding-bottom: 2em;
}

#comentarios ol.lista_comentarios li {
	padding-bottom: 2em;
}

#commentform, #searchform {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 2em;
}

#commentform label {
	display: inline-block;
	text-align: right;
	vertical-align: top;
	width: 80px;
	height: 30px;
	padding-right: 10px;
}

#commentform textarea {
	width: 320px;
}

#psubmit {
	width: 418px;
	text-align: right;
	padding-top: 20px;
	padding-bottom: 40px;
}


/* Colabora */

.cform {
	padding-left: 20px;
}

.cform fieldset ol {
	list-style-type: none;
}

.cform fieldset legend {
	font-weight: bold;
}

.cform fieldset ol li label {
	display: inline-block;
	text-align: right;
	vertical-align: top;
	width: 300px;
	height: 30px;
	padding-right: 10px;
}

.cform fieldset ol li span.reqtxt,
.cform fieldset ol li span.emailreqtxt {
	padding-left: 10px;
}

.cform p.cf-sb {
	text-align: right;
	padding-right: 40px;
}

.linklove {
	display: none;
}

/* Varios */

.left {
	float: left;
}

.right {
	float: right;
}

.clear {
	clear:both;
}

.invisible {
	display: none;
}

.error {
	color: #ff0000;
}