/* Neutralizacion */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, hr {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
}
:focus { outline:0; }

ol, ul {list-style: none;}

table {
  border-collapse: separate;
  border-spacing: 0;
}
caption, th, td {
  text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after, 
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

input[type=text], textarea, input[type=file] { 
  font: normal 90% "Comic Sans MS";
  background-color:#f8f8ff;
  color:#333333;
  border: 1px solid #cccccc;
  margin:1px;
  padding:1px;
}
select { 
  /* font: normal 90% "Comic Sans MS"; */
  font: normal 10px Trebuchet MS;
  background-color:#f8f8ff;
  color:#333333;
  border: 1px solid #cccccc;
  margin:1px;
  padding:1px;
}
/* ----------------------------------------------------------- */

body { 
  background-color: #D5D0B0;
  margin:0 0 10px 20px;
  font: normal 11px "Comic Sans MS";
  color:#666666;
  text-align: left; 
}

.justificar {text-align:justify;}

#page_wrapper {
	margin:0;
	width: 970px;
	text-align: left;
  background: #D5D0B0 url(../images/menu/content_bg.gif) top left repeat-y;
}

#page_header   { position:absolute; top:0;     width:970px; height:114px; overflow:hidden; background: #D5D0B0 url(../images/menu/header_top.jpg) top left no-repeat;}
#menu_bar      { position:absolute; top:114px; width:970px; height:26px;  overflow:hidden; background: #D5D0B0 url(../images/menu/header_mid.jpg) top left no-repeat;}
#sombra_header { position:absolute; top:140px; width:970px; height:6px;   overflow:hidden; background: #D5D0B0 url(../images/menu/header_bot.gif) top left no-repeat;}

#wrapper_fecha { position:absolute; top:0; width:970px; z-index:5;}
#div_fecha {
  position:relative;
  float:right;
  top:-2px;
  height:9px;
  text-align:right;
  font: bold 10px Arial;
  color:#663300;
}

#wrapper_fondo_icons { position:absolute; top:0; width:970px; z-index:5;}
#div_fondo_icons {
  position:relative; float:right; top:15px; right:10px; background-color:#000000; padding:0; margin:0;
  width: 210px; height:90px; overflow:hidden; opacity:.80; filter:alpha(opacity=80); -moz-opacity:0.8;
}

#wrapper_icons { position:absolute; top:0; width:970px; z-index:5;}
#div_icons {
  position:relative;
  float:right;
  top:20px;
  right:10px;
  padding:0;
  margin:0;
  width: 26px;
  height:85px;
  overflow:hidden;
}
#div_icons .icon_link {width:21px; height:22px; overflow:hidden; border:0;}
#div_icons p {margin-bottom:7px;}

#div_feed, #div_fcbk, #div_blog {
  position:relative;
  float:right;
  top:20px;
  right:10px;
  color:#FFFFFF;
  padding:0;
  margin:0;
  width: 205px;
  height:85px;
  overflow:hidden;
  display:none;
}
#div_feed {z-index:6; background: url("../images/icons/Feed-24x24.png")     no-repeat 178px 0;}
#div_fcbk {z-index:7; background: url("../images/icons/FaceBook-24x24.png") no-repeat 178px 29px;}
#div_blog {z-index:8; background: url("../images/icons/Blog-24x24.png")     no-repeat 178px 57px;}

#feed-list, #fbk-list, #blog-list  {margin: 0; padding: 0; list-style-type: none;}

#feed-list li, 
#fcbk-list li, 
#blog-list li {margin: 0 0 2px 0; padding:0; list-style-type:none; line-height:20px;}
#feed-list li {display:inline;}

#feed-list li a {padding: 0 0 0 16px; background: url("../images/icons/feed-icon-14x14.png") no-repeat 0 50%; list-style-type:none;} 
#fcbk-list li a {padding: 0 0 0 18px; background: url("../images/icons/FaceBook-16x16.png")  no-repeat 0 50%; list-style-type:none;} 
#blog-list li a {padding: 0 0 0 16px; background: url("../images/icons/Blog-14x14.png")      no-repeat 0 50%; list-style-type:none;} 

