@charset "utf-8";
/* CSS Document */
/* 	RESET  */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,body,html,p,blockquote,
fieldset,input 								{ margin: 0; padding: 0; outline:none;}
ol,ul,li									{ list-style:none; outline:none; }
a img,:link img,:visited img 				{ border: none; outline:none;}
a 											{ text-decoration: none; outline:none;}
a:hover						 				{ text-decoration: none; outline:none;}
.clear										{ clear:both; outline:none;}
a, a:hover, a:link, a:visited 				{ outline:none;}
.clear										{ clear:both; margin:0; padding:0;}
span 										{ display:none; }
object										{ outline:none;}




/* FONT */
h1											{ color:#65121C; font-size:43px; }
p											{ color:#87413b; line-height:20px; font-family:Verdana, Arial, Helvetica, sans-serif;}
font										{ font-size:16px; text-align:left; color:#7b7c7e;}
b											{ font-size:16px;}

/* */
body										{ overflow-x:hidden; overflow-y:auto; background-color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; }
#wrapper									{ width:946px; margin:0 auto; /*position:absolute; left:50%; margin-left:-473px;*/}
	#left									{ width:546px; float:left; }
		#header								{ width:516px; height:119px; padding:30px 0 60px 0px;}
		#content #titulo					{ width:546px; }
		#content #texto						{ width:450px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; overflow:hidden;}
		#content #texto2					{ width:450px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; overflow:hidden;}
		div.controles						{ margin-top:10px; margin-bottom:50px;}
		div.controles a						{ font-weight:bold; color:#87413b; font-size:10px;}
		div.controles .achica				{ display:none;}
		div.controles .agranda				{ display:inherit;}
		div.controles .achica2				{ display:none;}
		div.controles .agranda2				{ display:inherit;}
	#right									{ width:400px; float:left;}
		#menu ul							{ width:350px; }
		#menu ul li							{ height:15px; float:left; margin-top:10px; color:#87413B; font-size:16px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; margin-left:-115px;}
		#menu ul li	font					{ color:#87413B; font-weight:bold; cursor:pointer; }
		#menu ul li	a						{ color:#e3e4e5; font-weight:bold; cursor:pointer; }
		#menu ul li	a:hover					{ color:#7b7c7e; font-weight:bold; cursor:pointer; }
		#menu ul li	a span					{ display:none;}
		.boton								{ width:500px;  height:24px; display:block; }
		
		.btn_1								{ background:url(../images/quienes.jpg) no-repeat 0 -24px; overflow:hidden; }
		.btn_1:hover						{ background:url(../images/quienes.jpg) no-repeat 0 0; overflow:hidden;  }
		.btn_1_active						{ background:url(../images/quienes.jpg) no-repeat 0 0; overflow:hidden;  }
		.btn_2								{ background:url(../images/defendemos.jpg) no-repeat 0 -24px; height:24px; overflow:hidden;  }
		.btn_2:hover						{ background:url(../images/defendemos.jpg) no-repeat 0 0; height:24px; overflow:hidden;  }
		.btn_2_active						{ background:url(../images/defendemos.jpg) no-repeat 0 0; height:24px; overflow:hidden;  }
		.btn_3								{ background:url(../images/como.jpg) no-repeat 0 -24px; height:24px; overflow:hidden;  }
		.btn_3:hover						{ background:url(../images/como.jpg) no-repeat 0 0; height:24px; overflow:hidden;  }
		.btn_3_active						{ background:url(../images/como.jpg) no-repeat 0 0; height:24px; overflow:hidden;  }
		.btn_4								{ background:url(../images/donde.jpg) no-repeat 0 -24px; height:24px; overflow:hidden;  }
		.btn_4:hover						{ background:url(../images/donde.jpg) no-repeat 0 0; height:24px; overflow:hidden;  }
		.btn_4_active						{ background:url(../images/donde.jpg) no-repeat 0 0; height:24px; overflow:hidden;  }
		.btn_5								{ background:url(../images/por_que.jpg) no-repeat 0 -24px; height:24px; overflow:hidden;  }
		.btn_5:hover						{ background:url(../images/por_que.jpg) no-repeat 0 0; height:24px; overflow:hidden;  }
		.btn_5_active						{ background:url(../images/por_que.jpg) no-repeat 0 0; height:24px; overflow:hidden;  }
		.btn_6								{ background:url(../images/cuales.jpg) no-repeat 0 -24px; height:24px; overflow:hidden;  }
		.btn_6:hover						{ background:url(../images/cuales.jpg) no-repeat 0 0; height:24px; overflow:hidden; }		
		.btn_6_active						{ background:url(../images/cuales.jpg) no-repeat 0 0; height:24px; overflow:hidden; }		
		.btn_7								{ background:url(../images/publicaciones.jpg) no-repeat 0 -24px; height:24px; overflow:hidden;  }
		.btn_7:hover						{ background:url(../images/publicaciones.jpg) no-repeat 0 0; height:24px; overflow:hidden; }
		.btn_7_active						{ background:url(../images/publicaciones.jpg) no-repeat 0 0; height:24px; overflow:hidden; }
                .btn_8								{ background:url(../images/contacto.jpg) no-repeat 0 -24px; height:24px; overflow:hidden;  }
		.btn_8:hover						{ background:url(../images/contacto.jpg) no-repeat 0 0; height:24px; overflow:hidden; }
		.btn_8_active						{ background:url(../images/contacto.jpg) no-repeat 0 0; height:24px; overflow:hidden; }
		/* sub menu quienes */
		.btn_10								{ background:url(../images/quienes_1.jpg) no-repeat 0 -31px; height:31px; overflow:hidden;  }
		.btn_10:hover						{ background:url(../images/quienes_1.jpg) no-repeat 0 0; height:31px; overflow:hidden; }		
		.btn_10_active						{ background:url(../images/quienes_1.jpg) no-repeat 0 0; height:31px; overflow:hidden; }		
		.btn_11								{ background:url(../images/quienes_2.jpg) no-repeat 0 -31px; height:31px; overflow:hidden;  }
		.btn_11:hover						{ background:url(../images/quienes_2.jpg) no-repeat 0 0; height:31px; overflow:hidden; }		
		.btn_11_active						{ background:url(../images/quienes_2.jpg) no-repeat 0 0; height:31px; overflow:hidden; }		
		.btn_12								{ background:url(../images/quienes_3.jpg) no-repeat 0 -31px; height:31px; overflow:hidden;  }
		.btn_12:hover						{ background:url(../images/quienes_3.jpg) no-repeat 0 0; height:31px; overflow:hidden; }		
		.btn_12_active						{ background:url(../images/quienes_3.jpg) no-repeat 0 0; height:31px; overflow:hidden; }		
		.btn_13								{ background:url(../images/quienes_4.jpg) no-repeat 0 -31px; height:31px; overflow:hidden;  }
		.btn_13:hover						{ background:url(../images/quienes_4.jpg) no-repeat 0 0; height:31px; overflow:hidden; }		
		.btn_13_active						{ background:url(../images/quienes_4.jpg) no-repeat 0 0; height:31px; overflow:hidden; }		
		.btn_14								{ background:url(../images/quienes_5.jpg) no-repeat 0 -31px; height:31px; overflow:hidden;  }
		.btn_14:hover						{ background:url(../images/quienes_5.jpg) no-repeat 0 0; height:31px; overflow:hidden; }		
		.btn_14_active						{ background:url(../images/quienes_5.jpg) no-repeat 0 0; height:31px; overflow:hidden; }		
		/* sub menu defendemos */
		.btn_15								{ background:url(../images/defendemos_1.jpg) no-repeat 0 -31px; height:31px; overflow:hidden;  }
		.btn_15:hover						{ background:url(../images/defendemos_1.jpg) no-repeat 0 0; height:31px; overflow:hidden; }		
		.btn_15_active						{ background:url(../images/defendemos_1.jpg) no-repeat 0 0; height:31px; overflow:hidden; }		
		.btn_16								{ background:url(../images/defendemos_2.jpg) no-repeat 0 -31px; height:31px; overflow:hidden;  }
		.btn_16:hover						{ background:url(../images/defendemos_2.jpg) no-repeat 0 0; height:31px; overflow:hidden; }		
		.btn_16_active						{ background:url(../images/defendemos_2.jpg) no-repeat 0 0; height:31px; overflow:hidden; }		
		.btn_17								{ background:url(../images/defendemos_3.jpg) no-repeat 0 -31px; height:31px; overflow:hidden;  }
		.btn_17:hover						{ background:url(../images/defendemos_3.jpg) no-repeat 0 0; height:31px; overflow:hidden; }		
		.btn_17_active						{ background:url(../images/defendemos_3.jpg) no-repeat 0 0; height:31px; overflow:hidden; }
                .btn_18								{ background:url(../images/volver_listado.jpg) no-repeat 0 -31px; height:31px; overflow:hidden;  }
		.btn_18:hover						{ background:url(../images/volver_listado.jpg) no-repeat 0 0; height:31px; overflow:hidden; }
		.btn_18_active						{ background:url(../images/volver_listado.jpg) no-repeat 0 0; height:31px; overflow:hidden; }


div.datos									{ background:url("../images/datos.jpg") no-repeat scroll 0 0 transparent; /*height:232px;*/ height:297px; margin-left:-86px; margin-top:228px; padding-left:31px; width:355px; }


/* PREHOME */

#logo_home									{}
#menu_home									{ }
.texto 										{height:100px; font:Arial, Helvetica, sans-serif; font-weight:bold; font-size:50px; color:#FFFFFF; padding:0 10px 0 50px; }
.texto:hover								{height:100px; font:Arial, Helvetica, sans-serif; font-weight:bold; font-size:50px; color:#65121c; padding:0 10px 0 50px; }
.dive										{ width:0px; height:100px; background-color:#FFFFFF; }
#textos										{position:absolute; z-index:5; left:0; top:0;}
#dives										{position:absolute; z-index:4; left:0; top:0;}

#conmargen									{ padding-left:5px; color:#87413B; font-family:Verdana,Arial,Helvetica,sans-serif; line-height:20px; }

/* 	LAYOUT  */


#header #logo								{ width:153px; height:96px; margin:25px 25px 0px 65px; float:left;}
#header	#menu								{ width:421px; height:150px; margin:25px 25px 0px 260px; float:left; /*position:absolute; top:0; left:0;*/}
#header #menu ul li 						{ min-width:23px; height:27px; margin-top:-10px; float:left; color:#e3e4e5; font-weight:bold; font-size:16px;}
#header #menu ul li a 						{ color:#e3e4e5; font-weight:bold; font-size:16px; }
#header #menu ul li a:hover 				{ color:#7b7c7e; font-weight:bold; font-size:16px; }
#header #menu ul li a font					{ margin-top:-10px; padding:0; font-size:16px;}



#footer										{}



#menu_aux									{ padding-top:150px; margin-top:150px; padding-left:31px; }
#menu_aux .subitem							{ margin-top:20px;}

#wrapper_home								{ background-color:#65121c; margin:0; padding:0; height:100%; width:100%; /*overflow:hidden;*/ }
#flash_home									{ background-color:#65121C; width:946px; height:520px; margin:0 auto;}


/* CONTACTO */
#content_form div form 						{ margin-top:20px;}
#content_form div form ul li div 			{ float:left; background-repeat:no-repeat; }
#content_form div form ul li div.uno		{ width:190px; height:30px; background-image:url(../images/contacto_campo-1.jpg); margin-right:8px; margin-top:1px; }
#content_form div form ul li .input_uno		{ width:320px; background:url(../images/bck_form.jpg) bottom repeat-x; border:none; height:24px; 
											  border:medium none; color:#777777; font-family:Arial; font-size:15px; font-weight:bold; }

#content_form div form ul li div.cel		{ width:85px; height:30px; background-image:url(../images/cel.jpg); margin-right:8px; margin-top:1px;}
#content_form div form ul li .input_cel		{ width:425px; background:url(../images/bck_form.jpg) bottom repeat-x; border:none; height:24px;
											  border:medium none; color:#777777; font-family:Arial; font-size:15px; font-weight:bold;}


#content_form div form ul li div.dos		{ width:53px; height:30px; background-image:url(../images/contacto_campo-2.jpg); margin-right:8px; margin-top:1px;}
#content_form div form ul li .input_dos		{ width:457px; background:url(../images/bck_form.jpg) bottom repeat-x; border:none; height:24px;
											  border:medium none; color:#777777; font-family:Arial; font-size:15px; font-weight:bold;}


#content_form div form ul li div.tres		{ width:127px; height:30px; background-image:url(../images/contacto_campo-3.jpg); margin-right:8px; margin-top:1px; float:none;}
#content_form div form ul li .input_tres	{ width:518px; height:200px; background:url(../images/bck_form.jpg); line-height:22px; border:none;
											  border:medium none; color:#777777; font-family:Arial; font-size:15px; font-weight:bold;}

#content_form div form ul li div span		{ display:none;}
#content_form div form ul li p				{ color:#78797b; float:left; width:300px;}
#content_form div form ul li input			{ float:left; }

#btn_form 									{ height:25px; margin-bottom:20px; margin-top:7px; width:523px; }
#btn_form a									{ float:right; margin-right:15px; height:15px; overflow:hidden; display:block; width:70px; margin-top:15px;}
#btn_form a#submit							{ background:url(../images/enviar.jpg) no-repeat 0 0; }
#btn_form a#submit:hover					{ background:url(../images/enviar.jpg) no-repeat 0 -15px; }

#btn_form a#clear							{ background:url(../images/borrar.jpg) no-repeat 0 -15px; }
#btn_form a#clear:hover						{ background:url(../images/borrar.jpg) no-repeat 0 0; }



#content .publicacion                   { width:450px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; line-height: 20px; }
#content .publicacion .titulo           { font-weight: bold; color:#A90F26; font-size:16px; margin: 15px 0 5px 0;}
#content .publicacion .info p           { font-weight: normal; font-size:10px; color: #B9BABB;display: inline;}
#content .publicacion .info p strong    { font-weight: normal; color: #A90F26;}

#content .publicacion .bajada   { color:#87413B; height:60px; overflow:hidden; }
#content .publicacion .cuerpo   { color:#87413B; }
#content .publicacion .controles { margin-bottom: 20px; margin-top: 0;}
#content .publicacion .controles a { color:#A90F26;}



/* FIX PAGINA SIN FLASH por Tomás Del Bianco; */
.home_sin_flash{
	width: 100%;
	height: 100%;
	background-color: rgb(101, 18, 28);
}
.home_sin_flash img.logo_sin_flash{
	margin-left: 50px;
	margin-top: 40px;
	opacity: 0;
	-webkit-animation: fadeInImg 0.9s 1;
	animation: fadeInImg 0.9s 1;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}
.home_sin_flash ul {
	margin-top: 80px;
	margin-left: 50px;
}
.home_sin_flash ul li a{
    outline: none;
    color: #e8e8e8;
    font-weight: bold;
    font-family: 'Helvetica', 'Arial', sans-serif;
    font-size: 2.3em;
    transition: 0.2s;
    margin-left: 0px;
}
.home_sin_flash ul li a:hover{
    margin-left:10px;
    color: white;
}

.home_sin_flash ul li {
	opacity: 0;
	margin-left: -30px;
	padding-bottom: 4px;
	-webkit-animation: fadeIn 0.9s 1;
	animation: fadeIn 0.9s 1;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

.home_sin_flash ul li:nth-child(5n+1) {
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s;
}

.home_sin_flash ul li:nth-child(5n+2) {
	-webkit-animation-delay: 0.75s;
	animation-delay: 0.75s;
}

.home_sin_flash ul li:nth-child(5n+3) {
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}

.home_sin_flash ul li:nth-child(5n+4) {
	-webkit-animation-delay: 1.25s;
	animation-delay: 1.25s;
}

.home_sin_flash ul li:nth-child(5n+5) {
	-webkit-animation-delay: 1.5s;
	animation-delay: 1.5s;
}

.home_sin_flash ul li:nth-child(5n+6) {
	-webkit-animation-delay: 1.75s;
	animation-delay: 1.75s;
}

.home_sin_flash ul li:nth-child(5n+7) {
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
}

.home_sin_flash ul li:nth-child(5n+8) {
	-webkit-animation-delay: 2.25s;
	animation-delay: 2.25s;
}

/* Animation steps */
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0.0;
    margin-left: -30px;
  }
  100% {
    opacity: 1.0;
    margin-left: 30px;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0.0;
    margin-left: -30px;
  }
  100% {
    opacity: 1.0;
    margin-left: 30px;
  }
}

@-webkit-keyframes fadeInImg {
	0% {
	opacity: 0.0;
	}
	100% {
	opacity: 1.0;
	}
}
@keyframes fadeInImg {
	0% {
	opacity: 0.0;
	}
	100% {
	opacity: 1.0;
	}
}