﻿/* Reset CSS */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
    margin:0;
    padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img {
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym {
	border:0;
}
textarea, input {
	font-family:inherit;
}
/* Fin Reset CSS */


/* General */
body {
	font-family: Arial;
	font-size: 11px;
	color: #848588;
}

h1 {
	font-size: 17px;
	color: #c00000;
	font-weight:bold;
	margin-top: 15px;
	margin-bottom: 10px;
}

p {
	padding-bottom: 12px;
}

a {
	text-decoration:none;
	color: #c00000;
}

a:hover {
	color: #848588;
}

p.Volver {
	margin-left:20px;
	padding-top:10px;
}

p.Volver a {
	font-size:18px;
	color:#c00202;
}

p.Volver a.EnviarAmigo {
	position:relative; 
	left:100px; 
	top:-5px
}

p.Volver a img {
	margin-left:5px;
	margin-right:4px;
	position:relative;
	top:6px;
}

strong {
	font-weight:bold;
}
/* Fin General */


/* Plantilla */
body {
	background-color:White;
	margin:10px;
}

div.Fondo {
	background-repeat:repeat-y; 
	background-image:url(../images/Plantilla/Fondo.gif); 
	width:990px; 
	margin:0 auto;
}

img.LineaFondo {
	display:block;
}

img.MostrArte {
	float:left; 
	margin: 25px 0 17px 23px;
}

img.EmpleoColectivosVulnerables {
	float:right; 
	margin: 31px 23px 0 0;
}

div.Menu {
	background-image:url(../images/Menu/Fondo.gif);
	background-repeat:no-repeat;
	margin:0;
	padding:0;
}

div.Menu img.Identidad	{margin-left: 17px;}
div.Menu img.Campanya	{margin-left: 29px;}
div.Menu img.Encuesta	{margin-left: 28px; width:104px; height:42px;}
div.Menu img.Concursos	{margin-left: 45px;}
div.Menu img.Noticias	{margin-left: 33px;}
div.Menu img.Contacto	{margin-left: 23px;}

div.Logos {
	width:990px; 
	margin:0 auto;
}

div.Logos img.Servicio {
	margin-top:18px;
}

div.Logos img.CruzRoja {
	margin-top:10px;
}
/* Fin Plantilla */


/* Portada */
img.Portada {
	margin:7px 27px 26px 14px; 
	display:block;
}
/* Fin Portada */

/* Identidad */
div.Identidad {
	margin: 0 20px 20px 20px;
}

div.Identidad img {
	float:right; 
	border:1px solid #c00202;
	width: 232px;
	height: 137px;
	margin-left: 10px;
}

div.Identidad h2 {
	font-size: 12px;
	color: #c00000;
	font-weight:bold;
	padding-bottom: 12px;
}

div.Identidad ul li {
	margin-left:20px;
	margin-bottom:10px;
	list-style-type:square;
}

div.Identidad ul li ul li {
	margin-bottom:0px;
	margin-top:0px;
	list-style-type:circle;
}

div.Identidad ul li ul li ul {
	margin-bottom:10px;
}

div.Identidad ul li ul li ul li {
	list-style-type:disc;
}

/* Fin Identidad */

/* Campaña */
div.Campanya {
	margin: 20px;
}

div.Campanya img {
	display: block;
}
/* Fin Campaña */

/* Encuesta */
div.PreEncuesta {
	margin-top:40px; 
	padding-left:1px;
}

div.PreEncuesta div {
	background-color:#c00000;
}

div.PreEncuesta img {
	display:block;
}

div.PreEncuesta img.Flecha,
div.PreEncuesta img.EmpPers {
	float:right;
	margin: 0 15px 0 0;
	padding-top:10px;
}

div.PreEncuesta p {
	margin-left:10px;
	padding-bottom:8px;
}

div.PreEncuesta div p {
	font-size:17px;
	font-weight:bold;
	padding-bottom:0;
}

div.PreEncuesta div p,
div.PreEncuesta label {
	display: block;
	margin-left:18px;
	margin-top:8px;
	color:#ffffff;
}

div.PreEncuesta input {
	display: block;
	margin-left:18px;
	border:1px solid #7f9db9;
	width:136px;
}

img.EmpPers {
	margin:40px 0 3px 7px;
}

div.Encuesta {
	padding: 20px;
}

div.Encuesta p.Pregunta {
	color:#c00000;
	font-weight:bold;
	margin: 10px 0 0 0;
}

div.Encuesta p.Respuesta {
	padding: 0 0 0 0;
}

div.Encuesta p input {
	margin-left:20px;
}

div.Encuesta img {
	margin-top:20px;
	margin-bottom:20px;
}

div.Encuesta table {
	margin-left:20px; 
	border-top:1px solid #dddddd;
	border-left:1px solid #dddddd;
	width:900px;
}

div.Encuesta table th,
div.Encuesta table td {
	border-right:1px solid #dddddd;
	border-bottom:1px solid #dddddd;
}

div.Encuesta table th {
	text-align:center; 
	padding:3px; 
	width:20px;
}

div.Encuesta table td {
	padding-right:10px; 
}

div.Encuesta table td.Respuesta {
	text-align:center; 
	padding:3px; 
}
/* Fin Encuesta */

/* Concursos */
div.Concurso {
	margin-top:30px;
	margin-bottom:20px;
}

div.Concurso img.Concurso {
	margin-left:10px;
}

div.Concurso table {
	border-top:1px solid #c00000;
	border-left:1px solid #c00000;
	margin-top:-13px;
}

div.Concurso table td {
	border-bottom:1px solid #c00000;
	border-right:1px solid #c00000;
}

div.Concurso table td.Texto {
	width:264px;
	padding:10px;
	vertical-align:top;
}

div.Concurso table td.Opciones {
	width:434px;
	vertical-align:middle;
	background-position:bottom left;
	background-repeat:no-repeat;
	font-size:18px;
	text-align:center;
}

div.Concurso table td.Imagen {
	width:268px;
	vertical-align:top;
}

div.Concurso table td.Opciones img {
	margin-left:5px;
	margin-right:10px;
	position:relative;
	top:6px;
}

div.Concurso table td.Opciones a {
	margin-top:10px;
	margin-left:30px;
	color:#c00202;
}

div.Bases {
	margin:20px;
}

div.Bases p.Apartado,
div.Bases a.Apartado {
	font-size:18px;
	color:#c00202;
}

div.Bases p.Apartado,
div.Bases a.Apartado {
	position:relative;
	top:-14px;
}

div.Bases p.Apartado img,
div.Bases a.Apartado img {
	margin-left:5px;
	margin-right:10px;
	position:relative;
	top:6px;
}

div.Bases p.Apartado,
div.Bases a.Apartado {
	margin: 10px 0 0 30px;
	padding:0;
	display:inline;
}

div.Bases div.Premio {
	float:left; 
	margin-right:126px;
}

div.Bases div.Premio p {
	padding:0;
}

div.Bases div.Premio p.Titulo {
	color: #c00000;
	font-weight:bold;
}

div.Participantes {
	border-top:1px solid #c00000; 
	padding:0 0 0 20px;
}

div.Participantes a {
	margin-bottom:20px; 
	margin-right:16px; 
	display:inline-block
}

table.Formulario label {
	display:block;
	text-transform:uppercase;
	margin-top:20px;
}

table.Formulario label.LOPD {
	display:inline;
	text-transform:none;
	margin-top:0px;
}

table.Formulario input {
	width:306px;
	margin-right:104px;
	height:16px;
	padding-top:2px;
}

table.Formulario textarea {
	width:720px;
	color:#848588;
	font-size:9px;
	height:54px;
}

table.Formulario input,
table.Formulario textarea {
	border:1px solid #7f9db9;
	color:#848588;
	font-size:11px;
}

table.Formulario input.check {
	width:16px;
	margin-right:5px;
	margin-top:20px;
	border:none;
}

table.Formulario label span {
	text-transform:none;
}

table.Formulario td.Leyenda {
	padding: 20px 0;
}

div.Preinscripcion p {
	padding-bottom:5px;
	font-weight:bold;
}

div.Preinscripcion img {
	margin-top:15px;
}

div.Preinscripcion p span 
{
	text-transform:uppercase;
	font-weight:bold;
	color: #c00000;
}

div.EnviarAmigo {
	margin:20px;
}

div.EnviarAmigo label, 
div.EnviarAmigo input {
	display:block;
	margin-top:5px;
}

div.EnviarAmigo input {
	border:1px solid #7f9db9;
	margin-bottom:15px;
}
/* Fin Concursos */

/* Noticias */
div.Noticias {
	margin:20px;
}

div.Noticias img.Foto {
	float:right;
}

div.Noticias p.Titulo {
	color:#c00000; 
	font-weight:bold;
}

div.Listado p,
div.Listado a {
	padding-bottom:5px; 
	font-weight:bold; 
	display:block;
	color:#c00000;
}

div.Listado a {
	color:#555556; 
}

div.Listado p,
div.Listado a:hover {
	color:#c00000;
}

div.Noticias p.AntSig {
	margin-top:20px;
}

div.Noticias p.AntSig span {
	border:1px solid #c00000; 
	padding:2px 4px;
}

div.Noticias p.AntSig span a {
	color:#c00000;
}

div.Noticias p.AntSig span a:hover {
	color:#555556; 
}
/* Fin Noticias */

/* Contacto */
div.Contacto {
	margin:20px;
}

/* Fin Contacto */
