@import url("../../css/common_footer.css");
@import url("../../css/common_language.css");
@import url("../../css/common_header.css");
@import url("../../css/common_responsivemenu.css");
@font-face {
    font-family: 'piermarinefont';
    src: url('../../fonts/piermarine/piermarine.eot');
    src: url('../../fonts/piermarine/piermarine.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/piermarine/piermarine.woff') format('woff'),
         url('../../fonts/piermarine/piermarine.ttf') format('truetype'),
         url('../../fonts/piermarine/piermarine.svg#piermarine') format('svg');
    font-weight: normal;
    font-style: normal;
}
* {
	padding: 0;
	margin: 0;
}
body {
	background: #111;
	color: white;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	margin: 0 auto;
}
a {
	color: #DDD;
	cursor: pointer;
	text-decoration: none;
}
a:hover {text-decoration:none}
a.link {
	color: #666;
	cursor:pointer;
	text-decoration:none;
}
a.link:hover {text-decoration: underline}
img {border: 0}
.clear {
	clear: both;
	font-size: 0;
	line-height: 0;
}
.slide360 {cursor: pointer}
#bgvid {
	width: 100%;
	z-index: 1;
}

/* -----------------------------------------------------------------------------
  SPRITE IMAGES
----------------------------------------------------------------------------- */
#navbg01 figure, #planoUno, #planoDos, #tabIcons div figure, #tecnologia figure,
#construccion section figure, #constFigure01:after, #constFigure02:after,
#multimedia section a div, #multimedia section a div:after, #fabricaImg, 
footer div figure, #constGaleria a div:after, .fullScreen {
	background-image: url("../images/sprite_trentadue.png");
	background-repeat: no-repeat;
}

/* -----------------------------------------------------------------------------
  BACKGROUND
----------------------------------------------------------------------------- */
#bgGrey01 {
	width: 100%;
	margin-top: 900px; 
	position: absolute;
	z-index: -2;
}
#bgGrey01 img {
	margin-top: 0 auto;
	width: 100%;
}

/* -----------------------------------------------------------------------------
  PÁGINA PRINCIPAL
----------------------------------------------------------------------------- */
#siteMidSection {
	position: relative;
	z-index: 1;
}
#wrapper-slider, #wrapper-sliderDos{
	display: block;
	width: 100%;
}

/* -----------------------------------------------------------------------------
  NEW SLIDER
----------------------------------------------------------------------------- */
#slideshow {
    height: 950px;
    margin: 0 auto;
    position: relative;
    width: 100%;
}
#slideshow img {
    left: 0;
    opacity: 0.0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 8;
}
#slideshow img.active {
    opacity: 1.0;
    z-index: 10;
}
#slideshow img.last-active {z-index: 9}

/* -----------------------------------------------------------------------------
  PÁGINAS
----------------------------------------------------------------------------- */
.slide {padding-top: 8em}
.slide h2 {
	color: #39ACB7;
	font: 700 3.8em 'Open Sans', sans-serif;
	line-height: 1.2em;
}
#wrapperMidPage {
	margin: 0 auto;
	width: 100%;
}

/*******Ficha técnica*******/
#fichaTecnica {
	margin: 0 auto;
	width: 90%
}
#fichaTecnica h2, #planoUno {
	display: inline-block;
	vertical-align: top;
}
#planoUno {
	background-position: 0 -120px;
	height: 350px;
	margin: -8em 0 -1em 45%;
	width: 700px;
}
/****especificaciones****/
.etParte01, .etParte02, .etParte03 {
	display: inline-block;
	vertical-align: bottom;
}
.etParte01 {
	background: #39ACB7;
	color: #000;
	font: 700 1.2em 'Open Sans', sans-serif;
	height: 35px;
	padding: 0.5em 0 0 0.5em;
	width: 46%;
}
.etParte02 {
	color: #FFF;
	font: 600 1.2em 'Open Sans', sans-serif;
	height: 35px; 
	padding: 0.5em 0.5em 0 0;
	position: relative;
	text-align: right;
	width: 48%;
}
.etParte02:after {
	background: #39ACB7;
	content: '';
	height: 3px;
	margin: 1.65em 0 0 -95%;
	position: absolute;
	width: 100%;
}
.etParte02 span {
	font: 600 0.8em 'Open Sans', sans-serif;
	vertical-align:super;
}
.etParte03 {
	background: #39ACB7;
	height: 40px;
	width: 7px;
}
#especif, #tabs {
	display: inline-block;
	margin-top: 2em;
	vertical-align: top;
	width: 48%;
}
#especif section {
	display: block;
	margin: 0.5em 0;
	width: 100%;
}

