/* FINALIZA animación wowslider */



/* =======================================================
*
* 	MENUCOLORES 900sup
*
* ======================================================= */

.menuPrincipal{
	
z-index:99;	
background-color:white;
height: 80px;
position: fixed;
width: 100%;
bottom: 5%;
padding-top: 20px;
}
	

#colorNav > ul{
	width: 100%; /* Increase when adding more menu items */
	margin:0 auto;
	text-align:center;
}

#colorNav > ul > li{ /* will style only the top level li */
	list-style: none;

	
	line-height: 1;
	margin-right: -7px;display: inline-block;

/*	position:relative;


*/
}

div.menuPrincipal nav#colorNav ul li.red a p, div.menuPrincipal nav#colorNav ul li.green a p, div.menuPrincipal nav#colorNav ul li.blue a p, div.menuPrincipal nav#colorNav ul li.yellow a p, div.menuPrincipal nav#colorNav ul li.purple a p
{
	line-height:1pc;
}

#colorNav > ul > li > a{
	color:inherit;
	text-decoration:none !important;
	font-size:16px;

	font-family: Helvetica, sans-serif !important;


	line-height: 2;
}

#colorNav li ul{
	position:absolute;
	list-style:none;
	text-align:center;
	width:180px;
	left:50%;
	margin-left:-90px;
	top:70px;

	
	/* This is important for the show/hide CSS animation */
	max-height:0px;
	overflow:hidden;
	
	-webkit-transition:max-height 0.4s linear;
	-moz-transition:max-height 0.4s linear;
	transition:max-height 0.4s linear;
}

#colorNav li ul li{
	background-color:#313131;
}

#colorNav li ul li a{
	padding:12px;
	color:#fff !important;
	text-decoration: line-through !important;
	display:block;
}

#colorNav li ul li:nth-child(odd){ /* zebra stripes */
	background-color:#363636;
}

#colorNav li ul li:hover{
	background-color:#444;
}

#colorNav li ul li:first-child{
	border-radius:3px 3px 0 0;
	margin-top:25px;
	position:relative;
}


#colorNav li ul li:last-child{
	border-bottom-left-radius:3px;
	border-bottom-right-radius:3px;
}

/* This will trigger the CSS */
/* transition animation on hover */

#colorNav li:hover ul{
	max-height:200px; /* Increase when adding more dropdown items */
}


/*----------------------------
	Color Themes
-----------------------------*/


#colorNav li.green{		background-color:white;color:#c93a3a;border-bottom: 3pt solid #c93a3a; font-family:Helvetica, sans-serif;  margin-right:40px;


 WIDTH: 150px;
    text-align: left;
	height: 46px;


}

nav#colorNav ul li.green.active
{		background-color:#c93a3a!important;
color:white;
border-bottom: 3pt solid white;

height:100px;
padding-top: 10px;
    text-align: center;


}

#colorNav li.red{		background-color:white;color:#5f7bbe;border-bottom: 3pt solid #5f7bbe; font-family:Helvetica, sans-serif; margin-right:40px;
 WIDTH: 150px;
    text-align: left;
	height: 46px;
}
#colorNav li.blue{		background-color:white;color:#d99307;border-bottom: 3pt solid #d99307; font-family:Helvetica, sans-serif; margin-right:40px;
 WIDTH: 150px;
    text-align: left;
	height: 46px;
}
#colorNav li.yellow{	background-color:white;color:#76a66b;border-bottom: 3pt solid #76a66b; font-family:Helvetica, sans-serif;margin-right:40px;
 WIDTH: 150px;
    text-align: left;
	height: 46px;
}
#colorNav li.purple{	background-color:white;color:#2f5ac0;border-bottom: 3pt solid #2f5ac0; font-family:Helvetica, sans-serif;
 WIDTH: 150px;
    text-align: left;
	 height: 46px;}








}
	



@media (min-width: 480px) and (max-width: 980px) {
}



@media (min-width: 320px) and (max-width: 480px) {
.menuPrincipal{
	


height: 80px;

width: 100%;
bottom: 0%;
padding-top: 0px;

display: inline-table;
}


}

