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

/*

	selectores
	
	1.- etiqueta
	2.- ID
	3.- clase
	4.- compuesto

*/



body {
	background: #069; /* color de fondo*/
}

header {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+46,f7f7f7+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 46%, #f7f7f7 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 46%,#f7f7f7 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 0%,#ffffff 46%,#f7f7f7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */

	
	width:1000px; /* ancho */
	height: 120px; /*alto*/
	margin-left:auto; /* margen izquierdo centro */
	margin-right:auto; /* margen derecho centro */
	border-radius:22px 22px 0 0;
	overflow:hidden;
}


#telefonos{

	width:300px;
	float:right;
	padding:1px;
	margin:8px;
	animation:4s telefonomedia 1;
}
#logo{
	text-align: left;
	padding:12px 0 0;
	animation:4s presentacion 1;
	
}
@keyframes presentacion{	
	0%{
		transform:translateX(-900px);
}
}
#t1{
	padding:5px;
	margin:2px;
	text-align:center;
	
	/* border: solid 1px #333333; contorno en todos los lados*/
	border-bottom:solid 1px #333333;	
	
}
#t2 img{
	margin:0 15px 0 0;
}

#t3 img{
	margin:0 19px 0 0;
}
nav{
	background-color: #CCC;
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	height: 50px;

}
#slider{
	width: 1000px;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
}

#contenedor{
	background-color: #FFF;
	width: 1000px;
	height: 1000px;
	margin-left: auto;
	margin-right: auto;
}

#contenedorcuatro{
	background-color: #FFF;
	width: 1000px;
	height: 1900px;
	margin-left: auto;
	margin-right: auto;
}

#contenedornueve{
	background-color: #FFF;
	width: 1000px;
	height: 1400px;
	margin-left: auto;
	margin-right: auto;
}

#contenedorcinco{
	background-color: #FFF;
	width: 1000px;
	height: 1500px;
	margin-left: auto;
	margin-right: auto;
}

#contenedorbancario{
	background-color: #FFF;
	width: 1000px;
	height: 900px;
	margin-left: auto;
	margin-right: auto;
}

#contenedorinmobiliario{
	background-color: #FFF;
	width: 1000px;
	height: 800px;
	margin-left: auto;
	margin-right: auto;
}


#contenedordos{
	background-color: #FFF;
	width: 1000px;
	height: 1000px;
	margin-left: auto;
	margin-right: auto;
}

#izquierdo{
	background-color:#FFF;
	width:750px;
	height:500px;
	float:left; /* posiciona a la izquierda */
}

#fotouno{
	float:left;
	margin:100px 15px 0px 20px ;
	max-width:100%;
	height:100%;
}
	



#titulo{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	text-align:left;
	padding:1px;
}


#centro{
	background-color:#FFF;
	width:250px;
	height:700px;
	float:right;
}

footer{
	background-color: #999;
	width: 1000px;
	height: 170px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}
#derecho{
	background-color:#FFF;
	width:750px;
	height:200px;
	float:right;
	
}



#pie{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	max-width: 1000px;
	min-height: 50px;
	margin-left:5px;
	color: #FFF;
	text-align: left;
	font-weight: bold;
	padding:20px;	
}

#campo{
	margin right:50px;
}


#lista{
	list-style-type: none;
	color: #FFF;
	margin: 20px 10px 10px -25px;
}

#lista li {
	float: left;
	padding-left: 8px;
	list-style-position: outside;
	text-align: center;
	font-size: 12px;
	overflow: hidden;
	list-style-type: none;
}


#punto{
	float: left;
	margin-left: 20px;
	overflow: hidden;
	text-align:right;
	padding:4px;
}

#logobajo{
	width:280px;
	float:right;
	padding:12px;
	margin:-10px 0px 0px 0px;
	text-align:center;
	
}

#logobajo2{
	width:-100px;
	float:right;
	padding:12px;
	margin:-10px 0px 0px 0px;
	text-align:right;
	
}