/****tabs****/
.divInternalLine {
	background: #39ACB7;
	height: 3px;
	width: 100%;
}
#tabDescription div.dividingLine {
	background: #39ACB7;
	height: 10px;
	margin-top: 2em;
	position: relative;
}
#tabDescription div.dividingLine:before {
	border-left: 25px solid transparent;
	border-right: 25px solid transparent;
	border-bottom: 25px solid #39ACB7;
	content: '';
	height: 0;
	position: absolute;
	width: 0;
}
#tabDescription div p {
	color: #FFF;
	font: 400 1em 'Open Sans', sans-serif;
	margin: 0.5em 1em;
}
#tabDescription02, #tabDescription03, #tabDescription04, #tabDescription05 {display: none}
#tabDescription01 .dividingLine:before {margin: -25px 0 0 7%}
#tabDescription02 .dividingLine:before {margin: -25px 0 0 27%}
#tabDescription03 .dividingLine:before {margin: -25px 0 0 48%}
#tabDescription04 .dividingLine:before {margin: -25px 0 0 67%}
#tabDescription05 .dividingLine:before {margin: -25px 0 0 87%}
#tabIcons, #tabDescription{
	display: block;
	width: 100%;
}
#tabDescription h3 {
	background: #39ACB7;
	color: #111;
	margin-top: 0.2em;
	padding: 0.2em 0 0 0.8em;
	height: 30px;
}
#tabDescription h4 {
	background: #888;
	color: #111;
	padding: 0 0 0 0.8em;
	height: 23px;
}
#tabIcons {cursor: pointer}
#tabIcons div {
	display: inline-block;
	margin: 0 auto;
	vertical-align: top;
}
#tabIcons div figcaption {
	color: #39ACB7;
	font: 600 1.1em 'Open Sans', sans-serif;
	margin-top: 0.5em;
	text-align: center;
}
#tabIcon01, #tabIcon02, #tabIcon03, #tabIcon04, #tabIcon05 {
	margin: 0 auto;
	width: 19.5%;
}
#tabIconFig01, #tabIconFig02, #tabIconFig03, #tabIconFig04, #tabIconFig05 {
	height: 123px;
	margin: 0 auto;
	width: 123px;
}
#tabIconFig01 {background-position: -4px -626px}
#tabIconFig02 {background-position: -4px -752px}
#tabIconFig03 {background-position: -4px -878px}
#tabIconFig04 {background-position: -4px -1004px}
#tabIconFig05 {background-position: -4px -1129px}
#tabs {margin-left: 2%}

/*******Tecnología********/
#tecFigure01 {
	background-position: 0 -1687px;
	background-size: 132%;
	height: 410px;
	margin: 0 0 0 2em;
	width: 529px;
}
#tecFigure02, #tecFigure03, #tecFigure04 {
	background-size: 142%;
	display: inline-block;
	height: 130px;
	margin-left: 0.2em;
	width: 180px;
}
#tecFigure02 {background-position: -49px -228px}
#tecFigure03 {background-position: -49px -357px}
#tecFigure04 {background-position: -49px -488px}
#tecnologia {
	margin: 0 auto;
	width: 90%;
}
#tecnologia h2 {margin-bottom: 1em}
#tecSection01, #tecFigure01, #tecSection02 {
	display: inline-block;
	vertical-align: top;
}
#tecSection01, #tecSection02 {width: 33%}
#tecnologia section h3 {
	color: #39ACB7;
	font: 300 1.8em 'Open Sans', sans-serif;
}
#tecnologia section h4 {
	color: #39ACB7;
	font: 600 3.5em 'Open Sans', sans-serif;
	line-height: 1em;
	margin: 0.5em 0 0.8em 0;
	text-align: right;
}
#tecnologia section p {
	color: #FFF;
	font: 400 1em 'Open Sans', sans-serif;
	margin-top: 1em;
}

/*******Construcción******/
#constFigure01, #constFigure02 {
	background-size: 100%;
	cursor: pointer;
	height: 300px;
	position: relative;
	width: 650px;
}
#constFigure01 {
	background-position: 0 -1954px;
	margin-left: -9em;
}
#constFigure01:hover:after, #constFigure02:hover:after {
	background-position: 0 -1502px;
	content: '';
	height: 130px;
	margin: 5em 0 0 16em;
	position: absolute;
	width: 130px;
}
#constFigure02 {
	background-position: 0 -2256px;
	margin-left: -6.5em;
}
#constGaleria {
	margin: 1em auto;
	width: 90%;
	z-index: 20;
}
#constGaleria div {
	background-image: url("../images/construccion/sprite_construccion_trentadue.jpg");
	background-repeat: no-repeat;
	background-size: 500%;
	display: inline-block;
	height: 140px;
	margin: 0 auto;
	position: relative;
	width: 180px;
}
#constGaleria div:hover:after {
	background-position: 0 -1243px;
	background-size: 527%;
	content: '';
	height: 110px;
	margin: 1em 0 0 2.3em;
	position: absolute;
	width: 110px;
}
#construccion {
	margin-bottom: 6em;
}
#construccion h2 {
	margin: 0 auto;
	width: 90%;
}
#construccion article p {
	color: #CCC;
	font: 400 1em 'Open Sans', sans-serif;
	margin: 0.5em 0 0.5em 5.4%;
	text-align: justify;
	width: 40%;
}
#imgConstruccion01 {background-position: 0 0}
#imgConstruccion02 {background-position: -180px 0}
#imgConstruccion03 {background-position: -360px 0}
#imgConstruccion04 {background-position: -540px 0}
#imgConstruccion05 {background-position: -720px 0}
#imgConstruccion06 {background-position: 0 -140px}
#imgConstruccion07 {background-position: -180px -140px}
#imgConstruccion08 {background-position: -360px -140px}
#imgConstruccion09 {background-position: -540px -140px}
#imgConstruccion10 {background-position: -720px -140px}
#imgConstruccion11 {background-position: 0 -280px}
#imgConstruccion12 {background-position: -180px -280px}
#imgConstruccion13 {background-position: -360px -280px}
#imgConstruccion14 {background-position: -540px -280px}
#imgConstruccion15 {background-position: -720px -280px}
#imgConstruccion16 {background-position: 0 -420px}
#imgConstruccion17 {background-position: -180px -420px}
#imgConstruccion18 {background-position: -360px -420px}
#sectionBG {
	background: #39ACB7;
	height: 300px;
	margin: 0;
}
#sectionBG h4 {
	color: #000;
	font: 300 2.4em 'Open Sans', sans-serif;
	margin: 0 1em 0 2.5em;
	width: 30%;

}
#sectionBG h4, #sectionBG figure {
	display: inline-block;
	vertical-align: middle;
}