@media (min-width: 0px) and (max-width: 320px)
{
	

/* INICIA animación wowslider */


#gtco-hero {
  min-height: 0px;

}
#gtco-hero .btn {
  font-size: 14px;
}
#gtco-hero .btn.btn-primary {
  padding: 14px 30px !important;
}
#gtco-hero .flexslider {
  border: none;
  z-index: 1;
  margin-bottom: 0;
}
#gtco-hero .flexslider .slides {
  position: relative;
  overflow: hidden;
}
#gtco-hero .flexslider .slides li {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  min-height: 300px;
  position: relative;
}
#gtco-hero .flexslider .slides li .overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.4);
}
#gtco-hero .flexslider .flex-control-nav {
  bottom: 40px;
  z-index: 1000;
}
#gtco-hero .flexslider .flex-control-nav li a {
  background: rgba(255, 255, 255, 0.2);
  box-shadow: none;
  width: 12px;
  height: 12px;
  cursor: pointer;
}
#gtco-hero .flexslider .flex-control-nav li a.flex-active {
  cursor: pointer;
  background: rgba(255, 255, 255, 0.7);
}
#gtco-hero .flexslider .flex-direction-nav {
  display: block;
}
#gtco-hero .flexslider .flex-direction-nav a {
  position: absolute;
  cursor: pointer;
  width: 45px;
  height: 45px;
}
#gtco-hero .flexslider .flex-direction-nav a:before {
  left: 0;
  top: 0;
  color: #fff !important;
  text-shadow: none !important;
  font-size: 40px;
  position: relative;
  z-index: 10;
}
#gtco-hero .flexslider .flex-direction-nav a.flex-prev {
  opacity: 1 !important;
  left: 40px !important;
}
#gtco-hero .flexslider .flex-direction-nav a.flex-prev:before {
  text-indent: 0px !important;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e929";
}
#gtco-hero .flexslider .flex-direction-nav a.flex-next {
  right: 40px !important;
  opacity: 1 !important;
}
#gtco-hero .flexslider .flex-direction-nav a.flex-next:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-indent: 0px !important;
  right: 0;
  content: "\e92a";
}
#gtco-hero .flexslider .slider-text {
  display: table;
  opacity: 0;
  min-height: 700px;
}
#gtco-hero .flexslider .slider-text > .slider-text-inner {
  display: table-cell;
  vertical-align: middle;
  min-height: 700px;
}
#gtco-hero .flexslider .slider-text > .slider-text-inner h2 {
  font-size: 60px;
  font-weight: 300;
  color: #fff;
}

	
	
#wowslider-container1 .ws-title{
	position: absolute;
	bottom:6%;
	left: 0;
	margin-right:0.5em;
	z-index: 50;
    color: white;
	font-family: Helvetica,Arial;
	font-size:8px;

	
}
#wowslider-container1 .ws-title div,#wowslider-container1 .ws-title span{
	width:200px !important;
	display:inline-block;
	background: linear-gradient( 90deg, #036, transparent ); 
    opacity: 0.7;    
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
}
#wowslider-container1 .ws-title div{
	display:block;
	font-size: 11px;
	padding: 0 0.8em 0.8em 0.8em;
	
}
#wowslider-container1 .ws-title{
	position: absolute;
	bottom:10%;
	left: 0;
	margin-right:0.5em;
	z-index: 50;
    color: white;
	font-family: Helvetica,Arial;
	font-size:8px;
}

#wowslider-container1 .ws-title div,#wowslider-container1 .ws-title span{
	width:200px !important;
	display:inline-block;

	background: linear-gradient( 90deg, #036, transparent ); 
    opacity: 0.7;    
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
}
#wowslider-container1 .ws-title div{
	display:block;
	font-size: 12px;
	padding: 0 0.8em 0.8em 0.8em;
	
}
#wowslider-container1 .ws-title span{
	font-size: 12px;
	padding: 0.5em 0.5em 0 0.5em;
}#wowslider-container1 .ws_images > ul{
	animation: wsBasic 42.6s infinite;
	-moz-animation: wsBasic 42.6s infinite;
	-webkit-animation: wsBasic 42.6s infinite;
}
@keyframes wsBasic{0%{left:-0%} 25.35%{left:-0%} 50%{left:-100%} 75.35%{left:-100%} }
@-moz-keyframes wsBasic{0%{left:-0%} 25.35%{left:-0%} 50%{left:-100%} 75.35%{left:-100%} }
@-webkit-keyframes wsBasic{0%{left:-0%} 25.35%{left:-0%} 50%{left:-100%} 75.35%{left:-100%} }

#wowslider-container1 .ws_bullets  a img{
	text-indent:0;
	display:block;
	bottom:18px;
	left:-36px;
	visibility:hidden;
	position:absolute;
    border: 1px solid #FFFFFF;
	max-width:none;
}
#wowslider-container1 .ws_bullets a:hover img{
	visibility:visible;
}

#wowslider-container1 .ws_bulframe div div{
	height:48px;
	overflow:visible;
	position:relative;
}
#wowslider-container1 .ws_bulframe div {
	left:0;
	overflow:hidden;
	position:relative;
	width:72px;
	background-color:#FFFFFF;
}
#wowslider-container1  .ws_bullets .ws_bulframe{
	display:none;
	bottom:20px;
	overflow:visible;
	position:absolute;
	cursor:pointer;
    border: 1px solid #FFFFFF;
}
#wowslider-container1 .ws_bulframe span{
	display:block;
	position:absolute;
	bottom:-7px;
	margin-left:3px;
	left:36px;
	background:url("../../../SiteCollectionDocuments/css/triangle.png");
	width:15px;
	height:6px;
}
	

