/* Estilos por defecto */
@import "reset.css";

@font-face {
  font-family: 'gara';
  src: url("../css/fonts/gara.eot");/* EOT file for IE */
  src: local('gara'),
  src: url('../css/fonts/gara.ttf') format("truetype") 
}
@font-face {
 font-family: 'gara';
 src: url("../css/fonts/gara.ttf") /* TTF file for CSS3 browsers */
}


body{
	font-family: "Trebuchet Ms", Helvetica, Arial, Verdana, sans-serif;
	font-size: 13px;
	line-height: 20px;
	color: #171717;
    background:#353535 url(../images/BodyBg.gif) repeat scroll center top;
} 
.clearfix {
display:inline-block;
}
#wrapper{margin: 0 auto;width: 890px;text-align: left;background: #000;clear: both;}
/* Header */
#header{
float: left;
/*width: 890px;*/
width: 884px;
/*height: 106px;*/
height:auto;
/*
border-top: 1px solid #c0c0c0;
border-bottom: 1px solid #c0c0c0;
*/
padding:0px 6px 0px 0px;
background-color:#000000;
}
#header #logo { float: left; display: inline; margin: 0 95px 0 46px ; padding: 0; width: 156px;}
#header #logo a { background: url(../images/logo-dogcollars.png) no-repeat; text-indent: -9999px; width: 156px; height: 100px; display: block; border-bottom: none; margin:3px auto;}


/*************************************
* MARQUESINA
*************************************/
#header #div_marquee{width:535px; height:100px; background-color:#000000; margin:3px auto; float:left;}
#header #div_marquee ul.marquee {
	/* required styles */
	display: block;
	padding: 0;
	margin: auto 0;
	list-style: none;
	line-height: 1;
	position: relative;
	overflow: hidden;

	/* optional styles for appearance */
	width: 533px;
	/ width:523px;
	height: 98px; /* height should be included to reserve visual space for the marquee */

	background:#000000 none repeat scroll 0 0;
	border:0px solid #FFFFFF;
	color:#FFF;
}
#header #div_marquee ul.marquee li {
	/* required styles */
	position: absolute;
	top: -999em;
	left: 0;
	display: block;
	white-space: nowrap; /* keep all text on a single line */

	/* optional styles for appearance */
	/*font: 1.5em bold "Arial Black", Helvetica, sans-serif;*/
	padding: 3px 5px;
	font-size:1.5em;
	font-weight:bold;
	font-family:Arial, Gadget, sans-serif,Helvetica;
	
	background:#000000 none repeat scroll 0 0;
	height:100px;
	line-height:100px;
}






#intro { width: 890px; height: 300px; background: url(../images/bg-intro.jpg) repeat-y ;float:left;  position: relative; margin: 0 0 8px 0;overflow:hidden;}
#intro #rotator_banner{
 width:788px;
 height:300px;
 margin:0px auto;
 overflow:hidden;
}
#intro #rotator_banner #bannerimg_top {
float:left;
height:300px;
text-align:left;
width:788px;
overflow:hidden;
}


#menuPan {width:890px; height:40px; float:left; margin-bottom:45px;}
#menuPan ul#topnav {
	margin: 0 0 5px; 
	padding: 0; 
	list-style: none;	
	clear: both;
	float: left;
	width: 100%;
	/*background-color:#794635;*/
	
	background-image:url(../images/botones_bol.jpg);
	background-repeat:repeat-x;
	background-color:#222222;
	
}
#menuPan ul#topnav li{
	margin: 0; 
	padding: 0; 
	overflow: hidden; 
	float: left; 
	height:40px;
	/*font-size: 115%;*/
	font-size:90%;
	/*font-family: Arial, Verdana,Helvetica;*/
	font-family:"gara",Arial, Verdana, Helvetica, sans-serif;
	color:#FFFFFF;
}
ul#topnav a, ul#topnav span {
	padding: 10px 20px; 
	float: left; 
	text-decoration: none; 
	color:#FFFFFF;
	text-transform: uppercase;
	clear: both;
	height: 20px;
	line-height: 20px;
	background: #794635;
}
ul#topnav.v2 span{
	background: url("../images/a_bg.gif") repeat-x left top;
	color:#FFFFFF;
}
.selectedmenu{ margin-top:-40px;}
ul#topnav.v2 a{
	color: #DB261D;
	background: url("../images/a_bg.gif") repeat-x left bottom;
	color:#FFFFFF;
}
ul#topnav.v2 a:hover{
color: #FFFFFF;
}
/* Header */


