@charset "utf-8";
/* CSS Document */

html, body {
  padding: 0;
  margin: 0;
  height: 100%;
  width:100%;
}
#landing {
	position:absolute;
	width: 400px;
	height: 540px;
	top:50%;
	margin-top:-270px;
	left:50%;
	margin-left:-200px;
	z-index:2;
	background: #fff200;
}
#menu {
	position:fixed;
	width: 300px;
	height: 100%;
	top:0;
	left:0;
	z-index:2;
	background:url(images/bgmenu.png);
}
#logo {
 	width: 300px;
  	height: 220px;
  	top:0;
  	left: 0;
	position: fixed;
}
#nav {
	position: fixed;
	width:300px;
	top:220px;
}
#footer {
 	width: 300px;
  	height: 40px;
  	bottom:0;
  	left: 0;
	position: fixed;
	padding-left:40px;
	padding-right:40px;
}
#content {
	position:absolute;
	width:650px;
	height:100%;
	top:0;
	z-index:3;
	left:300px;
}
#bg {
	z-index: 1;
	min-height: 100%;
	min-width: 950px;
	width: 100%;
	height: auto;
	position: fixed;
	top: 0;
	left: 0;
}
#amarillo {
	background:#fff200 url(images/lion.png) top right no-repeat;
	position:fixed;
	width:650px;
	height:100%;
	top:0;
	z-index:2;
	left:300px;
}
#negro{
	background:#000;
	position:fixed;
	width:650px;
	height:100%;
	top:0;
	z-index:2;
	left:300px;
}
#blanco {
	background:#FFF;
	position:fixed;
	width:650px;
	height:100%;
	top:0;
	z-index:2;
	left:300px;
}

/*/////////////////////////////////////////////*/

.titulo_home {
	font-family: 'Abel', sans-serif;
	font-size:20px;
	color:#fff200;
	padding-left:50px;
	padding-right:25px;
	padding-top:4px;
	padding-bottom:3px;
	background:#000;
}

.titulo_internas {
	font-family: 'Abel', sans-serif;
	font-size:24px;
	line-height:24px;
	color:#000;
	text-decoration:none;
}

.titulo_amarillo {
	font-family: 'Abel', sans-serif;
	font-size:24px;
	line-height:24px;
	color:#fff200;
	text-decoration:none;
}

.titulo_internas_light {
	font-family: 'Abel', sans-serif;
	font-size:24px;
	line-height:24px;
	color:#FC0;
}

.subtitulos {
	font-family: 'Abel', sans-serif;
	font-size:15px;
	color:#000;
	text-transform:uppercase;
	text-decoration:none;
}

.texto_negro {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	line-height:17px;
	text-decoration:none;
}

.menu_selected {
	display:block;
	font-family: 'Abel', sans-serif;
	font-size: 20px;
	line-height:24px;
	color:#000;
	text-decoration:none;
	text-transform:uppercase;
	padding-left:40px;
	margin-right:40px;
	background:#fff200;
}	

/*/////////////////////////////////////////////*/

.menu_home {
	font-family: 'Abel', sans-serif;
	font-size: 20px;
	line-height:24px;
	color:#000;
	text-decoration:none;
	text-transform:uppercase;
	padding-left:50px;
	padding-right:25px;
}	
.menu_home:hover {
	background:#000;
	color:#fff200;
}

.menu_internas {
	display:block;
	font-family: 'Abel', sans-serif;
	font-size: 20px;
	line-height:24px;
	color:#FFF;
	text-decoration:none;
	text-transform:uppercase;
	padding-left:40px;
	margin-right:40px;
}	
.menu_internas:hover {
	background:#FFF;
	color:#000;
}

.submenu {
	display:block;
	font-family: 'Abel', sans-serif;
	font-size: 14px;
	line-height:35px;
	color:#FFF;
	text-decoration:none;
	margin-left:40px;
	margin-right:40px;
	text-transform:uppercase;
}	
.submenu:hover {
	color:#fff200;
}

.link_negro{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	text-decoration: underline;
	line-height:17px;
}
.link_negro:hover{
	color:#666;
}

.link_amarillo {
	font-family: 'Abel', sans-serif;
	font-size:15px;
	color:#fff200;
	text-decoration:none;
}
.link_amarillo:hover {
	color:#fff;
}

