*{margin:0;padding:0;outline:none}
img {border:none}
ul { list-style:none }
.accesibilidad {display:none}


body { background:#01502B url(../images/jc/fondo-body.jpg) repeat-x center top; font:11px Tahoma, Arial; color:#444}

#pagina { width:1011px; margin:0 auto; position:relative}

#encabezado {  height: 270px }

#logo a {
	width:290px;
	padding-top:107px;
	height:0;
	display:block;
	overflow:hidden;
	position:absolute;
	left:22px;
	background: url(../images/jc/0.png);
	z-index:999;
}
#flash {
  position:absolute;
  top:0;
  left:0
}
#idioma { position:absolute; top:0; right:2px; padding:5px 0 0 12px; width:54px; height:25px; background:url(../images/lang/fondo.jpg) }
#idioma img { margin-right:4px }
#opciones { font-size:10px; position:absolute; top:42px; right:10px; width:147px; height:32px; background:url(../images/jc/opciones.jpg) no-repeat}
#opciones li { float:left; }
#opciones a { color:#fff; text-decoration:none; display:block; padding-top:32px }
#opciones a:hover { color: #00CC66;background:url(../images/jc/opciones.jpg) no-repeat}
#opciones a#o-inicio { width:41px; background-position:0 -32px; padding-left:2px }
#opciones a#o-mapa { width:55px; background-position:-43px -32px; text-align:center }
#opciones a#o-contacto,#opciones a#o-contacto-en { width:37px; background-position:-98px -32px }
#opciones a#o-contacto { padding-left:6px }
#opciones a#o-contacto-en { padding-left: 9px }

/*menu imagenes*/

#lista-de-temas,#lista-de-temas-ingles {list-style:none; background:url(../images/jc/fondo-lista-de-temas.png); width: 816px; height:96px ;position:absolute; left:14px;top:147px; z-index:999 }

#nav {padding:0; margin:3px 0 0 13px; list-style:none; height:50px; position:relative; z-index:999; font-family:Tahoma, Arial; }

#nav li.top {display:block; float:left}

#nav li.a1 {margin-right:28px}
#nav li.a2 {margin-right:26px}
#nav li.a3 {margin-right:0}
#nav li.a4 {margin-right:29px}
#nav li.a5 {margin-right:30px}
#nav li.a6 {margin-right:27px}
#nav li.a7 {margin-right:30px}

a.one, a.two, a.tree, a.for, a.five, a.six, a.seven {
display:block; float:left; height:89px; width:90px; text-decoration:none; padding:0; cursor:default; background-repeat: no-repeat;
}

#nav li a b {margin-left:-9999px;}

#lista-de-temas #nav li a.one {background:url(../images/jc/lista-de-temas/londres_f01.jpg);}
#lista-de-temas #nav li a.two {background:url(../images/jc/lista-de-temas/londres_f02.jpg);}
#lista-de-temas #nav li a.tree {background:url(../images/jc/lista-de-temas/londres_f03.jpg);}
#lista-de-temas #nav li a.for {background:url(../images/jc/lista-de-temas/londres_f04.jpg);}
#lista-de-temas #nav li a.five {background:url(../images/jc/lista-de-temas/londres_f05.jpg);}
#lista-de-temas #nav li a.six {background:url(../images/jc/lista-de-temas/londres_f06.jpg);}
#lista-de-temas #nav li a.seven {background:url(../images/jc/lista-de-temas/londres_f07.jpg);}

#lista-de-temas-ingles #nav li a.one {background:url(../images/jc/lista-de-temas-ingles/london_f01.jpg);}
#lista-de-temas-ingles #nav li a.two {background:url(../images/jc/lista-de-temas-ingles/london_f02.jpg);}
#lista-de-temas-ingles #nav li a.tree {background:url(../images/jc/lista-de-temas-ingles/london_f03.jpg);}
#lista-de-temas-ingles #nav li a.for {background:url(../images/jc/lista-de-temas-ingles/london_f04.jpg);}
#lista-de-temas-ingles #nav li a.five {background:url(../images/jc/lista-de-temas-ingles/london_f05.jpg);}
#lista-de-temas-ingles #nav li a.six {background:url(../images/jc/lista-de-temas-ingles/london_f06.jpg);}
#lista-de-temas-ingles #nav li a.seven {background:url(../images/jc/lista-de-temas-ingles/london_f07.jpg);}


