@charset "utf-8";
/* Documento CSS de CRC Abogados */

body { background: #99bc1a; padding: 20px 0; font-family: Verdana, Arial, Helvetica, sans-serif; }
img { -ms-interpolation-mode:bicubic; }

/* Estructura General */

#custom-doc { width:994px; margin: 20px auto 20px auto; text-align:left; position: relative; background: #fff url(../img/bg_body.jpg) 0 0 repeat-y; }
	
#hd { position: relative; height: 180px; z-index: 1; }
#hd_sub { position: relative; height: 4px; margin: 0 5px; background: #99bc1a; width: 984px; font-size: 4px; }
#top { position: relative; float: left; height: 174px; display: block; margin-left: 35px; width: 300px; }
#menu { position: relative; float: right; height: 150px; display: block; margin-right: 30px; text-align: right; margin-top: 10px; width: 570px; }
.menu_top1 { float: right; margin-right: 10px; height: 39px; }
.menu_top2 { float: right; margin-right: 15px; font-size: 13px; height: 13px; padding: 13px 0; color: #99bc1a; }
.menu_search { margin-right: 15px; margin-top: 5px; height: 42px; text-align: right; }
.menu_search .texto_buscar { width: 210px; padding: 4px; color: #777; }
.menu_search .buscar { width: 75px; padding: 4px; }
	
#bd { position: relative; color: #444; font-family: "Verdana", Arial, Helvetica, sans-serif; }
#ft_top { position: relative; display: block; height: 1px; margin: 0 5px; background: #ddd; width: 984px; font-size: 1px; }
#ft { padding: 0 20px; position: relative; background: url(../img/bg_ft.jpg) 0 90px no-repeat; height: 105px; }

/* Titulos */

h1 { font-size: 127.27%; /* 16px based on 11px */ 
	color: #99bc1a; padding: 10px 0; }	
h2 {font-size: 127.27%; /* 16px based on 11px */ 
	color: #99bc1a; padding: 10px 0; font-weight: bold; font-family: 'Orbitron', arial, serif; }
			
/* Estilos Generales */

p { margin-bottom: 1em; text-align: justify; }
span { word-wrap: break-word; }
strong { font-weight: bold; }
em { font-style: italic; }
sup { font-size: 50%; font-style: normal; margin-left: 3px; vertical-align: top; }

.padding { padding: 5px; }
.padding_10 { padding: 10px; }
	
.col_right { text-align: right; }
.justify { text-align: justify; }
.center { text-align: center; }
.verde { color: #99bc1a; }
	
/* Links */

a { color: #99bc1a; cursor: pointer; }
a:hover { color: #555; cursor: pointer; }
#ft a { color: #777; }
#ft a:hover { color: #99bc1a; text-decoration: underline;}
	

/* Pagina de Inicio */

#home .flash_style { width: 984px; border-top: 1px solid #ccc; margin: 0 5px; }

#home .inicio_somos { width: 964px; height: 135px; display:block; border-top: 1px solid #ccc; background: #f0f0f0; padding: 10px; margin: 0 5px; }
#home .inicio_somos img { float: right; margin-left: 40px; border: 0; }

#home .panel_1 { float: left; width: 314px; margin-right: 20px; }
#home .panel_2 { float: left; width: 268px; margin-right: 20px; height:200px; }
#home .panel_3 { float: left; width: 340px; }
	
/* Quienes Somos */

#somos .quienes_somos { width: 944px; display:block; padding: 20px; margin: 30px 5px; }
#somos .quienes_somos img { margin-left: 35px; }

#somos .elegirnos { width: 944px; display:block; padding: 20px; margin: 0px 5px; border-top: 1px solid #ccc; background: #f9f9f9; }

/* Servicios */

#servicios .servicios_legales { width: 924px; display:block; padding: 20px 30px; margin: 10px 5px; text-align: center; }
#servicios h2 { text-align:left; }
#servicios .servicios_legales img { margin: 5px 5px; }

/* Equipo Profesional */

#equipo .equipo_profesional { width: 904px; display:block; padding: 20px 40px; margin: 10px 5px; }
#equipo .socio { float:left; width: 48%; margin-bottom: 20px; height: 250px; }
#equipo .socio img { float: left; }
#equipo .socio h3 { font-size: 15px; font-weight: bold; margin-bottom: 20px; padding-top: 10px; }
#equipo .socio p { font-size: 13px; }
#equipo .socio a { color: #777; }
#equipo .socio a:hover { color: #99bc1a; text-decoration: underline; }

/* Novedades */

#novedades .main_novedades { width: 904px; display:block; padding: 20px 40px; margin: 10px 5px; text-align: center; }
#novedades h2 { text-align:left; }
#novedades .tabla_novedades { text-align: justify; }
#novedades .tabla_novedades tr { border-top: 1px solid #ccc; }
#novedades .tabla_novedades td { padding: 20px 10px; }

/* Busacdor */

.buscador_main { width: 904px; display:block; padding: 20px 40px; margin: 10px 5px; text-align: left; }
.buscador_main h2 { text-align:left; }
.buscador_main form { text-align: center; }
.buscador_main .tabla_novedades tr { border-top: 1px solid #ccc; }
.buscador_main .tabla_novedades td { padding: 20px 10px; }

.buscador_especifico { background: #eee; padding: 20px; border: 1px solid #99bc1a;}
.buscador_especifico .texto_buscar { width: 210px; padding: 4px; color: #777; }
.buscador_especifico .buscar { width: 75px;	padding: 4px; }
.buscador_main .servicios_buscador { width: 924px; text-align: center; }
.buscador_main .socio { float:left; width: 48%; margin-bottom: 20px; height: 250px; }
.buscador_main .socio img { float: left; }
.buscador_main .socio h3 { font-size: 15px; font-weight: bold; margin-bottom: 20px; padding-top: 10px; }
.buscador_main .socio p { font-size: 13px; }
.buscador_main .socio a { color: #777; }
.buscador_main .socio a:hover { color: #99bc1a; text-decoration: underline; }

/* Contacto */

#contacto .main_contacto { width: 904px; display:block; padding: 20px 40px; margin: 10px 5px; }

/* Afiliaciones */

#afiliaciones .main_afiliaciones { width: 904px; display:block; padding: 20px 40px; margin: 10px 5px; }
#afiliaciones .tabla_afiliacion tr { border-top: 1px solid #ccc; }
#afiliaciones .tabla_afiliacion td { padding: 20px 10px; }

/* Informacion */

#info .main_info { width: 904px; display:block; padding: 20px 40px; margin: 10px 5px; }
#info h3 { padding-bottom: 10px; border-bottom: 1px solid #ccc; font-size: 16px; font-weight: bold; color: #333; margin: 30px 0 10px 0; }

/* Formulario de Contacto */

#contacto_form ol { list-style:none; }
#contacto_form ol li{ padding: 5px 0; }
#contacto_form .form_special { float: left;  width: 300px; padding-right:10px;	 text-align: right;  color:#333; font-weight: bold; }
#contacto_form .form_special2 { float: left; width: 220px; padding-right:10px; text-align: right; color:#333; font-weight: bold; }
#contacto_form input { width: 200px; }
#contacto_form label.error { color:#FF0000; float:none; width: 300px; padding-right:10px;	text-align: left; display:block; margin-left:230px; }
#contacto_form span { color:#666666; }
#contacto_form input.error, #contacto_form textarea.error { color:#333; background-color:#ffffff; border:1px solid #FF0000; }
	
/* Otros */

error { display: block; width: 700px; margin: 10px auto 30px auto; padding: 10px; font-size: 14px; color: #333; background: #eee; border: #0099FF 1px solid; text-align: center; }
.clear { clear: both; line-height: 1px; font-size: 1px; }