@charset "utf-8";
/**************************************
**************************** Compability
***************************************/
/*@font-face {
	font-family: "MyArial";
	src:url("../css/ArialRounded.ttf");
	font-weight:normal;
}*/


/**************************************
**************************** Overwrite
***************************************/
body, html, p, h1, h2, h3, h4, h5, h6, form, ul, li
{
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
}
body, .font, input, textarea, select
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
li { list-style:none; }
a img { border:0px; }
label { cursor:pointer; }
a { text-decoration:none; color:#482987; }

img { behavior: url(../css/iepngfix.htc) }

/**************************************
************************ Specific Nodes
***************************************/
body {
	background:url('../images/backmain.jpg') repeat-x #916BD1;
	font-family: Arial, Helvetica, sans-serif;
	}

/**************************************
**************************** Main nodes
***************************************/

.alert
{
	color: #f58220;
	font-weight: bold;
	font-size:12px;
}

#wrapper {
		margin:0 auto;
		width:971px;
		background:url('../images/backgen.png') repeat-y;
	}


#subwrapper {
		margin:0px 9px 0px 12px;
	}

/*
** ---------------------------------------*/	
/*
** Header principal */
#header
{
	background: url('../images/bg_head_gral.gif') repeat-x;
	height: 127px;
	margin: 0 0 7px 0;
}

.header_home #subheader, .header_perros #subheader
{
	background: url('../images/backperros.gif') no-repeat right top;
	height: 80px;
}

.header_gatos #subheader {
		background: #fdb728 url('../images/backgatos.gif') no-repeat right top;
		height: 95px;

	}

.header_peces #subheader {
		background: #00ada8 url('../images/backpeces.gif') no-repeat right top;
			height: 95px;

	}
	
.header_aves #subheader {
		background: #e2383f url('../images/backaves.gif') no-repeat right top;
			height: 95px;

	}	
	
#header a.logo {
		background:url('../images/logo_gral.gif') no-repeat;
		width:206px;
		display:block;
		margin:26px 0px 0px 20px;
		height:44px;
		float:left;
		text-decoration:none;
	}




#header a.logoGatos {
		background:url('../images/logo_gatos.gif') no-repeat;
		width:217px;
		display:block;
		margin:5px 0px 0px 20px;
		height:60px;
		float:left;
		text-decoration:none;
	}


#header a.logoPeces {
		background:url('../images/logo_peces.gif') no-repeat;
		width:206px;
		display:block;
		margin:10px 0px 0px 20px;
		height:54px;
		float:left;
		text-decoration:none;
	}


#header a.logoAves {
		background:url('../images/logo_aves.gif') no-repeat;
		width:206px;
		display:block;
		margin:25px 0px 0px 20px;
		height:40px;
		float:left;
		text-decoration:none;
	}



#header .menu {
		background:#fff;
		height:30px;
		clear:both;
	}
	
#header .menu li {
		margin-top:4px;
		background:#825dc2;
		width:128px;
		float:left;
		height:35px;
	}

#header .menu li a {
		display:block;
		height:35px;
		overflow:hidden;
		text-decoration:none;
	}

#header .menu li span {
		display:block;
		padding-top:33px;
	}

#header .menu li.perros, #header .menu li.perrosActivo{  width:118px; }
#header .menu li.gatos, #header .menu li.gatosActivo{  width:108px; }
#header .menu li.peces, #header .menu li.pecesActivo{  width:111px; }
#header .menu li.reptiles, #header .menu li.reptilesActivo{  width:130px; }
#header .menu li.roedores, #header .menu li.roedoresActivo{  width:142px; }
#header .menu li.aves, #header .menu li.avesActivo{  width:99px; }
#header .menu li.varios, #header .menu li.variosActivo{  width:110px; }
#header .menu li.hurones, #header .menu li.huronesActivo{  width:132px; }



