/* CSS layout */

@charset "utf-8";
body {
	font: 100% Nunito, serif;
	background-color: #FFFFFF;
	color: #000000;
}
h1, h2, h3, h4, h5, h6, p {
	padding-right: 10px;
	padding-left: 10px; /* L'aggiunta di una spaziatura ai lati degli elementi contenuti nei div, anziché ai div stessi, consente di evitare ogni calcolo matematico relativo ai riquadri. Come metodo alternativo si può anche utilizzare un div nidificato con spaziatura laterale. */
}
a img {
	border: none;
}
/* ~~ L'applicazione di stili ai collegamenti del sito deve rispettare questo ordine, compreso il gruppo di selettori che creano l'effetto hover. ~~ */
a:link {
	color: #0000FF;
	text-decoration: none;
}
a:visited {
	color: #0000FF;
	text-decoration: none;
}
a:hover, a:active, a:focus {
	text-decoration: underline;
}

.OneColFix #container {
	width: 1150px;
	background-color: #FFF;
	margin: 0 auto;
}

.OneColFix #header {
	background-color: #FFF;
	height: 150px;
	background-image: url(../img/AK74_header.jpg);
	background-repeat: no-repeat;
	margin-top: 10px;
}

.OneColFix #navigation {
	height: 70px;
	background: rgba(254,254,254,1);
	background: -moz-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(209,209,209,1) 46%, rgba(219,219,219,1) 47%, rgba(226,226,226,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(254,254,254,1)), color-stop(46%, rgba(209,209,209,1)), color-stop(47%, rgba(219,219,219,1)), color-stop(100%, rgba(226,226,226,1)));
	background: -webkit-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(209,209,209,1) 46%, rgba(219,219,219,1) 47%, rgba(226,226,226,1) 100%);
	background: -o-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(209,209,209,1) 46%, rgba(219,219,219,1) 47%, rgba(226,226,226,1) 100%);
	background: -ms-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(209,209,209,1) 46%, rgba(219,219,219,1) 47%, rgba(226,226,226,1) 100%);
	background: linear-gradient(to bottom, rgba(254,254,254,1) 0%, rgba(209,209,209,1) 46%, rgba(219,219,219,1) 47%, rgba(226,226,226,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e2e2e2', GradientType=0 );
}

.OneColFix #content {
	padding: 30px 0;
	background:#FFFFFF;
}
.OneColFix #content header{
	border-radius: 0 10px 0 0;
	height: 30px;
	width: 460px;
	background: rgba(32,60,0,1);
	background: -moz-linear-gradient(top, rgba(32,60,0,1) 0%, rgba(27,151,27,1) 40%, rgba(107,236,1,1) 50%, rgba(27,151,27,1) 60%, rgba(32,60,0,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(32,60,0,1)), color-stop(40%, rgba(27,151,27,1)), color-stop(50%, rgba(107,236,1,1)), color-stop(60%, rgba(27,151,27,1)), color-stop(100%, rgba(32,60,0,1)));
	background: -webkit-linear-gradient(top, rgba(32,60,0,1) 0%, rgba(27,151,27,1) 40%, rgba(107,236,1,1) 50%, rgba(27,151,27,1) 60%, rgba(32,60,0,1) 100%);
	background: -o-linear-gradient(top, rgba(32,60,0,1) 0%, rgba(27,151,27,1) 40%, rgba(107,236,1,1) 50%, rgba(27,151,27,1) 60%, rgba(32,60,0,1) 100%);
	background: -ms-linear-gradient(top, rgba(32,60,0,1) 0%, rgba(27,151,27,1) 40%, rgba(107,236,1,1) 50%, rgba(27,151,27,1) 60%, rgba(32,60,0,1) 100%);
	background: linear-gradient(to bottom, rgba(32,60,0,1) 0%, rgba(27,151,27,1) 40%, rgba(107,236,1,1) 50%, rgba(27,151,27,1) 60%, rgba(32,60,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#203c00', endColorstr='#203c00', GradientType=0 );
	-webkit-box-shadow: 5px 5px 5px #999999;
	-moz-box-shadow: 5px 5px 5px #999999;
	box-shadow: 5px 5px 5px #999999;
}
.OneColFix #content article {
	background: #FFFFFF;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	padding: 15px 0;
}
.OneColFix #content h1 {
	font: italic bolder 17px Nunito;
	letter-spacing: 1px;
	color: #FFF;
	padding-top: 4px;
	-webkit-padding-before: 5px;
	text-shadow: 2px 2px #000000;
}
.OneColFix #content h2 {
	font-size: 20px;
	font-weight: bold;
	line-height: 1.5;
	color: /*#60F*/ #FFC515;
	text-shadow: 1px 1px #000000;
}
.OneColFix #content h3 {
	font-size: 16px;
	font-weight: normal;
	line-height: 60px;
	color: #000;
	padding-left: 15px;
}
.OneColFix #content h4 {
	font-size: 15px;
	font-weight: normal;
	line-height: 60px;
	color: #000;
	padding-left: 10px;
}
.OneColFix #content h5 {
	font-size: 22px;
	font-weight: bold;
	line-height: 1;
	color: /*#60F*/ #FFC515;
	text-shadow: 1px 1px #000000;
}
.OneColFix #content article p {
	font-family: Nunito, serif;
	font-size: 17px;
	line-height: 1.7;
}
.OneColFix #content article ul {
	padding-left: 30px;
	padding-right: 15px;
	list-style: disc;
}
.OneColFix #content article ul li {
	font-family: Nunito, serif ;
	font-size: 17px;
	line-height: 1.7;
}
.OneColFix #content article ol {
	padding-left: 30px;
	padding-right: 15px;
	list-style-type:decimal;
}
.OneColFix #content article ol li {
	font-family: Nunito, serif ;
	font-size: 17px;
	line-height: 1.7;
}

