/* - - - - - - - - - - - - - - - - - - - - -
Title : Snoop Consulting
Author : Max Bidart / www.qkstudio.com
URL : www.snoopconsulting.com

Created : 20/01/06
Modified : 28/05/06
Modificado Rashid: 10/02/2009
(versión anterior: template_com.css)
Modificado imiaton: 14/10/2008
(versión anterior: template_css09.css)
- - - - - - - - - - - - - - - - - - - - - */
table.contentpaneopenTags {
  width             : 100%;
  padding           : 0px 1px 0px 1px;
  border-spacing    : 0px;
  margin-bottom     : 0px; 
}

table.contentpaneopenResultSearch {
  width             : 100%;
  padding           : 1px 16px 1px 16px;
  border-spacing    : 0px;
  margin-bottom     : 0px;   
}
html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
 font-family       :"Tahoma", Arial, Helvetica, sans-serif;
 font-size         : 11px;
 line-height: 16px;
 color             : #1A3760;
 background:url(../images/bg_snoop.jpg);
 background-repeat: no-repeat;
 background-position:center;
 background-position:top;
} 
#pagewidth{ 
 width:760px; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;  
} 
#header{
 position:relative; 
 background-image:url(../images/head_logo.jpg);
 background-position:top;
 background-position:left;
 background-repeat:no-repeat;
 background-color:#fff; 
 width:100%;
}
#header2{
 background-image:url(../images/head_bg.jpg);
 background-position:left top;
 background-repeat:no-repeat;
 background-color:#fff; 
 width:100%;
 height:100px;
}
#banner{
 position:relative; 
 height:107px;
 width:100%;
} 

/****************** inicia TOP MENU *************************/

#nav{
 background		:url('../images/barra-final-fondo.png') no-repeat;
 height			:40px;
 text-align		:center;
 position		:relative;
 padding-top		:5px;
 padding-left		:40px;
}
#nav ul {
 list-style		: none;
 border-right		: 1px solid #878787;
 top			: 116px;
 left			: 20px;
 padding		: 0;
 font-size		: 11px;
 font-weight       	: bold;
position:absolute;
top:-2px;
}
#nav li {
 padding-left		: 0px;
 padding-right		: 0px;
 float			: left;
 margin			: 0;
 font-size		: 11px;
 line-height		: 18px;
 font-weight       	: bold;
}
#nav ul a{
 display		: block;
 float			: left;
 text-decoration	: none;
 padding-left		:10px;
 padding-right		:10px;
 padding-top		: 5px;
 text-decoration	: none;
 color			: #e1e1e1;
 border-right		: #ccc 1px solid;
 font-weight       	: bold;
}
#nav ul a:link{
  display		: block;
  float			: left;
  text-decoration	: none;
  text-decoration	: none;
  padding-left		:10px;
  padding-right		:10px;
  padding-top		:5px;
  text-decoration	:none;
  color			:#e1e1e1;
  border-right		:#ccc 1px solid;
  font-weight       	:bold;

}

#nav ul li a:hover {
  color			:#fff;
  color			:#FFFFFF;
  font-weight       	:bold;
}
#nav ul li a:visited {
  color			:#EBEBEB;
  display		:left;
  padding-left		:10px;
  padding-right		:10px;
  padding-top		:5px;
  text-decoration	: none;
  color			: #e1e1e1;
  border-right		:#ccc 1px solid;
  font-weight       	:bold;
}

#nav ul li#current a{
 text-decoration	: underline;
}
#nav li a#current
{
 color			:#FFFFFF;
 font-weight		:bold;
 text-decoration	:underline;
}
#nav li a#active:hover
{
 color			:#FFFFFF;
 font-weight		:bold;
}

/*css para la casita del home, hecho por RASHID*/
#home{ 
 vertical-align:middle;
  height:20px;
  position:absolute;
  width:40px;
  top:-4px;
  left:0px;
  z-index:200;
}
#home a{
  display		: block;  
  text-decoration	: none;
  voice-family		: "\"}\"";
  voice-family		: inherit;
  text-decoration	:none;
  border-right		:#ccc 1px solid;
  padding-top		:7px;
  padding-bottom	:2px;
