@charset "utf-8";
/* CSS Document */

/*
ul, li {
  margin:0px;
  padding:0px;
  list-style:none;
}

*/

img{
	border:0px;
	}

.bg{
	background-color: #e6e6e6;
	}

a{
	font-family:arial;
	font-size:10pt;
	text-decoration:none;
	color:#333;
	}

a:hover{
	text-decoration:none;
	color: #F60;     
	}


.link{
	font-family:Arial;
	font-size:13px;
	color:#333;
	font-weight:bold;
	}

.link:hover{
	text-decoration:none;
	color: #F60;
	}



.volver {
  color:#FF6600;
}

.volver:hover {
  color:#FF9600
}


.borde{
	border:1px solid #333;
	}
	
.borde1 table{
	border-collapse:collapse;
	border:1px solid #CCC;
	} 
	
.borde1 table td{
	border:1px solid #CCC;
	}  	

.paginador{
	font-family:Arial;
	font-size:13px;	
	color:#333;
	font-weight:bold;
	}
	
.titulos{
	font-family:Arial;
	font-size:20px;	
	color: #F90;
	font-weight:bold;
	}
	
.titulos2{
	font-family:Arial;
	font-size:15px;	
	color: #333;
	font-weight:bold;
	}	

.texto{
	font-family:Arial;
	font-size:13px;	
	color:#333;
	margin-top:10px;
	margin-bottom:10px
	}
	
	
	
.borde{
	border: 1px solid #999;
	}	
	
.buscador{
	height:80px;
	padding-left:10px;
	padding-top:5px;
	padding-bottom:5px;
	}

.menutext {
	width:220px;	
	height:22px;	
	color:#fff;	
	font-size:15px;	
	background-color:#ff9600;	
	padding-top:10px;	
	cursor:pointer;
	}
	
.menutext2 {
	width:220px;	
	height:22px;	
	color:#fff;	
	font-size:15px;	
	background-color:#990000;	
	padding-top:10px;	
	cursor:pointer;
	}	

.menu1{
	border-left:1px solid #dc7820;
	border-right:1px solid #dc7820;
	border-bottom:1px solid #dc7820;
	}
	
.menu2{
	border:1px solid #dc7820;
	}

.bot3{
	width:217px;
	height:100px;
	float:left;
	}

.bot4{
	width:216px;
	height:100px;
	float:left;
	}

.invisible{
	display:none;
	}
	
.top{
	background-image:url(imgs/top.jpg);
	background-repeat:no-repeat;
	width:650px;
	height:51px;
	float:left;
	}
	
.top1{
	width:523px;
	height:35px;
	float:left;
	}	
	
.top2{
	width:38px;
	height:35px;
	float:left;
	}
	
.top3{
	width:41px;
	height:35px;
	float:left;
	}
	
.top4{
	width:38px;
	height:35px;
	float:left;
	}	
	
	
.foot{
	font-size:13px;
	color:#fff;	
	}	
	
#slide{
	width:650px;
	height:350px;
	float:left;
	}

/*INDEX*/

#videos{
	background-image:url(imgs/videos.jpg);
	background-repeat:no-repeat;
	width:620px;
	height:230px;
	float:left;
	margin-top:10px;
	margin-left:16px;
	}	
	
#novedades{
	background-image:url(imgs/novedades.jpg);
	background-repeat:no-repeat;
	width:300px;
	height:280px;
	float:left;
	margin-top:10px;
	margin-left:16px;
    padding-top:70px;
	}

#escolar{
	width:300px;
	height:300px;
	float:left;
	margin-top:10px;
	margin-left:16px;
	margin-bottom:50px;
	}	

#newsletter{
	background-image:url(imgs/newsletter.jpg);
	background-repeat:no-repeat;
	width:300px;
	height:190px;
	float:left;	
	margin-left:16px;
	margin-top:10px;
	margin-bottom:50px;
	}

#voluntariado{
	width:300px;
	height:239px;
	float:left;
	margin-top:-40px;
	margin-left:16px;
	margin-bottom:50px;	
	}	

.novedades2{
  position:relative;
  left:20px;
	width:270px;
	height:250px;
	overflow:auto;
    padding-right:20px;
	}

.fechanov{
	font-family:Arial;
	font-size:13px;	
	color:#333;
	}
	
.titulonov{
	font-family:Arial;
	font-size:13px;
	font-weight:bold;
	color:#F60;
	}

.textonov{
	font-family:Arial;
	font-size:13px;	
	color:#333;
	}
	
.newsletter2{
	width:250px;
	height:100px;
	margin-top:60px;
	margin-left:20px;
	}	
	
