/* Reset */
@import url('reset.css');
/* General */
html { height:100%; }
*, *:after, *:before {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding:0;
	margin:0;
}
body {
 font-family:"Open Sans", Arial, sans-serif;
 font-size:18px;
 background-color:#fff;
 color:#000000;
 -webkit-font-smoothing:antialiased;
 line-height:14px;
}
.cf:after, .cf:before {
 content:"";
 display:table;
}
p .nota {
	color:#F7102C;
}

.cf:after { clear:both; }
.cf {  zoom:1; }
.clear { clear:both; height:0; line-height:0; }
.al { float:left; text-align:left; }
.ar { float:right; text-align:right; }
.ac { text-align:center; margin:0 auto; }
.ng { font-weight:bold; }
.capa {
 margin:0 auto;
 width:960px;
 padding:10px;
 position:relative;
 background-color:#fff;
}
a {
 text-decoration:none;
 -webkit-transition:all 0.3s ease;
 -moz-transition:all 0.3s ease;
 -o-transition:all 0.3s ease;
 transition:all 0.3s ease;
 outline:none;
  font-weight:bold;
  color:#000000;
}
a:hover {
 text-decoration:none;
	color:#333;
}
.clr {
	clear:both;
	float:none;
}
/* Galerķas */
.pie { font-size:10px Verdana, sans-serif; }
.pas {
 float:left;
	width:150px;
	height:200px;
	margin:0 auto;
	text-align:center;
	vertical-align:middle;
	padding:0;
	border:1px dotted black;
}
.ext {
 position:relative;
 /*margin:1.1em 0.2em 0 0.2em;*/
	vertical-align:middle;
 background:#bbb;
 border:1px solid #a6c69f;
}
.int {
 background:#fff;
 border:1px solid #a6c69f;
 position:relative;
 padding:5px;
 font-weight:normal;
}
.ltin { left:-3px; }
.tpin { top:-3px; }
.rtin { left:3px; }
.image {
	float:left;
	padding:0;
}
div#contenedor { text-align:center; margin:0 auto; width:960px; overflow:hidden; }
div#contenedor_socio { text-align:center; margin:0 auto; width:1400px; overflow:hidden; }
/* Acceso */
.campo1 { font-size:18px;
top: 25px;

 }
.campo { font-size:18px;}
.titulo { font:bold 22px "Open Sans", Arial, sans-serif; color:#767676; text-align:center; margin:0 auto; padding-bottom:42px; width:100%; background-color:#fff; }
.seccion { font:bold 22px "Open Sans", Arial, sans-serif; color:#000000; margin-bottom:36px; }
.boton { font-size:18px; font-weight:bold; height:36px; padding:3px 18px; background-color:#a6c69f; color:#efefef; cursor:pointer; }
fieldset {
 width:420px;
 background-color:#fff;
 border:1px solid #a6c69f;
 -webkit-border-radius:12px;
 -moz-border-radius:12px;
 -opera-border-radius:12px;
 -khtml-border-radius:12px;
 border-radius:12px;
 -webkit-box-shadow:0 0 12px #bbb;
 -moz-box-shadow:0 0 12px #bbb;
 box-shadow:0 0 12px #bbb;
 padding:24px;
 padding-top:32px;
}
legend {
 background-color:#a6c69f;
 color:#efefef;
 -webkit-border-radius:8px;
 -moz-border-radius:8px;
 -opera-border-radius:8px;
 -khtml-border-radius:8px;
 border-radius:8px;
 -webkit-box-shadow:0 0 8px #ddd;
 -moz-box-shadow:0 0 8px #ddd;
 box-shadow:0 0 8px #ddd;
 padding:4px 16px 6px;
 position:absolute;
 margin:-45px 0 0 4px;
 font:12px 'Titillium Web', Helvetica, Arial, sans-serif;
 font-weight:bold;
}
input:focus, textarea:focus { outline:none; }
/* Mi AFOAN */
.opcion { font:12px "Open Sans", Arial, sans-serif, serif; text-align:left; padding-left:24px; padding-top:12px; }
.evento { width:780px; font:12px "Open Sans", Arial, sans-serif; text-align:justify; padding:12px 24px 16px 36px; }
.evento_titulo { width:780px; font: bold 16px "Open Sans", Arial, sans-serif; text-align:justify; padding:12px 24px 16px 36px; }
.evento_texto { width:780px; font:14px "Open Sans", Arial, sans-serif; text-align:justify; padding:12px 24px 16px 36px; }
.pestanactiva { width:120px; height:25px; background-image:url(../imgs/tab_active.gif); background-repeat:no-repeat; white-space:nowrap; border-bottom-width:0; font:12px "Open Sans", Arial, sans-serif !important; color:#000; cursor:pointer; }
.pestanatras { width:120px; height:25px; background-image:url(../imgs/tab.gif); background-repeat:no-repeat; white-space:nowrap; border-bottom:1px solid #a6c69f; font:12px "Open Sans", Arial, sans-serif !important; color:#000; cursor:pointer; }
.pestanatras:hover { background-image:url(../imgs/tab_hover.gif); }
.pestanactiva span, .pestanatras span { position:relative; top:3px; font:12px "Open Sans", Arial, sans-serif !important; }
/* Foto del Mes */
div#envoltorio { position:relative; width:802px; height:800px; overflow-y:auto; overflow-x:hidden; }
div#envoltorio:not(*:root) { width:804px; }
form#frm-mensual { font:12px "Open Sans", Arial, sans-serif; }
dt { float:left; clear:left; width:150px; padding:2px 5px 8px 0; text-align:right; }
dt:first-letter { text-decoration:underline; }
dd { text-align:left; padding-left:5px; padding-bottom:8px; }
dl { padding-bottom:12px; }
div#cargando { position:relative; top:-96px; left:424px; font:12px "Open Sans", Arial, sans-serif; display:none; }
div.mini { background:#eee; margin:4px; border:1px solid #a6c69f; height:auto; width:auto; float:left; text-align:center; font:10px 'Titillium Web', Helvetica, Arial, sans-serif; }
.mini img { display:block; margin:5px; border:1px solid #91a7b4; }
div.izq { float:left; clear:left; text-align:left; line-height:150%; margin:0; padding:2px 2px 2px 8px; }
div.der { float:left; padding:0; margin:0; width:15px; font-size:0; }
div.med { float:left; width:40%; text-align:left; line-height:150%; margin:0; padding:0; }
div.espaciador { clear: both; height:0; font-size:0; margin:0; padding:0; }
p.nav { font:12px "Open Sans", Arial, sans-serif; font-weight:bold; color:#888; padding-top:12px; cursor:pointer; cursor:hand; }
a.nav { font:12px "Open Sans", Arial, sans-serif; font-weight:bold; color:#888; text-decoration:none; }
div.nav { float:left; font:12px "Open Sans", Arial, sans-serif; font-weight:bold; color:#888; cursor:pointer; cursor:hand; margin-top:16px; }