@charset "utf-8";
/* CSS Document */

body{margin:0;padding:0;background:url(images/bodybg.jpg) repeat-x #e8eef1;font-size:12px; color:#4a4444;  font-family: Arial, Helvetica, sans-serif}
.cleaner{clear:both;margin:0;padding:0;font-size:1px;line-height:0}
*{ margin:0; padding:0}

/* Header Starts */
#header{ width:960px; height:90px;margin:0 auto;padding:0; background: url(images/headerbg.jpg) no-repeat }
.logo{ width:433px; height:90px; float:left}
/* Header ends */

/* NAVIGATION Starts */
.nav{ width:960px; height:43px;margin:0 auto;padding:0; }

#containermenu {clear:both;}
#menu{width:960px; height:43px;margin:0 auto;padding:0;overflow:hidden;}
#menu UL{float:none;display: block;margin:0;padding-left:10px;line-height:normal;font-size:1em;}
#menu UL LI{list-style: none;float:left;padding:0.55em 0.7em 0.25em 0;padding-left:10px;color:#FFFFFF;font-size:1em;background:none;}
#menu UL LI.ultimo{padding:0.55em 0.5em 0.25em 0;}
#menu UL LI A{float:left;color:#FFFFFF;background:url(images/menu_sel_izq_down.gif) no-repeat top left;text-decoration:none;font-weight:bold;font-size:1.1em;padding-left:14px;cursor:pointer;}
#menu UL LI A SPAN{color:#FFFFFF;background:url(images/menu_sel_der_down.gif) no-repeat top right;text-decoration:none;}
#menu UL LI A:hover{color:#FFFFFF;}
#menu UL LI SPAN{padding:8px 14px 6px 0;float:left;}
#menu UL LI.sel A{background:url(images/menu_sel_izq.gif) no-repeat top left;color:#FFFFFF; font-family:Arial, Helvetica, sans-serif}
#menu UL LI.sel A SPAN{background:url(images/menu_sel_der.gif) no-repeat top right;color:#FFFFFF;}
#menu UL LI A:hover {background:url(images/menu_sel_izq.gif) no-repeat top left;color:#FFFFFF;}
#menu UL LI A:hover SPAN{background:url(images/menu_sel_der.gif) no-repeat top right;color:#FFFFFF;}

/* NAVIGATION ends */
/* banner Starts */
.banner{ width:960px; height:321px;margin:0 auto;padding:0;background: url(images/bannerbg.jpg) no-repeat }
.headline { width:950px; height:54px; padding-right:10px; padding-top:10px; text-align:right;}
.headline h1{font:35px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFF; font-weight:bold}
.midrow{ height:257px; width:950px; padding-right:10px; }
.blankbox{ width:291px; float:left; height:257px}
.puncline{ width:230px; height:257px; text-align:left; padding-right:20px;font:20px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFF; float:left}
.videobox{ width:409px; height:257px; float:left}
/* banner Starts */

/* Middle Starts */
#middlecontainer{ border-left:1px solid #dae1e5; border-right:1px solid #dae1e5; margin:0 auto; width:958px; background-color:#FFF}

/* left Panel Code Starts */
.leftpanel{ padding-top:15px; padding-left:14px; margin-right:15px; width:250px; float:left}
.testimonialbox{ width:250px; height:265px; float:left; background:url(images/testimonialsbg.gif) no-repeat; margin-bottom:16px;}
.testimonialbox .fadeintext{ width:250px; height:200px; float:left}
.testimonialbox .text{width:220px; padding-left:15px; padding-right:15px; height:40px; padding-top:10px; float:left; text-align:center;color:#b32c2b; font-weight:bold; font-size:16px; font-family:Arial, Helvetica, sans-serif;}

.tickerstyle{width:220px; height:150px; color:#4a4444; padding-top:30px; font-size:13px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; padding-left:15px; padding-right:15px; overflow:hidden; text-align:center}
.messagediv{display: none;}
.bigtext{color:#4a4444; font-size:16px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}

.vidoebookbox{ width:250px; height:225px; float:left; background:url(images/videobookbox.gif) no-repeat; margin-bottom:16px;}
.vidoebookbox .title{ padding-top:11px; height:33px; margin-bottom:14px; padding-left:15px; width:235px; float:left;font:16px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000; font-weight:bold}
.midbox{width:210px; padding-left:20px; padding-right:20px; float:left }
.image{ width:85px; height:137px; float:left}
.booktext{ width:115px; padding-top:10px; padding-left:10px; color:#4a4444; font-weight:bold; font-size:12px; font-family:Arial, Helvetica, sans-serif; float:left }
.booktext a{ color:#b32c2b; font-weight:bold; font-size:12px; font-family:Arial, Helvetica, sans-serif; text-decoration:none}
.booktext a:hover{ text-decoration:underline}
.satisfactionbox{ width:250px; height:149px; float:left; margin-bottom:16px;}
/* left Panel Code Ends */

/* Middle Panel Code Starts */
.middlecontent{ width:665px; float:left; padding-top:15px;}
.row{width:665px; float:left; margin-bottom:15px; }
.midrowleft{  width:366px; float:left; margin-right:15px;}
.midrowleft .title{ background:url(images/titlebg.gif) no-repeat; width:354px; height:38px; padding-top:10px; padding-left:12px; font:23px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#cd0b27; font-weight:bold}
.midrowleft .middlelist{ width:364px; border-left:1px solid #b9b9b9; border-right:1px solid #b9b9b9; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#0c0a0a; float:left}
.midrowleft .middlelist .listrow{width:364px; height:35px;}
.midrowleft .middlelist .listrow .image{width:41px; height:21px; margin-right:10px; float:left}
.midrowleft .middlelist .text { width:313px; float:left; height:32px; padding-top:3px;}
.midrowleft .bottombg{ width:366px; height:18px; background:url(images/boxbottom.gif) no-repeat; float:left}

.loginbox{ width:284px; height:276px; background:url(images/loginboxbg.gif) no-repeat; float:left}
.loginbox .title{ width:260px; height:62px; text-align:center; padding-top:15px; padding-left:12px; padding-right:12px;font:19px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFF; float:left}
.loginbox .text{width:260px; height:20px; font-family:Arial, Helvetica, sans-serif; float:left; font-size:15px; color:#FFF; font-weight:bold; padding-left:12px; padding-right:12px;}
.loginbox .box{width:267px; padding-left:12px; padding-right:5px; height:50px;float:left}
.loginbox .box .inputbox{ background:url(images/textboxbg.gif) no-repeat; height:28px; width:255px; border:none; float:left; padding-top:6px; padding-left:6px;}
.loginbox .buttonbox { width:247px; padding-left:19px; padding-right:18px; float:left} 

.bigbox{  width:665px; float:left; margin-bottom:15px;}
.bigbox .title{ background:url(images/bigboxtitlebg.gif) no-repeat; width:653px; height:35px; padding-top:13px; padding-left:12px; font:16px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000; font-weight:bold}
.bigbox .text { width:631px; float:left; padding:16px; border-left:1px solid #b9b9b9; border-right:1px solid #b9b9b9; color:#4a4444; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:18px;}
.bigbox .text p{ padding-top:20px;}
.bigbox .bottombg{ width:665px; height:17px; background:url(images/bigboxbottom.gif) no-repeat; float:left}

/* Middle Panel Code Starts */

/* Middle ends */

/* Footer Starts */
.footer{ margin:0 auto; width:860px; height:128px; background:url(images/footerbg.gif) no-repeat; padding-top:20px; padding-left:50px; padding-right:50px; color:#b1aaaa; font-family:Arial, Helvetica, sans-serif; font-size:13px; text-align:center; line-height:20px; font-weight:bold;}
.footer a{ font-weight:bold; padding-left:5px; padding-right:5px; color:#6f6464; font-family:Arial, Helvetica, sans-serif; font-size:13px; text-decoration:none}
.footer a:hover{ text-decoration:underline}

/* Footer ends */