/*******Multimedia*******/
#multimedia {
	margin: 0 auto 3em auto;
	width: 90%
}
#multimedia h3 {
	color: #39ACB7;
	font: 400 2.2em 'Open Sans', sans-serif;
	margin: 1em;
}
#multimedia section a div {
	background-image: url("../images/multimedia/sprite_multimedia_trentadue.jpg");
	background-repeat: no-repeat;
	background-size: 500%;
	display: inline-block;
	height: 140px;
	position: relative;
	width: 180px;
}
#multimedia section div:hover:after {
	background-position: 0 -1243px;
	background-size: 527%;
	content: '';
	height: 110px;
	margin: 1em 0 0 2.3em;
	position: absolute;
	width: 110px;
}
#imgInterior360:hover{opacity: 0.7}
#imgInterior360:hover:after {display: none}
#imgInterior360 {background-position: 0 0}
#imgInterior01 {background-position: -180px 0}
#imgInterior02 {background-position: -360px 0}
#imgInterior03 {background-position: -540px 0}
#imgInterior04 {background-position: -720px 0}
#imgInterior05 {background-position: 0 -140px}
#imgInterior06 {background-position: -180px -140px}
#imgInterior07 {background-position: -360px -140px}
#imgInterior08 {background-position: -540px -140px}
#imgInterior09 {background-position: -720px -140px}
#imgInterior10 {background-position: 0 -280px}
#imgInterior11 {background-position: -180px -280px}
#imgInterior12 {background-position: -360px -280px}
#imgInterior13 {background-position: -540px -280px}
#imgInterior14 {background-position: -720px -280px}

#imgExterior01 {background-position: 0 -420px}
#imgExterior02 {background-position: -180px -420px}
#imgExterior03 {background-position: -360px -420px}
#imgExterior04 {background-position: -540px -420px}
#imgExterior05 {background-position: -720px -420px}
#imgExterior06 {background-position: 0 -560px}
#imgExterior07 {background-position: -180px -560px}
#imgExterior08 {background-position: -360px -560px}
#imgExterior09 {background-position: -540px -560px}
#imgExterior10 {background-position: -720px -560px}
#imgExterior11 {background-position: 0 -700px}
#imgExterior12 {background-position: -180px -700px}
#imgExterior13 {background-position: -360px -700px}
#imgExterior14 {background-position: -540px -700px}
#imgExterior15 {background-position: -720px -700px}

/*******Concepto********/
#concepto h2{
	margin: 0 auto;
	width: 90%
}
#concepto h3 {
	color: #000;
	font: 300 2em 'Open Sans', sans-serif;
	margin: 0.5em auto;
	padding-top: 1em;
	text-align: center;
	width: 60%;
}
#concepto article {
	column-count: 2;
	column-gap: 3em;
	color: #CCC;
	font: 400 1em 'Open Sans', sans-serif;
	margin: 0 auto;
	text-align: justify;
	width: 70%;
}
#concepto article p {
	margin-bottom: 0.5em;
}
#concepto section {
	background: #39ACB7;
	height: 155px;
	margin: 1em 0;
}

/*** Presupuesto ***/
input{
	height: 60px;
	padding-left: 1%;
	width: 99%;
}
input, select {
	background: #444;
	border: none;
	color: #9CDBE0;
	display: block;
	font: 600 1.1em 'Open Sans', sans-serif;
	margin: 0.3em 0;
} 
input:required:valid {
	background-color: #444;
	background-image: url(../images/valid.svg);
	background-repeat: no-repeat;
	background-position: 98% 17px;
	background-size: 4%;
}
input:required:invalid {
	background-color: #444;
	background-image: url(../images/required.svg);
	background-repeat: no-repeat;
	background-position: 98% 17px;
	background-size: 4%;
}

input::input-placeholder {
    	color: #FFF;
    	font: 400 1.2em 'Open Sans', sans-serif;
}
input[type=submit]{
	background: #39ACB7;
	border: none;
	color: #000;
	font: 400 2em 'Open Sans', sans-serif;
	height: 60px;
	width: 100%;
	-webkit-appearance: none;
}
input[type=submit]:hover{background: #FFF}
input[type=checkbox], #form_presupuesto form p {
	display: inline-block;
	vertical-align: middle;
}
form input[type=checkbox] {width: 4%}
form p {
	color: #AAA;
	font: 400 1.1em 'Open Sans';
	margin-left: 1%;
	width: 95%;
}
select{
	height: 60px;
	padding-left: 1%;
	width: 100%;
	-webkit-appearance: none;
}
#form_presupuesto {
	color: #666;
	display: inline-block;
	margin-bottom: 150px;
	vertical-align: top;
	width: 49.5%;
}
#preloaderPresupuesto {
    background-color:rgba(0,0,0,0.9); /* change if the mask should have another color then white */
    bottom:0;
    left:0;
    margin: 0 auto;
    position:fixed;
    right:0;
    text-align: center;
    top:0;
    z-index:99; /* makes sure it stays on top */
}
#presupuesto {
	color: #AAA;
	margin: 0 auto;
	width: 90%;
}
#spin {
	color: #39ACB7;
	font: 3em 'piermarinefont';
	left:48%;
	position:absolute;
	top:50%;

}
.animate-spin {
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
  display: inline-block;
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-ms-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

#textoPresupuesto {
	display: inline-block;
	margin: 0 2% 0 0;
	vertical-align: top;
	width: 48%;
}
#textoPresupuesto p{
	font: 400 1.1em 'Open Sans';
	margin-bottom: 1em;
	text-align: justify;
}
.displayPreloaderOFF {display: none}
.displayPreloaderON {display: block}

