/*---------------------------------------------------------------------------------
   Pagina per il calcolo automatico delle resistenze nei led (2da versione) 
   ========================================================================
   File: Foglio di stile 
   Autore: Gabriel Rapetti (INVENTABLE.IT)
   Data : 05/02/2015
   Licenza: Creative Commons BY-NC-ND (Attribution-NonCommercial-NoDerivatives)
   -------------------------------------------------------------------------------
*/

html 				{
				box-sizing: border-box;
				}

*, *:before, *:after
				{
				box-sizing: inherit;
				}

body 			{
				margin: 0 auto;
				max-width: 1000px;
				font-family: "Arial", "Verdana", "sans-serif";
				}

footer, header 		{
				position: relative;
				clear: both;
				}

.flag			{
				width:auto;
				height: auto;
				}

.left-column, .right-column, footer
				{
				border: 0px solid  #ccc;
				padding: 1.25em;
				margin: .5em;
				}

.right-column	{
				background: #F0F0F0;
				}

#datiInput
				{
				text-align:center;
				}

#datiInput legend	{
				text-align:left;
				}

select			{
				text-align:center;
				font-size: 1.2em;
				font-weight: bold;
				}	

input				{
				text-align:center;
				background : #eee; 
				font-size: 1.2em;
				font-weight: bold;
				border: 0px;
				}				
				
#valOutput 
				{

				text-align:right;
				border-spacing: 10px;
			    margin-left: auto;
				margin-right: auto;
				}				

				
#valOutput input
				{

				text-align:center;
				}
				
			
#menu 			{
				background-color: #404040; 
				padding: 6px 0 6px 40px;
				}

#menu a 			{
				color: #cccccc;
				text-decoration: none; 
				font-size: 14px; 
				font-family: "Arial Narrow", "Myriad Pro";
				text-transform: uppercase;
				}

#menu a:hover	{
				color: #ffffff;
				}
					

.inline-items	{
				margin-top: 0;
				}

.inline-items li	{
				margin-left: 0;
				border-left: 1px solid black;
				padding-left: 10px;
				padding-right: 10px;
				}

.inline-items li:first-child
				{
				margin-left: 0;
				border: none;
				padding-left: 0;
				padding-right: 10px;
				}

.inline-items li:last-child
				{
				padding-right: 0;
				}

#logo-container img 
				{
				width: 100%;
				height: auto;
				}


/* MEDIA QUERIES */
@media screen and (min-width: 47.5em )
	{

	.columns-container 
				{ 
				float: left;
				}

	.left-column{ 
				margin-right: 20em;
				float: left;
				}

	.right-column
				{ 
				width: 18.75em;
				margin-left: -19.3em;
				float: left;
				}   
	}
   
#calcResLeds 	{
				text-align:center;
				font-family: arial;
				margin: 30px auto;
				padding: 25px;
				overflow: hidden;
				}

#circuito 		{
				vertical-align: middle; 
				margin: auto;
				border-spacing: 0px;
				border-collapse: collapse;
				}	

#circuito  img	{
				width: 100%;
				height: 100%;
				}	
			
#footer 			{
				padding: 6px 40px 6px 40px;
				background: #ddd; 
				font-family: "arial"; 
				font-size: 9px;
				text-align:justify;
				color: #444;
				}

#footer a 		{
				text-decoration: none; 
				font-size: 11px;
				color: #28b;
				}

#footer a:hover 	{
				color: #00f;
				font-size: 11px;
				}

#logoCopy		{
				font-size: 14px;
				text-align:center;
				}