/* 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;
}
p{
  font-family: 'GothamLight', Arial, sans-serif;
  font-weight:300; font-size:16px;
  color:#666;
}
a {
	text-decoration:none;
	color:#0C80A6;
	font-family: 'GothamLight', Arial, sans-serif;
}	
.experto-link{	
	font-weight:300; font-size:.9em;
	font-family: 'GothamLight', sans-serif;
	color:#0C80A6;    
	display:inline-block;
	text-decoration:none;
   }      
#experto-circle{	
	width:80px; height:80px;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border:solid 3px #0C80A6;
	overflow:hidden;
	display:inline-block; vertical-align:middle;
   }         

.opc-sub{	
	font-weight:300; font-size:.9em;
	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:.9em;
	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:.9em;
	font-family: 'GothamLight', sans-serif;
	color:#FFF;
    padding-top: 25%; margin:5px;
	display:inline-block;
	text-decoration:none;
   }         

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.8em;
	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;
	}
#boletin ul{margin:0px; padding:0; list-style-type:none; width:auto; text-align:center;}
#boletin ul li{display:block; font-weight:300; font-size:.9em;
	font-family: 'GothamLight', sans-serif; color:#999;}
#boletin li a{font-size:.9em;}	
#boletin li a:hover{ text-decoration:underline;}