/* Articulo Grial */

/*estilos estructurales*/
#cont-art {width:825px; margin:0 auto 15px;}
#cont-art .art-left {width:250px; float:left;}
#cont-art .art-right {width:525px; float:right;}
#content-art {width:925px; margin:0 auto 15px;}
#content-art .contart-left {width:600px; float:left; margin:0;}
#content-art .contart-right {width:280px; float:right;}

/*-------------------oo------------------------*/

/*herramientas*/
#content-art .contart-left .art-top {margin:0 0 10px; font-size:11px; color:#666;}
#content-art .contart-left .art-top a {color:#006699;}
#content-art .contart-left .art-top a:hover {color:#003366}
#content-art .contart-left .art-top .tools {width:200px; float:right;}
.tools {width:99%; text-align:right; margin:0 0 15px;}

/*-------------------oo------------------------*/

/*estilos textos*/
#cont-art h1 {color:#003366; font-size:25px; margin:0 0 10px;}
#cont-art h2 {color:#006699; font-size:13px; margin:0 0 20px; line-height:20px;}

/*estilos artículo*/
#content-art h3 {color:#003366; font-size:18px; font-weight:normal;}
#content-art h1 {color:#003366; font-size:32px;}
#content-art h2 {color:#999999; font-size:13px; line-height:20px; font-weight:normal; text-align:justify;}
#content-art .texto {width:99%; margin:20px 0 0; background-color:#EFFBFF; border:1px solid #DEEBFA; line-height:20px;}
#content-art .texto .CUERPO {margin:10px 25px 25px;}
#content-art .subir {float:right; margin:15px 0 0; color:#003366; font-size:11px;}
#content-art .subir a {color:#003366; font-size:11px;}
#content-art .subir a:hover {color:#CC0000;}

/*-------------------oo------------------------*/

/*MENU GRIAL*/

/*área-dos*/
#content-art .area-dos {width:280px; background-color:#d4f4fe; margin:0;}
#content-art .area-dos h2 {color:#003366; font-size:12px; font-weight:normal; margin:15px 10px 0 15px;}
#content-art .area-dos h1 {color:#003366; font-size:16px; margin:0 10px 12px 15px;}

/*área tres - botones*/
#content-art .busqueda {width:280px; background-color:#d4f4fe; padding:0 0 12px;}
#content-art .busqueda .boton-uno {width:163px; float:left; margin:0 0 5px 15px; padding:7px 0; font-size:11px; color:#FFFFFF; font-weight:bold; background:url(/prontus_linguistica/imag/grial/auxi/botonbusqueda_p.jpg) no-repeat left top; text-align:center;}
#content-art .busqueda .boton-uno a {font-size:11px; color:#FFFFFF; font-weight:bold;}
#content-art .busqueda .boton-uno a:hover {text-decoration:underline;}

/*área cuatro*/
#content-art .busqueda-verde {width:280px; margin:20px 0; padding:0; background-color:#ECF3DE;}
#content-art .area-tres {margin:20px auto; width:250px;}
#content-art .area-tres h1 {font-size:16px; font-weight:bold; color:#336600;}
#content-art .area-tres h1 span {font-size:12px; font-weight:normal; color:#336600;}
#content-art .area-tres .boton-dos {width:163px; margin:10px 0 0; padding:7px 0; font-size:11px; color:#FFFFFF; font-weight:bold; background:url(/prontus_linguistica/imag/grial/auxi/botonbusqueda2_p.jpg) no-repeat left top; text-align:center;}
#content-art .area-tres .boton-dos a {font-size:11px; color:#FFFFFF; font-weight:bold;}
#content-art .area-tres .boton-dos a:hover {text-decoration:underline;}

/*-------------------oo------------------------*/

