*{
   margin:0;
   padding:0;
}

@font-face{
    font-family: "Adamina";
	src: url("https://www.boletin.handy.golf/Boletin/Boletin-26/fonts/Adamina/Adamina-Regular.ttf");
    
}
.pagina-boletin{
    display: block;
	font-family: Adamina;
	color: #000000;
	background: #f5fafd; 
	width:100%;
	
	-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
    /*flex: 0 0 auto;*/
}    
#pagina-boletin-cuerpo{
         display: block;
         width: 57%;
         margin:0 auto;
        
      
         
}

#pagina-boletin-cuerpo-contenido{
         text-align: justify;
         width: 100%;
         margin:0 auto;
        
         
        
         
                  
}
#pagina-boletin-cuerpo-contenido img{
          display: block;
          margin-left: auto;
          margin-right: auto;
         
          

}
#pagina-boletin-cuerpo-contenido p{
         Font-size: 16px;
         line-height: 1.7;
         font-weight: 400;
         text-align: justify;
         margin-bottom: 10px;
         
}         
#pagina-boletin-cuerpo-contenido a{
         Font-size: 16px;
         line-height: 1.7;
         font-weight: 800;
         word-wrap: break-word;
         text-align: justify;
         color: #1460AA;   
         text-decoration: none; 
         margin-bottom: 10px;
         

}



#pagina-boletin-cuerpo-contenido a:hover{
         color: black;
         text-decoration:none;  
} 
#pagina-boletin-cuerpo li{
          list-style: "- ";
          margin-left: 30px;
          margin-top: 10px;
          margin-bottom: 10px;
          
          
                 
}


#punto li{
  list-style: disc;
  
}


#linea  li{
  list-style: "- ";
  margin-left: 45px;
   
}

#circulo  li{
  list-style: circle;
  margin-left: 55px;
   
}


#pagina-boletin-cuerpo-contenido b{
      display: block;
      margin-left: auto;
      margin-right: auto;
      width: 100%;
      text-align: center;
      font-weight:bold; 
      
}



#pagina-boletin-cuerpo-contenido-tituloboletin b{
      font-size: 18px;
      line-height: 1.7;
      margin-bottom: 20px;
      
      
}

#pagina-boletin-cuerpo-contenido-temaboletin p{
      font-size: 14px;
      line-height: 1.5;
      margin-bottom: 20px;
      color: #008f39;
      
      
}


#pagina-boletin-pasar-pagina {
      display: block;
      margin: auto;
      font-weight:bold; 
      font-size: 14px;
      line-height: 1.7;
      /**color: black;**/
      width: 70%;
      margin-top: 50px;
      margin-bottom: 100px;
      
}

#pagina-boletin-pasar-pagina a {
        text-decoration: none;
        color: black;
}        

#pagina-boletin-pasar-pagina a:hover{
    color: #0284A7 ;
}

#pagina-boletin-pasar-pagina-siguiente{
      float: right;  
}



#pagina-boletin-pasar-pagina-anterior{
    
    float:left;
}



#pagina-boletin-cuerpo-centrados-especiales {
        display: block;
         margin-left: auto;
          margin-right: auto;
          width: 100%;
         
}
#pagina-boletin-cuerpo-centrados-especiales p{
         Font-size: 19px;
         line-height: 1.7;
         font-weight: 400;
         margin: 0px 30px 0px 30px;
         word-wrap:break-word;
         text-align: center;
}

a.pbce {
         Font-family:Belleza;
         Font-size: 20px;
         margin: 0px 30px 0px 30px;
         word-wrap:break-word;
         text-align: center;
        text-decoration: none;
        color:blue;
         display: block;
         margin-left: auto;
          margin-right: auto;
          width: 100%;
}
.h1-pb {
	font-size: 2.5em;
	line-height: 1em;
	margin: 15px 0;
	text-align: center;
	font-weight: 400;
         text-shadow: 3px 3px 4px #A9D0F5;
         letter-spacing: 1.5px;
         
}

.h2-pb {font-size: 2.1em;
	line-height: 1.3em;
	margin: 15px 0;
	text-align: center;
	font-weight: 300;
         text-shadow: 3px 3px 4px #A9D0F5;
         letter-spacing: 1.5px;
       

 }
a.boton-pagina {
    font-size:14px;   
	display: block;
	padding: 10px 0px;
	border-radius: 5px;
	text-align: center;
	font-family: open sans;
	font-weight: bold;
	max-width: 165px;
	height: 22px;
    margin: 0px auto;
	margin-bottom: 30px;
	overflow: hidden;
	color: rgb(255,255,255,1);
	cursor: pointer;
	letter-spacing: 1px;
	box-shadow:inset 0 0 0 1px rgba(0,0,0,0.1);
	text-decoration: none;
	transition: all ease 0.5s;
	background:#4faff0;
}
 
a.boton:after,
a.boton:before{
	width: 120px;
	height: 10px;
	content: '';
	display: block;
	background: rgb(255,255,255,0);
	transform: rotate(45deg)
	top: -60px;
	position: absolute;
	transition: none;
	right:-45%;
	cursor: pointer;
}
 
a.boton:before{
	left: -48%;
}
 
a.boton:hover{
	text-shadow: 0 1px 1px rgba(0,0,0,0.5);
	background:#439bd7
}
 
