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

body{
	background:#dcdcdc;
	font-family:'Archivo Narrow', Arial, sans-serif;
	font-weight:400;
}

.ui-page {
	background:transparent;
}
.ui-header {
	height: 52px;
	padding:5px 0px 5px 0px;
	text-align:center;
}
.ui-header h1{
	padding:0px;
	text-align:center;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.6);
}

.img-header{
	width:157px;
	height:52px;
    margin: 0px auto;
	padding:0px;
	text-align:center;
}
#icon-back{
	width:36px;
	height:31px;
	position:absolute;
	left:20px;
	top:20px;
}
	
#gal{
	position:relative;	
}

.slider{
	background-image:-webkit-gradient(radial, 50% 40%, 0, 50% 40%, 200, from(rgba(255, 255, 255, 0.7)), color-stop(30%, rgba(255, 255, 255, 0.2)), to(transparent));
	position:relative;
	margin:0px auto -35px auto;
}
.slider-inner{
	overflow:hidden;
	position:relative;
}
.slider-inner > div{
	min-height:180px;
	overflow:hidden;
	position:absolute;
	top:1px;
}
.slider h2{
	width:100%;
	font:28px/28px 'Archivo Narrow', Arial, sans-serif;
	color:#fff;
	text-shadow:none;
	text-align:center;
	margin:0;
	position:absolute;
	top:5px;
	left:0;
}
.slider img{
	display:block;
	margin:0px auto 0;
}
.slider .btn-prev{
	width:15px;
	height:30px;
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
	top:70px;
	left:15px;
}
.slider .btn-prev:after{
	content:"";
	background: #fff;
	opacity: .2;
	width:20px;
	height:20px;
	display:block;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	position:absolute;
	top:5px;
	left:5px;
}
.slider .btn-next{
	width:15px;
	height:30px;
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
	top:70px;
	right:15px;
}
.slider .btn-next:after{
	content:"";
	background: #fff;
	opacity: .2;
	width:20px;
	height:20px;
	display:block;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	position:absolute;
	top:5px;
	left:-10px;
}

/* Home page icons */
.ui-li-icon {
	top:0.4em !important;
}


/* Make room for icons */
.ui-li-has-icon .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-icon {
	padding-left:37px;
}

.ui-footer {
	color:#fff;
	border:0;
}