vertical-align:middle;                                                                             
}
#home a img{ 
border-style:none;
}

/*fin Home*/

/************** termina TOP MENU ********************/
#menuProductos{
 font-family       :"Tahoma", Arial, Helvetica, sans-serif;
 font-size         : 10px;
table-layout:auto;
width:99%;
}
#menuProductos th{
background-image:url(../images/modul.jpg);
color:#FFFFFF;
font-size:11px;
font-weight:bold;
height:22px;
letter-spacing:1px;
line-height:22px;
text-align:justify;
text-indent:8px;
text-transform:uppercase;
}
#menuProductos th{
table-layout:auto;
width:96%;
}
#menuProductos td{
margin:4px;
padding-left:0px;
padding-right:0px;
padding-top:0px;
}
#menuProductos ul{
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0px;
padding-left:0px;
}
#menuProductos li a{
background-color:#A2B0BC;
border-bottom:1px solid #CCCCCC;
border-top:1px solid #FFFFFF;
color:#FFFFFF;
display:block;
font-size:11px;
font-weight:bold;
margin-top:1px;
padding:2px;
text-indent:0px;
width:160px;
}
#menuProductos li a:hover{
background-color:#FFFFFF;
font-size:11px;
font-weight:bold;
text-indent:0px;
color:#566A8B;
}
#maincontent{
 background-color:#FFFFFF; 
 background:url(../images/bg_center.jpg);
 background-repeat: no-repeat;
 background-position:center;
 background-position:top;
} 
#pathway{
 margin-top: 5pt;
 position:relative;
 height:27px; 
 width:100%;
 background-color:#F5F5F7;
} 
#leftcol{
 width:160px; 
 float:left; 
 position:relative; 
 background-color:#FFFFFF; 
 }
#maxcol{
 width:100%; 
 position:relative; 
 background-color:#FFFFFF;
 border-left: 1px #e1e1e1 dotted; 
 } 
#twocols{
 width:600px; 
 float:right; 
 position:relative; 
  }
#rightcol{
 width:150px; 
 float:right; 
 position:relative; 
 background-color:#FFFFFF;
 }
#maincol{background-color: #e1e1e1;  
 float: left; 
 display:inline; 
 position: relative; 
 width:440px; 
 }
#footer_advertising{
 height:70px;
 text-align:center;
 vertical-align:middle; 
 background-color:#f5f5f5;
 clear:both;
 border-top: 4px solid #fff;
 } 
#footer{
 height:30px;
 text-align:center;
 vertical-align:middle; 
 background-color:#fff;
 border-top: 3px solid #ccc;
 margin-bottom: 5px; 
 clear:both;
 background:url(../images/footer.png);
 background-repeat: no-repeat;
 background-position:center;
 background-position:top;
 font-family       :"Tahoma", Arial, Helvetica, sans-serif;
 font-size         : 10px;
 color             : #fff;
} 
#footer a { 
   font-family       :"Tahoma", Arial, Helvetica, sans-serif;
  font-size         : 10px;
  color             : #f5f5f5;
text-decoration: none; 
}
#footer a:hover { color: #fff; }
#footer p { 
	color: #fff; 
	text-align: center;
}    
 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
