@charset "utf-8";

html, body{ width:100%; height:100%; margin:0px; padding:0px; font-family:'Open Sans', 'Arial', 'Sans Serif'; font-size:13px;    }
body{ /*overflow:hidden*/ background-image:url(../img/bg2.jpg);  box-sizing: border-box; background-attachment:fixed; background-color:#000; } 
* {
    -webkit-tap-highlight-color: rgba(0,0,0,0); 
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	-webkit-text-size-adjust: none;
	
}


#application{  width:auto; margin:0; padding:0; border:0px;}

.link { color:#FC0; }
 
.screen{ 
	background-color:#333; height:0px; width:0px;  border:none;  position:relative; 
	color:#FFF;  margin:0px; padding:0px; vertical-align:top; overflow:hidden; transition:all linear 0.1s; -webkit-transition:all linear 0.1s; box-shadow:0 0 15px 0 rgba(0,0,0,0.4);
	background-image:url(img/bg.jpg);
}

.screen.active{ width:100%; height:auto; min-height:100vh;  overflow:none}

.header{ padding:2px; width:100%; top:0px; background-color:#000; border-bottom:1px solid #555; font-size:85%; color:#ccc}
.footer{ padding:6px; position:fixed; bottom:0px; width:100%; background-color:rgba(0,0,0,0.5); border-top:1px solid #000; text-align:right; font-size:85%; color:#999}


.scroller{  position:relative; top:35px;  padding:0px; margin:0px; padding-top:5px; padding-bottom:135px;  box-sizing:border-box;   }


ul.icon_menu{ position:fixed; display:none top:0px; width:100%; z-index:888; margin:0px; padding:0px; padding-top:2px; list-style:none; text-align:center; color:#FFF; background-color:#2E3549}
.icon_menu li{ display:inline-block; text-align:center; padding:3px; font-size:11px; cursor:pointer; min-width:60px }
.icon_menu li:hover{ background-color:rgba(255,255,255,0.1)}
.icon_menu li .fa{ font-size:16px}
.screen.active ul.icon_menu{ display:block}

.login-logo{ text-align:center; padding:25px;	}
.login-logo img{ display:inline-block; vertical-align:middle;}
.login-logo .label{ display:inline-block; vertical-align:middle; text-align:left; padding-left:10px;; padding-top:25px; color:#0CF}
.login-logo .label i{ clear:both; display:block; color:#FF9; }

.login-form{ padding:15px; text-align:center;}
.login-form .field{ padding:5px; clear:both}
.login-form .field label{ width:18%; max-width:60px; display:inline-block; vertical-align:middle; text-align:right; padding:7px;  }
.login-form .field input{ padding:7px; border-radius:3px; border:1px solid #000; width:60%; max-width:250px; }
.login-form .button{ text-align:center; width:180px; margin:0 auto; padding:5px; border:1px solid #111; border-radius:3px; margin-top:25px; cursor:pointer} 
.login-form .button:hover{ border:1px solid #222	 }
.gradient{
 	background: #666; 
    background: -webkit-linear-gradient(#444, #222); 
    background: -o-linear-gradient(#444, #222); 
    background: -moz-linear-gradient(#444, #222);
    background: linear-gradient(#444, #222);
}

.gradient:hover{
 	background: #888; 
    background: -webkit-linear-gradient(#666, #333); 
    background: -o-linear-gradient(#666, #333); 
    background: -moz-linear-gradient(#666, #333);
    background: linear-gradient(#666, #333);
}

.textfinder{padding:4px; border-radius:3px; border:1px solid #000; width:60%; max-width:250px; display:inline-block; vertical-align:middle; font-size:15px; color:#333}

.menu-button{ color:#888; font-size:26px; display:inline-block; vertical-align:middle; padding:2px 5px; background-color:#000; border-radius:2px; cursor:pointer; transition:all linear 0.2s; -webkit-transition:all linear 0.2s }
.menu-button:hover{ color:#FFF; background-color:#555}

.list-pedanias{list-style:none; margin:2px; padding:2px; box-sizing:border-box; text-align:center }
.list-pedanias li{ font-size:95%; padding:5px; list-style:none; margin:2px; display:inline-block; box-sizing:border-box; width:33%; min-width:150px; background-color:rgba(0,0,0,0.1); margin-left:-2px; color:#FFF; cursor:pointer; max-width:320px  }


.list-pedanias li.dist{ background-color: rgba(100,100,255,0.1)}

.list-pedanias li:hover{ background-color:rgba(200,255,255,0.1);  }








.gentitle{ text-align:center; padding:6px; clear:both; font-size:110%; color:#FC0; background-color:#333; box-shadow:0 5px 15px 0 rgba(0,0,0,0.8); border-top:1px solid #222; font-weight:bold}
.subtitle{ text-align:center;  padding:6px; clear:both; font-size:100%; color:#FC0;  font-weight:bold}
.separator{ clear:both; height:1px; border-bottom:1px solid #444; box-shadow:0 1px 1px 0 #222; width:90%; margin:0 auto; margin-top:15px; margin-bottom:15px;}


.list-content{  margin:0 auto; display:inline-table }
.list-content td{ border-bottom:4px solid #333; padding-left:12px;}
.list-content td.label{ background-color:rgba(255,255,255,0.03); width:140px; text-align:right} 
.list-content td.link { color:#FC0; font-style:italic }
.list-content td .fa { font-size:20px; width:20px; display:inline-block; vertical-align:middle}

.buttons{  margin:0 auto; text-align:center; background-color:rgba(0,0,0,0.0); box-sizing:border-box; max-width:800px  }

.section-button{ font-size:90%; padding:1%; padding-top:2%; padding-bottom	:2%; margin-left:1%; margin-bottom:2%; margin-top:2%; background-color:#244955; width:46%;  color:#FFF; display:inline-block; box-sizing:border-box;   cursor:pointer; transition:all linear 0.1s; -webkit-transition:all linear 0.1s; box-shadow:0 0 15px 0 rgba(0,0,0,0.4)}

.section-button:hover{ background-color:#117f86}

.section-button .fa{ font-size:14px;  display:inline-block; float:left; vertical-align:bottom; margin-bottom:4px;  color:rgba(255,255,255,0.5)}



.section-button-min{ padding:5px; margin:5px; background-color:#244955; width:98%;  color:#FFF; display:inline-block; box-sizing:border-box;   cursor:pointer; transition:all linear 0.1s; -webkit-transition:all linear 0.1s; box-shadow:0 0 15px 0 rgba(0,0,0,0.4)}

.section-button-min:hover{ background-color:#117f86}

.section-button-min .fa{ font-size:12px; display:inline-block; float:left; margin-left:15px;  color:rgba(255,255,255,0.5)}


.action-button{ padding:5px; margin:5px; background-color:#244955;  color:#FFF; display:inline-block; box-sizing:border-box;   cursor:pointer; transition:all linear 0.1s; -webkit-transition:all linear 0.1s; box-shadow:0 0 15px 0 rgba(0,0,0,0.4)}
.action-button:hover{ background-color:#117f86}
.action-button .fa{ font-size:12px; display:inline-block; float:left; margin-left:15px;  color:rgba(255,255,255,0.5)}





.float_display{ position:fixed; top:100%; left:0px; bottom:0px; right:0px; box-sizing:border-box; background-color:rgba(255,255,255,1); transition:all 0.3s; -webkit-transition:all 0.3s; z-index:999; overflow-y:scroll;   }
.float_display.active{top:4px;}
.float_display .close-button{ position:absolute; z-index:999; right:3px; top:3px; cursor:pointer;  background-color:#666; color:#FFF; font-size:24px; border-radius:2px; width:35px; height:30px;	 text-align:center; padding-top:2px; box-sizing:border-box }
.float_display .close-button:hover{ background-color:#000 }
.float_display .title{ text-align:center; padding:4px; clear:both; font-size:155%; font-weight:600; color:#FFF; background-color:#313234; border-bottom:10px solid #9C0 }
.float_display .content{ text-align:justify; padding:15px; padding-bottom:175px; position:relative; color:#333  }

.dist1{ background-color:#174a4e; }
.dist2{ background-color:#554524; }
.dist3{ background-color:#492455; }
.dist4{ background-color:#552430; }



.presidente-junta{ width:75px; display:inline-block; vertical-align:top; border:1px solid #111}

a{ text-decoration:none; color:#FFC}
a:hover{ text-decoration:none; color:#FFC}
a:visited{ text-decoration:none; color:#FFC}


.enum{ display:inline-block; vertical-align:top; list-style:none; width:45%; min-width:300px; padding:1PX; margin:10px; background-color:rgba(255,255,255,0.1); min-height:90px; max-width:340px}
.enum .title{ color:#FFF; background-color:rgba(0,0,0,0.1); margin-bottom:5px; padding:4px;	}

.partido-1{ border-bottom:1px solid #39F;}
.partido-2{ border-bottom:1px solid #F00;}
.partido-3{ border-bottom:1px solid #F90;}
.partido-4{ border-bottom:1px solid #096;}
.partido-5{ border-bottom:1px solid #E2DE34;}

.miga{ color:#999; font-weight:normal;}

.tab-button{ padding:5px; border-bottom-left-radius:4px; border-bottom-right-radius:4px; background-color:#333; color:#9C0; display:inline-block; font-size:10px; font-weight:600; padding-left:10px; padding-right:10px; cursor:pointer; }
.tab-button:hover{ background-color:#9C0; color:#000}
.tab-button.active{ background-color:#9C0; color:#000; box-shadow:0 10px 10px 0 rgba(0,0,0,0.2) }

.agenda{ list-style:none; margin:0; padding:0 }
.agenda li{ padding:7px; background-color:#FAFAFA; margin-bottom:5px; }
.agenda .fecha{ border-radius:15px; border:1px solid #CCC; display:inline-block; vertical-align:middle; padding:3px; padding-left:10px; padding-right:10px; margin-right:15px;}
.agenda .dia{ color:#999; display:inline-block; padding:2px;  text-align:center; font-size:10px}
.agenda .asistencia{border-radius:15px; border:1px solid #EEE; background-color:#FAFAFA; display:inline-block; float:right; vertical-align:middle; padding:3px; padding-left:10px; padding-right:10px; margin-left:15px; color:#999 }
.agenda .asistencia.si{ color:#096}
.agenda .fecha.sel{ background-color:#F5FAF8; color:#090; border:1px solid #060}
.agenda .text{ width:300px; display:inline-block; vertical-align:middle;}

.noticias{ text-align:center;}
.noticia{ max-width:600px; display:inline-block; vertical-align:top; min-height:120px; background-color:#38393b; box-shadow:0 0 15px 0 rgba(0,0,0,0.7); padding-bottom:15px;  border-top-left-radius:4px; border-top-right-radius:4px; border-bottom-left-radius:2px; border-bottom-right-radius:2px;}

.noticia .image-wrap{ display:inline-block; width:25%;  margin-left:-4px; vertical-align:middle; padding-top:15px;}
.noticia .text-wrap{ display:inline-block; width:75%; margin-left:-4px; vertical-align:top; text-align:center; padding-top:10px;  }

.noticia-header{ text-align:left; background-color:#222; font-size:11px; border-top-left-radius:4px; border-top-right-radius:4px;}
.noticia-header .fecha{ float:left; padding:7px; } 
.noticia-header .controls{ float:right; }
.noticia-header .controls .enter-button{ border-top-right-radius:4px; background-color:#374164; text-align:center; padding:6px;  padding-right:15px; padding-left:15px; cursor:pointer}
.noticia-header .controls .enter-button:hover{ background-color:#FC0; color:#333}

.noticia-image{ width:90%; border:1px solid #222; background-color:#000}
.noticia-title{ font-size:120%; color:#FFC; text-align:left}
.noticia-subtitle{ font-size:90%; color:#FFFFFF; font-weight:600; text-align:left}
.noticia-text{ font-size:80%; color:#DDD; text-align:justify }


.principal-images{ text-align:center; display:inline-block; width:39%;  vertical-align:middle}

.principal-images .default{ max-width:100%; border:1px solid #222; clear:both; height:140px; clear:both}
.principal-images .thumb{ height:60px; border:1px solid #222}


.display-controls{ clear:both; padding:10px; text-align:right}

.display-controls .button{ padding:5px; background-color:#090; color:#FFF; text-align:center; display:inline-block; border-radius:2px; cursor:pointer;  }
.display-controls .button:hover{ background-color:#333;}

.favorito{ padding:5px; border-radius:4px; background-color:#FAFAFA; border:1PX solid #E2F4FA; cursor:pointer}

#listContacts li{ border-bottom:1px solid #666; padding-top:4px; padding-bottom:4px;} 

#listContacts .name{ padding:6px;}