@charset "utf-8";
/* CSS Document */
/* Autora: Maria Sala
 * Cliente: Fibrosis Quística Andalucía
 * Página web: http://www.fqandalucia.org
 */
* {margin:0;padding:0;}

/* definicion de estilos */
body {background:#cacaca url(../img/bg_seccion.gif) repeat-x top left;font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#7a7a7a;color:#000000}
a{text-decoration:none;font-weight:normal;color:#d85a28;}
a:hover{color:#016952;}
h1,h2,h3,h4,h5,h6,h7 {font-family:"Trebuchet MS";text-align:right;margin:5px 0;}
h1 {font-size:18px; font-weight:bold;color:#d85a28;}
h2 {font-size:16px;font-weight:bold;color:#016952;}
h3 {font-size:14px;font-weight:bold;color:#4590c9;}
p{font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#313131;margin:10px 0;text-align:justify;}
ul {margin:10px 0;}
ol {margin:10px 0 10px 20px;list-style-type:decimal;padding-left:10px;}
ul li {margin-left:10px;background:url(../img/arrow.gif) no-repeat 0 3px;padding-left:10px;list-style:none;margin-bottom:5px;}
img {border:none;}
/* estructura */
#wrapper {margin:0 auto; width:760px; border-left:solid 3px #d85a28;border-right:solid 3px #d85a28;background-color:#FFF;}
#contenido {margin:10px;overflow:auto;background:url(../img/bg_contenido.gif) repeat-y 165px center;}
#col1 {width:160px;float:left;}
#col2 {padding:10px;width:410px;float:left;margin:5px;text-align:justify;}
#col2 p {font-family:Arial, Helvetica, sans-serif;font-size:12px;}
#col2 li {text-align:left;}
#col3 {float:right;width:140px;}

/* menu top */
#menu_top {background:#016952 url(../img/bg_top.gif) repeat-x top left;height:32px; color:#d85a28;font-family:"Trebuchet MS";font-size:12px;}
#menu_top ul {margin:6px 20px 0 20px}
#menu_top li{display:inline;background:none;margin:0;padding:0;}
#menu_top a {color:#FFF;text-decoration:none;}
#menu_top a:hover {color:#9cd2c6;text-decoration:underline}
#menu_top li#escribe {background:url(../img/sobre.gif) no-repeat center right;padding-right:22px;}
#menu_top li#foro {background:url(../img/foro.gif) no-repeat top right;padding-right:22px;}

/* menu */
#menu {margin:10px;border-top:solid 1px #d7d7d7;border-bottom:solid 1px #d7d7d7;font-family:"Trebuchet MS";font-size:12px;color:#434343;font-weight:bold;}
#menu li {margin:0;display:inline;margin-right:13px;padding-left:11px;background:#FFF url(../img/bullet_orange.gif) no-repeat center left;font-weight:bold;}
#menu li a{text-decoration:none;font-weight:normal;color:#434343;}
#menu li a:hover {color:#d85a28;}

/* submenu */
#col1 ul {padding: 20px 0;margin:0;}
#col1 li{margin:0;background:#FFF url(../img/bullet_green.gif) no-repeat 0 4px;padding-left:10px;font-family:"Trebuchet MS";font-size:11px; list-style:none;margin-bottom:10px;border-bottom:solid 1px #e4e4e4;padding-bottom:10px;}
#col1 li a{text-decoration:none;color:#434343;}
#col1 li a:hover {color:#016952;}

/* sub-menu superior*/
#sub_top {margin:5px 0 20px 0;}
#sub_top ul {font-family:"Trebuchet MS";padding:0;margin:10px 0;margin-bottom:20px;}
#sub_top li {background:none;margin:0;background-color:#e2e2e2;margin-bottom:1px;padding:4px;}
#sub_top a{color:#313131;}
#sub_top a:hover {color:#016952}
	/* navegación para el abecedario */
	#abc {margin:5px auto 20px auto;background-color:#e2e2e2;padding:5px 0 ; text-align:right;}
	#abc a{padding:6px 3px 6px 2px;text-align:center;color:#313131;border-right:solid 1px #FFF;font-size:11px;}
	#abc a:hover {color:#016952;}

#sub_sub ul {font-family:"Trebuchet MS";padding:0;margin:10px 0;margin-bottom:20px;}
#sub_sub li {background:none;margin:0;margin-bottom:1px;padding:4px;border-bottom:solid 1px #016952}


/* usuarios */
#acceso {background:#FFF url(../img/h1_orange.gif) repeat-x top left;margin-bottom:10px;}
#acceso h1{margin:0;color:#FFF;text-transform:uppercase;display:block;height:20px;padding:4px 0 0 7px;font-size:12px;text-align:left;}

/* banners */
#social {background:#FFF url(../img/banner_social.jpg) no-repeat top center;height:40px;padding-top:75px;}
#social h1, #juridico h1{text-align:left;background:#fff url(../img/bg_banner.gif) repeat-x 73px center;color:#016952;text-transform:uppercase;padding-bottom:10px;padding-left:10px;font-size:12px;font-weight:bold;}
#social a, #juridico a {color:#016952;font-weight:bold;}

#psico {background:#FFF url(../img/banner_psico.jpg) no-repeat top center;height:40px;padding-top:75px;}
#psico h1{text-align:left;background:#fff url(../img/bg_banner.gif) repeat-x 73px center;color:#d85028;text-transform:uppercase;padding-bottom:10px;padding-left:10px;font-size:12px;font-weight:bold;}
#psico a {color:#d85a28;font-weight:bold;}

#juridico {background:#FFF url(../img/banner_justicia.jpg) no-repeat top center;height:40px;padding-top:75px;}

#social_home a:hover,#psico_home a:hover, #juridico_home a:hover {text-decoration:underline;}

/*contenido*/
#print {background:url(../img/print.gif) no-repeat left center;padding-left:19px;margin-bottom:20px;}
#print a {color:#434343;}
#print a:hover {color:#016952;}
.cal {background:url(../img/bg_cal.gif) no-repeat top center;float:left;width:78px; height:91px;}
.buscador {border:solid 1px #4590c9;padding:10px;margin-bottom:50px;color:#707070}
.calendario {margin:0 20px 0 2px;}
.calendario_frame {width:132px; height:142px;visibility:visible; z-index:999; position:absolute; top:-500px; left:-500px;overflow:hidden; border:none }
/* columna destacados */
.dest {border:solid 1px #d6d6d6; border-bottom:solid 3px #4590c9;margin-bottom:5px;padding:5px;background:#FFF url(../img/bg_dest.gif) repeat-x bottom center;}
.dest h2 {text-align:left;font-size:12px;}
.dest a {color:#4590c9;text-decoration:none;font-weight:bold;}
.dest a:hover {text-decoration:underline;}

.banner {margin:10px 0;overflow:hidden}
.banner img {border:none;}

/*pie*/
#pie {background-color:#016952;padding:10px;overflow:auto;text-align:left;}
#pie p{color:#9cd2c6;margin:0;}
#pie span {color:#FFF;}
#contacto {background:#016952 url(../img/logo_neg.gif) no-repeat 0 0;float:right;width:380px;text-align:right;height:60px;}

/* subvencion*/
#subvencion {background-color:#4590c9;padding:10px;overflow:auto;width:746px;margin:0 auto;border-top:solid 3px #CACACA;}
#subvencion img{border:none;text-decoration:none;}

/* formularios */
input, textarea {border: solid 1px #016952; background-color:#e5f0ed;margin:2px 0;color:#016952;}

/* botones */
.but_r {background:url(../img/bg_entrar.gif) no-repeat top right;border-top:solid 1px #e2e2e2;text-align:right;margin-top:10px;height:20px;}
.but_l {background:url(../img/bg_entrar.gif) no-repeat top left;border-top:solid 1px #e2e2e2;text-align:left;margin-top:10px;height:20px;padding-left:10px;}

.but_r a, .but_l a{color:#000;text-decoration:none;font-size:11px}
.but_r a:hover, .but_l a:hover{color:#016952;}



/* clases */
.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.box {border:solid 1px #9a9a9a;border-top:none;font-size:11px;padding:5px;padding-top:15px;}
.gris {color:#707070;text-align:left;margin:0;}
.green {color:#016952;}
.blue {color:#4590c9;}
.pregunta {font-weight:bold;background:url(../img/help.png) no-repeat 0 0;padding-left:20px;min-height:16px;}
.respuesta {margin-left:20px;}
.error {color:#8F004C; text-align:center;font-weight:bold;}
.info {border:solid 3px #e2e2e2;padding:10px;overflow:auto;}
.txt_left {text-align:left;}
.fecha {font-family:"Trebuchet MS"; color:#d85028;font-size:12px;}
.center {width:100%;text-align:center;}
.mes {font-family:"Trebuchet MS"; text-align:center;font-size:18px; font-weight:bold;width:100%;color:#FFF;display:block;margin-top:2px;}
.dia {font-family:"Trebuchet MS"; text-align:center;font-size:36px; font-weight:bold;width:100%;color:#016952;display:block;margin-top:2px;}
.anyo {font-family:"Trebuchet MS"; text-align:center;font-size:14px;width:100%;color:#d85a28;display:block;margin-top:20px;}
.obl {background-color:#FFE8DF;padding:2px;}
.margen-izquierdo {margin-left:40px;}
p{font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#313131;margin:10px 0;text-align:justify;}

/* anchos */
.w110 {width:110px;}
.w185 {width:185px;}
.w200 {width:200px;}
.w300 {width:300px;}
.w330 {width:330px;}

/*estilos del wysiwyg*/
.style1 {
	color: green;
	font-family: Arial, Helvetica, sans-serif;
    font-weight : bolder;
	font-size: 10pt;
}
.style2 {
	color: red;
  background-color: #dddddd;
	font-family: Arial, Helvetica, sans-serif;
  font-weight : bolder;
	font-size: 12pt;
}