#header .menu li.perros a{ 	background:url('../images/btnperros.gif') no-repeat top left; }
#header .menu li.perrosActivo{ 	background:url('../images/btnperros2.gif') no-repeat top left; }
#header .menu li.gatos a{ 	background:url('../images/btngatos.gif') no-repeat top left; }
#header .menu li.gatosActivo{ 	background:url('../images/btngatos2.gif') no-repeat top left; }
#header .menu li.peces a{ 	background:url('../images/btnpeces.gif') no-repeat top left; }
#header .menu li.pecesActivo{ 	background:url('../images/btnpeces2.gif') no-repeat top left; }
#header .menu li.reptiles a{ 	background:url('../images/btnreptiles.gif') no-repeat top left; }
#header .menu li.reptilesActivo{ 	background:url('../images/btnreptiles2.gif') no-repeat top left; }
#header .menu li.roedores a{ 	background:url('../images/btnroedores.gif') no-repeat top left; }
#header .menu li.roedoresActivo{ 	background:url('../images/btnroedores2.gif') no-repeat top left; }
#header .menu li.aves a{ 	background:url('../images/btnaves.gif') no-repeat top left; }
#header .menu li.avesActivo{ 	background:url('../images/btnaves2.gif') no-repeat top left; }
#header .menu li.varios a{ 	background:url('../images/btnvarios.gif') no-repeat top left; }
#header .menu li.variosActivo{ 	background:url('../images/btnvarios2.gif') no-repeat top left; }
#header .menu li.hurones a{ 	background:url('../images/btnHurones.gif') no-repeat top left; }
#header .menu li.huronesActivo{ 	background:url('../images/btnHurones2.gif') no-repeat top left; }



#header .menu li a:hover, #header .menu li a.active { background-position:0px -35px; }

#header .topmenu {
		float:right;
		word-spacing:10px;
		color:white;
		font-size:12px;
		font-family:Verdana, Arial;
		font-weight:bold;
		margin:5px 10px 0 0;
	}
	
#header .topmenu a { text-decoration:none; color:white; word-spacing:normal; }

#header .cartpreview
{
	position: absolute;
	border: 1px solid #DD6E01;
	border-bottom: 0px;
	height: 40px;
	width: 190px;
	clear: none;
	background: url('../images/carrito.png') no-repeat 10px 10px #FFA848;
	margin: 50px 0px 0px 360px;

}
	
#header .cartpreview .total {
		top: 13px;
		left:50px;
		position:relative;
		color:#fff;
		font-weight:bold;
		font-size:12px;
	}

#header .cartpreview .price {
		top: 13px;
		left:50px;
		position:relative;
		color:#482987;
		font-weight:bold;
		font-size:15px;
	}
	
#cart_detail_oitem
{
	cursor: default;
	width: 336px;
	display: none;
	position: absolute;
	margin: 91px 0px 0px 357px;
}
	
#cart_detail_oitem .cont
{
	background: url('../images/cartbox_1.png');
}

#cart_detail_oitem .cont li {
		margin-left:10px;
		height:55px;
		padding:1px;
		background:url('../images/cartbox_sep.gif') no-repeat bottom left;
	}

#cart_detail_oitem .cont li a {
		font-size:12px;
		color:#482987;
	}

#cart_detail_oitem .cont li span {
		float:left;
		margin:15px 0px 0px 20px;
	}

#cart_detail_oitem .cont li img {
		float:left;
		margin-right:0px;
	}

#cart_detail_oitem .cont li div {
		float:right;
		text-align:right;
		font-weight:bold;
		margin:14px 20px 0px 0px;
	}

#cart_detail_oitem .cont li.tot {
		height:25px;
		text-align:right;
		background:none;
		color:#482987;
		font-weight:bold;
		font-size:13px;
		padding:5px 20px 0px 0px;
	}

#cart_detail_oitem .base {
	margin:0px 5px 0px 4px;
}

#cart_detail_oitem .top {
		margin:0px 0px 0px 0px;
		height:33px;
		background:url('../images/cartbox_top.jpg');
	}
	
#cart_detail_oitem .top span {
		float:left;
		margin:8px 10px;
		color:#482987;
		font-size:15px;
		font-weight:bold;
	}

#cart_detail_oitem .top a {
		float:right;
		font-weight:bold;
		text-decoration:none;
		margin:10px 10px 0px 0px;
	}

#cart_detail_oitem .bshadow {
		height:9px;
		background:url('../images/cartbox_2.png') no-repeat bottom left;
		display:block; /* for ie */
	}

#cart_detail_oitem .footer {
		height:35px;
		text-align:center;
		padding-top:10px;
		background:url('../images/cartbox_btm.jpg') repeat-x;
	}

#header .search
{
	float: right;
	border: none;
	border-left: 1px solid #DD6E01;
	border-top: 1px solid #DD6E01;
	height: 40px;
	width: 390px;
	clear: right;
	background: #FFA848;
	margin: 30px 0px 0px 0px;
	padding: 0;
}
	
#header .search table
{
	margin: 0;
	padding: 0;
}	

#header .search label
{
	color: white;
	font-weight: bold;
	font-size: 12px;
	margin: 1px 10px;
	width: 120px;
}

#header .search .jNiceWrapper
{
	margin: 8px 0px;
	border: 1px solid #DC8A29;
	width: 119px;
	height: 20px;
}

