/* CSS Document */
body{padding:0px; margin:0px; background:url(/LaSala/img/fredd-fondo6.jpg) 0 100% repeat-x; color:#666; font:14px/18px Georgia, "Times New Roman", Times, serif; background-color: #000000;}
div, p, ul, h2, h3, h4, img{padding:0px; margin:0px;}
ul{list-style-type:none;}
a{background:#0099FF; color:#fff; text-decoration:none;}
a:hover{text-decoration:underline;}

/*----TOP PANEL----*/

#maintopPan{height:277px; background:url(/LaSala/img/headerbg3.gif) 0 0 repeat-x; margin:0 auto;} 
#topHeaderPan{width:514px; height:277px; float:left; background:url(/LaSala/img/header.jpg) 0 0 no-repeat;}

#topHeaderPan2{width:514px; height:277px; float:left; background:url(/LaSala/img/header-izq5.jpg) 0 0 no-repeat;}

#topHeaderPan ul{width:250px; height:124px; position:absolute; top:15px; left:150px;}
#topHeaderPan ul li{width:250px; height:24px; background:url(/LaSala/img/dot-line.gif) 0 100% repeat-x;}
#topHeaderPan ul li a{display:block; width:250px; height:24px; background:url(/LaSala/img/bullet1.gif) 0 9px no-repeat; font:12px/24px Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; padding:0 0 0 12px; color:#000;}
#topHeaderPan ul li a:hover{text-decoration:underline; background:url(/LaSala/img/bullet2.gif) 0 9px no-repeat;} 
#topHeaderPan ul li.resources{width:114px; height:24px; background:none;}

#topHeaderPan img{width:277px; height:53px; position:absolute; top:24px; left:24px;}
/*----Top Side Menu--*/
#topSidemenuPan{width:200px; height:277px; float:left; /*background:url(/LaSala/img/right-bg.gif) 100% 0 no-repeat #fff;*/ color:#000;}
#topSidemenuPan ul{width:180px;  margin:0 0 0 10px;}
#topSidemenuPan ul li{width:90px; height:277px; float:left;}

#topSidemenuPan ul li.home{width:85px; height:277px;}
#topSidemenuPan ul li.home a{width:85px; height:277px; display:block; background:url(/LaSala/img/home-normal.jpg) 0 0 no-repeat; text-indent:-20000px;}
#topSidemenuPan ul li.home a:hover{width:90px; height:277px; background:url(/LaSala/img/home-hover.jpg) 0 0 no-repeat;}

#topSidemenuPan ul li.contact a{width:100px; height:277px; display:block; background:url(/LaSala/img/contact-normal.jpg) 0 0 no-repeat; text-indent:-20000px;}
#topSidemenuPan ul li.contact a:hover{width:100px; height:277px; background:url(/LaSala/img/contact-hover.jpg) 0 0 no-repeat;}


/*----/TOP PANEL----*/

/*----BODY PANEL----*/
#bodyPan{width:278px; clear:both;}

/*----Left Panel----*/
#leftPan{width:450px; height:250px; float:left; font-weight:bold; color:#705D20;}
#leftPan p{padding:0 24px 14px; }
#leftPan p span{font-weight:bold; }
#leftPan p.more{width:70px; height:23px; margin:0 0 0 340px;}
#leftPan p.more a{width:70px; height:23px; display:block; background:url(/LaSala/img/icon2.gif) 0 0 no-repeat #fff; color:#589B02; font:14px/23px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; padding:0 0 0 36px;}
#leftPan p.more a:hover{background:url(/LaSala/img/icon2.gif) 0 0 no-repeat ; color:#046CB8; text-decoration:none;}


#leftPaninleftPan{width:270px; float:left;}
#leftPaninleftPan h3{height:55px; background:url(/LaSala/public/img/icon3.gif) 0 0 no-repeat #fff; color:#046CB8; font:24px/40px Arial, Helvetica, sans-serif; padding:30px 0 0 54px; margin:0 0 0 22px;}
#leftPaninleftPan h4{width:209px; height:90px; background:url(/LaSala/img/image1.jpg) 0 0 no-repeat; margin:0 0 0 22px; text-indent:-2000px;}
#leftPaninleftPan p.strongtext{font:16px/18px Arial, Helvetica, sans-serif;  color:#3A3A3A; font-weight:bold; padding:16px 24px 14px;}

#leftPaninleftPan p.moreone{width:100px; height:23px; margin:0 0 35px;}
#leftPaninleftPan p.moreone a{width:100px; height:23px; display:block; background:url(/LaSala/img/icon2.gif) 0 0 no-repeat #fff; color:#589B02; font:14px/23px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; padding:0 0 0 36px;}
#leftPaninleftPan p.moreone a:hover{background:url(/LaSala/img/icon2.gif) 0 0 no-repeat #fff; color:#046CB8; text-decoration:none;}

#leftPaninrightPan{width:235px; float:left;}

#leftPaninrightPan h4{width:209px; height:90px; background:url(/LaSala/img/image2.jpg) 0 0 no-repeat; text-indent:-2000px; margin:85px 0 0;}

#leftPaninrightPan p{padding:0 0 14px;}
#leftPaninrightPan p.strongtext{font:16px/18px Arial, Helvetica, sans-serif;  color:#3A3A3A; font-weight:bold; padding:16px 24px 14px 0;}
#leftPaninrightPan p span{font-weight:bold;}

#leftPaninrightPan p.moretwo{width:100px; height:23px; margin:0 0 35px;}
#leftPaninrightPan p.moretwo a{width:100px; height:23px; display:block; background:url(/LaSala/img/icon2.gif) 0 0 no-repeat #fff; color:#589B02; font:14px/23px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; padding:0 0 0 36px;}
#leftPaninrightPan p.moretwo a:hover{background:url(/LaSala/img/icon2.gif) 0 0 no-repeat #fff; color:#046CB8; text-decoration:none;}

/*----Login Panel----*/
#loginPan{width:359px; height:199px; background:url(/LaSala/img/formbg.gif) 0 0 repeat-y;}
#loginPan h2{width:230px; height:81px; display:block; background:url(/LaSala/img/icon.gif) 0 50% no-repeat #fff; color:#5EA000; font:30px/80px Georgia, "Times New Roman", Times, serif; padding:0 0 0 64px; margin:0 0 0 18px;}
#loginPan h2 span{background:#fff; color:#017FC0;}

#loginPan form{width:321px; height:76px; background:#FCF6E6; color:#705D20; position:relative; border:1px dashed #BFB492; margin:0 0 0 18px; padding:6px 0 0;}
#loginPan form label{width:91px; height:22px; display:block; float:left; padding: 0 0 0 20px; margin:9px 0 0;}
#loginPan form input{width:130px; height:20px; font-size:12px; display:block; float:left; margin:9px 12px 0 0;}

#loginPan form input.button{width:49px; height:52px; display:block; position:absolute; top:6px; right:16px; background:url(/LaSala/img/button.gif) 0 0 no-repeat #FCF6E6; border:none; color:#fff; margin:9px 0 0; font:16px/52px Georgia, "Times New Roman", Times, serif; text-align:center; padding:0px;}

#loginPan ul{width:323px; height:25px; margin:6px 0 0 18px;}
#loginPan ul li{width:166px; height:25px; float:left;}
#loginPan ul li.nonregister{width:156px; height:25px; float:left; background:url(/LaSala/img/not-memberbg.gif) 0 0 no-repeat #FEFEFE; color:#fff; font-weight:bold; line-height:25px; text-align:center;}
#loginPan ul li.register{width:165px; height:25px; float:left; background:url(/LaSala/img/new-registerbg.gif) 0 0 no-repeat #FEFEFE; color:#fff; font-weight:bold; line-height:25px; margin:0 0 0 1px;}
#loginPan ul li.register a{width:141px; height:25px; display:block; background:url(images/arrow1.gif) 95% 60% no-repeat; text-decoration:none; padding:0 0 0 25px;}
#loginPan ul li.register a:hover{background:url(/LaSala/img/arrow3.gif) 95% 60% no-repeat; text-decoration:none;}
/*----/Login Panel----*/


/*----Regitro Panel----*/
#registroPan{width:250px; height:139px; }
#registroPan h2{width:210px; height:12px; display:block;  color:#5EA000; font:30px/80px Georgia, "Times New Roman", Times, serif; padding:0 0 0 64px; margin:0 0 0 18px;}
#registroPan h2 span{color:#017FC0;}

#registroPan form{ width:700px; height:200px; color:#705D20; position:relative; border:0px dashed #BFB492; margin:0 0 0 18px; padding:4px 0 0;} 
/*
#registroPan form label{width:90px; height:10px; display:block; float:left; padding: 0 0 0 20px; margin:9px 0 0; font:12px Verdana; text-align: right; font-weight:bold;}
*/
#registroPan form td{ font:12px Verdana; text-align: right; font-weight:bold;}
#registroPan form label{ font:12px Verdana; text-align: right; font-weight:bold;}
#registroPan form input{width:130px; height:12px; font-size:11px; display:block; float:left; margin:9px 12px 0 0;}


#registroPan form input.button{width:59px; height:30px; display:block; top:0px; right:46px; background:url(/LaSala/img/button.gif) 0 0 no-repeat #FCF6E6; border:none; color:#fff; margin:9px 0 0; font:16px/52px Georgia, "Times New Roman", Times, serif; text-align:center; padding:0px; cursor: pointer; font-weight: bold; text-align: center;}



/*----/Registro Panel----*/


/*----Right Panel----*/
#rightPan{width:273px; float:left; }

#rightPan h2{width:85px; height:74px;  color:#3A3A3A; font:12px/15px Arial, Helvetica, sans-serif; padding:8px 0 0 66px; text-transform:uppercase; margin:24px 0 0 53px; }
#rightPan h2 span{font-size:30px; line-height:32px; color:#61A804; text-transform:none;}

#rightPan ul{width:190px; margin:36px 0 60px 46px;}
#rightPan ul li.dot{ height:47px; padding:0 0 0 20px; font-weight:bold;}
#rightPan ul li{background:none; height:47px; padding:0 0 0 20px;}

#rightbottomPan{width:273px; height:24px; }

/*----Right Panel----*/
#footermainPan{height:35px; background:#000; color:#000; clear:both;}
#footerPan{width:778px; float:left; position:relative;}

#footerPan img{ position:absolute; top:5px; right:40px;}

#footerPan ul{width:320px; position:absolute; top:38px; left:53px;}
#footerPan li{float:left; font:11px/15px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:normal;}
#footerPan ul li a{padding:0 5px 0; color:#fff; background:#4C4C4C; text-decoration:none;}
#footerPan ul li a:hover{text-decoration:underline;}

#footerPan ul.templateworld{width:158px; background:#4C4C4C; color:#fff; display:block; position:absolute; top:10px; left:56px;}
#footerPan ul.templateworld li a{background:#4C4C4C; display:block; color:#fff; text-decoration:none;}
#footerPan ul.templateworld li a:hover{text-decoration:underline;}

#footerPan p.copyright{background:#000000; color:#313839; font:11px/15px Tahoma,Arial, Helvetica, sans-serif; position:absolute; top:15px; left:58px;}

#footerPanhtml{width:75px; height:24px; display:block; position:absolute; top:95px; left:58px;}
#footerPanhtml a{width:75px; height:24px; background:url(/LaSala/img/arrow1.gif) 90% 50% no-repeat #DFDFDF; display:block; font:14px/24px "Trebuchet MS",Arial, Helvetica, sans-serif; margin:0; padding:0 0 0 5px; color:#111111; text-transform:uppercase; text-decoration:none; font-weight:bold;}
#footerPanhtml a:hover{background:url(/LaSala/img/arrow2.gif) 90% 50% no-repeat #DFDFDF; color:#111; text-decoration:none;}

#footerPancss{width:75px; height:24px; display:block; position:absolute; top:95px; left:145px;}
#footerPancss a{width:75px; height:24px; background:url(/LaSala/img/arrow2.gif) 90% 50% no-repeat #DFDFDF; display:block; font:14px/24px "Trebuchet MS",Arial, Helvetica, sans-serif; margin:0; padding:0 0 0 5px; color:#111111; text-transform:uppercase; text-decoration:none; font-weight:bold;}
#footerPancss a:hover{background:url(/LaSala/img/arrow1.gif) 90% 50% no-repeat #DFDFDF; color:#111; text-decoration:none;}