/* Tab Bar */
.tabBar{
	border:0;
	color:#fff;
	height:40px;
    background-image: -moz-linear-gradient(top, #e1e1e1 50%, #e7e7e7 50%);
	background-image: -webkit-gradient(linear,left top,left bottom,	color-stop(0.5,	#e1e1e1),color-stop(0.5,#e7e7e7));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#e1e1e1', EndColorStr='#e7e7e7')";
    overflow:hidden;
	-webkit-box-shadow: 1px 0px 2px rgba(0, 0, 0, 0.2); 
	-moz-box-shadow: 1px 0px 2px rgba(0, 0, 0, 0.2); 
	box-shadow: 1px 0px 2px rgba(0, 0, 0, 0.2); 
}
.tabBar ul{list-style:none; margin: 0px; padding: 0px 0px 0px 0px; text-align:center;}
.tabBar ul li{float:left; position:relative; text-align: center; width: 50%}
.tabBar.admin ul li{width: 50%;}
.tabBar ul li a{background-position: 50% 20%; background-repeat: no-repeat; border: 0; border-right-width: 0px; color: #666666;  display:block; font-size: 14px; text-decoration:none; text-shadow:1px 0px 2px rgba(0, 0, 0, 0.3);}
.tabBar ul li a.active{background-color: rgba(106,72,30,0.5); text-shadow:none; color:#888;}
.tabBar ul li a.profile{color:#888; font-size:18px;}
.tabBar ul li a:hover.profile{color:#88;}
.tabBar ul li a.bar{background-image: url(../images/icon-bar.png)}
.tabBar ul li a.friends{color:#888; font-size:18px;}
.tabBar ul li a:hover.friends{color:#888;}
.tabBar ul li a.settings{background-image: url(../images/icon-settings.png)}
.tabBar ul li a span{border-top: 1px solid #f0f0f0; display:block;padding: 8px 0px 5px 0px; color:#666; }
.tabBar a.search{background: transparent url(../images/nav-button-center.png) no-repeat -82px; position:absolute; left: 50%; margin-left: -39px; text-align:center; width: 80px; height: 60px; z-index: 50}
.tabBar a.search.active{background-position: 0px}

/* Estructura */

/* titulos interiores */
#titulo{
 	width:100%;
	padding:0px 5px 0px 5px;
	margin:-4px auto 0px;	
	color:#dffc247;
}
#titulo h1{
	font:30px/30px 'Archivo Narrow', Arial, sans-serif;
	color:#555;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.4);		
}
#titulo h2{
	color:#fff;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.6);
	font:30px/30px 'Archivo Narrow', Arial, sans-serif;		
}

/* fin titulos interiores */

#marco-img{
	width:85%; 
	height:100%; 
	padding:0.8em; 
	background: url(../images/bg.gif) repeat;
	margin:0px auto;
	text-align:center;
	border:0;	
}
#marco-img-comp{
	width:90%; 
	height:100%; 
	padding:0.5em; 
	background: url(../images/bg.gif) repeat;
	margin:0px auto;
	text-align:left;
	border:0;	
}

#txt{
 	width:85%;
	padding:0.2em 0.6em 0.2em 0.6em;
	margin:0px auto;	
}
#txt p{
	font-size:16px;
	color:#555;
	text-shadow: 0px 0px 0px rgba(0,0,0,0.4);
	line-height:19px;
	font-weight:400;	
}
#txt a{
	font-size:18px;
	text-shadow: 0px 0px 0px rgba(0,0,0,0.4);
	line-height:18px;
	font-weight:400;
	text-decoration:none;
	color:#fec830;
	background:#555;	
	padding:5px 15px 5px 15px;
	-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); 
	-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); 
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); 		
}
#txt a:hover{
	background:#fec830;
	color:#666;
}
#txt h1{
	font-size:28px;
	color:#fec830;
	font-style:oblique;
	font-weight:normal;
	text-shadow: 0px 1px 4px rgba(0,0,0,0.6);
	font-family:'Archivo Narrow', Arial, sans-serif;
	font-weight:normal;			
}
#txt h2{
	font-size:20px;
	font-weight:normal;	
	color:#555;
	border-bottom:1px #555 solid;
	text-shadow: 0px 1px 2px rgba(0,0,0,0.4);
	font-family:'Archivo Narrow', Arial, sans-serif;	
}
#txt h3{
	font-size:16px;
	color:#555;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.6);
	border-bottom:1px #555 solid;
	font-family:'Archivo Narrow', Arial, sans-serif;		
}
#txt span{
	color:fff;
	font-weight:400;
	font-family:'Archivo Narrow', Arial, sans-serif;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.6);
	font-size:16px;
}
#txt li{
	font-size:16px;
	color:#555;
	text-shadow: 0px 0px 0px rgba(0,0,0,0.4);
	line-height:19px;
	font-weight:400;
}
.img-logos{
	margin:5px;
}
.sub-h{
	font: 10px 'Archivo Narrow', Arial, sans-serif;
	margin:0px 0px 0px 0px;
	color:#fff;
}

#container,#c2,#c3,#c4,#c5{
	width:245px;
	height:132px;
	background:transparent;
	margin:0px auto;
	position: relative;
}
#milenium{
	width:100%; 
	height:16px; 
	padding:5px; 
	background: #666;
	margin:0px auto;
	text-align:center;
	text-shadow:none;
	font-size:12px;
	color:#f7c028;
	line-height:16px;
	font-weight:400;
}
/* GALERIA interior */
#content-gal {	
	width: 250px;
	margin:0px auto;
}
#gallery2 {
	width: 250px;
	overflow: hidden;
}
#gallery2 div,
#gallery2 a {
	display: block;
	float: left;
	color: #fff;
	width: 75px;
	height: 75px;
	margin: 0 8px 8px 0;
}