/* Hoja de estilos usada por www.freniche.com con Typo3 */

body {color: #000000;  background-image:  url("img/palmera-fading.png"); background-repeat: no-repeat; background-attachment: fixed; background-position: 50%;  margin: 0; padding: 0;}

table {margin: 5; padding: 5; font-size: small}
table td {padding: 0; border-width: 0; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;}

a {color: #000000; text-decoration: underline; font-weight: normal; background-color: transparent;}
a:hover {color: #FF0000;}

h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
ul { margin: 2px; padding: 2px; list-style: decimal inside; text-align: left;}
li { margin-left: 2px; list-style: square inside; color: #000000 font-size: small;}

img {
   border: 0px;
}

/* cabecera de la página, con mi foto y el menú de acceso rápido */
#header { border: 0px solid rgb(192,192,192);
	/*background-image:  url("img/headBG.png");*/
	position: absolute;
	align: centered;
	top: 0px; left: 0px;
	width: 790px; height: 100px; 
	padding: 5px;
	background-color: #ffbe63;}

#logo {height: 100px; width: 400px;}


#lema { border: 1px 1px 1px 1px;
   text-align: justify;
   position: absolute;
   top: 0px;
   left:410px;
   width:385px;
   height:58px;
   font-size: 8pt;
   background-color: #ffbe63;
   background-image:  url("img/diapositivas.png"); }

#formBusqueda { border: 0px;
   position: absolute;
   bottom: 0px;
   height: 40px;
   width: 300;
   left: 420px;
   font-size: 11px;
   z-index: 1;
   background-color: #ffbe63;
   }   
   
#content { border: 0px solid rgb(192,192,192);
   padding:5px;
   position: absolute;
   top: 110px;
   width: 625px;
   left: 160px;
   font-size: 10px;
   padding-bottom: 20px;
   }

/* estilos del menú principal */

.menu { border: 0px solid rgb(192,192,192);
  font-family: "Helvetica", sans-serif;
   padding: 5px;
   position: absolute;
   top: 110px;
   width: 150px;
   left: 0px;
  height: auto;
   vertical-align: middle;
   background-color: #ffbe63;
/*   background-image: url("img/headBG.png");*/
}

.menu DIV.menuTitle {
  font-family: "Helvetica", sans-serif;
   padding-left: 2px;
   font-size: 13px;
   color: #FFFFFF;
   font-weight: bolder
   text-decoration: none;
   /* background-color: #f0f0f0; */
   background-color: #5a6994;
   border-bottom: 2px solid #999999;
   height:25px;
}

.menu DIV A {
   color: navy;
   text-decoration: none;
}
.menu DIV A:hover {
   text-decoration: underline;
}

.menu DIV.menu-level1-no {
width: 100%
height:30px;
padding-left: 5px;
border-bottom: 1px solid #999999;
font-size: 12px;
}

.menu DIV.menu-level1-no:hover{
background-color: #eeeeee;
background-image: url(./img/goto-link.png); background-repeat: no-repeat; padding-right: 5px; background-position: center right;
}

.menu DIV.menu-level1-act {
width: 100%
height:20px;
padding-left: 5px;
border-bottom: 1px solid #999999;
/*background-color: #ffbe63;*/
background-color: #eeeeee;
filter: alpha(opacity='70', style='0');
font-size: 12px;
background-image: url(./img/active-link.png); background-repeat: no-repeat; padding-right: 5px; background-position: center right;
}

.menu-level2-no {
font-size: 11px;
padding-left: 15px;
height:20px;
border-bottom: 1px dashed #999999;
vertical-align: center;
}

.menu-level2-act {
font-size: 11px;
padding-left: 15px;
height:20px;
border-bottom: 1px dashed #999999;
background-color: #eeeeee;
filter: alpha(opacity='40', style='0');
}

.menu DIV.menu-level2-no:hover{
background-color: #eeeeee;
background-image: url(./img/goto-link.png); background-repeat: no-repeat; padding-right: 5px; background-position: center right;
}


.menu DIV.w3c {
  position: relative;
   vertical-align: bottom;
   text-align: center;
   padding-top:15px
   width: 90%
   bottom: 0px;
   left: 0px;
  height: 140px;
}


/* estilo del pie de pagina */
   
#footer { position: absolute;
 background-color: #ffbe63;
	text-align: center;
/*   background-image:  url("img/headBG.png"); */
   border-top: 2px solid rgb(192,192,192);
/*   padding-bottom: 10px;*/
  /* height: 30px: */
  width: 100%;
  left: 0px;
  bottom: 0px;
   font-size: 10px;
   }
   
/* estilos para el mapa web */

P.csc-sitemap-level1 {
padding-left: 5px;
border-bottom: 1px dashed #999999;
border-left: 2px solid #999999;
}

P.csc-sitemap-level1:hover {
padding-left: 0px;
background-color: #eeeeee;
}

P.csc-sitemap-level2 {
padding-left: 15px;
border-left: 1px dashed #999999;
}

P.csc-sitemap-level2:hover {
padding-left: 15px;
background-color: #eeeeee;
}

P.csc-sitemap-level3 {
padding-left: 25px;
border-left: 1px dotted #999999;
}

P.csc-sitemap-level3:hover {
padding-left: 25px;
background-color: #eeeeee;
}

/* estilos texto normal Typo3 */

.bodytext {
   font-size: 12px;
   text-align: justify;
   font-family: "Helvetica", sans-serif;
}

.csc-firstHeader {
   font-family: "Helvetica", sans-serif;
   font-size: 16px;   
   font-color: blue;
}

.csc-menu-4 P {
font-family: "Helvetica", sans-serif;
   font-size: 12px;   
}


/* Estilos FAQs */

.faqtitleList {
   font-size: 12px;
   font-family: "Helvetica", sans-serif;
   background-color: #eeeeee;
}

.faqtitleList P A {
   color: navy;
   text-decoration: none;
}

.faqtitleList P A:hover {
   text-decoration: dashed;
}