+/* CSS Document */
body,td,th,dd {
 font-size: 11px;
}
input.submit {
	background: url(submit.gif) no-repeat;
	background-position:center;
	text-align:inherit;
	border: 0;
	padding: 4px 0;
	height:auto;
	width:87px;
	margin: 0 15px 1px 0;
	color: #000;
	font-size:9px;
	
	font: bold 1em Arial, Sans-Serif;
}
input.submitleft {
	background: url(submit.gif) no-repeat;
	background-position:center;
	text-align:inherit;
	border: 0;
	padding: 4px 0;
	height:auto;
	width:87px;
	margin: 0 15px 1px 0;
	color: #000;
	
	font: bold 1em Arial, Sans-Serif;
}
body { 
	padding: 0; 
	margin: 0; 
	font: 0.7em Tahoma, sans-serif; 
	line-height: 1.5em;
	background: #fff; 
	color: #454545; 
}
.right3 h3 {
 background:  url(../imagenes/tb.jpg) no-repeat top right;
 color: #FFF;
 padding: 7px 0 7px 5px;
 
 font: bold 1em Tahoma, Arial, Sans-Serif;
 margin: 0 0 3px 0;
}

 .right_articles {
  background: #f5f5f5;
  color: #414141;
  padding: 8px; 
  margin: 0 0 3px 0;
 }
 .right_articles2 {
  background:#BDD6EC ;
  color: #414141;
  padding: 8px; 
  margin: 0 0 3px 0;
 }
 
.image {
 float: left;
 margin: 0 9px 3px 0;
}
/* Menu */
.bar { 
 clear: both;
 font-size: 1.1em;
 height: 30px; 
 color: #FFF;
 margin: 0 0 0 0px; 
 background: #5275A5;
}

 .bar li { 
  margin: 0; 
  padding: 7px 8px 5px 8px;
  color: #FFEADC;
  background:#5275A5;
  float: left; 
  
 }
 
 .bar li.active { 
  background: #5275A5 url(bar3.gif) no-repeat center top; 
  color: #fff;
  font-weight: bold; 
  padding: 7px 10px 6px 10px;
 }
 
 .bar li a { 
  font-weight: bold;
  color: #FFF; 
  background: inherit;
  text-decoration: none;
 } 
 
 .bar li a:hover { 
  color: #CEE3FF; 
  background: inherit;
 }
 .browse_category  {
 font-size: 0.9em;
 width: 80px;
 color: #FFF;
 background: inherit;
}
/* ************* Menu Admin ************** */

#menu dl {width: 150px; margin: 0 auto; padding: 0 0 10px 0; background: #330000 url(bottom.gif) no-repeat bottom left;}
#menu dt {margin:0; padding: 10px; font-size: 1.4em; font-weight:bold; color: #fff; border-bottom:1px solid #fff; background: #330000 url(top.gif) no-repeat top left;}
#menu dd {margin:0; padding:0; color: #fff; font-size: 1em; border-bottom:1px solid #fff; background: #47a;}
#gallery a, #gallery a:visited {color:#000; text-decoration:none; display:block; padding:5px 5px 5px 20px;
background: #CCCCCC url(arrow.gif) no-repeat 10px 10px; width:125px;
}
#gallery a:hover {background:#F0F0F0  url(arrowr.gif) no-repeat 11px 10px; color:#6699CC;}

ol li {font-size:11px;}

/* ******************* Menu Pincipal ************** */
.menu {
  height:0em;
  padding:0; 
  margin:0em; 
  list-style-type:none;
  white-space:nowrap;
  }
.menu li {
  float:left;
  min-width:100px;
  }
.menu a {
  position:relative;
  display:block; 
  text-decoration:none; 
  min-width:100px; 
  float:left; 
  }
* html .menu a {
  width:100px;
  }
.menu a span {
  display:block; 
  color:#000; 
  background:#5275A5; 
  border:1px solid #fff; 
  border-width:2px 1px; 
  text-align:center; 
  padding:4px 16px; 
  cursor:pointer;
  }
* html .menu a span {
  width:100px; 
  cursor:hand; 
  w\idth:66px;
  }
.menu a b {
  display:block; 
  border-bottom:2px solid #06a;
  }
.menu a em {
  display:none;
  }
.menu a:hover {
  background:#fff;
  }
.menu a:hover span {
  color:#fff; 
  background:#08c;
  }