#lista-de-temas  #nav li:hover a,
#lista-de-temas  #nav a:hover,
#lista-de-temas-ingles  #nav li:hover a,
#lista-de-temas-ingles  #nav a:hover
{background-position: 0 -89px;}

#lista-de-temas #nav li a.paginacorriente, #lista-de-temas-ingles #nav li a.paginacorriente
{background-position: 0 -178px;}


#nav table {position:absolute;top:0; left:0; border-collapse:collapse; padding:0; width:0; height:0; margin:-1px; padding-top:20px}



#nav .sub {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover {position:relative; z-index:999;}
#nav a:hover {position:relative; white-space:normal; z-index:999;}

#nav :hover ul.sub {left:-3px; top:89px; width:152px; height:auto; z-index:999; padding-top:10px; background: url(../images/jc/transparente.gif)}
#nav :hover ul.sub7 {left:-57px}

#nav :hover ul.sub li
{display:block;  position:relative; float:left;  font-weight:normal;  }

#nav :hover ul.sub li a
{display:block; background:#333;  width:138px; padding:6px 4px 4px 8px;  text-decoration:none; cursor:pointer; letter-spacing:1px;  font:bold 11px Tahoma, Arial; color:#ddd }

#nav :hover ul.sub li a b {position:absolute; left:-9999px; margin:0;}


#nav :hover ul.sub li a:hover
{ position:relative; background:#4e4e4e; color:#fff}
#nav :hover ul.sub li a.paginainternacorriente
{ position:relative; background:#666; color:#fff}

.contenedor {
	background:url(../images/jc/fondo3.jpg)
}
/****************************************************************************************************************************************/

.lateral-izquierda {
float:left;width:145px; margin-left:24px;_padding-left:23px;_width:145px;_margin-left:0;
}

#menu { font:12px Tahoma,Arial ;border-top:1px solid #ccc; background:url(../images/jc/fondo4.jpg) no-repeat bottom;padding-bottom:18px }
#menu a {color:#000304; border-bottom:1px solid #ccc; background:#fff; display:block; text-decoration:none; padding:7px 10px }
#menu a:hover { color:#fff; border-bottom:1px solid #ccc; background:#367D50; display:block; text-decoration:none; padding:7px 10px }
#menu ul a {color:#fff;background:#303030; border-bottom:none }
#menu ul a:hover, #menu ul a.currentpage {background:#4e4e4e; border-bottom:none; font-weight:bold }

/****************************************************************************************************************************************/
#contenido a { color:#444 }
#contenido p { margin-bottom:10px; font-size: 12px; line-height: 15px; }
#contenido {width:653px; min-height:416px; margin-left:7px;float:left; padding-bottom:20px}
#contenido .ruta { display:none }
.pagina-contenido #contenido { padding-left: 22px; padding-right: 22px;width:609px }
#mapa { width:135px; float:left;margin:0 25px 0 22px }

.publicidad-superior { /*margin-bottom:10px*/ }

#contenido h2 { font-weight:bold; margin-bottom:20px;display:block;font-size:16px   }

#contenido h3 {
	background:url(../images/jc/noticias.gif);
	color:#fff;
	font-size:11px;
	height:20px;
/*	width:430px;*/
	padding:6px 0 0 10px;
	text-align:center
}
#contenido h3.subtitulo { font-size:11px;color:#444;margin-bottom:10px; height:auto; padding:6px 0 }


.category_item { float:left; width:290px; margin-right:10px; margin-bottom:15px }
.category_item .marco { padding:0 7px }
.item-123 a { height:140px; overflow: hidden; display:block; text-align: center; }
#contenido .category_item h4 a { background:url(../images/jc/titulo.png) no-repeat;display:block; padding:6px 7px 7px 7px; font-size:11px;color:#fff; text-decoration:none;margin-bottom:10px;
text-align: center !important; }
.category_item p { margin-bottom:10px }
.category_item .item-123 { margin-bottom:10px }
.leer-mas a { width:83px; height:0; padding-top:22px; display:block; overflow:hidden; background:url(../images/jc/leermas.jpg); float:right }
.leer-mas a:hover { background:url(../images/jc/leermash.jpg) }
.read-more a { width:83px; height:0; padding-top:22px; display:block; overflow:hidden; background:url(../images/jc/readmore.jpg); float:right }
.read-more a:hover { background:url(../images/jc/readmoreh.jpg) }

/*Catalogo*/

.xcategory_item { float:left; width:284px; margin:0 10px 20px; min-height:160px; background:url(../images/jc/backaviso.jpg) no-repeat left bottom }

.xcategory_item .marco { padding:0 7px }


.xcategory_item h4 { font-size:11px;color: #009933; margin-bottom:15px }

.xcategory_item p { margin-bottom:10px }

/*
.category_item .item-123 { margin-bottom:10px }
.item-123 a { height:85px; overflow: hidden; display:block }

.leer-mas a { width:83px; height:0; padding-top:22px; display:block; overflow:hidden; background:url(../images/jc/leermas.jpg); float:right }

.leer-mas a:hover { background:url(../images/jc/leermash.jpg) }
*/


#contenido h2 { background: url(../images/jc/fondo3.png); font-size:11px; color:#fff; padding:6px 7px 7px 7px; text-align:center; margin-bottom:10px }


.thumb-123 { width:284px; height:180px; overflow:hidden; float:left; margin:0 10px 15px }
.thumb-123 img { width:100% } 
#item_images { }
#item_atributes { margin-bottom:10px }
.galeria { text-align:right; padding-right:18px; margin:20px 0 35px }


.galeria a { font-weight:bold; color:#444; text-decoration:none; background:url(../images/vergaleria.jpg) no-repeat right 0; padding:15px 46px 15px 0; }

/***********************************************************************/
.lateral-derecha {
	width:165px;
	margin:-123px 0 0 15px;
	float: left;
	position:relative
	}
	
#suscribe {
	background:url(../images/jc/fondo5.jpg) no-repeat;
	height:113px;
	width:145px;
	padding:5px 10px;
	color:#fff ;
	font-size:10px;
    font-weight: bold;
    font-family: Verdana;
}
#suscribe form {
	color:#fff;
	font-size:10px;
	font:10px Tahoma, Arial;
}
#suscribe input {
	border:1px solid #fff;
	padding:0 1px;
	margin-top:2px;
	font:10px Tahoma;
	width:117px
}
#suscribe input.suscripcion {
	border:none; background:none; color:#fff; font:10px Tahoma; cursor:pointer; width:20px
}

