body
{ 
background:url(../images/bg.gif) repeat-y center #FFFFFF;
margin:auto;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:11px;
color:#333333;
display:block;
}
h1{
font-size:25px;
color:#666;
padding-bottom:5px;
margin-bottom:15px;
font-weight:bold;
border-bottom:#666 1px solid;
}
h2{
font-size:13px;
padding:5px 0 0 10px;
}
h3{
font-size:14px;
color:#666666;
margin:0px;
padding:3px;
}
h4{
font-size:12px;
color: #CE6700;
margin:0px;
padding:3px;
font-weight:normal;
}

h5{
font-size:25px;
color:#666;
padding-bottom:5px;
margin-bottom:15px;
font-weight:bold;
border-bottom:#666 1px solid;
	}
.clear {
clear:both;
overflow:hidden;
height:4px;
}
#main_content{
width:930px;
height:auto;
margin:auto;
background-color:#FFFFFF;

}
#top_banner{
width:928px;
height:100px;
border-left:#000000 1px solid;
border-right:#000000 1px solid;
}

#login_bar{
width:917px;
height:19px;
background:#464646;
padding:5px 0 5px 11px;
border-left:#000000 1px solid;
border-right:#000000 1px solid;
}

#login_bar a{
	color:#FFFFFF;
	text-decoration:none;
	}
#center_banner_content{
width:400px;
height:auto;
float:left;
padding:55px 0 0 20px;
}
#learn_more{
width:400px;
height:50px;
clear:both;
float:left;
padding-top:10px;
}
#learn_more a{
padding:6px;
margin:0 0 0 80px;
text-decoration:none;
color:#000000;
font-size:12px;
border:1px  #CCCCCC solid;
}
#learn_more a:hover{
padding:6px;
margin:0 0 0 80px;
color: #666666;
border:1px  #999999 solid;
}
#page_content{
width:928px;
background-color:#464646;
height:auto;
float:left;
border-right:#000000 1px solid;
border-left:#000000 1px solid;
}
/*------top menu---------*/
ul.menu {
list-style-type:none; float:right; display:block; width:500px; height:18px; 
clear:both; margin-top:100px; padding:0;}

ul.menu li {
display:inline;}

a.nav:link, a.nav:visited {
display:block; float:left; padding:4px 11px 0 11px; margin:0;width: auto; height:18px; text-align:center; line-height:20px; font-weight:bold; font-size:12px;
text-decoration:none; color:#562231;}

a.nav:hover {
display:block; float:left; padding:4px 11px 0 11px; margin:0;width: auto; height:18px; text-align:center; line-height:20px;
text-decoration:none;  color:#562231; border-bottom:1px #562231 dashed;}


/*------left section-----*/
#left_section{
width:150px;
float:left;
padding:30px 0 0 10px;
margin-top:50px;
background:#464646;
}

/* botonera izquerda --------------------------------------------------------------------------- */

	
	#left_section a.btnoff, #left_section a.btnon {
			background:url(../images/btn_off.jpg);
			color:#CCC;
			text-decoration:none;
			text-align:left;
			width:128px;
			height:50px;
			vertical-align:middle;
			line-height:120%;
			font-family:Arial;
			font-size:11px;
			display:block;
			padding-top:12px;
			padding-left:10px;
			overflow:hidden;
			background-repeat:no-repeat;
			outline:none;
			outline-color:#464646;
			}
			
		#left_section a.btnoff:hover{
			color:#999;
			}
			
		#left_section a.btnon{
		background-image:url(../images/btn_on.jpg);		
		color:white;						
	/*	font-weight:bold;								*/
		cursor:default;				
		}
	
		
/* --------------------------------------------------------------------------- botonera izquerda */

#login{
padding:10px;
}
.input{
width:140px;
height:12px;
font-size:10px;
}
.submit{
float:right;
margin-right:30px;
margin-top:5px;
}
img.pic{
float:left;
padding:10px;
}
.title{
font-size:14px;
font-weight:bold;
color:#7B0E10;
}
.title a{
text-decoration:none;
font-weight:bold;
color:#7B0E10;
}
.content{
padding:5px;
text-align:justify;
}


/*------right section-----*/

#right_section{
width:723px;
float:left;
padding:25px 10px 0 35px;
height:auto;
background:url(../images/fondoabc1.jpg) no-repeat 0% 0% #FFFFFF;
}

#right_section a{
color:#EE0000;
}

.right_columns{
float:left;
width:330px;
padding:30px 10px;
}

.right_content{
float:left;
padding:10px 50px 10px 25px; 
}


