/* CSS Document */

body {

	margin: 0px 0px 0px 0px;

	background-color: #8c8d8f;

	text-align: center;

}

a {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 9px;

}



#exterior {

	width: 768px;

	height: 512px;

	margin-right: auto;

	margin-left: auto;

}

#contenedor {

	background-color: #FFFFFF;

	width: 768px;

	padding-right: 18px;

	padding-left: 18px;

	position: relative;

	overflow: visible;

	float: left;

}

.bloque_izq{

	float: left;

	height: 190px;

	width: 234px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #666666;

	text-decoration: none;

	text-align: justify;

	margin: 9px;

	background-position: center;

	overflow: visible;

}

.bloque {

	float: left;

	height: 186px;

	width: 234px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #000000;

	text-decoration: none;

	text-align: justify;

	margin: 9px;

	background-position: center;

	overflow: visible;

	background-image: url(../images/cibervoluntairos.gif);

	background-repeat: no-repeat;

}

.bloque p {

	text-align: center;

	font-size: 12px;

	line-height: 18px;

	padding-top: 7px;

	display: block;

	float: left;

	width: 234px;

}

.bloque a {

	text-decoration: none;

	font-size: 11px;

	color: #FFFFFF;

	background-color: #333333;

	line-height: 20px;

	display: block;

	height: 20px;

	

}

*html .bloque a {

	margin-top: 40px;

}

.bloque a:hover {

	text-decoration: underline;

}

.bloque span {

	font-size: 18px;

	color: #FFA000;

	font-weight: bold;

}

.bloque span b {

	font-size: 35px;

}





.bloque_drcha {

	float: left;

	height: 186px;

	width: 216px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #666666;

	text-decoration: none;

	text-align: justify;

	margin: 9px;

	background-position: center;

	overflow: visible;

}



.apartados_bis{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: bold;

	color: #8c8d8f;

	text-decoration: none;

	text-align: justify;

	list-style-type: none;

	line-height: 20px;

	float: left;

	height:auto;

	width: 720px;

}



.apartados{

	padding: 15px;

	width: 720px;

	text-align: justify;

	float: left;

}

#contenido_testi{

width: 720px;

float: left;

}

.apartados1{

	width: 500px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: bold;

	color: #8c8d8f;

	text-decoration: none;

	text-align: justify;

	list-style-type: none;

	line-height: 20px;

	float: left;

	margin-bottom: 20px;

}

.apartados1_bis{

	width: 490px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: bold;

	color: #8c8d8f;

	text-decoration: none;

	text-align: justify;

	list-style-type: none;

	line-height: 20px;

	float: left;

	margin-bottom: 20px;

	margin-top: 20px;

	height: auto;

	clear: both;

}

.apartados2_bis{

	width: 720px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: bold;

	color: #8c8d8f;

	text-decoration: none;

	text-align: justify;

	list-style-type: none;

	line-height: 20px;

	float: left;

	margin-bottom: 20px;

	margin-top: 20px;

	height: auto;

	clear: both;

}

.apartados .apartados1 iframe {

	float: left;

	width: 300px;

	color: #8C8D8F;

	font-weight: bold;

}

.apartados1_bis .con_borde {

	color: #CC0000;

	border: 1px dotted #CC0000;

	padding: 3px;

	display: block;

}





.foto {

	width: 200px;

	height: auto;

	float: right; 

	padding-top: 35px;

}

.foto1 {

	width: 200px;

	float: right; 

}

.foto2 { /* nuevo */

	height: auto;

	float: left;

	padding-top: 35px;
	
	position:absolute;
	
	top:225px;
	left:560px;

}

.texto {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #8c8d8f;

	text-decoration: none;

	text-align: justify;

	list-style-type: none;

	line-height: 20px;

	padding: 15px;



}

.texto p {

	width: 705px;

	float: left;

}



.texto cite{

	font-size: 10px;

	color: #333333;

}



.apartados ul{

	list-style-type: none;

	margin: 0px;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 20px;

	float: left;

	clear: both;

}

.apartados_bis .texto ol {

	font-size: 10px;

	font-weight: normal;

	color: #666666;

}

.apartados_bis .texto ol li {

	list-style-type: decimal;

	list-style-image: none;

}

.apartados_bis .texto .pie_nota {

	color: #666666;

	font-size: 10px;

}

