/* ATERPOSA FEBRERO 2007- MIHOST.COM
---------------------------------------------------- */

hr {
	display: none;
	}
    
body {
	font: 12px/18px "lucida grande", tahoma, arial, sans-serif;
	color: #333;
	margin:0px;
	padding:0px;
	}
a {color: #58589f; text-decoration: none;}
a:hover {color: #ff6600;}

ul
{
list-style-type: none;
}

#izq {padding-left: 0}
#barra {background: #006699 url(images/atp_04.jpg) top left repeat-x; height:20px; margin:0; font: 11px "Lucida Grande", Lucida, "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
}
#barramenu {height:26px; margin:0; float: right; }

#contenido { 
float: left;
clear: right;
width: 475px; padding-left: 12px; min-height: 365px; height:auto; text-align: left; }

/*contenido sin bloque derechos*/
#contenido1 { 
float: left;
padding-left: 12px; 
min-height: 365px; 
width: 680px;
height:auto; 
text-align: left; }



#contenido ul { margin: 2px; padding: 2px; list-style: decimal inside; text-align: left;}
#contenido li { margin-left: 2px; list-style-type: disc; color: #000}

#contenidop { padding-left: 12px; min-height: 365px }

/* for Internet Explorer */
/*\*/
* html #contenido {
height: 375px;
}
/**/
#c_abajo {padding-left: 12px;
clear: both}

div#contenido h3 { 
height:20px;
font-size:14px;
color:#162673;
/*border-bottom:1px solid #e2d7c3;*/
margin-bottom:5px;
padding:5px 5px 5px 25px;
background-image:url("images/icon_h3.gif");
background-repeat:no-repeat;
background-position:left center;
}


div#contenido h4 {
font-size:13px;
}

div#contenido h2 { 
font-size:12px;
color:#000;
font-weight: bold;

}


.portada {width: 350px;
          text-align: justify;
		  font-weight: bold;
		  padding-top: 200px;
		  }

#footer {
background: #fff url(images/footer.jpg) top center no-repeat;
text-align: center;
font-size: 9px;
color: #fff;
}

#footer a {color: #fbfaef; text-decoration: underline;}
#footer a:hover {color: #c2c2c2}
#footer a:visited {color: #c2c2c2}

/**************************************************************
   #menuBar: main menu and news column
 **************************************************************/

#menuBar {
  float: left;
  width: 160px;  
}


#menuBar ul#menu {
  position: relative;
  z-index: 4;
  margin: 5px 0 0 5px;
  padding: 0;
  list-style: none;
}

#menuBar ul#menu li {
  margin: 0;
  padding: 0;
  display: inline;
}

#menuBar ul#menu li a {
  display: block;
  padding: 5px 0 5px 20px;
  background:url("images/menu_i.gif") no-repeat;
  
  font: small-caps 12px georgia, serif;
  letter-spacing: -0.02em;
  text-decoration: none;  
  color: #fff;
  border-bottom: 0px solid #D8CBBA; /* border debajo del los links */
}

#menuBar ul#menu li a:hover,
#menuBar ul#menu li.here a {
  color: #000;
  border-bottom: 0px solid #CBBEAC;
}


/* Make sure that even if not enough content, the vertical menu
   bar will always extend the full height of the screen */
#menuBarBg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;

  height: 100%; 
  width: 100%;  
}

/* Fix Opera's nested box bug */
@media all and (min-width: 0px){
   #menuBarBg {
     height: inherit;
   }
}

#menuBarBg span {
  display: block;
  position: relative;
  z-index: 1;
  height: 100%;
  width: 980px;
  
  margin: 0 auto;  
  
  background: url(images/menuBar.gif) repeat-y 32px 0px;  
}


/**************************************************************
   #Bloque derechooo
 **************************************************************/

#yellowBar {
  float: right;
  width: 185px;
  clear: right;
  
  /*margin: 10px 1px 10px 0;
  padding: 0 8px;*/
  
  background: #fff/* url(images/rounded_yellow_top.gif) no-repeat top left*/;
}

#yellowBar .bottom {
  display: block;
  position: relative; /* compensate for #yellowBar's margin */
  left: -10px;
  height: 14px;
 background: url(images/rounded_yellow_bottom.gif) no-repeat bottom left;
}

#yellowBar h1 {
  margin: 0;
  padding: 0.6em 0 0 2px;
  border: 0;
}

#yellowBar h2 {
  margin: 0;
  padding: 0 0 5px 2px;
}

#yellowBar h2 a.active {
  padding: 0 2px;
  color: #374607;
  background-color: #FBFAE6;
}


