/*  */
html {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font: inherit;
	vertical-align: baseline;
}
@font-face {
    font-family: 'droid_serifregular';
    src: url('DroidSerif-Regular-webfont.eot');
    src: url('DroidSerif-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('DroidSerif-Regular-webfont.woff2') format('woff2'),
         url('DroidSerif-Regular-webfont.woff') format('woff'),
         url('DroidSerif-Regular-webfont.ttf') format('truetype'),
         url('DroidSerif-Regular-webfont.svg#droid_serifregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'droid_serifitalic';
    src: url('DroidSerif-Italic-webfont.eot');
    src: url('DroidSerif-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('DroidSerif-Italic-webfont.woff2') format('woff2'),
         url('DroidSerif-Italic-webfont.woff') format('woff'),
         url('DroidSerif-Italic-webfont.ttf') format('truetype'),
         url('DroidSerif-Italic-webfont.svg#droid_serifitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'droid_serifbold';
    src: url('DroidSerif-Bold-webfont.eot');
    src: url('DroidSerif-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('DroidSerif-Bold-webfont.woff2') format('woff2'),
         url('DroidSerif-Bold-webfont.woff') format('woff'),
         url('DroidSerif-Bold-webfont.ttf') format('truetype'),
         url('DroidSerif-Bold-webfont.svg#droid_serifbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'droid_serifbold_italic';
    src: url('DroidSerif-BoldItalic-webfont.eot');
    src: url('DroidSerif-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('DroidSerif-BoldItalic-webfont.woff2') format('woff2'),
         url('DroidSerif-BoldItalic-webfont.woff') format('woff'),
         url('DroidSerif-BoldItalic-webfont.ttf') format('truetype'),
         url('DroidSerif-BoldItalic-webfont.svg#droid_serifbold_italic') format('svg');
    font-weight: 900;
    font-style: normal;

}
@font-face {
    font-family: 'YanoneKaffeesatz-Light';
    src: url('YanoneKaffeesatz-Light.eot');
    src: url('YanoneKaffeesatz-Light.eot?#iefix') format('embedded-opentype'),
         url('YanoneKaffeesatz-Light.woff2') format('woff2'),
         url('YanoneKaffeesatz-Light.woff') format('woff'),
         url('YanoneKaffeesatz-Light.ttf') format('truetype'),
         url('YanoneKaffeesatz-Light.svg#YanoneKaffeesatz-Light') format('svg');
    font-weight: normal;
    font-style: normal;

}
body {
	display:block;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	line-height: 1;
	font: 16px/1.4em 'Arial', sans-serif;
	font-size:100%;
	color: #1c1c1c;
	background:#D6EAF8;
	background-image: url(../img/fondo.png);
} 
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
} 
.contenedor {
	background:#ffffff;
	font-family: 'droid_serifregular', Arial, serif;
	width:98%;
	margin:auto;
	/* Flexbox */
	display:flex;
	flex-flow:row wrap;
}
div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, canvas, details, figure, 
footer, header, hgroup, menu, nav, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
    font-size:100%;
	font: inherit;
	vertical-align: baseline;
}
b {
	font-family: 'droid_serifbold';
}
em {
	font-family: 'droid_serifbold_italic';
	font-size:110%;
	
}
strong {
	font-size:1.0em;
    color:#000000;
}
.pregunta {
	color:#ff7373;
}
mark {
	background:#99ffb2;
}
cite {
    font-family: 'droid_serifbold_italic';
    font-size:.7em;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, footer, header, hgroup, menu, nav, section {
    display: block;
}
ol {
    list-style: none;
}
ol.numerado{
	list-style:decimal;
	font-family: 'droid_serifregular', Arial, serif;
}
ol.letras {
  list-style-type: upper-alpha;
  font-family: 'droid_serifregular', Arial, serif;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
	content: none;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*Estilo de elementos */
p {
	margin: 0 0 1.5em;
	line-height: 1.4em;
	font-family:droid_serifregular;
}
a {
	color: #1D745A;
}
a:-webkit-any-link {
    color: -webkit-link;
    cursor: pointer;
    text-decoration: none;
	color:#2693ff;
}
a, a:hover {
text-decoration: none;
color:#19a42a;
}
h1 {
    font-family: 'droid_serifregular', Arial, serif;
	font-size: 20px;
	line-height: 1.4em;
	margin: 0 0 .4em;
	font-weight: bold;
	color:#2693ff;
}
h2 {
	font-family: 'droid_serifregular', Arial, serif;
	font-size: 18px;
	line-height: 1.4em;
	margin: 0 0 .4em;
	font-weight: bold;
	color:#000;
}
h3 {
	font-family: 'droid_serifregular', Arial, serif;
	font-size: 16px;
	line-height: 1.4em;
	margin: 0 0 .4em;
	font-weight: bold;
}
h4 {
	font-family: 'droid_serifregular', Arial, serif;
	font-size: 16px;
	color:Blue;
	line-height: 1.4em;
	margin: 0 0 .4em;
	font-weight: bold;
	
}
#barra-alta {
	margin-left:0px;
    background: #2693ff;
}
#bloques {
    margin: 0;
    width: 85%;
    top: 0px;
    height: 60px;
    background: #fff;
}
header {
	position: fixed; /* Fija la barra o Area del header (logo) visible para que no se oculte cuando se desplaza la página hacia abajo*/
	top:0;  /*fija la barra en la posición desde arriba*/
	flex-direction: column;
	display:block;
	background: #2693ff;
	border-bottom: 5px solid #ffffff;
	padding: 10px 20px;
	height:auto;
	width:98%;
}
/*shorter clearfix */
header:before, header:after {
    content:"";
    display:table;
}
header:after {
	clear:both;
}
/* For IE 6/7 (trigger hasLayout) */
header {
	zoom:1;
}	
/*Para mostrar etxto en lugar de Imagen-logo-principal se elimina display y se quita el comentario 
    div.logo a {
	display:none; 
	font-family: "droid_serifregular", Helvetica, Arial, Lucida Grande, sans-serif; 
    position: relative; 
	color: #ffffff;
	text-decoration: none;
	font-size: 1.30em;
	letter-spacing: 0.01em;
	float: left;
}*/
.logo {
	display: flex;
	float:left;
	margin-top:0px;
	height:70px;
}
.marca {
	background-image: url("../img/logo.png") ;
	background-repeat: no-repeat;
	margin-top:10px;
	background-size: 70% auto;
    width: 190px;
}
figcaption {
    visibility: hidden;
    
}

header #al_nav a {
	margin-top:20px;
}
#al_nav  a{
	float: right;
	margin-right:3px;
	color: #ffffff;
	background: #19c589;
	text-decoration: none;
	padding: 0 10px;
	font-size: 1.5em;
	font-family: "YanoneKaffeesatz-Light", Helvetica Neue, Helvetica, Arial, sans-serif;
	font-weight: bold;
	line-height: 35px;
	height: 35px;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
a #al_nav:hover,  /*boton de Menú al pasar el raton*/
a #al_nav:focus {
	color: #1c1c1c;
	background: #d1c0c0;
}		
article {
	border-bottom: 1px solid #bbbbbb;
	padding: 10px 20px 0 20px;
	margin: 10px 0;
}
.fondo-verde {
	color:#2693ff;
	background:#e0f9e0;
	padding:10px;
}
.fondo-azul {
	color:#ffffff;
	background:#2693ff;
	padding:10px;
}
.meta {
	color: #999;
	margin: 10px 0 0 0;
    font-size: 11px;
    line-height: 13px;
}
.lista {
	color:#a07a7b;
	font-weight:bold;
}
.p-centrado {
	text-align:center;
}
.p-junto {
	font-size: 1em;
	-webkit-margin-before: 0.2em;
    -webkit-margin-after: 0.2em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}
.Subrayado {
	font-size: 1.2em;
    text-align: center;
	text-decoration: underline;
    color: #f81b33;
	font-weight: bold;
}
.coloreado-verde {
	text-align: center;
	color: #139c23;
	font-weight: bold;
}
.resaltado-verde {
	background:#F5F5E9;
	color: #008500;	
}
.resaltado-rojo {
	background:#fedfdc;
}
.texto-rojo {
	color: #f81b33;
}
.texto-verde {
	color: #139c23;
}
.telcel {
	font-family:'droid_serifbold_italic';
	color: #0250F3;
	font-weight: bold;
	font-size:1.2em;
}
.att {
	font-weight: bold;
}
.movistar {
	color: #58AF0B;
	font-weight: bold;
}
.iusacell {
	color: #E74C00;
	font-weight: bold;
}
.unefon {
	color: #000000;
	font-weight: bold;
	background:#ffff00;
}
.nextel {
	color: #ff6600;
	font-weight: bold;
}
.weex {
	color:#00CB00;
	font-weight: bold;
}
.flash {
	color:#BD32F9;
	font-weight: bold;
}

/*navigacion*/	
/*Make dropdown links appear inline*/


    #principal_nav ul {
        position: static;
        
    }
    /*Create vertical spacing*/
    #principal_nav li {
        margin-bottom: 1px;
    }
    /*Make all menu links full width*/
    #principal_nav ul li, li a {
        width: 100%;
    }
	/*Display 'show menu' link*/
    .show-menu {
        display:block;
    }

