* { margin:0px auto; padding:0; }
body { font-family:  Arial, Helvetica, SunSans-Regular, sans-serif; font-size: 10px; color: #cc0000; margin: 0px 0 0 0;  
background: transparent url(../img/filete.jpg) repeat-x; overflow-x:hidden; z-index:0;}
img { border:0; }
a { outline: none; text-decoration:none; color:#656565; }


#logo{position: relative; top:0px; left: -322px;  height: 63px; width:303px; background: transparent url(../img/logo.jpg) no-repeat;}
#sumas{position: relative; top:-53px; left: 393px;  height: 58px; width:196px; background: transparent url(../img/seguir.jpg) no-repeat;}
/*#menu a{ display: block; text-decoration: none; color: #fff;   }*/

		#menu a {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9px; 
	text-decoration: none; 
	color: #FFFFFF;
	font-weight: bold; 
	padding-left: 0pt;
	padding-right: 0pt;
	vertical-align: middle;
}

#mu {height:7px;}
#menu { width: 1024px; height: 36px; background: url(../img/menu_fondo_sin.png) no-repeat; position:relative;  top:-55px; left: 30px;}
#menu ul,li { list-style: none; margin:0; padding:0; z-index:6;} 
#menu li{ float:left; position: relative; /*width: 125px;*/ font-size: 12px; font-weight:normal; height:18px; padding-top:0px; text-align:center; margin-right:1px; }
#menu li.inicio { width:52px; text-transform: uppercase; margin-left:32px;}
#menu li.informacion { width:116px; /*text-transform: uppercase;*/margin-left:1px;  }
#menu li.voluntarios { width:116px; /*text-transform: uppercase;*/margin-left:0px;}
#menu li.comunidad {  width:116px; /*text-transform: uppercase;*/margin-left:-13px;}
#menu li.colaboracion {  width:116px; /*text-transform: uppercase;*/margin-left:7px;}
#menu li.tv {  width:52px; text-transform: uppercase;}
#menu li.tienda{ width:52px; text-transform: uppercase;}


.submenu{ display: none; position: absolute; top:36px; left: -1px; height: auto;  z-index:20; line-height:11px; font-weight:bold;}
#menu .submenu li{ font-weight:bold; font-size: 11px; border: 0px solid #a60000; border-top: 0; width: 124px; background:#f4f4f4;z-index:20; background: transparent url(../img/menu_fondo_sub.png) no-repeat; }

#menu li.informacion .submenu li { width:100px; height:23px; margin-left:13px;  }
#menu li.voluntarios .submenu li { width:100px; height:23px; margin-left:10px;}
#menu li.comunidad .submenu li { width:100px;  margin-left:13px; height:23px;}
#menu li.colaboracion .submenu li { width:100px; height:23px;  margin-left:13px;}

#video1{ position: relative; width:262px; height:117px; top:18px; left: -500px; z-index:2; }
#video2{ position: relative; width:262px; height:117px; top:-99px; left: -153px; z-index:2; _top:-212px; _left: -150px;}
#video3{ position: relative; width:262px; height:117px; top:-217px; left: 199px; z-index:2; _top:-437px; _left: 200px;}