/* esquinas redondass */
#yellowBar .rounded {
  /*margin-bottom: 1em;*/
  background: #e6e6e6 /*url(images/rounded_light_yellow_top.gif) no-repeat top left*/;
  width: 160px;
  margin: 0;
  padding: 0;
}

#yellowBar .last {
  margin-bottom: 0;
}

#yellowBar .rounded .bottom {
  display: block;
  position: static;
  width: 185px;
  height: 14px;
  background: #e6e6e6 url(images/rounded_light_yellow_bottom.gif) no-repeat bottom left;
}

/* link de news */
#yellowBar .rounded ul,
#yellowBar .rounded ol {
 margin: 0;
 padding: 0;
 list-style: none;
 width: 156px;
}

#yellowBar .rounded li {
  margin: 0;
  padding: 0;
  display: inline;
}

#yellowBar .rounded li a {
  display: block;
  padding: 2px 2px;
  text-decoration: none;
  color: #A1988B;
}

#yellowBar .rounded li a:hover {
  color: #837B6E;
  background-color: #FFF;
}

#yellowBar .rounded li a:hover span.title {
  color: #627F07;
}

#yellowBar .rounded li a span.title {
  text-decoration: underline;
  color: #94BC18;
}

#yellowBar .rounded li a span.meta {
  display: block;  
}

#yellowBar .rounded li span.snip {
  display: block;
  margin-top: 10px;
}


/* Different icons for big link lists */
#yellowBar .rounded .comments li a,
#yellowBar .rounded .rank li a,
#yellowBar .rounded li a.archive {
  padding-left: 0;
  background-repeat: no-repeat;
  background-position: 6px 6px;
}

/* menu vertical izquiwrdo */

#menuprincipal ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
}

#menuprincipal li { margin: 0 0 3px 0; }

#menuprincipal a
{
display: block;
padding: 2px 2px 2px 24px;
border: 1px solid #c9c9c9;
width: 140px;
background-color: #58589f;
background-image: url(images/menu_izq.gif);
}

#menuprincipal a:link, #navlist a:visited
{
color: #EEE;
text-decoration: none;
}

#menuprincipal a:hover
{
border: 1px solid #c9c9c9;
background-color: #9485c2;
background-image: url(images/menu_izq_o.gif);
color: #333;
}

#active a:link, #active a:visited, #active a:hover
{
border: 1px solid #333;
background-color: #58589f;
background-image: url(images/menu_izq.gif);
color: #333;
}

/* ################ TABS ################ */
.tabcontentstyle{ /*style of tab content oontainer*/
border-top: 0px;
border-top-color: #fff;
border-top-style: solid;
width: 474px;
margin-bottom: 1em;
padding: 20px 10px 10px 10px ;
}

.tabcontent{
display:none;

}

@media print {
.tabcontent {
display:block!important;
}
}

/*tab de contenido V3*/
#contenido #header li {
	list-style:none;
	list-style-type: none;
}
#contenido #header {
  float:left;
  width:100%;
  background:#fff  url("images/bg_tab.gif") repeat-x bottom;
  font-size:93%;
  line-height:normal;
  }
#contenido #header ul {
  margin:0;
  padding:10px 10px 0;
  list-style:none;
  }
#contenido #header li {
  float:left;
  background:url("images/left.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 9px;
  }
#contenido #header a {
  float:left;
  display:block;
  background:url("images/right.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  text-decoration:none;
  font-weight:bold;
  color:#765;
  }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#contenido #header a {float:none;}
/* End IE5-Mac hack */
#contenido #header a:hover {
  color:#333;
  }
#contenido #header .selected {
  background-image:url("images/left_on.gif");
  }
#contenido #header .selected a {
  background-image:url("images/right_on.gif");
  color:#333;
  padding-bottom:5px;
  }

/* efecto switch menu verttical */
.anylinkcss{
position:absolute;
visibility: hidden;
border:1px solid #711091;
border-bottom-width: 0;
font:normal 12px Verdana;
line-height: 18px;
z-index: 100;
background-color: #21215f;
width: 205px;
}

.anylinkcss a{
color: #c2c2c2;
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid #532295;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
text-indent: 5px;
background-color: #58589f;
}

.anylinkcss a:hover{ /*hover background color*/
background-color: #21215f;
color: #f9f7f9;
}


/* xoops */


input.formButton {}

