@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Coda|Graduate|Roboto+Condensed|Jura:400,500,600,300);
.bannerfullscreen {
	display: flex;
	width: 100%;
	height: 100px;
	margin: 90px auto 10px auto;
	background-image: url("../img/portfolio/seervicestbann1024.jpg");
	/*background-color: gainsboro;*/
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	-webkit-transition: 0.5s;   /* Podés cambiar la velocidad */
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
}
.franja-banner{
	display: flex;
	justify-content: center;
	width: 100%;
	height: 60px;
	margin: auto 0px;
	background: rgba(0,0,0,0.50);
}
h6{
	font-family: 'Jura', sans-serif;
	color: white;
	font-size: 30px;
	font-style: normal;
	font-weight: 300;
	text-shadow: 1px 1px rgba(0,0,0,0.50);
	margin: 10px auto;
	
}

.wrapArticles {
	width: 1024px;
	margin: 10px auto;/*background-color: darkgray;*/
	-webkit-transition: 0.5s;   /* Podés cambiar la velocidad */
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
}
.specialBLoque {
	max-width: 808px;
	margin: 30px auto;
	-webkit-transition: 0.5s;   /* Podés cambiar la velocidad */
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
}
.bloqueL1 {
	width: 1024px;
	margin: 20px auto;
	border-top: thin solid #FF6600;
	-webkit-transition: 0.5s;   /* Podés cambiar la velocidad */
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
}
section {
	max-width: 768px;
	display: block;
	margin: 0px auto 50px auto;
	-webkit-transition: 0.5s;   /* Podés cambiar la velocidad */
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
}
.subBloque {
	width: 400px;
	display: inline-block;
	margin: 0px 0px;
	-webkit-transition: 0.5s;   /* Podés cambiar la velocidad */
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
}
.subBloqueMark {
	width: 320px;
	display: inline-table;
	margin: 10px;
	border-left: thin solid #FF6600;
	clear: right;
	-webkit-transition: 0.5s;   /* Podés cambiar la velocidad */
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
}


.subBloqueMark2{
	width: 250px;
	display: inline-block;
	border-left: thin solid #FF6600;
	margin-top: 15px !important;
	margin-left: 0px;/* Add this as properties to a selector */
	
	-webkit-transition: 0.5s;   /* Podés cambiar la velocidad */
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	
}

.subBloqueMark3{
	width: 250px;
	display: inline-block;
	margin-top: 15px !important;
	
	-webkit-transition: 0.5s;   /* Podés cambiar la velocidad */
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
}

.specialsubBloqueMark {
	width: 100%;
	display: inline-table;
	margin: 10px;
	border-left: thin solid #FF6600;
	-webkit-transition: 0.5s;   /* Podés cambiar la velocidad */
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
}

#logov2 {
	margin-bottom: 30px;
}
.iconTitles {
	width: auto;
	display: inline-block;
}
.insideBloque {
	display: inline-block;
}
.insideBloque li {
	width: auto;
	margin: 10px 0px 0px 20px;
	font-family: 'Roboto Condensed', sans-serif;
	color: #606060;
	display: block;
	list-style-type: none;
}

ul#sublist li:nth-last-child(-n+3){
	margin-left: 80px !important;
}

ul#sublist2 li:nth-last-child(-n+2) {
	margin-left: 80px !important;
}

.espaciado {
	margin-left: 80px !important;
}
.vinieta {
	color: #FF6600;
}
.imgclientes {
	width: auto;
	margin: 10px 25px;
	display: inline-block;
}

.wrapp-imgclientes{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
	
}

.robot-brands {
	display: inline-block;
	
}
.robot-brands img {
	display: block;
	
}


#PLCimage, #traningImage, #simulacionImagen, #disenioImagen {
	width: 360px;
	margin-top: 20px;
	display: inline-block;
	float: right;
	border: 5px solid rgba(255,255,255,1.00);
	box-shadow: 3px 2px 4px rgba(0,0,0,0.90);
	-webkit-box-shadow: 3px 2px 4px rgba(0,0,0,0.30);
}
 