/*Strip the ul of padding and list styling*/
#principal_nav ul {
    list-style-type:none;
    margin:0;
    padding:0;
   
}
/*Create a horizontal list with spacing*/
#principal_nav li {
    display:inline-block;
    float: left;
    margin-right: 1px;
}
/*Style for menu links*/
#principal_nav li a {
    display:block;
    height: 50px;
    text-align: center;
    line-height: 50px;
    font-family: "YanoneKaffeesatz-Light", Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size:1.5em;
    color: #fff;
    background: #2693ff;
    text-decoration: none;
}
/*Hover state for top level links*/
#principal_nav li:hover a {
    background: #0059b3;
}
/*Style for dropdown links*/
#principal_nav li:hover ul a {
    background: #D6EAF8;
    color: #2f3036;
    height: 40px;
    line-height: 40px;
}
/*Hover state for dropdown links*/
#principal_nav li:hover ul a:hover {
    background: #0080ff;
    color: #fff;
}
/*Hide dropdown links until they are needed*/
#principal_nav li ul {
    display: none;
}
/*Make dropdown links vertical*/
#principal_nav li ul li {
    display: block;
    float: none;
}
/*Prevent text wrapping*/
#principal_nav li ul li a {
    width: auto;
    min-width: 100px;
    padding: 0 20px;
}