.menu a:hover em {
  display:block; 
  overflow:hidden; 
  border:6px solid #06a; 
  border-color:#06a #fff; 
  border-width:6px 6px 0 6px; 
  position:absolute; 
  left:50%; 
  margin-left:-6px;
  }
/************************************* capa1 con sombras ************************/

#box2, #box3 {display:block; position:absolute; top:2px; left:2px;}
#box1 {display:block; width:600px; height:200px; position:relative; top:20px; left:0; background:#ccc; border:2px solid #eee; margin:0 auto;}
#box2 {width:592px; height:192px; background:#999; border:2px solid #aaa;}
#box3 {width:584px; height:184px; background:#777; border:2px solid #888;}
#box4 {display:block; width:590px; height:190px; position:absolute; bottom:0; right:0; background:#CCCCCC; border-bottom:1px solid #444; border-right:1px solid #444; border-top:1px solid #333333; border-left:1px solid #333333; padding:5px;}
#box5 {display:block; width:10px; height:10px; background:#777; border-top:1px solid #333; border-left:1px solid; border-right:1px solid #333333; border-bottom:1px solid #333333; position:absolute; bottom:5px; right:5px; overflow:hidden;}

/************************************* capa2 con sombras ************************/

#box7, #box8 {display:block; position:absolute; top:2px; left:2px;}
#box6 {display:block; width:450px; height:180px; position:relative; top:20px; left:0; background:#ccc; border:2px solid #eee; margin:0 auto;}
#box7 {width:442px; height:172px; background:#999; border:2px solid #aaa;}
#box8 {width:434px; height:166px; background:#777; border:2px solid #888;}
#box9 {display:block; width:440px; height:170px; position:absolute; bottom:0; right:0; background:#6699CC; border-bottom:1px solid #444; border-right:1px solid #444; border-top:1px solid #00CCFF; border-left:1px solid #00CCFF; padding:5px;}
#box10 {display:block; width:10px; height:10px; background:#777; border-top:1px solid #333; border-left:1px solid; border-right:1px solid #00CCFF; border-bottom:1px solid #00CCFF; position:absolute; bottom:5px; right:5px; overflow:hidden;}

/********************* Menu otro ********************************/
 /* common styling */
.menu1 {
float:left; width:100%; font-family: verdana, arial, sans-serif; font-size:11px;
background:url(images/menu1.gif) repeat-x top left; 
border-top:3px solid #4c597f;  border-bottom:3px solid #4c597f;
margin:0 0 20px 0; /* for this demo only */ 
}
.menu1 ul {
padding:0;margin:0;list-style-type:none;
}
.menu1 ul li {
float:left; position:relative; background:url(images/divider1.gif) no-repeat top right;
}
.menu1 ul li a, .menu1 ul li a:visited {
float:left; display:block; text-decoration:none;color:#ddf; padding:0px 16px; line-height:25px; height:30px; border-bottom:3px solid #fff; 
}

.menu1 ul li:hover {width:auto;}