.BannerButton h2 {
	font-family: 'Coda', cursive;
	color: #212121;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-size: 20px;
}
.BannerButton {
	-moz-box-shadow: inset 0px 1px 0px 0px #fff6af;
	-webkit-box-shadow: 0px 1px 1px -5px #000000;
	box-shadow: 0px 1px 1px -5px #000000;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffc800), color-stop(1, #ff9d00));
	background: -moz-linear-gradient(top, #ffc800 5%, #ff9d00 100%);
	background: -webkit-linear-gradient(top, #ffc800 5%, #ff9d00 100%);
	background: -o-linear-gradient(top, #ffc800 5%, #ff9d00 100%);
	background: -ms-linear-gradient(top, #ffc800 5%, #ff9d00 100%);
	background: linear-gradient(to bottom, #ffc800 5%, #ff9d00 100%);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc800', endColorstr='#ff9d00', GradientType=0);
	background-color: #ffc800;
	display: flex;
	cursor: pointer;
	color: #333333;
	text-decoration: none;
	text-shadow: -1px 1px 0px #ffee66;
	width: 100%;
	height: 30px;
	z-index: 200;
	border: thin solid #FF9E00;
	float: right;
}
.BannerButton:hover {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ff9d00), color-stop(1, #ffc800));
	background: -moz-linear-gradient(top, #ff9d00 5%, #ffc800 100%);
	background: -webkit-linear-gradient(top, #ff9d00 5%, #ffc800 100%);
	background: -o-linear-gradient(top, #ff9d00 5%, #ffc800 100%);
	background: -ms-linear-gradient(top, #ff9d00 5%, #ffc800 100%);
	background: linear-gradient(to bottom, #ff9d00 5%, #ffc800 100%);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9d00', endColorstr='#ffc800', GradientType=0);
	background-color: #ff9d00;
}
.tablewrapp{
	width: 100%;
	margin: 50px auto;
}

.logoproyect img{
	width: 130px;
	margin: auto 25px;
	float: left;
	
}
tr.tcontent{
	font-family: 'Jura', sans-serif;
	font-size: 12px;
	font-weight: bold;
}

tr.titles td{
	height: 30px;
	
	font-family: 'Coda', cursive;
	color:#FF6600;
	border-bottom: thin solid #FF6600;
}
tr td{
	width: 135px!important;
	margin: 5px 3px;
	height: 30px;
	text-align: center;
	clear: both;
	display: inline-block;
}

.tablesPNG{
	
		display: none;
	}
	
.selected  h1{
	color: #FFE500 !important;
}


#selectedF{
	color:#FF6600;
}
@media screen and (max-width: 1024px) {
	/***************FORMATO DE PARRAO PRINCIPAL**********************************/
	
	.bannerfullscreen {
	-webkit-transition: 0.5s;   /* Podés cambiar la velocidad */
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
}
	.wrapArticles {
	max-width: 700px;
	margin-left: auto;
		margin-right: auto;
	-webkit-transition: 0.5s;   /* Podés cambiar la velocidad */
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
}
	section {
	max-width: 700px;
	display: block;
	margin: 20px auto;
	-webkit-transition: 0.5s;   /* Podés cambiar la velocidad */
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
}
	.specialBLoque {
    max-width: 700px;
    margin: 30px auto;	
}

.bloqueL1 {
	width: 700px;
	margin: 30px auto;
	-webkit-transition: 0.5s;   /* Podés cambiar la velocidad */
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
}
	#logo2{
		width: 320px;
		margin: 10px auto;
	}
	.subBloque {
	width: 700px;
	-webkit-transition: 0.5s;   /* Podés cambiar la velocidad */
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	display: table;
}
	p.subBloque{
		width: 700px !important;
		margin: 0px auto;
	}
	
.subBloqueMark {
	width: 320px;
	display: inline-table;
	margin: 10px 13px;
	border-left: thin solid #FF6600;
	clear: right;
	-webkit-transition: 0.5s;   /* Podés cambiar la velocidad */
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
}
#PLCimage {
	width: 350px;

}
#traningImage, #simulacionImagen, #disenioImagen {
	width: 350px;
	float: right;
}
	.tablewrapp{
		width: 100%;
	}
	table.format{
		width: 700px;
	}
	.logoproyect{
		width: 130px;
		height: 90px;
		margin: 0px auto;
	}
	.logoproyect img{
	width: 130px;
	margin: 0px auto !important;
}

tr.titles td{
	height: 30px;
}
tr td{
	width: 145px!important;
	margin: 5px 10px;
	height: 30px;
	text-align: center;
	clear: both;
	display: inline-block;
}
	#logosClientes{
		width: 700px;
		margin: 0px auto;
	}
	.imgclientes img{
		width: 130px;
		margin: 0px -10px;
	}
}

@media screen and (max-width: 768px) {
	.bannerfullscreen {
	
	-webkit-transition: 0.5s;   /* Podés cambiar la velocidad */
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
		margin-top: 84px !important;
	}
	.wrapArticles{
		width: 480px;
	}
	
	.specialBLoque {
    max-width: 480px;
    margin: 30px auto;
	}
section{
		width: 480px !important;
	}
	.bloqueL1{
	width: 480px !important;

	}
	.subBloqueMark{
		margin: 10px 60px;
	}
	
	.specialsubBloqueMark{
		width: 320px;
		margin-left: 60px;
	}
	
	#logov2{
		width: 320px;
	}
	
p.subBloque{
		width: 480px !important;
		margin: 0px auto;
	}
	
	#PLCimage{
		margin-right:100px;
		margin-bottom: 30px;
	}
#PLCimage, #traningImage, #simulacionImagen, #disenioImagen {
	width: 320px;
	margin-left: 60px;
	float: inherit !important;
	
}
	.BannerButton {
		float:right;
		margin-right: -40px;
	}
	.tablewrapp{
	margin-bottom: -20px;
	transform: scale(0.9);
	width: 480px;
		margin-left: -30px;
	}

	#polaris{
		margin-bottom: 20px!important;
	}
	
tr td{
	width: 135px!important;
	margin: 3px 3px;
	height: 30px;
	text-align: center;
	display: inline-table;
}
	.alltables{
		width: 480px;
		margin-left: -10px !important;
	}
	
	
	#logosClientes{
		width: 500px;
	}
}
@media screen and (max-width: 480px) {

	
.bannerfullscreen {	
	-webkit-transition: 0.5s;   /* Podés cambiar la velocidad */
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	margin-top: 84px !important;
	}
	.wrapArticles{
		width: 320px;
	}
	
	.specialBLoque {
    max-width: 320px;
    margin: 30px auto;
	}
section{
		width: 300px !important;
	}
	.bloqueL1{
	width: 300px !important;
	

	}
	.subBloqueMark{
		width: 300px;
			margin: inherit !important;
	}
	.specialsubBloqueMark{
		width: 300px !important;
		margin: inherit !important;
	}
		
p.subBloque{
		width: 300px !important;
		margin: 0px auto;
	}
	
	#PLCimage img, #traningImage img, #simulacionImagen img, #disenioImagen img{
	width: 300px;
	margin: inherit;
	
}
	#PLCimage, #traningImage, #simulacionImagen, #disenioImagen {
	width: 300px;
	margin-top: 0px !important;
	margin: inherit;
		
}
	.BannerButton {
		width: 298px;
		float:right;
		margin: -25px 0px;
		z-index: 100;
	}

	.alltables{
		display: none;
	}
	
	
	.tablesPNG{
		display: inline-block;
	}
	
	.tablesPNG img{
		width: 300px;
	}
	
	#clientes{
		width: 300px !important;
		margin: 5px auto !important;
	}
	
	#clientes img{
		width: 120px;
	}
	#logosClientes{
		width: 320px;
	}
	.imgclientes{
		width: 100px;
	}
}

@media screen and (max-width: 320px) {
}