/***********************************************/
/* NEO Servicios Juridicos                */
/***********************************************/

/***********************************************/
/* HTML ESTILOS                                */
/***********************************************/




BODY {
  margin: 0px;
  padding: 0px;
  background-color:#16171c;
  background-image:url(../images/bg_gral.jpg);
  background-repeat:repeat-x;


}



#wrapper{
    width:865px;
	height:530px;
	font:1em Arial, Helvetica, sans-serif;
	background-color:#FFF;
	margin:0 auto 0 auto;


	

}

#top{
	width:100%;
	height:41px;
	background-color:#666;
	background-image:url(../images/bg_top.jpg);
	background-repeat:repeat-x;
	text-align:right;
	

	

}

#top img{
      margin-right:20px;
      margin-top:12px;

	

}

#corporativo{
	padding:7px;
	padding-left:1px;
	padding-bottom:0px;


}

#logo{
    float:left;
	width:260px;
	height:200px;
	background-image:url(../images/neo_servicios_juridicos.jpg);
	background-repeat:no-repeat;
	background-position:center;
	padding-top:20px;
	margin-right:6px;
	

}

#logo h1{
	display:none;


}

#logo img{
    margin-top:45px;
	margin-left:12px;


}



#imagenes{
	height:233px;
}


#contenido{
    width:851px;
	padding:0 7px 7px 7px;
	float:left;
	margin-bottom:0px;
	background-color:#FFF;
	


}

#destacadoLateral{
	width:260px;
	height:290px;
	background-image:url(../images/bg_destacado.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	padding-bottom:7px;
	float:left;
	
}

#destacadoLateralLargo{
	width:260px;
	height:770px;
	background-image:url(../images/bg_destacado.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	padding-bottom:7px;
	float:left;
	
}


#destacadoLateralMuyLargo{
	width:260px;
	height:1230px;
	background-image:url(../images/bg_destacado.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	padding-bottom:7px;
	float:left;
	
	
}


.titulo{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#EBEDF0;
	margin-top:14px;
	margin-left:17px;

}

.parrafoDestacado{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#EBEDF0;
	margin-top:14px;
	margin-left:17px;
	margin-right:27px;
	height:155px;
	/*text-align:justify;*/
	


}

.parrafoDestacado h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#EBEDF0;
	letter-spacing:1px;
	font-weight:100;

}

.parrafoDestacado h2 span{
	font-weight:800;

}


.parrafoDestacadoDos{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#EBEDF0;
	margin-top:20px;
	margin-left:17px;
	margin-right:25px;
	height:155px;
	/*text-align:justify;*/
	


}

.parrafoDestacadoDos h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#EBEDF0;
	
	font-weight:100;

}

.parrafoDestacadoDos h2 span{
	font-weight:800;

}




.ver{
	text-align:right;
	margin-right:30px;
	margin-top:20px;

}

.ver a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#CCC;
	text-decoration:none;
}

.ver a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFF;
}


.parrafo{
	font-weight:100;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	margin-left:15px;
	margin-right:15px;
	color:#565759;
	letter-spacing:1px;

}


.parrafo h2{
	font-weight:100;
	font-size:12px;
	line-height:14px;
	text-align:justify;

}

.parrafo h2 span{
	font-weight:800;
	font-size:12px;
	line-height:14px;

}

.parrafo h2 a{
	text-decoration:none;
	color:#555;

}





.parrafo h2 a:hover{ 
    color:#65b5e6;
}

.parrafo h3{
	font-weight:100;
	font-size:12px;
	line-height:13px;
	letter-spacing:0px;
	text-indent:17px;
	background-image:url(../images/item);
	background-position:left top;
	background-repeat:no-repeat;
	margin-top:25px;

}

.parrafo h3 span{
	font-weight:800;
	font-size:12px;
	line-height:14px;
	color:#1b5686;
	letter-spacing:1px;
	

}


.parrafo h3 p{
	line-height:8px;
}

#botonera{
    width:560px;
	height:43px;
	background-image:url(../images/bg_botonera.jpg);
	background-repeat:no-repeat;
	float:left;
	padding-left:30px;

}