#botonleer{
	text-align:center;
	margin:5px 0px 0px 0px;
	float:right;
	
}




#articulouno{
	margin: 20px 20px 20px 340px;
	float:none;
	
	
	}

#fotodos{
	float:left;
	margin: -100px 20px 0px 20px;
	
}

#descargar{
	margin: -125px 20px 20px 530px;
	float:right;
	
}

#centrotexto{
	text-align:center;
	padding:20px;


}
#centrotextouno{
	text-align:center;
	padding:5px;


}
#descargardos{
	margin: -90px 20px 20px 530px;
	float:right;
	
}

#descargartres{
	margin: -55px 20px 20px 530px;
	float:right;
	
}

#jrs{
	text-align:center;
	margin: 0 0 0 380px;
	
}


#equipo{
	margin: 40px 0 0 0;

}

#nosotros{
	margin:10px 0 0 20px;
}

#contenido{
	text-align:justify;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	margin::50px 0 0 20px;
	margin-left:20px;
	margin-right:20px;
}

#contenidoinicio{
	text-align:justify;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	margin::50px 0 0 20px;
	margin-left:20px;
	margin-right:20px;
}

#mensaje{
	margin:-90px 0 0 200px;	
	
}

#botontributario{
	margin:10px 0 0 150px;
	
}

#mensajedos{
	margin:-90px 0 0 200px;	
	
	
}

#mensajeonce{
	margin:-20px 0 0 110px;	
	
	
}

#botonlaboraldos{
	 margin:10px 0 0 150px;
}

#mensajetres{
	margin:-90px 0 0 200px;	
	
	
}

#botonsocietariotres{
	 margin:10px 0 0 150px;
}

#mensajecuatro{
	margin:-90px 0 0 200px;	
	
	
}

#botoncontenciosocuatro{
	 margin:10px 0 0 150px;
}

#mensajecinco{
	margin:-90px 0 0 200px;	
	
	
}

#botoncorporativocinco{
	 margin:10px 0 0 150px;
}

#tributarioimg{
	margin-left:-15px;
	
}


#mensajetributario{
	margin:0px 0 0 -40px;
	
}

#laboralimg{
	margin-left:-15px;
	
}

#mensajelaboral{
	margin:0px 0 0 -40px;
	
}
#societarioimg{
	margin-left:-15px;
	
}

#mensajesocietario{
	margin:0px 0 0 -40px;
	
}

#contenciosoimg{
	margin-left:-15px;
	
}

#mensajecontencioso{
	margin:0px 0 0 -40px;
	
}

#corporativoimg{
	margin-left:-15px;
	
}

#mensajecorporativo{
	margin:0px 0 0 -40px;
	
}

#cajas{
	
	min-height:180px;
	overflow:hidden;
}

#boletincabecera{
	margin:15px 0 0 10px;
	
}

#ico{
	text-align:center;
	padding:15px;
}

#textoico{
	text-align:center;
	font-size:16px;
	color:#FFF;
	padding:15px;
}

#boton{
	width:70px;
	margin:8px	auto	1px	auto;
	text-align:center;
	padding:12px	25px	12px	25px;
	background-color:#999;
	color:#FFF;
	border-radius:9px 9px 0 0;

}

#tributariosimg{
	padding:10px		0px		0px		10px;
	margin:20px;

}



	#c1{
	width:180px;
	min-height:185px;
	margin:20px	6px  12px	40px;
	float:left;
	background-color:#000;
	border-radius:15px;
}
	


#boton a{
	color:#FFF;
	text-decoration:none;
}

#boton a:hover{
		color:#000;
}

#boton:hover{
	background-color:#FFF;
}

#c1:hover img{
	animation:1s rotacion 1;
}
@keyframes rotacion{
	0%{
		opacity:0;
		transform:rotate(270deg) scale(0.3);
	}
}
		
}