#div_feed p  a:link, #div_feed p  a:visited, #div_feed p  a:active, 
#div_fcbk p  a:link, #div_fcbk p  a:visited, #div_fcbk p  a:active,
#div_blog p  a:link, #div_blog p  a:visited, #div_blog p  a:active, 
#div_feed li a:link, #div_feed li a:visited, #div_feed li a:active,
#div_fcbk li a:link, #div_fcbk li a:visited, #div_fcbk li a:active, 
#div_blog li a:link, #div_blog li a:visited, #div_blog li a:active  {color:#8d8d82;	text-decoration:underline;}

#div_feed p a:hover, #div_feed li a:hover,
#div_fcbk p a:hover, #div_fcbk li a:hover,
#div_blog p a:hover, #div_blog li a:hover {color: #c1c1b7; text-decoration: underline;}


/* --------------------------------------------- */

#Articulos                {position:relative; float:left; width:400px; overflow:hidden; top:92px; left:94px;}
#Articulos ul             {margin:0; height:16px;}
#Articulos ul li strong   {font: bold   11px Trebuchet MS;   color:#00cc00; }
#Articulos ul li.error    {font: normal 9px "Comic Sans MS"; color:#ffff00; }
#Articulos ul li          {font: normal 9px "Comic Sans MS"; color:#ffffff; }
#Articulos ul li A:link, 
#Articulos ul li A:visited, 
#Articulos ul li A:active {color:#ffffff; text-decoration: none}
#Articulos ul li A:hover  {text-decoration: underline;}

/* --------------------------------------------- */

#navcontainer ul { 
  float:left; width:100%; margin-top:6px; line-height:1em; 
  color:white; font:bold 13px "Comic Sans MS"; background-color:transparent;
}
#navcontainer ul li         { float:left; display:inline; background-color:transparent; color: #333333; border:0; }
#navcontainer ul li div     { line-height:1em;}
#navcontainer ul li a       { background-color: transparent; text-decoration: none; padding: 0 5px 2px 5px; color:white;}
#navcontainer ul li a:hover { color: #ffd700;}

.link_menu {position:relative; z-index:2;}
.li_sombra {position:relative; z-index:1; top:-0.85em; left:0.55em;}

#wrapper_buscador { position:absolute; width:970px; top:120px;}
#div_buscador {
  position:relative;
  float:right;
  text-align:right;
  top:0;
  right:4px;
}
#div_buscador input.seek { 
  font: bold 10px Arial;
  background:transparent url(../images/menu/Google_OPRA_bg_text.gif) bottom left no-repeat;
  color:#333333;
  border:0;
  margin:0;
  padding:1px;
  width:170px;
  height:14px;
  overflow:hidden;
  vertical-align:top;
}
#div_buscador input.lupa { 
  background:transparent url(../images/gif/pixel.gif) bottom left repeat-x;
  width:20px;
  height:16px;
  border:0;
  overflow:hidden;
  cursor:pointer;
}
/* ************************************************************************************ */

#content_wrapper {
  margin:0 10px 10px 10px;
  border:0px dashed white;
  font: normal 11px "Comic Sans MS";
}
#content_wrapper b {font-weight:600;}

#content_wrapper a {border:0px;}

/*** LINKS ***/
#left_side a:link, 
#left_side a:visited, 
#left_side a:active {font: normal 10px "Lucida Grande", "Trebuchet MS"; color:#dc143c; text-decoration:none;}
#left_side a:hover  {color:#ff0000; text-decoration:underline;}

#center a:link, 
#center a:visited, 
#center a:active {color:#33cc00; text-decoration:none; border-bottom: 1px solid #33cc00;}
#center a:hover  {color:#009900; text-decoration:none; border-bottom: 1px dotted #009900;}

#right_side a:link, 
#right_side a:visited, 
#right_side a:active {color:#9acd32; text-decoration:none;}
#right_side a:hover  {color:#dc143c; text-decoration:underline;}

#center {
  margin-left:160px;
  margin-right:160px;
  border:0;
  text-align:justify;
}

