/* 
    Document   : framework.css
    Created on : 12/01/2010, 12:09:01 PM
    Author     : cgarcia
    Description:
        main framework css
*/

html{
	margin:0;
}
body{
	font-family: Arial, Helvetica, sans-serif;
	margin:0;
	padding:0px;
	padding-bottom:40px;
	background:#f6d312 url(http://universiadanacional2010.org.mx/img/bg.jpg) repeat-x scroll  top;
}
#HEADER{
	color: #9C006E;
	text-align:center;
	background-image: url(header.jpg);
	background-repeat: no-repeat;
	width:985px;
	height:172px;
	margin:auto;
}
#STRUCTURE{
	width:985px;
	margin:auto;
}
#HEADER_IN{
	height:36px;
	min-height:36px;
	padding: 0px;
	color:#7d2082;
	font-size:11px;
	line-height:3;
}
#HEADER_IN A{
        text-decoration:none;
}
#CONTENT{
	background-color:#fff;
    width:927px;
	position:relative;
	border-top: 1px solid #f6d312;
	border-right: 1px solid #f6d312;
	border-left: 1px solid #f6d312;
	margin:auto;
	padding: 0 0 20px 0;
}
#SIDEBAR_LEFT{
	width:200px;
	position:relative;
	top: 0px;
	left:0px;
	background-color:#fff;
    margin:5px;
	display:none;
}
#CONTENT_BODY{
	background-color:#fff;
	width:640px;
	position:relative;
    margin:50px 10px 20px 20px;
    min-height:600px;
}
#SIDEBAR_RIGHT{
	width:236px;
	position:absolute;
    top:50px;
	right:20px;
	background-color:#fff;
    margin:0px;
}
p{
	margin:0;
	padding:10px;
}
#FOOTER_IN{
	margin:auto;
	width:927px;
	padding: 10px 0 0 0;
	min-height:80px;
	background-image:url(http://universiadanacional2010.org.mx/img/footer.png);
	background-repeat: no-repeat;
	background-position: bottom right;
}
#FOOTER{
	margin:auto;
	text-align:center;
	font-size:10px;
}
.avatar{
	height:25px;
	width:25px;
}
.selected{
	background-color:  #FFD700;
}
.liston{
        position:absolute;
        left:-28px;
        z-index:0;
}
#streaming{
	width:640px;
}
#streaming span{
	display:block;
	width:640px;
	height:44px;
	background-image: url(http://universiadanacional2010.org.mx/img/uni-inst.jpg);
	text-indent: -900%;
}

#disciplinas{
	margin:20px 20px -20px 20px
}
.disciplinas{
	display:inline-block;
	height:20px;
	background-image: url(http://universiadanacional2010.org.mx/img/span.png);
   	background-repeat: no-repeat;
	background-position: top right;
    	padding: 0 30px 0 10px;
	color:#fff;
	font-weight: bold;
	font-style: italic;
	font-variant: small-caps;
}

.calendario{
	display:inline-block;
	height:20px;
	background-image: url(http://universiadanacional2010.org.mx/img/span.png);
	background-repeat: no-repeat;
	background-position: top right;
	padding: 0 30px 0 10px;
	color:#fff;
	font-weight: bold;
	font-style: italic;
	font-variant: small-caps;
}


#logos {
	width: 50%;
	float: left;
}

#logos img{
	padding:0 10px;
}

.cronica{
	display:block;
	width:236px;
	height:28px;
	background-image: url(http://universiadanacional2010.org.mx/img/cronica.jpg);
	text-indent: -900%;
}
.partidosDelDia{
	display:block;
	background:url(../images/acordion.jpg) repeat-x top left; 
	color:#F6D312; 
	font-style:italic; 
	font-variant:small-caps; 
	font-weight:bold;
	font-family:BPreplay,Arial,Helvetica,sans-serif;
	font-size:16px;
	height:15px;
	padding:3px 20px 7px;
}
.siguenos{
	display:block;
	bottom:0px;
	width:236px;
	height:32px;
	background-image: url(http://universiadanacional2010.org.mx/img/siguenos.png);
	text-indent: -900%;
}
.searchsocial {
	position:absolute;
	left:700px;
	margin-top: 0px;
	width:500px;
	max-height:33px;
	display:inline;
}
.fecha {
	line-height: 37px;
	margin-left: 20px
}
#bottom{
    width:887px;
    height:290px;
	position:relative;
    padding-top:0px;
	margin:auto;
}
#sedes{	
	width:236px;
	position:absolute;
	top:0px;
	right:0px;
	background-color:#fff;
	margin:0px;
}
a,a:active,a:visited,a:hover {
color: purple;
text-decoration: none
}