/* -----------------------------------------------------------------------------
  RESPONSIVE DESIGN
----------------------------------------------------------------------------- */

/* Monitores 20" ********************************************************************** 1680px */
@media screen and (max-width: 1680px){
	.slide h2 {font: 700 3em 'Open Sans', sans-serif}
	#siteMidSection {padding-top: 144px}
	/*******Ancho de página*******/
	#fichaTecnica, #tecnologia, #constGaleria, #construccion h2,
	#construccion h3, #multimedia, #concepto h2 {width: 98%}
	/*******Tecnología*******/
	#tecFigure01 {
		background-position: 0 -1592px;
		height: 390px;
		width: 500px;
	}
	#tecFigure02, #tecFigure03, #tecFigure04 {
		background-size: 140%;
		height: 120px;
		width: 170px;
	}
	#tecFigure02 {background-position: -46px -213px}
	#tecFigure03 {background-position: -46px -333px}
	#tecFigure04 {background-position: -46px -454px}
	#tecSection01, #tecSection02 {width: 33%}
	#tecnologia section h4 {margin: 0.5em 0 0.7em 0}
	/*******Construcción******/
	#constGaleria div {
		height: 130px;
		width: 170px;
	}
	#constGaleria div:hover:after {margin: 0.7em 0 0 2em}
	#imgConstruccion01 {background-position: 0 0}
	#imgConstruccion02 {background-position: -170px 0}
	#imgConstruccion03 {background-position: -340px 0}
	#imgConstruccion04 {background-position: -510px 0}
	#imgConstruccion05 {background-position: -680px 0}
	#imgConstruccion06 {background-position: 0 -132px}
	#imgConstruccion07 {background-position: -170px -133px}
	#imgConstruccion08 {background-position: -340px -133px}
	#imgConstruccion09 {background-position: -510px -133px}
	#imgConstruccion10 {background-position: -680px -133px}
	#imgConstruccion11 {background-position: 0 -280px}
	#imgConstruccion12 {background-position: -170px -280px}
	#imgConstruccion13 {background-position: -340px -280px}
	#imgConstruccion14 {background-position: -510px -280px}
	#imgConstruccion15 {background-position: -680px -280px}
	#imgConstruccion16 {background-position: 0 -420px}
	#imgConstruccion17 {background-position: -170px -420px}
	#imgConstruccion18 {background-position: -340px -420px}
	#sectionBG h4 {
		font: 300 1.9em 'Open Sans', sans-serif;
		margin: 0 0 0 1em;
	}
	/*******Multimedia******/
	#imgInterior01 {background-position: -170px 0}
	#imgInterior02 {background-position: -340px 0}
	#imgInterior03 {background-position: -510px 0}
	#imgInterior04 {background-position: -680px 0}
	#imgInterior05 {background-position: 0 -133px}
	#imgInterior06 {background-position: -170px -133px}
	#imgInterior07 {background-position: -340px -133px}
	#imgInterior08 {background-position: -510px -133px}
	#imgInterior09 {background-position: -680px -133px}
	#imgInterior10 {background-position: 0 -265px}
	#imgInterior11 {background-position: -170px -265px}
	#imgInterior12 {background-position: -340px -265px}
	#imgInterior13 {background-position: -510px -265px}
	#imgInterior14 {background-position: -680px -265px}

	#imgExterior01 {background-position: 0 -397px}
	#imgExterior02 {background-position: -170px -397px}
	#imgExterior03 {background-position: -340px -397px}
	#imgExterior04 {background-position: -510px -397px}
	#imgExterior05 {background-position: -680px -397px}
	#imgExterior06 {background-position: 0 -529px}
	#imgExterior07 {background-position: -170px -529px}
	#imgExterior08 {background-position: -340px -529px}
	#imgExterior09 {background-position: -510px -529px}
	#imgExterior10 {background-position: -680px -529px}
	#imgExterior11 {background-position: 0 -662px}
	#imgExterior12 {background-position: -170px -662px}
	#imgExterior13 {background-position: -340px -662px}
	#imgExterior14 {background-position: -510px -662px}
	#imgExterior15 {background-position: -680px -662px}

	#multimedia section a div {
		background-size: 500%;
		height: 130px;
		width: 170px;
	}
	#multimedia section div:hover:after {margin: 0.7em 0 0 2em}
}

