@charset "utf-8";
/* CSS Document */

/* RESET */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,sub,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {	margin:0;	padding:0;	border:0;	outline:0;	font-weight:inherit;	font-style:inherit;	font-size:100%;	font-family:inherit; }/* remember to define focus styles! */:focus {	outline:0;}body {	color:black;	background:white;}ol,ul {	list-style: none;}/* tables still need 'cellspacing="0"' in the markup */table {	border-collapse:separate;	border-spacing:0;}caption,th,td {	text-align:left;	font-weight:normal;}blockquote:before,blockquote:after,q:before,q:after {	content:"";}blockquote,q {	quotes: "" "";}a:link,a:visited {	text-decoration: none;}a:hover,a:active {	text-decoration: underline;}

/*  FRONTEND  */



@import url(http://fonts.googleapis.com/css?family=Open+Sans:700,300,400);


@font-face {
	font-family: 'GothamMedium';
	src: url('fonts/GothamMedium.eot');
	src: url('fonts/GothamMedium.eot') format('embedded-opentype'),
		 url('fonts/GothamMedium.woff2') format('woff2'),
		 url('fonts/GothamMedium.woff') format('woff'),
		 url('fonts/GothamMedium.ttf') format('truetype'),
		 url('fonts/GothamMedium.svg#GothamMedium') format('svg');
}

@font-face {
	font-family: 'GothamBook';
	src: url('fonts/GothamBook.eot');
	src: url('fonts/GothamBook.eot') format('embedded-opentype'),
		 url('fonts/GothamBook.woff2') format('woff2'),
		 url('fonts/GothamBook.woff') format('woff'),
		 url('fonts/GothamBook.ttf') format('truetype'),
		 url('fonts/GothamBook.svg#GothamBook') format('svg');
}

@font-face {
	font-family: 'ITCAvantGardeStdBk_0';
	src: url('fonts/ITCAvantGardeStdBk_0.eot');
	src: url('fonts/ITCAvantGardeStdBk_0.eot') format('embedded-opentype'),
		 url('fonts/ITCAvantGardeStdBk_0.woff2') format('woff2'),
		 url('fonts/ITCAvantGardeStdBk_0.woff') format('woff'),
		 url('fonts/ITCAvantGardeStdBk_0.ttf') format('truetype'),
		 url('fonts/ITCAvantGardeStdBk_0.svg#ITCAvantGardeStdBk_0') format('svg');
}

/* ITCAvantGardeStd-Bk */



/* 

@import url(http://fonts.googleapis.com/css?family=Open+Sans:700,300,400);


@font-face {
	font-family: 'GothamMedium';
	src: url('http://stromsafe.cl/css/fonts/GothamMedium.eot');
	src: url('http://stromsafe.cl/css/fonts/GothamMedium.eot') format('embedded-opentype'),
		 url('http://stromsafe.cl/css/fonts/GothamMedium.woff2') format('woff2'),
		 url('http://stromsafe.cl/css/fonts/GothamMedium.woff') format('woff'),
		 url('http://stromsafe.cl/css/fonts/GothamMedium.ttf') format('truetype'),
		 url('http://stromsafe.cl/css/fonts/GothamMedium.svg#GothamMedium') format('svg');
}

@font-face {
	font-family: 'ITCAvantGardeStdBk_0';
	src: url('http://stromsafe.cl/css/fonts/ITCAvantGardeStdBk_0.eot');
	src: url('http://stromsafe.cl/css/fonts/ITCAvantGardeStdBk_0.eot') format('embedded-opentype'),
		 url('http://stromsafe.cl/css/fonts/ITCAvantGardeStdBk_0.woff2') format('woff2'),
		 url('http://stromsafe.cl/css/fonts/ITCAvantGardeStdBk_0.woff') format('woff'),
		 url('http://stromsafe.cl/css/fonts/ITCAvantGardeStdBk_0.ttf') format('truetype'),
		 url('http://stromsafe.cl/css/fonts/ITCAvantGardeStdBk_0.svg#ITCAvantGardeStdBk_0') format('svg');
}

@font-face {
	font-family: 'GothamBook';
	src: url('http://stromsafe.cl/css/fonts/GothamBook.eot');
	src: url('http://stromsafe.cl/css/fonts/GothamBook.eot') format('embedded-opentype'),
		 url('http://stromsafe.cl/css/fonts/GothamBook.woff2') format('woff2'),
		 url('http://stromsafe.cl/css/fonts/GothamBook.woff') format('woff'),
		 url('http://stromsafe.cl/css/fonts/GothamBook.ttf') format('truetype'),
		 url('http://stromsafe.cl/css/fonts/GothamBook.svg#GothamBook') format('svg');
}








@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(http://fonts.gstatic.com/s/roboto/v15/Hgo13k-tfSpn0qi1SFdUfbO3LdcAZYWl9Si6vvxL-qU.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(http://fonts.gstatic.com/s/roboto/v15/CrYjSnGjrRCn0pd9VQsnFOvvDin1pK8aKteLpeZ5c0A.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(http://fonts.gstatic.com/s/roboto/v15/RxZJdnzeo3R5zSexge8UUbO3LdcAZYWl9Si6vvxL-qU.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(http://fonts.gstatic.com/s/roboto/v15/d-6IYplOFocCacKzxwXSOLO3LdcAZYWl9Si6vvxL-qU.woff) format('woff');
}

*/






html, body{
	position:relative;
	height:100%;
	overflow:hidden;
	font-family: 'GothamMedium', 'Open Sans', sans-serif;
}

body {
	/* 
	border-top: 6px solid #E39F00;
	min-width:1024px; 
	*/
	font-family: 'GothamBook', 'Open Sans', sans-serif;
}

html.mobile body{
	min-width:320px;
}

#contenedor_general{
	position: relative;
	height: 100%;
}