h3 {
  margin-top:0;
  margin-bottom:5px;
  padding: 0 5px 2px 5px;
  font:bold 13px "Comic Sans MS";
}

.bgrojo    { border: 1px solid #990000; background-color: #cc0000; color:white; }
.bgverde   { border: 1px solid #66cc00; background-color: #66cc00; color:white; }
.bgnaranjo { border: 1px solid #ffcc66; background-color: #ffcc00; color:white; }
.bgazul    { border: 1px solid #4682b4; background-color: #4682b4; color:white; }


.tit_amarillo { height:25px; color:#ff9900; background: white url(../images/titles/tit_amarillo.gif) bottom left repeat-x;}
.tit_celeste  { height:25px; color:#0000cc; background: white url(../images/titles/tit_celeste.gif) bottom left repeat-x;}
.tit_gris     { height:25px; color:#ff0000; background: white url(../images/titles/tit_gris.gif) bottom left repeat-x;}
.tit_limon    { height:25px; color:#33cc00; background: white url(../images/titles/tit_limon.gif) bottom left repeat-x;}
.tit_naranjo  { height:25px; color:#cc9900; background: white url(../images/titles/tit_naranjo.gif) bottom left repeat-x;}
.tit_rojo     { height:25px; color:#cc0000; background: white url(../images/titles/tit_rojo.gif) bottom left repeat-x;}
.tit_verde    { height:25px; color:#009900; background: white url(../images/titles/tit_verde.gif) bottom left repeat-x;}

h2 { font: bold 13px "Comic Sans MS"; color: #ff8c00;}

#center p {
  margin-bottom:3px;
  line-height: 16px;
  padding:3px;
}

#ul_beneficios li {
  list-style-position: outside;
  list-style-image: url(../images/gif/pata_roja_menu.gif);
  margin-left: 16px;
  line-height:16px;
  padding:3px;
}

#center table.Beneficios             { border: 1px dotted #990000;}
#center table.Beneficios td          { padding:3px;}
#center table.Beneficios td.doscols  { background-color:#f5f5f5; width:50%; }
#center table.Beneficios td.trescols { background-color:#f5f5f5; width:33%; }

#center table.Reproduccion             { border: 1px dotted #990000;}
#center table.Reproduccion td          { padding:3px;}
#center table.Reproduccion td.doscols  { background-color:#f5f5f5; width:50%; }
#center table.Reproduccion td.trescols { background-color:#f5f5f5; width:33%; }
#center table.Reproduccion td.trescols_i { background-color:#f5f5f5; width:33%; text-align:left}
#center table.Reproduccion td.trescols_c { background-color:#f5f5f5; width:33%; text-align:center}
#center table.Reproduccion td.trescols_d { background-color:#f5f5f5; width:33%; text-align:right; padding-right:10px;}


#center h3 {font-size:9.1pt;}

#left_side {
  float: left;
  width:140px;
  border:0px dashed #cccccc;
}

#left_side p {
  margin-bottom:3px;
  line-height: 16px;
  padding:3px;
}

#blogAnteriores {
  background-color:#ffffff;
  border: 1px solid #cc0000;
  padding:0;
  font: normal 9px "Lucida Grande", "Trebuchet MS"; 
  color:#32cd32;
}
#blogAnteriores ul {
  list-style:none;
  padding:0 3px 10px 1px;
/*list-style-image: url(../images/bullets/tictac_green.gif);
  list-style-position: inside; */
}
#blogAnteriores a:link, 
#blogAnteriores a:visited, 
#blogAnteriores a:active {font: xx-small Arial; color:#696969; text-decoration:none;}
#blogAnteriores a:hover  {color:#ff0000; text-decoration:underline;}

#right_side {
  float: right;
  width:140px;
  border:0px dashed #cccccc;
}

#right_side p {
  margin-bottom:3px;
  line-height: 16px;
  padding:3px;
}

#page_footer {
  background: #425227;
  clear: both;
}

#page_footer p {
  padding:10px;
  font:normal 10px verdana;
  line-height:14px;
  color:#D5D0B0;
}

#page_footer A:link, 
#page_footer A:visited, 
#page_footer A:active  {color: #FBD539; text-decoration: none}
#page_footer A:hover   {text-decoration: underline}



#linklist {
  padding-left: 0;
  margin-left: 0;
  border-bottom: 1px solid #D1D9C4;
  width: 140px;
}

#linklist li {
  list-style-position: outside;
  list-style-image: url(../images/gif/pata_gris_menu.gif);
  margin: 0 0 0 16px;
  border-top: 1px solid #D1D9C4;
  font: bold 10px Arial;
  padding:1px 1px 1px 0;
  vertical-align:middle;
}