/*Estilo de class="show menu" El boton Menú en la parte de abajo de la pagina en Moviles*/
.show-menu {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size:1.8em;
	font-weight: bold;
	text-decoration: none;
    color: #fff;
    background: #19c589;
    text-align: center;
    padding: 10px 0;
    margin-bottom:2px;
}
#menu  #sube a {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #fff;
    background: #19c589;
	font-weight: bold;
}
/*Hide checkbox*/
input[type=checkbox]{
    display: none;
}

/*******SUBMENU DESPLAGABLE SOLO PARA MOBILES ******/
/* Dropdown Button */


.dropbtn {
	width:100%;
    background-color: #2693ff;
	font-size: 1.5em;
	font-family: "YanoneKaffeesatz-Light", Helvetica Neue, Helvetica, Arial, sans-serif;
    color: white;
    height: 50px;
    text-align: center;
    line-height: 50px;
    border: none;
    cursor: pointer;
	margin-bottom: 1px;
}

/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus {
    background-color: #2693ff;
	 margin-bottom: 1px;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
	width:100%;
    position: relative;
    display: inline-block;
}
/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    height: 40px;
    line-height: 40px;
    text-decoration: none;
    display: block;
	
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;}

.SubMenu2 {
				display:none;
			}
/*Elementos <li> del submenu en moviles*/
			#myDropdown li a {
				background-color: #73b9ff;
			}