.textonews{
	font-family:Arial;
	font-size:13px;	
	color:#333;
	margin-bottom:10px;
	text-align:left;
	}
	
.inputnews{
	width:255px;
	height:20px;
	margin-bottom:10px;
	}	

/*REFUGIO*/
	
.refugio{
	width:585px;
	float:left;	
	margin-left:35px;
	margin-right:30px;
	margin-top:50px;
	margin-bottom:50px;
	}
	
.textrefugio{
	font-family:Arial;
	font-size:13px;	
	color:#333;
	margin-top:10px;
	margin-bottom:10px;
    }		

/*CONCIENTIZACION*/

.concientizacion{
	width:585px;
	float:left;	
	margin-left:35px;
	margin-right:30px;
	margin-top:50px;
	margin-bottom:50px;
	}	
	
.concientthumb{
	width:150px;
	float:left;
	}	

.concientxtbox{
	width:300px;
	float:left;	
	margin-left:15px;
	margin-right:15px;
	}
	
.winzip{
	font-family:Arial;
	font-size:13px;	
	color:#333;
	font-weight:bold;
	float:left;		
	}	
	
.hr{
	width:580px;
	color:#F00;
	float:left;	
	margin-left:35px;
	}

/*THUMBS*/

.thumbbg{
	width:130px;
	background-color:#FFF;
	padding-top:10px;
    float:left;
    margin-right:10px;
    margin-bottom:10px;
	}
	
.nombre{
	font-family:Arial;
	font-size:13px;	
	color:#333;
	font-weight:bold;
	padding-top:5px;
	padding-bottom:5px;
	}	
	
/*VISITAR*/

.visita{
	width:585px;
	float:left;	
	margin-left:35px;
	margin-right:30px;
	margin-top:50px;
	margin-bottom:50px;
	}	
	
	
.ayd{
	width:585px;
	float:left;	
	margin-left:35px;
	margin-right:30px;
	margin-top:50px;
	margin-bottom:50px;
	}
	
/*ADOPCIONES*/	

.adopciones{
	width:585px;
	float:left;	
	margin-left:35px;
	margin-right:30px;
	margin-top:50px;
	margin-bottom:50px;
	}
	
.tituloadopciones{
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	color:#333;
	margin-top:3px;
	margin-bottom:3px;
	padding-left:10px;
	}	
	
.textoadopciones{
	font-family:Arial;
	font-size:13px;	
	color:#333;
	margin-top:3px;
	margin-bottom:3px;
	padding-left:20px;
	}		

.fichabox{
	width:585px;
	height:347px;
	background-color:#FF9600;
	float:left;
	}	
	
.textolinkadop{
	width:200px;
	font-family:Arial;
	font-size:13px;	
	color:#333;
	font-weight:bold;
	float:left;
	margin-left: 390px;
	margin-top:5px;
	margin-bottom:5px;

	}	
	
.meadoptas{
	width:150px;
	font-family:Arial;
	font-size:20px;	
	color: #396;
	font-weight:bold;
	float:left;
	margin-bottom:10px;
	}	
	
.bgficha{
	width:200px;
	font-family:Arial;
	font-size:13px;	
	color:#333;
	}	
	
.fichanombre{
	font-family:Arial;
	font-size:18px;
	font-weight:bold;
	color:#333;
	}	
	
.fichathumb{
	marging:2px;	
	}	

.adopthumbs{
	padding-top:12px;
	}

.adopticon{
	padding-right:4px;
	}

	
.tablaref{
	height:120px;
	border-collapse:collapse;
	border:1px solid #666;
	} 
	
.tablaref td{
	border:1px solid #666;
	}  		
	
.hr2{
	width:585px;
	font-size:0px;
	border-bottom:1px dotted #666;
	margin-top:30px;
	margin-bottom:30px;
	}

.titulos3{
	font-family:Arial;
	font-size:15px;	
	color:#fff;
	font-weight:bold;
	padding-left:10px;
	}


/* ANTES Y DESPUES */

.aydbot1{
	margin-top:20px;
	}

/* VIDEOS */

.videobox{
	margin-top:20px;
	border:1px solid #666;
	}

.videothumb{
	height:130px;
	width:180px;
	background:#333;
	}

.videotext{
	font-family:Arial;
	font-size:13px;
	color:#333;
	padding:10px;
	background-color:#fff;
	}

/* VIDEOS */

.donarthumb{
	width:150px;
	background:#333;
	}

.donartext{
	font-family:Arial;
	font-size:13px;
	color:#333;
	padding:10px;
	background-color:#fff;
	}

.hr3{
	width:585px;
	font-size:0px;
	border-bottom:1px dotted #666;
	margin-top:20px;
	margin-bottom:20px;
	float:left;
	}