h1 {
color: #666;
font-family:  Arial, Verdana, Helvetica, sans-serif;
font-size:1em;
line-height: 1.2em;
margin-top: 60px
}

h2 {
color: purple;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:.9em;
}

#date {
text-align: left; font-family:  Arial, Verdana, Helvetica, sans-serif; color: #666666; font-size:0.6em;
}

.news-date {
text-align: left; font-family:  Arial, Verdana, Helvetica, sans-serif; color: #666666; font-size:10px;
}
/***MENU***/
#menu{
	width: 756px;
        padding:0px;
        float:right;
        color:#fff;
        margin: 0;
		height: 33px;
		background-image: url(http://universiadanacional2010.org.mx/img/menu_bg.png);
		background-repeat: no-repeat;
        font-weight:bold;
        font-size:13px;
}
#menu a {
        display:inline-block;
        text-decoration:none;
        color:#fff;
}

#menu .mlink{
        padding:9px;
        height:33px;
}
#menu .mlink1{
        padding:9px;
        height:px;
        padding-left:20px;
}
.mlink1:hover{
        padding:10px;
        background-position:0 0;
	background-image:url(http://universiadanacional2010.org.mx/img/menu_bg_s.png);
	background-repeat: no-repeat;
}
#menu li{
	display:inline;
}
.mlink:hover{
	background-image:url(http://universiadanacional2010.org.mx/img/menu_bg_s2.png);
	background-repeat: repeat-x;
}
/***MENU***/
/* CAROUSEL DISCIPLINAS (HAY UNA DEWFINICION DE ESTILO RELACIONADA CON ESTO EN LAS CSS ESPECIFICAS DE NAVEGADOR) */
.infiniteCarousel {
	width: 890px;
	position: relative;
  	border-top: 1px solid purple;
}

.infiniteCarousel ul a img {
  border: 0px solid #000;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
}

.infiniteCarousel .wrapper ul {
  width:9999px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  padding-top: 10px;
  position: absolute;
  top: 0;
}

.infiniteCarousel ul li {
  display:block;
  float:left;
  padding: 0px;
  height: 77px;
  width: 121px;
}

.infiniteCarousel ul li a img {
  display:block;
}

.infiniteCarousel .arrow {
  display: block;
  height: 36px;
  width: 37px;
  background: url(http://universiadanacional2010.org.mx/img/arrow.png) no-repeat 0 0;
  text-indent: -999px;
  position: absolute;
  top: 37px;
  cursor: pointer;
}

.infiniteCarousel .forward {
  background-position: 0 0;
  right: 0;
}

.infiniteCarousel .back {
  background-position: 0 -72px;
  left: 0;
}

.infiniteCarousel .forward:hover {
  background-position: 0 -36px;
}

.infiniteCarousel .back:hover {
  background-position: 0 -108px;
}
/*firefox*/
.infiniteCarousel .wrapper {
  width: 800px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
  overflow: auto;
  min-height: 10em;
  margin: 0 40px;
  position: relative;
  top: 0;
}
/**/
.avatar{
    height:25px;
    width:25px;
}
.selected{
	background-color:  #FFD700;
}

.owi{
	background-position: 20px -300px; 
	background-repeat: no-repeat; 
	position:absolute;
	right:0px;
	top:90px;
	}
.owi img{
	max-width:300px;
	max-height:300px;
}

/**** TABS ****/
ul{
	margin:0;
	padding:0;
}

ul.container{
	/* The main UL */
	width:236px;
	margin:0 auto;
	padding:0px;
}

li{
	list-style:none;
	text-align:left;
}

li.menu{
	/* The main list elements */
	padding:5px 0;
	width:100%;
}

li.button a{
	/* The section titles */
	display:block;
	font-family:BPreplay,Arial,Helvetica,sans-serif;
	font-size:16px;
	height:15px;
	overflow:hidden;
	padding:3px 20px 7px;
	position:relative;
}
/* TAB2 */
li.button a:hover{
	/* Removing the inherited underline from the titles */
	text-decoration:none;
}

li.button a span{
	/* This span acts as the right part of the section's background */
	height:25px;
	position:absolute;
	right:0;
	top:0;
	width:4px;
	display:block;
}
li li.button a{
	background-color:#fff;
	margin:0px
	padding: 0px
	border: 20px solid #333;
	color:#f1f1f1;
}

/* Setting up different styles for each section color */

li.button a.acordion{
	background:url(../images/acordion.jpg) repeat-x top left; 
	color:#F6D312; 
	font-style:italic; 
	font-variant:small-caps; 
	font-weight:bold;
}
li.button a.acordion span{ 
	background:url(../images/acordion.jpg) repeat-x top right;
}

/* The hover effects */

li.button a:hover{ 
	background-position:bottom left;
}
li.button a:hover span{ 
	background-position:bottom right;
}

.dropdown{
	/* The expandable lists */
	display:none;
	padding-top:5px;
	width:100%;
}

.dropdown li{
	/* Each element in the expandable list */
	background-color:#f1f1f1;
	color:#CCCCCC;
	margin:5px 0;
	padding:4px 18px;
}
.dropdown li.innermenu li.innerbutton {
	color:#CCCCCC;
        padding: 0px;
        margin:0 -18px;
}
li.dropdown ul li.innermenu ul li.dropdown{
        padding: 0px;
        margin:0 -32px;
}
.ulin{
margin:-20px
padding:-10px
border: 1px solid #fff;
}
/**** TABS ****/
.credencial{
min-height:160px;
}
#fotografia{
overflow:hidden;
display:inline-block;
padding:2px;
border: 1px solid #d0d0d0;
margin:5px;
float:left;
width: 90px;
min-height:60px;
}
#fotografia img{
width: 90px;
min-height:40px;
}
.checkboxlist label{
display:block;
height:20px;
line-height:1.8;

}
.todos{
background-image: url(../images/tick.png);
background-repeat: no-repeat;
padding-left: 20px;
}
.ninguno {
background-image: url(../images/cross.png);
background-repeat: no-repeat;
padding-left: 20px;
position:absolute;
left:80px;
top:0px;
}
.tn{
position:relative;
display:block;
}
.checkboxlist input{float:left; margin-right:5px;}
.integrante{
position:absolute;
top:80px;
right:10px;
max-width:115px;
}
#integrantesList li{
    background-image: url(../images/skin/user_edit.png);
    background-repeat: no-repeat;
    backgorund-color:#000;
    padding-left:20px;
    height:20px;
    background-position: 372px 0px; 
}
#integrantesList{
    position:relative;
}
#integrantesList span{
    position: absolute;
    right: 0px;
    padding-top:3px;
}
#integrantesList span a{
    color:#444;
    font-weight:bold;
}
td.oro-list{
background-color:#F5DD47;
opacity: .7;
padding-top:10px;
}
.plata-list{
background-color:#e9e9e9;
opacity: .7;
padding-top:10px;
}
.bronce-list{
background-color:#F39530;
opacity: .7;
padding-top:10px;
}
.total-list{
padding-top:10px;
}
td.oro-list span{
  margin: 10px;
  font-weight:bold;
  color:#000;
}
td.plata-list span{
  margin:10px;
  font-weight:bold;
  color:#000;
}
td.bronce-list span{
  margin:10px;
  font-weight:bold;
  color:#000;
}
td.total-list span{
  margin:10px;
  font-weight:bold;
}