@charset "utf-8";
/* CSS Document */
/* Tablet Landscape */
@media screen and (min-width: 533px) {
    #primary { width:62,48%; }
    #secondary { width:62,48%; margin-left:3%;} 
	
@import url("portrait.css") screen and (max-device-width: 533px);
@import url("landscape.css") screen and (max-device-width: 533px);
 /* Styles */
 
}
@media screen and (min-width: 600px) {
    #primary { width:66,66%; }
    #secondary { width:66,66%; margin-left:3%;}
	
@import url("portrait.css")screen and (min-device-width: 600px);
@import url("landscape.css") screen and (min-device-width:  600px);
/* Styles */

}

@media screen and (min-width: 720px) {
    #primary { width:56,25%; }
    #secondary { width:56,25%; margin-left:3%;} 
	
@import url("portrait.css")screen and (min-device-width: 720px);
@import url("landscape.css") screen and (min-device-width:  720px); 
/* Styles */
}

@media screen and (min-width: 800px) {
    #primary { width:62,50%; }
    #secondary { width:62,50%; margin-left:3%;}

@import url("portrait.css")screen and (min-device-width: 800px);
@import url("landscape.css") screen and (min-device-width:  800px); 
/* Styles */ 
}

@media screen and (max-width: 853px) {
    #primary { width:62,48%; }
    #secondary { width:62,48%; margin-left:3%;}

@import url("portrait.css")screen and (max-device-width: 853px);
@import url("landscape.css") screen and (max-device-width:  853px);
/* Styles */  
}

@media screen and (max-width: 966px) {
    #primary { width:62,42%; }
    #secondary { width:62,42%; margin-left:3%;}
	
@import url("portrait.css")screen and (max-device-width: 966px);
@import url("landscape.css") screen and (max-device-width:  966px);  
/* Styles */
}

@media screen and (min-width: 1080px) {
    #primary { width:56,25%; }
    #secondary { width:56,25%; margin-left:3%;}

@import url("portrait.css")screen and (min-device-width: 1080px);
@import url("landscape.css") screen and (min-device-width:  1080px); 
/* Styles */ 
}

@media screen and (max-width: 1024px) {
    #primary { width:75%; }
    #secondary { width:75%; margin-left:3%;}
	
@import url("portrait.css")screen and (max-device-width: 1024px);
@import url("landscape.css") screen and (max-device-width:  1024px); 
/* Styles */	
}
	
@media screen and (max-width: 1100px) {
    #primary { width:25%; }
    #secondary { width:50%; margin-left:3%;}
	
@import url("portrait.css")screen and (max-device-width: 1100px);
@import url("landscape.css") screen and (max-device-width:  1100px); 
/* Styles */
}


@media screen and (max-width: 1136px) {
    #primary { width:56,34%; }
    #secondary { width:56,34%; margin-left:3%;}
	
@import url("portrait.css")screen and (max-device-width: 1136px);
@import url("landscape.css") screen and (max-device-width:  1136px); 
/* Styles */
}

@media screen and (max-width: 1280px) {
    #primary { width:56,25%; }
    #secondary { width:56,25%; margin-left:3%;}
	
@import url("portrait.css")screen and (max-device-width: 1280px);
@import url("landscape.css") screen and (max-device-width:  1280px); 
/* Styles */	

}

@media screen and (max-width: 1440px) {
    #primary { width:56,25%; }
    #secondary { width:56,25%; margin-left:3%;}
	
@import url("portrait.css")screen and (max-device-width: 1440px);
@import url("landscape.css") screen and (max-device-width:  1440px); 
/* Styles */	
}		

@media screen and (max-width: 1600px) {
    #primary { width:56,25%; }
    #secondary { width:56,25%; margin-left:3%;}
	
@import url("portrait.css")screen and (max-device-width: 1600px);
@import url("landscape.css") screen and (max-device-width:  1600px); 
/* Styles */	
}