.tituloVideo {font-family:arial; font-weight:bold; color:#535353; font-size:14px;text-decoration:none;}
.tituloVideo a{font-family:arial; font-weight:bold; color:#535353; font-size:14px;text-decoration:none;}
.textoVideo {font-family:arial;  color:#888; font-size:10px;text-decoration:none;}
.textoVideo2 {font-family:rockwell,arial;  color:#888; font-size:11px;text-decoration:none; font-weight:lighter;}

#cuerpo{background: transparent url(../img/cuerpo.jpg) no-repeat; position: relative; top:-428px; left: 7px;  height: 915px; width:1024px;}

#menu .submenu li a{ color: #cc0000; font-weight:normal; }

#theslide{  position: relative; top:-55px; left: 22px;  height: 299px; width:985px; 	overflow:hidden;  z-index:0;  }
#theslide ul, #theslide li {		margin:0;		padding:0;		list-style:none; z-index:-1;	}

#pie{ position: relative; top:-611px; _top:-661px; left: 19px;  height: 165px; width:1024px; background: url(../img/pie.jpg) no-repeat; font-family:arial; font-weight:bold; color:#999999; font-size:12px; overflow-y:hidden; text-align:justify;}

#compromiso{position: relative; top:74px; left: -253px;  height: 88px; width:400px; font-size:11px; }
#redes{position: relative; top:-14px; left: 83px;  height: 88px; width:155px;}

#contacto{position: relative; top:-102px; left: 251px;  height: 88px; width:155px;}

#cr{position: relative; top:-190px; left: 412px;  height: 88px; width:155px;}
.texti{text-decoration:none; font-family:arial; font-weight:bold; color:#999999; font-size:12px;}
.titulo{font-family:arial; font-weight:bold; color:#666666; font-size:13px;}
.rojo{font-family:arial; font-weight:bold; color:#cc0000; font-size:10px;}
a.rojo{font-family:arial; font-weight:bold; color:#cc0000; font-size:10px;}
#colabora{position: relative; top:257px; left: -336px;  height: 26px; width:83px;}
.eltd1{color:#535353;
font-family:arial;
font-size:14px;
font-weight:bold;
text-decoration:none;}
.eltd2{color:#888888;
font-family:arial;
font-size:10px;
text-decoration:none;
font-weight:bold;}


	ol#controls{
	/*	margin:1em 0;*/
		padding:0;
		height:13px;	
		position:relative;
		top:-44px;
		left:20px;
	/*	width:89px;*/
		width:165px;
		font-size:0px;
	
		
		}
	ol#controls li{
		margin:0 0px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:13px;
		line-height:13px;
		}
	ol#controls li a{
		float:left;
		height:13px;
		line-height:13px;
	/*	border:1px solid #ccc;
		background:#DAF3F8;*/
		color:#cccccc;
		padding:0 10px;
		text-decoration:none;
		background:url(../img/normal.png) no-repeat 0 0;	
		}
	ol#controls li.current a{
	/*	background:#5DC9E1;*/
		color:#cccccc;
			background:url(../img/current.png) no-repeat 0 0;	
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	

		#antes { position: relative; top:-60px; left: -53px;  height: 19px; width:18px;  }
		#despues { position: relative; top:-79px; left: 60px;  height: 19px; width:18px;   }
		#antes a{ color:#cc0000; text-decoration:none; }
		#despues a{color:#cc0000; text-decoration:none; }
		
.tituloSegunda{ font-family: Rockwell, 'Courier New', monospace; font-weight:bold; color:#000; font-size:20px;letter-spacing:-1px; text-decoration:none;}
.tituloSegunda2 { font-family: Rockwell, 'Courier New', monospace; font-weight:bold; color:#000; font-size:20px;letter-spacing:-1px; text-decoration:none; margin-left:7px;}
a.tituloSegunda{  text-decoration:none;}

.grisSegunda { font-family: arial; font-weight:bold; color:#888; font-size:9px;letter-spacing: -0.2px; border-left:1px dotted black; background-color:#efefef;padding:6px;}
.grisSegunda2 { font-family: arial; font-weight:bold; color:#888; font-size:9px;letter-spacing: -0.2px; border-left:1px dotted black; background-color:#fff;padding:6px;}
.avanza{margin-top:0px; vertical-align:bottom;}
#colabora{position: relative; top:-55px; left: -316px;  height:301px; width:302px;  }
#mundo{position: relative; top:-356px; left: 19px;  height:305px; _height:309px; height:309px !important; width:302px; overflow:hidden; }
#cruzrojatv{position: relative;   height:301px; width:302px; _top: -670px; top:-664px !important; top:-661px; left: 351px;}
.tercera{position: relative;  top:-611px; left: 0px; }
.mu2{width:150px;}
#contenedor {height:1300px; width:1024px;overflow:hidden; }
#actualidad{position:relative; top:-611px; left: 39px; }
.tabla{text-align:left;margin:0px 0px 0px 10px;color:#656565;}

.dentroSlide{ height:301px; width:346px; /*background-color:green;*/ margin-left:619px; background: transparent url(../img/path.png) no-repeat; z-index:0;}


.tituloSlide{ font-family: Rockwell,'Courier New', monospace; font-weight:bold; color:#000; font-size:22px;letter-spacing:-1px; text-decoration:none; margin-left:40px; padding-top:60px; /*height:69px; overflow:hidden;*/}
a.tituloSlide{  text-decoration:none;}
.textoSlide {font-family:arial; /*font-weight:bold;*/ color:#000; font-size:12px;text-decoration:none; margin-left:40px;margin-right:10px; /*height:119px; overflow:hidden;*/}
.botonSlide{margin-left:40px; z-index:11; background:url(../img/fonfoMasInfo.png) no-repeat 0 0;	width:106px; height:22px; padding-top:3px; text-align:center;}
.botonSlide a{font-family:arial;  color:#fff; font-size:12px;font-weight:bold;}
#body2{z-index:-1;}