/*FINALIZA ANIMACIÓN PRINCIPAL*/



/* =======================================================
*
* 	MENU COLORES 320 320 320
*
* ======================================================= */

.menuPrincipal{
	

background-color:red;
height: 80px;

width: 100%;
bottom: 0%;
padding-top: 0px;
top:0px;
}

#colorNav > ul{
	width: 100%; /* Increase when adding more menu items */
	margin:0 auto;
	text-align:center;
}

#colorNav > ul > li{ /* will style only the top level li */
	list-style: none;

	
	line-height: 1;
	margin-right: 0px;
	display: block;

/*	position:relative;


*/
}

div.menuPrincipal nav#colorNav ul li.red a p, div.menuPrincipal nav#colorNav ul li.green a p, div.menuPrincipal nav#colorNav ul li.blue a p, div.menuPrincipal nav#colorNav ul li.yellow a p, div.menuPrincipal nav#colorNav ul li.purple a p
{
	line-height:1pc;
}

#colorNav > ul > li > a{
	color:inherit;
	text-decoration:none !important;
	font-size:11px;

	font-family: Helvetica, sans-serif !important;


	line-height: 1;
}

#colorNav li ul{
	position:relative;
	list-style:none;
	text-align:left;
	width:100%;
	left:0%;
	margin-left:0px;
	top:40px;

	
	/* This is important for the show/hide CSS animation */
	max-height:0px;
	overflow:hidden;
	
	-webkit-transition:max-height 0.4s linear;
	-moz-transition:max-height 0.4s linear;
	transition:max-height 0.4s linear;
}

#colorNav li ul li{
	background-color:#313131;
}

#colorNav li ul li a{
	
	color:#fff !important;
	text-decoration: line-through !important;
	display:block;
}

#colorNav li ul li:nth-child(odd){ /* zebra stripes */
	background-color:#363636;
}

#colorNav li ul li:hover{
	background-color:#444;
}

#colorNav li ul li:first-child{
	border-radius:3px 3px 0 0;
	margin-top:25px;
	position:relative;
}


#colorNav li ul li:last-child{
	border-bottom-left-radius:3px;
	border-bottom-right-radius:3px;
}

/* This will trigger the CSS */
/* transition animation on hover */

#colorNav li:hover ul{
	max-height:80px; /* Increase when adding more dropdown items */
}


/*----------------------------
	Color Themes
-----------------------------*/


#colorNav li.green{		

background-color:white;color:#c93a3a;border-bottom: 3pt solid #c93a3a; font-family:Helvetica, sans-serif;  margin-right:0px;

margin-left: -40px;
 WIDTH: 320px;
    text-align: center;
	height: 46px;
	padding-top:5px;

}

nav#colorNav ul li.green.active
{		background-color:#c93a3a!important;
color:white;
border-bottom: 3pt solid white;

margin-left: -40px;
WIDTH: 320px !important;
padding-top: 10px;
    text-align: center;
padding-top:5px;

}

#colorNav li.red{		background-color:white;color:#5f7bbe;border-bottom: 3pt solid #5f7bbe; font-family:Helvetica, sans-serif; margin-right:0px;
margin-left: -40px;
WIDTH: 320px !important;
	height: 46px;
	    text-align: center;
		padding-top:5px;
}
#colorNav li.blue{		background-color:white;color:#d99307;border-bottom: 3pt solid #d99307; font-family:Helvetica, sans-serif; margin-right:40px;
margin-left: -40px;
WIDTH: 320px !important;
	height: 46px;
	    text-align: center;
		padding-top:5px;
}
#colorNav li.yellow{	background-color:white;color:#76a66b;border-bottom: 3pt solid #76a66b; font-family:Helvetica, sans-serif;margin-right:0px;
margin-left: -40px;
WIDTH: 320px !important;
	height: 46px;
	padding-top:5px;
	    text-align: center;
}
#colorNav li.purple{	background-color:white;color:#2f5ac0;border-bottom: 3pt solid #2f5ac0; font-family:Helvetica, sans-serif;
margin-left: -40px;
    text-align: center;
WIDTH: 320px !important;
padding-top:5px;
	 height: 46px;}





/* =======================================================
*
* 	MENU
*
* ======================================================= */

/* =======================================================
*
* 	secciones 320
*
* ======================================================= */

.l-section {
    position: absolute;
    width: auto;
    height: auto;
}
	
}