#header .search .jNiceSelectWrapper
{
	width: 120px !important;
	height: 20px;
}

#header .search .jNiceSelectText {
		width:100px !important;
}

#header .search .itext
{
	width: 120px;
	padding: 1px;
	border: 1px solid #DC8A29;
	margin: 0;
	height: 18px;
}

#header .search .submit {
	
	margin: 0px;
}


/*
** ---------------------------------------*/	
/*
** Header perros */
.header_perros {}


/*
** ---------------------------------------*/	
/*
** Side */
#side {
		float:left;
		width:200px;
	}

/*
** ---------------------------------------*/	
/*
** login form */
#side .blogin {
		padding:10px 8px;
		margin-top:5px;
		background:url('../images/bg_menu_lat_2.jpg') repeat-x #FA8E2E;
	}

#side .blogin form {
		margin:4px 0px 0px 5px;
	}

#side .blogin label {
		width:63px;
		float:left;
		color:#482987;
		margin:4px 0;
	}

#side .blogin form .itext {
		width:85px;
		padding:1px;
		font-size:11px;
		margin:4px 0;
		border:1px solid #DC8A29;
	}

#side .blogin form .login {
		float:right;
		margin:4px 12px 0 0;
	}

#side .blogin form ul {
		margin-left:20px;
	}

#side .blogin form ul li {
		height:15px;
		margin-left:0;
		list-style:url('../images/bull_purple.png');
	}

#side .blogin form ul li a {
		color:#482987;
		padding:0;
		text-decoration:none;
	}
	
#side .blogin .wlcome {
		display:block;
		color:#482987;
		margin:10px 4px;
	}

/*
** ---------------------------------------*/	
/*
** Menu Izquierda */
/** -- bg general --*/
#side .menu {
		background:url('../images/bg_menu_lat.gif') repeat-x #6D4AAC;
	}

#side .menu li
{
	padding: 0;
	margin: 0;
}

#side .menu li a
{
	display: block;
	padding: 9px 9px 0px 9px;
	margin: 0;
	height: 20px;
}
	
#side .menu li a:hover
{
	display: block;
	background: #FB8F2F;

}	

/** -- separators --*/
#side .menu li.separator
{
	background: url('../images/div_menu.gif') no-repeat;
	padding: 0;
	margin: 0;
	height: 2px;
}

/** -- general ul --*/
#side .menu li ul {
		margin:5px 0px;
		/**display:none;*/
		width:100%;
	}

#side .menu li ul.active {
		/**display:block;*/
	}

/** -- childs --*/
#side .menu li ul li {
		margin:0px 4px 0px 4px;
	}

/** -- childs f childs --*/
#side .menu li ul li ul li
{
	margin: 0;


}

/** -- style for first child --*/
#side .menu li ul li a
{
	padding: 2px 0px 2px 30px;
	color: white;
	background: url('../images/bull_bco.png') no-repeat 10px 2px;
	text-decoration: none;
	height: auto;
}
	
#side .menu li ul li a:hover {
		padding:2px 0px 2px 30px;
		color:white;
		background:#DD6D01 url('../images/bull_bco.png') no-repeat 10px 2px;
		text-decoration:none;
		
	}	

/** -- style for sub child  --*/
#side .menu li ul li ul li a {
		padding-left:35px;
		background-position:20px 2px;
	}

/** -- style for first child and is active --*/
#side .menu li ul li a .activo {
		background-color:#DD6D01;
	}

/** -- style for SUB child'S and is active --*/
#side .menu li ul li ul li a.active
{
	background: url('../images/bull_purple.png') no-repeat 20px 4px #FFC665;
	color: #482987;
	height: 15px;
	
}
	


#side .activo
{
	background: #FB8F2F;
}

/*
** ---------------------------------------*/	
/*
** Banners */
#side .banners {
		margin-bottom:5px;
	}

#side .banners .item {
		margin-top:5px;
	}

/*
** Filters to any */
#side .filters {
	margin-bottom:5px;
}

/*
** Apply to any title in filters ( default for dog's) */
#side .filters .item a.title {
	color:white;
	display:block;
	background:#F68121;
	height:18px;
	font-size:14px;
	padding:4px 5px;
}

/*
** Apply to any img arrow in filters */
#side .filters .item a.title img {
	float:right;
	margin:7px 8px 0px 0px;
}

/*
** Apply to any list in filters */
#side .filters ul {
	margin-left:10px;
	padding:6px 0px 10px 10px !important;
}

#side .filters li {
	color:#472987;
	list-style:disc;	
}

#side .filters ul a {
	color:#472987;
}

