@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;
}

/* -----------------------------------------------------------------------------
  PÁGINA PRINCIPAL
----------------------------------------------------------------------------- */
#siteMidSection {
	position: relative;
	z-index: 1;
}
#wrapper-slider{
	display: block;
	width: 100%;
}
/* -----------------------------------------------------------------------------
  NEW SLIDER
----------------------------------------------------------------------------- */
#slideshow {
    height: 950px;
    margin: 0 auto;
    position: relative;
    width: 100%;
    overflow: hidden;
}
#slideshow img {
    left: 0;
    opacity: 0.0;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    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 5em auto;
	width: 90%
}
#fichaTecnica h2 {
	display: inline-block;
	vertical-align: top;
}
/****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 -98%;
	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 {
	margin-top: 2em;
	vertical-align: top;
	width: 100%}
#especif section {
	display: block;
	margin: 0.5em 0;
	width: 100%;
}

/* -----------------------------------------------------------------------------
  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 {width: 98%}
}
/*************************************************************************************** 1600px */
@media screen and (max-width: 1600px){
	#siteMidSection {padding-top: 0}
}

/* Monitores 19" *********************************************************************** 1440px */
@media screen and (max-width: 1440px){
	#siteMidSection {padding-top: 140px}
}

/* Algunas Notebooks ******************************************************************* 1366px */
@media screen and (max-width: 1366px){
	.slide {padding-top: 5.5em}
	.slide h2 {font: 700 2.5em 'Open Sans', sans-serif}
}

/* Notebooks Viejas ******************************************************************** 1280px */
@media screen and (max-width: 1280px) {
	.slide h2 span{display: none}
	#siteMidSection {padding-top: 182px}
}

/* Tablet ****************************************************************************** 1024px */
@media screen and (max-width: 1024px) {
	#siteMidSection {padding-top: -182px}
	#slideshow {height: 500px}
	/*******Ficha Técnica*******/
	.etParte02:after {margin-left: -94%}
	.etParte03 {width: 4px}
}

/* Mobile High Resolution *************************************************************** 800px */
@media screen and (max-width: 800px) {
	#siteMidSection{display: none}
	/******ficha técnica******/
	.etParte02 {padding: 0.5em 0.9em 0 0}
	#especif {
		display: block;
		margin-top: 2em;
		width: 100%;
	}
	#fichaTecnica {padding-top: 15em}
	#fichaTecnica h2 {display: block}
}

/* Iphone ******************************************************************************* 640px */
@media screen and (max-width: 640px) {
	/******ficha técnica******/
	#fichaTecnica {padding-top: 13em}
}

/* Mobile ******************************************************************************* 610px */
@media screen and (max-width: 610px) {
	/******ficha técnica******/
	.etParte02 {padding: 0.5em 0.8em 0 0}
}

/* 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}
}
/* iPhone 6 Plus *********************************************************************** 414px */
@media screen and (max-width: 414px) {
	/******ficha técnica******/
	#fichaTecnica {padding-top: 10em}
}

/* iPhone 6 **************************************************************************** 375px */
@media screen and (max-width: 375px) {}
/* Mobile ******************************************************************************* 360px */
@media screen and (max-width: 360px) {}
/* 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: 11em}
}