/*
	<==========================>
	 project: GARREBIL 
	 autor: Raśl Gallo
	<==========================>
*/

/* =cabecera conflictos -------------------------------------- */
#cabeceraconflictos{ height:100px; margin:10px 0 2px 0; padding: 10px 0 15px 10px; background-image:url(../images/cabecera2.jpg); border-color: #CCC; border-top-style: outset; }

#area { margin: 10px auto; padding: 10px 20px 15px 20px; border:0; width: 935px; background: url(../images/solconflictos/fconflictos2.png) no-repeat; height:480px;}
.tituloform { font: bold 13px Verdana, Arial, Helvetica, sans-serif; color:#FFF; padding-left:250px;}

#leftconf { padding: 0;  margin: 20px 10px 0 0; float: left; width: 340px; background:url(../images/solconflictos/COLABORACION1.jpg) no-repeat; height:200px}

#centerconf { width: 700px; float:left; padding: 20px 5px 0 0; text-align:justify;}
#centerconf p { font: normal 12px Arial, Helvetica, sans-serif; color:#5b5a58; margin:10px 0 10px 0;}
#centerconf p.enlace {margin:15px 0 0px 25px; color:#5b5a58;;}
#centerconf p.services { text-decoration:underline; margin-top: 30px;}
#centerconf a {font: bold 12px Arial, sans-serif; color:#5b5a58; margin-left:10px;}
#centerconf a:hover {text-decoration:underline; }

#rightconf { padding: 20px 0 0 10px;  margin: 0; float: left; width: 220px;}
.tituloforma { background: url(../images/tituloform.png) no-repeat; font:bold 15px Arial, Helvetica, sans-serif; color:#FFF;  padding: 7px 0 15px 70px; margin-left:10px;}
#rightconf p { padding: 10px 0 0px 0; text-align:center;}
#rightconf a { font: bold 11px Arial, Helvetica, sans-serif; color:#5b5a58;}
#rightconf a:hover { text-decoration:underline;}
#rightconf .queesmediacion { margin:30px 20px 0 20px; }
#rightconf .queesmediacion a { font-size:12px; color:#fff;}

/* =area ADR -------------------------------------- */
#areaADR { margin: 10px auto; padding: 10px 20px 15px 20px; border:0; width: 935px; background: url(../images/solconflictos/fconflictosadr.png) no-repeat; height:1000px;}
.tituloformadr { font: bold 13px Verdana, Arial, Helvetica, sans-serif; color:#FFF; padding-left:280px;}

#leftconf_adr { padding: 0;  margin: 36px 20px 0 0; float: left; width: 260px; background:url(../images/solconflictos/serviciosmediacion.jpg) no-repeat; height:900px}

#rightconf_adr { width: 640px; float:left; padding: 20px 10px 0 0; text-align:justify;}
#rightconf_adr p { font: normal 12px Arial, Helvetica, sans-serif; color:#5b5a58; margin:3px 0 3px 0;}
#rightconf_adr p.mediacion {margin:12px 0 0 0; color:#5b5a58; text-decoration:underline;}
#rightconf_adr p.tabla { margin:10px 0 0 0;}

table { text-align: left; border-spacing: 0px; border: 1px solid #aeb3b6; border-collapse: collapse; width:640px;}
table, tbody, tr, th, td { font-family: Arial, Helvetica, sans-serif; line-height: 2.0em; font-size: 11px; padding-left:5px }
tbody td { line-height: 1.25em; padding-left: 20px;}
table caption { background-color:#fff; padding: 4px 0 8px 0; font: bold 13px Verdana, Arial, Helvetica, sans-serif; color:#5b5a58; }
thead th { background-color: #5b5a58; text-transform: uppercase; font-weight: bold; letter-spacing: 1px; color: #fff; text-align:center; }
tbody tr:hover td { background-color: #5b5a58 !important; color: #fff;}
td { color: #000; border-bottom: 1px dotted #aeb3b6; padding-right: 0.5em; }


/* =area de mediacion organizacional -------------------------------------- */
#areamediacionorg { margin: 10px auto; padding: 8px 20px 15px 20px; border:0; width: 935px; background: url(../images/solconflictos/fconflictosmedorg.png) no-repeat; height:560px;}
.tituloformmediacionorg { font: bold 13px Verdana, Arial, Helvetica, sans-serif; color:#fff; padding-left:20px; text-transform:uppercase;}

#textomedorg { padding: 0;  margin: 20px 0 0 12px; float: left; width: 915px; height:180px; color:5b5a58;}
#textomedorg img{ padding:10px 0 10px 148px;}
#textomedorg p { font: normal 12px Arial, Helvetica, sans-serif; color:#5b5a58; padding:5px 0 10px 0; }
#textomedorg p.ambitos { font-weight:bold; color:#e53235; }

#nivelinterno { float: left; width: 450px; }
#nivelinterno p { font: normal 12px Arial, Helvetica, sans-serif; color:#5b5a58; padding:5px 20px 5px 0; margin-top:10px;}
#nivelinterno p.puntos { padding:2px 0 2px 35px; margin-top:10px;}

#nivelexterno { float: left; width: 450px; }
#nivelexterno p { font: normal 12px Arial, Helvetica, sans-serif; color:#5b5a58; padding:5px 0 5px 20px; margin-top:10px;}
#nivelexterno p.puntos { padding:2px 0 2px 35px; margin-top:10px;}


/* =area de mediacion comunitaria -------------------------------------- */
#areamediacioncom { margin: 10px auto; padding: 8px 20px 15px 20px; border:0; width: 935px; background: url(../images/solconflictos/fconflictosmedcom.png) no-repeat; height:1285px;}
.tituloformmediacioncom { font: bold 24px Verdana, Arial, Helvetica, sans-serif; color:#000; padding-left:260px;}

#sup_comunitaria { padding: 0;  margin: 36px 0 0 12px; float: left; width: 915px; height:180px;}
#sup_comunitaria img.com { padding-right:48px;}
#sup_comunitaria img.comfin { margin-right:0;}

#down_comunitaria { margin: 60px 30px 0 30px; float: left; width: 875px; }
#down_comunitaria p { font: normal 11px Arial, Helvetica, sans-serif; color:#5b5a58; border:1px solid #666; padding:5px 10px 5px 10px; margin-top:10px;}

#down_comizq { float:left; width: 430px; background-color: #afafaf;; margin:10px 14px 0 0;}
#down_comizq p { font: normal 12px Arial, Helvetica, sans-serif; color:#fff; border:none; margin:3px 0 3px 0;}
#down_comizq p.inicio { margin:20px 0 18px 0;}
#down_comizq p.fin { margin:3px 0 18px 0;}

#down_comdcha {float:left; width:430px; background-color:#afafaf; margin:10px 0 0 0;}
#down_comdcha p { font: normal 12px Arial, Helvetica, sans-serif; color:#fff; border:none; margin:3px 0 3px 0;}
#down_comdcha p.inicio { font: normal 12px Arial, Helvetica, sans-serif; color:#fff; border:none; margin:20px 0 18px 0;}

#textsup { float:right; background:#FFF; margin:4px 4px 0 0; width:250px;}
#textsup p.puntos { font: normal 10px Arial, Helvetica, sans-serif; color:#000;margin:-4px;}
.postcuadros { margin-top:155px;}

#down2_comunitaria { margin: 75px 30px 0 30px; float: left; width: 875px;}
#down2_comunitaria p { font: normal 11px Arial, Helvetica, sans-serif; color:#5b5a58; border:1px solid #666; padding:5px 10px 5px 10px; margin-top:10px;}
.titulodiv { margin:5px 5px 5px 5px; padding:3px 0 3px 0; background-color:#FFF; font:bold 12px Arial, Helvetica, sans-serif; border:1px solid #000; text-align:center; color:#000;}
.fnegro {margin:5px 5px 0 5px; background-color:#000; }
.fnegro1 {margin:20px 5px 0 5px; background-color:#000; }

#acciones { float:left; width: 420px; background-color: #afafaf;; margin:10px 35px 0 0;}
.parrafo { background-color: #CC6600; margin:5px 5px 6px 5px;}
#acciones p {font: normal 11px Arial, Helvetica, sans-serif; border:none; color:#fff;}
#acciones p.detalle {font: normal 11px Arial, Helvetica, sans-serif; border:none; color:#fff; margin:0;}
#acciones p.detalle1 {font: normal 11px Arial, Helvetica, sans-serif; border:none; color:#fff; margin:0 0 0 20px;}

.parrafo1 { background-color: #CC6600; margin:5px 5px 5px 5px; padding:8px 0 9px 0;}
#coordinacion { float:left; width: 420px; background-color: #afafaf;; margin:10px 0 0 0; }
#coordinacion p {font: normal 11px Arial, Helvetica, sans-serif; border:none; color:#fff;}
#coordinacion p.detalle {font: bold 12px Arial, Helvetica, sans-serif; border:none; text-decoration:underline; color:#000; margin:0 0 -15px 0;}
#coordinacion p.detalle1 {font: normal 11px Arial, Helvetica, sans-serif; border:none; color:#fff; margin:0 0 0 20px;}


/* =area de sensibilizacion -------------------------------------- */
#areasensibilizacion { margin: 10px auto; padding: 10px 20px 15px 20px; border:0; width: 935px; background: url(../images/solconflictos/fconflictossensibilizacion1.png) no-repeat; height:860px;}
.tituloformsensi { font: bold 18px Verdana, Arial, Helvetica, sans-serif; color:#000; padding-left:200px;}


#leftconf_sensi { padding: 0;  margin: 65px 20px 0 0; float: left; width: 400px; background:url(../images/solconflictos/sensibilizacion01.jpg) no-repeat; height:246px}

#rightconf_sensi { width: 500px; float:left; padding: 60px 10px 0 0; text-align:justify;}
#rightconf_sensi p { font: normal 12px Arial, Helvetica, sans-serif; color:#5b5a58; margin:7px 0 7px 0;}
#rightconf_sensi p.mediacion {margin:10px 0 10px 0; color:#000; text-decoration:underline;}
#rightconf_sensi p.titulos {margin:10px 0 7px 0; font: bold 15px Arial, Helvetica, sans-serif; color:#000;background-color:#ff8a00; margin-top:12px; padding:2px 0 0 10px;}

#objetivos { border:2px solid #ff8a00; float:left;}
#objetivos p { margin: 0 7px 0 7px;}
#preguntas { background-color: #777; margin:7px 7px 7px 7px; float:left; width:480px;}
#preguntas p { font: bold 14px Arial, Helvetica, sans-serif; color:#fff;}

#bloque {float:left;}
#bloque p.titulos { font: bold 15px Arial, Helvetica, sans-serif; color:#000; background-color:#ff8a00; margin-top:12px; padding:2px 0 0 10px;}
#destinatarios { border:2px solid #ff8a00; width:905px;float:left; margin-top:10px; padding: 0 10px 0 0; text-align:justify;}
#destinatarios p { margin: 0 7px 0 7px;}
#preguntas1 { background-color: #777; margin:7px 7px 7px 7px; float:left; width:900px;}
#preguntas1 p { font: bold 14px Arial, Helvetica, sans-serif; color:#fff;}

#bloque2 {float:left; width:919px;margin-top:10px;}

#jovenes { float:left; width:444px; height:328px; background:url(../images/solconflictos/fjovenes.png) no-repeat; border:2px solid #25d03d; }
#jovenes p.sup { font: bold 19px Arial, Helvetica, sans-serif; color:#fff; background-color:#000; margin:7px 0 0 3px; width:280px; }
#jovenes p.bottom { font: bold 19px Arial, Helvetica, sans-serif; text-align:left; color:#fff; margin:230px 0 0 16px; }

#libroasier { float:left; width:444px; height:328px; margin-left:23px;}
#libroasier p.video { font: normal 11px Arial, Helvetica, sans-serif; color:#444; margin-left:100px;}
#libroasier a{ font: bold 13px Arial, Helvetica, sans-serif; color:#000; }
#libroasier a:hover{ font-weight:bold; text-decoration:underline; color:#000; }
#libroasier p { font: normal 11px Arial, Helvetica, sans-serif; color:#444; margin-left:150px;}
#libro {float:left; width:440px;}
#libro p.titulo {margin:6px 0 0 120px;}
#libro a{ font: bold 13px Arial, Helvetica, sans-serif; color:#000; }
#libro a:hover{ font: bold 13px Arial, Helvetica, sans-serif; text-decoration:underline; color:#000; }
#portadalibro { height:199px; width:150px; border:1px solid #333; margin:6px 4px 0 141px; }


/* =area libro asier -------------------------------------- */
#arealibro { margin: 10px auto; padding: 10px 20px 15px 20px; border:0; width: 935px; background: url(../images/solconflictos/libroasier.png) no-repeat; height:590px;}
.titulolibro { font: bold 18px Verdana, Arial, Helvetica, sans-serif; color:#fff; padding-left:270px;}

#librodatos {padding: 0;  margin: 15px 20px 0 0; float: left; width: 250px;}
#leftlibroimg {float:left; width:250px; border:1px solid #000; margin-bottom:15px;}
#leftlibrotext p { font:normal 12px Arial, Helvetica, sans-serif; color:#333; margin:18px 0 -18px 10px;}
#leftlibrotext p.titulo { font-weight:bold; font-size:14px;}
#leftlibrotext p.leftlibrotext1 { font:normal 20px Arial, Helvetica, sans-serif; color:#333; margin:25px 0 0 10px;}

#rightlibro { width: 640px; float:left; padding: 15px 10px 0 10px; text-align:justify;}
#author {float:left; width:640px; margin: 0; padding-top:30px;}
#rightlibroimg3 {float:right; width:250px; margin:0 -50px 10px 20px;}
#rightlibro p { font: normal 12px Arial, Helvetica, sans-serif; color:#5b5a58; margin:7px 0 7px 0;}