/*
** Removing and add for dog's  */
#side .filters .perros {
	background:#FDE2C0;
}

	/*
	** Removing default for dog's and add for fish  */
	#side .filters .peces a.title {
		background:#00ADA8;
	}
	#side .filters .peces {
		background:#CCEFEE;
	}

/*
*************************************************/

/*
** Main content */
#container {
		float:left;
		width:745px;
		margin-left:5px;
	}

#container h1 {
		font-family: Arial, Helvetica, sans-serif;
		font-size:20px;
		color:#472987;
	}

#container h2 {
		font-family:Arial, Helvetica, sans-serif;
		font-size:16px;
		font-weight:bold;
		color:#472987;
	}

#container h3 {
		font-family:Arial, Helvetica, sans-serif;
		font-size:16px;
		font-weight:normal;
		color:#472987;
	}

#container h5 {
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight:bold;
		color:#472987;
		margin:0;
		padding:0;
	}

	
/*



/** Main banner */
#mainbanner
{
	width: 745px;
	height: auto;
	overflow: hidden;
	padding: 0;
	margin: 0;
	z-index: 0;
	
}

#mainbanner div
{
	width: 764px;
	height: auto;
	overflow: auto;
	z-index: 0;
	padding: 0;
	margin: 0;
}

#mainbanner span {
		display:block;
		height:30px;
	}

#mainbanner p {
		z-index:1000;
		display:block;
		height:20px;
		width:400px;
		position:absolute;
		margin:15px 0px 0px 320px;
		text-align:right;
	}

#izquierda
	{
		float: left;
		margin: 0px 10px 10px 0px;
	}

#derecha
	{
		float: right;
		margin: 0px 0px 10px 10px;
	}

#main {
		margin:20px 0px 20px 0px;
	}

#main p {
		margin:7px 0px 12px 0px;
	}

#main ul {
		margin-left:15px;
	}

#main li {
		color:#472987;
		font-size:11px;
		list-style:url('../images/bull_purple.png');
	}

#main ul a {
		color:#472987;
		text-decoration:none;
	}
	
#main ul.simple {
		margin-left:25px;
	}

#main ul.simple li {
		color:#656565;
		list-style:disc;
		font-weight:bold;
	}

#main ul.simple li a {
		color:#656565;
		font-weight:bold;
	}

#promos, .promosi {
	margin-top:20px;	
}

#promos .item, .promosi .item {
	float:left;
	margin-left:15px;
}

#promos .banner, .promosi .item {
	padding-top:20px;
}

.promosi .item {
	margin:0px 15px 0px 0px;
}


/*
** Footer */
#footer {
		padding-left:10px;
		clear:both;
		height:185px;
		background:url('../images/bg_foot.gif') repeat-x #999;
	}
	
#footer .teaser {
		float:left;
		width:165px;
		margin:10px 0;
	}

#footer .teaser h1 {
		color:white;
		display:block;
		float:left;
		border-bottom:1px solid white;
		padding-bottom:2px;
		font-size:12px;
	}

#footer .teaser ul {
		clear:both;
		margin-left:10px;
		padding:10px 0;
	}

#footer .teaser li {
		color:white;
		list-style:disc;
	}
	
#footer .teaser li a {
		color:white;
		text-decoration:none;
	}

#footer .teaser li a:hover {
		text-decoration:underline;
	}
	
#footer .copyright {
		float:right;
		color:white;
		margin:10px 10px 0px 0px;
		text-align:right;
	}

#footer .copyright img {
		margin-left:10px;
	}
	
#footer .branch {
		color:white;
		margin-top:25px;
	}

.nline {
		clear:both;
	}

img.right {
		float:right;
	}
	
img.left {
		float:left;
	}
	
p.center {
		text-align:center;
	}

.paragraph {
		color:#656565;
		font-size:12px;
		float:left;
		margin-left:10px;
	}

.pregular {
		width:350px;
	}
	
.pall {
	margin:0px 10px 0px 0px;
	font-size:11px;
}

.center {
	text-align:center;
}
	
.pmini {
		width:351px;
	}
	
.pscrollslider {
	overflow:hidden;
	width:98%;
}

#sld_vv { border: 1px solid black; }

.slider-vertical{ border: 1px solid black;}
	
.content-box-1 {
		float:left;
		margin-right:15px;
		background:url('../images/contbox1.jpg');
		width:348px;
		height:181px;
	}

.content-box-1 h1 {
		padding:15px 0px 0px 10px;	
		margin:0;
	}

.content-box-1 p {
		color:#656565;
		font-size:12px;
		margin:0;
		padding:0px 10px;
	}