/* Contenedor del Cuerpo */
#content_body{
float: left;
width: 857px;
margin: 0 0px 10px 27px;
padding: 0;
display: inline;
/*height:500px;*/
}
.widgettitle { color: #FFF; font-size: 12px; font-weight: bold; margin: 0 0 5px 0; padding: 4px 10px; background: url(../images/feed-title-white.jpg) repeat-x top #393B54; border: 1px solid #595882; }

.lefthome{ 
float:left;
margin: 0 41px 0 0 ;
padding: 0;
overflow: hidden;
width:458px;
}


.righthome{
overflow: hidden;
float:right;
margin:0 auto;
padding:0;
width:342px;
}

.lefthome ul, .righthome ul{list-style: none;margin: 0;padding: 0;}
.lefthome ul li, .righthome ul li{display: block;padding: 0;margin: 0;}

.infolocal {
  width: 458px;
  height: 100px;
  float: left;
  padding: 0;
  margin: 0 0 50px 0;
 font-size:0.94em;
 color:#E1E1E1;
 line-height:normal;
  }

.infolocal #cont_imglocal{
  width:149px;
  float:left;
  margin-right:10px;
}

.infolocal img {
float:left;
margin:0 10px 0 0;
}

.infolocal h1 {
font-size:1.1em;
font-weight:bold;
margin:0 0 0.3em 155px;
padding:0;
color:#FFFFFF;
}


.continue{
	background: url(../images/ico-arrow.gif) no-repeat left;
	padding: 0 0 0 13px;
	font-weight:bold;
	float:left;
}
.continue a{
font-family:Arial,Helvetica,Sans-Serif;
font-size:0.90em;
text-decoration:none;
font-weight:normal;
color:#FFFFFF;
}
.continue a:hover{ color:#E1E1E1;}

.streamingmedia{
	padding: 4px;
	border: 1px solid #C1C1C1;
	background: #000;
}
.righthome img{
border:1px solid #CCCCCC;
margin:5px 10px;
padding:5px;
}

/*  Patrocinadores  */
ul#ISIS_Show_ADS li{
float:left;
margin:0 0 0 3px;
padding:0;
display:inline;
}
ul#ISIS_Show_ADS li img{
border:1px solid #CCCCCC;
margin:0px 3px 5px 3px;
padding:5px;
}


/*  FOOTER  */
#footer {
background:#4B4B70 url(../images/img_footer.jpg) repeat-x;
border-top:1px dotted #414141;
font-size:98%;
height:30px;
padding:5px 10px 0;
width:870px;
-width:100%;
color:#FFF;
text-transform:uppercase;
}


/*CSS black style pagination*/
	div.pagination {
		padding: 3px;
		margin: 3px;
		text-align:center;
		color:#a0a0a0;
		font-size:80%;
	}
	div.pagination a {
		border: 1px solid #909090;
		margin-right:3px;
		padding:2px 5px;
		background-image:url('../images/pagination_bar.gif');
		background-position:bottom;
		text-decoration: none;
		color: #c0c0c0;
	}
	div.pagination a:hover, div.meneame a:active {
		border: 1px solid #f0f0f0;
		background-image:url('../images/pagination_invbar.gif');
		background-color:#404040;
		color: #ffffff;
	}
	div.pagination span.current {
		margin-right:3px;
		padding:2px 5px;
		border: 1px solid #ffffff;
		font-weight: bold;
		background-color: #606060;
		color: #ffffff;
	}
	div.pagination span.disabled {
		margin-right:3px;
		padding:2px 5px;
		border: 1px solid #606060;
		color: #808080;
	}



/*****ALBUMNES GALERIA*****/

ul.columngallery{
	width: 100%;
	padding: 0;
	/*margin: 10px 0 50px;*/
	/*margin:10px auto 50px auto;*/
	margin:0 auto;
	list-style: none;
}
ul.columngallery li {
	float: left;
	width: 190px;
	padding: 0;
	margin: 5px 0;
	display: inline;
}
.blockgallery {
	height: 150px;
	font-size: 1em;
	margin-right: 10px;
	padding: 10px;
	background: #0E0904;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	text-align:center;
}

.blockgallery_view{
height: 125px;
}

.blockgallery:hover{
background: #333333;
}

.blockgallery h2 {
   margin:0px;
   padding:0px;
   font-size:105%;
   padding-top:5px;
   font-weight:normal;
   text-align:center;
   color:#FFFFFF;
}
.blockgallery strong {
color:#FFFFFF;
}

.blockgallery img {
	/*width: 89%;*/
	padding: 2%;
	margin: 0 auto;
	background:#fff;
	-ms-interpolation-mode: bicubic;
	display: block;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border:none;
}

.node{
margin-bottom:15px;padding-bottom:0;padding:2px 20px;
}
.node h2.title{
margin-bottom:.1em;
}
.node h2.title a{
font-size:18px;font-weight:bold;font-family:arial,helvetica,sans-serif;line-height:1.4em;margin: .5em 0 .5em 0; color: #484848;
}

.submitted {
color:#F4FFFF;
font-size:11px;
font-weight:bold;
letter-spacing:2px;
text-align:left;
margin-bottom:10px;
}

h2.node-title {text-align:left;}

h2.node-title a{color:#FFFFFF;
color:#FFFFFF;
font-family:"Times New Roman",Times,serif;
font-size:20px;
margin:0.5em 0;
text-decoration:none;
}