/************************************************************************************** 1600px */
@media screen and (max-width: 1600px){
	#siteMidSection {padding-top: 0}
	/*******Tecnología*******/
	#tecFigure01 {
		background-position: 0 -1530px;
		height: 374px;
		width: 480px;
	}
	#tecFigure02, #tecFigure03, #tecFigure04 {
		background-size: 140%;
		height: 109px;
		width: 160px;
	}
	#tecFigure02 {background-position: -46px -204px}
	#tecFigure03 {background-position: -46px -317px}
	#tecFigure04 {background-position: -46px -430px}
	/*******Construcción******/
	#constFigure01, #constFigure02 {
		height: 250px;
		width: 636px;
	}
	#constFigure01 {background-position: 0 -1954px}
	#constFigure01:hover:after, #constFigure02:hover:after {margin: 4em 0 0 15em}
	#constFigure02 {
		background-position: 0 -2250px;
		margin-left: -6.5em;
	}
	#constGaleria div {
		height: 128px;
		width: 165px;
	}
	#constGaleria div:hover:after {margin: 0.7em 0 0 2em}
	#imgConstruccion01 {background-position: 0 0}
	#imgConstruccion02 {background-position: -165px 0}
	#imgConstruccion03 {background-position: -330px 0}
	#imgConstruccion04 {background-position: -495px 0}
	#imgConstruccion05 {background-position: -660px 0}
	#imgConstruccion06 {background-position: 0 -128px}
	#imgConstruccion07 {background-position: -165px -128px}
	#imgConstruccion08 {background-position: -330px -128px}
	#imgConstruccion09 {background-position: -495px -128px}
	#imgConstruccion10 {background-position: -660px -128px}
	#imgConstruccion11 {background-position: 0 -280px}
	#imgConstruccion12 {background-position: -165px -280px}
	#imgConstruccion13 {background-position: -330px -280px}
	#imgConstruccion14 {background-position: -495px -280px}
	#imgConstruccion15 {background-position: -660px -280px}
	#imgConstruccion16 {background-position: 0 -420px}
	#imgConstruccion17 {background-position: -165px -398px}
	#imgConstruccion18 {background-position: -330px -398px}
	#sectionBG {height: 250px}
	#sectionBG h4 {font: 300 1.8em 'Open Sans', sans-serif}
}

/* Monitores 19" ********************************************************************** 1440px */
@media screen and (max-width: 1440px){
	#siteMidSection {padding-top: 140px}
	/*****ficha técnica*****/
	#especif {width: 45%}
	#tabs {width: 52%}
	/*******Tecnología*******/
	#tecFigure01 {
		background-position: 0 -1353px;
		height: 330px;
		width: 425px;
	}
	#tecFigure02, #tecFigure03, #tecFigure04 {
		background-size: 140%;
		height: 102px;
		width: 145px;
	}
	#tecFigure02 {background-position: -39px -182px}
	#tecFigure03 {background-position: -39px -284px}
	#tecFigure04 {background-position: -39px -387px}
	#tecnologia section h4 {
		font: 600 2.5em 'Open Sans', sans-serif;
		line-height: 1em;
	}
	/*******Construcción******/
	#constFigure01, #constFigure02 {
		height: 250px;
		width: 570px;
	}
	#constFigure01 {
		background-position: 0 -1713px;
		margin-left: -7em;
	}
	#constFigure01:hover:after, #constFigure02:hover:after {margin: 4em 0 0 13em}
	#constFigure02 {
		background-position: 0 -1980px;
		margin-left: -5.8em;
	}
	#construccion article p {width: 60%}
	#sectionBG h4 {font: 300 1.8em 'Open Sans', sans-serif; margin: 0 0.5em}
	/*******concepto******/
	#concepto h3 {
		font: 300 2em 'Open Sans', sans-serif;
		width: 95%;
	}
	#concepto article {width: 90%}
	/******Contacto******/
	input:required:valid, textarea:required:valid{
		background-position: 98% 17px;
		background-size: 5%;
	}
	input:required:invalid, textarea:required:invalid{
		background-position: 98% 17px;
		background-size: 5%;
	}
}

/* Algunas Notebooks ****************************************************************** 1366px */
@media screen and (max-width: 1366px){
	.slide {padding-top: 5.5em}
	.slide h2 {font: 700 2.5em 'Open Sans', sans-serif}
	#slideshow {height: 660px}
	/*******Ficha Técnica*******/
	.etParte01, .etParte02 {font: 700 1em 'Open Sans', sans-serif}
	.etParte01 {height: 30px}
	.etParte02 {height: 29px}
	#planoUno {
		background-position: 0 -80px;
		background-size: 100%;
		height: 227px;
		margin: -1em 0 -1em 45%;
		width: 450px;
	}
	#tabIcons div figcaption {font: 600 1em 'Open Sans', sans-serif}
	#tabIconFig01, #tabIconFig02, #tabIconFig03, #tabIconFig04, #tabIconFig05 {
		background-size: 560%;
		height: 100px;
		margin: 0 auto;
		width: 100px;
	}
	#tabIconFig01 {background-position: -3px -500px}
	#tabIconFig02 {background-position: -3px -600px}
	#tabIconFig03 {background-position: -3px -700px}
	#tabIconFig04 {background-position: -3px -800px}
	#tabIconFig05 {background-position: -3px -902px}
	/*******Tecnología*******/
	#tecnologia {margin: 0 auto 3em auto}
	#tecFigure01 {
		background-position: 0 -1275px;
		height: 310px;
		width: 400px;
	}
	#tecFigure02, #tecFigure03, #tecFigure04 {
		background-size: 140%;
		height: 95px;
		width: 135px;
	}
	#tecFigure02 {background-position: -36px -169px}
	#tecFigure03 {background-position: -36px -264px}
	#tecFigure04 {background-position: -36px -360px}
	/******Construcción******/
	#constFigure01, #constFigure02 {
		height: 200px;
		width: 500px;
	}
	#constFigure01 {
		background-position: 0 -1520px;
		margin-left: -7em;
	}
	#constFigure01:hover:after, #constFigure02:hover:after {margin: 2.5em 0 0 10em}
	#constFigure02 {
		background-position: 0 -1740px;
		margin-left: -5.3em;
	}
	#construccion h3 {
		font: 300 1.5em 'Open Sans', sans-serif;
		margin: 0 auto 0.5em auto;
		width: 98%;
	}
	#sectionBG {height: 200px}
	#sectionBG h4 {font: 300 1.8em 'Open Sans', sans-serif; margin: 0 2em 0 0.5em}
	/******Multimedia******/
	#multimedia h3 {
		font: 400 2em 'Open Sans', sans-serif;
		margin: 0.5em 1em;
	}
	/******concepto******/
	#concepto h3 {font: 300 1.8em 'Open Sans', sans-serif}
	#concepto section {height: 180px}
	/******Contacto******/
	input {
		height: 50px;
		font: 600 1em 'Open Sans', sans-serif;
	} 
	input:required:valid, textarea:required:valid{
		background-position: 98% 15px;
		background-size: 5%;
	}
	input:required:invalid, textarea:required:invalid{
		background-position: 98% 15px;
		background-size: 5%;
	}
}