#botonera ul{
      height:30px;
      list-style:none;
	  margin-top:7px;
	
}
    
	
#botonera ul li{
      display:inline;
	  margin-right:20px;
	  padding-left:5px;
      float:left;
	  font-family:Arial, Helvetica, sans-serif;
      font-size:16px;
      color: #fff;
	  background:transparent;
      height:30px;
      line-height:30px;
	  
}
    
	
#botonera a{
	font-family:Arial, Helvetica, sans-serif;
      font-size:16px;
      float:left;
      color:#edf0f2;
	  text-decoration: none;
      /*border:1px solid #ccc;*/
      cursor: pointer;
      background:transparent;
      height:30px;
      line-height:30px;
}
    
	
#botonera a:hover{
      /*background:#D9D9DA none;*/
      color: #d1ecef;
}
  

#textoUno{
	width:294px;
	height:90%;
	border-right:1px solid #CCC;
	margin-top:10px;
	float:left;
	

}


#textoDos{
	width:292px;
	height:90%;
	margin-top:10px;
	float:left;
	

}

#textoUnidos{
	width:590px;
	height:100%;
	margin-top:10px;
	float:left;
	padding-bottom:20px;
	

}

#textoUnidos .parrafo h5{
	margin-top:-5px;
	margin-bottom:-2px;
	
	color:#069;
	font-size:14px
	
}


#pie{
    width:865px;
	height:40px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#CCCCCC;
	background-image:url(../images/bg_pie.gif);
	background-repeat:no-repeat;
	background-color:transparent;
	float:left;
	margin-bottom:15px;
}

#pie a{ 
    color:#CCCCCC;
	text-decoration:none;
}

#pie a:hover{ 
    color:#aaa;
}


.legales{
	color:#54b6e6;
float:left;
margin-top:15px;
margin-left:7px;
 
}



.direccion{
float:right;
margin-right:7px;
height:28px;
margin-top:15px;
color:#333;
}


#navegacionHtml{
    width:865px;
    height:28px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#CCC;
	margin:60px auto 50px auto;
	

}

#navegacionHtml a{ 
    color:#ccc;
	text-decoration:none;
}

#navegacionHtml a:hover{ 
    color:#6CF;
}

.logologic{
float:right;
margin-top:-2px;
}


/**********************  Estilos para el contacto  *************************/


#form{
     margin-left:0px;
	 margin-top:5px;
	 margin-bottom:5px;
	 padding-left:17px;
	 padding-top:10px;
     font-family:Arial, Helvetica, sans-serif;
 	 font-size:12px;
	 background-image:url(../imagenes/bg_form.jpg);
	 background-repeat:no-repeat;
	 width:570px;
	 height:200px;
	 float:left;
	 margin-left:20px;
	 margin-top:-5px;
	 
	 
}

.items{
	width:120px;
	height:130px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333;
	float:left;
	text-align:right;
	margin-right:8px;
	
	
}

#formuleto{
	padding-top:8px;
    height:200px;
	width:350px;
	
	float:left;
}
#formuleto p{
    font-family:Arial, Helvetica, sans-serif;
	color:#5a5a5a;
    font-size:11px;
	font-weight:400;
	margin-bottom:3px;
	margin-top:6px;
	
}
.enviado{
   font-family:Arial, Helvetica, sans-serif;
   color:#FF0066;
   font-size:12px;
   font-weight:bold;
   text-align:center;
   margin-right:30px;
   margin-top:90px;
}


#nombre {
color:#7d837f;
font-size:11px;
font-weight:100;
width:350px;
height:16px;
background-color:#dedede;
border:none;
padding-left:4px;
padding-top:2px;
margin-bottom:5px;
}

#telefono {
color:#7d837f;
font-size:11px;
font-weight:100;
width:350px;
height:16px;
background-color:#dedede;
border:none;
padding-left:4px;
padding-top:2px;
margin-bottom:5px;
}

#email {
color:#7d837f;
font-size:11px;
font-weight:100;
width:350px;
height:16px;
background-color:#dedede;
border:none;
padding-left:4px;
padding-top:2px;
margin-bottom:5px;
}


#mensaje {
color:#7d837f;
font-size:11px;
font-weight:100;
width:350px;
height:45px;
background-color:#dedede;
padding-left:4px;
padding-top:2px;
padding-bottom:2px;
margin-bottom:5px;
border:none;

}

#boton {

float:right;
padding:2px;
border:none;
width:73px;
height:24px;
margin-top:0px;
margin-right:-10px;}