/**************************************
************************ Search results
***************************************/
#main .pageResults {
	margin-left:7px;	
}

#main .pageResults .filters
{
	float: right;
	color: #472987;
	margin: 0 10px 0 0;

}


#main .filters
{
	float: right;
	color: #472987;
	margin: 0 10px 0 0;

}


#main .sep_perros, #main .sep_peces, #main .sep_gatos, #main .sep_reptiles, #main .sep_roedores, #main .sep_aves, #main .sep_varios, #main .sep_hurones {
	background:url('../images/separator_perros.jpg') no-repeat;
	height:28px;
	width:720px;
	color:white;
}

#main .sep_peces {
	background:url('../images/separator_peces.jpg') no-repeat;	
}

#main .sep_perros a, #main .sep_peces a, #main .sep_gatos a, #main .sep_reptiles a, #main .sep_roedores a, #main .sep_aves a, #main .sep_varios a, #main .sep_hurones a {
	float:right;
	color:white;
	margin:5px 20px 0px 0px;
}

#main .sep_perros span, #main .sep_peces span, #main .sep_gatos span, #main .sep_reptiles span, #main .sep_roedores span, #main .sep_aves span, #main .sep_varios span, #main .sep_hurones span {
	float:left;
	margin:5px 10px;
}

#main .sep_perros h1, #main .sep_peces h1, #main .sep_gatos h1, #main .sep_reptiles h1, #main .sep_roedores h1, #main .sep_aves h1, #main .sep_varios h1, #main .sep_hurones h1 {
	float:left;
	color:white;
	font-size:14px;
	margin:4px 8px;
	font-family:"arial";
}

#main .pageResults .items .teaser
{
	text-align: center;
	float: left;
	width: 183px;
	margin: 10px 0px;
	border-right: 1px dotted #ccc;
}

#main .pageResults .items .lastteaser {
	border-right:none;	
	
}

#main .pageResults .items .teaser p {
	font-weight:bold;
	color:#472987;
}

#main .pageResults .items .teaser span {
	font-size:15px;
	color:#E1383F;
	position:relative;
	top:-3px;
	left:-5px;
	font-weight:bold;
}

#main .pageResults .items .imgTeaser
{
	border: 0px solid blue;
	height: 200px;
}



#main .pageResults .items .imgTeaser img
{
	max-width: 150px;
	margin: 0 0 5px 0;
}

#main .Sucursales, #main .Huesito, #main .Perros, #main .Contacto , #main .Registro,  #main .MapadelSitio, #main .recomienda {
	margin-left:5px;	
}

#main .Perros .paragraph {
	font-size:11px;
}

#main .Contacto form {
	width:383px;
	margin:auto;
}

#main .Contacto form label, #main .Registro form label, #main .recomienda form label { 
	float:left;
	display:block;
	width:87px;
	text-align:right;
	padding-right:7px;
	color:#472987;
}

#main .Contacto form input, #main .Contacto form textarea, #main .recomienda form input, #main .recomienda form textarea {
	border:1px solid #D9D9D9;

}

#main .Contacto form .submit, #main .recomienda form .submit {
	float:right;
}

#main .Registro form {
	margin-left:10px;
}

#main .Registro form label
{
	width: 90px;
	margin-left: 10px;
}

#main .Registro form .quote {
	width:690px;
	margin:auto;
}

#main .Registro form p {
	float:left;
}

#main .Registro .separator {
	display:block;
	border-bottom:1px solid #FFCCCC;
	margin-right:8px;
}

#main .Registro .itext {
	border:1px solid #D9D9D9;
}

#main .Registro form #misKotas .quote1 {
	border-top:1px solid #FFCCCC;
}




/* categorias */

.categorias
{
	margin: 0 0 3px 0;
	padding: 0;
}

.categorias ul
{
	margin: 0;
	padding: 0;
}


.categorias li
{
	margin: 0;
	padding: 5px;
	display: block;
	border-top: 1px solid #fff;
	list-style: none;
	background: #f58220;
	font-size: 13px;
	font-weight: bold;
}

.categorias li a
{
	display: block;
	color: #fff;
}

.categorias li a:hover
{
	font-size: 13px;
	font-weight: bold;
	color: #4c2d8b;
	text-decoration: none;
}


.categorias ul.sub
{
	margin: 0;
	padding: 0;
}


.categorias ul.sub li
{
	margin: 0;
	padding: 5px;
	display: block;
	border-top: none;
	list-style: none;
	font-weight: normal;
	font-size: 11px;
	background: #fcd2a4;
	color: #7551b5;
}

.categorias ul.sub li a
{
	display: block;
	color: #4c2d8b;
}

