/*
		<section class="content">
				<h2>&nbspProduct Line</h2>
				<ul class="automation">
					<div class="w3-content w3-display-container">
						<img class="mySlides-automation w3-animate-fading" id="first" src="images/banner_mechanical_power_transmission_1000x300.png" alt="mechanical power banner" />
						<img class="mySlides-automation w3-animate-fading" src="images/banner_detection_measurement_1000x300.png" alt="detection banner" />
						<img class="mySlides-automation w3-animate-fading" src="images/banner_linear_motion_1000x300.png" alt="linear motion banner" />
						<img class="mySlides-automation w3-animate-fading" src="images/banner_pneumatics_1000x300.png" alt="pneumatics banner" />
						
						<div class="w3-center w3-display-bottommiddle" style="width:100%">
							<span class="myDots-automation w3-badge w3-border w3-transparent w3-hover-white" onclick="currentDiv(1)"></span>
							<span class="myDots-automation w3-badge  w3-border w3-transparent w3-hover-white" onclick="currentDiv(2)"></span>
							<span class="myDots-automation w3-badge w3-border w3-transparent w3-hover-white" onclick="currentDiv(3)"></span>
							<span class="myDots-automation w3-badge w3-border w3-transparent w3-hover-white" onclick="currentDiv(4)"></span>
						</div>
					</div>
					<h2>Automation & Control Components</h2>
					<li>
					<h3><span class="raquo-red">&raquo </span>Electric Power & Position Control</h3>
					<p>Motors, Servomotors, Drivers, Controllers, Linear & Rotary Encoders.</p>
					<p><span class="brand-red">Brands:</span>&nbsp ABB Baldor, Control Techniques, Fanuc, Heidenhain, IAI, Mitsubishi Electric, Oriental Motor, Yaskawa.
					</p>
					</li>
*/		
:root{
	/*--text-tab:calc(var(--body-font-size) * 3);*/
}

.content{
	width:70%;
	/*height:600px;*/
	margin:var(--body-font-size) 0px; /* vertical - horizontal */
	/*padding:var(--text-tab); *//* padding that it descendants will be placed */
	background-color:var(--very-light-gray);
	background-color:white;
	/*outline:2px solid green;*/
}

/****************************** INI IMG ANIMATION ***********************************/

.w3-display-container{
	width: 100%;
	height:180px;
	/*outline: 2px solid green;*/
}

#first{
	display:block;
}

.mySlides-automation {
	display:none;
	width: auto;
	height:180px;
	/*outline: 2px solid red;*/
}

.mySlides-machine {
	display:none;
	width: auto;
	height:180px;
	/*outline: 2px solid red;*/
}

.w3-left, .w3-right, .w3-badge {cursor:pointer}
.w3-badge {height:13px;width:13px;padding:0}

/****************************** END IMG ANIMATION ***********************************/

.automation{
	background-color:var(--very-light-gray);	
	padding:var(--text-tab);
	/*outline:2px solid orange;*/
}

.mySlides-automation{
	position:absolute;
	width:100%;
}
.mySlides-machine{
	position:absolute;
	width:100%;
}

.machine{
	/*margin-top:20px;*/
	background-color:Wheat;	
	padding:var(--text-tab);
	/*outline:2px solid orange;*/
}

.content .product-line h2{
	font-size:var(--subheading-font-size);
	line-height: var(--subheading-line-height);
	font-family:var(--heading-font-family);
}	

.content ul.automation h2{
	color:var(--body-anchor-color);
}
.content ul.machine h2{
	color:green;
}		

.content ul li{
	padding-bottom:calc(var(--text-tab) * 0.75);
	border-bottom:var(--border-bottom-line);
}	

.content ul li h3{
	font-size:var(--subheading-font-size);
	line-height: var(--subheading-line-height);
	font-family:var(--heading-font-family);
	color:var(--very-dark-gray);
	/*font-weight: bold;*/
}

.content li h3 .raquo-red{
	color:var(--body-anchor-color);
	font-size:var(--intro-font-size);
	font-weight: bold;
}
.content li h3 .raquo-green{
	color:green;
	font-size:var(--intro-font-size);
	font-weight: bold;
}

.content ul li p{
	padding-left:calc(var(--text-tab) * 1.5);
}

.content ul li p span.brand-red{
	/*font-weight: bold;*/
	color:var(--very-dark-gray);
	text-decoration: underline var(--body-anchor-color);
	text-decoration-style: double;
}

.content ul li p span.brand-green{
	/*font-weight: bold;*/
	color:var(--very-dark-gray);
	text-decoration: underline green;
	text-decoration-style: double;
}