/* CSS Document - Grial*/
/*** Tags HTML ***/
* {font-family:Arial,Helvetica,Sans-Serif,Tahoma,Verdana; margin:0; padding:0;}
body {margin:0; padding:0; border:0; text-align:center;}
html>body {margin:0; padding:0;}
a, a:hover {text-decoration:none;}
div {overflow:hidden;}
form {margin:0; padding:0;}
img {border:0;}
.separa {clear:both; margin:0; padding:0;}
.separa2 {clear:both; margin:12px 0 0; padding:0;}

/*-------------------oo------------------------*/

/*ESTILO PARA BODY*/
.pg {background:url(/prontus_linguistica/imag/lectes/cont/fondo.jpg) repeat-x left top #fff;}

/*-------------------oo------------------------*/

/* BLOQUES PRINCIPALES*/
#main {width:1000px; margin:0 auto; text-align:left;}
#head {width:1000px; margin:0 auto;}
#head2 {width:963px; margin:0 auto;}
#footer {width:1000px; height:103px; padding:0; background:url(/prontus_linguistica/imag/lectes/foot/fondofoot_azul.jpg) no-repeat center bottom; font-size:10px; color:#666666; text-align:center;}
#content {width:963px; background:url(/prontus_linguistica/imag/lectes/head/lectes.jpg) no-repeat left top; margin:0 auto 15px; border:1px solid #CCC; text-align:left;}

/*-------------------oo------------------------*/

/*ESTILOS COMUNES*/
.boton1 a:hover, .boton2 a:hover, .boton4 a:hover {color:#FFFFFF; background: url(/prontus_linguistica/imag/lectes/head/bloque.gif) no-repeat left top; text-align:center;}
.boton3 a:hover, .boton6 a:hover {color:#FFFFFF; background: url(/prontus_linguistica/imag/lectes/head/bloque2.gif) no-repeat  center top; text-align:center;}

/*-------------------oo------------------------*/

/*HEAD BOTONERA*/
.boton1, .boton2, .boton3, .boton4, .boton6 {width:150px; float:left; text-align:center;}
/*en comun a*/
.boton1 a, .boton2 a, .boton3 a, .boton4 a, .boton5 a, .boton6 a {display:block; height:80px; margin:0; width:150px; text-decoration:none; color:#000000; font-weight:bold;}
/**/
.boton1 a {padding:10px 0; font-size:33px;}
.boton2 {width:150px; float:left; text-align:center;}
.boton2 a {padding:15px 0 0; font-size:19px; text-align:center;}
.boton3 a {padding:10px 0 0; font-size:22px;}
.boton4 a {padding:20px 0 0; font-size:17px;}
.boton5 a {padding:15px 0 0; font-size:15px;}
.boton5 a:hover {color:#FFFFFF; background: url(/prontus_linguistica/imag/lectes/head/bloque2.gif) no-repeat center top; text-align:center;}
.boton6 a {padding:10px 0 0; font-size:13px;}

/*-------------------oo------------------------*/

/*MENU BOTONERA*/
/*botones*/
#cont-left .bot2, #cont-left .bot3, #cont-left .bot4, #cont-left .bot5, #cont-left .bot6, #cont-left .bot7, #cont-left .bot8, #cont-left .bot9, #cont-left .bot10 {width:330px; height:30px; font-size:12px; color:#990000; font-weight:bold;}
#cont-left .bot1 a, #cont-left .bot2 a, #cont-left .bot3 a, #cont-left .bot4 a, #cont-left .bot5 a, #cont-left .bot6 a, #cont-left .bot7 a, #cont-left .bot8 a, #cont-left .bot9 a, #cont-left .bot10 a {display:block; font-size:12px; color:#0d5056; font-weight:bold;}
#cont-left .bot1 a:hover, #cont-left .bot2 a:hover, #cont-left .bot3 a:hover, #cont-left .bot4 a:hover, #cont-left .bot5 a:hover, #cont-left .bot6 a:hover, #cont-left .bot7 a:hover, #cont-left .bot8 a:hover, #cont-left .bot9 a:hover, #cont-left .bot10 a:hover { font-size:18px; color:#990000;}
/**/
#cont-left .bot1 {width:330px; height:40px;}
#cont-left .bot1 a {padding:15px 0  0 50px;}
#cont-left .bot2 a {padding:5px 0  0 70px;}
#cont-left .bot3 a {padding:5px 0  0 90px;}
#cont-left .bot4 a {padding:5px 0  0 110px;}
#cont-left .bot5 a {padding:5px 0  0 130px;}
#cont-left .bot6 a {padding:5px 0  0 130px;}
#cont-left .bot7 a {padding:5px 0  0 120px;}
#cont-left .bot8 a {padding:5px 0  0 110px;}
#cont-left .bot9 a {padding:5px 0  0 90px;}
#cont-left .bot10 a {padding:5px 0  0 60px;}

/*-------------------oo------------------------*/

/*FOOTER*/
#footer p {margin:20px 0 0; font-size:10px; color:#666666; text-align:center;}
#footer .logos {margin:0 0 5px;}
#footer .text-links {margin:0 0 5px; color: #666666; font-size:12px;}
#footer .text-links a {padding:0 12px 0 12px; border-right:1px solid #666666; text-decoration:none; font-size:10px; color: #000000; font-weight:bold;}
#footer .text-links a.sb {border-right:none; text-decoration:none; color: #000000; font-weight:bold; padding:0 12px 0 12px;}
#footer .text-links a:hover {color:#990000;} 

/*-------------------oo------------------------*/

/* HEAD - DOS*/
#content .head-dos {width:955px; margin:0 auto;}
#content .head-dos .logo {float:left; width:235px; height:85px;}
#content .barra {width:350px; float:left; clear:right; margin:65px 0 53px; font-size:12px; color:#666666;}
#content .barra a {border-right:1px solid #666666; text-decoration:none; font-size:11px; color:#666666; display:block; float:left; padding:0 8px;}
#content .barra a.sb {border-right:none; text-decoration:none; color:#666666; display:block; float:left; padding:0 8px;}
#content .barra a:hover {color:#33ccff;}
/**/
#content .botonera {width:995px; margin:0 0 10px; clear:both;}
#content .botonera .boton-uno {width:237px; float:left; text-align:left; padding:0 0 0 3px;}
#content .botonera .boton-uno a {display:block; height:54px; margin:0; padding:10px 5px 0; text-decoration:none; color:#666666; font-size:14px; background:url(/prontus_linguistica/imag/lectes/menu/1b.jpg) repeat left top;}
#content .botonera .boton-uno a:hover {background:url(/prontus_linguistica/imag/lectes/menu/h1b.jpg) repeat left top;}
#content .botonera .boton-dos {width:238px; float:left; text-align:left; padding:0 0 0 3px;}
#content .botonera .boton-dos a {display:block; height:54px; margin:0; padding:10px 5px 0; text-decoration:none; color:#666666; font-size:14px; background:url(/prontus_linguistica/imag/grial/menu/2b.jpg) repeat left top;}
#content .botonera .boton-dos a:hover {background:url(/prontus_linguistica/imag/lectes/menu/h2b.jpg) repeat left top;}

/*FIN*/