@media screen and (max-width: 1920px) {
    #primary { width:56,25%; }
    #secondary { width:56,25%; margin-left:3%;}
	
@import url("portrait.css")screen and (max-device-width: 1920px);
@import url("landscape.css") screen and (max-device-width:  1920px); 
/* Styles */	
}

	@media screen and (max-width: 2560px) {
    #primary { width:62,50%; }
    #secondary { width:62,50%; margin-left:3%;}
	
	@import url("portrait.css")screen and (max-device-width: 2560px);
	@import url("landscape.css") screen and (max-device-width:  2560px); 
	/* Styles */
	}
	
	@media screen and (max-width: 2566px) {
    #primary { width:62,50%; }
    #secondary { width:62,50%; margin-left:3%;}
	
	@import url("portrait.css")screen and (max-device-width: 2566px);
	@import url("landscape.css") screen and (max-device-width:  2566px); 
	/* Styles */
	}
					  
	@media all and (max-width: 1200px) {
	a.menu {
		display: inline-block;
		padding:0px 6px;
		margin:0px 4px;}
	@import url("portrait.css") screen and (max-device-width:  1200px);  
	@import url("landscape.css") screen and (max-device-width:  1200px);
	/* Styles */  
	}		
	
	@media screen and (max-width: 1280px) {
	@import url("portrait.css") screen and (max-device-width:  1280px);
	@import url("landscape.css") screen and (max-device-width:  1280px); 
	/* Styles */
    }
    #primary {
	width: 56,25%;
	background-color: #FFF;}

    #secondary { width:56,25%; margin-left:3%;} 


	a.menu {
	display:inline-block;
	padding:0px 12px;
	margin:0px 8px;}
	/* Styles */
    }
	
	/* Samsung Tablet GT-P8200 (landscape) ----------- */
    @media only screen{
    and (min-device-width : 1600px)
    and (max-device-width : 2560px)
    and (orientation : landscape) 
	@import url("landscape.css") screen and (min-device-width:  1600px); 
	@import url("landscape.css") screen and (max-device-width:  2560px); 
	/* Styles */
    }
	
	/* Samsung Tablet GT-P8200 (portrait) ----------- */
    @media only screen{
    and (min-device-width : 1600px)
    and (max-device-width : 2560px)
    and (orientation : portrait) 
    
	@import url("portrait.css")screen and (min-device-width: 1600px);
	@import url("portrait.css")screen and (max-device-width: 2560px);
	/* Styles */
	}
			.gridContainer {
	width: 62,50%;
	max-width: 2560px;
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin: auto;
}
	#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
	/* Styles */
    }
	aqui resoluciones

	/* Desktops and laptops ----------- */
	@media screen and (max-width: 1366px) {
    #primary { width:56,22%; }
    #secondary { width:56,22%; margin-left:3%;}
	
	@import url("portrait.css")screen and (max-device-width: 1136px);
	@import url("landscape.css") screen and (max-device-width:  1136px); 
	/* Styles */
	}
	
    @media only screen{
    and (min-width : 1224px)
	
	@import url("portrait.css") screen and (min-device-width:  1224px);
	@import url("landscape.css") screen and (min-device-width:  1224px);
    /* Styles */
    }
	
 
    /* Large screens ----------- */
	@media screen and (max-width: 1440px) {
    #primary { width:62,50%; }
    #secondary { width:62,50%; margin-left:3%;}
	
	@import url("portrait.css")screen and (max-device-width: 1136px);
	@import url("landscape.css") screen and (max-device-width:  1136px); 
	/* Styles */
	}
	
    @media only screen and{
    and (min-width : 1824px)
	
	@import url("portrait.css") screen and (min-device-width:  1824px);
	@import url("landscape.css") screen and (min-device-width:  1824px);
    /* Styles */
    }
 
    /* old Smartphones (portrait and landscape) ----------- */
	@media only screen and{
    and (min-width : 176px)
	and (max-width : 220px)
	@import url("portrait.css") screen and (min-device-width:  176px);
	@import url("portrait.css") screen and (max-device-width:  220px);
	@import url("landscape.css") screen and (min-device-width:  176px);
	@import url("landscape.css") screen and (max-device-width:  220px);
    /* Styles */
    }
	.gridContainer {
	width: 80%;
	max-width: 220px;
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin: auto;
}
	#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
	/* Styles */
    }
	
	@media only screen and{
    and (min-width : 240px)
	and (max-width : 320px)
	@import url("portrait.css") screen and (min-device-width:  240px);
	@import url("portrait.css") screen and (max-device-width:  320px);
	@import url("landscape.css") screen and (min-device-width:  240px);
	@import url("landscape.css") screen and (max-device-width:  320px);
    /* Styles */
    }
				.gridContainer {
	width: 75%;
	max-width: 320px;
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin: auto;
}
	#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
	/* Styles */
    }
	
    @media only screen{
    and (min-device-width : 320px)
    and (max-device-width : 480px)
	
	@import url("portrait.css") screen and (min-device-width:  320px);
	@import url("portrait.css") screen and (max-device-width:  480px);
	@import url("landscape.css") screen and (min-device-width:  320px);
	@import url("landscape.css") screen and (max-device-width:  480px);
    /* Styles */
    }
	.gridContainer {
	width: 66,66%;
	max-width: 480px;
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin: auto;
}
	#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
	/* Styles */
    }
	
	@media only screen{
    and (min-device-width : 320px)
    and (max-device-width : 533px)
	
	@import url("portrait.css") screen and (min-device-width:  320px);
	@import url("portrait.css") screen and (max-device-width:  533px);
	@import url("landscape.css") screen and (min-device-width:  320px);
	@import url("landscape.css") screen and (max-device-width:  533px);
    /* Styles */
    }
	.gridContainer {
	width: 60,04%;
	max-width: 533px;
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin: auto;
}
	#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
	/* Styles */
    }
	
	@media only screen{
    and (min-device-width : 320px)
    and (max-device-width : 568px)
	
	@import url("portrait.css") screen and (min-device-width:  320px);
	@import url("portrait.css") screen and (max-device-width:  568px);
	@import url("landscape.css") screen and (min-device-width:  320px);
	@import url("landscape.css") screen and (max-device-width:  568px);
    /* Styles */
    }
				.gridContainer {
	width: 56,34%;
	max-width: 568px;
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin: auto;
}
	#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
	/* Styles */
    }
	
	@media only screen{
    and (min-device-width : 360px)
    and (max-device-width : 640px)
	
	@import url("portrait.css") screen and (min-device-width:  360px);
	@import url("portrait.css") screen and (max-device-width:  640px);
	@import url("landscape.css") screen and (min-device-width:  360px);
	@import url("landscape.css") screen and (max-device-width:  640px);
    /* Styles */
    }
				.gridContainer {
	width: 56,25%;
	max-width: 640px;
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin: auto;
}
	#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
	/* Styles */
    }
 
    /* old Smartphones (landscape) ----------- */
	@media only screen and{
    and (min-width : 176px)
	
	@import url("landscape.css") screen and (min-device-width:  176px);
    /* Styles */
    }
	
	@media only screen and{
    and (min-width : 240px)
	
	@import url("landscape.css") screen and (min-device-width:  240px);
    /* Styles */
    }
	
	@media only screen and{
    and (min-width : 320px)
	
	@import url("landscape.css") screen and (min-device-width:  320px);
    /* Styles */
    }

    @media only screen and{
    and (min-width : 321px)
	
	@import url("landscape.css") screen and (min-device-width:  321px);
    /* Styles */
    }
	
	@media only screen and{
    and (min-width : 360px)
	
	@import url("landscape.css") screen and (min-device-width:  360px);
    /* Styles */
    }
 
    /* old Smartphones (portrait) ----------- */
    @media only screen{
    and (max-width : 320px)
	
	@import url("portrait.css") screen and (max-device-width:  320px);
    /* Styles */
    }
 
    /* iPhone 4 ----------- */
    @media only screen{
	and(-webkit-min-device-pixel-ratio : 1.5)
    only screen and (min-device-pixel-ratio : 1.5)
    /* Styles */
    }
 
 	/* old Smartphones (portrait and landscape) ----------- */
 	@media only screen{
    and (min-device-width : 176px)
    and (max-device-width : 220px) 
	@import url("portrait.css") screen and (min-device-width:  176px);
	@import url("portrait.css") screen and (max-device-width:  220px);
	@import url("landscape.css") screen and (min-device-width:  176px);
	@import url("landscape.css") screen and (max-device-width:  220px);
	/* Styles */
    }
		.gridContainer {
	width: 80%;
	max-width: 220px;
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin: auto;
}
	#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
	/* Styles */
    }
	
	@media only screen{
    and (min-device-width : 240x)
    and (max-device-width : 320px)
	@import url("portrait.css") screen and (min-device-width:  240px);
	@import url("portrait.css") screen and (max-device-width:  320px);
	@import url("landscape.css") screen and (min-device-width:  240px);
	@import url("landscape.css") screen and (max-device-width:  320px);
	/* Styles */
    }
	 
		.gridContainer {
	width: 75%;
	max-width: 320px;
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin: auto;
}
	#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
	/* Styles */
    }
	
	@media only screen{
    and (min-device-width : 320px)
    and (max-device-width : 480px) 
	@import url("portrait.css") screen and (min-device-width:  320px);
	@import url("portrait.css") screen and (max-device-width:  480px);
	@import url("landscape.css") screen and (min-device-width:  320px);
	@import url("landscape.css") screen and (max-device-width:  480px);
	/* Styles */
    }
		.gridContainer {
	width: 66%;
	max-width: 480px;
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin: auto;
}
	#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
	/* Styles */
    }
	
	@media only screen{
    and (min-device-width : 320px)
    and (max-device-width : 533px)
	@import url("portrait.css") screen and (min-device-width:  320px);
	@import url("portrait.css") screen and (max-device-width:  533px);
	@import url("landscape.css") screen and (min-device-width:  320px);
	@import url("landscape.css") screen and (max-device-width:  533px);
	/* Styles */
    } 
		.gridContainer {
	width: 60,04%;
	max-width: 533px;
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin: auto;
}
	#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
	/* Styles */
    }
	
	@media only screen{
    and (min-device-width : 320px)
    and (max-device-width : 568px) 
	@import url("portrait.css") screen and (min-device-width:  320px);
	@import url("portrait.css") screen and (max-device-width:  568px);
	@import url("landscape.css") screen and (min-device-width:  320px);
	@import url("landscape.css") screen and (max-device-width:  568px);
	/* Styles */
    }
		.gridContainer {
	width: 56,34%;
	max-width: 568px;
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin: auto;
}
	#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
	/* Styles */
    }
	
	@media only screen{
    and (min-device-width : 360px)
    and (max-device-width : 640px) 
	@import url("portrait.css") screen and (min-device-width:  360px);
	@import url("portrait.css") screen and (max-device-width:  640px);
	@import url("landscape.css") screen and (min-device-width:  360px);
	@import url("landscape.css") screen and (max-device-width:  640px);
	/* Styles */
    } 
		.gridContainer {
	width: 56,25%;
	max-width: 640px;
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin: auto;
}
	#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
	/* Styles */
    }
 
    /* iPads (portrait and landscape) ----------- */

	@media only screen{
    and (min-device-width : 768px)
    and (max-device-width : 1024px)
	@import url("portrait.css") screen and (min-device-width:  768px);
	@import url("portrait.css") screen and (max-device-width:  1024px);
	@import url("landscape.css") screen and (min-device-width:  768px);
	@import url("landscape.css") screen and (max-device-width:  1024px);
	/* Styles */
    } 
		.gridContainer {
	width: 88.2%;
	max-width: 1024px;
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin: auto;
}
	#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
    /* Styles */
	
    }
 
    /* iPads (landscape) ----------- */
    @media only screen{
    and (min-device-width : 768px)
    and (max-device-width : 1024px)
    and (orientation : landscape)
    /* Styles */
    }
			.gridContainer {
	width: 88.2%;
	max-width: 1232px;
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin: auto;
}
	#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
