/*GENERAL*/

article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block}
mark, rp, rt, ruby, summary, time {display:inline }
.left {float:left}
.right {float:right}
.center {text-align:center}

body {border:0;font:14px Arial, Helvetica, sans-serif;color:#000;line-height:20px;background-color:#fff;margin-top:94px;min-width:320px;width:100%;font-family: 'Titillium Web', sans-serif;}

#imagenchilectra {display:none;}
#imageninicio {display:none;}
#bgvid {min-width: 100%;width: auto;height: auto;min-height:400px;}
video { 
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
	min-height:400px;
    transform: translateX(0%) translateY(0%);
 background: url('images/back7.jpg') no-repeat;
  background-size: cover;
  transition: 1s opacity;
}

/*TIPOGRAFÍA*/

a {color:#f77007;text-decoration:underline;outline:none}
a:hover {text-decoration:none}
h1 {font-size:33px;line-height:1.2em;color:#1e1e1e;padding:5px 0 25px 0;letter-spacing:-1px;font-family: 'Titillium Web', sans-serif;}
h2 {font-size:33px;line-height:1.2em;color:#1e1e1e;padding:5px 0 13px;letter-spacing:-1px;font-family: 'Titillium Web', sans-serif;}
h3 {font-size:24px;line-height:1.2em;padding:0 0 8px 0;letter-spacing:-1px;font-family: 'Titillium Web', sans-serif;}
h3 a {text-decoration:none;color:#333;}
h3 a:hover {color:#fff;}
p {padding-bottom:10px;}
.center {text-align:center!important;}

/*HEADER*/

header {background-color:#fff;height:100px;width:100%;top:0;min-width:320px;position:fixed; display:block;z-index:10;margin-top:0px;border-bottom:1px solid #CCC;}
header.scrolling {background-color: #5cb85c;}
#subheader {background-color:#0081c5;height:41px;width:100%;margin-top:0px;display:block;}
.header2 {height:60px!important;background-color:#ff9000!important;border-bottom:1px solid #ff9000;}

/*LOGO*/

#logo {padding:5px 10px 5px 0px;position:absolute;}
#logo img {height:45px;margin-top:2px;margin-left:10px;}

/*MENU*/

#menu {float:right;margin-right:2%;}
#menu ul {overflow: hidden;}
#menu li {font-size:1em;font-family: 'Titillium Web', sans-serif;text-transform:uppercase;padding:0 12px;float:left;margin-top:20px;}
#menu li a {color:#434343;text-decoration:none;}
#menu li a:hover{color:#0081c5;}

/*SUBMENU*/

#submenu {float:left;}
#submenu ul {overflow: hidden;}
#submenu li {font-size:1em;font-family: 'Titillium Web', sans-serif;text-transform:uppercase;padding:0;float:left;margin-top:11px;font-weight:bold;}
#submenu li a {color:#f8f8f8;text-decoration:none;background-color:none;padding:12px 15px 9px;}
#submenu li a:hover{color:#fff;background-color:#ff9000;}
.menuactivo a {color:#fff!important;background-color:#ff9000!important;}

.comprar {color:#fff; background-color:#0081c5; height:100%; text-decoration:none; font-size:15px; float:left; width: 100%; text-align:center; padding:5px 0;}
.comprar:hover {background-color:#ff9000;color:#fff;}

.sesion {color:#fff;background-color:#ff9000;border-radius: 6px;height:100%;margin-top:12px!important;padding:7px 20px 9px!important;margin-left:10px;}
.sesion:hover {background-color:#0081c5;color:#fff;}

.sesion2 {color:#ff9000;background-color:#FFF;border-radius: 6px;height:100%;margin-top:12px!important;padding:7px 20px 9px!important;margin-left:10px;}
.sesion2:hover {background-color:#0081c5;color:#fff;}

.sesion3 {color:#fff;border-radius: 6px;height:100%;margin-top:12px!important;padding:7px 20px 9px!important;margin-left:10px;}
.sesion3:hover {background-color:#0081c5;color:#fff;}

/*CONTAINERS*/

#containerpasosrecarga {margin:0 auto;max-width:100%;display:block;min-width:320px;min-height:300px;background-image:url(../images/back10.jpg); background-size:cover; background-repeat:no-repeat; background-position:center;}
#containerpasosventa {margin:0 auto;max-width:100%;display:block;min-width:320px;min-height:300px;background-image:url(../images/back12.jpg); background-size:cover; background-repeat:no-repeat; background-position:center;}
#containerpasoscompra {margin:0 auto;max-width:100%;display:block;min-width:320px;min-height:300px;background-image:url(../images/back11.jpg); background-size:cover; background-repeat:no-repeat; background-position:center;}


#container {margin:0 auto;max-width:1100px;display:block;min-width:320px;}
#containerpasos {margin:0 auto;max-width:100%;display:block;min-width:320px;}
#containerpasos2 {margin:0 auto;max-width:100%;display:block;min-width:320px;background-color:#FAFAFA;}
#container2 {margin:0 auto;max-width:100%;display:block;min-width:320px;}
.wrapper {width:100%;overflow:hidden;height:auto;display:block;min-width:320px;}
.wrapperpasos {margin:0 auto;max-width:1100px;overflow:hidden;height:auto;display:block;min-width:320px;text-align:center;padding:15px auto;}
.wrapperpasos img {margin:0px auto 15px;}
.wrapperpasos h3 {color: #54aef3;font-weight:normal;}
.wrapperpasos span {color: #FF9000;font-weight:bold;}

.wrapperpasos2 {margin:0 auto;max-width:1100px;overflow:hidden;height:auto;display:block;min-width:320px;text-align:center;padding:15px auto;}
.wrapperpasos2 img {margin:0px auto;}
.wrapperpasos2 h3 {color: #54aef3;font-weight:normal;}
.wrapperpasos2 span {color: #FF9000;font-weight:bold;}

.chilectra {margin:15px auto;}

.wrapperpasosfinal {margin:35px auto 75px;max-width:1100px;overflow:hidden;height:auto;display:block;min-width:320px;text-align:center;padding:15px auto;}
.wrapperpasosfinal img {margin:0px auto 15px;}
.wrapperpasosfinal h2 {color: #FF9000;margin-bottom:0px;}
.wrapperpasosfinal h3 {color: #54aef3;font-weight:normal;max-width:450px;text-align:center;margin:0px auto 20px;}

.wrapperpasosfinal a {width:35%;font-size: 30px;line-height: 70px;color: #FFF;text-align: center;text-transform: uppercase;text-decoration: none;background: #54aef3 none repeat scroll 0% 0%;border-radius: 7px;margin: 30px auto;padding:10px 30px;font-family: "Titillium Web",sans-serif;font-weight: 700;}
.wrapperpasosfinal a:hover {background-color: #FF9000;}

#pagina {width:44%;float:left;padding:30px 25px 25px 25px;margin:5px 7px 80px 7px; background-color:#f8f8f8;border:1px solid #ccc; font-size:14px; border-radius:7px;}
#pagina2 p { text-align:justify;}
#pagina2 ul {padding-left:30px;list-style:circle; font-style:italic;margin-top:-5px;}
#pagina2 {width:44%;float:left;padding:30px 25px 25px 25px;margin:5px 7px 40px 7px; background-color:#ffff;border:1px solid #fff; font-size:14px; border-radius:7px;}
#pagina h3 {color: #0081C5!important;}
#page {margin:0 auto;width:1100px;display:block;min-width:320px}

#pagina3 {width:72%;float:left;padding:30px 25px 25px 25px;margin:5px 7px 80px 7px; background-color:#f8f8f8;border:1px solid #ccc; font-size:14px; border-radius:7px;}
#pagina4 {width:20%;float:left;padding:0px auto 25px auto;margin:5px 7px 80px 7px; background-color:#fff; font-size:14px; border-radius:7px;}
#pagina4 li {background-color:#ccc;width:100%;line-height:2.5;text-align:center;color:#fff!important;padding: 0 auto 10px; margin:0px auto 7px; font-weight:bolder;font-size:16px;}
#pagina4 a {text-decoration:none!important;}
.menunaranjo {background-color:#FF9000!important;}
#pagina4 li:hover {background-color:#0081C5!important;}

#mitad {width:50%;float:left;}
#mitad img {margin:25px auto;height:600px;}
#mitad h2 {text-align:left;margin-top:30%;font-size:80px;}
#mitad p {text-align:left;font-size:26px;max-width:500px;line-height:1.2;}

#mitad2 {width:50%;float:left;}
#mitad2 img {margin:25px auto;}
#mitad2 h2 {text-align:right;margin-top:30%;font-size:80px;}
#mitad2 p {text-align:right;font-size:26px;max-width:500px;line-height:1.2;margin-right:0px;float:right;}

#mitad3 {width:50%;float:left;}
#mitad3 img {margin:55px auto;height:250px;}
#mitad3 img:hover {opacity:0.5;}
#mitad3 h2 {text-align:left;margin-top:10%;font-size:80px;}
#mitad3 p {text-align:left;font-size:26px;max-width:500px;line-height:1.2;}

#mitad4 {width:50%;float:left;}

#inicio {width:100%;min-height:220px;height:auto;background-image:url(../images/back.jpg);background-size:cover;background-position:center top;background-repeat:no-repeat;}
#inicio3 {width:100%;min-height:750px;height:100%;background-image:url(../images/fondorecarga.jpg);background-size:cover;background-position:center top;background-repeat:no-repeat;}
#inicio4 {width:100%;min-height:300px;height:auto;background-image:url(../images/back14.jpg);background-size:cover;background-position:center top;background-repeat:no-repeat;}
#inicio2 {width:100%;min-height:400px;height:auto;background-image:url(../images/back.jpg);background-size:cover;background-position:center top;background-repeat:no-repeat;}
.home {background-image:url(../images/back2.jpg)!important;}
.contact {background-image:url(../images/back3.jpg)!important;}
.light {background-image:url(../images/back5.jpg)!important;}
.facebook {background-image:url(../images/back6.jpg)!important;}
.recarga3 {background-image:url(../images/fondorecarga.jpg)!important;}
.recarga4 {background-image:url(../images/fondorecarga2.jpg)!important;}
#recarga {width:24%;text-align:left;float:left;margin-top:30px;margin-left:0;}
#recarga img {max-width:170px;}
#inicio h3 {width:38%;color:#fff;text-align:right;float:right;font-size:36px;margin-top:30px;margin-right:2%;text-shadow: 1px 1px 0px #434343;}
#inicio h3 span {color:#ff9000;}

#inicio3 h3 {color:#fff;text-align:left;float:left;font-size:36px;margin:20% 5% 0;text-shadow: 1px 1px 0px #434343;}
#inicio3 h3 span {color:#ff9000;}
#inicio3 a {color:#fff; background-color:#ff9000;padding:25px 40px;text-align:center;float:left;font-size:30px;text-decoration:none;font-style:italic;width:250px;margin:10% 5% 0;}
#inicio3 a:hover {background-color: #0081C5!important;}

#chilectratwitter img {width:100%;text-align:center;margin:0 auto;}

#companias {padding:10px 0px 5px;background: #fff none repeat scroll 0% 0%;height:auto;width:100%;display:block;color:#343434;}
#companias2 {padding:0px 0px 5px;background: #fff none repeat scroll 0% 0%;height:auto;width:100%;display:block;color:#343434;}
#companias3 {padding:10px 0px 5px;background: rgba(255,255,255,0.5) none repeat scroll 0% 0%;height:auto;width:100%;display:block;color:#343434;position:absolute;margin-top:-650px;}

#pasos {padding:10px 0px;background:#ff9000;height:20px;width:100%;display:block;text-align:center;}
#comprobante {border:1px solid #ccc;max-width:200px;margin:15px auto -25px;height:25px;text-align:center;font-style:italic;color:#ccc;padding-top:5px;}


.partners img {width:15%!important;padding: 0 15px 15px 15px;}
.partners img:hover {opacity:0.5;}
.principales img {width:12%!important;padding: 10px 5px 15px 5px;margin-bottom:50px;}
.principales img:hover {opacity:0.5;}

.partners2 img {width:20%!important;padding: 0 5px 15px 5px;}
.partners2 img:hover {opacity:0.5;}
.principales2 img {width:16%!important;padding: 10px 5px 15px 5px;margin-bottom:0px;}
.principales2 img:hover {opacity:0.5;}

.tituloazul {color: #0081C5;margin-top:20px;margin-bottom:0px;font-size:26px;}
.titulonaranjo {color: #FF9000;margin-top:40px;margin-bottom:0px;font-size:26px;}
.titulonaranjo2 {color: #FF9000;margin-top:10px;margin-bottom:0px;font-size:26px;}

.naranjo {color: #FF9000;}
.azul {color:#0081C5; }

.right {text-align:right;}
.edit {position:absolute;}

ul.submenuinterior {width:100%;height:30px;}
ul.submenuinterior li{  float: left;width: 20%;line-height:2;margin-right:10px;margin-bottom:10px;background-color:#ccc;display:block;text-align:center;color:#fff;}
ul.submenuinterior li a {color:#fff;text-decoration:none;}
ul.submenuinterior li:hover {background-color: #0081C5;}


/*FOOTER*/

footer {padding: 10px 10px 0px;background-color: #0081C5;color: #FFF;height: 30px;width: 100%;position: fixed;top: 100%;margin-top: -40px;}
footer a {color:#fff;text-decoration:none;}
footer a:hover {color:#ff9000;text-decoration:none;}
footer span {color:#52bcec;}
.footerright {text-align:right;margin-right:4%;}

.active {color:#FFE2BB;}
.active span {color:#fff;font-weight:normal;}
.inactive {color:#FFE2BB;}

#separador {border-bottom:1px dashed #ccc;width:100%;height:1px;margin-top:-70px;}
#separador1 {border-bottom:1px dashed #ccc;width:100%;height:1px;margin-top:10px;}
#separador2 {border-bottom:1px dashed #ccc;width:100%;height:1px;margin-top:-90px;}
#separador3 {border-bottom:1px dashed #ccc;width:100%;height:1px;margin-top:-140px;}
#separador4 {border-bottom:1px dashed #ccc;width:100%;height:1px;margin-top:10px;margin-bottom:20px;}

#invitacionregistro a {width:250px!important;padding:3px 10px;text-align:center;margin:10px auto 10px;background-color:#0081c5!important;}
#invitacionregistro a:hover {background-color:#ff9000!important;}
#invitacionregistro2 a {width:250px!important;padding:3px 10px;text-align:center;margin:-15px auto 10px;background-color:#0081c5!important;}
#invitacionregistro2 a:hover {background-color:#ff9000!important;}
#contactobox {background-color:#fff;width:100%;min-height:240px;margin:0;margin-bottom:5px;}
#contactobox2 {background-color:rgba(255,255,255,0.7);width:100%;min-height:240px;margin:0;margin-bottom:5px;}


#contacto {margin:25px auto 0;text-align:center;width:270px;}
#contacto span {color:#434343;position:absolute;float:right;text-align:right;width:140px;padding-top:5px;margin-left:-290px;}
#contacto p {padding:0px;font-family: 'Titillium Web', sans-serif;}
#contacto a:hover {background-color:#0081c5;}
#contacto a {float:left;width:90px;height:34px;font-size:14px;line-height:32px;color:#fff;text-align:center;text-transform:uppercase;text-decoration:none;background: none repeat scroll 0% 0% #ccc;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;position:relative;margin-right:20px;margin-bottom:25px;font-family: 'Titillium Web', sans-serif;}

#contacto2 {margin:25px auto 0;text-align:center;width:270px;padding-left:110px;}
#contacto2 span {color:#434343;position:absolute;float:right;text-align:right;width:140px;padding-top:5px;margin-left:-290px;}
#contacto2 p {padding:0px;font-family: 'Titillium Web', sans-serif;}
#contacto2 a:hover {background-color:#0081c5;}
#contacto2 a {float:left;width:90px;height:34px;font-size:14px;line-height:32px;color:#fff;text-align:center;text-transform:uppercase;text-decoration:none;background: none repeat scroll 0% 0% #ccc;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;position:relative;margin-right:20px;margin-bottom:25px;font-family: 'Titillium Web', sans-serif;}


.sinmargen {margin-right:0!important;background-color:#ff9000!important;float:right!important;width:160px!important;}
.sinmargen:hover {background-color:#0081c5!important;}
.registrarme {margin-left:75px;}
input[type="text"]:focus, input[type="number"], input[type="datetime"], input[type="textarea"], input[type="password"]:focus, select {box-shadow: 0px 0px 0px 4px #E0F1FC;border: 1px solid #0081c5;}
input[type="text"], input[type="password"], input[type="datetime"], input[type="number"] {box-shadow: 0px 0px 0px 4px #F2F5F7;width: 310px;height: 20px;padding: 10px;margin: 0px auto;color: #AEAEAE;border: 1px solid #0081c56;}
input[type="text"], input[type="password"],  input[type="number"],  input[type="datetime"], input[type="textarea"], input[type="email"], textarea, select {border: 1px solid #CCC;padding: 6px 4px;outline: medium none;border-radius: 2px;font: 13px "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;color: #777;margin: 0px 0px 20px;width: 260px;max-width: 100%;display: block;text-align:center;background: none repeat scroll 0% 0% #FFF;}
select {width:270px!important;}
input[type="textarea"] {height:80px;}
textarea {color:#AEAEAE;font-style:italic;}


.inputfile {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.inputfile + label {
    color: white;
	width:270px;
    background-color: #FF9000;
    display: inline-block;
	height: 29px;
	border-radius: 4px;
	padding-top:7px;
	margin-bottom:20px;
}

.inputfile:focus + label,
.inputfile + label:hover {
    background-color: #0081C5;
}

.inputfile + label {
	cursor: pointer; /* "hand" cursor */
}

.inputfile:focus + label {
	outline: 1px dotted #000;
	outline: -webkit-focus-ring-color auto 5px;
}

.block {display:block!important;width:100%!important;}

#preview {width:485px;height:255px;border:1px solid #ccc;margin:0 0 0 -110px;background-color:#fff;box-shadow: 2px 2px 2px #ccc;}
#previewtext {position:absolute;margin-top:15px;margin-left:280px;font-style:italic;background-color:#EEE;padding:5px 30px 5px 10px;}

#previewcomprar {width:485px;height:75px;border:1px solid #D7D7D7;margin:0 0 15px -110px;background-color:#FAFAFA;box-shadow: 2px 2px 2px #D7D7D7;}
#previewcomprardescripcion {position:absolute;margin-top:13px;font-family:Georgia, serif;font-size:18px;color:#1C1C1C;margin-left:-90px;width:350px;text-align:left;}
#previewcompraruanbai {position:absolute;margin-top:48px;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;font-size:12px;color:#737373;margin-left:-90px;text-transform:uppercase;}
#previewcomprarboton {position:absolute;margin-top:35px;font: bold 12px "lucida grande",tahoma,verdana,arial,sans-serif;color:#333;margin-left:290px;padding: 0.5em 0.8em 0.5em;
border-width: 1px;
border-style: solid;
border-color: #D7D7D7;background-color:#FAFAFA;
box-shadow: 1px 1px 1px #D7D7D7;border-radius:2px;}

.checkboxtext {text-align:left;}
.nostyle {background:none!important;float:inherit!important;padding:0!important;margin:0!important;width: auto!important;
height: auto!important;
font-size:inherit!important;
line-height:inherit!important;
color:#0081C5!important;
font-style:italic;
text-align: left!important;
text-transform:none!important;}

/*TABLAS*/

table {font-family: 'Titillium Web', sans-serif;color:#666;border-width: 1px;border-color: #52bcec;border-collapse: collapse;margin-bottom:10px;text-align:center;}
table th {border-width: 1px;padding: 8px;border-style: solid;border-color: #fff;background-color: #ccc;color:#fff;}
table td {color:#333!important;border-width: 1px;padding: 8px;border-style: solid;border-color: #CCC;background-color: #ffffff;}
table tr:hover td {color: #fff!important;background: #ff9000 none repeat scroll 0% 0%;}

/*PRODUCTO*/

#producto {background-color:#fff;height:auto;width:100%;display:block;margin:10px;text-align:left;float:left;position:relative;padding:0;}
#productoetiqueta {background: #FFF none repeat scroll 0% 0%;box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.22);border-radius: 6px;width: 250px;text-align:center;height:auto;display:inline-block;float:none;margin: 14px 7px 0 7px;}
#productoetiqueta h3 {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #0081C5;font-size:14px;margin:5px 20px 0 20px;padding-bottom:2px;text-align:left;}
#productoetiqueta h4 {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #999;display: block;font-size:14px;margin:0px 20px;padding-bottom:5px;text-align:left;font-weight:normal;}
#productoetiqueta p {margin: 0px 0 10px;padding-left:20px;padding-right:20px;padding-top:5px;padding-bottom:5px;position: relative;font-size:11px;text-align:left;border-top:1px solid #ccc;}
#productoetiqueta img {border-radius: 6px 6px 0px 0px;background: #EEE none repeat scroll 0% 0%;display: block;padding: 0px;position: relative;width:100%;}
.marketplace {margin-bottom:60px;}
/*COLUMNAS*/

.col6 {float:left;width:13.8%;}
.col3 {float:left;width:33%;}
.col2 {float:left;width:50%;}
.col1 {float:left;width:100%;}

/*ICONOS SERVICIOS HOME*/

#boxservicios {width:150px;height:150px;float:left;margin:45px 20px;text-align:center;display:block;}
#boxservicios:hover {opacity:0.5;}
#boxservicios h4 {float:left;padding:10px;margin:0 auto;display:block;width:100%;position:relative;width:150px;color:#fff;font-size:30px;}
#boxservicios img {float:left;padding:10px;margin:0 auto;width:150px;display:block;position:relative;}

.pad_left {padding-left:5px}
.last {padding-bottom:5px;}
.pad img {padding-right:0px;width:100%;max-width:160px;position:relative;height:auto;}
.box1 {color:#333;background:#FFF;height:150px;display:block;}
.box1:hover {opacity:0.4;}
.box1 img {float:left;position:absolute;}

.navigation{display:none;}

/*PUNTOS*/

#mensajepuntos {text-align:Center;margin:30px 0 50px 0;border:1px solid #ccc; padding:40px;background:#F3F3F3;}
#mensajepuntos h5 {font-size:20px;line-height:1.3;font-weight:300;}
#mensajepuntos span {font-weight:700;font-size:24px;color:#0081C5;}
#mensajepuntos strong {font-weight:700;}
#mensajepuntos a {
color: #fff;
background-color: #ff9000;
padding: 7px 40px 9px !important;
font-size: 1.3em;
font-family: 'Titillium Web', sans-serif;
text-transform: uppercase;
text-decoration:none;}
#mensajepuntos a:hover {background-color: #0081C5;}

#mensajepuntos2 {background:#F3F3F3;padding:15px;border:1px solid #ccc;}

/*RESPONSIVE*/

@media only screen and (max-width: 480px) {
#inicio2 {width:100%;min-height:120px;height:auto;background:none;}
#container2 {margin:0 auto;width:100%;display:block;max-width:480px;}
#imagenchilectra {display:inherit!important;}
#imagenchilectra img {width:100%!important;height:auto!important;max-width:480px!important;}
#imageninicio {display:inherit!important;}
#imageninicio img {width:100%!important;height:100%!important;}
#inicio h3 {font-size: 24px!important;margin-top: 75px;width:100%;text-align:center;margin-right:0;}
#invitacionregistro a {margin-bottom:55px;}
#recarga img {max-width: 150px;display:none;}
.col6 {float:left;width:48%;}
.pad img {padding-right:0px;width:100%;position:relative;height:auto;max-width:200px;}
footer {font-size:8px;}
header {height:95px;}
#subheader {}
#submenu li {font-size: 0.6em;}
#submenu li a {padding: 15px 9px 13px;}
#logo {width:100%;float:left;text-align:center;margin:0 auto;padding: 0 auto!important;}
#logo img {height: 40px;}
#menu {width:100%;float:left;font-size: 0.8em;padding: 0px 3px;margin:40px auto 0;text-align:center;display:none;}
input[type="text"], input[type="password"], input[type="email"], textarea, select {width:180px;display:block;margin-left:80px;}
#contacto span {font-size:11px;float:right;margin-left:-205px;}
#bgvid {display:none;}
.wrapperpasos h3 {font-size:20px;}
#mitad {width:100%;}
#mitad2 {width:100%;}
#mitad3 {width:100%;}

#mitad h2 {font-size: 60px;text-align:center;margin:0 20px;}
#mitad3 h2 {font-size: 60px;text-align:center;margin:0 20px;}

#mitad2 h2 {font-size: 60px;text-align:center;margin:0 20px;}
#mitad2 p {font-size: 20px;text-align:center;margin:0 20px;}

#mitad p {font-size: 20px;text-align:center;margin:0 20px;}
#mitad img {height:400px;}
#mitad3 p {font-size: 20px;text-align:center;margin:0 20px 40px;}
#mitad3 img {height:200px;}

.wrapperpasosfinal h3 {max-width: 280px;}
.wrapperpasosfinal a {width: 30%;font-size: 22px;line-height: 70px;}
#boxservicios {width:70px;height:70px;float:left;margin:75px 3px;text-align:center;display:block;}
#boxservicios:hover {opacity:0.5;}
#boxservicios h4 {float:left;padding:10px;margin:0 auto;display:block;width:100%;position:relative;width:70px;color:#fff;font-size:18px;}
#boxservicios img {float:left;padding:10px;margin:0 auto;width:70px;display:block;position:relative;}

#producto {width:100%;float:none;margin:0 auto;}

}

@media only screen and (min-width: 480px) and (max-width: 768px) {
#inicio h3 {font-size: 30px!important;width:60%;}
#contacto span {font-size:11px;}
.col6 {float:left;width:24%;}
.pad img {padding-right:0px;width:100%;position:relative;height:auto;max-width:200px;}
.box1 {color:#333;background:#FFF;height:110px;display:block;}
footer {font-size:11px;}
#submenu li {font-size: 0.9em;}
#submenu li a {padding: 12px 10px 10px;}
#menu li {font-size: 0.9em;padding: 0px 7px;}
#mitad h2 {font-size: 60px;}
#mitad3 h2 {font-size: 60px;}

#mitad2 h2 {font-size: 60px;}
#mitad2 p {font-size: 20px;margin-left:20px;}

#mitad p {font-size: 20px;margin-right:20px;}
#mitad img {height:400px;}

#mitad3 p {font-size: 20px;margin-right:20px;}
#mitad3 img {height:200px;}
#imagenchilectra {display:none;}
#inicio2 {min-height:300px;}
#boxservicios {width:100px;height:100px;float:left;margin:75px 10px;text-align:center;display:block;}
#boxservicios:hover {opacity:0.5;}
#boxservicios h4 {float:left;padding:10px;margin:0 auto;display:block;width:100%;position:relative;width:100px;color:#fff;font-size:24px;}
#boxservicios img {float:left;padding:10px;margin:0 auto;width:100px;display:block;position:relative;}
}

@media only screen and (min-width: 768px) and (max-width: 1100px) {
#inicio h3 {width:50%;}
.pad img {padding-right:0px;width:100%;position:relative;height:auto;max-width:200px;}
.col6 {float:left;width:19%;}
#imagenchilectra {display:none;}
#inicio2 {min-height:350px;}
#boxservicios {width:130px;height:130px;float:left;margin:65px 13px;text-align:center;display:block;}
#boxservicios:hover {opacity:0.5;}
#boxservicios h4 {float:left;padding:10px;margin:0 auto;display:block;width:100%;position:relative;width:130px;color:#fff;font-size:28px;}
#boxservicios img {float:left;padding:10px;margin:0 auto;width:130px;display:block;position:relative;}
}

@media screen and (max-width: 350px) {
#inicio {display:none;}
}

input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly], a[disabled] {
    cursor: not-allowed;
    background-color: #eee;
}

#previewtext{
	position: absolute;
	margin-top: 15px;
	margin-left: 325px;
	font-style: italic;
	background-color: #EEE;
	padding: 5px 30px 5px 10px;
}

@font-face {
	font-family: 'rosettaIconFont';
	src: url(rosetta_Icons/rosetta-icons-Regular.woff);
	src: url(rosetta_Icons/rosetta-icons-Regular.ttf);
}

.Icon--reply:before{content:"\f151"}
.Icon--retweet:before{content:"\f152"}
.Icon--dots:before{content:"\f150"}

.Icon:before{
	display: block;
	font-family: "rosettaIconFont";
	font-weight: normal;
	font-style: normal;
	text-align: center;
	-webkit-font-smoothing: antialiased
}

.Icon{
	color: #aab8c2;
	font-size: 16px;
	line-height: 1;
	text-decoration: none;
	display: inline-block;
}

.Icon--dots:hover, .Icon--reply:hover{
	color: #0084B4;
}

.Icon--retweet:hover{
	color: #19cf86;
}

.modal-backdrop {
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:1040;
	background-color:#000
}
.modal-backdrop.fade {
	opacity:0
}
.modal-backdrop, .modal-backdrop.fade.in {
	opacity:.8;
	filter:alpha(opacity=80)
}
.modal {
	position:fixed;
	top:10%;
	left:50%;
	z-index:1050;
	width:560px;
	margin-left:-280px;
	background-color:#fff;
	border:1px solid #999;
	border:1px solid rgba(0,0,0,0.3);
	border:1px solid #999;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	outline:0;
	-webkit-box-shadow:0 3px 7px rgba(0,0,0,0.3);
	-moz-box-shadow:0 3px 7px rgba(0,0,0,0.3);
	box-shadow:0 3px 7px rgba(0,0,0,0.3);
	-webkit-background-clip:padding-box;
	-moz-background-clip:padding-box;
	background-clip:padding-box
}
.modal.fade {
	top:-25%;
	-webkit-transition:opacity .3s linear, top .3s ease-out;
	-moz-transition:opacity .3s linear, top .3s ease-out;
	-o-transition:opacity .3s linear, top .3s ease-out;
	transition:opacity .3s linear, top .3s ease-out
}
.modal.fade.in {
	top:10%
}
.modal-header {
	padding:9px 15px;
	border-bottom:1px solid #eee
}
.modal-header .close {
	margin-top:2px
}
.modal-header h3 {
	margin:0;
	line-height:30px
}
.modal-body {
	position:relative;
	max-height:400px;
	padding:15px;
	overflow-y:auto
}
.modal-form {
	margin-bottom:0
}
.modal-footer {
	padding:14px 15px 15px;
	margin-bottom:0;
	text-align:right;
	background-color:#f5f5f5;
	border-top:1px solid #ddd;
	-webkit-border-radius:0 0 6px 6px;
	-moz-border-radius:0 0 6px 6px;
	border-radius:0 0 6px 6px;
	zoom:1;
	-webkit-box-shadow:inset 0 1px 0 #fff;
	-moz-box-shadow:inset 0 1px 0 #fff;
	box-shadow:inset 0 1px 0 #fff
}
.modal-footer:before, .modal-footer:after {
	display:table;
	line-height:0;
	content:""
}
.modal-footer:after {
	clear:both
}
.modal-footer .btn+.btn {
	margin-bottom:0;
	margin-left:5px
}
.modal-footer .btn-group .btn+.btn {
	margin-left:-1px
}
.modal-footer .btn-block+.btn-block {
	margin-left:0
}
.fade {
	opacity:0;
	-webkit-transition:opacity .15s linear;
	-moz-transition:opacity .15s linear;
	-o-transition:opacity .15s linear;
	transition:opacity .15s linear
}
.fade.in {
	opacity:1
}
.hide-text {
	font:0/0 a;
	color:transparent;
	text-shadow:none;
	background-color:transparent;
	border:0
}
[class*="span"].hide, .row-fluid [class*="span"].hide {
	display:none
}
.form-search .hide, .form-inline .hide, .form-horizontal .hide {
	display:none
}
.hide {
	display:none
}
button.close {
	padding:0;
	cursor:pointer;
	background:transparent;
	border:0;
	-webkit-appearance:none
}
.close {
	float:right;
	font-size:20px;
	font-weight:bold;
	line-height:20px;
	color:#000;
	text-shadow:0 1px 0 #fff;
	opacity:.2;
	filter:alpha(opacity=20)
}
.close:hover, .close:focus {
	color:#000;
	text-decoration:none;
	cursor:pointer;
	opacity:.4;
	filter:alpha(opacity=40)
}

.nav {
	margin-bottom:20px;
	margin-left:0;
	list-style:none
}
.nav>li>a {
	display:block;
	color:#08c;
	text-decoration:none
}
.nav>li>a:hover, .nav>li>a:focus {
	text-decoration:none;
	background-color:#eee
}
.nav-tabs, .nav-pills {
	zoom:1
}
.nav-tabs:before, .nav-pills:before, .nav-tabs:after, .nav-pills:after {
	display:table;
	line-height:0;
	content:""
}
.nav-tabs:after, .nav-pills:after {
	clear:both
}
.nav-tabs>li, .nav-pills>li {
	float:left
}
.nav-tabs>li>a, .nav-pills>li>a {
	padding-right:12px;
	padding-left:12px;
	margin-right:2px;
	line-height:14px
}
.nav-tabs {
	border-bottom:1px solid #ddd
}
.nav-tabs>li {
	margin-bottom:-1px
}
.nav-tabs>li>a {
	padding-top:8px;
	padding-bottom:8px;
	line-height:20px;
	border:1px solid transparent;
	-webkit-border-radius:4px 4px 0 0;
	-moz-border-radius:4px 4px 0 0;
	border-radius:4px 4px 0 0
}
.nav-tabs>li>a:hover, .nav-tabs>li>a:focus {
	border-color:#eee #eee #ddd
}
.nav-tabs>.active>a, .nav-tabs>.active>a:hover, .nav-tabs>.active>a:focus {
	color:#555;
	cursor:default;
	background-color:#fff;
	border:1px solid #ddd;
	border-bottom-color:transparent
}
.tab-content>.tab-pane, .pill-content>.pill-pane {
	display:none
}
.tab-content>.active, .pill-content>.active {
	display:block
}
div.selected {
    border: 3px solid #ff9000 !important;
}


.scrollit {
    overflow:scroll;
    height:100%;
}