.caja {
	width:680px;
    background-image: url("../images/tabletamedio.jpg");
    background-repeat: repeat-y;
	background-position: bottom center;
}
	
.cajaarriba {
	padding-top:10px;
    background-image: url("../images/tabletaup.jpg");
    background-position: top center;
    background-repeat: no-repeat;
}

.cajaabajo {
    background-image: url("../images/tabletadown.jpg");
    background-position: bottom center;
    background-repeat: no-repeat;
    padding: 15px 15px 15px 15px;
	padding-bottom:25px;
}


/*-------footer-----*/
#footer{
width:930px;
clear:both;
background-color:#ffffff;
}
#footerright1{
background-image:url(../images/fondofooter2.jpg);
background-position:bottom;
background-repeat:no-repeat;
background-color: #ffffff;
width:768px;
height:61px;
font-size:10px;
float:left;
border-right:#000000 1px solid;
}
#footerright2{
background-color: #ffffff;
border-top:#000 1px solid;
width:768px;
font-size:10px;
float:left;
border-right:#000000 1px solid;
}

#copyrights{
width:130px;
height:74px;
background-color: #464646; 
font-size:10px;
float:left;
padding: 15px 0 0 30px;
border-left:#000000 1px solid;
}
#madeby{
width:200px;
height:60px;
padding:20px 20px 0 0;
float:right;
text-align:right;
}
#madeby a{
text-decoration:none;
color:#666666;
}
/*---------footer menu---------*/
ul.footer_menu {
list-style-type:none; float:left; display:block; width:200px;height: auto;  margin:0px; padding:3px 0 0 10px;}

ul.footer_menu li {
display:inline;}

a.nav2:link, a.nav2:visited {
display:block; float:left; padding:4px 0 0 5px; margin:2px;width: auto; height:20px; text-align:center; line-height:16px;
text-decoration:none; color: #999999;}

a.nav2:hover {
display:block; float:left; padding:4px 0 0 5px; margin:2px;width:auto; height:20px; text-align:center; line-height:16px;
text-decoration:none;color:#000000;}

#contador {
position:relative;
top:152px;
/*left:468px;*/
display:block;
float:left;
margin-right:20px;
/*margin-bottom:-15px;*/

padding:10px;
}
.ibbtn
        {
            font-size: 11px;
            width: auto;
            height: 29px;
            text-align: center;
            border-right: rgb(120,120,120) 1px solid;
            border-top: rgb(210,210,210) 1px solid;
            font-weight: bold;
            background-image: url(../images/fm_btn_bkg.gif);
            background-color: rgb(255,255,255);
            background-repeat: repeat;
            background-position: 0px 5px;
            border-left: rgb(220,220,220) 1px solid;
            color: rgb(240,130,20);
            border-bottom: rgb(77,77,77) 1px solid;
            font-family: Tahoma;
            padding: 3px 8px;
        }
.tableres {
}       

.panel_articulo {
position:absolute;
top:216px;
left:0px;
width:602px;
height:800px;
/*background-image:url(../images/panel_articulo.png?d);*/
background-position:0% 100%;
background-repeat:no-repeat;
background-color:White;
display:block;

}
.panel_articulo span.loading {
	position:absolute;
	top:40%;
	left:40%;
text-align:center;
vertical-align:middle;
}
.panel_articulo img {
	margin:10px;
}
.panel_articulo h1 {
	position:absolute;
	top:33px;
	left:100px;
font-size:17px;
text-decoration:none;
border-width:0px;
letter-spacing:-1px;
line-height:120%;
color:black;
}
.panel_articulo table {
	position:absolute;
	bottom:20px;
	left:30px;
	width:520px;
	
}
.panel_articulo table td {
	white-space:nowrap;
	text-align:center;	
	border:1px #efefef solid;
}
.panel_articulo table td * {
	margin:0px;
	padding:0px;
	display:inline;	
	margin-bottom:-5px;
	margin-right:5px;
	vertical-align:middle;
	
}
#ArtBody {
	/*position:absolute;*/
	left:7px;
	top:124px;
	height:825px;
	width:690px;
	background-color:white;
	
}
.panel_articulo a {
	/*text-decoration:underline;*/
	color:red;
	}
	/*
#email {
	position:absolute;
	width:334px;
	height:231px;
	background-image:url(../images/panel_email.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
	bottom:72px;
	right:20px;
	
	}*/
	
html, body {
height:100%;
/*display:table;*/
}
#PanelPath, #PanelIndex {
position:absolute;
top:104px;
left:20px;
}
#PanelIndex {
left:500px;
}