.clearfix{display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  
 
td, tr, p, /*div*/ {
  font-family       :"Tahoma", Arial, Helvetica, sans-serif;
  font-size         : 12px;
  color             : #666666;
}
hr {
  color             : #DADDD0;
  height            : 1px;
  width             : 100%;
}
.main { 
  float             : left; 
  width             : 100%;
  margin            : 0px; 
  padding           : 0px;
}
.contentdescription { 
  width             : auto !important;
  display           : block;
} 
table.moduletable {
  width			    : 99%;
  table-layout	    : auto;
}
table.moduletable th {
  font-size         : 11px;
  font-weight       : bold;
  text-transform    : uppercase;
  text-align        : justify;
  height            : 22px;
  line-height       : 22px;
  text-indent       : 8px;
  letter-spacing    : 1px;
  color             : #FFF;
  background-image  : url(../images/modul.jpg);  
}
table.moduletable td {
  padding-left      : 0px;
  padding-right     : 0px;
  padding-top	    : 0px;
  padding- bottom   : 0px;
  margin			: 4px;
}
.back_button {
  color             : #996600;
  font-family       :"Tahoma", Arial, Helvetica, sans-serif;
  font-size         : 11px;
  background        : url(../images/but.gif);
  white-space       : normal;
  font-weight       : normal;
  border            : 1px solid #DADDD0;
  padding-bottom    : 4px;
  padding-left      : 10px;
  padding-right     : 10px;
  padding-top       : 4px;
  margin-right      : 4px;
  float             : right;
  font-weight       : normal;
  line-height       : 10px;
  text-decoration   : none; 
}
.button {
  font-size         : 11px;
  color             : #666666;
  background-color	: #FFF;
  border            : 1px solid #DADDD0;
  margin-bottom     : 5px;
  padding           : 1px;
  background-image  : url(../images/but.gif);
 }

.inputbox {
  border            : 1px solid #CCCCCC;
  background-color  : #F3F3F3;
  /*imiaton 2008-10-15: se modifica  margin-bottom     : 5px;*/
  margin-bottom     : 1px;
  /*imiaton 2008-10-15. Se agrega font_size*/
  font-size         : 11px;
  color		    : #666666;
}
.sectiontableheader {
  font-size         : 12px;
  font-weight       : bold;
  text-transform    : uppercase;
  letter-spacing    : 1px;
  color             : #FFFFFF;
  background        : #FBFBF9;
  background-image	: url(../images/modul.jpg);
  padding           : 3px;
}
.sectiontableentry1 {
  padding           : 3px;
  margin			: 3px;
  background        : #F3F3F3;
  border-top        : 1px solid #FFFFFF;
  border-bottom     : 1px solid #DADDD0;
}
.sectiontableentry2 {
  padding           : 3px;
  margin			: 3px;
  border-top        : 1px solid #FFFFFF;
  border-bottom     : 1px solid #DADDD0;
}
a.mainlevel {
  margin-top        : 1px;
  padding           : 2px 2px 2px 2px; 
  font-size         : 11px;
  width             : 160px;
  text-indent       : 0px;
}
a.menu {
  margin-top        : 1px;
  padding           : 2px 2px 2px 2px; 
  font-size         : 11px;
  width             : 160px;
  text-indent       : 0px;
}
a.mainlevel:link, a.mainlevel:visited {
  display           : block;
  font-weight       : normal;
  color             : #1A4A88;
  width             : 160px;
  background-color  : #EEEEEE;
  border-bottom: 1px solid #CCC;
  border-top: 1px solid #fff;
}

a.menu:link, a.menu:visited {
  display           : block;
  font-weight       : normal;
  color             : #1A4A88;
  background-color  : #EEEEEE;
  border-bottom: 1px solid #CCC;
  border-top: 1px solid #fff;
}
a.mainlevel:hover {
  background-color  : #FBFBF9;  
  color             : #000000;
  font-weight       : normal;
  text-decoration   : none;
}
a.menu:hover {
  background-color  : #FBFBF9;  
  color             : #000000;
  font-weight       : normal;
  text-decoration   : none;
}
#active_menu {
  color             : #003366;
  font-weight       : bold;
  background-color  : #FBFBF9;
}
a#active_menu:hover {
  color             : #333333;
  background-color  : #FBFBF9;
  font-weight       : bold;
}
ul#menumainlevel-nav li#current {
  color             : #003366;
  font-weight       : bold;
  background-color  : #FBFBF9;
}
ul#menumainlevel-nav li#current a{
  color             : #003366;
  font-weight       : bold;
  background-color  : #FBFBF9;
}
ul#menumainlevel-nav li#current a:hover {
  color             : #333333;
  background-color  : #FBFBF9;
  font-weight       : bold;
}
a:link, a:visited {
  color             : #1A4A88;
  text-decoration   : none;
  font-weight       : normal;
}
a:hover {
  color             : #0066FF;
  text-decoration   : none;
  font-weight       : normal;
}
a.category:link, a.category:visited {
  font-weight       : normal;
}
a.readon:link, a.readon:visited {
  color             : #000000;
  font-family       :"Tahoma", Arial, Helvetica, sans-serif;
  font-size         : 11px;
  white-space       : normal;
  font-weight       : bold;
  text-decoration   : none;
  padding-left: 18px;
  background: url(../images/indent_arrow.png) no-repeat 0 50%;
  
  padding-top: 5px;
   padding-bottom: 5px;
   margin-bottom: 3px;
   margin-top: 5px;
  border-top: 1px #e1e1e1 solid;
}
a.readon:hover {
  color             : #003366;
  font-family       :"Tahoma", Arial, Helvetica, sans-serif;
  font-size         : 11px;
  background        : url(../images/but.gif);
  white-space       : normal;
  font-weight       : bold;
  text-decoration   : none;
  padding-left: 18px;
  background: url(../images/indent_arrow.png) no-repeat 0 50%; 
}
ul {
  margin            : 2px;
  padding-left      : 10px;
  list-style        : none;
}
table.contenttoc {
  border: 1px solid #FFF;
  padding: 2px;
  margin-left: 2px;
  margin-bottom: 2px;
}
table.contenttoc td {
  padding: 2px;
}
table.contenttoc th {
    color: #666666;
	text-align: justify;
	padding-top: 2px;
	padding-left: 4px;
	height: 21px;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
}
.pagenavcounter {
  font-size         : 10px;
  color             : #666666;
}
.pagenavbar {
  border-top        : 1px solid #999999;
  padding           : 2px;
}
.pagenav {
  font-weight       : bold;
  color             : #CCCCCC;
}
a.pagenav:link, a.pagenav:visited {
  text-decoration   : none;
}
a.pagenav:hover {
  text-decoration   : none;
}
.date {
  font-size         : 10px;
  color             : #8BACDA;
  padding-top		: 1px;
}
.small {
  font-size         : 10px;
  color             : #666666;
}
.postedby {
  font-size         : 10px;
  color             : #CCCCCC;
}
.smalldark {
  font-size         : 10px;
  color             : #666666;
}
.createdate, .modifydate {
  font-size         : 10px;
  color             : #CCCCCC;
}
.content_vote {
  font-size         : 10px;
  height            : 22px;
  padding-top       : 2px;
  padding-bottom    : 2px;
}
.content_rating {
  font-size         : 10px;
  color             : #666666;
}
.pathway {
  font-size         : 10px;
  color             : #999999;
  padding-top       : 15px;
}
a.pathway:link, a.pathway:visited {
  font-size         : 10px;
  color				: #8BACDA;
}
a.pathway:hover {
  font-size         : 10px;
  color				: #e1e1e1;	
}
table.content{
  width             : 100%;
  padding           : 0px;
  border-collapse   : collapse;
  border-spacing    : 0px;
  margin-bottom     : 10px;
}
table.contentpane {
  width             : 100%;
  padding     		: 5px;
  border-spacing    : 0px;
  margin-bottom     : 5px;
}
table.contentpaneopen {
  width             : 100%;
  padding           : 5px 5px 5px 5px;
  border-spacing    : 8px;
  margin-bottom     : 5px;
  
}
.pollstableborder{
  border-color      : #666666;
}
.contentheading {
  font-family       :"Tahoma", Arial, Helvetica, sans-serif;
  font-size         : 14px;
  font-weight       : bold;
  font-style        : inherit;
  text-align        : justify;
  color             : #1A4A88;
  width             : 340px;
  border-bottom: 1px #e1e1e1 solid;
   border-top: 1px #e1e1e1 solid;
   padding-top: 3px;
   padding-bottom: 3px;
}

