/* General styles for all menus */
@font-face {
    font-family: 'GothamLight';
    src: url('../js/fonts/gotham-light-webfont.eot');
    src: url('../js/fonts/gotham-light-webfont.eot?#iefix') format('embedded-opentype'),
url('../js/fonts/gotham-light-webfont.woff') format('woff'),
url('../js/fonts/gotham-light-webfont.ttf') format('truetype'),
url('../js/fonts/gotham-light-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'mygotam-webfont';
    src: url('../js/fonts/gotam-book/mygotam-webfont.eot');
    src: url('../js/fonts/gotam-book/mygotam-webfont.eot?#iefix') format('embedded-opentype'),
url('../js/fonts/gotam-book/mygotam-webfont.woff') format('woff'),
url('../js/fonts/gotam-book/mygotam-webfont.ttf') format('truetype'),
url('../js/fonts/gotam-book/mygotam-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'mygotam-webfont';
    src: url('../js/fonts/mygotam-webfont.eot');
    src: url('../js/fonts/mygotam-webfont.eot?#iefix') format('embedded-opentype'),
url('../js/fonts/mygotam-webfont.woff') format('woff'),
url('../js/fonts/mygotam-webfont.ttf') format('truetype');       
    font-weight: normal;
    font-style: normal;
}
html,body{
      margin:0;
      padding:0;
      height:100%;
      border:none	  
   }
p{
  font-family: 'GothamLight', Arial, sans-serif;
  font-weight:300; font-size:16px;
  color:#666;
}
a img {
	border:none;
	}
a {
	text-decoration:none;
	color:#0C80A6;
	font-family: 'GothamLight', Arial, sans-serif;
}	
#topbar{
	width:100%; height:100px;
	z-index:200;
	top:0;
	position:fixed;
    background:rgba(255,255,255,.25);	
   }
#logo{
	width:308px; height:90px;
	margin-top:20px;
	margin-left:50px;
	z-index:2000;
	position:absolute;
   }
.logowrapper {
	width: 20%; /* Or whatever width you want */ min-width:200px; max-width:300px;
	margin-top: 10px;
	margin-left: 20px;
	z-index: 2000;
	position:fixed;
}
.logowrapper img {
  max-width: 100%;
  height: auto;
  width: auto; /* For IE8 */
}   
#boton-menu{
	width:30px;
	margin-top:40px;
	right:10px;
	float:right;
	z-index:2000;
	position:fixed;
	font-size: 22px;
	font-weight: 400;
	font-family: 'GothamLight', sans-serif;
	cursor:pointer;	
   }
#container{
	width:100%; height:100%; min-height:700px; min-width:1040px;
	background-size:cover; background-position:left;	
   }
#container2{
	width:80%; min-height:400px; min-width:1040px;
	padding-top:20px; position:relative; text-align:center; margin-left:auto; margin-right:auto;
	background:rgba(255,255,255,.75);
   }   
#spacer-head{
	width:100%; height:100px; margin-top:0;
	background:#FFF;
	display:block;
   }
#banner{
	width:100%; min-height:220px;
	background:rgba(12,128,166,.75);
	display:block;
	clear:both;
   }
#spacer-cont{
	width:100%; min-height:250px; margin-top:0;
	background:#FFF;
	display:block;
	-moz-box-shadow: 1px 2px 3px rgba(0,0,0,.3);
	-webkit-box-shadow: 1px 2px 3px rgba(0,0,0,.3);
	box-shadow: 1px 2px 3px rgba(0,0,0,.3);
   }   
#banner-cont{
	width:700px; height:200px; padding-top:50px; margin-left:auto; margin-right:auto; text-align:center; position:relative;
   }
#cover-cont{
	width:100%; height:120px; top:30%; margin-left:auto; margin-right:auto; text-align:center; position:relative;	
   }
#scroll-dwn{
	height:64px; bottom:180px; margin-left:auto; margin-right:auto; position:absolute;
	white-space: nowrap;
    text-align: center;
    width: 100%;
   }   
#content{	
	position: relative;
	top: 20%;
	height: 30%; min-width:880px; max-width:980px; width:60%;
	margin-left:auto; margin-right:auto;
	text-align:center;	
   }
#cont-int{	
	height: 105px; width:800px;
	padding-top:5%;
	margin-left:auto; margin-right:auto;
	text-align:center;	
   }
#col1{
	float:left;
	width:400px;
	text-align:justify;
	margin-top:50px;
	padding-right:20px;
   }