a.boton:hover:after,
a.boton:hover:before{
	transform: rotate(45deg), scaleX(130%);
	background: rgba(67,155,215,0.1);
	/**transition: all ease 0.5s;**/
}
 
a.boton:hover:after{
	right: 130%;
}
 
a.boton:hover:before{
	left: 130%;
}

#barra-superior {
	display:block;
	width:100%;
        margin-top: 0px;
        background: #000000;
        margin:0px auto;
        height: 38px;
	text-align: center;
        padding: 0px;
        font-family: Open Sans;
        font-weight: 400;
        font-size: 14px;
        line-height: 1.6;
        color: #cccccc;
        
}


#barra-superior li{
    
    list-style: none;
    display: inline;
    margin-top: 6px;
    padding: 0px 11px 0px 0px;
    float:left;
   
    
}
#barra-superior a span{
    font-size: 15px;
   
    

}

#barra-superior-derecha a span{
    font-size: 17px;
   
    

}

#barra-superior  ul li span {
       
   margin-right: 5px;   

}
#barra-superior  ul {
       
   margin-left: 35px;   

}

#barra-superior a:hover{
    text-decoration:none;
    color: #FFFFFF;
}

#barra-superior a{
    text-decoration:none;
    float:left;
    color: #cccccc;
    

}

#barra.superior a:hover{
     color: #ffffff;
}

#barra-superior-derecha li{
    list-style: none;
    display: inline;
    padding: 3px 8px 0px 0px;
    float:right;
    
    
}

#barra-superior-derecha a:hover{
    text-decoration:none;
    color: #ffffff;
    
    

}
#barra-superior-derecha li img{
    width: 17px;
    height: 17px;
} 


header nav{
        background: #ffffff;
        margin:0px auto;
        max-weight: 100%;
        height: 50px;
	    text-align: center;
        padding: 10px;
        width: 100%;
        position: fixed;
        z-index: 100;
        
         
        
}
header nav p{
         font-family: open sans;
         font-size: 14px;
         line-height: 1.5em;
         font-weight: bold;
         color: #17252a;
 
} 

header nav li{
    list-style: none;
    display: inline;
    margin-top: 10px;
    float:right;
    font-family: open sans;
    font-size: 14px;
    line-height: 1.5em;
    font-weight: bold;
    color: #17252a;
    
    
}
header nav a{
    text-decoration:none;
    font-family: Open Sans;
    color: #17252a;
    

}

header nav img{
      float: left;
}

header nav a:hover{
    text-decoration:none;
    padding: 21px 0px 29px 0px;
    background: #03a9f4;
    top: 0px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    color: white;
    
    

}
.contenedor-menu{
                display:none;
                
}
.barra-logo{
     display:none;
}
.barra-menu {
	display:none;
}
 .pagina-boletin-cuerpo-contenido{
     display: none;
 }

/*.espacio1{
     border: 30px 0px 30px 0px;
}
.espacio2{
     border: 45px 0px 45px 0px;
}*/

#main-footer {
	background: #333;
        color: white;
        margin:0px auto;
        max-width: 100%;
	text-align: center;
        padding: 10px;
	
}
#main-footer p {
		margin: 0;font-size: 1.05em;
                
}
	
#main-footer a {
		color: white;
                text-decoration: none;
                font-size: 14px;
}
#main-footer a:hover {
		color: blue;
                text-decoration: none;
}


/*.top {
  height: 250px;
  padding-top: 40px;
}
.hero {
  width: 200px;
  height: 100px;
  background: #ccc;
  margin: 0 auto;
}
*/
main {
  padding: 0 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  div {
    width: 125px;
    height: 80px;
    background: #ccc;
    margin: 0 0 20px 0;
  }
}

.tg  {
   border-collapse:collapse;border-spacing:0; margin: 0px auto;margin-bottom: 20px;
}

.tg td{
   border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;
  overflow:hidden;padding:10px 5px;word-break:normal;
}
.tg th{
   border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;
  font-weight:normal;overflow:hidden;padding:10px 5px;word-break:normal;
}
.tg .tg-baqh{
   text-align:center;vertical-align:top
}



@media screen and (max-width:800px ) {
       
        #barra-superior{
              display: none;
         }
        #barra-superior-derecha {
              display: none;
        }
	header nav {
		width:100%;
		height:100%;
		right:-110%;
		margin:0;
		position: fixed;
	}
 
	header nav ul li {
		display:block;
		float:none;
		border-bottom:1px solid rgba(255,255,255,.3);
	}

        header nav ul li span {
                margin-right: 10px;

        }

      
        .barra-logo{
            display:block;
		width:100%;
		background:#fff;
         }
         .barra-logo span{
             float:left;
             margin-left:20px;
             font-size:40px;
        } 

        
	.barra-menu {
		display:block;
		width:100%;
		background:#fff;
	}
     header nav a:hover{
                background: #ccc;
                padding: 0px;
		color: #000;
	}
 
	.barra-menu .bt-menu {
		display:block;
		padding:0px;
		background:#fff;
		color:#ccc;
		text-decoration:none;
		font-weight: bold;
		font-size:25px;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
 
	.barra-menu span {
		float:right;
		font-size:50px;
                margin-right: 20px;
	}

     #pagina-boletin-cuerpo{
         width: 84%;
    }   
    
     #pagina-boletin-cuerpo a{
         word-wrap: break-word;
         width: auto; 
         
         
    } 
}