.componentheading {
  font-family       :"Tahoma", Arial, Helvetica, sans-serif;
  font-size         : 23px;
  font-weight       : normal;
  text-align        : justify;
  color             : #CC3300;
  width             : 100%;
  padding-bottom: 3px;
}
a.componentheading:link, a.componentheading:visited {
font-family       :"Tahoma", Arial, Helvetica, sans-serif;
  font-size         : 23px;
  font-weight       : normal;
  text-align        : justify;
  color             : #CC3300;
  width             : 100%;
  padding-bottom: 3px;
}
a.componentheading:hover {
  font-family       :"Tahoma", Arial, Helvetica, sans-serif;
  font-size         : 23px;
  font-weight       : normal;
  text-align        : justify;
  color             : #333;
  width             : 100%;
  padding-bottom: 3px;
}
.contentpagetitle {
  font-family       :"Tahoma", Arial, Helvetica, sans-serif;
  font-size         : 16px;
  font-weight       : bold;
  text-transform    : uppercase;
  text-align        : justify;
  color             : #1A4A88;
  width             : 100%;
  }
a.contentpagetitle:link, a.contentpagetitle:visited {
  font-size         : 16px;
  color             : #1A4A88;
  font-weight       : bold;
}
a.contentpagetitle:hover {
  font-size         : 16px;
  color             : #0066FF;
  font-weight       : bold;
}
.title {
  font-family       :"Tahoma", Arial, Helvetica, sans-serif;
  font-weight       : bold;
  text-transform    : uppercase;
  font-size         : 20px;
  text-align        : center;
  color             : #FFFFFF;
}
.title a:link, .title a:visited {
  font-weight       : bold;
  text-transform    : uppercase;
  font-size         : 20px;
  color             : #FFFFFF;
}
.title a:hover {
  font-weight       : bold;
  text-transform    : uppercase;
  font-size         : 20px;
  color             : #CCCCCC;
}