/* Styles */
    }
 
    /* iPads (portrait) ----------- */
    @media only screen{
    and (min-device-width : 768px)
    and (max-device-width : 1024px)
    and (orientation : portrait)
	
	@import url("portrait.css") screen and (min-device-width:  768px); 
	@import url("portrait.css") screen and (max-device-width:  1024px); 
	/* Styles */ 
    }
	.gridContainer {
	width: 88.2%;
	max-width: 1024px;
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin: auto;
}
    #LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #FFF;
	background-position: center center;
}
   /* Styles */ 
    } 
 
    /* Android Tablet (portrait and landscape) ----------- */
    @media only screen{
    and (min-device-width : 800px)
    and (max-device-width : 1280px)
    
	@import url("portrait.css")screen and (min-device-width: 800px);
	@import url("portrait.css")screen and (max-device-width: 1280px);
	@import url("landscape.css") screen and (min-device-width:  800px);
	@import url("landscape.css") screen and (max-device-width:  1280px); 
	/* Styles */ 
    }
	.gridContainer {
	width: 65.5%;
	max-width: 1280px;
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin: auto;
}
    #LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #FFF;
	background-position: center center;
}
   /* Styles */ 
    } 
 
    /* Android Tablet (landscape) ----------- */
    @media only screen{
    and (min-device-width : 800px)
    and (max-device-width : 1280px)
    and (orientation : landscape)
    
	@import url("landscape.css") screen and (min-device-width:  800px);
	@import url("landscape.css") screen and (max-device-width:  1280px); 
	/* Styles */
    }
	.gridContainer {
	width: 65.5%;
	max-width: 1280px;
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin: auto;
}
    #LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #FFF;
	background-position: center center;
}
   /* Styles */ 
    }
 
    /* Android Tablet (portrait) ----------- */
    @media only screen{
    and (min-device-width : 800px)
    and (max-device-width : 1280px)
    and (orientation : portrait) 
    
	@import url("portrait.css")screen and (min-device-width: 800px);
	@import url("portrait.css")screen and (max-device-width: 1280px);
	/* Styles */
    }
	.gridContainer {
	width: 65.5%;
	max-width: 1280px;
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin: auto;
}
    #LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #FFF;
	background-position: center center;
}
   /* Styles */ 
    }
	
	  /* Samsung Galaxy Note (landscape) ----------- */
    @media only screen{
    and (min-device-width : 800px)
    and (max-device-width : 1280px)
    and (orientation : landscape) 
    
	@import url("landscape.css") screen and (min-device-width:  800px); 
	@import url("landscape.css") screen and (max-device-width:  1280px);
	/* Styles */ 
    }
	.gridContainer {
	width: 65.5%;
	max-width: 1280px;
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin: auto;
}
    #LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #FFF;
	background-position: center center;
}
   /* Styles */ 
    }
	
	  /* Samsung Galaxy Note (portait) ----------- */
    @media only screen{
    and (min-device-width : 800px)
    and (max-device-width : 1280px)
    and (orientation : portarit) 
    
	@import url("portrait.css")screen and (min-device-width: 800px);
	@import url("portrait.css")screen and (max-device-width: 1280px);
	/* Styles */
    }
	.gridContainer {
	width: 65.5%;
	max-width: 1280px;
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin: auto;
}
    #LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #FFF;
	background-position: center center;
}
   /* Styles */ 
    }
	
	/* Sony Xperia z(landscape) ----------- */
    @media only screen{
    and (min-device-width : 720px)
    and (max-device-width : 1280px)
    and (orientation : landscape) 
    
	@import url("landscape.css") screen and (min-device-width:  720px);
	@import url("landscape.css") screen and (max-device-width:  1280px);
	/* Styles */
    }
	.gridContainer {
	width: 56.25%;
	max-width: 1280px;
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin: auto;
}
    #LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #FFF;
	background-position: center center;
}
   /* Styles */ 
    }
	
	/* Sony Xperia Z (portrait) ----------- */
    @media only screen{
    and (min-device-width : 720px)
    and (max-device-width : 1280px)
    and (orientation : landscape) 
    
	@import url("portrait.css") screen and (min-device-width:  720px);
	@import url("portrait.css") screen and (max-device-width:  1280px);
	/* Styles */
    }
	.gridContainer {
	width: 56.25%;
	max-width: 1280px;
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin: auto;
}
    #LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #FFF;
	background-position: center center;
}
   /* Styles */ 
    }
	
	/* Samsung Galaxy Note2 (landscape) ----------- */
    @media only screen{
    and (min-device-width : 720px)
    and (max-device-width : 1280px)
    and (orientation : landscape) 
    
	@import url("landscape.css") screen and (min-device-width:  720px);
	@import url("landscape.css") screen and (max-device-width:  1280px);
	/* Styles */
    }
	.gridContainer {
	width: 56.25%;
	max-width: 1280px;
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin: auto;
}
    #LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #FFF;
	background-position: center center;
}
   /* Styles */ 
    }
	
	/* Samsung Galaxy Note2 (portrait) ----------- */
    @media only screen{
    and (min-device-width : 720px)
    and (max-device-width : 1280px)
    and (orientation : portrait) 
    
	@import url("portrait.css")screen and (min-device-width: 720px);
	@import url("portrait.css")screen and (max-device-width: 1280px);
	/* Styles */
    }
	.gridContainer {
	width: 56.25%;
	max-width: 1280px;
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin: auto;
}
    #LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #FFF;
	background-position: center center;
}
   /* Styles */ 
    }
	
	/* Sony Xperia ZR (landscape) ----------- */
    @media only screen{
    and (min-device-width : 1080px)
    and (max-device-width : 1920px)
    and (orientation : landscape) 
    
	@import url("landscape.css") screen and (min-device-width:  1080px);
	@import url("landscape.css") screen and (max-device-width:  1920px);
	/* Styles */
    }
	.gridContainer {
	width: 56.25%;
	max-width: 1920px;
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin: auto;
}
    #LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #FFF;
	background-position: center center;
}
   /* Styles */ 
    }
	
	/* Sony Xperia ZR (portrait) ----------- */
    @media only screen{
    and (min-device-width : 1080px)
    and (max-device-width : 1920px)
    and (orientation : landscape) 
    
	@import url("portrait.css") screen and (min-device-width:  1080px);
	@import url("portrait.css") screen and (max-device-width:  1920px);
	/* Styles */
    }
	.gridContainer {
	width: 56.25%;
	max-width: 1920px;
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin: auto;
}
    #LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #FFF;
	background-position: center center;
}
   /* Styles */ 
    }
	
	/* Galaxy S4 (landscape) ----------- */
    @media only screen{
    and (min-device-width : 1080px)
    and (max-device-width : 1920px)
    and (orientation : landscape) 
    
	@import url("landscape.css") screen and (min-device-width:  1080px);
	@import url("landscape.css") screen and (max-device-width:  1920px);
	/* Styles */	
	}
	.gridContainer {
	width: 56.25%;
	max-width: 1920px;
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin: auto;
}
    #LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #FFF;
	background-position: center center;
}
   /* Styles */ 
    }
	
	/* Galaxy S4 (portrait) ----------- */
    @media only screen{
    and (min-device-width : 1080px)
    and (max-device-width : 1920px)
    and (orientation : portrait) 
    
	@import url("portrait.css")screen and (min-device-width: 1080px);
	@import url("portrait.css")screen and (max-device-width: 1920px);
	/* Styles */	
	}
	.gridContainer {
	width: 56.25%;
	max-width: 1920px;
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin: auto;
}
    #LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #FFF;
	background-position: center center;
}
   /* Styles */ 
    }
	
	screen and and (device-pixel-ratio: 1)
    and (device-width: 1080px)
    and (max-device-height: 1920px)
    and (orientation: landscape) {
	/* Styles */
	}
	
	screen and (device-pixel-ratio: 1)
    and (device-width: 1080px)
    and (max-device-height: 1920px)
    and (orientation: portrait){
	}
	/* Styles */
	}
	
	/* iPhone S4 (lanscape) ----------- */
    @media only screen{
    and (min-device-width : 640px)
    and (max-device-width : 960px)
    and (orientation : lanscape) 
    
	@import url("landscape.css")screen and (min-device-width: 640px);
	@import url("landscape.css")screen and (max-device-width: 960px);
	/* Styles */
	}
	.gridContainer {
	width: 66.66%;
	max-width: 960px;
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin: auto;
}
    #LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #FFF;
	background-position: center center;
}
   /* Styles */ 
    }
	
	/* iPhone S4 (portrait) ----------- */
    @media only screen{
    and (min-device-width : 640px)
    and (max-device-width : 960px)
    and (orientation : portrait) 
    
	@import url("portrait.css")screen and (min-device-width: 640px);
	@import url("portrait.css")screen and (max-device-width: 960px);
	/* Styles */
	}
	.gridContainer {
	width: 66.66%;
	max-width: 960px;
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin: auto;
}
    #LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #FFF;
	background-position: center center;
}
   /* Styles */ 
    }
	
	screen and and (device-pixel-ratio: 1)
    and (device-width: 640px)
    and (max-device-height: 960px)
    and (orientation: landscape){
	/* Styles */
	}
	
	screen and (device-pixel-ratio: 1)
    and (device-width: 640px)
    and (max-device-height: 960px)
    and (orientation: portrait){
	}
	/* Styles */	
	
	/* iPhone 5 (landscape) ----------- */
    @media only screen{
    and (min-device-width : 640px)
    and (max-device-width : 1136px)
    and (orientation : lanscape) 
    
	@import url("landscape.css")screen and (min-device-width: 640px);
	@import url("landscape.css")screen and (max-device-width: 1136px);
	/* Styles */
	}
	.gridContainer {
	width: 56.34%;
	max-width: 1136px;
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin: auto;
}
    #LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #FFF;
	background-position: center center;
}
   /* Styles */ 
    }
	
	/* iPhone 5 (portrait) ----------- */
    @media only screen{
    and (min-device-width : 640px)
    and (max-device-width : 1136px)
    and (orientation : portrait) 
    
	@import url("portrait.css")screen and (min-device-width: 640px);
	@import url("portrait.css")screen and (max-device-width: 1136px);
	/* Styles */
	}
	.gridContainer {
	width: 56.34%;
	max-width: 1136px;
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin: auto;
}
    #LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #FFF;
	background-position: center center;
}
   /* Styles */ 
    }
	
	screen and and (device-pixel-ratio: 1)
    and (device-width: 640px)
    and (max-device-height: 1136px)
    and (orientation: landscape) {
	/* Styles */
	}
	
    screen and (device-pixel-ratio: 1)
    and (device-width: 640px)
    and (max-device-height: 1136px)
    and (orientation: portrait){
	}
	/* Styles */
	
	/* iPhone 6  (landscape) ----------- */
    @media only screen{
    and (min-device-width : 1080px)
    and (max-device-width : 1920px)
    and (orientation : portrait) 
    
	@import url("landscape.css") screen and (min-device-width:  1080px);
	@import url("landscape.css") screen and (max-device-width:  1920px);
	/* Styles */
    }
	.gridContainer {
	width: 56.25%;
	max-width: 1920px;
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin: auto;
}
    #LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #FFF;
	background-position: center center;
}
   /* Styles */ 
    }
	
	/* iPhone 6  (portrait) ----------- */
    @media only screen{
    and (min-device-width : 1080px)
    and (max-device-width : 1920px)
    and (orientation : portrait) 
    
	@import url("portrait.css") screen and (min-device-width:  1080px);
	@import url("portrait.css") screen and (max-device-width:  1920px);
	/* Styles */
    }
	.gridContainer {
	width: 56.25%;
	max-width: 1920px;
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin: auto;
}
    #LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #FFF;
	background-position: center center;
}
   /* Styles */ 
    }
	
	    }
	
	/* LG QUAD HD AH-IPS  (portrait) ----------- */
    @media only screen{
    and (min-device-width : 1440px)
    and (max-device-width : 2566px)
    and (orientation : portrait) 
    
	@import url("portrait.css") screen and (min-device-width:  1440px);
	@import url("portrait.css") screen and (max-device-width:  2566px);
	/* Styles */
    }
	.gridContainer {
	width: 56.25%;
	max-width: 2566px;
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin: auto;
}
    #LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #FFF;
	background-position: center center;
}
   /* Styles */ 
    }
	
	
    /* Desire + Galaxy S2 (portrait and landscape) ----------- */
    @media only screen{
    and (min-device-width : 480px)
    and (max-device-width : 800px) 
	@import url("portrait.css")screen and (min-device-width: 480px);
	@import url("portrait.css")screen and (max-device-width: 800px);
	@import url("landscape.css")screen and (min-device-width: 480px);
	@import url("landscape.css")screen and (max-device-width: 800px);
    /* Styles */
    }
	.gridContainer {
	width: 60%;
	max-width: 800px;
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin: auto;
}
    #LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #FFF;
	background-position: center center;
}
   /* Styles */ 
    }
 
    /* Desire + Galaxy S2 (landscape) ----------- */
    @media only screen{
    and (min-device-width : 480px)
    and (max-device-width : 800px)
    and (orientation : landscape) 
    
	@import url("landscape.css")screen and (min-device-width: 480px);
	@import url("landscape.css")screen and (max-device-width: 800px);
	/* Styles */
    }
	.gridContainer {
	width: 60%;
	max-width: 800px;
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin: auto;
}
    #LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #FFF;
	background-position: center center;
}
   /* Styles */ 
    }
 
    /* Desire + Galaxy S2 (portrait) ----------- */
    @media only screen{
    and (min-device-width : 480px)
    and (max-device-width : 800px)
    and (orientation : portrait) 
    
	@import url("portrait.css")screen and (min-device-width: 480px);
	@import url("portrait.css")screen and (max-device-width: 800px);
	/* Styles */
    }
	.gridContainer {
	width: 60%;
	max-width: 800px;
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin: auto;
}
    #LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #FFF;
	background-position: center center;
}
   /* Styles */ 
    }
	
    screen and and (device-pixel-ratio: 1)
    and (device-width: 533px)
    and (max-device-height: 853px)
    and (orientation: landscape) {
	/* Styles */
	}
	
    screen and (device-pixel-ratio: 1)
    and (device-width: 853px)
    and (max-device-height: 533px)
    and (orientation: portrait){
	/* Styles */
	}
	
    screen and (device-pixel-ratio: 1)
    and (device-width: 600px)
    and (max-device-height: 800px)
    and (orientation: landscape) {
	/* Styles */
	}
		
    screen and (device-pixel-ratio: 1)
    and (device-width: 800px)
    and (max-device-height: 600px)
    and (orientation: portrait){
	/* Styles */
	}
	
	
	screen and (device-pixel-ratio: 1)
    and (device-width: 603px)
    and (max-device-height: 966px)
    and (orientation: landscape) {
	/* Styles */
	}
		
    screen and (device-pixel-ratio: 1)
    and (device-width: 966px)
    and (max-device-height: 603px)
    and (orientation: portrait){
	/* Styles */
	}
	
    screen and (device-pixel-ratio: 1)
    and (device-width: 320px)
    and (max-device-height: 533px)
    and (orientation: landscape) {
	/* Styles */
	}
		
    screen and (device-pixel-ratio: 1)
    and (device-width: 533px)
    and (max-device-height: 320px)
    and (orientation: portrait){	
	/* Styles */
	}
	
    screen and (device-pixel-ratio: 1)
    and (device-width: 320px)
    and (max-device-height: 568px)
    and (orientation: landscape) {
	/* Styles */
	}	
	
    screen and (device-pixel-ratio: 1)
    and (device-width: 568px)
    and (max-device-height: 320px)
    and (orientation: portrait){
	/* Styles */
	}
	
    screen and (device-pixel-ratio: 1)
    and (device-width: 360px)
    and (max-device-height: 640px)
    and (orientation: landscape) {
	/* Styles */
	}
		
    screen and (device-pixel-ratio: 1)
    and (device-width: 640px)
    and (max-device-height: 360px)
    and (orientation: portrait){
	/* Styles */
	}
	
	screen and (device-pixel-ratio: 1)
    and (device-width: 640px)
    and (max-device-height: 960px)
    and (orientation: landscape) {
	/* Styles */
	}
	
	screen and (device-pixel-ratio: 1)
    and (device-width: 640px)
    and (max-device-height: 960px)
    and (orientation: portrait) {
	/* Styles */
	}
	
	screen and (device-pixel-ratio: 1)
    and (device-width: 640px)
    and (max-device-height: 1136px)
    and (orientation: landscape) {
	/* Styles */
	}
	
	screen and (device-pixel-ratio: 1)
    and (device-width: 640px)
    and (max-device-height: 1136px)
    and (orientation: portrait) {
	/* Styles */
	
	}
	screen and (device-pixel-ratio: 1)
    and (device-width: 720px)
    and (max-device-height: 1280px)
    and (orientation: landscape) {
	/* Styles */
	
	}
	screen and (device-pixel-ratio: 1)
    and (device-width: 720px)
    and (max-device-height: 1280px)
    and (orientation: portrait) {
	/* Styles */
	
	
	}
	screen and (device-pixel-ratio: 1)
    and (device-width: 768px)
    and (max-device-height: 1024px)
    and (orientation: landscape) {
	/* Styles */
	}
	
	screen and (device-pixel-ratio: 1)
    and (device-width: 768px)
    and (max-device-height: 1024px)
    and (orientation: portrait) {
	/* Styles */
	}
	
	screen and (device-pixel-ratio: 1)
    and (device-width: 800px)
    and (max-device-height: 1280px)
    and (orientation: landscape) {
	/* Styles */
	
	}
	screen and (device-pixel-ratio: 1)
    and (device-width: 800px)
    and (max-device-height: 1280px)
    and (orientation: portrait) {
	/* Styles */
	
	}
	screen and (device-pixel-ratio: 1)
    and (device-width: 1080px)
    and (max-device-height: 1920px)
    and (orientation: landscape) {
	/* Styles */
	
	}
	screen and (device-pixel-ratio: 1)
    and (device-width: 1080px)
    and (max-device-height: 1920px)
    and (orientation: portrait) {
	/* Styles */

    img { max-width: 100%;}
    <img src="facetofaceevents.jpg"
    data-src-600px="image-600px.jpg"
    data-src-800px="image-800px.jpg"
    alt="face to face events">
	 
    <img src="pokertv.jpg"
    data-src-600px="image-600px.jpg"
    data-src-800px="image-800px.jpg"
    alt="poker tv">
	 
    <img src="helpaccess.jpg"
    data-src-600px="image-600px.jpg"
    data-src-800px="image-800px.jpg"
    alt="help access">
	 
    <img src="manoganadorapoker.jpg"
    data-src-600px="image-600px.jpg"
    data-src-800px="image-800px.jpg"
    alt="mano ganadora poker">
	
/* Make radio buttons and check boxes larger if we have an inaccurate pointing device */
@media (pointer:coarse) {
	input[type="checkbox"], input[type="radio"] {
		min-width:30px;
		min-height:40px;
		background:transparent;
	}
}

/* Only use a hover-activated drop down menu on devices that can hover. */
@media (hover) {
	.menu > li        {display:inline-block;}
	.menu ul          {display:none; position:absolute;}
	.menu li:hover ul {display:block; list-style:none; padding:0;}
	/* ... */
}
	
@media (min-device-width:176px) {
    img[data-src-176px] {
        content: attr(data-src-176px, url);
	}
		
@media (min-device-width:240px) {
    img[data-src-240px] {
        content: attr(data-src-240px, url);
	}
		
@media (min-device-width:320px) {
    img[data-src-320px] {
        content: attr(data-src-320px, url);
	}
	
@media (min-device-width:360px) {
    img[data-src-360px] {
        content: attr(data-src-360px, url);
    }
	
@media (min-device-width:480px) {
    img[data-src-480px] {
        content: attr(data-src-480px, url);
	}
	
@media (min-device-width:533px) {
    img[data-src-533px] {
        content: attr(data-src-533px, url);
    }
	
@media (min-device-width:568px) {
    img[data-src-568px] {
        content: attr(data-src-568px, url);
    }
	
@media (min-device-width:600px) {
    img[data-src-600px] {
        content: attr(data-src-600px, url);
    }

@media (min-device-width:603px) {
    img[data-src-603px] {
        content: attr(data-src-603px, url);
	}
	
@media (min-device-width:640px) {
    img[data-src-640px] {
        content: attr(data-src-640px, url);
	}

@media (min-device-width:720px) {
    img[data-src-768px] {
        content: attr(data-src-720px, url);
	}

@media (min-device-width:768px) {
    img[data-src-768px] {
        content: attr(data-src-768px, url);
	}

@media (min-device-width:800px) {
    img[data-src-800px] {
        content: attr(data-src-800px, url);
	}

@media (min-device-width:853px) {
    img[data-src-853px] {
        content: attr(data-src-853px, url);
	}

@media (min-device-width:960px) {
    img[data-src-960px] {
        content: attr(data-src-960px, url);
	}

@media (min-device-width:966px) {
    img[data-src-966px] {
        content: attr(data-src-966px, url);
	}

@media (min-device-width:1024px) {
    img[data-src-1024px] {
        content: attr(data-src-1024px, url);
	}
	
@media (min-device-width:1080px) {
    img[data-src-1080px] {
        content: attr(data-src-1080px, url);
	}

@media (min-device-width:1100px) {
    img[data-src-1100px] {
        content: attr(data-src-1100px, url);
	}
	
@media (min-device-width:1136px) {
    img[data-src-1136px] {
        content: attr(data-src-1136px, url);
	}

@media (min-device-width:1280px) {
    img[data-src-1280px] {
        content: attr(data-src-1280px, url);
	}
	
@media (min-device-width:1440px) {
    img[data-src-1440px] {
        content: attr(data-src-14400px, url);
	}

@media (min-device-width:1600px) {
    img[data-src-1280px] {
        content: attr(data-src-1600px, url);
	}
	
@media (min-device-width:1920px) {
    img[data-src-1920px] {
        content: attr(data-src-1920px, url);
	}
	
@media (min-device-width:2560px) {
    img[data-src-2560px] {
        content: attr(data-src-1920px, url);
	}
	
@media (min-device-width:2566px) {
    img[data-src-2566px] {
        content: attr(data-src-2566px, url);
	}

html { font-size:100%; } 
@media (min-width:176px) { body {font-size:1rem;} }
@media (min-width:240px) { body {font-size:1rem;} }
@media (min-width:320px) { body {font-size:1rem;} }
@media (min-width:360px) { body {font-size:1rem;} }
@media (min-width:533px) { body {font-size:1rem;} }
@media (min-width:568px) { body {font-size:1rem;} }
@media (min-width:600px) { body {font-size:1rem;} }
@media (min-width:603px) { body {font-size:1rem;} }
@media (min-width:640px) { body {font-size:1rem;} }
@media (min-width:720px) { body {font-size:1rem;} }
@media (min-width:768px) { body {font-size:1rem;} } 
@media (min-width:960px) { body {font-size:1.2rem;}} 
@media (min-width:966px) { body {font-size:1.2rem;}}
@media (min-width:1024px){ body {font-size:1.5rem;}}
@media (min-width:1080px){ body {font-size:1.5rem;}} 
@media (min-width:1100px){ body {font-size:1.5rem;}}
@media (min-width:1136px){ body {font-size:1.5rem;}}
@media (min-width:1280px){ body {font-size:1.5rem;}}
@media (min-width:1440px){ body {font-size:1.5rem;}}
@media (min-width:1600px){ body {font-size:1.5rem;}}
@media (min-width:1920px){ body {font-size:1.5rem;}}
@media (min-width:2560px){ body {font-size:1.5rem;}}
@media (min-width:2566px){ body {font-size:1.5rem;}}