/* CSS DOCUMENT */
#MainContainer{ 
	background:url(../../ac-design/page/images/portafolio/background.gif) repeat-x top #6D6F71;
}

#top { padding-bottom:5px;}
#bottom{ margin: 0 auto;}

img#LeftDecoration{ position:absolute; top:-65px; left:-78px;}
img#RightDecoration{ position:absolute; top:-34px; left:937px; }

/* TOP */
#MenuContent{
	width:1000px;
	background:#FFFFFF;
	width:1000px;
}

#FirstList{
	width:150px; 
	padding:15px 0 15px 65px;
}
.carrerasList{ 
	float:left; 
	width:235px;
	padding:15px 0 15px 15px;
}

.carrerasList li a{color:#333333}

#FirstList li a{color:#282572;}

.carrerasList li a:hover, #FirstList li a:hover{color:#B6AD37}


ul.navigation {
    list-style: none;
    padding:0 40px 0 0;
	height:40px;
	float: right;
	width:500px;
}

ul.navigation li {
    display: inline;
	background:url(../../ac-design/page/images/default/tab_up.gif) no-repeat top;
	width:118px;
	line-height:28px; 
	height:28px; 
	text-align:center; 
	margin:0 3px;
	float:right;
}
ul.navigation li.TabUp2{background: url(../../ac-design/page/images/default/tab_up_3.gif) no-repeat top;width:200px;}
ul.navigation li a{ color:#6D6F71}
ul.navigation li a:hover{ color:#B6AD37}



/* ......  modulo izquierda  ........ */

#moduloIzquierda{
	width: 252px;
	background: url(../../ac-design/page/images/default/back_news.gif) repeat-x bottom left #FFFFFF;
	padding-bottom:38px;
	float: left;
}

.imagenes_portafolio{
	width:220px;
	height:290px;
	padding:0;
	overflow: hidden;
	float:left;
	text-align:center;
	background: #FFFFCC;	
}

.WhiteTittle{
	padding: 6px 0 0;
	color:#FFFFFF;
	font-weight: bold; 
	font-size: 12px;
	float:left; width:220px;
}
a.linkPortafolio{
	padding: 0 0 6px 0;
	float:left; width:220px;
}
.Prev{
	float:left; 
	width:17px;
	clear:left;
}
.Next{
	float:right; 
	width:17px; 
}


/* ....  modulo central  .... */

#modulocentral {
	width:747px;
	float:left;
}

#TabsDown{ 
	clear: right; 
	background:  url(../../ac-design/page/images/portafolio/decoration_page.gif) no-repeat top right; 
	width:680px;
	float:left;
	padding-left:10px;
}

#TabsDown li{
	float:left;
	height:28px; 
	line-height:28px; 
	text-align:center; 
	margin:0 4px;
	width:177px;
	background:url(../../ac-design/page/images/default/tab_down_1.gif) no-repeat;
	color:#FFFFFF;
	font-weight:100;
	font-size:14px;
}

#info {
	background: url(../../ac-design/page/images/portafolio/page_background.gif) no-repeat top right #6D6F71; 
	padding:20px 35px 10px 35px;
	min-height:450px;
	clear:both;
}

#info .rigthDecoration{ position:absolute; top:256px; left:999px;}



/*  OBJETOS GALERIA   */

.ObjetoGaleria{ 
	width:450px;
	float:left;
	padding:5px 20px 30px 0;
	text-align:center;
}
.ObjetoGaleria h1.tittle{
	font-size:12px; font-weight:100; padding:0 0 5px 3px; text-align:center
} 
.imagenContent{
	border:1px solid #7D7F82;
	background:#616365;
	padding:3px ;
	position:relative;
	margin:0 auto;
	width:450px;
}

.imagenContent img{
	max-width: 450px;

}

.imagenContent img{ float:left;}

#InfoVotacion{
	position:absolute; 
	bottom:-36px; right:5px;
	width:180px; text-align:left;
}
p.votos{ 
	font-size:11px;
	float:left;
	width:87px;
	padding:7px 0 0 8px;
	height:18px;
	line-height:18px
}
p.votos span.numero{ 
	font-size:18px; 
	border-right:1px solid #999999; 
	padding-right:5px; 
	margin-right:5px;
}

a.VotarButton{
	color:#FFFFFF;
	font-size:13px;
	font-weight:bold;
	background:url(../../ac-design/page/images/portafolio/votar_background_b.gif) no-repeat 0 0;
	width:41px;
	height:30px;
	padding:5px 0 0 40px;
	line-height:9px;
	float:right
}
a.VotarButton span{
	font-size:10px;
	font-weight:100;
}
a.VotarButton:hover{ color:#999999}

.VoteButton{
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	background:url(../../ac-design/page/images/portafolio/vote_background_b.gif) no-repeat 0 0;
	width:41px;
	height:31px;
	padding:4px 0 0 40px;
	line-height:9px;
	float:right
}
.VoteButton span{
	font-size:11px;
	font-weight:100;
}



/* DETALLE PORTAFOLIO */


.detalles{
	background: #48484A;
	padding:20px 10px;
	float: right;
	margin:60px 0 0 0; 
	position:relative;
	width:180px;
	color:#FFFFFF
}

.detallesTop{ position:absolute; top:-28px; left:0;}
.detallesBottom{ position:absolute; bottom:-28px; left:-15px;}
.detalles span.dato{ color: #CCCCCC; font-weight:bold;}


#ComentariosContent{ float:left; width:450px; }

.comentario{
	width:435px;
	border-top:1px solid #999999; 
	border-right:1px solid #999999; padding:0 0 10px 0;
	position:relative;
	margin-bottom:25px;
}
.comentario p.name{
	padding:8px 20px 8px 35px;
	color:#C3BA62;
	font-size:14px;
	background: url(../../ac-design/page/images/portafolio/commentario.gif) no-repeat 10px 9px #48484A;
	margin-bottom:5px;
}
.comentario p.name span.fecha{
	color:#CCCCCC;
	font-size:12px;
}
.comentario p{ padding:5px 20px 5px 30px;}
.comentario img{
	position:absolute;
	top:0;
	right:0;
}

form#commentform, fieldset{ border:0; float:left; clear:both; width:450px}
legend{
	font-size:20px;
	color:#d2ca81;
	padding:10px 230px 10px 0;
	font-weight:100;
	border-bottom:1px solid #d2ca81;
}
form#commentform ul{ padding:20px 0 0; width:400px; height:270px;}
form#commentform ul li{ padding:5px 0;}
form#commentform ul li label{ text-align:right; width:130px; float: left; padding-right:15px; color:#231F20; }
form#commentform ul li textarea{ border:1px solid #666666;}
form#commentform ul li input{width:186px;border:1px solid #666666; padding:2px 0}
form#commentform ul li input:focus, form ul li textarea:focus{ background:#CCCCCC; border:2px solid #FFF;} 
form#commentform ul li.enviar{
	height:50px; 
	background:url(../../ac-design/page/images/portafolio/paginador_background.gif) no-repeat top right;
	clear:both;
	padding:23px 15px 0;
	margin-right:40px;
	width:150px; float:right;
	text-align:center
}
form#commentform ul li.enviar input{
	border:0;
	height:21px;
	background:#616365;
	width:80px; color:#FFFFFF; font-weight:bold;
}
form#commentform ul li.enviar input:hover{ color:#C3BA62; text-decoration:underline;}

#publicar {
	background: #231F20;
	border-width:1px 0;
	border-color:#999999;
	border-style:solid;
	padding: 5px;
}