@charset "utf-8";
/* CSS Document */


*{
	font-family:'Open Sans', sans-serif;
	font-size:100%;
	margin:0px;
	padding:0px;
	border:0px;
}

body{
	background-color: rgba(0,0,0,1);
	background-image: url(/images/fondoweb.jpg);
	font-size: 100%;
	margin: 0;
}

.contenedor article {
	line-height: 35px;
	cellpadding: 0;
	cellspacing:0;
	border:0;
	height:100%;
	width:100%;
}

.td1 { 
	valign: middle; 
	text-align: center; 
	padding: 15px; 
	padding-bottom: 5px; 
	line-height: 20px; 
	color: #ffffff;
	 }

.td11 { 
	valign: top; 
	text-align: right; 
	padding: 15px; 
	padding-bottom: 5px; 
	line-height: 20px; 
	color: #ffffff;
	border-left-color: aqua;
	 }

.td21 { 
	valign: top; 
	text-align: left; 
	padding: 15px; 
	padding-bottom: 5px; 
	line-height: 20px; 
	color: #ffffff;
	border-right-color: aqua;
	 }


.td3 { 
	background-color: #222222;
	valign: middle;
	text-align: center; 

	background-size: cover !important;
		}

.td2 {
	padding: 5px 30px 10px 30px; 
	text-align: center; 
	font-size: 1em; 
	line-height: 20px; 
	color: #555555;
	}



.td14 {  
	text-align: right;
	valign: top;
	padding: 10px;  
	} 

.td4 {  
	text-align: left;
	valign: top;
	padding: 10px;  
	} 


.td5 {  
	padding: 30px 10px;
	width: 100%;
	font-size: 0.8em; 
	line-height:18px; 
	text-align: center; 
	color: #888888;
	} 


.nnormal {
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-size: 1em;
	text-align: center;
	letter-spacing: 1px;
	color: hsla(0,0%,98%,1);
}

.subnormal {
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	text-align: center;
	letter-spacing: 1px;
	color: hsla(0,0%,98%,1);
}


.style10 {
	color: #FFFFFF;
	font-size: 1em;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	text-align: justify;
}

.style9 {
	COLOR: #cb790a;
	FONT-SIZE: 1.3em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: 5px;
	text-align: center;
}

.style19 {
	COLOR: #ffffff;
	FONT-SIZE: 1.3em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: 5px;
	text-align: center;
}

.page-item2{
	font-size: 0.7em;
	color: rgba(21,179,236,1);
	margin-left: 0px;
	text-align: center;

}

.flex-containn {
	display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
	
	max-width: 95%;
	padding: 5px;
	margin: 5px;
		float: center;
}

.flex-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	max-width: 95%;
	padding: 5px;
	margin: 5px;
		float: center;
  
}

   /* Media Queries */
        @media screen and (max-width: 600px) {

            .email-container {
                width: 100% !important;
				}
		

            /* What it does: Forces elements to resize to the full width of their container. Useful for resizing images beyond their max-width. */
            .fluid,
            .fluid-centered {
                max-width: 100% !important;
                height: auto !important;
                margin-left: auto !important;
                margin-right: auto !important;
            }
            /* And center justify these ones. */
            .fluid-centered {
                margin-left: auto !important;
                margin-right: auto !important;
            }

            /* What it does: Forces table cells into full-width rows. */
            .stack-column,
            .stack-column-center {
                display: block !important;
                width: 100% !important;
                max-width: 100% !important;
                direction: ltr !important;
            }
            /* And center justify these ones. */
            .stack-column-center {
                text-align: center !important;
            }
        
            /* What it does: Generic utility class for centering. Useful for images, buttons, and nested tables. */
            .center-on-narrow {
                text-align: center !important;
                display: block !important;
                margin-left: auto !important;
                margin-right: auto !important;
                float: none !important;
            }
            table.center-on-narrow {
                display: inline-block !important;
            }
                
        }