/* --------------------------------- footer --------------------------------- */
.OneColFix #footer {
	padding: 30px;
	margin-bottom: 20px;
	background-color: #666666;
}
.OneColFix #footer #div1 {
	float: left;
	padding-right: 10px;
}
.OneColFix #footer #div2 {
	float: left;
	padding: 20px 80px 0 0;
}
.OneColFix #footer #div3 {
	float: right;
	width: 250px;
}
.OneColFix #footer #div3A {
	float: right;
	height: 60px;
	width: 250px;
}
.OneColFix #footer #div3B {
	float: right;
	text-align: center;
	padding: 20px 0 10px;
	width: 250px;
}
.OneColFix #footer #div3C {
	float: right;
	text-align: center;
	padding: 15px 0 10px 8px;
	width: 242px;
}
.OneColFix #footer #div4 {
	border-top: 1px solid #CCCCCC;
	margin-top: 20px;
	text-align: center;
	width: 1090px;
}
.OneColFix #footer #div3A a img {
	border: none;
	padding: 5px 0 5px 48px;
}
.OneColFix #footer h1 {
	font-size: 26px;
	font-style: italic;
	color: #6AEC01;
	letter-spacing: 0;
	padding: 0;
	text-shadow: 2px 2px #000000;
}
.OneColFix #footer h2 {
	font-size: 20px;
	color: #FFC515;
	padding: 0;
	padding-top: 6px;
	text-shadow: 2px 2px #000000;
}
.OneColFix #footer li {
	font-size: 12px;
	color: #FFFFFF;
	padding: 0;
	line-height: 1.5;
}
.OneColFix #footer #div4 p {
	font-size: 11px;
	color: #CCCCCC;
	padding-top: 6px;
	line-height: 1.2;	
}
.OneColFix #footer a:link {
	color: #FFFFFF;
	text-decoration: none;
}
.OneColFix #footer a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
.OneColFix #footer a:hover, a:active, a:focus {
	text-decoration: none;
	color: #FFC515;
}

/* ----------------------------- Configurazioni PC ----------------------------- */
.OneColFix #content #divConfig1 {
	width: 850px;
	float: left;
}
.OneColFix #content #divConfig2 {
	width: 300px;
	text-align: center;
	float: left;
}
.OneColFix #content #divConfig1 #divAmznImg {
	width: 100px;
	height: 100px;
	margin-left: 10px;
	text-align: center;
	float: left;
	position: relative;
}
.OneColFix #content #divConfig1 #pcCmpnt {
	width: 730px;
	height: 100px;
	float: left;
}
.OneColFix #content #divConfig1 #pcCmpnt p {
	line-height: 100px;
}
.OneColFix #content #divBottomLine {
	clear: both;
	width: 830px;
	height: 5px;
	margin-left: 10px;
	margin-bottom: 5px;
	border-bottom: 2px solid #CCC;
}

/* ------------------------------- Componenti PC ------------------------------- */
.OneColFix #content #divComp {
	width: 383px;
	margin-bottom: 10px;
	float: left;
}
.OneColFix #content #divCompA {
	width: 383px;
	padding-top: 20px;
	text-align: center;
}
.OneColFix #content #divCompB {
	width: 353px;
	padding-left: 15px;
	padding-right: 15px;
	text-align: center;
}
.OneColFix #content #divLogo {
	height: 40px;
	margin: 10px 15px 0;
}
.OneColFix #content #divCompLine {
	clear: both;
	width: 1120px;
	height: 30px;
	margin-left: 15px;
	border-top: 2px solid #CCC;
}

/* -------------------------------- Software PC -------------------------------- */
.OneColFix #content #divsoft {
	width: 363px;
	height: 60px;
	padding: 0;
	margin: 5px 0 10px 15px;
	float: left;
}
.OneColFix #content #divsoft #soft_icon {
	width: 60px;
	height: 60px;
	padding: 0;
	float: left;
}
.OneColFix #content #divsoft #soft_text {
	width: 303px;
	height: 60px;
	float: left;
}

