@import url('reset.css');

body {background: #c7e37c url(../img/fondo.jpg) repeat 0 0; _background: ; _background-color:#f0f0f0; font-family: arial, sans-serif;}


#contenido-alta {margin: auto; background-color: #f0ffb6; border-top: 1px solid #bdd573;border-bottom: 1px solid #bdd573; padding: 0 0 20px 0;}
#contenido-alta-interno {width: 600px; margin: auto;padding-top: 20px;}

#contenido-pie {margin: auto; }
#contenido-pie-interno {width: 600px; margin: auto;padding: 20px 0; line-height: 20px;}
#contenido-pie-interno p {font-size: 12px; text-align: center;}

#contenido-logo {margin: auto;}
#contenido-logo-interno {width: 600px; margin: auto;}
#marco {width: 600px;}
#busca #resultados {width:400px; border: 1px solid #bdd573; margin-left: 100px;}
#pAsoc #personalAsociado {width:400px; border: 1px solid #bdd573; margin-left: 100px;}
#div-interno-alta {width: 420px; margin: auto;}
#busca #enviar{clear: both; padding: 7px 13px 8px; margin-left: 250px;}
#busca #ver{clear: both; padding: 7px 36px 8px; margin-left: 250px;}

#cargador  {text-align:center; position: fixed; background: url(../img/fondo.png) repeat 0 0;width: 0%; padding-top: 20px;height: 0%; z-index: 1000;}
#cargador  img{width: 100px; height: 100px; position:fixed;}

#texto p{font-size: 12px;}
#texto h2{font-size: 16px; text-transform: uppercase; font-weight: bold; border-bottom: 1px solid #000; margin-bottom: 20px;clear: both;}

#avisoAltaEmpresa p {background-color: #faf59d; border: 1px solid #e9de65; padding: 10px; margin-bottom: 15px; font-size: 13px; text-align: center;}
#avisoAltaEmpresa p em{font-weight: bold;}

#alertaOk, #alertaOk2  {text-align:center; position: fixed; background: url(../img/fondo.png) repeat 0 0;width: 100%; padding-top: 20px;height: 100%; z-index: 1000;}
#alertaOk  .recuadro, #alertaOk2  .recuadro {width: 300px; margin: auto;margin-top: 200px; background-color: #fff; border: 3px solid #000; padding: 20px; position: relative;}
#alertaOk  div .cerrar, #alertaOk2  div .cerrar{font-weight: bold;background-color: #000; border: 1px solid #ccc; font-size: 14px; height: 15px;position: absolute;right: 2px;top: 2px;width: 14px;}
#alertaOk  div .cerrar a, #alertaOk2  div .cerrar a{color: #fff; text-decoration: none;}

/*ENCABEZADO*/
#logo {padding: 20px 0 50px 20px;}
#logo h1 {margin: 35px 0 0 -8px;}
#logo h1 a {background: transparent url(../img/logo-expofarmacia.png) no-repeat 0 0 !important;
	background-image: none;
	filter: none !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/logo-expofarmacia.png"); 
	padding: 50px 60px; .padding: 1px; .width: 120px;.height: 116px; .text-indent: -600px; .overflow: hidden; .float: left; .margin: -50px 0 0 -7px;cursor:pointer; }
#logo h1 a span{display: none; .display: ; .width: 120px;.height: 116px; }
#encabezado #banner img{border: 3px solid #ccc;}

#logo p {font-size: 12px; line-height: 18px; text-align: center;color: #222; }
#fecha-logo {font-weight: bold;}
#logo div {margin: -34px 0 0 100px;width: 140px; .width: ; .margin: -20px 0 0 -200px; .text-indent: -25px;}


/*RESERVE SU STAND*/

/*  #recuadro-reservar-stand {width: 221px; height: 150px;background: transparent url(../img/reserve-stand.jpg) no-repeat 0 0; }
#recuadro-reservar-stand h2 {color: #fff; text-shadow: 1px 1px #444; font-size: 16px; padding: 16px 0 21px 48px;}
#recuadro-reservar-stand p {text-align: center; font-size: 16px; line-height: 23px;}
#recuadro-reservar-stand p strong{font-weight: bold; font-size: 18px;}
#recuadro-reservar-stand a{line-height: 38px;background: transparent url(../img/boton-click-aqui-reserva.png) no-repeat 0 0; _background: transparent url(../img/boton-click-aqui-reserva.gif) no-repeat 0 0;
	color: #fff; text-shadow: 1px 1px #bd5d1d; text-decoration: none; padding: 9px 16px; margin-left:60px;}

#recuadro-reservar-stand a:hover{line-height: 38px;background: transparent url(../img/boton-click-aqui-reserva-hover.png) no-repeat 0 0; _background: transparent url(../img/boton-click-aqui-reserva-hover.gif) no-repeat 0 0;
	color: #fff; text-shadow: 1px 1px #bd5d1d; text-decoration: none; padding: 9px 16px; margin-left:60px;}   */
	