/* Notebooks Viejas ******************************************************************* 1280px */
@media screen and (max-width: 1280px) {
	.slide h2 span{display: none}
	/*******Ficha Técnica*******/
	.etParte02:after {margin: 1.65em 0 0 -97%}
	#especif, #tabs{
		display: block;
		margin-top: 2em;
		width: 97%;
	}
	#planoUno {
		background-position: 0 -115px;
		height: 262px;
		margin: -3em 0 -1em 45%;
		width: 580px;
	}
	/*******Tecnología*******/
	#tecFigure01 {
		background-position: 0 -1195px;
		height: 290px;
		width: 375px;
	}
	#tecFigure02, #tecFigure03, #tecFigure04 {
		background-size: 140%;
		height: 88px;
		width: 125px;
	}
	#tecFigure02 {background-position: -34px -156px}
	#tecFigure03 {background-position: -34px -245px}
	#tecFigure04 {background-position: -34px -333px}
	/******Construcción******/
	#sectionBG h4 {font: 400 1.7em 'Open Sans', sans-serif}
}

/* Tablet ***************************************************************************** 1024px */
@media screen and (max-width: 1024px) {
	#slideshow {height: 500px}
	/*******Ficha Técnica*******/
	#planoUno {margin: -3em 0 -1em 34%}
	/******Concepto********/
	#concepto h3 {width: 90%}
	/******Tecnología******/
	#tecFigure01 {
		background-position: 0 -1353px;
		height: 330px;
		width: 425px;
	}
	#tecFigure02, #tecFigure03, #tecFigure04 {
		background-size: 142%;
		display: inline-block;
		height: 130px;
		margin: -7em 0 0 0.2em;
		width: 180px;
	}
	#tecFigure02 {background-position: -49px -228px}
	#tecFigure03 {background-position: -49px -357px}
	#tecFigure04 {background-position: -49px -488px}
	#tecnologia section h4 {margin: 0.5em 1em 0.7em 0}
	#tecSection01, #tecFigure01 {
		display: inline-block;
		vertical-align: top;
	}
	#tecSection01 {width: 49%}
	#tecSection02 {width: 100%}
	/******Construcción******/
	#constFigure01, #constFigure02 {
		height: 200px;
		width: 430px;
	}
	#constFigure01 {
		background-position: 0 -1292px;
		margin-left: -7em;
	}
	#constFigure01:hover:after, #constFigure02:hover:after {margin: 2.5em 0 0 8em}
	#constFigure02 {
		background-position: 0 -1492px;
		margin-left: -4.4em;
	}
	#construccion h3 span {display: none}
	#sectionBG h4 {font: 400 1.3em 'Open Sans', sans-serif}
}

/* Mobile High Resolution ************************************************************** 800px */
@media screen and (max-width: 800px) {
	.slide h2 {text-align: center}
	#siteMidSection{display: none}
	/******ficha técnica******/
	.etParte02 {padding: 0.5em 0.9em 0 0}
	.etParte02:after {margin: 1.65em 0 0 -95%}
	#especif {
		display: block;
		margin-top: 2em;
		width: 100%;
	}
	#fichaTecnica {padding-top: 15em}
	#fichaTecnica h2, #planos {display: block}
	#planoUno {margin: 0 0 -1em 0}
	#tabs {
		display: block;
		margin-top: 2em;
		width: 92%;
	}
	/******tecnología******/
	#tecnologia {width: 100%}
	#tecnologia section p {
		margin: 0 auto;
		text-align: justify;
		width: 100%;
	}
	#tecnologia section h3 {
		margin: 0 auto;
		width: 85%;
	}
	#tecSection01, #tecFigure01 {display: block}
	#tecSection01 {
		margin: 0 auto;
		width: 90%;
	}
	#tecFigure01 {
	    background-position: 0px -1960px;
	    height: 470px;
	    margin: 0 auto;
	    width: 80%;
	}
	#tecSection02 {
	    margin: 0 auto;
	    text-align: center;
	}
	#tecSection02 h4 span {display: none}
	#tecFigure02, #tecFigure03, #tecFigure04 {
	    height: 128px;
	    margin: 0 0 0 0.2em;
	}
	/******multimedia********/
	#multimedia {text-align: center}
	/******Construcción******/
	#construccion article p {
		margin: 0 auto;
		text-align: justify;
		width: 90%;
	}
	#constFigure01, #constFigure02 {
		height: 138px;
		width: 300px;
	}
	#constFigure01 {
		background-position: 0 -902px;
		margin-left: -2.7em;
	}
	#constFigure01:hover:after, #constFigure02:hover:after {margin: 0.2em 0 0 5em}
	#constFigure02 {
		background-position: 0 -1041px;
		margin-left: -3.2em;
	}
	#construccion h3 span {display: none}
	#sectionBG {display: none}
	/******Concepto********/
	#concepto article {
		color: #fff;
		-webkit-column-count: 1;
		-webkit-column-gap: none;
		text-align: justify;
	}

	#concepto section {height: 140px}
	/******contacto******/
	input:required:valid, textarea:required:valid{
		background-position: 98% 13px;
		background-size: 4%;
	}
	input:required:invalid, textarea:required:invalid{
		background-position: 98% 13px;
		background-size: 4%;
	}
	#contacto section {display: block}
	#form_contacto {width: 100%}
	/*** presupuesto ***/
	#form_presupuesto, #textoPresupuesto {
		display: block;
		width: 100%;
	}
}

