/* --- CSS Document --- */
/* --- Código Cabecera Inicio de Website --- */

body{margin:0px; padding:0px; background:url(images/main-bg.gif) 0 0 repeat-x #F2F0DC; color:#5D5B46; font:14px/18px Georgia, "Times New Roman", Times, serif;}
div, p, ul, h2, img{margin:0px; padding:0px;}
ul{list-style-type:none;}



/* --- TOP PANEL --- */
/* --- topPan : Código Area de Logo --- */

#topPan{width:778px; height:141px; position:relative; margin:0 auto; font:14px/18px Arial, Helvetica, sans-serif;}
#topPan ul{width:125px; height:22px; position:absolute; top:0px; right:130px;}
#topPan ul li{float:left; width:45px; height:22px;}

#topPan img.logo{width:398px; height:56px; position:absolute; top:53px; left:29px;}



/* --- HEADER LEFT PANEL --- */
/* --- headerPan : Código Area de Imagen Espiral Izquierda para página de Inicio --- */

#headerPan{width:778px; height:228px; position:relative; margin:0 auto;}
#headerleftPan{width:46px; height:228px; float:left; background:url(images/leftfolder.gif) 0 0 no-repeat;}



/* --- HEADER LEFT SHORT PANEL --- */
/* --- headerShortPan : Código Area de Imagen Espiral Izquierda para resto de páginas --- */

#headerShortPan{width:778px; height:114px; position:relative; margin:0 auto;}
#headerShortleftPan{width:46px; height:128px; float:left; background:url(images/leftshortfolder.JPG) 0 0 no-repeat;}



/* --- Header Middle Panel --- */
/* --- headermiddlePan : Código Area de espacio entre Espirales hasta área Gris para página de Inicio y resto de páginas --- */

#headermiddlePan{width:686px; height:128px; float:left;}



/* --- Header Short Middle Panel --- */
/* --- headerShortmiddlePan : Código Area de espacio entre Espirales hasta área Gris para página de Inicio y resto de páginas --- */

#headerShortmiddlePan{width:686px; height:128px; float:left;}



/* --- Menu Panel --- */
/* --- menuPan : Código Area de barra de Menú y selección de opciones --- */

#menuPan{width:686px; height:33px; background:url(images/menu-bg.gif) 0 0 repeat-x; position:relative; margin:0 auto;}
#menuPan ul{width:660px; height:28px; position:absolute; top:2px; left:14px;}
#menuPan ul li{width:110px; height:28px; float:left;}
#menuPan ul li a{width:109px; height:28px; display:block; background:#fff; color:#2F2A28; border-right:1px dashed #969260; font:13px/28px Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;}
#menuPan ul li a:hover{width:110px; height:28px; background:#2F2A28; color:#fff; border:none; text-decoration:none;}

#menuPan ul li.home{width:110px; height:28px; background:#2F2A28; color:#fff; font:13px/28px Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; border:none; text-decoration:none;}

#menuPan ul li.contact a{width:110px; height:28px; display:block; background:#fff; color:#2F2A28; border:none; font:13px/28px Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;}
#menuPan ul li.contact a:hover{width:110px; height:28px; background:#2F2A28; color:#fff; border:none; text-decoration:none;}



/* --- Menu Panel --- */
/* --- headerbodyPan : Código Area de espacio entre Espirales para página de Inicio --- */

#headerbodyPan{width:686px; height:184px; position:absolute; top:42px; left:46px; background:#FEFDF1; color:#fff; border-bottom:1px solid #CDCAA3; border-top:1px solid #CDCAA3;}



/* --- Menu Short Panel --- */
/* --- headerShortbodyPan : Código Area de espacio entre Espirales para resto de páginas --- */

#headerShortbodyPan{width:686px; height:84px; position:absolute; top:42px; left:46px; background:#FEFDF1; color:#fff; border-bottom:1px solid #CDCAA3; border-top:1px solid #CDCAA3;}



/* --- Header Red Panel ---*/
/* --- headerleftredPan : Código de Area roja entre Espirales para página de Inicio --- */

#headerleftredPan{width:537px; height:123px; background:url(images/redpan-bg.jpg) 0 0 repeat-x #FEFDF1; color:#fff; position:absolute; top:32px; left:13px;}
#headermiddleredPan{width:100px; height:142px; background:url(images/red-image.JPG) 0 0 no-repeat; position:absolute; top:13px; left:537px;}



/* --- Header Short Red Panel ---*/
/* --- headerleftShortredPan : Código de Area roja entre Espirales para resto de páginas --- */

#headerleftShortredPan{width:660px; height:60px; background:url(images/redshortpan-bg.JPG) 0 0 repeat-x #FEFDF1; color:#fff; position:absolute; top:12px; left:13px;}
#headerleftShortredPan h2{width:460px; height:69x; font:24px/24px "Trebuchet MS", Arial, Helvetica, sans-serif; position:absolute; top:15px; left:156px; text-transform:uppercase;}
#headerleftShortredPan h2 span{font-size:32px; line-height:30px;}


/*----Header MORE Panel----*/
/* --- headermorePan : Código de Area de botón Know More para página de Inicio --- */

#headermorePan{width:47px; height:123px; position:absolute; top:32px; right:0px; font:13px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold;}
#headermorePan a{width:39px; height:38px; display:block; background:url(images/headermore-normal.gif) 0 0 no-repeat #FEFDF1; color:#FDFCEC; text-decoration:none; padding:85px 0 0 8px;}
#headermorePan a:hover{background:url(images/headermore-hover.gif) 0 0 no-repeat; text-decoration:none;}

/*----Header MORE Panel----*/
/* --- headerspanishmorePan : Código de Area de botón Know More para página de Inicio español --- */

#headerspanishmorePan{width:47px; height:123px; position:absolute; top:32px; right:0px; font:13px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold;}
#headerspanishmorePan a{width:39px; height:38px; display:block; background:url(images/headermore-normal.gif) 0 0 no-repeat #FEFDF1; color:#FDFCEC; text-decoration:none; padding:85px 0 0 8px;}
#headerspanishmorePan a:hover{background:url(images/headermore-hover.gif) 0 0 no-repeat; text-decoration:none;}


/* --- Header Middle Panel --- */
/* --- headerrightPan : Código Area de Imagen Espiral Derecha página de Inicio --- */

#headerrightPan{width:46px; height:228px; float:left; background:url(images/rightfolder.gif) 0 0 no-repeat;}



/* --- Header Short Middle Panel --- */
/* --- headerShortrightPan : Código Area de Imagen Espiral corta Derecha para resto de páginas --- */

#headerShortrightPan{width:46px; height:128px; float:left; background:url(images/rightshortfolder.JPG) 0 0 no-repeat;}



/* --- BODY PANEL --- */
/* --- Código Area de texto general en el cuerpo para página de Inicio --- */

#bodyPan{width:686px; position:relative; margin:0 auto;}
#bodyPan h2{width:455px; height:54px; background:#F2F0DC; color:#D80000; font:26px/54px "Trebuchet MS",Arial, Helvetica, sans-serif;}

#bodyPan p{padding:10px 0 0;}
#bodyPan p span{font-weight:bold;}
#bodyPan p.date{width:220px; height:22px; background:#FEFEF6; color:#000; font-size:18px; line-height:22px; padding:0px;}
#bodyPan p.more{width:102px; height:16px; margin:0 0 0 582px; padding:0 0 14px 0;}
#bodyPan p.more a{width:102px; height:16px; display:block; background:#F2F0DC; color:#D80000; font:13px/16px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none;}
#bodyPan p.more a:hover{background:#F2F0DC; color:#7E0202; text-decoration:none;}
#bodyPan p.border{background:url(images/dot-line.gif) 0 0 repeat-x; height:1px; padding:0 0 14px 0;}

/* --- BODY SHORT PANEL --- */
/* --- Código Area de texto general en el cuerpo para resto de páginas --- */

#bodyShortPan{width:686px; position:relative; margin:0 auto;}
#bodyShortPan h2{width:418px; height:54px; background:#F2F0DC; color:#D80000; font:26px/54px "Trebuchet MS",Arial, Helvetica, sans-serif;}

#bodyShortPan p{padding:10px 0 0;}
#bodyShortPan p span{font-weight:bold;}
#bodyShortPan p.date{width:265px; height:22px; background:#FEFEF6; color:#000; font-size:18px; line-height:22px; padding:0px;}
#bodyShortPan p.more{width:102px; height:16px; margin:0 0 0 582px; padding:0 0 14px 0;}
#bodyShortPan p.more a{width:102px; height:16px; display:block; background:#F2F0DC; color:#D80000; font:13px/16px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none;}
#bodyShortPan p.more a:hover{background:#F2F0DC; color:#7E0202; text-decoration:none;}
#bodyShortPan p.border{background:url(images/dot-line.gif) 0 0 repeat-x; height:1px; padding:0 0 14px 0;}



/* --- FOOTER PANEL --- */
/* Código de Area de pie de página de Inicio y resto de páginas --- */

#footermainPan{height:135px; background:url(images/footerbg.gif) 0 0 repeat-x #3B3B3B; color:#fff; font:13px/20px "Trebuchet MS",Arial, Helvetica, sans-serif; position:relative; margin:0 auto; clear:both; padding:75px 0 0;}

#footerPan{width:720px; position:relative; margin:0 auto;}

#footerPan ul{width:720px; height:20px; position:relative; margin:0 auto;}
#footerPan li{float:left; }
#footerPan ul li a{padding:0 10px 0; color:#fff; background:#3B3B3B; text-decoration:none; font-size:12px;}
#footerPan ul li a:hover{text-decoration:underline;}

#footerPan p.copyright{width:220px; position:relative; margin:0 auto; background:#3B3B3B; color:#fff;  font-size:11px;}

#footerPan ul.templateworld{width:250px; background:#3B3B3B; color:#fff; display:block; position:absolute; top:45px; left:260px; font-size:10px;}
#footerPan ul.templateworld li{height:20px;}
#footerPan ul.templateworld li a{background:#3B3B3B; display:block; color:#fff; text-decoration:none; padding:0px;}
#footerPan ul.templateworld li a:hover{text-decoration:underline;}