#recuadro-reservar-stand  {padding: 10px 0;}
#recuadro-reservar-stand h3 {color: #000; font-size: 16px;  padding: 5px 0 5px 25px; font-weight: bold;}
#recuadro-reservar-stand p {text-align: center; font-size: 16px; line-height: 23px;}
#recuadro-reservar-stand p strong{font-weight: bold; font-size: 18px;}
#recuadro-reservar-stand a{line-height: 38px;background: transparent url(../img/boton-click-aqui-reserva.png) no-repeat 0 0; _background: transparent url(../img/boton-click-aqui-reserva.gif) no-repeat 0 0;
color: #fff; text-shadow: 1px 1px #bd5d1d; text-decoration: none; padding: 9px 16px; margin-left:60px;}
#recuadro-reservar-stand a:hover{line-height: 38px;background: transparent url(../img/boton-click-aqui-reserva-hover.png) no-repeat 0 0; _background: transparent url(../img/boton-click-aqui-reserva-hover.gif) no-repeat 0 0;
	color: #fff; text-shadow: 1px 1px #bd5d1d; text-decoration: none; padding: 9px 16px; margin-left:60px;} 


/*EXPOSITOR*/

#recuadro-expositor {background: transparent url(../img/expositor-repite-y.jpg) repeat-y 0 0; margin: 0 0 10px 0;}
#recuadro-expositor h2 {text-transform: uppercase;background: transparent url(../img/expositor-top.jpg) no-repeat 0 0; height: 34px; color: #fff; text-shadow: 1px 1px #222; font-size: 16px; padding: 18px 0 0 48px;}
#recuadro-expositor .novedades-fondo {background: #b9b9b9 url(../img/novedades-repite-x.jpg) repeat-x 0 0;width: 213px; margin-left: 4px;}
#recuadro-expositor .novedades-fondo .novedad {color: #222; padding: 10px 5px 10px 5px;background: transparent url(../img/linea-separa.jpg) no-repeat 0 top;}
#recuadro-expositor .novedades-fondo .novedad-sin-linea {color: #222; padding: 10px 5px 0 5px;}
#recuadro-expositor .novedades-fondo .novedad h3, #recuadro-expositor .novedades-fondo .novedad-sin-linea h3 {font-size: 13px; font-weight: bold;}
#recuadro-expositor .novedades-fondo .novedad p, #recuadro-expositor .novedades-fondo .novedad-sin-linea p {font-size: 10.5px;}
#recuadro-expositor .novedades-fondo .novedad a, #recuadro-expositor .novedades-fondo .novedad-sin-linea a {background: transparent url(../img/boton-novedades.png) no-repeat 0 0; _background: transparent url(../img/boton-novedades.gif) no-repeat 0 0; color: #fff; font-size: 12px;text-shadow: 1px 1px #1d1d1d; text-decoration: none; padding: 5px 10px; margin-left: 128px; line-height: 30px;}
#recuadro-expositor .novedades-fondo .novedad a:hover, #recuadro-expositor .novedades-fondo .novedad-sin-linea a:hover {background: transparent url(../img/boton-novedades-hover.png) no-repeat 0 0; _background: transparent url(../img/boton-novedades-hover.gif) no-repeat 0 0; color: #fff; font-size: 12px;text-shadow: 1px 1px #1d1d1d; text-decoration: none; padding: 5px 10px; margin-left: 128px; line-height: 30px;}

#expositor-bottom {background: transparent url(../img/expositor-bottom.jpg) no-repeat 0 0; height: 16px; width: 221px; }


/*NOVEDADES*/