.apartados .apartados_bis .texto a {

	font-size: 10px;

	color: #FF9900;

}







.apartados li{

	float:left;

	clear:both;

	display: block;

	width: 450px;

	list-style-type: none;

	padding-left: 15px;

	background-repeat: no-repeat;

	background-image:url(../images/flecha.gif);

	background-position: left center;

}
/****************** nuevos estilos **************************/
.apartados li.destacado{

	float:left;

	clear:both;

	display: block;

	width: 330px;

	list-style-type: none;

	padding-left: 15px;

	background-repeat: no-repeat;

	background-image:url(../images/flecha-b.gif);

	background-position: left center;
	
	background-color:#FFA000;
	
	margin-top:10px;
}

.apartados li.destacado02{

	float:left;

	clear:both;

	display: block;

	width: 440px;

	list-style-type: none;

	padding-left: 15px;

	background-repeat: no-repeat;

	background-image:url(../images/flecha-b.gif);

	background-position: left center;
	
	background-color:#FFA000;
	
	margin-top:10px;
}

.apartados li.destacado a{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: bold;

	color: #000000;

	text-decoration: none;
}

.apartados li.destacado a:hover{
	color: #000000;

	text-decoration: underline;
}

.apartados li.destacado02 a{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: bold;

	color: #000000;

	text-decoration: none;
}

.apartados li.destacado02 a:hover{
	color: #000000;

	text-decoration: underline;
}
/****************** fin nuevos estilos ***********************/

.apartados a{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: bold;

	color: #8c8d8f;

	text-decoration: none;

}



.apartados a:hover{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: bold;

	color: #8c8d8f;

	text-decoration: none;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #ffa000;

}





.apartados h3 {

	font-size: 13px;

	font-weight: bold;

	color: #FF9900;

	text-decoration: none;

	line-height: 14px;

	display: block;

	width: 700px;

	float: left;

	}



.apartados h4 {

	font-size: 14px;

	font-weight: bold;

	color:#000000; 

	text-decoration: none;

	line-height: 12px;

	

}

.apartados p {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #000000;

	text-decoration: none;

	font-weight: normal;

}



.apartados cite{

	font-size: 12px;

	line-height: 5px;

	text-decoration: none;

}

.apartados address{

	font-size: 12px;

	line-height: 5px;

	text-decoration: none;

	color:#000000;

	text-align: center;

}

.enlaces a {

	font-weight: normal;

	font-size: 11px;

}

.enlaces a:hover {

	font-size: 11px;

	font-weight: normal;

}

.enlaces1 a {

	font-weight: normal;

	font-size: 11px;

	font-family: Arial, Helvetica, sans-serif;

	color: #666;

	text-decoration: none;

	line-height: 20px;

}

.enlaces1 a:hover {

	font-size: 11px;

	font-weight: normal;

	font-family: Arial, Helvetica, sans-serif;

	color: #FFA000;

	text-decoration: underline;

}

.contenido {

	width: 767px;

	height: auto;

}

.bloque_drcha h2 {

	font-size: 13px;

	font-weight: bold;

	color:#ffa000;

	text-decoration: none;

	line-height: 18px;

	text-align: center;

	vertical-align: bottom;

	}

.bloque_drcha p {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #666666;

	text-decoration: none;

	text-align: justify;

	}

.bloque_drcha p a {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight: bold;

	color:#ffa000;

	text-decoration: none;

	}

.bloque_drcha p a:hover {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight: bold;

	color:#000000;

	text-decoration: none;

	}

	

.bloque_izq span {

	display: none;

	}



#pie {

	background-color: #FFFFFF;

	height: 12px;

	width: 804px;

	margin-right: auto;

	margin-left: auto;

	float: left;

	

}

.logo {

	height: 100px;

	width: 767px;

}

.logo1 {

	height: 100px;

	width: 500px;

	float: left;

	background-image: url(../images/logo1.gif);

	background-repeat: no-repeat;

	background-position: right;

}

.logo2 {

	height: 100px;

	width: 135px;

	float: left;

	background-image: url(../images/pilar_salarrullana.jpg);

}

.logo3 {

	height: 100px;

	width: 120px;

	float: left;

}

.logo h1{

	display: none;



}