/*Estilo de Boton de desplazamiento hacia Arriba*/
 #myBtn {
  display: none;
  position: fixed;
  bottom: 25px;
  right: 1px;
  z-index: 99;
  font-size: 12px;
  border: none;
  outline: none;
  background-color:#26b7ff;
  color: white;
  cursor: pointer;
  padding: 7px;
  border-radius: 4px;
}

#myBtn:hover {
  background-color:#2693ff;
}
.flecha_arriba {
  display:block;
  margin:auto;
  margin-bottom:2px;
  width: 0;
  height: 0;
  border-left: 14px solid transparent;
  border-right: 14px solid transparent;
  border-bottom: 14px solid white;
}
/* FIN DEL SUBMENU DESPLAGABLE SOLO PARA MOBILES */
#iframe-contacto {
    width: 100%;
    height: 630px;
}			
			
/*footer*/

footer {
	display:block;
	float:left;
	width:100%;
	font-family: 'droid_serifregular', Arial, serif;
	font-style: italic;
	text-align: center;
	font-size: 14px;
}
/** for copyleft symbol **/
.copy-left {
    display: inline-block;
    text-align: right;
    margin: 0;
    font-size: 1.25em;
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: FlipH;
}

.main {
	background:#fff;
	padding:20px;
	flex:1 1 70%;
	/*flex:1;*/
}

.main article {
	margin-bottom: 20px;
	padding-bottom:20px;
	border-bottom:1px solid #000;
}

.main article:nth-last-child(1){
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom:none;
}

aside {
	background:#ffffff;
	padding:0px;
	/*FLEX*/
	/*flex:1 1 30%;*/
	/*flex:0 0 300px;*/    
	display: flex;
	flex-wrap:wrap;
	flex-direction:column;
	justify-content:flex-start;
	margin: 0;
    
    box-sizing: border-box;
}
aside .widget {
    flex-grow: 1;
	
}
aside .widget {
	padding:1%;
	background: #ffffff;
	height:auto;
	margin:10px;
}
aside p {
	margin: 0 0 10px;
}
	aside img {
		float: left;
		 padding-right:10px;
		 width:80px;
		 height:70px;

}
foto-recuadro {
	vertical-align: text-top;
	width:40px;
}

/*media queries*/
@media only screen and (min-width: 629px) { /*Cambios al agrandar la pantalla */
body {
	background:none;
}
}
@media only screen and (min-width: 768px) { /*Cambios al agrandar la pantalla */
		    h1 {
	            font-size: 24px;
	            line-height: 1.4em;
	            margin: 0 0 .4em;
	            font-weight: bold;
}
h2 {
	font-size: 20px;
}
.h2-centrado {
		text-align:center;
}
p {
	font-size: 1.2em;
}
.parrafo-centrado {
	text-align:center;
}
		    .contenedor {
				position: relative;
				margin: auto;
			}
			header {
				height:130px;
			}
     .logo {
         margin-left:2%;
         
}
#bloques {
    height: 100px;
}
			#al_nav {
				display: none;
			}
			
			#principal_nav ul li a {
				height: auto;
				display:block;
				margin-right: 0px;
				padding-bottom:2px;
			}
			#principal_nav {
				position: fixed; /* Fija el menú para mantenerlo visible cuando se desplace la página hacia abajo*/
				top: 83px;
				background: none;
				margin-left:1%;
			}
			
			#principal_nav ul li, li a {
              width: auto;
    }
			#principal_nav li a {
				min-width: 50px; /*El ancho de los elementos del Menú de Primer Nivel*/
				float: left;
				border: none;
				line-height: 1.8em;
				padding: 0px 7px 0px 7px;
				margin-left:0px;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				border-radius: 5px;
			}
			 #principal_nav li a:hover { 
			 line-height: 1.8em;
			 }
ul#menu ul { /*Elementos de Submenú o segundo Nivel*/
 display: none;
 position: absolute;
 float: left;
 top: 44px;
 width:350px;
 background: #333;
 color: #fff;
 padding: 0px 0px 0px 0px;
 margin:0px;
 }
 /*Elementos de Submenú o segundo Nivel*/