#col2{
	float:left;
	width:300px;
	background:rgba(255,255,255,.45);
	text-align:justify;
	margin-top:20px;
	margin-left:20px;
	padding:20px;
	-moz-border-radius: 5px;
	border-radius: 5px;
   }
#expertos{
	width:auto; height:143px;
	margin-left:auto; margin-right:auto;
   }
#experto{	
	width:250px;
	margin:0.8em;
	display:inline-block; vertical-align:middle; text-align:center;
   }
.experto-link{	
	font-weight:300; font-size:.9em;
	font-family: 'GothamLight', sans-serif;
	color:#0C80A6;    
	display:inline-block;
	text-decoration:none;
   }      
#experto-circle{	
	width:100px; height:100px;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border:solid 3px #0C80A6;
	overflow:hidden;
	display:inline-block; vertical-align:middle;
   }         
#sub-mod{
	width:auto; height:143px;
	margin-left:auto; margin-right:auto; 
   }
#btn-mod{
	width:116px; height:116px; margin:0.8em; display:inline-block; vertical-align:middle; 
	background:rgba(12,128,166,.45);
	-moz-border-radius: 15%;
	border-radius: 15%;	
	-o-transition:box-shadow 200ms ease-in-out;
    -moz-transition:box-shadow 200ms ease-in-out;
    -webkit-transition:box-shadow 200ms ease-in-out;
    transition:box-shadow 200ms ease-in-out;
   }
#btn-mod:hover{
	box-shadow:80px 80px 50px 30px #0C80A6 inset;
	cursor:pointer;   
	}	
.opc-sub{	
	font-weight:300; font-size:.8em;
	font-family: 'GothamLight', sans-serif;
	color:#FFF;
    padding-top: 39%; margin:5px;
	display:inline-block;
	text-decoration:none;
   }
.opc-sub2{	
	font-weight:300; font-size:.8em;
	font-family: 'GothamLight', sans-serif;
	color:#FFF;
    padding-top: 34%; margin:5px;
	display:inline-block;
	text-decoration:none;
   }
.opc-sub3{	
	font-weight:300; font-size:.8em;
	font-family: 'GothamLight', sans-serif;
	color:#FFF;
    padding-top: 25%; margin:5px;
	display:inline-block;
	text-decoration:none;
   }
.opc-sub4{	
	font-weight:300; font-size:.8em;
	font-family: 'GothamLight', sans-serif;
	color:#FFF;
    padding-top: 10%; margin:5px;
	display:inline-block;
	text-decoration:none;
   }            
#botmenu{
	width:100%; height:80px;
	bottom:0px;
	position:fixed;
	background:#333;
	-moz-box-shadow:    inset 1px 4px 20px -6px; black;
   -webkit-box-shadow: inset 1px 4px 20px -6px; black;
   box-shadow:         inset 1px 4px 20px -6px; black;
   	background:rgba(0,0,0,.55);
   }
#menu {
	width:720px;
	height:80px;
	text-align:center;
	display:block;
	margin-left:auto; margin-right:auto;
}
#menu ul{margin:0px;padding:0;list-style-type:none;width:auto;}
#menu ul li{display:block;float:left; font-weight:300; font-size:.9em;
	font-family: 'GothamLight', sans-serif;}
#menu li a{display:block; color:#FFF; text-decoration:none; padding-top:25px; height:80px; width:120px;}	
#menu li a:hover{display:block; background:rgba(0,0,0,.55);}
#menu li a.current{ border-top:6px solid #FFF; padding-top:19px;}	
h1 {
	margin: 0;
	padding: 0;
	font-size: 3.8em;
	font-weight: 300;
	font-family: 'mygotam-webfont', sans-serif;
	color:#0C80A6;
}
h2 {
	margin: 0;
	padding: 0;
	font-size: 2.2em;
	font-weight: 300;
	font-family: 'GothamLight', sans-serif;
	color:#0C80A6;
	text-transform:uppercase;
}
h3 {
	margin: 0;
	padding: 0;
	font-size: 1.5em;
	font-weight: 300;
	font-family: 'GothamLight', sans-serif;
	color:#0C80A6;
}
.bco{	
	color:#FFF;	
}
.azl{	
	color:#0C80A6;	
}
.tit{	
	font-family: 'GothamLight', Arial, sans-serif;
	font-size: 1.2em;
	font-weight: 300;	
	}
.txt-chico{	
	font-family: 'GothamLight', Arial, sans-serif;
	font-weight:300; font-size:.8em;
	
	}
.txt-xchico{	
	font-family: 'GothamLight', Arial, sans-serif;
	font-weight:300; font-size:.6em;
	color:#999;
	}