.categorias ul.sub li a:hover
{
	font-size: 11px;
	font-weight: normal;
	color: #f58220;
}


.categorias ul.sub li a.linkOn
{
	display: block;
	color: #4c2d8b;
	font-weight: bold;
	font-size: 12px;
}

.categorias ul.sub li a.linkOn:hover
{
	font-weight: bold;
	font-size: 12px;
	color: #7551b5;
}

p.legales
{
	color: #fff;
	text-align: right;
}

.legales a
{
	color: #fff;
	text-align: right;
	text-decoration: none;
	margin: 0;
	padding: 0;
}

.legales a:hover
{
	color: #fff;
	text-align: right;
	text-decoration: underline;
}




.containerPerros #mainbanner
{
	height: auto;
	z-index: 0;
	padding: 0;
	margin: 0;
}
.containerPerros #mainbanner div
{
	height: auto;
	z-index: 0;
	
}

.containerCatalogo #mainbanner {
	height:auto;
	
}
.containerCatalogo #mainbanner div
{
	height: auto;
	z-index: 0;
	
}

.ui-slider-handle {
	bottom:100%;
	left:-0.5em;
	margin-bottom:-0.6em;
	border:0 !Important;
	background:#ccc !important;
	cursor:default !important;
	height:2.5em !important;
	width:10px !important;
	position:absolute !important;
	-moz-border-radius:0 !important;
	margin-left:4px !important;
}

.ui-slider-range {
	background:#E6E6E6;
	height:100%;
	bottom:0;
	left:0;
	width:100%;
	position:absolute;
}

.slider-vertical
{
	background: #E6E6E6;
	width: 0.7em;
	position: relative;
	border: 1px solid #E6E6E6;
	-moz-border-radius: 0 !important;
	height: 500px;
}

.fsslider
{
	overflow: auto;
	height: 500px;
	width: 730px;
}

/*SCROLL*/

.flexcroll
{
	width: 715px;
	height: 450px;
}



#newsscroll
{
	width: 370;
	overflow: auto;
	display: block;
	margin: 0px;
	padding: 0px 10px 0px 0px;
}



 #newsscroll hr
 {
 	width: 370px;
 	background-color: #7DA2C4;
 	margin-left: 0;
 	margin-right: 10px;
 }


#newsscroll .scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

#newsscroll .vscrollerbase
{
	width: 8px;
	background: #cecece;
}
#newsscroll .vscrollerbar
{
	width: 8px;
	/* following is the bit that allows us fixed height scrollbars */
	height: 100px !important;
	/* for fixed height, we force the vscrollerbar class with an !important decleration, and fleXcroll follows suit.*/
	background: #492a88;
	/* unfortunately, due to limitations of CSS, we cannot provide a color for the background when we are
using alpha images, thay have to be transparent.*/
}
* html #newsscroll .vscrollerbar {
/* IE6 alpha png trick */
/* IE7 is not affected by this trick, as it perfectly handles the normal png */
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='../img/scrollbar.gif');
background-image: none;
}
/* do not forget to give horizontal scrollbars some color properties even if you don't plan on using them */
#newsscroll .hscrollerbase {height: 22px;}
#newsscroll .hscrollerbar {height: 22px;}
#newsscroll .vscrollerbar, .hscrollerbar {
/* paddings of these elements will decide how far the scrollbar will stop in both ends, and are not actually
used for styling, and are set to 0 by the script, here we will set them the size of our faux arrows */
padding: 0px;
z-index: 4;
}
/* properties for scroller jog box, just in case */
#newsscroll .scrollerjogbox {
width: 22px;
height: 22px;
top: auto; left: auto;
bottom: 0px; right: 0px;

}
/* Scroll Bar Master Styling Ends Here */

/* POP UP */

.destacadosPop table
{
	border: 1px solid #FCD372;
	height: 350px;
}

.destacadosPop img {
	margin:30px;
}

.destacadosPop .cont {
	background: #FCD372;
	height:auto;
}

.destacadosPop .cont h3
{
	font-size: 13px !important;
	font-weight: bold !important;
	padding: 10px 10px 0px 10px;
	margin-top: 20px;
	width: 270px;
}

.destacadosPop .cont p
{
	font-size: 11px;
	margin: 0px !important;
	padding: 0px 2px 0px 10px;
	color: #472987;
	width: 270px;
}

.destacadosPop .cont span {
	font-size:20px;
	color:#E1383F;
	font-weight:bold;
	padding:0px 0px 0px 10px;
}

.destacadosPop .cont span sup {
	font-size:12px;
	position:relative;
	top:4px;
}

