/*hoja de estilos predefinidos para los elementos declarados en el archivo index.html e index.php de la carpeta home, entre los estilos mas resaltantes estan los anchos, las alturas, fondos, tamaños de fuente, tipos de fuentes, margenes, rellenos, esquinas redondeadas.*/

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

@font-face {font-family: Myraid Pro; src: url(fuentes/MyriadPro-Regular.otf) format('opentype');}

@font-face {font-family: Myraid Light; src: url(fuentes/MyriadPro-Light.otf) format('opentype');}

@font-face {font-family: Myraid Bold; src: url(fuentes/MyriadPro-Bold.otf) format('opentype');}

@font-face {font-family: Myraid Semibold; src: url(fuentes/MyriadPro-Semibold.otf) format('opentype');}

body{margin:0; overflow-x: hidden;}

iframe.video {

max-width: 96% !important;

display: block;

margin: 10px auto;

}

#bostro{ display:none;}

*{font-family: "Myraid Light"; font-weight:normal}

#top{background:#52bcec; height:50px;}

#con-top{width:1174px; height:60px; margin:0 auto 0 auto; color:#fff;}

#number{float:right;width:150px; padding-top:16px;margin-right: 135px; color:#FFF;}

img{border:0;}

#menu{width:1200px; margin:0 auto 0 auto;}

#logo{float:left; margin-left:22px;}

#contacto1{float:right; width:220px; padding-top:16px;margin-right:100px;color:#fff; font-size:19px; font-family:Myraid Light;}

#contacto1 span{float:left;}

#contacto1 h1{margin:0;font-size:19px;font-family:Myraid Semibold;}

#prone{margin-left:-10px;}

#prodos{margin-left:-5px;}

#protres{margin-left:-5px;}