#slide {
	width:680px;
	padding-top:250px;
	height:40px;
	text-align:center;
	display:block;
	margin-left:2%;
}

/* SLIDER FULL WIDTH */
.cbp-fwslider {
    position: relative;	
    top: 0px;
    overflow: hidden;
    padding: 0px 0 0px;
	width:100%; height:100vh;
	min-width:980px;
	margin-left:auto; margin-right:auto;
	display:block;

}
 
.cbp-fwslider ul {
    margin-top: 0px;
    padding: 0;
    white-space: nowrap;
    list-style-type: none;
}
 
.cbp-fwslider ul li {
    transform: translateZ(0);
    float: left;
    display: block;
    margin: 0;
    padding: 0;
	height:100vh;
	overflow:hidden;
}
 
.cbp-fwslider ul li > a,
.cbp-fwslider ul li > div {
    display: block;
    text-align: center;
    outline: none;
}
 
.cbp-fwslider ul li > a img {
    border: none;
    display: block;
    margin: 0 auto;
    max-width: 80%;	
}
 
.cbp-fwslider nav span {
    position: absolute;
    top: 50%;
    width: 50px;
    height: 77px;
    background: #000;
    color: #fff;
    font-size: 50px;
    text-align: center;
    margin-top: -50px;
    line-height: 100px;
    cursor: pointer;
    font-weight: normal;
	text-indent:-9999px;
}
 
.cbp-fwslider nav span:hover {
    background: #378fc3;
	opacity: 1;
}
 
.cbp-fwslider nav span.cbp-fwnext {
    right: 0px;
	background:url(../imgs/der.png);
}
 
.cbp-fwslider nav span.cbp-fwprev {
    left: 0px;
	background:url(../imgs/izq.png);
}
 
.cbp-fwdots {
    position: absolute;
    bottom: 100px;
    white-space: nowrap;
    text-align: center;
    width: 100%;
}
 
.cbp-fwdots span {
	display: inline-block;
	width: 12px;
	height: 12px;
	border: solid 2px #0C80A6;
	margin: 4px;
	border-radius:50%;
	cursor: pointer;
	opacity:.5;
}
 
.cbp-fwdots span:hover {
	opacity:1;
}
 
.cbp-fwdots span.cbp-fwcurrent {
  background: #0C80A6;
	box-shadow: 0 0 0 1px #0C80A6;
	-webkit-transition: box-shadow 0.2s ease-in-out;
	-moz-transition: box-shadow 0.2s ease-in-out;
	transition: box-shadow 0.2s ease-in-out;	
	opacity:.8;
}
#cabecera-sub{
	width: 100%;
	text-align:center;
	padding:20px 0px 10px 0px;
	border-bottom:solid 1px #A8C4CF;
}
#info-sub{
	width: 450px;
	float:left; margin:50px 30px 0px 10px;		
}
#info-sub2{
	width: 450px;
	float:left; margin:100px 30px 0px 10px;		
}
#btns-sub{
	width: 300px;
	float:right;
}
#menu-sub {
	margin:30px 10px 0px 20px;
	width: 300px;
	float:left;
}
#menu-sub2 {
	margin:50px 10px 0px 20px;
	width: 300px;
	float:left;
}
#menu-sub3 {
	margin:100px 10px 0px 20px;
	width: 300px;
	float:left;
}

#menu-sub ul{margin:0px;padding:0;list-style-type:none;width:auto;}
#menu-sub ul li{display:block;float:left; font-weight:300; font-size:1em; background:#FFF; margin:10px;
	font-family: 'GothamLight', sans-serif; border:solid 1px #0C80A6; 	-moz-border-radius: 10px; border-radius: 10px; text-align:center; line-height:50px; -moz-box-shadow: 1px 2px 3px rgba(0,0,0,.3);
-webkit-box-shadow: 1px 2px 3px rgba(0,0,0,.3);
box-shadow: 1px 2px 3px rgba(0,0,0,.3);
        
        }
#menu-sub li a{display:block; color:#0C80A6; text-decoration:none; height:50px; width:276px;}	
#menu-sub li a:hover{display:block; background:#A8C4CF; color:#FFF; -moz-border-radius: 8px; border-radius: 8px; }
#menu-sub li a.current{ background:#0C80A6; color:#FFF; -moz-border-radius: 8px; border-radius: 8px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;}