/* Iphone ****************************************************************************** 640px */
@media screen and (max-width: 640px) {
	/******ficha técnica******/
	.etParte02 {width: 46%}
	.etParte02:after {margin: 1.65em 0 0 -93%}
	#fichaTecnica {padding-top: 13em}
	#tabDescription01 .dividingLine:before {margin: -25px 0 0 5%}
	#tabDescription02 .dividingLine:before {margin: -25px 0 0 29%}
	#tabDescription03 .dividingLine:before {margin: -25px 0 0 55%}
	#tabDescription04 .dividingLine:before {margin: -25px 0 0 80%}
	#tabIconFig01, #tabIconFig02, #tabIconFig03, #tabIconFig04, #tabIconFig05 {
		background-size: 580%;
		height: 81px;
		margin: 0 auto;
		width: 80px;
	}
	#tabIconFig01 {background-position: -4px -414px}
	#tabIconFig02 {background-position: -4px -498px}
	#tabIconFig03 {background-position: -4px -582px}
	#tabIconFig04 {background-position: -4px -665px}
	#tabIconFig05 {background-position: -4px -665px}
	#tabs {width: 95%}
	/******tecnología******/
	#tecFigure01 {
		background-position: 0 -1600px;
		height: 380px;
		width: 80%;
	}
	#tecFigure02, #tecFigure03, #tecFigure04 {
		height: 128px;
		margin: 0 0 0 0.2em;
	}
	/******contacto******/
	form input[type=checkbox] {width: 8%}
	form p {width: 90%}
}

/* Mobile ****************************************************************************** 610px */
@media screen and (max-width: 610px) {
	/******ficha técnica******/
	.etParte02 {padding: 0.5em 0.8em 0 0}
	#planoUno {
		background-position: 0 -102px;
		height: 410px;
		width: 100%;
	}
	#tabs {
		margin-left: 0;
		width: 100%;
	}
	/******tecnología******/
	#tecnologia section p {margin: 1em 0}
	#tecFigure01 {
		background-position: 0 -1482px;
		height: 360px;
		width: 80%;
	}
}

/* Mobile ****************************************************************************** 480px */
@media screen and (max-width: 480px) {
	/******ficha técnica******/
	.etParte01, .etParte02 {
		display: block;
		text-align: center;
		width: 98%;
	}
	.etParte02 {
		font: 400 1em 'Open Sans', sans-serif;
		padding: 0.5em 0.4em 0 0;
	}
	.etParte02:after{display: none}
	.etParte03{display: none}
	#fichaTecnica {padding-top: 15em}
	#planoUno {
		background-position: 0 -78px;
		height: 320px;
		width: 100%;
	}
	#tabIcons div figcaption {font: 600 0.9em 'Open Sans', sans-serif}
	/******tecnología******/
	#tecnologia h2 {margin-bottom: 0}
	#tecFigure01 {
		background-position: 0 -1158px;
		height: 282px;
		width: 80%;
	}
	#tecnologia section h4 {
		margin: 0 auto;
		text-align: center;
	}
	/******concepto******/
	#concepto article {
	font: 400 1em 'Open Sans', sans-serif;
	text-align: left;
	width: 95%;
	}
	#concepto article p {
		margin-bottom: 1em;
	}
	/******contacto******/
	input:required:valid, textarea:required:valid{
		background-position: 98% 15px;
		background-size: 5%;
	}
	input:required:invalid, textarea:required:invalid{
		background-position: 98% 15px;
		background-size: 5%;
	}
}
/* iPhone 6 Plus *********************************************************************** 414px */
@media screen and (max-width: 414px) {
	/******ficha técnica******/
	#planoUno {
	    background-position: 0 -70px;
	    height: 290px;
	}
	#fichaTecnica {padding-top: 10em}
	/*****tecnología*****/
	#tecFigure01 {
	    background-position: 0px -1034px;
	    height: 250px;
	}
	/*****contacto******/
	input[type=submit]{font: 400 1.2em 'Open Sans', sans-serif}
}