.logomas {

	height: 30px;

	width: 767px;

	background-image: url(../images/logosiluetas.gif);

	background-repeat: no-repeat;

	padding-top: 154px;

	background-position: bottom;

}

.logomas h1{

	display: none;



}

.titulo {

	height: 40px;

	width: 617px;

	background-image: url(../images/f_titulo.gif);

	background-repeat: repeat-x;

	padding-left: 118px;

	float: left;

	clear: both;

}



.titulo h2 {

	display:none;

}



.titulo h3 {

	display:none;

}







#siluetas{

	text-decoration: none;

	background-image: url(../images/siluetas.gif);

	background-repeat: no-repeat;

	height: 30px;

	width: 767px;

	padding-top: 182px;

	float: left;

}



#siluetas span{

	display: none;

}

#sobremenu {

	height: 153px;

}



#menu {

	width: 738px;

	list-style-type: none;

	padding: 0px;

	height: 30px;

	text-align: center;

	margin-right: auto;

	margin-left: auto;

	

}

#menu ul

{

	list-style-type: none;

	display: inline;

	float: none;

	list-style: none;

}

#menu li

{

	display: inline;

	list-style-type: none;

	vertical-align: middle;

	line-height: 30px;

}

#menu li a {

	display:inline;

	list-style-type: none;



	vertical-align: middle;

}

#menu span {

	display: none;

}

.nj {

	line-height: 42px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 15px;

	font-weight: bold;

	text-decoration: none;

	color: #FFFFFF;

	background-color: #ffa000;

	height: 45px;

	width: 767px;

	float: left;

}



.nj a{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 15px;

	font-weight: bold;

	text-decoration: none;

	color: #8c8d8f;

}

.nj a:hover{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 15px;

	font-weight: bold;

	text-decoration: none;

	color: #000000;

}



.nj_pq {

	background-color: #ffa000;

	height: 32px;

	width: 767px;

	line-height: 32px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 15px;

	font-weight: bold;

	text-decoration: none;

	color: #FFFFFF;

	float: left;

}

.nj_pq a{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 15px;

	font-weight: bold;

	text-decoration: none;

	color: #8c8d8f;

}

.nj_pq a:hover{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 15px;

	font-weight: bold;

	text-decoration: none;

	color: #000000;

}



h1{

	list-style-type: none;

}



.b1 {

	background-image: url(../images/b_1.gif);

	background-repeat: no-repeat;

	float: left;

	height: 30px;

	width: 123px;

	background-position: left bottom;

	list-style-type: none;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: bold;

	color: #FFFFFF;

}

.b1 a{

	background-image: url(../images/b_1.gif);

	background-repeat: no-repeat;

	float: left;

	height: 30px;

	width: 123px;

	background-position: left bottom;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: bold;

	color: #FFFFFF;

	text-decoration: none;

	vertical-align: middle;

}

.b1 a:hover{

	background-image: url(../images/b_1_p.gif);

	background-repeat: no-repeat;

	float: left;

	height: 30px;

	width: 123px;

	background-position: left bottom;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: bold;

	color: #ffa000;

	text-decoration: none;

	vertical-align: middle;

}

.drcha {

	float: right;

	height: 12px;

	width: 18px;

}

.izda {

	float: left;

	height: 12px;

	width: 18px;

}

.linea {

	height: 8px;

	width: 767px;

	background-image: url(../images/linea.gif);

	background-repeat: no-repeat;

	float: left;

}

.separador {

	background-color: #ffa000;

	height: 186px;

	width: 2px;

	float: left;

	margin-top: 8px;

	margin-bottom: 8px;

}

.titulo_gris {

	height: 40px;

	width: 605px;

	background-image: url(../images/f_titulo_gris.gif);

	background-repeat: repeat-x;

	padding-left: 118px;

	float: left;

	clear: both;

	display: block;

}

.titulo_gris2 {

	height: 40px;

	width: 605px;

	background-image: url(../images/f_titulo_gris.gif);

	background-repeat: repeat-x;

	padding-left: 0px;

	float: left;

	clear: both;

	display: block;

}

.titulo_gris h2, .titulo_gris2 h2 {

	display:none;

}

.titulo_gris h3, .titulo_gris2 h3 {

	display:none;

}


.despues-de-lista {
	float:left;
	clear:both;
	width:200px;
}

.despues-de-lista02 {
	float:left;
	clear:both;
	width:500px;
}