#menu-sub2 ul{margin:0px;padding:0;list-style-type:none;width:auto;}
#menu-sub2 ul li{display:block;float:left; font-weight:300; font-size:1em; background:#FFF; margin:10px;
	font-family: 'GothamLight', sans-serif; border:solid 1px #0C80A6; 	-moz-border-radius: 10px; border-radius: 10px; text-align:center; line-height:50px; -moz-box-shadow: 1px 2px 3px rgba(0,0,0,.3);
-webkit-box-shadow: 1px 2px 3px rgba(0,0,0,.3);
box-shadow: 1px 2px 3px rgba(0,0,0,.3);
        
        }
#menu-sub2 li a{display:block; color:#0C80A6; text-decoration:none; height:50px; width:276px;}	
#menu-sub2 li a:hover{display:block; background:#A8C4CF; color:#FFF; -moz-border-radius: 8px; border-radius: 8px; }
#menu-sub2 li a.current{ background:#0C80A6; color:#FFF; -moz-border-radius: 8px; border-radius: 8px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;}

#menu-sub3 ul{margin:0px;padding:0;list-style-type:none;width:auto;}
#menu-sub3 ul li{display:block;float:left; font-weight:300; font-size:1em; background:#FFF; margin:10px;
	font-family: 'GothamLight', sans-serif; border:solid 1px #0C80A6; 	-moz-border-radius: 10px; border-radius: 10px; text-align:center; line-height:50px; -moz-box-shadow: 1px 2px 3px rgba(0,0,0,.3);
-webkit-box-shadow: 1px 2px 3px rgba(0,0,0,.3);
box-shadow: 1px 2px 3px rgba(0,0,0,.3);        
        }
#menu-sub3 li a{display:block; color:#0C80A6; text-decoration:none; height:50px; width:276px;}	
#menu-sub3 li a:hover{display:block; background:#A8C4CF; color:#FFF; -moz-border-radius: 8px; border-radius: 8px; }
#menu-sub3 li a.current{ background:#0C80A6; color:#FFF; -moz-border-radius: 8px; border-radius: 8px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;}

#btn-azl {	
	width:150px;
	line-height:15px; -webkit-font-smoothing: subpixel-antialiased;
	font-weight:300;
	font-family: 'GothamLight', Segoe UI, Arial, sans-serif;	color:#FFF;
	text-align:center;
	padding-top:15px;	padding-bottom:15px;
	font-size: 20px;
	color:#FFF;
	background:rgba(12,128,166,.45);
	-moz-border-radius: 4px; border-radius: 4px;
	-o-transition:box-shadow 200ms ease-in-out;
    -moz-transition:box-shadow 200ms ease-in-out;
    -webkit-transition:box-shadow 200ms ease-in-out;
    transition:box-shadow 200ms ease-in-out;
}
#btn-azl:hover {	
	box-shadow:10px 10px 50px 20px #0C80A6 inset;
	cursor:pointer;
}
#btn-azl a a:hover {
	color:#FFF;
	text-decoration:none;
}
a.btns{
 color: #FFF;
 text-decoration:none;
}
a.btns:hover{
 text-decoration:none;
 color: #FFF;
}


#btn-ico {	
	width:114px; height:114px;
	text-align:center;
	color:#FFF;
	background:rgba(12,128,166,.45);
	-moz-border-radius: 4px; border-radius: 4px;
	-o-transition:box-shadow 200ms ease-in-out;
    -moz-transition:box-shadow 200ms ease-in-out;
    -webkit-transition:box-shadow 200ms ease-in-out;
    transition:box-shadow 200ms ease-in-out;
}
#btn-ico:hover {	
	box-shadow:10px 10px 50px 20px #0C80A6 inset;
	cursor:pointer;
}
#btn-ico a a:hover {
	color:#FFF;
	text-decoration:none;
}
a.btns{
 color: #FFF;
 text-decoration:none;
}
a.btns:hover{
 text-decoration:none;
 color: #FFF;
}
#wrapper-aviso {
	width:854px; margin-left:auto; margin-right:auto; min-height:600px;
}
#aviso {
	width:854px; min-height:600px;
	background:#DFDFDF;
	display:block; position:absolute;
}
#contenedor-aviso {
	width:640px; float:left; padding-top:40px;
	background:#FFF;
	padding-right:40px; padding-left:40px;
}
#contenedor-aviso p{
	text-align:justify;
}
#membrete {
	width:134px; overflow:hidden; padding-top:40px;
}
#membrete-aviso {
	width:134px; overflow:hidden; position:fixed;
}


/*
 * Color, Border, and Button Rules
 */
