.contenedor {
	/*width: 95%;
	max-width:1000px;*/
	margin:auto;
}

.contenedor p {
	margin-bottom:40px;
}

header nav {
	background:#E80000 none repeat scroll 0 0;
	border-bottom:4px solid #FFF;
}

header nav ul {
	list-style: none;
	overflow: hidden;	
}

header nav ul li {
	float: left;  /*Poner todos en Linea*/ 
}

header nav ul li a {
	
	display: block;
	padding:9px 24px;
	color:#fff;
	text-decoration: none;

background: #E80000 none repeat scroll 0 0;
	
-webkit-transition: all .2s  ease;
-moz-transition: all .2s     ease;
-ms-transition: all .2s     ease;
-o-transition: all .2    ease;
transition: all .2s     ease; 	


/* USO DE FUENTES 
	font-family: 'cordiaUPC';
    font-size: 23px;

*/
	font-family: Calibri, Helvetica;
    font-size: 15px;

}
	header nav ul li a:hover {  
		font-family: Helvetica, Calibri; font-size:14px; font-style: italic; text-decoration: underline; 
	}


/*  SCROLL */
::-webkit-scrollbar {
  width: 5px;
}

/* Track */
::-webkit-scrollbar-track {		
  box-shadow: inset 0 0 5px grey;
  border-radius: 8px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #00ccff;
  border-radius: 8px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #0FF; 
  box-shadow: 1px 1px 5px #00ccff;
}

::-webkit-scrollbar-thumb:active {
    cursor: grabbing;
}


header nav ul li a:hover {
	background:#FFF; color:#777;
}

/*background: red; padding: 12px 8px 0px 8px*/


/* --- Clase que agregaremos cuando el usuario haga scroll --- 
.menu-fixed {
	position:fixed;
	z-index:1000;
	top:0;
	max-width:1000px;
	width:100%;
	box-shadow:0px 4px 3px rgba(0,0,0,.5);
}   
*/

.menu{
	padding-bottom: 4px;
	top:0;
	/*max-width:1000px;*/
	left:0;
	width:100%;
	box-shadow:10px 8px 8px rgba(0,0,0,.4);  /* 0px 4px 3px rgba(0,0,0,.5); */	
	
	font-family: Helvetica, Calibri, sans-serif !important;
	
}

.menu-fixed {
	position:fixed;
	z-index:1000;
	top:0;
	/*max-width:1000px;*/
	left:0;
	width:100%;			

	font-family: Calibri, Helvetica, Sans-serif !important;
}

.menu-linea{ padding-left: 29.2em; /*Texto Centro*/	}


#toTop {
    background: rgba(0, 0, 0, 0) url(../res/flechaSubir.png) no-repeat scroll 0 0;
    border: medium none;
    bottom: 20px;
    height: 32px;
    overflow: hidden;
    position: fixed;
    right: 1%;
    text-decoration: none;
    text-indent: 100%;
    width: 32px;
    z-index: 999;
}	


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


.menu{	padding-left: 0; /*Texto Izquierda*/		}

	.m1{  width: 100%; }
	.m2{  width: 80%;  }
	.m3{  width: 40%;  }

.menu-fixed {
	padding-left: 29.2em; /*Centrar Texto */	
	/*padding-left: 14em;  Centrar Texto */	
}
	.m1-fixed {  width: auto;  }
	.m2-fixed {  width: auto;  }
	.m3-fixed {  width: auto;  }

}

@media only screen and (min-width: 990px) and (max-width: 1199px) { 
	.menu {	padding-left: 10%;  }
}

@media only screen and (min-width: 770px) and (max-width: 990px) { 
	.menu {	padding-left: 15%; }	
}

@media only screen and (min-width: 970px) and (max-width: 991px) { 
.menu{
	padding-left: 0em;
}
	.m1{  width: 100%; }
	.m2{  width: 80%;  }
	.m3{  width: 40%;  }

.menu-fixed {
	padding-left: 8em;  /*Centrar Texto */	
}
	.m1-fixed {  width: auto; }
	.m2-fixed {  width: auto;  }
	.m3-fixed {  width: auto;  }
	
}

@media only screen and (min-width: 700px) and (max-width: 767px) { 
.menu{
	padding-left: 0em;
}
	.m1{  width: 100%; }
	.m2{  width: 78%;  }
	.m3{  width: 40%;  }

.menu-fixed {
	padding-left: 4em;  /*Centrar Texto */	
}
	.m1-fixed {  width: auto; }
	.m2-fixed {  width: auto;  }
	.m3-fixed {  width: auto;  }

}

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

header nav ul li a {
    font-size: 13px;
    padding: 9px 3px;
    transition: all 0.5s ease 0s;
}


.flex-caption {
	font-size: 12px;
    top: -28px;
}

}

@media only screen and (min-width: 390px) and (max-width: 520px) {

header nav ul li a {
    padding: 9px 8px;
    transition: all 0.5s ease 0s;
}

}