.botonfib, .botonfib:link{padding: 3px 12px; font-size:18px; color:#fff; background:#009; margin-top:30px; text-decoration:none;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px; border:0; cursor: pointer;}

.botonfib2, .botonfib2:link{padding: 2px 40px; font-size:18px; color:#fff; background:#52bcec; margin-top:30px; text-decoration:none;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px; border:0; letter-spacing:2px; cursor: pointer;}

/*Form Login*/

#form_login{text-align:center; width:100%; margin:20px auto 0px auto; /*background:#16c0ee;*/}

#usu{padding: 10px 0px;}

#pas{padding: 10px 0px;}

input[name="username"]{font-size:16px;}

input[name="password"]{font-size:16px;}

/*encabezado*/

/*INICIO DE MENU */

#boton-resp{ display: none;}	

#menubar1{display: inherit;}

#menubar1{ position:absolute; margin-left:400px;}

.lavaLampWithImage {

	position: relative;

    height: 75px;

    width: 850px;

	padding: 15px 0px;

    margin: 10px 0;

    overflow: hidden;

	background: url("../images/linemenu.png") no-repeat center left;}

.lavaLampWithImage li {

    float: left;

	margin-top: 40px;

	font-family: Open Sans;

	font-size: 20px;

    list-style: none;}

.lavaLampWithImage li.back {

     background: url("../images/point.png") no-repeat right -50px;

     width: 9px; height: 80px;

     z-index: 8;

     position: absolute;}

.lavaLampWithImage li.back .left {

     background: url("../images/point.png") no-repeat top left;

     height: 80px;

     margin-right: 9px; /* 7px is the width of the rounded shape */}

.lavaLampWithImage li a {

    /*font: bold 12px Tahoma;*/

     text-decoration: none;

     color: #999;

     outline: none;

     text-align: center;

     top: 7px;

     /*text-transform: uppercase;*/

     letter-spacing: 0;

     z-index: 100;

     /*display: block;*/

     float: left;

     height: 80px;

     position: relative;

     overflow: hidden;

     margin: auto 3px auto 3px; 

	/*agregado*/ width:163px;  }

/*.lavaLampWithImage li a:hover{color:#52BCEC;}*/

.lavaLampWithImage li a:hover, .lavaLampWithImage li a:active, .lavaLampWithImage li a:visited {

border: none;}
.tithome{text-align:center; color:#FFF; font-size:30px; padding-top:30px;}
.titservicio{text-align:center; color:#FFF; font-size:22px;}

/* FIN DE MENU*/

#cont-top{width:1174px; height:60px; font-size:21px; margin:0 auto 0 auto; color:#fff;}

div {font-size: 19px; }

/*contenido*/

#contenido{width:100%;}

  #marge{margin-top:45px; margin-left:30px;color: #2e3192;}

  #homer{margin-left:165px; margin-top:-115px;color: #2e3192;}

  #lisa{margin-top:-115px; margin-left:30px;color: #2e3192;}

  #barth{color: #2e3192; margin-left:162px;}

#banner{height:542px; margin:290px auto 0 auto;background-position:center;}

#ofrecemos{background-color:#2e3192; height:203px; margin:10px auto 0 auto;}

#ofrecemos p{font-family:Myraid light; font-size:28px; color:#FFF; margin:0 auto 0 auto; padding:31px; text-align:center;  letter-spacing:2px;}

#ofrecemos b{ font-family:Myraid bold;}

#procesos ul li{float:left; list-style:none;}

#circulos{height:450px; width:1345px; margin: 0 auto 0 auto;}

#diag{color:#2e3192; font-family:Myraid Semibold; font-size:28px;}
#diag2{color:#2e3192; font-family:Myraid Semibold; font-size:18px; margin-top:-18px;}

#rep{color:#52bdec; font-family:Myraid Semibold; font-size:28px;}
#rep2{color:#52bdec; font-family:Myraid Semibold; font-size:18px; margin-top:-18px;}

#ajt{color:#2e3192; font-family:Myraid Semibold; font-size:28px;}
#ajt2{color:#2e3192;  font-family:Myraid Semibold; font-size:18px; margin-top:-18px;}


#clbcn{color:#52bdec; font-family:Myraid Semibold; font-size:28px;}
#clbcn2{color:#52bdec; font-family:Myraid Semibold; font-size:18px; margin-top:-18px;}

.overview{width: 1170px; left: 0px;}

#calcu{ background-image:url(../img/calculadora.jpg); background-repeat:no-repeat;background-position:center;}

#circulos ul {margin-left: -5px;}

#circulos p{ line-height:20px;}

#circulos ul li {margin-left: 46px;text-align: -webkit-center;text-align:-moz-center; text-align:center; float: left;list-style: none;font-size:14px;}

#marcas{width:1174px; height:60px; margin:0 auto 0 auto;}

#marcas p{color:#999; font-size: 40px;font-family: Myraid light;text-align: -webkit-center;text-align: -moz-center; text-align:center; letter-spacing:2px;}

#marcas b{ font-family:Myraid bold;}

#marcasf{width:1174px; height:170px; margin:17px auto 0 auto; background-repeat:no-repeat; background-position:center;}

#calcu{height:1100px;margin:30px 0 0 0;}

#tit-con{font-family:Myraid Semibold; font-size:74px; color:#fff; padding:15px 0 0 0; text-align:center; letter-spacing:2px;}

#tit-cal{font-family:Myraid Light; font-size:36px; color:#fff; padding:15px 0 15px 0; text-align:center;}

#calculadora{width:704px; height:842px; background: rgba(180,180,180,0.40); margin: 0 auto 0 auto; color:#2e3192; padding:10px; /*opacity:0.8;*/}

#fondo1{float:left; width:100%; height:140px; background:rgba(255,255,255,0.70); margin-bottom:12px; /*opacity:0.9;*/}

#decw{float:left;height:100px; width:292px; padding:15px; font-family: Myraid Semibold; font-size:28px; text-align:center;}

#fle{float:left;height:64px; width:57px; padding:39px 0;}

#dBm1, #watt1{width:244px;height:56px; margin-top:15px; background:#fff; border:0; font-size:26px;color:#2e3192; text-align:center;}

#decw span{font-family: Myraid Semibold; font-size:28px;}

#fondo2{float:left; width:100%; height:687px; background:rgba(255,255,255,0.70); margin-bottom:12px;}

#calcular,#limpiar{font-family: Myraid Semibold; font-size:22px; color:#fff; text-align:center; width:100%; background:#52bcec; border:0; letter-spacing:15px; padding: 5px 0; cursor:pointer;}

#calcular:hover,#limpiar:hover{background:#2e3192;}

#Calcular{float:left;width:100%;margin:6px 0;}

#Limpiar{float:left;width:100%;margin-top:16px;}

.inc{float:left; width:218px; height:25px; padding:10px 8px; /*background:#999;*/ text-align:right;}

.inc2{float:left; width:448px; height:25px; padding:10px 8px; /*background:#999;*/ text-align:right;}

.fblue{font-family:Myraid Semibold; font-size:18px; padding:20px 8px 0px 8px;}

.fblue2{font-family:Myraid Semibold; font-size:12px;}

.imgc{width:140px; height:140px;}

#cable{width:110px; height:110px; margin-right:55px;}

select{font-size:18px;height:42px;overflow:hidden;-webkit-appearance:none;-moz-appearance:none;}

#CableDistance_01{font-size:18px;width:90px;height:38px;}

#LossKM,#PairLoss_Custom,#spll{font-size:16px;width:194px;}

#ConPairs_Nu,#SplicesNu,#SpliceLoss_Custom{font-size:16px;width:194px;height:38px;}

#ttlfi,#ttcl,#ttlem,#total{font-size:16px;width:194px;height:38px;}

#procesos{float:left; width:1295px; margin:0 auto 0 -40px;}

#oferta {margin:60px auto 0 auto;width:806px;height:333px;background-image:url(../../2016/img/info.png); 

background-repeat:no-repeat;background-position:center;background-size:auto;}



#footter{background-color:#E6E6E6; height:442px; margin:55px auto 0 auto;float: left; width: 100%;}

#fibemap{ display:none;}

#fibecorr{float:right;} #fibetel{ float:right}

#calcu h1{text-align:center;font-size: 64px;}

#calcu p{text-align:center;font-size: 36px;}

img.fa{ margin-left:168px; }

#contacto h1{ text-align: right;}

#contacto p{ font-size:19px; text-align:right;}

#privacidad ul li{float: left; text-align: -webkit-center; font-family: Open Sans;font-size: 12px; list-style: none; text-decoration:none; color:#FFF; margin-top:32px;}

#privacidad a{ text-decoration:none; color:#FFF;}

#privacidad{margin:30px auto 0 auto; width:1120px; height:70px; color:#fff; font-size:16px; padding-top:28px;}

#privacidad span{float:right;}

#mapa{margin:0 auto 0 auto; width:1120px; height:408px;}

#mapa span{font-weight:normal;}

#contacto{float:right; color:#bbb; font-size:17px; font-family: Myraid Pro, Open Sans; letter-spacing:1px; text-align:right; padding:45px 0px;}

#tac{color:#52bcec; font-size:23px; font-family: Myraid Bold, Open Sans; letter-spacing:10px;}

#fib{color:#aaa; font-size:17px; font-family: Myraid Semibold, Open Sans; letter-spacing:1px;}

#tel,#email{color:#2e3192; font-size:29px; font-family: Myraid Pro, Open Sans; letter-spacing:1px;}

#telb{color:#2e3192; font-size:29px; font-family:Myraid Bold;}

input#s, select#CableUnit{ width:99px;}

input, select{width:200px;}

#perkins{margin:-115px auto 0 auto; background:#52bcec; height:80px;}

#sombra{margin:0 auto 0 auto; background-image:url(../img/sombra.jpg) background-repeat:no-repeat; background-position:center;height:35px;}

/*prefijo para estilos solo en firefox*/

html>/**/body #barth, x:-moz-any-link, x:default { margin-left:106px;}

html>/**/body #ttlf, x:-moz-any-link, x:default { margin-left:123px;}

html>/**/body #ttlc, x:-moz-any-link, x:default { margin-left:81px;}

html>/**/body #ttle, x:-moz-any-link, x:default { margin-left:77px;}

html>/**/body #ttlt, x:-moz-any-link, x:default { margin-left:208px;}

html>/**/body #homer, x:-moz-any-link, x:default { margin-top:48px;}

html>/**/body img#empa, x:-moz-any-link, x:default { margin-top:40px; margin-left:-8px;}

html>/**/body img#conector, x:-moz-any-link, x:default { margin-left:-726px; margin-top:44px;}

html>/**/body #ttlf, x:-moz-any-link, x:default { margin-left:123px;}

html>/**/body #lisa, x:-moz-any-link, x:default { margin-top:-125px;}

html>/**/body #slt2, x:-moz-any-link, x:default { width:207px;}

html>/**/body #spll, x:-moz-any-link, x:default { margin-left:6px;}

html>/**/body .font00, x:-moz-any-link, x:default { margin-left:212px;}

html>/**/body #flds, x:-moz-any-link, x:default {margin-left:7px;width:206px;}

/*prefijo safari*/

@media screen and (-webkit-min-device-pixel-ratio:0) { 

    /* Solo para Safari y Chrome */

  #marge{margin-top:45px; margin-left:30px;color: #2e3192;}

  #homer{margin-left:165px; margin-top:-115px;color: #2e3192;}

  #lisa{margin-top:-115px; margin-left:30px;color: #2e3192;}

  #barth{color: #2e3192; margin-left:162px;}

    /* Solo para Safari */

    ::i-block-chrome,#ofrecemos{ margin-top:30px;}

	::i-block-chrome,#barth{ margin-left:106px;}

	::i-block-chrome,#max{ margin-left:202px;}

	::i-block-chrome,#flds{ margin-left:10px;}

	::i-block-chrome,#emp{ margin-left:278px;} 

	::i-block-chrome,#perdida{ margin-left:283px;}

	::i-block-chrome,#m{ margin-left:140px;}

	::i-block-chrome,#a1{ margin-left:145px;}

	::i-block-chrome,#pl{ margin-left:11px;}

	::i-block-chrome,.lavaLampWithImage{ margin-top:5px;}}

/*inicio de estilos referente al diseño web responsive.*/

@media screen and (min-width: 1600px) {  

::i-block-chrome,#ofrecemos{ margin:30px auto 0 auto;}

#banner{ height:660px;}}

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

#circulos{ width:100%;}}

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

#bostro{ display:inline; width:20px;}

#menu{ width:100%;}

#cont-top{width:100%;}

#marcasf{width:100%;}

#menubar1 {width:100%;height:100%;left:-100%;margin:-6px auto 0 auto;position:absolute;}

.lavaLampWithImage{ position: absolute; height: 205px;;width: 100%;padding:0; margin: 0;overflow: hidden;	background:#52bdec;}

.lavaLampWithImage li.back .left{ display:none;}

.lavaLampWithImage li {	display:block;float:none;border-bottom:1px solid rgba(255,255,255, .3);}

.lavaLampWithImage li a { width:100%; top:-28px; height:22px; color:#FFF;}

/*para el menu responsivo */	

#logo{ margin-left:270px; width:360px; margin-top:106px;}

#boton-resp{ display: inherit; margin-top:50px;}	

#prone{ margin-left:-5px;}

#procesos ul li{ float:none; margin-left:255px; }

#procesos{width:100%; margin:0 auto 0 0px;}

#procesos ul{ margin-top:0px;}

#cont-top span{ display:none;}

#cont-top form{ display:none;}

#calcu{width:100%; display:none;}

#circulos{ width:715px; height:960px;}

#ofrecemos{ height:300px; margin-top:43px;}

#marcas{ width:auto;}

/*#marcasf{ width:1024px;}*/

#calculadora{ display:none;}

div#mapa{ width:auto;}

div#privacidad{ width:auto;}

#slider1{ width:75%;}

.btnadaptable{margin-top: -95px;}}

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

/*para el menu responsivo */

#ofrecemos{margin-top: -30px;}

.lavaLampWithImage li.back .left{ display:none;}

.lavaLampWithImage li {	display:block;float:none;border-bottom:1px solid rgba(255,255,255, .3);}

.lavaLampWithImage li a { width:100%; top:-28px; height:30px; color:#FFF;}

/*para el menu responsivo */	

#logo{ margin-left:270px; width:360px; margin-top:100px;}

#boton-resp{ display: inherit; margin-top:55px;}	

#procesos ul li{ float:none; margin-left:255px; }

#procesos{width:100%; margin:0 auto 0 0px;}

#procesos ul{ margin-top:0px;}

#cont-top span{ display:none;}

#cont-top form{ display:none;}

#calcu{width:100%; display:none;}

#circulos{ width:715px; height:960px;}

#marcas{ width:auto;}

/*#marcasf{ width:1024px;}*/

#calculadora{ display:none;}

div#mapa{ width:auto;}

div#privacidad{ width:auto; text-align:center;}}

@media screen and (max-width:770px)

{#logo{ margin-left:135px;}

#procesos ul li{ margin-left:110px;}

#ofrecemos{ margin-top:-100px;}

#ofrecemos p{ font-size:30px;}

#oferta{ width:100%; background-size:100%;}

#video{ width:100%;}

div#footter{ height:700px;}

div#contacto{ text-align:center; float:left;}

div#mapa{ height:730px; margin-left:24%;}

div#contacto{ text-align:center;}

div#marcas{margin: -40px auto 0 auto;}

#mapinicial{ display:none;}

#fibemap{ display:inline;}

#circulos{ width:565px;}

#circulos ul li{ margin-left:0px;}}

@media screen and (max-width:720px)

{#privacidad span{ margin-top: 10px; margin-right: 12%; text-align: center;}

#legales{ margin-left:38%;}

#perkins{ height:100px;}

}

@media screen and (max-width:670px){ #perkins{ height:100px;} #procesos ul li{ margin-left:18%;}} 

@media screen and (max-width:655px)

{#ofrecemos{ margin-top:-145px;}

#fibecorr{ margin-right:530px;}

#fibetel{ margin-right:-155px;}

#buscar{ display:none;}

#privacidad span{ margin-right:5%;}

}

@media screen and (max-width:600px)

{div#mapa{ margin-left:16%;}

#marcas p{color:#999; font-size: 20px;font-family: Myraid light;text-align: -webkit-center;text-align: -moz-center; text-align:center; letter-spacing:2px; padding-top: 80px;}

}

@media screen and (max-width:580px)

{#circulos ul li{ margin-left:-4px;}

 #logo{ margin-left:70px;}

 #procesos{ width:54%; margin:0 auto 0 0px;}

 #marcas p{color:#999; font-size: 20px;font-family: Myraid light;text-align: -webkit-center;text-align: -moz-center; text-align:center; letter-spacing:2px; padding-top: 80px;}

}

@media screen and (max-width:560px)

{#logo{ margin-left:0px;}

#procesos ul li{ margin-left:0px;}

div#circulos{ width:330px;}

#circulos ul li p{ display:none;}

div#oferta{ margin:-30px auto 0 auto; float:left;}

div#video{ margin:-30px auto 0 auto; float:center;}

#marcas{ float:left;}

#footter{ float:left;}

#diag, #rep, #ajt, #clbcn{ cursor:pointer;}

#marcas p{color:#999; font-size: 20px;font-family: Myraid light;text-align: -webkit-center;text-align: -moz-center; text-align:center; letter-spacing:2px; padding-top: 90px;}

}

@media screen and (max-width:500px)

{#fibemap{ margin-left:-30px;}

#marcas p{color:#999; font-size: 20px;font-family: Myraid light;text-align: -webkit-center;text-align: -moz-center; text-align:center; letter-spacing:2px; padding-top: 120px;}}

@media screen and (max-width:480px)

{#logo{ width:86%;}
#banner{ height:456px;}

#procesos{ width:100%;}

#prone{ width:90%; margin-left:-33px;}

#prodos{width:90%; margin-left:-33px;}

#protres{width:90%; margin-left:-33px;}

#ofrecemos{ margin-top:-230px; height:400px;}

#circulos{ height:1200px;}

div#oferta{ margin:-30px auto 0 auto;}

/*div#video{ margin:-30px auto 0 auto;}*/

img#fibemap{ width:95%;}

div#contacto{ margin-left:-5px;}

#procesos ul li{margin-left: 18%;}

html>/**/body #footter, x:-moz-any-link, x:default{ margin-top:330px;}

#marcas p{color:#999; font-size: 20px;font-family: Myraid light;text-align: -webkit-center;text-align: -moz-center; text-align:center; letter-spacing:2px; padding-top: 120px;}



}

@media screen and (max-width:430px)

{div#contacto{margin-left:-35px;}
#banner{ height:456px;}

#marcas p{color:#999; font-size: 20px;font-family: Myraid light;text-align: -webkit-center;text-align: -moz-center; text-align:center; letter-spacing:2px; padding-top: 120px;}}

@media (max-width:400px)

{#ofrecmos{ margin-top:-322px;}
#banner{ height:456px;}

#marcas p{color:#999; font-size: 20px;font-family: Myraid light;text-align: -webkit-center;text-align: -moz-center; text-align:center; letter-spacing:2px; padding-top: 150px;}



}

@media screen and (max-width:380px)

{#ofrecemos{ margin-top:-360px;}
#banner{ height:456px;}

html>/**/body #footter, x:-moz-any-link, x:default{ margin-top:50px;}

div#circulos{ width:340px;}

div#marcas{margin:-110px auto 0 auto;}

#tel, #email{ font-size:18px;}

div#contacto{font-size: 11px; margin-left:20px;}

div#mapa{ width:290px; height:590px;}

div#circulos{ width:303px;}

#fibemap{ margin-left:-13px;}

#legales{ margin-left:30%;}

#marcas p{color:#999; font-size: 20px;font-family: Myraid light;text-align: -webkit-center;text-align: -moz-center; text-align:center; letter-spacing:2px; padding-top: 150px;}

}



@media screen and (max-width:330px)

{#perkins{ height:115px;}

#marcas p{color:#999; font-size: 20px;font-family: Myraid light;text-align: -webkit-center;text-align: -moz-center; text-align:center; letter-spacing:2px; padding-top: 150px;}

}



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

{
 #banner{ height:456px;}
 .tithome{text-align:center; color:#FFF; font-size:30px; padding-top:20px;}
img#fibemap{width:80%;}
.tithome {
    text-align: center;
    color: #FFF;
    font-size: 20px;
    padding-top: 30px;
}

#ofrecemos{ margin-top:-390px;}

div#contacto{ margin-left:-4px;}

div#mapa{ margin-left:43px;}

div#privacidad{ font-size:11px; margin-left:16px;}

#privacidad span{ font-size:11px; margin-right:18%;}

#marcas p{color:#999; font-size: 20px;font-family: Myraid light;text-align: -webkit-center;text-align: -moz-center; text-align:center; letter-spacing:2px; padding-top: 150px;} 

}