/****************************************************/
/*estilos genericos */
/*fondo general de la pagina color defecto fondo y color defecto letra*/
body {
	margin: 0;
	padding: 0;
	background: #000;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;	 
	background-image: url(http://i258.photobucket.com/albums/hh264/fotos_fallas/fallas/fondo.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	z-index: 10;
	
	
   
}
a {
	text-decoration: none;
}

a img {
	border: none;
}
/*
p {
	margin: 0 0 1em;
} 
*/
/**************************************************/
/*estilos de la pagina */

#pagina_index{
	padding-top: 1px;
 	background-image: url(../imagenes/fondo.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width:775px;

}
/*************************************************/
/*cabecera para las versiones frances y espaņol e ingles */
#cabecera h1 {
	font-size: 200%;
	margin: 0;
	padding: 20px 0 0 200px 
	/*margin: 0.5em 2em;
	padding: 0 0 0 150px ;
	;*/
}
#cabecera h2 {
	font-size: 175%;
	margin: 0;
	padding: 23px 0 1px 200px 
	/*margin: 0.5em 2em;
	padding: 4px 0em 0em 150px  ;
	padding: 1px 0 0 200px ;*/
}

/**************************************************/
/*cabecera de los botones de cambio de idioma */
#cabecera ol{
	font-size: 1.3em;	
}

#botones_idiomas{
	text-align: right;
	position:relative;
	margin: 0; padding:0;
	right:40px;
}
#botones_idiomas li {
	display: inline;
	margin: 0; padding:0;
}

#botones_idiomas   a.btn_ingles{
	background-image:url(../imagenes/btn_ingles.gif);	
	background-repeat: no-repeat;
	text-decoration: none;	  
} 
 
#botones_idiomas  a.btn_ingles:hover {
	background-image:url(../imagenes/btn_ingles_on.gif);	
} 

#botones_idiomas li a.btn_frances{
	background-image:url(../imagenes/btn_frances.gif);
	background-repeat: no-repeat;
	text-decoration: none;	
}
#botones_idiomas a.btn_frances:hover{
	background-image:url(../imagenes/btn_frances_on.gif)}

#botones_idiomas li a.btn_espanol{
	background-image:url(../imagenes/btn_espanol.gif);
	background-repeat: no-repeat;
	text-decoration: none;	
}
#botones_idiomas a.btn_espanol:hover{
	background-image:url(../imagenes/btn_espanol_on.gif)}

/****************************************************/
/*estilos enlaces */
 
#nav{
	 
	width:110px;
    float: left;
	position: absolute;
	top: 70px ; left: 5px;
}


#nav-enlaces{	
	position:absolute;
	left:-5px; 
	top: 10px;     
}

#menu_nav  {
	border-left:2px solid  #FFFFFF; 
	border-right:2px solid  #FFFFFF; 
	position:absolute;
	left:5px; 
	width: 110px;
	padding:0;	margin:0; 
}


#menu_nav li{
	height: 2.5em;
	padding:0 0 0 1em; 
	margin: 0 0 0  4px;
	list-style-type: none;
}

#menu_nav li a{
	color: #FFFFFF;
	display: block;
	width:96px;
	text-decoration: none;
	margin-bottom:1px;	
} 

#menu_nav li a:hover{
	margin-bottom:0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	background-image: url(../imagenes/fondo_lista_nav.png);
}
#menu_nav li.num_1{
	list-style-type:none;
	/* list-style-image: url(imagenes/icono-flecha.gif); */
	background: url(../imagenes/icono-flecha-d-p.gif) no-repeat 0  40%;
}

#menu_nav li.num_salto{
	padding-top: 2em;
}
 
/*
#menu_nav li.num_1:hover{
	list-style-type:none;
	-- list-style-image: url(imagenes/icono-flecha.gif);  
	background:none
} */





/***********************************/
/*submenus */
#menu_flotante{
  /*	position:absolute;
	margin:0;
	padding:0;
	z-index:400;
	left:117px;
	top:70px;
	visibility: hidden;	
	*/
	position:absolute;
	
	z-index:800;
	left:117px;
	top:70px;
	margin:0;
	padding:0;
}


#menu_flotante ul{
	border:2px solid #ffffff;
	/*visibility:hidden; */
 	display:none;
 	position:relative;
 	background-color:#660000;
 	z-index:5;
	margin:0;
 	padding :2px;
}

#menu_flotante li{
	list-style-type: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	background-color:#663333;
}

#menu_flotante li a{
	display: block;
	color: #FFFFFF;
	padding-left:5px;
	width:100px;
	text-decoration: none;
	margin-bottom:1px;	
} 

#menu_flotante li a:hover{
	margin-bottom:0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	background-image: url(../imagenes/fondo_lista_nav.png);
}


#menu_info{
  top:36px;
}
 

#menu_fotos{
   /*top: -14px;*/
   top: 58px;
}
#menu_videos{
  /*top: -108px;*/
  top:86px;
}
#libro_visitas {
 /*   top: -154px;*/
 top:150px;
}
  


/***********************************/
/*esquinas redondeadas superiores  e inferiores*/
#nav-top, #nav-bottom{ 
   float: left;
   padding:0; margin:0;
   position:relative;
   height:19px;
}

#nav-top{  
   background-image:url(../imagenes/esquina-si.gif);
   background-position:left;
   background-repeat:no-repeat;  
}


