/*
 * HomeMbStyles.css
 */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

img{
	border:0;
}

img {
    vertical-align: middle;
}

body{
	background-color:#f0f0f0;
}

#divcontainer{
	border:1px solid #666;
	background-color:white;
}

	 .Center {            
		 margin:0px auto;
		 width:70%;
		 position: static;
	}

	.link {
		text-decoration: none;
	}
	#maincontainer {
		height:90%;
		position:relative;  
		width:531px;
		margin: 0px auto;		
	}
	
	#buttons{
		text-align:center;
	}

	#buttons input[type=image]:first-child{
		margin-right:100px;
	}	

	#welcomeMsg {
		width: 70%;
		text-align:center;
		padding:0px 3px;
	}
	.colorGray {
		color: #666;
	}

	.fontxLarge {
			font-family: sans-serif;
			font-size:24px;
			font-weight: bold;
			text-align: center;
			line-height: 27px;
			letter-spacing: -1px;			
	}

	.fontFamily_sansSerif {
		font-family: sans-serif;
		font-size:14px;
		text-align: center;
	}
	#lblswitch {
		font-size:22px;
		color:white;		
	}

	body {
		 margin-top: 0px;
		 margin-right: 0px;
		 margin-bottom: 0px;
		 margin-left: 0px;
	}
	.footer{
		padding:5px;
		text-align:center;
		background-color:#005685;
		cursor:pointer;
	}
	.footer a{
		color:white;
		text-decoration:none;
		width:100%;
		display:block;
		cursor:pointer;
		font-family:Arial
	}	

	#links .SocialBorder {
		text-align:center;
		border-top-style: groove;
		border-top-color: azure;
		border-top-width: 1px;
	}
	
	#links .SocialBottomBorder{
		border-bottom-style: groove;
		border-bottom-color: azure;
		border-bottom-width: 1px;
	}

	#divprivacy{ 
		border-top:1px groove azure;
	}

	.glyphicon-facebook:before {
		
		content: url(../img/facebook.jpg);
		margin-right: 8px;
	}	

	.glyphicon-youtube:before {
		content: url(../img/youtube.jpg);
		margin-right: 8px;
	}	

	#links .SocialBorder a{
		display: block;
		width: 100%;
		padding: 10px 0px;		
	}
	
	#divprivacy{
		padding:10px 0px;
	}
	
	@media screen and (min-width:1200px) {  
		 img {  
		 max-width:100%;  
		 }  
		  
		 #buttons {
			width: 70%;
		 }			 
	}  
	
        /* para 800px o menos */
        @media screen and (max-width: 800px) {
	        #maincontainer {
		        width: 100%;
		        margin: 0px;
	        }
			
			#welcomeMsg {
				width: 100%;
			}			
        }

	
	@media screen and (max-width:600px) and (orientation: portrait){  
		 img {  
			max-width:100%;  
		 }   
		  
		 #maincontainer{  
			width:100%; 
		 }   
		.Center {            
			 width:100%;
		}
	 
	}  
	
	@media screen and (max-width:600px) and (orientation: landscape){  
		 img {  
			max-width:100%;  
		 }   
		  
		 #maincontainer{  
			width:100%; 
		 }   
		.Center {            
			 width:100%;
		}
		 
	}  
	
        @media screen and (max-width: 414px) {
	        #buttons input[type=image]{
		        width:136px;
	        }
	
	        #buttons input[type=image]:first-child{
		        width:100px;
	        }	
			
	        #buttons input[type=image]:first-child{
		        margin-right:30px;
	        }				
        }	

	
	@media screen and (min-width:360px) and (max-width:540px)and (orientation: landscape){  
		 img {  
			max-width:100%;  
		 }   
		  
		 #maincontainer{  
			width:100%; 
		 }   
		.Center {            
			 width:100%;
		}
	 
	}  

	@media screen and (max-width:400px){  
		.fontxLarge{
			font-size:17px;
		}
	}
	
	@media screen and (max-width:320px){  
		 img {  
			max-width:100%;  
		 }  			  
		 #maincontainer{  
			width:100%; 
		 }   	
		.Center {            
			 width:100%;
		}		 

	}