/*relacionados y adjuntos*/
.box-relac {width:280px; margin:0 0 20px; font-size:12px; color:#003366; background-color:#F5F5F5;}
.box-relac h4 {color:#006699; font-size:16px; margin:10px; padding:0 0 5px; border-bottom:1px solid #e0e0e0;}
.box-relac .relac {margin:10px;}
.box-relac .relac p {display:none;}
.box-relac li {list-style-type:disc; color:#006699; font-size:12px; margin:0 0 12px 15px;}
.box-relac li a {color:#666; font-size:12px;}
.box-relac li a:hover {color:#003366;}
.box-relac .vermas {clear:both; margin:0; float:right; background-color:#2285b6; padding:3px 5px;}
.box-relac .vermas a {font-family:Tahoma,Verdana,Arial; font-size:11px; color:#fff; font-weight:bold;}
.box-relac .vermas a:hover {text-decoration:underline;}
.box-relac .item {margin:0 0 12px; padding:0 0 5px; border-bottom:1px solid #F5F5F5;}
.box-relac .item img {float:left; margin:0 5px 0 0;}
.box-relac h5, .box-relac h5 a {color:#666; font-size:12px; font-weight:normal; margin:0;}
.box-relac h5 a:hover {color:#003366;}
.box-relac h5 span {color:#006699; font-size:11px;}

/*-------------------oo------------------------*/

/*formularios*/
.mini-form {width:350px; margin:15px auto; border:1px solid #CCC; padding:20px;}
.mini-form td {font-size:13px; color:#999; padding:3px;}
.mini-form td .campo {font-size:11px; color:#006699; background-color:#D4F4FE; border:6px solid #D4F4FE;}
.mini-form td .boton {width:120px; height:40px; background:url(/prontus_linguistica/imag/grial/cont/botong.jpg) no-repeat center; color:#FFFFFF; border:none; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:12px; cursor:pointer;}
.boton-search, .CUERPO .boton-search {height:25px; background:url(/prontus_linguistica/imag/grial/cont/boto.jpg) no-repeat right top; color:#FFFFFF; border:1px solid #c5dde9; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:12px; cursor:pointer; padding:0 5px;}

/*tablas*/
.tab2 {margin:10px 0; padding:0; font-size:11px; color:#666666; border-left:1px solid #CCC; border-top:1px solid #CCC;}
.tab2 tr td {margin:6px; padding:10px 4px; border-bottom:1px solid #CCC; border-right:1px solid #CCC;}
.tab2 .titulares {font-size:12px; color:#FFFFFF; font-weight:bold; background-color:#003366;}
.tab2 strong {font-size:12px; color:#003366; font-weight:bold;}
.tab2 .campo {font-size:11px; color:#666666; padding:2px; margin:2px 0; border:1px solid #999; background-color:#F5F5F5;}
.tab2 select {width:90%; font-size:11px; color:#666666;}
/**/
.tab1 {margin:0 0 10px; padding:0; clear:both;}
.tab1 td.top-uno {height:25px; background:url(/prontus_linguistica/imag/grial/auxi/linea1.gif) repeat-x left bottom;}
.tab1 td.top-uno b {font-size:14px; color:#33CCFF; font-weight:bold; background-color:#FFFFFF; padding:5px;}
.tab1 td.left-uno {border-left:1px solid #4BC5F3;}
.tab1 td.right-uno {border-right:1px solid #4BC5F3;}
.tab1 td.foot-uno {height:13px; border-bottom:1px solid #4BC5F3;}
.tab1 .campo-select {width:99%; font-size:11px; color:#666666; padding:5px; margin:8px 0; border:1px solid #999; background-color:#F5F5F5;}
/**/
.tab3 {margin:10px 0; padding:0; font-size:11px; color:#666666;}
.tab3 tr td {padding:5px;}
.tab3 .titulares {font-size:12px; color:#FFFFFF; font-weight:bold; background-color:#003366;}
.tab3 strong {font-size:12px; color:#003366; font-weight:bold;}
.tab3 .campo {font-size:11px; color:#666666; padding:2px; margin:2px 0; border:1px solid #999; background-color:#F5F5F5;}
.tab3 select {width:90%; font-size:11px; color:#666666;}

/*lista-descripción*/
.lista-items {text-align:center; margin:15px 0;}
.lista-items a {display:block; width:155px; margin:15px auto; background:url(/prontus_linguistica/imag/grial/cont/botong.jpg) no-repeat center; color:#FFFFFF; font-weight:bold; font-size:12px; text-align:center; padding:5px 0;}
.lista-items a:hover {text-decoration:underline;}

/*-------------------oo------------------------*/

/* Texto del articulo */
p {font-family:Arial,Helvetica,Sans-Serif,Tahoma,Verdana; color:#999999; font-size:13px; line-height:150%; text-align:justify;}
.CUERPO p, .CUERPO * {font-family:Arial,Helvetica,Sans-Serif,Tahoma,Verdana; color:#999999; font-size:13px; line-height:150%;} /* Esto es solo para que funcione el +/- letra */
.CUERPO p {margin:0 0 15px;}
.CUERPO p ul, .CUERPO ul {margin:8px 0 15px; margin-left:30px; color:#999999; font-size:13px; line-height:150%;}
.CUERPO p ul li, .CUERPO ul li { list-style-type:circle; color:#999999; font-size:13px; line-height:150%;}
.CUERPO p ol, .CUERPO ol { margin-top:8px; margin-left:30px; color:#999999; font-size:13px; line-height:150%;}
.CUERPO p ol li, .CUERPO ol li { list-style-type:decimal; color:#999999; font-size:13px; line-height:150%;}
.CUERPO blockquote { margin-left:15px; }
.CUERPO {font-family:Arial,Helvetica,Sans-Serif,Tahoma,Verdana; margin:18px 0px; color:#999999; font-size:13px; line-height:150%; text-align:justify;}
.CUERPO a {color:#000;}
.CUERPO a:hover {color:#8e2127; text-decoration:none;}
.CUERPO strong, .CUERPO b {font-weight:bold;}

/*vtxt*/
.subtit /* subtitulos */ {display:table; width:100%; margin:10px 0; width:95%; padding:0px; color:#003366; font-size:16px; font-weight:bold; line-height:20px;}
.piefoto /* pies de fotos */ { color:#404040; font-size:10px; }
.resalta /* texto resaltado */ {font-size:13px; font-weight:bold; color:#656565;}
.amarillo /* texto amarillo */ {color:#F8DA07; }
.azul     /* texto azul */   { color:#0853A2; }
.blanco   /* texto blanco */ { color:#FFFFFF; }
.negro    /* texto negro */  { color:#000000; }
.rojo     /* texto rojo */   { color:#B92E03; }
.naranjo  /* texto naranjo */  { color:#FF6000; }
.verde    /* texto verde */  { color:#008000; }
.gris     /* texto gris */  { color:#5C5C5C; }
/*/vtxt*/

/* Manejo de tablas en VTXT */
.conBorde TD { border:1px solid #666666; border-collapse:collapse; }
.sinBorde TD { border:none; }

/* Manejo de imagenes en VTXT */
.centerImg { display:block; text-align:center; margin-left:auto; margin-right:auto; }
.rightImg  { display:block; margin-left:5px; margin-right:auto; float:right; }
.leftImg   { display:block; margin-left:auto; margin-right:5px; float:left; }

/*-------------------oo------------------------*/