/* -------------------------------- App Android -------------------------------- */
.OneColFix #content #divapp {
	width: 507px;
	height: 60px;
	padding: 10px;
	margin: 5px 0 10px 15px;
	border: 1px solid #000;
	border-radius: 10px;
	float: left;
}
.OneColFix #content #divapp #app_icon {
	width: 60px;
	height: 60px;
	padding: 0;
	float: left;
}
.OneColFix #content #divapp #app_text {
	width: 292px;
	height: 60px;
	float: left;
}
.OneColFix #content #divapp #app_link {
	width: 155px;
	height: 60px;
	float: left;
}
.OneColFix #content #div_empty {
	width: 61px;
	height: 60px;
	float: left;
}

/* ------------------------------ Facebook Button ------------------------------ */
.OneColFix #content #fb_button {
	margin-top: 20px;
}

/* ----------------------------------- Banner ----------------------------------- */
.OneColFix #banner {
	margin-top: 30px;
	text-align: center
}

/* ----------------------------------- Classi ----------------------------------- */
.fltrt {  /* questa classe può essere utilizzata per applicare un float a un elemento a destra nella pagina. L'elemento con float deve precedere l'elemento al quale deve essere affiancato sulla pagina. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* questa classe può essere utilizzata per applicare un float a un elemento a sinistra nella pagina. L'elemento con float deve precedere l'elemento al quale deve essere affiancato sulla pagina. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* Questa classe può essere inserita in un <br /> o in un div vuoto come elemento finale subito dopo l'ultimo div con float (all'interno del #container) se il #footer sul viene rimosso o estratto dal #container. */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

.testobold {
	font-weight: bold;
}
.testoitalic {
	font-style: italic;
}
.testoverde {
	color: #390 ;
}
.testorosso {
	color: #F00;
}

.alignleft { 
	float: left; padding: 5px 10px 5px 10px;
}
.alignright { 
	float: right; padding: 5px 10px 5px 10px;
}

img.vertalign{
	position: absolute;
   	top:50%;
   	left:50%;
   	transform: translate(-50%,-50%);
}

/* ----------------------------------- LightBox ----------------------------------- */
.lightboxlink {
	display: inline-block;
	line-height: 0;
	margin-left: 15px;
	margin-right: 15px;
	padding: 2px;
	background-color: #999;
	transition: background-color 0.5s ease-out;
}
.lightboxlink:hover {
	background-color: #00F;
    transition: none;
}
.lightboxthumb {
	width: 250px;
}

/* ---------------------------------- Update Bar ---------------------------------- */
.OneColFix #content #UpdateBar {
	text-align: center;
}
.OneColFix #content #UpdateBarTxt {
	font: 18px Nunito, serif;
	font-weight: bold;
	color: #000;
}

/* ---------------------------------- Breadcrumb ---------------------------------- */
.OneColFix #content #breadcrumb {
	margin-bottom: 30px;		
	background: rgba(233,233,233,1);
	background: -moz-linear-gradient(left, rgba(233,233,233,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(233,233,233,1)), color-stop(53%, rgba(246,246,246,1)), color-stop(100%, rgba(255,255,255,1)));
	background: -webkit-linear-gradient(left, rgba(233,233,233,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(left, rgba(233,233,233,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(left, rgba(233,233,233,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%);
	background: linear-gradient(to right, rgba(233,233,233,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e9', endColorstr='#ffffff', GradientType=1 );
}
/* Style the list */
ul.breadcrumb {
    padding: 8px 16px 10px;
    list-style: none;
}

/* Display list items side by side */
ul.breadcrumb li {
    display: inline;
    font-size: 12px;
}

/* Add a slash symbol (/) before/behind each list item */
ul.breadcrumb li+li:before {
    padding: 5px;
    color: black;
    content: "/\00a0";
}

/* Add a color to all links inside the list */
ul.breadcrumb li a {
    color: #00F;
    text-decoration: none;
}

/* Add a color on mouse-over */
ul.breadcrumb li a:hover {
    color: #00F;
    text-decoration: underline;
}

/* ----------------------------------- PC Button ----------------------------------- */
.OneColFix #PcButton {
	width: 204px;
	margin: 5px 13px 20px 12px;
	text-align: center;
	float: left;
	-webkit-box-shadow: 5px 5px 5px #999999;
	-moz-box-shadow: 5px 5px 5px #999999;
	box-shadow: 5px 5px 5px #999999;
}
.OneColFix #PcButton h2, p {
	color: #000;
	text-shadow: none;
}
.OneColFix #PcButton a.block {
	display: block;
	border: 1px solid #999;
	text-decoration: none;
}
.OneColFix #PcButton a.block:hover, a.block:focus, a.block:active {
	border: 1px solid #36F;
	-webkit-box-shadow: 5px 5px 5px #36F;
	-moz-box-shadow: 5px 5px 5px #36F;
	box-shadow: 5px 5px 5px #36F;
}