/*******  Estos son para el segundo nivel************/
ul#menumainlevel-nav {
  list-style		: none;
  padding			: 0;
  margin			: 0;
  font-size			: 0.8em;
  font-weight       : bold;
}
ul#mainlevel-nav li a {
  display			: left;
  padding-left		: 15px;
  padding-right		: 15px;
  padding-top: 5px;
  text-decoration	: none;
  color				: #e1e1e1;
  background		: transparent;
  border-left: #333 1px solid;
  border-right: #ccc 1px solid;
  height: 30px;
  vertical-align: middle;
  font-weight       : bold;
}
ul#menumainlevel-nav li a {
  margin-top        : 1px;
  padding           : 2px 2px 2px 2px; 
  font-size         : 11px;
  width             : 160px;
  text-indent       : 0px;
  background-color:#a2b0bc;
  border-bottom:1px solid #CCCCCC;
  border-top:1px solid #FFFFFF;
  color:#ffffff;
  display:block;
  font-weight:bold;
}

ul#menumainlevel-nav li a:hover {
background-color:#FBFBF9;
color:#566a8b;
font-weight:bold;
text-decoration:none;
}
#subbox {
  font-family       :"Tahoma", Arial, Helvetica, sans-serif;
  
  font-size         : 10px;
  height            : 18px;
  width             : auto;
}
#subnavlist {
  margin            : 0px;
  padding           : 0px;
}
#subnavlist ul, #subnavlist li {
  margin            : 0px;
  padding           : 0px;
  display           : inline;
  list-style-type	: none;
}
#subnavlist a:link, #subnavlist a:visited {
  float             : justify;
  font-weight       : normal;
  line-height       : 16px;
  padding           : 0px 0px 0px 18px;
  text-decoration   : none;
  color             : #FFFFFF;
}
#subnavlist a:link#subcurrent, #subnavlist a:visited#subcurrent, #subnavlist a:hover {
  color             : #FFF;
}
a.sublevel:link, a.sublevel:visited {
  padding    		: 2px 0px 2px 5px;
  vertical-align	: middle;
  font-size			: 10px;
  font-weight		: normal;
  color				: #003366;
  text-align		: justify;
  
}
a.sublevel:hover {
  color				: #0066FF;
  text-decoration	: none;

}
.footer {
  font-family       :"Tahoma", Arial, Helvetica, sans-serif;
  color             : #888888;
  font-size         : 12px;
  font-weight       : normal;
}
.footer a:link, .footer a:visited {
  font-size         : 12px;
  color             : #888888;
  text-decoration   : none;
  font-weight       : normal;
}
.footer a:hover {
  font-size         : 12px;
  color             : #FFF;
  text-decoration   : none;
  font-weight       : normal;
}
.highlight {
  background-color	:#FFFFFF;
}
div.mosimage {
  border			: 1px solid #ccc;
}
.mosimage {
  border			: 1px solid #cccccc;
  margin			: 5px
}
.mosimage_caption {
  margin-top		: 2px;
  background		: #efefef;
  padding			: 1px 2px;
  color				: #666;
  text-transform	: normal;
  font-size			: 10px;
  border-top		: 1px solid #cccccc;
}


