/*
*************************************************************************
*****	Empresa: XelaWeb											*****
*****	Ubicación: Quetzaltenango									*****
*****	Area: Sitios Web y Aplicaciones Web							*****
*****	Página: www.xelaweb.com										*****
*****																*****
*****	Estilo personalizado para Grupo los Fenicios...				*****
*****   Monte Libano												*****
*****	Autor: Elfego René Ovalle Gutierrez     					*****
*************************************************************************
*/


/* ------------------ TEMPLATE -------------------- */
body{
	background-color:#000;
	background-image:url(../img/template/img-fondo.jpg);
	background-repeat:no-repeat;
	background-position:top;
	background-attachment:fixed;
	margin:0;
	padding:0;
	color:#FFF;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	line-height:1.5;
}
*{
	outline:none;
}
img{
	border:none;
}
span{
	color:#54A333;
	font-weight:bold;
}
.arriba-link{
	position:absolute;
	right:0;
	top:25px;
}
.arriba-link a{
	color:#545454;
	text-decoration:none;
	font-size:10px;
}
.arriba-link a:hover{
	color:#FFF;
}
#contenedor{
	width:950px;
	margin:0 auto;
	position:relative;
	padding-top:30px;
}
#logo{
	background-image:url(../img/template/logo.png);
	width:254px;
	height:130px;
}
.links{
    background-image: url("../img/template/fondo-nav.png");
    background-repeat: repeat-x;
    border-radius: 5px 5px 5px 5px;
    height: 41px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 75px;
    width: 762px;
}
.links li{
	display:block;
	float:left;
	list-style:none;
}
.links a{
	display:block;
	float:left;
	text-decoration:none;
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#FFF;
	padding:10px;
}
.links a:hover{
	color:#000;
}

#textos{
	margin-bottom:50px;
}
.p-mitad{
	width:40%;
}
.fondoTit{
	background-image:url(../img/template/fondoTit.png);
	width:156px;
	height:50px;
	padding:32px 0px 0px 0px;
	text-align:center;
	margin:auto;
}

/* ------------------ FOOTER ------------------------ */
#footer{
}
#nosotros-fenicios-footer{
	padding:0px 70px;
}
#grupo-fenicios{
	text-align:center;
	width:112px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:13px;
}
#divs-cambiantes{
	float:right;
	width:680px;
	font-size:11px;
	color:#CFCFCF;
	height:140px;
	line-height:1.2;
	cursor:pointer;
}
#divs-cambiantes table{
	border-right:#aaa 1px solid;
}
#divs-cambiantes table td{
	padding:0px 10px;
	width:50%;
	text-align:center;
	border-left:#aaa 1px solid;
}
#divs-cambiantes table td p, #divs-cambiantes table td ul{
	text-align:left;
}
#divs-cambiantes table td div{
}
#grupo-fenicios img{
	margin:10px 0px;
}
.tabla-footer{
	width:100%;
	vertical-align:middle;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:10px;
	border-top:#3F3F3F 2px solid;
	margin-top:25px;
}
.tabla-footer td a{
	color:#CCC;
	text-decoration:none;
}
.links-footer{
}
.links-footer li{
	display:block;
	float:left;
	list-style:none;
}
.links-footer a{
	display:block;
	float:left;
	text-decoration:none;
	color:#A0A0A0;
	font-size:10px;
	font-family:Tahoma, Geneva, sans-serif;
	padding:0px 15px;
}
.links-footer a:hover{
	color:#FFF;
}

/* ------------------- PRICIPAL ------------------------ */
.tablaInicio{
	width:90%;
}
.tablaInicio td{
	padding:0px 20px;
}
.tablaInicio p{
	color:#FFF;
}
.tablaInicio span{
	color:#54A333;
	font-weight:bold;
}
.tablaInicio div.tipoCasa{
	width:260px;
	height:100px;
	float:left;
	margin:15px 5px;
}
#ciclo{
	float:right;
	margin:0px;
	border:10px solid #000;
	width:468px;
	height:351px;
}

/* --------------------------- Tipos de Casas -------------------------------------- */
#fotosGaleria{
	width:350px;
	position:relative;
	margin:0 auto;
}
#fotosGaleria img, #peqPlanos img, #fotosGaleria table td img{
	margin:15px 30px;
	border:#000 5px solid;
}
.tabla-tipo-casas{
	width:100%;
}
.tabla-tipo-casas td{
	text-align:center;
}
.tabla-tipo-casas li{
	text-align:left;
}
.imgArribaTiposCasas{
	border:#000 10px solid;
}


/* -------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<---------------------------------------*/
/*--------------------------------------------------------------------------*/
#TB_overlay {
  position: fixed;
  z-index:100;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}
.TB_overlayMacFFBGHack {background: url(../css/macFFBgHack.png) repeat;}
.TB_overlayBG {
  background-color:#000;
  filter:alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}
* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
  position: fixed;
  background: #ffffff;
  z-index: 102;
  color:#000000;
  display:none;
  border: 4px solid #525252;
  text-align:left;
  top:50%;
  left:50%;
}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
  display:block;
  margin: 15px 0 0 15px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}
#TB_caption{
  height:25px;
  padding:7px 30px 10px 25px;
  float:left;
}
#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}
#TB_closeAjaxWindow{
  padding:7px 10px 5px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}
#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}
#TB_title{
  background-color:#e8e8e8;
  height:27px;
}
#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
  padding:15px;
}
#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
}
#TB_load{
  position: fixed;
  display:none;
  height:13px;
  width:208px;
  z-index:103;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
  z-index:99;
  position:fixed;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height:100%;
  width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
}

/* ------------------------ GALERIAS ------------------------ */
ul.galleria 
{
	padding:0px;
	list-style:none; 
	width:590px; 
	height:65px;  
	margin:0px auto; 
	padding:0px;
	margin-top:20px;
/*	float:left;*/
}
.galleria li{display:block;width:60px;height:40px;overflow:hidden;float:left;margin:0 5px 5px 0}
/*.galleria li a{display:none}*/
.galleria li a img{width:50px;height:32px; margin:5px 8px; border:#000 1px solid;}

.galleria li div{position:absolute;display:none;top:0;left:180px;}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */

div.galleria_wrapper,.galleria_wrapper img { width:300px; height:300px;}

div#fotos, div#fotos a img { width:666px; height:436px; cursor:pointer; margin:auto; border:#000 2px solid; border-right:#000 5px solid;}
div#fotos div { display:none;}

div#fotos div.mostrar{ display:block;}