#linklist li div {
  width:118px; 
  background-color:#fffbef; 
  padding:2px; 
  cursor:pointer; 
  left:0; 
  top:0;
}

#linklist .blanco{
  list-style: none;
  margin-left:0;
}

.thumbnail_left {
  float:left;
  margin-right:10px;
  margin-bottom:5px;
  border:0px;
}

.thumbnail_right {
  float:right;
  margin-left:10px;
  margin-bottom:5px;
  border:0px;
}

.thumb {
  width:70px;
  padding:2px;
  border:1px solid #a9a9a9;
}

#ThumbMascotas {
  width:123px;
  height:90px;
  padding:4px;
  border:1px solid #a9a9a9;
  text-align:center;
  
}

.div_FormWrapper {
  margin-top:5px;
}
.div_DogLeft {
  float:left;
  width:110px;
  height:180px;
  background: white url(../images/forms/perro_left.jpg) bottom right no-repeat;
  margin:0;
}
.div_DogsLeft {
  float:left;
  width:110px;
  height:225px;
  background: white url(../images/forms/perros_left_form.jpg) bottom right no-repeat;
  margin:0;
}
.div_Form {
  background-color:#999999;
  background: white url(../images/forms/bg_der.gif) top right repeat-y;
}
.div_FormTopRight {
  height:9px;
  padding-right:7px;
  background: white url(../images/forms/esq_sup_der.gif) top right no-repeat;
}
.div_FormTop {
  border:1px solid #cccccc;
  border-bottom:0;
  height:9px;
}
.div_FormMain {
  border:1px solid #cccccc;
  border-top:0;
  background-color:white;
  margin-right:7px;
  padding-left:8px;
}
.div_FormBottom {
  height:8px;
  background: white url(../images/forms/bg_inf.gif) top left repeat-x;
}
.div_FormBottomLeft  {
  float:left;
  height:8px;
  width:9px;
  background: white url(../images/forms/esq_inf_izq.gif) top left no-repeat;
}
.div_FormBottomRight {
  float:right;
  height:8px;
  width:12px;
  background: white url(../images/forms/esq_inf_der.gif) top right no-repeat;
}

.btnEnviar {
  background:transparent url(../images/btns/btn_Enviar.gif) bottom left no-repeat; 
  border:0;
  width:81px;
  height:20px;
  cursor:pointer;
}

#div_blog_mascotas, 
#div_blog_noticias    {width:100%;}