.destacadosPop .cont a img {
	float:right;
	margin:0 10px 0 0;
}

.destacadosPop .table
{
	border: 1px solid transparent;
	height: 350px;
}
/* TERMINA SCROLL CON IMAGEN */

.destacados .item {
	float:left;
	width:226px;
	margin-right:20px;
	background: #fff url('../images/box_destacado3.jpg');
}

.foto
{
	margin-bottom: 3px;
	width: 120px;
	height: 125px;
}

span.select {
	position:absolute;
	padding:2px;
	height:14px;
	border:1px solid #ccc;
	background:url('../images/jnice/select_right.gif') right 2px no-repeat;
}

span.checkbox {
	position:absolute;
	height:15px;
	width:16px;
	background:url('../images/jnice/checkbox_full.png') top left no-repeat;
}

.destacados .top {
	text-align:center;
	height:140px;
	background:url('../images/box_destacado1.jpg') no-repeat top left;
}

.destacados .top img {
	margin:10px 0;
}

.destacados .cont {
	background:url('../images/box_destacado2.jpg') no-repeat bottom left #FCD372;
	height:100px;
}

.destacados .cont h3
{
	font-size: 12px !important;
	font-weight: bold !important;
	padding: 7px 10px 0px 10px;
	line-height: 12px;
}

.destacados .cont p
{
	font-size: 11px;
	margin: 0px !important;
	padding: 0px 2px 0px 20px;
	color: #472987;
	line-height: 12px;
}





#promocion
{
	font-size: 17px;
	color: #666 !important;
	font-weight: bold;
	padding: 0px 4px 0px 4px;
	margin-left:20px;
	text-decoration: none;
	background: url(../images/promoRojo.gif) repeat-x 10% 50%;
}



.destacados .cont span {
	font-size:17px;
	color:#E1383F;
	font-weight:bold;
	padding:0px 0px 0px 10px;
}

.destacados .cont span sup {
	font-size:12px;
	position:relative;
	top:4px;
}

.destacados .cont a img {
	float:right;
	margin:0 10px 0 0;
}

.altcolor {
	color:#472987;
}

/* Pasea tu mascota */
.desc-summ {
	width:100%;
	margin: 0 0 18px 0;
}
.item-art {
	float:left;
	width:346px;
	height:auto;
	overflow:hidden;
	margin: 0 0 20px 0;
	border-right:1px dotted #ccc;
	padding: 0 10px 0 0;
}
.last-item {
	border-right: none;
	padding: 0 0 0 15px;
}
.item-img
{
	float: left;
	height: 160px;
	width: 150px;
}

.item-img img { width: 150px; }


.item-summ
{
	float: left;
	width: 180px;
	padding-left: 12px;
}
.item-summ h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#472987;
}
.item-summ {
	color: #666666;
}

/* Form Recomienda */
.field {
	width:auto;
	float:left;
	margin: 12px 0 0 0;
	
}
#main .recomienda form label {
	width:125px;
}
#main .recomienda form input, #main .recomienda form textarea {
	border:1px solid #D9D9D9;
}
.msg {
	width: 100%;
}
.rec_btn_env {
	float: right;
	margin: 12px 60px 0 0;
}

/* Conexion */
.content-box-2 {
	float:left;
	margin: 15px 15px 0 0;
	background:url('../images/contbox3.jpg');
	width:348px;
	height:150px;
}

.content-box-2 h1 {
	padding:15px 0px 0px 10px;	
	margin:0;
}

.content-box-2 p {
	color:#656565;
	font-size:12px;
	margin:0;
	padding:0px 10px;
}

#container .box-1 h1 {
	font-size: 12px;
	font-weight: normal;
}
#container .box-2 h1 {
	font-size: 16px;
	font-weight: normal;
}
.frm-conexion p {
	float: left;
}
.frm-conexion select, .frm-conexion .select {
	background-color: #FFF;
}
.frm-conexion p.btn-submit {
	float: right;
	padding: 0 15px 0 0;
}
.frm-conexion label {
	font-size: 12px;
	color: #482987;
}
.frm-conexion input {
	border:1px solid #D9D9D9;
}

.tit_perros {
	background:url('../images/separator_perros.jpg') no-repeat;
	height:28px;
	width:720px;
	color:white;
	margin: 20px 0 10px 0;
}

.tit_perros a{
	float:right;
	color:white;
	margin:7px 20px 0px 0px;
}

.tit_perros span {
	float:left;
	margin:7px 10px;
}

#main .tit_perros h1 {
	float:left;
	color:white;
	font-size:14px;
	margin:4px 8px;
	font-family:"arial";
}

