@charset "UTF-8";
/* CSS de COFB */
/* Hoja de estilos para la Lanzadera */
/* Imports
------------------------------------------------------------------------------------------------------------------------ */
@import 'reset.css';
/* Body
------------------------------------------------------------------------------------------------------------------------ */
body { margin:0; padding:0; background:#FFF url(../images/body.gif) repeat-x; border-top:2px solid #008686; font: normal 62.5% Arial, Helvetica, sans-serif; color:#4caaaa; text-align:center;}
/* Formularios
------------------------------------------------------------------------------------------------------------------------ */
input{ font-size:1em;}
/* Enlaces
------------------------------------------------------------------------------------------------------------------------ */
a { color:#199292; border-bottom:1px dotted #199292; text-decoration:none;}
a:hover { border-bottom-style:solid;}
/* Limpiadores
------------------------------------------------------------------------------------------------------------------------ */
.clearfix:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix{ display: block;}
/* Header
------------------------------------------------------------------------------------------------------------------------ */
#header { position: relative; z-index:15; width: 77em; margin:32px auto 0;}
#header h1 { position:relative; top:3em; text-align:center;}
#header img{ position:relative; z-index:20; width:23.2em; height:4.9em;}
/* SubHeader
------------------------------------------------------------------------------------------------------------------------ */
#subheader { position:absolute; width: 100%; top:3px; left:0; padding-top: .6em; border-top: 1px solid #99c9d3; font: bold .9em Verdana, Arial, Helvetica, sans-serif;}
#subheader p#idioma { float:left; text-transform: uppercase; padding-bottom: .1em; padding-left: 1.5em;}
#subheader p#fecha { float: right; padding-right: 1.5em;}
/* Contenido
------------------------------------------------------------------------------------------------------------------------ */
#contenido{ position: relative; z-index:5; width: 77em; margin: 0 auto; padding-top:1px; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; text-align: left;}
* html #contenido{ font-size: 1.01em;} /*Hack <IE6*/
*+html #contenido{ font-size: 1.01em;} /*Hack IE7*/
/* Bienvenidos - Tecnica basada en la de Gianluca Troiani, pero corrige el problema de accesibilidad que se produce al aumentar la medida de la fuente - Fi Image Replacement */
#bienvenidos { position: relative; margin-top:-28px; z-index: 10; text-align:center;}
#bienvenidos p{ display: block; height: 156px; width: 100%;}
#bienvenidos p span{ position: relative; z-index: 15;}
/* Los Banners */
.banner { float:left; position:relative; z-index:10; width:23.6em; margin:-45px 3.05em 3.5em 0;}
.banner .imagen { border:0;}
.banner .imagen img { position:absolute; z-index:30; width:23.6em; display:block;}
.textos { top:0; left:0; height:18.2em;}
.textos h2 { font-size:2em;}
.textos p, .textos ul { font-size:1.5em; line-height:1.5em;}
.enlace { font-size:1.5em; font-weight:bold; text-align:center; padding-bottom: .1em;}
/* Banner de Colegiados */
.colegiados { margin-right:0;}
.colegiados form { float:left; position: relative; z-index:40; padding: 3.5em 0 0 .9em; height:1%;}
.colegiados form fieldset { float:left;}
.colegiados form p{ float:left; margin-right:.2em; font-size:1em; display:inline;}
.colegiados form label span { font-size:1.2em; line-height: 1em; text-transform: uppercase; color:#006060;}
.colegiados form label input { display: block; width: 7.2em; padding: .2em .1em; border: 1px solid #008686; font-size:1em; color:#828282;}
.colegiados form label input:focus { color:#000;}
.colegiados form label input.clave { width: 4em;}
.colegiados form input.boton{ float:left; width: 2em; height: 2em; margin-top:1.4em; border:0;}
.colegiados form p.aviso{ margin-top:.8em; width: 15em; color:#000; line-height: 1.1em; padding-bottom: .3em;}
.colegiados form p.aviso a{ color: #FFF; border-bottom:1px dotted #FFF; text-decoration:none;}
.colegiados form p.aviso a:hover { border-bottom-style:solid; border-bottom-color:#000; color: #000;}
/* Guía de Farmacias */
#guia{ clear:left; position: relative; z-index:1; height:10em;}
#guia .imagen { border:0;}
#guia .imagen img{ position:absolute; z-index:2; width:77em; display:block;}
#guia h3{ position:relative; top:3em; text-align:center;}
/* Boton Blog */
#btn-blg { margin: 0;}
#btn-blg a { float: left; display: block; margin: 12px 0 0; width: 238px; height: 52px; background: url(../images/cas/COFB-Blog-btn.png) 0 0 no-repeat; text-indent: -9000px; outline: none; border: none;}
#btn-blg a:hover { background-position: 0 100%;}
.del-blog { line-height: 18px; margin: 0;}
/* Footer
------------------------------------------------------------------------------------------------------------------------ */
#footer { clear:both; position: relative; z-index:1; width: 77em; margin:5em auto 0; padding-bottom:1px; border-bottom:1px solid #99c9d3; color:#706f6e;}
#footer p{ padding:5px 0; border-bottom:2px solid #008686; font-size:1.1em;}
#footer strong#provincia, #footer span{ color:#008686;}