* {
	margin:0;
	padding:0;
	border:0;
}

article, figcaption, figure, footer, header, hgroup, nav, section {
	display:block;
}

body {
	color: #1D1D1B;
	font-family: 'Barlow', sans-serif;
	font-size:14px;
  line-height: 1.42857143;
  color: #333333;
  background-color: #ffffff;
  margin: 0;
  font-weight: 300;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

a,a:link,a:active,a:visited {
	color:#1D1D1B;
	font-weight:bold;
	text-decoration:none;
}
a:hover{
	color:#87D6F2;
}

figcaption {
	color:#1D1D1B;
	font-size:0.8em;
	font-weight:normal;
	padding:0.25em;
	text-align:center;
}

img, video {
	max-width:100%;
}

header {
	color: #FFF;
	margin: 0 auto;
	padding:0;
	text-align:center;
	width: 100%;
}

nav {
background: #0Ff;
width: 100%;
}


section#contentsocios {
	background:none;
	margin: 0px auto;
	width:100%;
	max-width: 900px;
	min-height:700px;
	padding:0;
	text-align:center;
	font-size:1.5em;
}

section#toda {
	background: #FFF;
	color: #1D1D1B;
	width:100%;
	padding:0.75em;
	text-align:left;
	display:inline-block;
	vertical-align:top;
	padding-bottom:30px;
}
section#socios2 {
	background:none;
	width:100%;
	max-width:900px;
	padding:0.75em;
	display:inline-block;
	vertical-align:top;
	padding-bottom:30px;
	margin:0px auto;
}

section#contentsociosgrande {
	background:none;
	margin: 0px auto;
	width:100%;
	min-height:700px;
	padding:0;
	text-align:center;
	font-size:1.5em;
}
section#socios2grande {
	background:none;
	width:1400px;
	vertical-align:top;
	padding-bottom:30px;
	margin:0px auto;
}
#carnet {
margin:auto;
margin-bottom:20px; 
/*background-image:url("../images/carnetsocio2.png");
background-repeat: no-repeat;
background: #3EAAE4;*/
width:450px; 
height:295px;
}
#carnet2 {
padding-top:10px; 
text-align:center;
}
#carnet3 {
padding-top:30px; 
background: #3EAAE4;
opacity:0.9;
border-radius: 15px;
text-align:center;
color:#ffffff;
}

#compartir {
margin:20px 0px;
}

section#footsocios {
	background: #3EAAE4;
	min-height:120px;
	padding-top:20px;
	text-align:center;
	font-size:1.2em; 
	color:#FFFFFF;
}

/* transicion en images al ponerse encima */
.fade {
	-ms-transition: all 0.5s ease-in;
	-moz-transition: all 0.5s ease-in;
	-o-transition: all 0.5s ease-in;
	-webkit-transition: all 0.5s ease-in;
	transition: all 0.5s ease-in;
	opacity: 1;
	filter: alpha(opacity=10);
}
.fade:hover {
	-ms-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
	opacity: 0.7;
	filter: alpha(opacity=7);
}


.titulo {
	font-size: 3.3em;
	margin-bottom: 10px;
	margin-left:2px;
	margin-top:3px;
	letter-spacing: 1px;
	color:#1D1D1B;
}

.subtitulo {
	font-size: 1.6em;
	margin-bottom: 10px;
	color:#666666;
	letter-spacing: 1px;
	padding: 2px;
}

.texto {
	font-size: 1.5em;
	font-weight: normal;
}

.chico{
font-size:10px;
color:#666666;
}

.rojo{
color:red;
font-weight: bolder;
}
.verde{
color: Green;
font-weight: bolder;
}

thead{
 text-align: center;
 font-size: 12px;
font-weight: bolder;
color: White;
background-color: #3EAAE4;
}

tfoot{
 text-align: center;
 font-size: 11px;
font-weight: bolder;
color: White;
background-color: #3EAAE4;
}


input, textarea, select, button {
	background-color: #eeeeee;
	font-size: 14px;
	color: #1D1D1B;
	border:1px solid #3EAAE4;
	padding:4px;
}
input:focus, select:focus {
	border:1px solid #1D1D1B;
}


.error{
	padding:5px 5px 5px 50px;
	margin-bottom:2px;
	margin-top:2px;
	margin-left:auto;
	margin-right:auto;
	border:1px solid #3EAAE4;
	background-color:#ffffff;
	font-size:0.9em;
	color:#1D1D1B;
	text-align:center;
	background-image:url(../images/2024/cross.png);
	background-repeat:no-repeat;
	background-position:left;
}
.error b{
	color:#1D1D1B;
}
.ok{
	padding:5px 5px 5px 50px;
	margin-bottom:2px;
	margin-top:2px;
	margin-left:auto;
	margin-right:auto;
	border:1px solid #3EAAE4;
	background-color:#ffffff;
	font-size:0.9em;
	color:#1D1D1B;
	text-align:center;
	background-image:url(../images/2024/check.png);
	background-repeat:no-repeat;
	background-position:left;
}
.ok b{
	color:#5A6F26;
}

.adv{
	padding:5px 5px 5px 50px;
	margin-bottom:2px;
	margin-top:2px;
	margin-left:auto;
	margin-right:auto;
	border:1px solid #3EAAE4;
	background-color: #ffffff;
	font-size:0.9em;
	color: #1D1D1B;
	text-align:center;
	background-image:url(../images/2024/info.png);
	background-repeat:no-repeat;
	background-position:left;
}
.adv b{
	color: #1D1D1B;
}


.info{
	padding:5px 5px 5px 50px;
	margin-bottom:2px;
	margin-top:2px;
	margin-left:auto;
	margin-right:auto;
	border:1px solid #3EAAE4;
	background-color:#ffffff;
	font-size:0.9em;
	color:#1D1D1B;
	text-align:center;
	background-image:url(../images/2024/info.png);
	background-repeat:no-repeat;
	background-position:left;
}
.info b{
	color: #1D1D1B;
}

.noprint
{ display: none; }


@media(min-width:992px) {

}
@media(max-width:990px) {


}
@media(max-width:800px) {


}
@media(max-width:600px) {
	
	#carnet {
	background:none;
	width:96%; 
	height:auto;
	}
	#carnet2 {
	padding-top:30px; 
	padding-right:20px;
	text-align:center;
	}
	
	
}

@media(max-width:400px) {
	
	}


.target {
  display: none;
}

#f1:checked ~ #t1 {
  display: block;
}

#f2:checked ~ #t2 {
  display: block;
}

#f3:checked ~ #t1,
#f3:checked ~ #t2 {
  display: block;
}


.radio-toolbar input[type="radio"] {
  display: none;
}
.radio-toolbar label {
  display: inline-block;
  background-color: #eee;
  padding: 12px 10px;
  width:75px;
  margin:5px;
  font-size: 18px;
  cursor: pointer;
}
.radio-toolbar input[type="radio"]:checked+label {
  background-color: #0099D4;
}
.radio-toolbar input[type="radio"]:disabled+label {
  background-color: #fe1D1D1B0;
}



/* Change the white to any color ;) */
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px white inset;
	-webkit-text-fill-color: #3EAAE4 !important;

}