.item {border: 1px solid #cccccc;}
.itemHead {padding: 3px; background-color: #58589f; color: #FFFFFF;}
.itemInfo {text-align: right; padding: 3px; background-color: #efefef}
.itemTitle a {font-size: 130%; font-weight: bold; font-variant: small-caps; color: #ffffff; background-color: transparent;}
.itemTitle a: hover {font-size: 130%; font-weight: bold; font-variant: small-caps; color: #142573; }
.itemTitle a: visited {font-size: 130%; font-weight: bold; font-variant: small-caps; color: #a1ade6; }
.itemPoster {font-size: 90%; font-style:italic;}
.itemPostDate {font-size: 90%; font-style:italic;}
.itemStats {font-size: 90%; font-style:italic;}
.itemBody {padding-left: 5px;}
.itemText {margin-top: 5px; margin-bottom: 5px; line-height: 1.5em;}
.itemText:first-letter {font-size: 133%; font-weight: bold;}
.itemFoot {text-align: right; padding: 3px; background-color: #efefef}
.itemAdminLink {font-size: 90%;}
.itemPermaLink {font-size: 90%;}

th {background-color: #09316c; color: #FFFFFF; padding : 2px; vertical-align : middle; font-family: Verdana, Arial, Helvetica, sans-serif;}

td#headerbanner {width: 100%; background-color: #2F5376; vertical-align: middle; text-align:center;}
td#headerbar {border-bottom: 1px solid #dddddd; background-image: url(hbar.gif);}

td#leftcolumn {width: 170px; border-right: 1px solid #cccccc; font-size:12px;}
td#leftcolumn th {background-color: #2F5376; color: #FFFFFF; vertical-align: middle;}
td#leftcolumn div.blockTitle {padding: 3px; background-color: #dddddd; color: #639ACE; font-weight: bold;}
td#leftcolumn div.blockContent {padding: 3px; line-height: 120%; line-height: 120%;}


#centercolumn {font-size: 12px;}
#centercolumn th {background-color: #2F5376; color: #FFFFFF; vertical-align: middle;}

#centerCcolumn, #bottomCcolumn {padding: 0px 3px 1px 3px;}
#centerCcolumn .blockTitle, #bottomCcolumn .blockTitle {padding: 3px; color: #639ACE; font-weight: bold; margin-top: 0px; margin-right: 0px;  margin-left: 0px;}
#centerCcolumn .blockContent, #bottomCcolumn .blockContent {border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 1px solid #dddddd; padding: 3px; margin-right: 0px;  margin-left: 0px; margin-bottom: 2px; line-height: 120%;}

#centerLcolumn, #bottomLcolumn, #centerRcolumn, #bottomRcolumn {
	width: 50%; padding: 0px 3px 0px 0px;
}
#centerLcolumn .blockTitle, #bottomLcolumn .blockTitle, #centerRcolumn .blockTitle, #bottomRcolumn .blockTitle {
	padding: 3px; color: #639ACE; font-weight: bold; margin-top: 0px;
}
#centerLcolumn .blockContent, #centerRcolumn .blockContent, #bottomLcolumn .blockContent, #bottomRcolumn .blockContent {
	border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 1px solid #dddddd; padding: 3px; margin-left: 2px; margin-right: 3px; margin-bottom: 2px; line-height: 120%;
}

div#content {text-align: left; padding: 8px;}

td#rightcolumn {width: 170px; border-left: 1px solid #cccccc; font-size:12px;}
td#rightcolumn th {background-color: #2F5376; color: #FFFFFF; vertical-align: middle;}
td#rightcolumn div.blockTitle {padding: 3px; background-color: #dddddd; color: #639ACE; font-weight: bold;}
td#rightcolumn div.blockContent {padding: 3px; line-height: 120%;}

tr#footerbar {text-align:center; background-image: url(hbar.gif);}

td#mainmenu a {background-color: #e6e6e6; display: block; margin: 0; padding: 4px;}
td#mainmenu a:hover {background-color: #ffffff;}
td#mainmenu a.menuTop {padding-left: 3px; border-top: 1px solid silver; border-right: 1px solid #666666; border-bottom: 1px solid #666666; border-left: 1px solid silver;}
td#mainmenu a.menuMain {padding-left: 3px; border-right: 1px solid #666666; border-bottom: 1px solid #666666; border-left: 1px solid silver;}
td#mainmenu a.menuSub {padding-left: 9px; border-right: 1px solid #666666; border-bottom: 1px solid #666666; border-left: 1px solid silver;}

td#usermenu a {background-color: #e6e6e6; display: block; margin: 0; padding: 4px; border-right: 1px solid #666666; border-bottom: 1px solid #666666; border-left: 1px solid silver;}
td#usermenu a:hover {background-color: #ffffff;}
td#usermenu a.menuTop {border-top: 1px solid silver;}
td#usermenu a.highlight {background-color: #fcc;}



.outer {border: 1px solid silver;}
.head {background-color: #c2cdd6; padding: 5px; font-weight: bold;}
.even {background-color: #c0c0c0; padding: 5px;}
.odd {background-color: #E9E9E9; padding: 5px;}
.foot {background-color: #c2cdd6; padding: 5px; font-weight: bold;}
tr.even td {background-color: #dee3e7; padding: 5px;}
tr.odd td {background-color: #E9E9E9; padding: 5px;}

div.errorMsg { background-color: #FFCCCC; text-align: center; border-top: 1px solid #DDDDFF; border-left: 1px solid #DDDDFF; border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; font-weight: bold; padding: 10px;}
div.confirmMsg { background-color: #DDFFDF; color: #136C99; text-align: center; border-top: 1px solid #DDDDFF; border-left: 1px solid #DDDDFF; border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; font-weight: bold; padding: 10px;}
div.resultMsg { background-color : #CCCCCC; color: #333333; text-align: center; border-top: 1px solid silver; border-left: 1px solid silver; font-weight: bold; border-right: 1px solid #666666; border-bottom: 1px solid #666666; padding: 10px;}

div.xoopsCode { background: #FFFFFF; border: 1px inset #000080; font-family: "Courier New",Courier,monospace; padding: 0px 6px 6px 6px;}
div.xoopsQuote { background: #FFFFFF; border: 1px inset #000080; font-family: "Courier New",Courier,monospace; padding: 0px 6px 6px 6px;}


.comTitle {font-weight: bold; margin-bottom: 2px;}
.comText {padding: 2px;}
.comUserStat {font-size: 10px; color: #2F5376; font-weight:bold; border: 1px solid silver; background-color: #ffffff; margin: 2px; padding: 2px;}
.comUserStatCaption {font-weight: normal;}
.comUserStatus {margin-left: 2px; margin-top: 10px; color: #2F5376; font-weight:bold; font-size: 10px;}
.comUserRank {margin: 2px;}
.comUserRankText {font-size: 10px;font-weight:bold;}
.comUserRankImg {border: 0;}
.comUserName {}
.comUserImg {margin: 2px;}
.comDate {font-weight: normal; font-style: italic; font-size: smaller}
.comDateCaption {font-weight: bold; font-style: normal;}

.cita {
	background: url(images/quote.gif) no-repeat;
	color: #666;
	display: block;
	font: italic 11px Georgia, Times, "Times New Roman", serif;
	padding-left: 28px;
	text-align:justify;
}

/* menuu */

ul.menu_i {
	margin:0 0 42px 0;
	padding:0;
	list-style:none;
	border-bottom:1px solid #F7F7F3;
	border-top:1px solid #9D9C83;
}

ul.menu_i li {
	margin:0;
	padding:0;
	border-top:1px solid #F7F7F3;
	border-bottom:1px solid #9D9C83;
}

ul.menu_i a, ul.menu_i a:hover, ul.menu_i a:visited {
	display:block;
	margin:0;
	padding:4px 0 4px 0;
	line-height:17px;
	text-decoration:none;
	text-transform:uppercase;
	color:#250868;
	font-size:11px;
	text-align:left;
	font-weight:bold;
	border:none;
}

ul.menu_i li a:hover {
	background:#efefe4;
}

#quick_list {
	padding:0;
	margin:0;
	list-style:none;
	border-bottom:1px solid #979777;
	border-top:1px solid #979777;
	/*background:url("images/sidebar.php") no-repeat; */
}

#quick_list span {
	margin:0;
	padding:0 15px 0 8px;
	background:url("images/bullet1.gif") center right no-repeat;
	cursor:default;
}

#quick_list li ul li span {
	background:none;
}

#quick_list li {
	position:relative;
	border-bottom:1px solid #9D9C83;
	border-top:1px solid #F7F7F3;
	color:#000;
	padding:3px 0;
	margin:0;

	background:none;
	font-size:12px;
}

#quick_list li:hover,
#quick_list li.hover {
	background:#EFEFE4;
}

#quick_list li a {
	margin:0;
	padding:0 0 0 10px;
	color:#000;
	text-decoration:none;
	background:none;
	border:none;
}

#quick_list li ul {
	position:absolute; 
	top:-1px;
	left:-2000px;
	width:210px;
	padding:0;
	margin:0;
	background:#f0f0e7;
	list-style:none;
	border-top:1px solid #9D9C83;
	border-bottom:none;
	border-right:1px solid #9D9C83;
	border-left:1px solid #FFF;
}

#quick_list li > ul {
	top:-2px;
}

#quick_list li:hover ul,
#quick_list li.hover ul {
	left:147px;
}

#quick_list li ul li {
	padding:0;
	margin:0;
	border-top:1px solid #FFF;
}

#quick_list li ul li a {
	display:block;
	margin:0;
	padding:3px 0 3px 10px;
}

#quick_list li ul li a:hover {
	color:#000;
	background:#dedae8;
}

#quick_list li.last {
	border-bottom:none;
}