ul#demo-block{ margin:0 15px 15px 15px; }
ul#demo-block li{ margin:0 0 10px 0; padding:10px; display:inline; float:left; clear:both; color:#aaa; background:url('../img/bg-black.png'); font:11px Helvetica, Arial, sans-serif; }
ul#demo-block li a{ color:#eee; font-weight:bold; }







#progress-back {
	bottom: 0;
}





#thumb-tray{
	bottom: 0 !important;/* bottom: 8px !important; SI PONGO PROGRESS BAR */
	height:18%;
	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}

#thumb-tray ul,
#thumb-tray ul#thumb-list li,
#thumb-tray ul#thumb-list li img{
	height: 100%;
	min-height: 100%;
}

#thumb-tray ul#thumb-list {
	width: 100% !important;
	overflow: hidden;
}

#thumb-tray ul#thumb-list li {
	background-color: #111;
	background-position:center;
	background-size:cover;
	list-style: none;
	display: inline;
	position:relative;
	width: 25%;
	overflow: hidden;
	float: left;
	margin: 0;
	-webkit-transition: all 1.25s;
}

#thumb-tray ul#thumb-list li img{
	visibility:hidden;
	display:block;
	width: 100%;
	height: 100%;
}

#thumb-tray.fijo ,
#thumb-tray.fijo ul,
#thumb-tray.fijo ul#thumb-list li,
#thumb-tray.fijo ul#thumb-list li img{
	height: 20vh;
	min-height: 20vh;
}

#thumb-tray ul#thumb-list li span{
	
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	font-family:'ITCAvantGardeStdBk_0', Arial, Helvetica, sans-serif;/*  */
	font-size: 15px;
	text-transform: uppercase;
	color: white;
	padding: 10px 0;
	
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC42NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.65))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-8 */

}	

#thumb-tray ul#thumb-list li.current-thumb {
	width: 0%;
	-webkit-transition: all 1.24s; /* Un puntito menos al volver, para que no se pisen al plegarse */
}

#thumb-tray ul#thumb-list li.current-thumb span{
	display:none;
}

body.slide_5 #thumb-tray ul#thumb-list li,
body.slide_5 #thumb-tray ul#thumb-list li.current-thumb {
	width:20%;
}















.logoPower {
width: 115px;
height: 26px;
background: url(../img/sprite.png) no-repeat -98px 0;
padding: 0!important;
text-indent: 99999px;
display: inline-block;
overflow: hidden;
position: relative;
}
body.slide_1 .logoPower,
body.slide_3 .logoPower {
	background-image: url(../img/sprite_2.png);
}

.bandera-3 {
width: 26px;
height: 26px;
background: url(../img/sprite.png) no-repeat -58px 0;
padding: 0!important;
text-indent: 99999px;
display: inline-block;
overflow: hidden;
position: relative;
}

.bandera-2 {
width: 26px;
height: 26px;
background: url(../img/sprite.png) no-repeat -28px 0;
padding: 0!important;
text-indent: 99999px;
display: inline-block;
overflow: hidden;
position: relative;
}

