/*estilo al cuerpo del sitio*/

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

/*todos los elementos de tipo texto se establece por defecto un estilo de fuente*/

img{border:0;}

#quienesomos{background:#52bcec; height:555px;margin:290px auto 0 auto;}

#quienesomos p{ margin-top:-35px; text-align: center; font-family:Myraid light; font-size:30px; color:#FFF;}

#quienesomos b{ font-family:Myraid semibold;}

#hh p{ text-align:center; font-family:Myraid light; font-size:60px; color:#FFF; margin-top:5px;}

#hh b{ font-family:Myraid semibold;}

#mision p{color:#52bdec;}

/*contenido*/

#cuestion p{color:#2e3192;font-size:50px;text-align:center; font-family:Myraid light;}

#cuestion b{ font-family:Myraid semibold;}

#pregunta p{color:#999; font-size:28px; text-align:center; font-family:Myraid light;letter-spacing:1px;}

#pregunta b{ font-family:Myraid semibold;}

#normatividad{background:#52bcec; height:740px;margin:40px auto 0 auto;}

#norma p{color:#fff;font-size:62px;text-align:center; margin-top:12px; font-family:Myraid light;}

#norma b{ font-family:Myraid semibold;}

#normas{width:1200px; height:580px; margin:-30px auto 0 auto;}

#tranzabilidad{margin:0 auto 0 auto;}

#traz p{color:#2e3192;font-size:50px;text-align:center; font-family:Myraid light;}

#trazabilidad p{color:#999;font-size:25px;text-align:center; font-family:Myraid light;}

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

#misioni{ margin:60px auto 0 auto;}

#mision{ margin:60px auto 0 auto; width:1300px;}

#mis{font-size:46px;padding:56px; color:#52bdec;}

#mision ul li {float: left;list-style: none; margin-left:15px;}

#misin ul li {float: left;list-style: none; margin-left:0px;}

/* estilo a los elementos misin, vision, politica, el mas destacable es el border radius, es para redondear el elemento div de talmanera que paresca un circulo*/

#misin,#vision,#politica {text-align:center;margin-left: 75px; width: 290px;height: 290px;background:#FFFFFF; -moz-border-radius: 150px; -webkit-border-radius: 150px; border-radius: 150px; color:#52bdec;}

#normas ul li {float: left;list-style: none; margin-left:30px;}

#normas p{text-align: center; margin-top: -310px; color: white; font-family: Myraid light; font-size:23px;}

/* estilo del div aseguramiento misioni lo mas destacable es la imagen que no se repita a los lados, una altura margenes automaticos y posicionamiento al centro*/

#aseguramiento{background-image:url(../img/aseguramiento.jpg);

      	height:752px; margin:30px auto 0 auto; background-repeat:no-repeat;background-position:center;}

/* estilo del div contenedor misioni lo mas destacable es la imagen que no se repita a los lados, una altura margenes automaticos y posicionamiento al centro*/

#misioni{background-image:url(../img/fiber.jpg); height:886px;

        margin:0 auto 0 auto; background-repeat:no-repeat;background-position:center;}

/*pie de pagina*/

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

#contacto h1{ text-align: right;}

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

div#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;}

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

div#privacidad p {color: white; font-size: 12px;margin-left: 580px; padding:31px;}

#mapa iframe{border:0;}

/*inicio de estilo de los elementos del modulo quienes somos en modo responsive*/

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

{#quienesomos{margin: 400px auto 0 auto; height:855px;}

 #mision{width:80%;}

 #politica{margin-left:260px;}

 #normas{width:100%;}

 #normas ul{margin-left:0px;}

 #normas ul li{margin-left:137px;margin-top: 70px;}

 #aseguramiento{background-size:100%; margin-top:-145px;}

 #normatividad{margin: -155px auto 0 auto; height:1300px;}

 #normas{margin: -120px auto 0 auto;}

 #misioni{ background-size:100%; margin: -230px auto 0 auto;}

 #footter{margin: -175px auto 0 auto;}}

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

 {#mision{ width:100%;}}

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

{#normas ul li{ margin-left:15%;}} 

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

{#mision ul li{ margin-left:-40px;}

 #normas ul li{ margin-left:85px;}

 #politica{margin-left: 237px;}} 

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

{div#mision { width:60%; margin-top:-20px;}

 div#mision ul li{ margin-top:40px;}

 div#politica{ margin-left:75px;}

 div#quienesomos{height: 1175px;}}

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

{#mision{width:90%;}

#mision ul li{ margin-left:-70px;}

#politica{margin-left: 222px;}

#normas ul li{ margin-left:65px;}}

@media (max-width:690px){ #normas ul li{ margin-left:30px;}}

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

{#quienesomos{height: 1190px;}

 #mision { width:60%; margin-top:-20px;}

 #mision ul li{ margin-top:40px;}

 #politica{ margin-left:75px;}

 #normas ul li{ margin-left: 20px;}

 #normatividad{ height:1390px;}}

@media (max-width:600px){#normas ul li{ margin-left:0px;}} 

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

 {div#quienesomos{height: 1330px; margin:90% auto 0 auto;}

  div#mision{ width:80%;}

  div#normas{ width:70%;}

  div#normatividad{ height:2580px;}

  #norma2{ margin-top:30px;}

  #norma4{ margin-top:85px;}}

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

{	div#quienesomos{height: 1400px;}

	div#mision{ width:100%;}

	div#normas{ width:100%;}

	#norma{margin-top: -240px;}

	#norma p{font-size: 45px;}

	#misin, #vision{text-align: center;margin-left: 60px;}

	div#politica {margin-left: 62px;}}  

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

{div#normas{ width:74%;}

 div#mision{ width:79%;}

 div#quienesomos{ height:1390px;}

 div#mision ul li{ margin-left:-127px;}

 div#normas ul li{ margin-left:-40px;}}