ul#menu ul li{ 
 float: left;
 color: #fff;
 width:100%;
 padding: 0px;
 margin: 0%;
}
 /*Elementos de Submenú o segundo Nivel*/
ul#menu ul li a{ 
  color: #fff;
  width:100%;
  padding: 0px;
  margin: 0%;
  line-height: 2.6em;
  border-radius:0px;
  border-bottom:solid 2px #002db3;/*Border del submenú sin pasar encima*/
  
}
 /*Submenú al pasar el ratón por encima*/
ul#menu ul li a:hover{
 color: #8c4600;
 padding-right:1%;
border-bottom:solid 2px #2ede24; /*Border del Submenú al pasar el ratón por encima*/
 margin:0px;
}
ul#menu li:hover ul ul,ul#menu li:hover ul ul ul,ul#menu li.iehover ul ul,ul#menu li.iehover ul ul ul {
 display: none;
 cursor:pointer;
}
ul#menu li:hover ul,ul#menu ul li:hover ul,ul#menu ul ul li:hover ul,ul#menu li.iehover ul,ul#menu ul li.iehover ul,ul#menu ul ul li.iehover ul {
 display: block;
 cursor:pointer;
 border-bottom:solid 4px #2ede24; /*Borde al final del submenú*/
}
	      #principal_nav li .sube{ /*Ocultar enlace "Subir la Página"*/
				display: none;
			}
		
			.show-menu {  /*Ocultar título Menu de parte BAJA*/
				Display:none;
			}
			a.al_nav {      /*Ocultar título Menu de parte ALTA*/
				display: none;
			}
			
			.dropdown {
				display:none;
			}

 .SubMenu2 {
	 display:inline;
 }	
 #myBtn {
    bottom: 53px;
    
}

 		
		}
		
		
@media only screen and (min-width: 930px) { /*Cambios al agrandar la pantalla */		
		
			header {
				height:80px;
				display:flex;
			}
			#bloques {
	height:80px;
}
			aside {
    padding: 0px;
    flex: 1 1 31%;
    /* flex: 0 0 300px; */
    background: none;
}
			.logo {
		        height:400px;
	                margin-top:2px;
	                margin-bottom:0px;
}
            .logo img {
		width: 250px;
	        margin-top:0px;
                padding-top:0px;
	        padding-left:3px;
}
.marca {
    margin-top: 3px;
}

			#principal_nav {
				right:20px;
				top: 30px;
			}
#myBtn {
  right: 1px;
  z-index: 99; 
  padding: 10px;
}
}

@media only screen and (min-width: 1200px) { /*Cambios al agrandar la pantalla */		
		
		.contenedor {
		width: 99%;
		margin: 0;
                display: flex;
                flex-flow: row wrap;
		position:;/*Agregado de prueba*/
			}
			#barra-alta {
				width: 100%;
				background:#2693ff;
				position: fixed; /* Fija la barra o Area del header (logo) visible para que no se oculte cuando se desplaza la página hacia abajo*/
	                        top:0;  /*fija la barra en la posición desde arriba*/
			}
			
	.logo {
         margin-left:22.5%;
         
             }
              
			#principal_nav {
				right:22%;
				position: fixed; /* Fija el menú para mantenerlo visible cuando se desplace la página hacia abajo*/
                                flex-wrap: wrap;
                                align-items: center;
			}
			#principal_nav li a {
				padding: 0px 10px 0px 10px;
			}

.main  {
	width:60%;
margin-left:20%;
margin-right:20%;

}
				
			aside {
				padding: 0px;
           flex: 1 1 31%;
            /* flex: 0 0 300px; */
             background:none;
			}
			aside .widget {
				padding: 4%;
			width: 100%;
             flex-grow: 1;
}
#myBtn {
  right: 5%;
  padding: 15px;
}
}
@media only screen and (min-width: 1800px) { /*Cambios al agrandar la pantalla */

}