#recuadro-novedades {background: transparent url(../img/novedades-repite-y.jpg) repeat-y 0 0; margin-bottom: 10px;}
#recuadro-novedades h2 {background: transparent url(../img/novedades-top.jpg) no-repeat 0 0; height: 34px; color: #fff; text-shadow: 1px 1px #719509; font-size: 16px; padding: 18px 0 0 48px;}
#recuadro-novedades .novedades-fondo {background: #b9b9b9 url(../img/novedades-repite-x.jpg) repeat-x 0 0;width: 213px; margin-left: 4px;}
#recuadro-novedades .novedades-fondo .novedad {color: #222; padding: 10px 5px 10px 5px;background: transparent url(../img/linea-separa.jpg) no-repeat 0 bottom;}
#recuadro-novedades .novedades-fondo .novedad-sin-linea {color: #222; padding: 10px 5px 0 5px;}
#recuadro-novedades .novedades-fondo .novedad h3, #recuadro-novedades .novedades-fondo .novedad-sin-linea h3 {font-size: 13px; font-weight: bold;}
#recuadro-novedades .novedades-fondo .novedad p, #recuadro-novedades .novedades-fondo .novedad-sin-linea p {font-size: 10.5px;}
#recuadro-novedades .novedades-fondo .novedad a, #recuadro-novedades .novedades-fondo .novedad-sin-linea a {background: transparent url(../img/boton-novedades.png) no-repeat 0 0; _background: transparent url(../img/boton-novedades.gif) no-repeat 0 0; color: #fff; font-size: 12px;text-shadow: 1px 1px #1d1d1d; text-decoration: none; padding: 5px 14px; margin-left: 128px; line-height: 30px;}
#recuadro-novedades .novedades-fondo .novedad a:hover, #recuadro-novedades .novedades-fondo .novedad-sin-linea a:hover {background: transparent url(../img/boton-novedades-hover.png) no-repeat 0 0; _background: transparent url(../img/boton-novedades-hover.gif) no-repeat 0 0; color: #fff; font-size: 12px;text-shadow: 1px 1px #1d1d1d; text-decoration: none; padding: 5px 14px; margin-left: 128px; line-height: 30px;}

#recuadro-2-verde-bottom {background: transparent url(../img/novedades-bottom.jpg) no-repeat 0 0; height: 16px; width: 221px; }

/*COMO LLEGAR*/

#recuadro-como-llegar h2{background: transparent url(../img/como-llegar-top.jpg) no-repeat 0 0; width: 301px; height: 31px; text-transform: uppercase; color: #fff;text-shadow: 1px 1px #bd5d1d; font-size: 16px; padding: 18px 0 0 48px;}
#recuadro-como-llegar iframe{border-left: 4px solid #fc8f03;border-right: 4px solid #fc8f03;}
#recuadro-como-llegar p {margin-top: 10px;}
#recuadro-como-llegar p a{background: transparent url(../img/como-llegar-mas-info.jpg) no-repeat 0 0; width: 301px; height: 82px; text-transform: uppercase; font-size: 18px; padding: 14px 117px 46px 10px; color:#222; font-weight: bold; text-decoration: none;}
#recuadro-como-llegar p a:hover{background: transparent url(../img/como-llegar-mas-info-hover.jpg) no-repeat 0 0; width: 301px; height: 82px; text-transform: uppercase; font-size: 18px; padding: 14px 117px 46px 10px; color:#f00; font-weight: bold; text-decoration: none;}
#recuadro-como-llegar p a span{left: -44px;position: relative;top: 20px;}

/*HOTELES*/

#recuadro-hoteles {margin-bottom: 26px;}
#recuadro-hoteles p{margin-top: 70px;}
#recuadro-hoteles p strong a {background: transparent url(../img/boton-hoteles.jpg) no-repeat 0 0; width: 315px; height: 58px;text-transform: uppercase; color: #fff;text-shadow: 1px 1px #bd5d1d; font-size: 16px; padding: 20px 36px 28px 48px; .float: left; text-decoration: none; }
#recuadro-hoteles p strong a:hover {background: transparent url(../img/boton-hoteles-hover.jpg) no-repeat 0 0; width: 315px; height: 58px;text-transform: uppercase; color: #fff;text-shadow: 1px 1px #bd5d1d; font-size: 16px; padding: 20px 36px 28px 48px; text-decoration: none; }