.bandera-1 {
width: 26px;
height: 26px;
background: url(../img/sprite.png) no-repeat 0 0;
padding: 0!important;
text-indent: 99999px;
display: inline-block;
overflow: hidden;
position: relative;
}

.fijo-right{
/* float: right; */
position:absolute;
position:fixed;
top:0;
right:0;
text-align: right;
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
margin-right: 40px;
margin-top: 10px;
}

ul#thumb-list li img {
	opacity: 1;
}

/* Oculto el Slide de CONTACTO: */
ul#thumb-list li.thumb5 {
display: none !important;
}




/* Convierto slide list en un MENÚ */
ul#slide-list {
padding: 15px 0;
float: none;
position: absolute;
left: 0;
margin-left: 20px !important;
}

ul#slide-list li,
ul#slide-list li a {
-webkit-transition: all 0.25s;
-moz-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s;
}

ul#slide-list li {
list-style: none;
width: auto;
height: auto;
float: left;
margin: 0 8px;
padding: 4px 8px;
border: 1px solid transparent;

-webkit-transition: border 2s;
-moz-transition: border 2s;
-o-transition: border 2s;
transition: border 2s;
}

ul#slide-list li.current-slide {
	border: 1px solid white;
}

ul#slide-list li a {
display: block;
width: auto;
height: auto;
background: transparent;
color: white;
font-weight:normal;
font-size:14px;
line-height:14px;
text-transform:uppercase;
font-family: 'GothamMedium', 'Open Sans', sans-serif;
text-shadow: 0 0 16px #999;
text-shadow: 0 0 16px rgba(0, 0, 0, 0.4);
}


body.slide_2 ul#slide-list li.current-slide {
	border: 1px solid black; 
	color:#222222;
}
body.slide_2 ul#slide-list li a,
body.slide_2 ul#slide-list li.current-slide a{
	color:#222222;
	text-shadow: 0 0 16px #FFFFFF;
	text-shadow: 0 0 16px rgba(255, 255, 255, 0.4);
}


body.slide_5{
	/*border-top: 6px solid #333;*/
}

ul#slide-list li.slide-link-5{
	color: #FFAD01;
	border: 1px solid #FFAD01;
	padding-right: 30px;
	background-image:url('../img/flecha.png');
	background-position:center right;
	background-repeat:no-repeat;
}
ul#slide-list li.slide-link-5 a .connect{
	display:none;
}

ul#slide-list li.slide-link-5 a,
body.slide_2 ul#slide-list li.slide-link-5 a{
	color: #FFAD01;
}

ul#slide-list li.slide-link-5.current-slide {
	background-color: #FFF;
	border: 1px solid #FFF;
}

ul#slide-list li.slide-link-5.current-slide a{
	text-shadow:none;
	color:#F1A237;
}

	


/* ----- YA NO LO VOY A USAR 

Reseteo Slide Caption (Y voy a colocar cada texto ABSOLUTE a partir de este elemento) 

#slidecaption {
	overflow: hidden;
	float: none;
	color: white;
	font: inherit;
	text-shadow: black 1px 1px 2px;
	margin: auto;
	line-height:inherit;
	position:absolute;
	top:50%;
	left:50%;
}
*/
#slidecaption { display:none; }













#container-textos-1,
#container-textos-2,
#container-textos-3,
#container-textos-4,
#container-textos-5,
#container-map{
	position:fixed; 
	height:100%; 
	width:100%; 
	top:0;  
	
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	
	right: 200%; /* Quedan ocultas 200% a la derecha */
	opacity: 0.4;
}
body.slide_0 #container-textos-1,
body.slide_1 #container-textos-2,
body.slide_2 #container-textos-3,
body.slide_3 #container-textos-4,
body.slide_4 #container-textos-5,
body.slide_5 #container-map{
	right:0%;
	opacity:1;
}





.cajaSlide{
	position: absolute;
	/* top: 30%;
	left: 30%; */
	color: #FFFFFF;
	text-shadow: 1px 1px 10px #333;
	text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.4);
	font-size: 12px;
	line-height: 18px;
	font-family: 'GothamMedium', 'Open Sans', sans-serif;
}
.cajaSlide .encuadro{
	display: inline-block;
	padding: 2px 4px 2px 4px;
	line-height: 14px;
	margin: 1px auto;
	border: 1px solid #EEE;
	font-family: 'GothamBook', 'Open Sans', sans-serif;
}