.FechaPost            { font: bold 10px Arial; color:#333333; padding:10px 0 5px 0;}

.TituloPost { 
  background: url(../images/gif/pata_roja.gif) top left no-repeat;
  line-height:30px; 
  width:100%; 
  padding-bottom:10px;
}
.ContenidoPost img    { padding:3px; border:1px solid #dcdcdc;}

#div_blog_mascotas .TituloPost A:link, 
#div_blog_mascotas .TituloPost A:visited, 
#div_blog_mascotas .TituloPost A:active { margin:5px 0 0 26px; font: bold 18px Comic Sans MS; color:#ff9900; text-decoration:none; border:0;}
#div_blog_mascotas .TituloPost A:hover  { border-bottom:1px dotted #ff9900;}

#div_blog_noticias .TituloPost A:link, 
#div_blog_noticias .TituloPost A:visited, 
#div_blog_noticias .TituloPost A:active { margin:5px 0 0 26px; font: bold 18px Georgia; color:#cc6600; text-decoration:none; border:0;}
#div_blog_noticias .TituloPost A:hover  { border-bottom:1px dotted #cc6600;}
#div_blog_noticias .ContenidoPost       { font: normal 12px Georgia, Serif;}

.LinksPost {text-align:right; padding-bottom:20px; border-bottom: 1px dashed silver;}

#div_banners {
  width:138px;
  margin:1px;
  padding:1px;
  border-top:10px;
  text-align:center;
  vertical-align:middle;
}
#div_banners a {text-decoration:none; border:0;}

#divFoto {
  float:left;
  width:480px;
  height:360px;
  padding:2px;
  border:1px solid #a9a9a9;
  background: white url(../mascotas/galeria/pixel.gif) center center no-repeat;
  margin:0 0 5px 5px;
}
#divFoto div {line-height:1em;}
.nombremascota {
  position:relative; 
  z-index:2;
  padding:6px;
  font: bold 20px Comic Sans MS;
  color:#ff9900;
}
.nombremascota_sombra {
  position:relative; 
  z-index:1; 
  top:-1.5em; 
  left:0.1em;
  padding:6px;
  font: bold 20px Comic Sans MS;
  color:#333333;
}

#divThumbs {
  float:right;
  width:130px;
  height:370px;
  text-align:left;
  background: white url(../mascotas/galeria/pixel.gif) center center no-repeat;
  margin-bottom:5px;
}

#divThumbs a.thumblink:link, 
#divThumbs a.thumblink:visited, 
#divThumbs a.thumblink:active, 
#divThumbs a.thumblink:hover {text-decoration:none; border:0}

.ThumbDetalleOFF {
  width:120px;
  padding:2px;
  border:1px solid #a9a9a9;
  opacity:.70; filter:alpha(opacity=70); -moz-opacity:0.7;
}
.ThumbDetalleON {
  width:120px;
  padding:2px;
  border:1px solid #ff9900;
}
#divInfo {
  background-color:white;
  width:600px;
}
#divInfo strong {color:#009900; font-weight:bold;}
#divInfo b {color:#ff6600; font-weight:bold; font-size:10.5pt;}
#divInfo p img.icn {border:0; width:16px; height:16px; vertical-align:middle;}


#MascotasLastPostWrapper  { float:left;  width:140px; overflow:hidden; text-align:center; margin:0 5px 5px 0; background-color:white; border:1px solid #66cc00;}
#NoticiasLastPostWrapper  { float:left; width:140px; overflow:hidden; text-align:center; margin:0 5px 5px 0; background-color:white; border:1px solid #4682b4;}
#divLastPost              { width:130px; overflow:hidden; margin:0 5px 5px 5px; text-align:left;}
#FechaLastPost            { font: bold 10px Arial; color:#333333; padding:0 0 5px 0;}
#TituloLastPost           { line-height:14px; margin-bottom:5px; text-align:left;}
#TituloLastPost A:link, 
#TituloLastPost A:visited, 
#TituloLastPost A:active  { font: bold 11px "Lucida Grande", "Trebuchet MS"; color:#ff9900; text-decoration:none;  border-bottom:1px dotted #ff9900; }
#TituloLastPost A:hover   { border-bottom:1px solid #ff9900;}
#ContenidoLastPost        { font: normal 10px "Lucida Grande", "Trebuchet MS"; /* font: bold 10px Arial; */}
#ContenidoLastPost img    { text-align:center; width:120px; padding:3px; border:1px solid #dcdcdc; margin:2px; display:block;}
#divVerMas                {width:90%; text-align:right; padding:10px; margin:3px;}
#divVerMas A:link, 
#divVerMas A:visited, 
#divVerMas A:active       { font: bold 10px Arial; color:white; text-decoration:none; border:1px solid #66cc00; margin:3px; padding:3px; background-color:#008000;} 
#divVerMas A:hover        { color:#333333; text-decoration:none; background-color:#ffa500;  border-color:#333333;}

/* Footer incluido por blogger */
.blogger-post-footer img {
  padding:0;
  border:0;
}

