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

/* ------------------ HTML styles begin ------------------ */

body {
   color: #000000;
   background-color: fffbd6;
   margin: 0px; 
   padding:0px; 
   width: 800px; 
   margin-right: 10%;
   margin-left: 10%;
   /* background-image: url("img/menu.jpg"); background-repeat: no-repeat; background-position: center; */
}

table { margin: 5; padding: 5; font-size: 14px;
   text-align: justify;
   font-family: "Helvetica", sans-serif;
   margin-left:5%;
   margin-right:5%;
   }
/* table td {text-align: center; padding: 0; border-width: 1; 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 { 
   font-style: oblique; 
   font-family: Cursive, Fantasy, Verdana, Tahoma, Arial, Helvetica, sans-serif;
   font-size:18px;   
   font-color: blue;
}

h1:first-letter {
color: #13286a;
font-size:xx-large;
}

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; }

/* ------------------ HTML styles end ------------------ */

/* ------------------ Custom styles begin ------------------ */

/* cabecera de la pagina */

#header { 
   border: 0px solid rgb(192,192,192);
   /* background-image: url("img/menu.jpg"); */
   padding: 0px;
   width: 800px;
}

#logo {height: 100px; }

#content { 
   border: 1px dotted rgb(192,192,192);
   font-size: 14px;
   padding-bottom: 20px;
}


/* estilos del menu principal */

#menu {
   font-family: "Helvetica", sans-serif;
   padding: 0px;
   width: 800px;
   vertical-align: middle;
   background-image: url("img/zocalo.png");
   float:left;
}

#menu DIV {
  margin: 2;
  
  float: center;
}

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

#menu DIV.menu-level1-no {
padding-left: 10px;
padding-right: 30px;
padding-bottom: 3px;
padding-top:3px;
/*border-bottom: 1px solid #999999;*/
font-size: 12px;
border: 1px  outset rgb(192,192,192);
height:25px;
line-height: 20px;
background-color: #eeeeee;
float: left;
}

#menu DIV.menu-level1-no:hover{
background-color: #eeeeee;
background-image: url(./img/brush.png); background-repeat: no-repeat; padding-right: 5px; background-position: center right;
padding-right: 30px;
border: 1px  inset rgb(192,192,192);
float: left;
}

#menu DIV.menu-level1-act {
padding-left: 10px;
padding-right: 30px;
padding-bottom: 3px;
padding-top:3px;
padding-right: 30px;
border: 1px inset #999999;
background-color: #fefcff;
font-size: 12px;
background-image: url(./img/brush.png); background-repeat: no-repeat; background-position: right bottom; 
height:25px;
line-height: 20px;
float: left;
}


/* estilo del pie de pagina */
   
#footer { 
	text-align: center;
   background-image: url(./img/azulejo.png); background-repeat: repeat; 
   border-top: 2px solid rgb(192,192,192);
  
  top: 10px;
  bottom: 2px;
  font-size: 10px;
  font-color: FFFFFF;
}
   
/* ------------------ Custom styles end ------------------ */

/* 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;
}

/* Typo3 styles */

.bodytext {
   font-size: 14px;
   text-align: justify;
   font-family: "Helvetica", sans-serif;
   margin-left:5%;
   margin-right:5%;
}

.csc-header {}
.csc-textpicHeader {}
.csc-firstHeader {}

/* 
.csc-header {
font-style: oblique; font-family: Cursive, Fantasy, Verdana, Tahoma, Arial, Helvetica, sans-serif;
   font-size:18px;   
   font-color: blue;
}

.csc-textpicHeader, .csc-firstHeader {
   font-style: oblique; font-family: Cursive, Fantasy, Verdana, Tahoma, Arial, Helvetica, sans-serif;
   font-size: 16px;   
   font-color: blue;
}

.csc-firstHeader: first-letter {
color: #13286a;
font-size:xx-large
}

*/
.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;
}

/* tablas typo3 */

.contenttable {
  /* background-color: #eeeeee; */
  padding: 10; border-width: 0;
  border-width: 2;
  font-family: Arial;
  cell-border: 1;
}

.csc-caption {
   font-size: 10px;
}