/* iPhone 6 **************************************************************************** 375px */
@media screen and (max-width: 375px) {
	/******ficha técnica******/
	#planoUno {
		background-position: 0 -58px;
		height: 265px;
		width: 100%;
	}
	#tabDescription01 .dividingLine:before {margin: -25px 0 0 5%}
	#tabDescription02 .dividingLine:before {margin: -25px 0 0 29%}
	#tabDescription03 .dividingLine:before {margin: -25px 0 0 55%}
	#tabDescription04 .dividingLine:before {margin: -25px 0 0 80%}
	#tabIconFig01, #tabIconFig02, #tabIconFig03, #tabIconFig04 {
		background-size: 580%;
		height: 81px;
		margin: 0 auto;
		width: 80px;
	}
	#tabIconFig01 {background-position: -4px -414px}
	#tabIconFig02 {background-position: -4px -498px}
	#tabIconFig03 {background-position: -4px -582px}
	#tabIconFig04 {background-position: -4px -665px}
	#tabIcons div figcaption {font: 400 0.7em 'Open Sans', sans-serif}
	/******tecnología******/
	#tecFigure01 {
		background-position: 0 -937px;
		height: 225px;
		width: 80%;
	}
	#tecFigure02, #tecFigure03, #tecFigure04 {
		display: block;
		margin: 0.2em auto;
	}
	/******multimedia******/
	#multimedia section a div {
		background-size: 500%;
		height: 128px;
		width: 165px;
	}
	#imgInterior01 {background-position: -165px 0}
	#imgInterior02 {background-position: -330px 0}
	#imgInterior03 {background-position: -495px 0}
	#imgInterior04 {background-position: -660px 0}
	#imgInterior05 {background-position: 0 -128px}
	#imgInterior06 {background-position: -165px -128px}
	#imgInterior07 {background-position: -330px -128px}
	#imgInterior08 {background-position: -495px -128px}
	#imgInterior09 {background-position: -660px -128px}
	#imgInterior10 {background-position: 0 -256px}
	#imgInterior11 {background-position: -165px -256px}
	#imgInterior12 {background-position: -330px -256px}
	#imgInterior13 {background-position: -495px -256px}
	#imgInterior14 {background-position: -660px -256px}
	#imgInterior15 {background-position: 0 -384px}
	#imgInterior16 {background-position: -165px -384px}
	#imgInterior17 {background-position: -330px -384px}
	#imgInterior18 {background-position: -495px -384px}
	#imgInterior19 {background-position: -660px -384px}
	#imgInterior20 {background-position: 0 -512px}
	#imgInterior21 {background-position: -165px -512px}
	#imgInterior22 {background-position: -330px -512px}
	#imgInterior23 {background-position: -495px -512px}
	#imgInterior24 {background-position: -660px -512px}

	#imgExterior01 {background-position: 0 0}
	#imgExterior02 {background-position: -165px 0}
	#imgExterior03 {background-position: -330px 0}
	#imgExterior04 {background-position: -495px 0}
	#imgExterior05 {background-position: -660px 0}
	#imgExterior06 {background-position: 0 -128px}
	#imgExterior07 {background-position: -165px -128px}
	#imgExterior08 {background-position: -330px -128px}
	#imgExterior09 {background-position: -495px -128px}
	#imgExterior10 {background-position: -660px -128px}

	/******contacto******/
	input:required:valid {
		background-position: 98% 15px;
		background-size: 6%;
	}
	input:required:invalid {
		background-position: 98% 15px;
		background-size: 6%;
	}
	form input[type=checkbox] {width: 12%}
	form p {width: 85%}
}
/* Mobile ****************************************************************************** 360px */
@media screen and (max-width: 360px) {
	.slide h2 {font: 700 2em 'Open Sans', sans-serif}
	/******tecnología******/
	#tecFigure01 {
		background-position: 0 -859px;
		height: 210px;
		width: 80%;
	}
}
/* Mobile ****************************************************************************** 330px */
@media screen and (max-width: 330px) {
	.slide h2 {font: 700 2em 'Open Sans', sans-serif}
	/******ficha técnica******/
	.etParte01, .etParte02 {width: 98%}
	#fichaTecnica {padding-top: 13em}
	#planoUno {
		background-position: 0 -53px;
		height: 225px;
		width: 100%;
	}
	#tabDescription01 .dividingLine:before {margin: -25px 0 0 4%}
	#tabDescription02 .dividingLine:before {margin: -25px 0 0 28%}
	#tabDescription03 .dividingLine:before {margin: -25px 0 0 53%}
	#tabDescription04 .dividingLine:before {margin: -25px 0 0 78%}
	#tabIcon01, #tabIcon02, #tabIcon03, #tabIcon04 {
		margin: 0 5%;
		width: 23.5%}
	#tabIconFig01, #tabIconFig02, #tabIconFig03, #tabIconFig04 {
		background-size: 520%;
		height: 65px;
		margin: 0 auto;
		width: 70px;
	}
	#tabIconFig01 {background-position: 1px -325px}
	#tabIconFig02 {background-position: 1px -391px}
	#tabIconFig03 {background-position: 1px -456px}
	#tabIconFig04 {background-position: 1px -521px}
	#tabIcons div figcaption {font: 400 0.65em 'Open Sans', sans-serif}
	/******tecnología******/
	#tecFigure01 {
		background-position: 0 -800px;
		height: 190px;
		width: 80%;
	}
	#tecnologia section h4 {font: 600 1.5em 'Open Sans', sans-serif}
	/******construcción******/
	#construccion h3 {font: 300 1.2em 'Open Sans', sans-serif}
	#constGaleria div {
		display: block;
		margin: 0.5em auto;
	}
	/******multimedia******/
	#multimedia section a div {
		display: block;
		margin: 0.5em auto;
	}
	/******contacto******/
	input:required:valid, textarea:required:valid{
		background-position: 98% 17px;
		background-size: 7%;
	}
	input:required:invalid, textarea:required:invalid{
		background-position: 98% 17px;
		background-size: 7%;
	}
	input[type=submit] {font: 400 1.5em 'Open Sans', sans-serif}
	#contacto h3 {font: 300 1.4em 'Open Sans', sans-serif}
}




/* -----------------------------------------------------------------------------
   Mobile/tablet: ocultar el panel flotante "Nueva versión" (#new2015section).
   La pestaña "N" (#BTNrightFWopen) quedaba cortada fuera de pantalla; es un
   adorno solo de desktop. !important para ganarle al display:block que el
   fadeIn de general.js setea inline al estar arriba de todo.
----------------------------------------------------------------------------- */
@media screen and (max-width: 1024px) {
	#new2015section { display: none !important; }
}