#container-textos-1 .cajaSlide{
	color: #075A8E;
	text-shadow: 1px 1px 10px #C0C3D6;
	text-shadow: 1px 1px 10px rgba(192, 195, 214, 0.8);
	/* min-width: 600px;*/
}
#container-textos-1 .cajaSlide .encuadro{
	border: 1px solid #075A8E;
}



#container-textos-2 .cajaSlide{
	text-align:right;
}


#container-textos-3 .cajaSlide{
	color: #222222;
	text-shadow: 1px 1px 10px #E7E8E0;
	text-shadow: 1px 1px 10px rgba(231, 233, 225, 0.6);
	/* line-height:15px; */
	line-height:20px;
	/* font-size:13px; */
}
#container-textos-3 .cajaSlide .encuadro{
	border: 1px solid #444444;
}
#container-textos-3 .cajaSlide .tit3{
	color: #1C8CCB;
	padding-top: 6px;
	display: inline-block;
	font-size: 14px;
}


#container-textos-4 .cajaSlide{
	text-shadow: 0px 0px 16px #030609;
	font-size: 13px;
}


#container-textos-5 .cajaSlide{
	text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.8);
}






#container-map{ 
	height: 46%; 
	height: 46vh; 
	top: auto;
	bottom: 0;
	bottom: 20vh; 
	background: rgba(0, 0, 0, 0.3);
}

#container-map #datos_contacto{
	position: absolute; height:50%; width:100%; top:0; margin-top:-50%; left:0; text-align:center;
	background-image: url(../img/fdo_amarillo.png);
	background-repeat: repeat; 
}
#container-map #datos_contacto ul li{
	list-style:none; display:inline-block; width:30%; vertical-align:top;
}
#container-map #datos_contacto ul li div.icono{
	height:30%; margin-bottom:20px;
}
#container-map #datos_contacto ul li div.icono img{
	height: 100%;
}

#container-map #contact-map{
	position:absolute; height:100%; width:64%; top:0; left:0;
}

#container-map #contact-form{
	position:absolute; height:100%; width:36%; top:0; right:0; background:#CCC;
}

#container-map #contact-form form {
	padding: 20px;
	width: 90%;
	margin: 0 auto;
}
#container-map #contact-form form input, 
#container-map #contact-form form textarea {
	width: 98%;
	padding: 8px 1%;
	border: 0;
	margin: 5px 0;
	font-size: 12px;
	font-family: 'GothamBook', 'Open Sans', sans-serif;
}
#container-map #contact-form form textarea {
	height: 50px;
	resize: none;
}
#container-map #contact-form form #enviar {
	float: right;
	width: auto;
	background: #6F6D6B;
	margin-right: 0 !important;
	color: white;
	padding: 8px 10px 6px 10px;
	border: 0;
	margin: 5px;
	text-decoration: none;
	font-size: 14px;
	line-height: 14px;
}

#container-map .resultado{
	background: rgba(255, 255, 255, 0.6);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	color: #39C;
	text-align: center;
	padding: 40px 20px;
	
	display:none;
}

#container-map .resultado a.cerrar{
	display:block;
	position: absolute;
	top:4px;
	right:4px;
	color: #111;
	padding: 6px;
	border:1px solid #FFF;
	background:#FFFFFF;
	text-decoration:none;
}
#container-map .resultado.active{
	display:block;
}




ul#slide-list li a {
	text-shadow: none;
	-webkit-transition: color 2s text-shadow 4s;
	-moz-transition: color 2s text-shadow 4s;
	-o-transition: color 2s text-shadow 4s;
	transition: color 2s text-shadow 4s;
}
body.slide_0 ul#slide-list li a {
	text-shadow: 0 0 20px #003662;
}
body.slide_1 ul#slide-list li a {
	text-shadow: 0 0 20px #000000;
}
body.slide_2 ul#slide-list li a {
	text-shadow: 0 0 20px #FFFFFF;
}
body.slide_3 ul#slide-list li a {
	text-shadow: 0 0 20px #0D2039;
}
body.slide_4 ul#slide-list li a {
	text-shadow: 0 0 30px #4D4A54;
}








#supersized li{
	border-top: 6px solid #E39F00;
}
#supersized li.slide-5{
	border-top: 6px solid #333;
}

#supersized li img,
#supersized li.prevslide img, 
#supersized li.activeslide img {
	height: auto !important; /* Porque sino, se pixelan si justo coincide el ancho real y pasa un alto que no coincide */
}

#supersized li.slide-1 img, 
#supersized li.slide-1.prevslide img, 
#supersized li.slide-1.activeslide img {
	margin-top: -40px;
}