#reglamento-2011 {_margin-top: -80px;}
.boton-gris-izq {margin-bottom: 26px;}
.boton-gris-izq p{margin-top: 20px;}
.boton-gris-izq p strong a {position: relative; background: transparent url(../img/boton-gris-izq.jpg) no-repeat 0 0; width: 221px; height: 52px;text-transform: uppercase; color: #fff;text-shadow: 1px 1px #333; font-size: 16px; padding: 20px 23px 28px 48px; .float: left; text-decoration: none; }
.boton-gris-izq p strong a span {
    left: 49px;
    position: absolute;
    top: 30px;
}
.boton-gris-izq p strong a:hover {background: transparent url(../img/boton-gris-izq-hover.jpg) no-repeat 0 0; width: 221px; height: 52px;text-transform: uppercase; color: #fff;text-shadow: 1px 1px #333; font-size: 16px; padding: 20px 23px 28px 48px; text-decoration: none; }


/*PIE*/

#pie {clear: both; color: #222; padding-top: 20px;background: transparent url(../img/fondo-pie.jpg) repeat 0 0; margin: 0 8px; width: 986px; border-top: 1px solid #999; }
#pie a{color: #222;text-decoration: none;}
#pie a:hover{color: #666;text-decoration: none;}
#pie ul {font-size: 11px; text-align: center;}
#pie ul li{display: inline; padding: 0 16px; }
#pie ul .linea-separa{display: inline; padding: 0 16px; border-right: 1px solid #222;}
#pie p {font-size: 10px; width: 800px; text-align: center; margin: auto; margin-top: 10px; background: transparent url(../img/linea-pie.jpg) repeat-x 0 0; padding: 10px 25px;}


/*GALERIA DE IMAGENES*/


.gal_fotos img {border: 1px solid #888;padding: 4px; width: 125px; margin-bottom: 5px;}


/*ACREDITACION*/



form {position: relative; padding-bottom: 60px;margin-bottom: 10px; _position: none;  _margin-bottom: 0;}
.formulario {padding-bottom: 130px;}
.formulario2 {padding-bottom: 290px;}
#interno-col-2 #recuadro-form p{font-size: 12px; padding: 10px;}
#interno-col-2 #recuadro-form p strong{font-weight: bold;}
#interno-col-2 #recuadro-form p a{font-weight: bold; color: #333; text-decoration: none;}
#interno-col-2 #recuadro-form p a:hover{text-decoration: underline;}
form .label-form {float: left; clear: left;height: 25px;width: 120px; margin: 10px 0 0 37px; text-align: right;}
form .input-form {width: 220px; height: 24px;background-color: #eee;border: 1px solid #bdd573;float: left;margin: 10px 0 0 20px;}
form .textarea-form {width: 220px; height: 24px;background-color: #eee;border: 1px solid #bdd573;float: left;margin: 10px 0 0 20px; height: 100px;}
form #tipo_doc {background-color: #eee;border: 1px solid #bdd573;padding: 3px;text-align: left;}
form #pais {background-color: #eee;border: 1px solid #bdd573;padding: 3px;height: 25px; }
form .boton {font-size: 16px; cursor: pointer; clear: both;background: transparent url(../img/boton-click-aqui-reserva.png) no-repeat 0 0; border: 0px; padding: 7px 30px 8px 29px; .padding: 5px 30px 9px 10px; text-shadow: 1px 1px #BD5D1D; color: #fff; margin: 10px 0 10px 150px; position: absolute; bottom: 0px; left: 10px;}
form .boton-1 {}
form .boton:hover {clear: both;background: transparent url(../img/boton-click-aqui-reserva-hover.png) no-repeat 0 0;}

form .check {width: 220px;float: left;margin: 10px 0 10px 20px;}
.tipo-empresa {background-color: # ccc;}
form #act_lab {width: 400px;}
#tipo_empresa #frmEMFarmacia {}

form h3 {clear: both; font-size: 16px; margin-bottom: 5px;color: #fff; height: 19px; border-bottom: 1px dashed #578602; padding: 7px;text-transform: uppercase; background: transparent url(../img/fondo-titu-form.jpg) repeat-x 0 0;}

form .casilla-documento {margin-bottom: 15px;}
#form_inscripcion_1 .recuadro-texto {background-color: #fcffa8; border: 1px solid #eae567; padding: 10px; margin-top: 10px;}
#form_inscripcion_1 .recuadro-texto p {font-size: 12px; line-height: 18px;}
#form_inscripcion_1 .recuadro-texto p strong{font-weight: bold;} 

/*BASES*/

#bases li{font-size: 12px; color: #333; margin: 15px 0;}
#bases li strong{font-weight: bold;}