/* CSS Document */
/*Hoja de Estilos de Tricum*/

/*Diseños Generales --------------------------------------------------------*/
*{
margin:0;
padding:0;
}

@font-face {
  font-family: "Papyrus";
  src: url(PAPYRUS.TTF) format("truetype");
}


ul, ol {
list-style: none;

}



body {
margin: 0;
padding: 0;
background-color: #000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.9em;
color: #FFF;
}

#contenedor {
width: 800px;
margin: 0 auto;

}

#cabecera {
margin-top: 5px;
height: 140px;
}


#contenido {
margin-left: 30px;
z-index: -1;
}

#contenido h1 {
margin-left: 45px;
}


#lat_der {
}

#pie {
background-image: url(../images/pie.png);
background-repeat: no-repeat;
height: 120px;
clear:both;
text-align: right;
font-size: 0.9em;
margin-top: 10px;
padding-top: 90px;
}

#pie address {
font-size: 0.85em;
padding-top: 2px;
}

#pie.inicio {
background-image: none;
background-repeat: no-repeat;
height: 120px;
clear:both;
text-align: right;
font-size: 0.9em;
margin-top: 10px;
padding-top: 0;
}

#pie.inicio address {
font-size: 0.85em;
padding-top: 2px;
}



/*-----------MENU ---------------------*/
#menu {
width: 800px;
height: 50px;
background-image: url(../images/bg-menu.jpg);
background-repeat:no-repeat;
background-position: center top;
font-family: Papyrus, Verdana, Arial, Helvetica, sans-serif;
font-size:1.3em;
z-index: 1000;
}

#menu ul {

padding-left: 0;
padding-top: 10px;
}

#menu ul li {
display: inline;
margin: 0 15px;
}

#menu ul li a, #menu ul li a:visited {
text-decoration:none; 
color:#000; 
}

#menu ul li a:hover {
color:#FFF; 
}

#menu ul li a.stay {
color: #FFF ;
background-image:url(../images/raya.png);
background-position: bottom center;
padding-bottom: 5px;
background-repeat: no-repeat;
}

#menu ul li a.stay2 {
color: #FFF ;
background-image:url(../images/raya2.png);
background-position: bottom center;
padding-bottom: 5px;
background-repeat: no-repeat;
}


ul li ul {
   /* Resto de estilos... */
   display: none;
   width: 250px;
}

#menu ul li a, .menu ul li a:visited {
display:block;  

}
#menu ul { margin:0; list-style: none;}
#menu ul li {float:left; position:relative;}
#menu ul li ul {display: none;}

#menu ul li:hover ul {display:block; position:absolute; top:20px; left:0; width: 104px;}
#menu ul li:hover ul li a.hide {background:#6a3; color:#fff;}
#menu ul li:hover ul li:hover a.hide {background:#6fc; color:#000;}
#menu ul li:hover ul li ul {display: none; }
#menu ul li:hover ul li a {display:block; background:#fc5004; color:#000; padding: 5px; width:230px; }
#menu ul li:hover ul li a:hover {color:#FFF; }
#menu ul li:hover ul li:hover ul {display:block; position:absolute; left:120px; top:0;}
#menu ul li:hover ul li:hover ul.left {left:-105px;}

/*-----------TEXTOS ---------------------*/
h1 {
font-family: Papyrus;
font-size: 2em;
color: #fc5004 ;
margin-top: 15px;
}

h2 {
font-size: 1em;
margin-bottom: 5px;
color: #FC5004;
}

h3 {
font-size: 0.9em;
margin: 10px 0;
}

p {
}

a, a:visited {
color: #FFFFFF;
text-decoration: none;
}

a:hover {
color: #fc5004;
text-decoration:underline;
}

a img {
border: none;
margin-bottom: 10px;
} 

ul.circ {
list-style: circle;
color:#fc5004;
}

ul.circ li span {
	color: #FFFFFF;
}

a.invitacion, a.invitacion:visited {
color: #fc5004;
text-decoration: none;
}

a.invitacion:hover {
color: #FFF;
text-decoration:underline;
}




/*----------- CALENDARIO ---------------------*/

#contenido dl {
margin: 0 auto;
width: 800px;
}
#contenido dd {
padding: 15px;

}
#contenido	dt { 

}
#contenido	dt a {
color:#fc5004;
text-decoration: none;
}
#contenido	dt a:hover {
color: #FFF;
text-decoration: underline;
}
#contenido dd img { 
}

/*----------- COMIC ---------------------*/

/*preload classes*/ 
#mygaltop {
margin: 35px auto 0 auto;
z-index: -10;

}

#stripTransmitter0 {
margin: 0 auto 15px auto;
}

.svw {width: 50px; height: 20px; background: #fc5004;} 
.svw ul {position: relative; left: -999em;} /*core classes*/ 
.stripViewer { position: relative; overflow: hidden; border: 5px solid #fc5004; } 
.stripViewer ul { /* this is your UL of images */ margin: 0; padding: 0; position: relative; left: 0; top: 0; width: 1%; list-style-type: none; } 
.stripViewer ul li { float:left; } 
.stripTransmitter { overflow: auto; width: 1%; position: relative; top: -536px; } 
.stripTransmitter ul { margin: 0; padding: 0; position: relative; list-style-type: none; } 
.stripTransmitter ul li{ width: 20px; float:left;  } 
.stripTransmitter a{ font: bold 10px Verdana, Arial; text-align: center; line-height: 22px; background: #000; color: #fc5004; text-decoration: none; display: block; } 
.stripTransmitter a:hover, a.current{ background: #fc5004; color: #FFF; } /*tooltips formatting*/
.tooltip { padding: 0.5em; background: #fff; color: #000; border: 5px solid #dedede; } 

/*----------- CUENTA ---------------------*/
#col1, #col2 {
width: 350px;
float: left;
margin: 20px 15px;
}

a.boton1, a.boton2 {
text-decoration: none;
color: #fff;
}

a.boton1:hover, a.boton2:hover {
color: #fc5004;
}

#col1 h3, #col2 h3, #col1 h4, #col2 h4 {
text-decoration:underline;
}

/*----------- CUENTA ---------------------*/

#col3 {
width: 240px;
float: left;
margin-right: 15px;

}

#col4 {
width: 500px;
border: 5px solid #fc5004;
float: left;
z-index: -1;
}

form, fieldset, label {

margin-top: 10px;
}

.label label {
width: 100px;
float: left;
margin: 5px 0 5px 5px;
}

#slide {
margin: 0 0 0 1px;
z-index: -20;
}

div.flota {
float: left;
width: 500px;
}

img.flota {
float:left;
width: 250px;
margin-left: 15px;
}

#slideshow {
width: 350px;
height: 350px;
margin-top: 10px;
float: left ;
}

/*------------- H1 ---------------------*/
h1.nos {
background-image: url(../images/h1nos.jpg);
background-repeat: no-repeat;
text-indent: -9999px;
height: 45px;
overflow: hidden;
}

h1.cal {
background-image: url(../images/h1cal.jpg);
background-repeat: no-repeat;
text-indent: -9999px;
height: 45px;
overflow: hidden;
}

#pie a img {
margin-bottom: -2px;
}