/*** boton para compartir asesoria****/

.btn_aux{
    display: flex;
  justify-content: center;
  align-items: center;
  }
.boton_mc{
    text-decoration: none;
    padding: 8px;
    text-align:center;
    font-size: 13px;
    color: #FFFFFF;
    background-color: #1A7576;
    border-radius: 4px;
   
  }
  
  .boton_revista{
    text-decoration: none;
    padding: 8px;
    text-align:center;
    margin-left: 10px;
    font-size: 13px;
    color: #FFFFFF;
    background-color: #EF4055;
    border-radius: 4px;
    
  }

.boton_asesoria{
    text-decoration: none;
    padding: 5px;
    font-weight: 600;
    font-size: 20px;
    color: #031865;
    background-color: #FFC000;
    border-radius: 6px;
    border: 2px solid #2A5F80;
  }
 .boton_asesoria:hover{
    color: #031865;
    background-color: #ffffff;
  }
  
  .letra-naranja
  {
    color: #FF9900;
    font-weight: 500;
    font-size: 18px;
  }
  
  .cajaVerde { 
margin: 0 0 25px;
overflow: hidden;
padding: 20px; 
color: #ffffff; 
text-align:center;
background:#00CC00;
border-radius: 35px 0px 35px 0px;
-moz-border-radius: 35px 0px 35px 0px;
-webkit-border-radius: 35px 0px 35px 0px;
border: 2px solid #25D366;}


/*****************************************************/
@font-face {
  font-family: 'icomoon';
  src:  url('../fontsnew/icomoon.eot?rly1u1');
  src:  url('../fontsnew/icomoon.eot?rly1u1#iefix') format('embedded-opentype'),
    url('../fontsnew/icomoon.ttf?rly1u1') format('truetype'),
    url('../fontsnew/icomoon.woff?rly1u1') format('woff'),
    url('../fontsnew/icomoon.svg?rly1u1#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-user-check:before {
  content: "\e975";
}
.icon-question:before {
  content: "\ea09";
}
.icon-mail2:before {
  content: "\ea84";
}
.icon-facebook2:before {
  content: "\ea91";
}
.icon-instagram:before {
  content: "\ea92";
}
.icon-youtube:before {
  content: "\ea9d";
}
.icon-blogger2:before {
  content: "\eab8";
}
.icon-tumblr2:before {
  content: "\eaba";
}
.icon-linkedin:before {
  content: "\eac9";
}

/******************** Principal ********************/

/* reseteo universal */
*{
	border: 0;
	margin: 0;
	padding: 0;
}
body, html 
{
 font-family: Verdana, Arial, Helverica;
 font-size: 1em;
 position: relative;
 width: 100%;
 height: 100%;
}
.logo{
padding: 5px;
display:inline-block; 
}
.video {
   position: relative;
   padding-bottom: 56.25%;
   overflow: hidden;
}

.video iframe
 {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* titulos articulo 
h1{
  margin-top:.2em;margin-bottom:.2em;color:#000000;font-weight:bold;text-decoration:none;font-size:1.1em;text-align:center; padding:.8em;}

.txtblanco{
    font-size:2.8em;
  color:#FFFFFF;}
  
h1 strong:hover {color:#0055a2}

  
h2{
 	font-size:1em;
	font-weight: 400;
	color: #000000;
	text-align:justify;}

h3{
  padding-left:.8em;
  padding-right:.8em;
  font-size:1em;
  line-height: 24px;
  color: #000000;
  text-align:justify;
}
h4{
 color:#808BB4;
 font-size: .8em;
 
 font-weight: bold;
}
*/


a {
 text-decoration: none;
}
a:hove{
  color:#F60;
}
.buscador{
  max-width:80%;
  text-align: center;
  display: inline-block;
 vertical-align: top;
}

/*img, iframe{
    width:100%;
  max-width:40%;
 
}*/
.imgtotalp{
    width:100%;
  max-width:100%;
 
}


.img{
    width:100%;
  max-width:100%;
 
}

header,  footer{
 margin:0 auto;
 width:100%;
 max-width:100%;
 text-align:center;
 
}
.abogadoText{
text-align : justify;
margin-right: 15px;
}

.listaabog a{
margin: .5em;
	font-size: .85em;
color: #02176A;
	text-align:left;


}

.listaabog {
margin: .5em;
font-size: .85em;
color: #02176A;
text-align:left;
padding-right: .15em;

}
#contenido
{
    padding-top: 5px;
    padding-left: 15px;
    padding-bottom: 5px;
    margin:0 auto;
    width:90%;
    max-width:90%;
    }
    
#contenido h1
{
     margin-top:.2em;
     margin-bottom:.2em;
     color:#021769;
     font-weight:bold;
     text-decoration:none;
     font-size:1.1em;
     text-align:center; 
     padding:.8em;
}    
#contenido h2
{ 
    font-size:1em;
	font-weight: 400;
	color: #021769;
    

}

#contenido img
{ 
    padding-bottom: 15px;
    

}
#contenido p
{
    line-height: 1.5em;
    text-align:justify;
}    

#ArticuloRecomendo{
box-sizing: border-box;
background:#FFFFFF;
display:inline-block;
margin: 0 auto;
padding:0.25em;
vertical-align:top;
width:45%;
padding-top:5px;
}

#ArticuloRecomendo h2
{ 
    font-size:1em;
    font-weight:bold;
	font-weight: 400;
	color: #021769;
    text-align: center;

}




 header{
 background-color: #021769;} 
 
header .logo, nav{

 display: inline-block;
 max-width: 100%;
 font-size: .9em;
 vertical-align: middle;
  
}
header .logo{
 text-align:left;
 width:30%;
}
nav{
 text-align:right;
 width:65%;
}

nav ul {
 list-style: none;
 box-sizing: border-box;
}

nav li{
 display: inline-block;
 padding: 0.5em;
 vertical-align: top;
 font-size: .8em;
}

nav a{

 border-radius:.2em;
 display: block;
 font-size: 1em;
 padding: 0.3em;
 color:#FFF;

 
}

nav a:hover{
background-color: #021769;
border-bottom: 2px solid #FFCB05;
color:#FFF;
} 

.grilla{
width: 100%;
max-width: 100%;
padding-bottom:7px;
text-align:left;
font-size: .8em;
display:inline-block;
vertical-align:middle;
}

.grilla a:hover{
border-bottom: 2px solid #FFCB05;
}

.Fondoinm{
box-sizing: border-box;
background:#F0F0F6;
margin: 0 auto;

}
.sanlista ul{
 list-style: square inside;
margin-left:1em;
padding:.5em;
line-height: 1.3em;
}

.sanlista li{
 list-style: square inside;
margin-left:1em;
padding:.5em;
line-height: 1.3em;
text-align:justify;
}




.refpie{
font-size:.9em;
}


.TitArtInt{
font-size:1em;
font-weight:bold;
text-align:center;
}



/* lista titulos */
.list1 ul strong{list-style: none;}
.list1 li {line-height:40px;list-style: none;}
.list1 li strong {margin-top:.7em;list-style: none;display:inline-block;background:url(../../img/marker_1.gif) 0 2px no-repeat;padding-left:48px;color:#000000;text-decoration:none;font-size:1.1em}
.list1 li strong:hover {background-position:0 -38px;color:#0055a2;list-style: none;}



/* redes sociales */
.social {
	position: fixed; /* Hacemos que la posición en pantalla sea fija para que siempre se muestre en pantalla*/
	right: 0; /* Establecemos la barra en la izquierda */
	bottom:30px; /* Bajamos la barra 200px de arriba a abajo */
	z-index: 2000; /* Utilizamos la propiedad z-index para que no se superponga algún otro elemento como sliders, galerías, etc */
}
 
.social ul {
	list-style: none;
}
 
.social ul li a {
	display: inline-block;
	color:#fff;
	font-size:1.5em;
	background: #000;
	padding: 12px 12px;
	text-decoration: none;
	-webkit-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease; /* Establecemos una transición a todas las propiedades */
}
.social ul li .icon-users {background:#00CC00;}
.social ul li .icon-facebook2 {background:#3b5998;} /* Establecemos los colores de cada red social, aprovechando su class */
.social ul li .icon-tumblr2 {background: #00abf0;}
.social ul li .icon-instagram {background: #A445A1;}
.social ul li .icon-twitter {background: #00CC00;}
.social ul li .icon-whatsapp {background: #00CC00;}
.social ul li .icon-youtube {background: #FF0000;}
.social ul li .icon-google-plus2 {background: #D64533;}
.social ul li .icon-blogger2 {background: #F57D00;}
.social ul li .icon-mail2 {background: #999999;}
.social ul li .icon-linkedin {background:#0A66C2;}
.social ul li .icon-user-check {background:#00CC00;}
.social ul li .icon-user-tie {background:#00CC00;}
.social ul li a:hover {background: #717DAB; /* Cambiamos el fondo cuando el usuario pase el mouse */
	padding: 14px 16px; /* Hacemos mas grande el espacio cuando el usuario pase el mouse */
}


footer{
	background-color: #021769;
	color:#FFF;
	font-size:.84em;
	padding:0.75em 0;
margin-top:.3em;
	margin-bottom:.6em;

}

footer a{
	text-decoration: none; 
	color:#FFF;

}

footer img{
width:25%; height:25%;
}




/* @media only screen and (max-device-width: 767px) { */
@media only screen and (max-width : 640px)
{
	header, footer{
	max-width:100%;
	width:100%;
	}
	
	.logo {
  width: 100%;
  height: 100%;
  }


#contenido
{
    padding-top: 5px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 5px;
    margin:0 auto;
    width:90%;
    max-width:90%;
    }
    
    
	header .logo{
	 text-align:left;
    width:35%;
	}
	nav{
		text-align:center;
        width:100%;
	}
	nav li{
		padding: 0.2em;
	}
	nav a{
		font-size: .9em;
		padding: 0.2em;
	}

	/* lista titulos */
	.list1 li {line-height:20px}
	.list1 li strong {margin-top:.7em;background:url(img/marker_2.gif) 0 2px no-repeat;padding-left:22px;font-size:.7em}
	.list1 li strong:hover {background-position:0 -20px;}

	.social ul li a {
		font-size:.7em;
		padding: 10px 10px;
	}
	.social {
		top: 290px; /* Bajamos la barra 200px de arriba a abajo */
	}

	
}

/* para otros celualres 

/* @media only screen and (max-device-width: 480px) { 
@media only screen and (max-width : 480px) 
{
	header,section#contenido, footer{
		max-width:100%;
		width:100%;
	}

.logo {
  width: 183px;
  height: 69px;
  display:inline-block;
 
}

	header .logo{
	   /* display:none;
	 text-align:left;
     width:34%;
	}
	nav{
		text-align:center;
        width:100%;
	}
	nav li{
		padding: 0.2em;
		font-size:.9em;
	}
	nav a{
		font-size: .9em;
		padding: 0.2em;
	}
	#lista3 {
		margin-bottom: 2em;
	}

	#lista3 ol {
		margin: -.5em 0 0 2em; 
	}

	#lista3 li{
     margin: .1em 0 .5em 2.5em;

	}

	/* lista titulos 
	.list1 li strong {font-size:.8em}

	.social ul li a {
		font-size:.7em;
		padding: 10px 10px;
	}
	.social {
		top: 290px; /* Bajamos la barra 200px de arriba a abajo 
	}

	#MenNavInm, #herramientas{
		width:49%;
	}
	#herramientas{
		width:44.5%;
	}
	#wrapper {	
		width: 98%;	
		font-size: .8em;
	}
	.menu ul li a {
		text-indent: .4em;
	}
	#imgpa img{
          height:200%;
	}
}


@media only screen and (max-width : 320px) {
	header,section#contenido, footer{
		max-width:100%;
		width:100%;
	}
	#imgpa img{
		height:200%;
	}
	.logo {
  
  width: 183px;
  height: 69px;
  display:inline-block;
  
}

	header .logo{
		text-align:left;
 width:35%;
	}
	nav{
	 text-align:center;
 width:100%;
	}
	nav li{
		padding: 0.2em;
	}
	nav a{
		font-size: .8em;
		padding: 0.2em;
	}
	#lista3 {
		margin-bottom: 2em;
	}
	#lista3 ol {
		margin: -.5em 0 0 2em; 
	}
	#lista3 li{
		margin: .1em 0 .5em 2.5em;
	}

	/* lista titulos 
	.list1 li strong {font-size:.8em}
	.social ul li a {
		font-size:.7em;
		padding: 8px 8px;
	}
	.social {
		top: 330px; /* Bajamos la barra 200px de arriba a abajo 
	}
	#MenNavInm, #herramientas{
		width:49%;
	}
	#herramientas{
		width:44.5%;
	}
	#wrapper {	
		width: 98%;	
		font-size: .8em;
	}
	.menu ul li a {
		text-indent: .4em;
	}
	section #grilla{
		font-size: .9em;
		margin-left:.5em;
	}

	#lista3 {
		margin-bottom: 2em;
	}

	#lista3 ol {
		margin: 0 0 0 2em; 
	}
	#lista3 li{
		margin: .5em 0 .5em 2.5em;
	}
}



*/