#main .pageResults .items .dg-item p {
	font-weight:normal;
	color:#472987;
	margin: 0;
	text-align: left;
}
#main .pageResults .items .dg-item p.dg-tit {
	margin: 8px 0 0;
	font-weight: bold;
}

#main .pageResults .items .dg-item span {
	font-weight:normal;
	color:#472987;
	font-size: 12px;
}
#main .pageResults .items .dg-item {
	/*border: 1px solid #CCC;*/
	width: 120px;
	padding: 0 30px;
}

.tit_gatos {
	background:url('../images/separator_gatos.jpg') no-repeat;
}

/* **** */
.letters {
	float:left;
	margin:35px 0 20px 15px;
	width:100%;
}
.letters a, .letters span {
	font-size: 22px;
	letter-spacing: 0.5px;
}
.letters a {
	padding: 3px 4px;
	color: #482987;
}
.letters span
{
	color: #FFF;
	padding: 3px 7px;
	-moz-border-radius: 3px;
	background: url(../images/bgNombres.gif) no-repeat;
}
.box-list {
	float:left;
	width: 300px;
	padding: 0 5px 0 25px;
	margin: 25px 0 0 25px;
}

.letter-act {
	float:left;
	font-size: 52px;
	color: #f68121;
	padding: 0 10px 0 0;
}
.letter-list {
	float:left;
	padding: 0 0 0 10px;
	border-left: 3px solid #f68121;
}
.letter-list p {
	font-size: 24px;
	color: #482987;
}
.box-nom {
	height: 72px;
}
.box-nom h1 {
	font-size: 16px;
	font-weight: normal;
}

/* Carrito */

.btn-seg-comp {
	float:left;
	height:34px;
	margin: 15px 0 0 54px;
	border-bottom: 1px solid #CCC;
	width: 560px;
	text-align: right;
}
.cart {
	clear:both;
	width: 560px;
	margin: 0 0 0 54px;
}
.cart-tbl {
	width: 100%;
	border-spacing: 0;
}
.cart-tbl tr {
	/*height: 85px;*/
}
.cart-tbl td {
	vertical-align: middle;
	border-bottom: 1px solid #CCC;
	padding: 0 10px;
	height: 85px;
}

/* AGREGADOS 6 JULIO para el carrito */

.cart-tbl td.cabezales_carrito {
	height: 30px;
	font-size: 12px;
	color: #482987;
}

.cart-tbl td.celda_CP {
	padding: 0px;
	height: 30px;
	border: none;
}

/* AGREGADOS 6 JULIO para el carrito */

.cart-img {
	text-align: center;
	width: 16%;
}
.cart-tit {
	font-size: 14px;
	font-weight: bold;
	color: #482987;
	width: 35%;
}
.cart-pre {
	color: #727272;
	font-size: 12px;
	text-align:right;
	width: 15%;
}
.cart-cant {
	text-align:right;
	width: 14%;
}

/* AGREGADO 6 JULIO */
.cart-cant a {
	font-size: 11px;
	font-weight: bold;
	color: #472a87;
}
/* AGREGADO 6 JULIO */

.cart-tbl input
{
	width: auto;
	border: none;
}
.cart-imp {
	color: #727272;
	font-size: 13px;
	font-weight: bold;
	text-align: right;
	width: 20%;
}
.cart-imp a {
	font-size: 11px;
	font-weight: bold;
	color: #472a87;
}

/* Subtotales */
td.cart-sub {
	border: 0;
	height: auto;
	padding: 12px 0 0;
	text-align: right;
	font-size: 12px;
	color: #727272;
}
td.cart-iva {
	border: 0;
	height: auto;
	padding: 3px 0 0;
	text-align: right;
	font-size: 12px;
	color: #727272;
}
td.cart-emp {
	border: 0;
	height: auto;
}
td.cart-env {
	height: auto;
	padding: 3px 0 3px;
	text-align: right;
	font-size: 12px;
	color: #f68121;
}
td.cart-tot {
	height: auto;
	padding: 3px 0;
	text-align: right;
	font-size: 14px;
	color: #482987;
	font-weight: bold;
}
.btn-emp-pay {
	float:left;
	margin: 15px 0 0 54px;
	width: 560px;
	text-align: center;
}
.btn-pay {
	margin: 0 0 0 15px;
}

/* bread */

.bread
{
	width: 100%;
	font-size: 11px;
	margin: 20px 0 15px 0;
}

.bread a
{
	font-size: 11px;
	color: #f58220;
	text-decoration: none;
}

.bread a:hover
{
	font-size: 11px;
	color: #4c2d8b;
	text-decoration: none;
}