﻿@charset "utf-8";
/* CSS Document */

body
{
font-family: sans-serif, Arial, Helvetica;
font-size:12px;
margin-top:7px;
background-image:url(../pics/back.jpg);
background-position:top;
background-repeat:repeat-x;
}

a  { color:#FF0000; text-decoration:none;}
a:hover{ color:#0099CC; text-decoration:none;}

.boton_azul{color:#FFFFFF; font-size:13px; text-align:center; margin-left:1px; margin-right:1px; height:18px; display:block; background-image:url(../pics/btn_blue.jpg); float:left; }
.boton_azul a:hover{font-size:12px; text-decoration:none; display:block; background-image:url(../pics/btn_blue_over.jpg); }
.boton_azul a {color:#FFFFFF; text-decoration:none;  } 

.boton_rojo{color:#FFFFFF; font-size:13px; text-align:center; margin-left:1px; margin-right:1px; height:18px; display:block; background-image:url(../pics/btn_red.jpg); float:left; }
.boton_rojo a:hover{font-size:12px; color:#FFFFFF; text-decoration:none; display:block; background-image:url(../pics/btn_red_over.jpg); }
.boton_rojo a { color:#FFFFFF; text-decoration:none;}

#header { width:750px; height:107px; background-image:url(../pics/header.jpg); }
#footer { width:750px; height:37px; background-image:url(../pics/footer.jpg); margin:auto;}

#ContentMenuBlue { width:705px; height:18px; background-color:#FFFFFF; margin:auto; }
#ContentMenuRed { width:640px; height:18px; background-color:#FFFFFF; margin:1px auto 5px auto; }

#frameContent { width:750px; margin:auto; } 

#contentLeft{ width:175px; float:left; margin-right:5px; }
#content{ width:425px; float:left; margin-left:32px; }
#content a { color:#FF0000; text-decoration:none;}
#content a:hover{ color:#0099CC; text-decoration:none;}
#contentProducts{ width:480px; float:left; margin-left:35px; }
#contentProducts a { color:#FF0000; text-decoration:none;}
#content a:hover{ color:#0099CC; text-decoration:none;}
#contentRigth{ width:135px; float:left; margin-right:5px; }


#needHelp{ width:175px; height:100px; }
#paraAdoptar { width:171px; margin-top:7px; border:#b8d0ec 2px solid;  position:relative; }
#proximasActividades { width:171px; margin-top:7px; border:#b8d0ec 2px solid; }

#noticias { width:255px; padding:5px;  margin-right:5px;  background-color:#b8d0ec; float:left; }
#boletines { width:155px; float:right; }
#videos { width:425px; margin-top:5px;}
#AntesyDespues { width:131px; margin-top:7px; margin-bottom:2px; border:#b8d0ec 2px solid; }
#finalesFelices { width:131px; margin-top:7px; border:#b8d0ec 2px solid; }
#contacto { width:131px; margin-top:7px;  font-size:13px; color:#000000; text-align:center; }
#perroRaza { width:153px; margin-top:7px; border:#ff7171 2px solid;  }
.title_blue { background-image:url(../pics/title_back.jpg); display:block; height:24px; font-size:12px; color:#0000FF; font-weight:bold; text-align:center; padding-top:4px; margin-bottom:5px;  }
.title_blue a  { color:#FF0000; text-decoration:none; }
.title_blue a:hover { color:#0099FF; text-decoration:none; }

.title_red { background-image:url(../pics/title_back_red.jpg); display:block; height:24px; font-size:11px; color:#FFFFFF; font-weight:bold; text-align:center; padding-top:4px; margin-bottom:5px;  }
.title_red a  { color:#FFFFFF; text-decoration:none; }
.title_red a:hover { color:#0099FF; text-decoration:none; }

.title_black { color:#333333; font-size:14px; font-weight:bold; }
.textPrice {color:#0099FF;  font-size:16px; font-weight:bold; }

.text_red { font-size:12px; color:#FF0000; font-weight:bold; }
.text_blue { font-size:12px; color:#0099CC; font-weight:bold; }

.telefonosContacto{ font-size:12px; color:#0099CC; text-align:center; }

.picAdp a { border:1px #CCCCCC solid; }
.picAdp a:hover { border:2px #FF0000 solid; }

.imgAdP{ width:96px; height:96px; position:relative; margin: 5px auto; }
.imgAdP img{ position:absolute; top:0px; left:0px; }

.imgAyD{ width:131px; height:98px; position:relative; margin: 5px auto; }
.imgAyD img{ position:absolute; top:0px; left:0px; }

.paginator{ padding-left:5px; padding-top:0px; margin-top:5px; background-color:#FFF; border:#CCC solid 1px; background-image:url(../pics/back.png); background-repeat:repeat-x; color:#F60;
 font-weight:bold; font-size:12px;}
.paginator a{  text-decoration:none; font-weight:bold; color:#F60;	}
.paginator a:hover{  font-weight:bold; color:#930; font-size:14px; }


#dpw{ width:750px; font-size:x-small; font-weight:bold; color:#000000; text-align:center; margin:10px auto;}
#dpw a {text-decoration:none; font-weight:bold; }
#dpw a:hover{ font-size:small; text-decoration:underline; font-weight:bold; }

/* bordes redondos */ 
#xsnazzy h1, #xsnazzy h2, #xsnazzy p {margin:0 10px; letter-spacing:1px;}
#xsnazzy h1 {font-size:2em; color:#000000;}
#xsnazzy h2 {font-size:1.5em;color:#a32118; border:0;}
#xsnazzy p {padding-bottom:0.5em;}
#xsnazzy h2 {padding-top:0.5em;}
#xsnazzy {background: transparent;}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#e0e0e0; border-left:1px solid #a32118; border-right:1px solid #a32118;}
.xb1 {margin:0 5px; background:#a32118;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block; background:#e0e0e0; border:0 solid #a32118; border-width:0 1px;}