@charset "utf-8";
html, body{height:100%;}
img, object, embed, video {max-width: 100%;}
/* IE 6 does not support max-width so default to width 100% */
*.ie6 img {width:100%;}
/* Mobile Layout: 480px and below. */
*.gridContainer        {margin-left: auto; margin-right: auto; width: 87.36%; padding-left: 1.82%; padding-right: 1.82%; min-height:100%;height:100%;}
*.LayoutDiv2     	  {clear: both; float: left; margin: 0px; width: 100%; display: block;}
*.LayoutDiv3     	  {clear: both; float: left; margin: 0px; width: 100%; display: block;}
*#Headerup	    	  {clear: both; float: left; margin-left:0;  width: 100%; display: block; background-color:inherit; color: inherit;}
*#Header 	    	  {clear: both; float: left; margin-left: 0; width: 100%; display: block;}
*#Navigare 	    	  {clear: both; float: left; margin-left: 0; width: 100%; display: block; background-color:#00AEEF; color:#FFF; margin:0.625em 0em 2.5em 0em;
					   -moz-box-shadow:1px 1px 10px #CCCCCC; -webkit-box-shadow:1px 1px 10px #CCCCCC; box-shadow:2px 2px 10px #CCCCCC; border-top:solid 1px #656586;}
*#AdSense 	    	  {clear: both; float: left; margin-left: 0; width: 100%; display: block; margin:1.75em 0em 1.25em 0em;}
*#Footer 	    	  {clear: both; float: left; margin-left: 0; width: 100%; display: block; text-align:center; padding:0.625em 0em 0.625em 0em; margin-top:2.25em; 
					   border-top:1px solid #00AEEF; color:inherit; background-color:#f2f2f2; bottom: 0; box-shadow:0 -5px 25px -5px #ccc;}
*#Continut 	    	  {clear: both; float: left; margin-left: 0; width: 100%; display: block;}
*#Breadcrumbs    	  {clear: both; float: left; width: 100%; display: block; margin:0.625em 0em 0.625em 0em; padding-bottom:0.9375em;}
*#SliderPrimaPagina    {clear: both;float: left;margin-left: 0;width: 100%;display: block;}
*#ColoanaIndexStanga   {clear: both;float: left;margin-left: 0;width: 100%;display: block;}
*#ColoanaIndexDreapta  {clear: both;float: left;margin-left: 0;width: 100%;display: block;}

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */
@media only screen and (min-width: 481px) {
html, body			  {height:100%;}	
*.gridContainer  	  {width: 90.675%; padding-left: 1.1625%; padding-right: 1.1625%; min-height:100%;height:100%;}
*.LayoutDiv2      	  {clear: both; float: left; margin: 0px; width: 100%; display: block;}
*.LayoutDiv3     	  {clear: both; float: left; margin: 0px; width: 100%; display: block;}
*#Headerup	    	  {clear: both; float: left; margin-left:0;  width: 100%; display: block; background-color:inherit; color: inherit;}
*#Header 	    	  {clear: both; float: left; margin-left: 0; width: 100%; display: block;}
*#Navigare 	    	  {clear: both; float: left; margin-left: 0; width: 100%; display: block; background-color:#00AEEF; color:#FFF; margin:0.625em 0em 2.5em 0em;
	  				   -moz-box-shadow:1px 1px 10px #CCCCCC; -webkit-box-shadow:1px 1px 10px #CCCCCC; box-shadow:2px 2px 10px #CCCCCC; border-top:solid 1px #656586;} 
*#AdSense 	    	  {clear: both; float: left; margin-left: 0; width: 100%; display: block; margin:1.75em 0em 1.25em 0em;}
*#Footer 	    	  {clear: both; float: left; margin-left: 0; width: 100%; display: block; text-align:center; padding:0.625em 0em 0.625em 0em; margin-top:2.25em; 
					   border-top:1px solid #00AEEF; color:inherit; background-color:#f2f2f2; bottom: 0; box-shadow:0 -5px 25px -5px #ccc;}
*#Continut 	          {clear: both; float: left; margin-left: 0; width: 100%; display: block;}
*#Breadcrumbs    	  {clear: both; float: left; width: 100%; display: block; margin:0.625em 0em 0.625em 0em; padding-bottom:0.9375em;}
*#SliderPrimaPagina    {clear: both;float: left;margin-left: 0;width: 100%;display: block;}
*#ColoanaIndexStanga   {clear: both;float: left;margin-left: 0;width: 61.5384%;display: block;}
*#ColoanaIndexDreapta  {clear: none;float: left;margin-left: 2.5641%;width: 35.8974%;display: block;}
}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */
@media only screen and (min-width: 769px) {
html, body			  {height:100%;}
*.gridContainer  	  {width: 88.2%; max-width: 1232px; padding-left: 0.9%; padding-right: 0.9%; margin: auto; min-height:100%; height:100%;}
*.LayoutDiv2     	  {clear: both; float: left; margin: 0px; width: 100%; display: block;}
*.LayoutDiv3     	  {clear: both; float: left; margin: 0px; width: 100%; display: block;}
*.Headerup	    	  {clear: both; float: left; margin-left:0;  width: 100%; display: block; background-color:inherit; color: inherit;}
*#Header         	  {clear: both; float: left; margin-left: 0; width: 100%; display: block;}
*#Navigare 	    	  {clear: both; float: left; margin-left: 0; width: 100%; display: block; background-color:#00AEEF; color:#FFF; margin:0.625em 0em 2.5em 0em;
	 				   -moz-box-shadow:1px 1px 10px #CCCCCC; -webkit-box-shadow:1px 1px 10px #CCCCCC; box-shadow:2px 2px 10px #CCCCCC; border-top:solid 1px #656586;}
*#AdSense 	    	  {clear: both; float: left; margin-left: 0; width: 100%; display: block; margin:0em 0em 1.25em 0em; color:inherit; background-color: #FFF !important;}
*#Footer 	    	  {clear: both; float: left; margin-left: 0; width: 100%; display: block; text-align:center; padding:0.625em 0em 0.625em 0em; margin-top:2.25em; 
				 	   border-top:1px solid #00AEEF; color:inherit; background-color:#f2f2f2; box-shadow:0 -5px 25px -5px #ccc; bottom: 0;}				 
*#Continut 	    	  {clear: both; float: left; margin-left: 0; width: 100%; display: block;}
*#Breadcrumbs    	  {clear: both; float: left; width: 100%; display: block; margin:0.625em 0em 0.625em 0em; padding-bottom:0.9375em;}
*#SliderPrimaPagina    {clear: both;float: left;margin-left: 0;width: 100%;display: block;}
*#ColoanaIndexStanga   {clear: both;float: left;margin-left: 0;width: 69.3877%;display: block;}
*#ColoanaIndexDreapta  {clear: none;float: left;margin-left: 2.0408%;width: 28.5714%;display: block;}
}