.credito {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	cursor:pointer;
	display:inline-block;
	color:#FFF;
	text-decoration:none;
	outline:none;
   	vertical-align: middle;
	filter: alpha(opacity=50);    
	opacity: .5;
	margin-top:5px;
}
.credito:hover {
	color:#fff200;
}

.icons {
	cursor:pointer;
	display:inline-block;
	height:40px;
	width:40px;
	color:transparent;
	text-decoration:none;
	outline:none;
}
.home {
	background:url(images/home.png) top left no-repeat;
	background-size:40px 40px;
}
.home:hover {
	opacity:.5;
}

.fb {
	background:url(images/fb.png) top left no-repeat;
	background-size:40px 40px;
}
.fb:hover {
	opacity:.5;
}

.bt_s {
	cursor:pointer;
	display:block;
	height:80px;
	width:230px;
	padding-left:420px;
	color:transparent;
	text-decoration:none;
	outline:none;
	padding-top:20px;
	margin-bottom:8px;
}	
.s1 {
	background:url(images/s1.jpg) top left no-repeat;
}
.s1:hover {
	background:#fff200 url(images/s1.jpg) top left no-repeat;
}
.s2 {
	background:url(images/s2.jpg) top left no-repeat;
}
.s2:hover {
	background:#fff200 url(images/s2.jpg) top left no-repeat;
}
.s3 {
	background:url(images/s3.jpg) top left no-repeat;
}
.s3:hover {
	background:#fff200 url(images/s3.jpg) top left no-repeat;
}
.s4 {
	background:url(images/s4.jpg) top left no-repeat;
}
.s4:hover {
	background:#fff200 url(images/s4.jpg) top left no-repeat;
}
.s5 {
	background:url(images/s5.jpg) top left no-repeat;
}
.s5:hover {
	background:#fff200 url(images/s5.jpg) top left no-repeat;
}


.bio {
	cursor:pointer;
	display:inline-block;
	color:#000;
	text-decoration:none;
	outline:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:5px;
	background:#FFF;
}

.bio:hover {
	color:#FFF;
	background:#000;
}

.facebook {
	cursor:pointer;
	display:inline-block;
	color:#000;
	text-decoration:none;
	outline:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:5px;
	border:solid 1px #000;
	margin-left:10px;
}
.language {
	cursor:pointer;
	display:inline-block;
	color:#000;
	text-decoration:none;
	outline:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:5px;
	border:solid 1px #000;
	margin-left:50px;
}
.language:hover, .facebook:hover {
	color:#fff200;
	border:solid 1px #000;
	background:#000;
}
/*/////////////////////////////////////////////*/

.form_field {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	height: 30px;
	width: 240px;
	background:#FFF;
	border:none;
	outline:none;

}

.form_area {
	resize:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	line-height: 17px;
	height: 150px;
	width: 240px;
	overflow:hidden;
	background:#FFF;
	border:none;
	outline:none;
		
}
.boton {
	border: none;
	width:30px;
	height:30px;
	cursor:pointer;
	background:url(images/bt.jpg)  no-repeat;
}
.boton:hover {
	background:url(images/btr.jpg)  no-repeat;
}


/* Popup */

#colorbox, #cboxOverlay, #cboxWrapper{
	position:absolute; 
	top:0; left:0; 
	z-index:9999; 
	overflow:hidden;
}
#cboxOverlay{
	position:fixed; 
	width:100%; 
	height:100%;
}
#cboxMiddleLeft, #cboxBottomLeft{
	clear:left;
}
#cboxContent{
	position:relative;
}
#cboxLoadedContent{
	overflow:auto;
}
#cboxTitle{
	margin:0;
}
#cboxLoadingOverlay, #cboxLoadingGraphic{
	position:absolute; 
	top:0; 
	left:0; 
	width:100%;
}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#cboxOverlay{background:url(images/overlay.png) repeat 0 0;}
#colorbox{}
#cboxContent{}
.cboxIframe{}
#cboxLoadingOverlay{
	background:url(images/loading.gif) no-repeat center center;
}
#cboxLoadingGraphic{
	background:url(images/loading.gif) no-repeat center center;
}
#cboxClose{
	height:30px; 
	width:30px; 
	position:absolute; 
	top:5px; 
	right:0; 
	background:url(images/close.png) no-repeat; 
	text-indent:-9999px;
}
#cboxClose:hover{
	background:url(images/closer.png) no-repeat; 
	text-indent:-9999px;
}

.verif{ display: none; }