#nav-bottom{
   top:180px;
   background-image:url(../imagenes/esquina-iib.gif);
   background-position:left;
   background-repeat:no-repeat;
}

#nav-top-c,#nav-bottom-c{
	border-top:2px solid  #FFFFFF;
	height:19px;
	width:83px;
	position:relative;
	float:left;	
}
#nav-top-c{
	left:19px; top:0px;
}
 
#nav-bottom-c{
	top:17px; left:19px;
}
 
#nav-top-d, #nav-bottom-d{
	height:19px; width:19px;
	position:relative;
	top: 0px; left:12px;
	float:left;	
}
#nav-top-d {
	background-image:url(../imagenes/esquina-sd.gif);
    background-position:left;
    background-repeat:no-repeat;
	width:22px;
 
}
 
#nav-bottom-d{
   background-image:url(../imagenes/esquina-idb.gif);
   background-position:left;
   background-repeat:no-repeat;
}
 
 
/****************************************************/
/*para el contador */
#nav-contador{
	position:absolute;
	top:250px; left:1px;
	border-left:2px solid  #FFFFFF; 
	border-right:2px solid  #FFFFFF; 
	width: 125px; 	height:150px;
	background-image:url(../imagenes/fondo-recuadro.gif);
	background-position:bottom;
	background-repeat:repeat-x;
}
 
#nav-contador p{
	margin: 10px 0; 
	padding: 0 0 0 4px;	 
	width: 125px;
}


#top-contador{
	position:absolute;
	top:240px; left:1px;
	background-image:url(../imagenes/contador-sup.gif);
	height:19px;
}
 
#bottom-contador {
	position:absolute;
	top: 395px; left:1px;
	background-image:url(../imagenes/contador-inf.gif);
	height:21px;
}
#top-contador, #bottom-contador{
	width: 129px;
	background-position:left;
    background-repeat:no-repeat; 
}








/****************************************************/
/*estilos contenedor */

#contenido{
 
	border-left: 2px  solid   #FFFFFF;
	border-right: 2px  solid   #FFFFFF;
	/*width: 78%;*/
	width: 620px;
    float: right;
	position:relative;
	left:-6px;
	top:-1px;
	/*margin: 0 0.5em -2px 0;	*/
	background-image:url(../imagenes/fondo-recuadro.gif);
	background-position:bottom left;
	background-repeat:repeat-x;
}
#contenido-top{
   background-image:url(../imagenes/esquina-si.gif);
   background-position:left;
   background-repeat:no-repeat;
   float: left;
   padding:0;    margin:0;	
   position:relative;
   left:145px;
   top:0px;
   width:  620px; 
   height:20px;
}
#contenido-top-c{
	border-top:2px solid  #FFFFFF;
	height:19px;
	width:96%;
	position:relative;
	float:left;
	left:19px;
	top:1px;
}
#contenido-top-d{
	background-image:url(../imagenes/esquina-sd.gif);
   background-position:left;
   background-repeat:no-repeat;
	height:19px;
	position:relative;
	right: -4px;
	top: 1px;
	float:right;
	width:19px;
}
 
#contenido_texto{	
	 
	width: 56%;
    float: left;
	/*padding: 4em 0 0 0;
	margin: 0 0.2em 0 0.5em;*/
	padding:5px 2px; margin:0;
}


#imagenes{
	border: 1px   dashed  #FFFFFF;
	width: 41%;
    float: left;
	padding: 0;
	margin: 0 0 1em 0   ;
	text-align:center;

}
#noticias{
	padding: 4em 0 0 0;
}
 
#noticias a{
 	color: #993333;
}
#noticias a:hover{
 	color: #FF6600; 
}
#noticias b {
 	color: #FF0000; 
}
 
/**************************************************/
/*pie de pagina*/
#pie{
	clear: both;
	border-top: 2px solid;
	border-bottom: 2px solid;
	padding: 0;
	 
	margin: 0 ;
	/*padding:5px 0;*/
	background-color: #663333;
	width:100%;
	height:20px;
 }


#pie_dcha{
	 text-align:right;
	 padding: 0.1em 1em 0 0;
 
	 height:19px;
	 float:right;
	 background-image:url(../imagenes/esquina-id.gif);
	 background-position:right bottom;
	 background-repeat:no-repeat; 
	 position:relative;
	 top:2px;
	 right: -2px;
}

#pie_izda{
 	
	float:left;
	text-align:left;
	position:relative;
	top:2px;
	left:-2px;
	 
	height:19px;  
	background-image:url(../imagenes/esquina-ii.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
	padding:  0.1em 0 0 1em;
	margin: 0 0 -5px 0;
	 
}

 


/*******************************
/*contactar */
#foto_v{
	padding:1px;
	border:2px solid  #993366;
}

/*****************************
**comentarios */
#contenido_comentarios{		 
	 
    float: left;
	/*padding: 4em 0 0 0;
	margin: 0 0.2em 0 0.5em;*/
	margin: 1em 2em;
	padding:1em;
	border: 2px outset white ;
	background-color:#663333; /*663333 */
}

.contenido_comentario{
	/*border:1px  inset white;*/
	padding: 0.2em;
	padding-bottom:0.4em;
	margin-bottom: 0.4em;
	border-bottom: 1px dashed white;
	 
 }