.destacado  {
  font-family       : "Tahoma", Verdana, Arial, Helvetica, sans-serif;
  font-size         : 11px;
  color             : #465E75;
  font-weight:bold;
  line-height: 15px;
  text-align: justify;
  padding-top: 3px;
   padding-bottom: 3px;
  
}
 .destacado_bolder  {
  font-family       : Arial, Helvetica, sans-serif;
  font-size         : 11px;
  color             : #344556;
  font-weight: bolder;
  line-height: 20px;
  text-align: justify;
  	}
.destacado_rojo  {
  font-family       : "Tahoma", Arial, Helvetica, sans-serif;
  font-size         : 11px;
  color             : #EE2D2A;
  font-weight:bold;
  line-height: 20px;
  text-align: justify;
  	}	

.destacado_azul  {
  font-family       : "Tahoma", Verdana, Arial, Helvetica, sans-serif;
  font-size         : 11.5px;
  color             : #1A3760;
  font-weight:bold;
  text-align: justify;
  line-height: 18px; /* height of icon */
}
.p_textonegrita {
	font-family:"Tahoma", Verdana, Arial, Helvetica, sans-serif;
  color             : #333;
	font-weight: bold;
   font-size         : 11px;
   line-height: 18px;

}
.p_textoitalica {
	font-family:"Tahoma", Verdana, Arial, Helvetica, sans-serif;
  color             : #333;
	font-weight: normal;
	font-style:italic;	
   font-size         : 11px;
   line-height: 18px;

}

.quotex {
	font-family:"Tahoma", Verdana, Arial, Helvetica, sans-serif;
  color             : #1A3760;
	font-weight: normal;
	font-style:italic;	
   font-size         : 14px;
   line-height: 18px;

}
	.texto_normal {
  font-family       : "Tahoma", Verdana, Arial, Helvetica, sans-serif;
  font-size         : 11px;
  color             : #1A3760;
  font-weight:normal;

}

/* JooTags -   Tags de articulos*/
.JooTagsPath{
/*Camino al articulo tagueado*/
background-color: #919EAE;
font-size: 12px;
font:bold;
font-style: normal ;  
color: #FFFFFF;
}
.jootags_item{
/*cada articulo tagueado */
  border-top:  2px #CC3366;
  border-top-style: solid;  
}
div.jootags{
	/**/
    border: 0px solid Gray;

}
div.jootags_item h2{

	line-height:1.5;

}

/* empiezo a asignar los z-index*/
#degradee_top {
	z-index: 1;
}
#degradee_top table{
	z-index: 2;
}
#degradee_top table table{
	z-index: 3;
}
.pixsearchbuscar {
	z-index: 40;
}
.ps_results{
	z-index: 10000;
}