.menu1 ul li a.menu1one:hover {border-color:#c00; color:#f88;}
.menu1 ul li a.menu1two:hover {border-color:#c60; color:#fc0;}
.menu1 ul li a.menu1three:hover {border-color:#cc0; color:#cc0;}
.menu1 ul li a.menu1four:hover {border-color:#080; color:#0e0;}
.menu1 ul li a.menu1five:hover {border-color:#00c; color:#aaf;}
.menu1 ul li a.menu1six:hover {border-color:#c0c; color:#f8f;}

.menu1 ul li:hover a.menu1one {border-color:#c00; color:#f88;}
.menu1 ul li:hover a.menu1two {border-color:#c60; color:#fc0;}
.menu1 ul li:hover a.menu1three {border-color:#cc0; color:#cc0;}
.menu1 ul li:hover a.menu1four {border-color:#080; color:#0e0;}
.menu1 ul li:hover a.menu1five {border-color:#00c; color:#aaf;}
.menu1 ul li:hover a.menu1six {border-color:#c0c; color:#f8f;}

.menu1 ul li ul {
display: none;
}
.menu1 table {
margin:0; border-collapse:collapse; font-size:11px; position:absolute; top:0; left:0;
}

/* specific to non IE browsers */
.menu1 ul li:hover ul {
display:block;position:absolute;top:32px;margin-top:1px; left:0;width:154px;border-bottom:1px solid #000;
}
.menu1 ul li:hover ul.endstop {
left:-92px;
}
.menu1 ul li:hover ul li ul {
display: none;
}
.menu1 ul li:hover ul li a {
display:block;background:#fff;color:#000;height:auto;line-height:15px;padding:4px 16px; width:120px; border:1px solid #000; border-bottom:0;
}
.menu1 ul li:hover ul li a.drop {
background:#ccd url(images/bullet1.gif) no-repeat 3px 8px;
}
.menu1 ul li:hover ul li a:hover {
color:#000; background: #ccd url(images/bullet1.gif) no-repeat 3px 8px;
}
.menu1 ul li:hover ul li a:hover.drop {
background: #ccd url(images/bullet1.gif) no-repeat 3px 8px;
}
.menu1 ul li:hover ul li:hover ul {
display:block; position:absolute; left:153px; top:-1px;
}
.menu1 ul li:hover ul li:hover ul.left {
left:-153px;
}



/* specific to IE5.5 and IE6 browsers */
.menu1 ul li a:hover ul {
display:block;position:absolute;top:30px; t\op:33px; background:#fff;left:0; border-bottom:1px solid #000;
}

.menu1 ul li a:hover ul.endstop {
left: -92px;
}
.menu1 ul li a:hover ul li a {
display:block;background:#fff;color:#000; height:1px; line-height:15px; padding:4px 16px; width:154px; w\idth:120px; border:1px solid #000; border-bottom:0;
}
.menu1 ul li a:hover ul li a.drop {
background:#ccd url(images/bullet1.gif) no-repeat 3px 8px; padding-bottom:4px;
}
.menu1 ul li a:hover ul li a ul {
visibility:hidden; position:absolute; height:0; width:0;
}
.menu1 ul li a:hover ul li a:hover {
color:#000; background: #ccd url(images/bullet1.gif) no-repeat 3px 8px;
}
.menu1 ul li a:hover ul li a:hover.drop {
 background: #ccd url(images/bullet1.gif) no-repeat 3px 8px;
}
.menu1 ul li a:hover ul li a:hover ul {
visibility:visible; position:absolute; top:0;color:#000; left:153px;
}
.menu1 ul li a:hover ul li a:hover ul.left {
left:-153px;
}

/****************************************************************/
/*********************** Bordes curveados ************************/
dl.curved {background:#003366 url(c_tla1.gif) top left no-repeat; margin:5px 0; padding:0; width:100%;}
dl.curved dt {background:transparent url(c_tra1.gif) top right no-repeat; padding:10px; text-align:center; color:#fff;}
dl.curved dd {background:#eee url(c_bl.gif) bottom left no-repeat; padding:0; margin:0;}
dl.curved dd p {margin:0; padding:10px; line-height:1.3em;}
dl.curved dd p.last {background:transparent url(c_br.gif) bottom right no-repeat; }
/*****************************************************************/

.inputbox {
font : 10px Verdana, Arial, Helvetica, sans-serif;
color : #fff;
background-color : #FF0000;
border : 1px solid #000000;
}
/******************* d***************************************/

.ToolText{position:relative; }
.ToolTextHover{position:relative;}
.ToolText span{display: none;}

.ToolTextHover span{
  display:block;
  position:absolute;
  border:1px solid black;
  top:1.3em;
  left:5px;
  background-color:gray; color:white;
  text-align: center;
}
/****************  boton search *********************/

.boton{
        font-size:10px;
        font-family:Verdana,Helvetica;
        font-weight:bold;
        color:white;
        background:#638cb5;
        border:0px;
        width:80px;
        height:19px;
       }



/************************ Menu new slopenet index *************************/
#menu1 dl {width: 150px; margin: 0 auto; padding: 0 0 10px 0; background: #ACCBDD url(bottom.gif) no-repeat bottom left;}
#menu1 dt {margin:0; padding: 10px; font-size: 1.0em; font-weight:bold; color: #003366; border-bottom:1px solid #fff; background: #ACCBDD url(top.gif) no-repeat top left;}
#menu1 dd {margin:0; padding:0; color: #fff; font-size: 1em; border-bottom:1px solid #fff; background: #47a;}
#gallery1 a, #gallery1 a:visited {color:#fff; text-decoration:none; display:block; padding:5px 5px 5px 20px;
background: #47a url(arrow.gif) no-repeat 10px 10px; width:125px;
}
#gallery1 a:hover {background: #258 url(arrowr.gif) no-repeat 11px 10px; color:#9cf;}

ol li {font-size:11px;}