
/* CSS Document */
/* Calderón González Abogados */
/* Diseño Punto Tres www.puntotres.com.mx */

body {padding:0px; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:14px; background:#CCCCCC; text-align:justify;}
img {border:0px;}
.limpiar {clear:both;}

/* Cargadores */

img.loadtrans {background:url(../imagenes/grl/load1.gif) no-repeat 50% 50%;}
img.loadBlack {background:#000000 url(../imagenes/grl/load_negro.gif) no-repeat 50% 50%; padding:3px; margin:5px;}
img.loadnoborder{background:#FAFAFA url(../imagenes/grl/load_gris.gif) no-repeat 50% 50%; margin:5px;}
img.load333{background:#333333 url(../imagenes/grl/load333.gif) no-repeat 50% 50%;}

/* Estructura */

div.headr {background:#667788 url(../imagenes/grl/headr_bck.jpg) no-repeat center top; height:304px; width:100%;}
div.cuerpo {width:950px; margin:auto;}
div.logotipo_hdr {width:273px; height:99px; margin-left:305px; padding-top:10px;}
div.txt_hdr {text-align:right; margin:100px 145px 0 0;}
div.wrappMainMenu {height:41px; width:100%; border-bottom:1px solid #FF7722; background:#FFFFFF url(../imagenes/grl/bck_botonera.gif) repeat-x left top;}
div.menuPrincipal {width:950px; height:41px; text-align:center; margin:auto;}
div.mainWrap {background:url(../imagenes/grl/bck_main.gif) repeat-x left top; width:100%;}
div.mainBlock {width:430px; background:url(../imagenes/grl/deg_bloq_principal.gif) repeat-x left top; padding:30px 10px 60px; float:left;}
div.mainBlockInterno {width:670px; background:url(../imagenes/grl/deg_bloq_principal.gif) repeat-x left top; padding:30px 10px 60px; float:left;}
div.servicios {background:#EDEDED url(../imagenes/home/sombra_servicios.gif) repeat-x left top; padding:30px 10px 60px; float:left; width:220px; margin-left:10px;}
div.blockDer {background:url(../imagenes/grl/deg_bloq_principal.gif) repeat-x left top; float:right; width:250px; padding:30px 0 60px;}
div.blockArticl {background:url(../imagenes/grl/sombraarticulos.gif) no-repeat center top; padding-top:13px; float:left; margin-top:10px; margin-left:10px; width:240px;}
div.contenidoArticulos {background:url(../imagenes/grl/bck_articls.gif) repeat-x left top; width:220px; padding:10px 10px 60px 10px;}
div.wrappFootr {min-height:100px; background:#333333 url(../imagenes/grl/logotipo_fondoagua.gif) no-repeat center center; padding:20px 0 20px; width:100%;}
div.cuerpoftr {width:305px; margin:auto; padding-left:455px; padding-top:40px;}
.contenidoArticulos div.articuloIntro {background:url(../imagenes/home/fin_articulo.png) no-repeat center bottom; padding:10px 0 30px; color:#FFFFFF; font-size:12px; margin-bottom:30px;}
.contenidoArticulos div.importante {
	background-color:#F93; 
	padding:10px 5px 30px;
	border-radius:10px;
	-moz-border-radius:10px;
	-ms-border-radius:10px;
	-o-border-radius:10px;
	-webkit-border-radius:10px;
	}
.contenidoArticulos div.articuloIntro a {color:#000000; text-decoration:none; font-size:14px; text-align:center; display:block; font-weight:bold;}
.contenidoArticulos div.articuloIntro a:hover {text-decoration:underline;}
.contenidoArticulos div.articuloIntro a.leermas {color:#000000; text-decoration:none; font-size:12px; text-align:right; display:block; font-weight:bold; background:url(../imagenes/home/fleccha_mas.png) no-repeat right center; padding-right:15px;}
.contenidoArticulos div.articuloIntro a.leermas:hover {text-decoration:underline;}
.contenidoArticulos div.articuloIntro p {margin:5px 0;}
.bannerSeminario {
	height:100px;
	width:850px;
	margin:0 auto;
}
/* Diseño */

div.txt_hdr h2 {font-size:30px; color:#FFFFFF; font-family:Georgia, "Times New Roman", Times, serif; margin:0px;}
div.txt_hdr p {font-size:18px; color:#FFFFFF; font-family:Georgia, "Times New Roman", Times, serif; margin: 0px;}
div.mainBlockInterno h1 {font-family:Georgia, "Times New Roman", Times, serif; font-size:30px; border-bottom:double 1px #FF7722; color:#FF7722; padding-bottom:5px; padding-left:50px; text-align:left;}
div.mainBlockInterno h2 {font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; color:#333333; font-weight:bold; margin-left:20px; text-align:left; background:url(../imagenes/grl/tit_flecha.gif) no-repeat left center; display:block; padding-left:15px;}
div.mainBlockInterno h3 {font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; color:#333333; text-align:left;}
div.mainBlockInterno h3.error {font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; color:#990000;}
div.mainBlockInterno h4 {font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; color:#333333; text-align:left;}
p.grecafin {height:33px; display:block; background:url(../imagenes/grl/greca_fin.png) no-repeat center top; margin-top:50px;}
div.cuerpoftr {color:#FFFFFF; font-size:11px;}
div.mainBlockInterno ol {list-style:url(../imagenes/grl/paloma.gif); font-size:14px; font-family:"Arial Black", Gadget, sans-serif;}
div.mainBlockInterno ol li {margin-bottom:5px;}
div.mainBlockInterno a {font-weight:bold; color:#333333;}
div.mainBlockInterno a:hover{text-decoration:none;}

ul#articulos{padding:30px 30px 0; margin:0; list-style-type:circle; text-align:left;}
ul#articulos li {padding:10px 10px 20px; color:#666666; border-bottom:#999999 solid 1px;}
ul#articulos li a {color:#333333; text-decoration:none;}
ul#articulos li.nuevo a {color:#FF7722; text-decoration:none;}
ul#articulos li a:hover {text-decoration:underline;}

/* home */
.servicios h1 {color:#FF7722; font-family:"Arial Black", Gadget, sans-serif; font-size:28px; }
.servicios ul {padding:0 0 0 20px; list-style:url(../imagenes/grl/lista_punto.gif); text-align:left;}
.servicios ul li {margin-bottom:10px;}
.servicios ul li a{font-family:"Arial Black", Gadget, sans-serif; color:#000000; text-decoration:none;}
.servicios ul li a:hover {text-decoration:underline;}
.contenidoArticulos h2 {color:#FFFFFF; font-family:"Arial Black", Gadget, sans-serif; font-size:16px; border-bottom:#FFFFFF solid 1px;}

/* Navegación */

ul#main_nav {height:41px; margin:0 0 0 100px; padding:0px;}
ul#main_nav li {height:41px; float:left; list-style:none; margin:0px; padding:0px;}
ul#main_nav li a {font-family:"Arial Black", Gadget, sans-serif; font-size:16px; padding:7px 10px 0; text-decoration:none; color:#000000; display:block; height:34px;}
ul#main_nav li a:hover {background:url(../imagenes/grl/bck_btn_over.gif) repeat-x left top; color:#000000;}
ul#main_nav li.active a {background:url(../imagenes/grl/bck_btn_activo.gif) repeat-x left top; color:#FFFFFF; cursor:default;}
ul#main_nav li.off a {font-family:"Arial Black", Gadget, sans-serif; font-size:16px; padding:7px 10px 0; text-decoration:none; color:#CCCCCC; display:block; height:34px; background:none; cursor:default;}
ul#main_nav li.off a:hover {font-family:"Arial Black", Gadget, sans-serif; font-size:16px; padding:7px 10px 0; text-decoration:none; color:#CCCCCC; display:block; height:34px; background:none; cursor:default;}

div.cuerpoftr a{color:#CCCCCC; font-size:10px; text-decoration:none;}
div.cuerpoftr a:hover{color:#FFFFFF;}

ul#sub_nav {margin:0 0 10px 0; padding:0px; list-style:none; width:250px; text-align:left;}
ul#sub_nav li {border-top:#666666 solid 1px; display:block; height:40px; border-bottom:#E6E6E6 solid 1px; width:250px; margin:0; padding:0;}
ul#sub_nav li a{display:block; height:28px; width:220px; background:url(../imagenes/grl/estado_btn.gif) no-repeat left top; font-family:Arial, Helvetica, sans-serif; font-size:14px; text-decoration:none; color:#000000; padding:12px 0 0 30px;}
ul#sub_nav li a.doble{display:block; height:35px; width:220px; background:url(../imagenes/grl/estado_btn.gif) no-repeat left top; font-family:Arial, Helvetica, sans-serif; font-size:14px; text-decoration:none; color:#000000; padding:5px 0 0 30px;}
ul#sub_nav li a:hover {background-position:left -50px;}
ul#sub_nav li.active a {background-position:left -100px; cursor:default;}

/* Contacto */

.mainBlockInterno td.txtcampo {font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; background:url(../imagenes/grl/tit_flecha.gif) no-repeat right 12px; padding:10px 15px 10px 0; width:120px; text-align:right;}
.mainBlockInterno td.campoForm {padding:10px 0 10px 15px; width:250px;}
.mainBlockInterno td.campoForm input {border:#999999 1px solid; background:#FFFFFF; width:220px; height:20px;}
.mainBlockInterno td.campoForm textarea {border:#999999 1px solid; background:#FFFFFF; width:220px; height:150px;}
.mainBlockInterno td.btnEnviar {padding:5px 0 5px; width:250px;}
.mainBlockInterno td.btnEnviar input{background:url(../imagenes/grl/btn_enviar.png) no-repeat left top; height:33px; width:69px; display:block; border:none; padding:2px; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; cursor:pointer;}
div.direccion {width:200px; padding:40px 15px; margin:auto; border:#FF7733 solid 1px; background:#FFFFFF url(../imagenes/grl/casa.gif) no-repeat left 2px; font-weight:bold;}
.link a{color:#666666; font-size:12px; padding-left:5px; padding-top:5px; display:block;}
.link a:hover {text-decoration:none; color:#333333;}
div.mapa {padding-top:35px;}
div.error_strings {margin:10px 0;}
div.error_strings ul{font-weight:bold; padding:10px 30px; margin:0px; background:#CC6666; border:#990000 solid 2px; font-size:12px; color:#FFFFFF;}
div.mainBlockInterno td h3 {font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; color:#333333;}