#PreviewMascotas {
  float:right;
  width:243px;
  height:180px;
  margin:5px;
  padding:2px;
  background-color:white;
  border:1px solid #a9a9a9;
  text-align:center;
}
.articulo_portada_izq         {width:100%; padding-bottom:10px;}
.articulo_portada_izq h3      {text-align:left;}
.articulo_portada_izq .margen {margin-right:200px;}
.articulo_portada_izq .foto   {float:right; margin-left:10px; margin-bottom:5px; border:0px;}

.articulo_portada_der         {width:100%; padding-bottom:10px;}
.articulo_portada_der h3      {text-align:right;}
.articulo_portada_der .margen {margin-left:200px;}
.articulo_portada_der .foto   {float:left; margin-right:10px; margin-bottom:5px; border:0px;}

.legal { 
  font: normal 9px "Microsoft Sans Serif", "MS Sans Serif", Helv, Helvetica, Arial;
  text-align:justify;
}

.rojo {
  font:normal 13px Georgia;
  color:red;
}

#mensaje td {
  vertical-align:top;
}

#Condiciones {
  padding:10px;
  font: normal 10px "Microsoft Sans Serif", "MS Sans Serif", Helv, Helvetica, Arial;
  text-align:justify;
}

#clinicas table {
  text-align:center;
}
#clinicas td {
  border-bottom: 1px solid #d3d3d3;
  padding:3px;
}

#div_share {
  background-color:#ffffff;
  padding:2px;
  font: normal 11px Arial; 
  color:#808080;
}

#div_share ul {text-align:center; border: 1px solid #dcdcdc; padding:4px;}

#div_share li {
  margin-left:3px;
  padding:0; 
  list-style-type: none; 
  display:inline; 
  line-height:40px; 
  vertical-align:middle;
  font: normal 11px Arial; 
  color:#808080;
}

#div_share li.facebook a   {padding: 0 0 0 20px; background: url(../images/share_icons/ic_facebook.gif) no-repeat 0 50%; list-style-type:none;}
#div_share li.google a     {padding: 0 0 0 20px; background: url(../images/share_icons/ic_google.gif) no-repeat 0 50%; list-style-type:none;}
#div_share li.delicious a  {padding: 0 0 0 20px; background: url(../images/share_icons/ic_delicious.gif) no-repeat 0 50%; list-style-type:none;}
#div_share li.digg a       {padding: 0 0 0 20px; background: url(../images/share_icons/ic_digg.gif) no-repeat 0 50%; list-style-type:none;}
#div_share li.magnolia a   {padding: 0 0 0 20px; background: url(../images/share_icons/ic_magnolia.gif) no-repeat 0 50%; list-style-type:none;}
#div_share li.technorati a {padding: 0 0 0 20px; background: url(../images/share_icons/ic_technorati.gif) no-repeat 0 50%; list-style-type:none;}
#div_share li.twitter a    {padding: 0 0 0 20px; background: url(../images/share_icons/ic_twitter.gif) no-repeat 0 50%; list-style-type:none;}
#div_share li.yahoo a      {padding: 0 0 0 20px; background: url(../images/share_icons/ic_yahoo.gif) no-repeat 0 50%; list-style-type:none;}
#div_share li.fresqui a    {padding: 0 0 0 20px; background: url(../images/share_icons/ic_fresqui.gif) no-repeat 0 50%; list-style-type:none;}
/* #div_share li.pownce a     {padding: 0 0 0 20px; background: url(../images/share_icons/ic_pownce.gif) no-repeat 0 50%; list-style-type:none;} */

#div_share li a:link, 
#div_share li a:visited, 
#div_share li a:active  {font: normal 11px Arial; color:#808080;	text-decoration:none; border:0;}
#div_share li a:hover   {color:#4682b4; text-decoration:underline; border:0;}

.advanced_code_block {
  margin:0 0 5px 0;
  padding:3px;
  border:1px solid #dedede;
  background:#f7f7f7; 
  width:200px; 
  height:14px; 
  overflow:hidden;
  display:inline;
  font: normal 11px Arial;
  color:#808080;
}