.contentslider {
  padding:10px; /* This acts as a border for the content slider */
  /* border:#000 1px solid; */
}
.cs_article {
	padding-left:0px;
	  
}
.cs_leftBtn, .cs_rightBtn {
  width:50px; /* Should be as wide as the button graphic being used */
   /* This will probably match the contentslider bg color */
}


.contentslider {
  position:relative;
  display:block;
  width:800px;
  height:350px;
  margin:0 auto;
  overflow:hidden;
  padding-left:10px;
  padding-right:10px;
  margin-top:0px;
  /* border:#CCC 1px solid; */
}
.contentours {
  position:relative;
  display:block;
  width:900px;
  height:350px;
  margin:0 auto;
  overflow:hidden;
  padding-left:50px;
  margin-top:0;
}
.cs_wrapper {
  position:relative;
  display:block;
  width:100%;
  height:100%;
  margin:0;
  padding:0;
  overflow:hidden;
  text-align:center;
}
.cs_slider {
  position:absolute;
  width:10000px;
  height:100%;
  margin:0;
  padding:0;
}
.cs_article {
  float:left;
  position:relative;
  top:0px;
  left:0;
  display:block;  
  height:350px;
  margin:0 auto;
  padding:0;
}


.cs_leftBtn, .cs_rightBtn {
  position:absolute;
  top:-50px;
  height:50px;  
  padding:0px 0;
  z-index:10000;
}
.cs_leftBtn {
  left:0;
  outline:0;
}
.cs_rightBtn {
  right:0;
  outline:0;
}
.cs_leftBtn img, .cs_rightBtn img {
  border:0;
  position:relative;
  top:0px;
  margin:0;
}
#columnas{
	width:800px; height:300px;
	margin-left:auto; margin-right:auto;	
   }
#col-img{
	float:left;	
	text-align:center;
	margin-top:50px; 
	padding-right:10px; padding-left:10px;
	
   }
#col-num{
	float:left;
	width:40px;
	text-align:center;
	margin-top:60px;
   }
#col-txt{
	float:left;
	width:340px;
	margin-top:60px;
	text-align:justify;
	padding-right:10px; padding-left:10px;
   }
#tarjetas-cont{
	width:810px;
	margin-left:auto; margin-right:auto; 
	color:#FFF;
   }
#btn-tarjetas{
	width:260px; height:90px; margin:5px; float:left; display:table-cell; 
	background:rgba(12,128,166,1);
	color:#FFF;
	text-align:center;
	padding-top:30px;
	padding-bottom:-30px;
   }
#btn-tarjetas:hover{
	cursor:pointer;   color:#FFF;
	}
.tarjeta{	
	font-weight:300; font-size:.9em;
	font-family: 'GothamLight', sans-serif;
	color:#FFF;
    
	
	text-decoration:none;
	text-align:center;
   }	   
#flecha-bounce {
	display: none;
    position: relative;
    display: block;
	margin-left:auto; margin-right:auto;
    top: 10px;
    animation:mymove 1.2s linear;
    -moz-animation:mymove 1.2s linear; /* Firefox */
    -webkit-animation:mymove 1.2s linear; /* Safari and Chrome */
    -o-animation:mymove 1.2s linear; /* Opera */
    -ms-animation:mymove 1.2s linear; /* IE */
}

@keyframes mymove
{
0%   {top:0px;}
10%  {top:3px;}
40%  {top:40px;}
60%  {top:25px;}
80%  {top:35px;}
100% {top:30px;}
}

@-moz-keyframes mymove /* Firefox */
{
0%   {top:0px;}
10%  {top:3px;}
40%  {top:40px;}
60%  {top:25px;}
80%  {top:35px;}
100% {top:30px;}
}

@-webkit-keyframes mymove /* Safari and Chrome */
{
0%   {top:0px;}
10%  {top:3px;}
40%  {top:40px;}
60%  {top:25px;}
80%  {top:35px;}
100% {top:30px;}
}

@-o-keyframes mymove /* Opera */
{
0%   {top:0px;}
10%  {top:3px;}
40%  {top:40px;}
60%  {top:25px;}
80%  {top:35px;}
100% {top:30px;}
}

@-ms-keyframes mymove /* IE */
{
0%   {top:0px;}
10%  {top:3px;}
40%  {top:40px;}
60%  {top:25px;}
80%  {top:35px;}
100% {top:30px;}
}
#advertencia {top:0px; width:100%; height:700px; background:#FFF; z-index:3000;}
#advertencia-inner{margin-top:50px; width:500px; margin-left:auto; margin-right:auto; text-align:center;}