.publicidad-lateral { margin-top:-70px; text-align:center }

.publicidad-inferior{
  text-align: center;
}

/**Sitemap*/

#contenido ul {
  float: left;
  width: 250px;
}

#contenido li {
  width: 250px;
  list-style-type: none;
  padding-left: 10px;
  float: left;
  font-weight: bold;
  line-height: 20px;
}

#contenido ul li {
  padding-left: 10px;
  font-weight: bold;
}

#contenido ul li ul li {
  padding-left: 10px;
  font-weight:bold;
}


/**/

#pie {
	background:#01502B url(../images/jc/pie.gif) no-repeat;
	height:50px;
	margin-left:176px;
	color:#ccc;
	padding-top:14px;
	clear:both
}
#pie p {
	width:653px;
	text-align:center;
}
#pie a {
	color:#ccc;
	text-decoration:none
}

/*****************************mapa del sitio****************************************/
#sitemap ul a { display:block;color:#444; text-decoration:none; background:url(../images/jc/item.png) no-repeat 0 5px; padding-left:10px }
#sitemap ul a:hover { color:#949494; text-decoration:underline; background-position: 0 -13px }

#sitemap ul li { margin-bottom:20px }
#sitemap ul ul li, #sitemap ul ul ul li, #sitemap ul ul ul ul li { margin-bottom:5px }

   #sitemap ul ul { margin:10px 0 10px 15px  }

.hr {border: 0;background-color: #aaa;color: #aaa;height: 1px;width:350px; margin:0 0 10px 0;*margin:-5px 0 0 -90px}

/*************************************************************************************/
.contactform { margin:20px auto; width:569px }
.contactform fieldset { border:none;float:left;margin-right:20px }
.contactform legend { display:none }
.contactform input { width:230px } 
.contactform input, .contactform textarea { margin-bottom:7px;padding:2px; border:1px solid #D71000; font-family:Tahoma; font-size:11px; color:#333 }
.contactform textarea { width:307px; height:99px; overflow:auto }
.contactform label { display:block;margin-bottom:5px;color:#D71000 }
.contactform .submit { text-align:right; margin-top:-120px }
.contactform input.fbsubmit { width:39px;border:none; background:none; color:#D71000; font-family:Tahoma; font-size:11px; font-weight:bold; cursor:pointer }
.contactform .datos { margin-top:30px }
.error_message { margin:20px 0 0 21px}

/*************************************************************************************/
* html .clearfix { height: 1% }
.clearfix { display: inline-block}
html[xmlns] .clearfix { display: block}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }