﻿/* - - - - - - - - - - - - - - - - - - - - -
<<año>> <<cliente>> Website

Autor : Saetha Design & Systems C.A.
Descripción : Hoja CSS principal del Website <<cliente>>

Creado : <<31 de octubre de 2008>>
Modificado : <<15/05/09>>

- - - - - - - - - - - - - - - - - - - - - */

/* TRANSPARENCIA behavior: url(css/recursos/iepngfix.htc) */

/* ------------------- *\
REGLAS GENERALES
\* ------------------- */

*
{ margin:0px; padding:0px; border:none; }

body { font-family: Tahoma, Verdana, Helvetica, sans-serif; font-size: 11px; color: #000;background-color:#000; }

table, table th, table tr, table td, div, img { vertical-align: top; }

/*img - transparencia  png IE6 *//*
{
	behavior: url(css/recursos/iepngfix.htc);
}*/

input { font-family: Tahoma, Verdana, Arial; font-size: 11px; font-weight: normal; color: #000; border: solid 1px #000; padding: 1px 0px 1px 2px; }

a { color: #ffffff; text-decoration: none; }




/* ------------------- *\
FORMATO DE TEXTO
\* ------------------- */

.parrafo { }

/* ------------------- *\
LAYOUT
\* ------------------- */

/* ---- wrapping -----*/

#wrapper { width:1280px; margin: 0px auto;}

/* ---- contenedores -----*/

.contenedor { }

/* ------------------- *\
ENCABEZADO
\* ------------------- */

#header { }

/* ------------------- *\
CIERRE
\* ------------------- */

#footer { }

/* ------------------- *\
MISCELANEO
\* ------------------- */

/* ---- Alineación -----*/

.float-left { float: left; }

.float-right { float: right; }

.clear { clear: both; }

.enconstrucion
{   margin: 0px auto;
    background-image: url(../Imgs/enconstruccion.jpg);
    width:1024px;
    height:786px;
    }
    
#franjaizq {background:url(../Imgs/franjaizq.jpg) no-repeart left top; width:167px;height:739px;float:left;display:inline;}
   
#franjader {background:url(../Imgs/franjader.jpg) no-repeat left top;width:249px;height:739px;float:left;display:inline;}
   
#centro {float:left;width:863px;}
         
#csup {background:url(../Imgs/flash22_.jpg) no-repeat left top; width:863px;height:296px; background-color: Black;} 
   
#cinf { width:863px; float:left; display:inline;  height:auto;}
   
/* inicio */
#img { width: 583px; height:362px; background: url(../Imgs/imghome3.jpg); float:left;}

#info {width:270px; height:320px; float:left; display:inline; background:url(../Imgs/fondoh1.jpg) no-repeat left top; }

#eventynov { width:180px;  height:33px; padding-top:43px; padding-left:45px; display:inline; float:left;}

#cont_inf { width:270px;  height:43px; padding-top:43px; padding-left:45px; display:inline; float:left;}

#cont {list-style:none;  width:220px;  height:200px; padding-top:4px; padding-left:38px; float:left; display:inline;}

.texto1 { padding-left:5px; width: 110px; height: 80px;  float: left; display: inline; font-family: Lucida Sans; font-size: 11px; font-weight: normal; font-style: normal; color: #FFFFFF; text-align: left;overflow:hidden;}

.texto1 h3 { font-size: 12px; font-weight: bold; display: inline; float: left; color: #FFFFFF;} 

#vermas{ width: 69px; height: 19px; float: right; display:inline; padding-top:8px; padding-right:35px;}

#separacion_li { padding-top:30px; float:left; display:inline;}

/*quienes somos */

#qsimagen { width:399px; height:311px; background:url(../Imgs/imgqs.jpg) no-repeat left top; float:left; display:inline;}
#qsfondo { width:464px; height:311px; background:url(../Imgs/fondotex.jpg) no-repeat left top; float:left; display:inline;}
#texto { font-family: Tahoma; line-height: 20px; font-size: 13px; color: #FFFFFF; padding-top: 40px; font-weight: normal; text-align: justify; width:410px;}


/*servicios*/
#simg  {width:399px; height:311px; background:url(../Imgs/imgs.jpg) no-repeat left top; float:left; display:inline;}

#sinfo {width:464px; height:311px; background:url(../Imgs/fondotex.jpg) no-repeat left top; float:left; display:inline;}


/*contactenos */
#contacimg  {width:399px; height:311px; background:url(../Imgs/imgcont.jpg) no-repeat left top; float:left; display:inline;}

#contacfondo {width:464px; height:311px; background:url(../Imgs/fondotex.jpg) no-repeat left top; float:left; display:inline;}


/*galeria multimedia */

#gmimg  {width:399px; height:311px; background:url(../Imgs/imggm.jpg) no-repeat left top; float:left; display:inline;}

#gmfondo {width:464px; height:311px; background:url(../Imgs/fondotex.jpg) no-repeat left top; float:left; display:inline;}

  
/*eventos */

#eventimg  {width:399px; height:311px; background:url(../Imgs/imgeyn.jpg) no-repeat left top; float:left; display:inline;}

#eventfondo {width:464px; height:311px; background:url(../Imgs/fondotex.jpg) no-repeat left top; float:left; display:inline;}


#saetha {background:url(../Imgs/abajo.jpg) no-repeat left top;width:1280px;height:81px; float:left;}

#logosaetha {width:131px; height:31px; margin-left:895px; margin-bottom:37px; margin-top:13px;}



/********************************comun**********************************************/
.fondo{width:863px;min-height:311px;height: auto !important;height:311px;background-color:#fff;background: url(../Imgs/fondo_general.jpg) no-repeat left top;display:table;}
.contenido{width:700px;margin-left:140px;}
.contenido .panel_filtrado{width:680px;height:40px;background: url(../Imgs/fondo_panel.png) no-repeat left top;behavior: url(css/recursos/iepngfix.htc);margin-bottom:10px;color:#fff;border:solid 1px #595959;}
.contenido .panel_filtrado .item{width:140px;float:left;height:30px;margin:10px 20px 0px 0px;display:inline;}
.contenido .panel_filtrado .boton{background:url(../Imgs/filtrar.png) no-repeat left top;width:89px;height:19px;behavior: url(css/recursos/iepngfix.htc);border:solid 1px #595959;}
.contenido .panel_filtrado input, .contenido .panel_filtrado select{width: 100px;border: solid 1px #d3d7df;color: #6a6a6a;font-family: Tahoma, Arial;font-size: 11px;padding: 2px 3px 1px 3px;}


/**************************************Eventos***************************************/
.contenedor-item{width:456px;height:123px;margin-left:80px;border-bottom:solid 1px #595959;}
.contenedor-item .foto-item{width: 99px; height: 79px; float:left; display: inline; margin: 15px 0px 0px 10px;border:solid 1px #595959;}
.titulo_{ font-family:Tahoma; color: #faf9e4; font-weight: bold; text-align: left; line-height: normal; font-size: 14px; margin: 20px 0px 0px 20px; }
.titulo_ span{ font-family:Tahoma; color: #faf9e4; font-weight: normal; text-align: left; line-height: normal; font-size: 14px;}
.informacion {width: 300px; height:28px; font-family: Lucida Sans; font-size: 12px; color: #282828; text-align: justify;margin: 10px 0px 0px 20px;overflow:hidden;}


div#noticia{padding: 15px 50px 60px 0px;line-height: 18px;font-size: 12px;color: #faf9e4;width:680px;}
#noticia h1{ display: block;font-family: "Myriad Pro", Trebuchet MS, Lucida Sans, Arial;font-size: 18px;line-height: 18px;width: 680px;padding-bottom: 6px;border-bottom: solid 1px #ccc;color: #faf9e4;font-weight:bold;}
#noticia h3{display: block;font-family: "Segoe UI", "Trebuchet MS", Lucida Sans, Arial;font-size: 13px;line-height: 16px;color: #097040;}
#noticia .fecha{font-family: Myriad Pro, Trebuchet MS, Lucida Sans, Arial;font-size: 12px;color:#fff;padding: 4px 0px 10px 0px;}
#noticia ul{margin-left:25px;}
.prev_imagen{background:#fff url(../Imgs/fondo_previmagen.gif) repeat-x top left;width:530px;height:78px;margin-top:20px;overflow-x:scroll;overflow-y:hidden;white-space:nowrap;background-color: #545454;border-bottom: solid 1px #7c7c7c;border-top: solid 1px #7c7c7c;}
.prev_imagen table td div:hover{border: solid 1px #666666;}
.img_prev{margin:0px;cursor: pointer; }
.msj_advertencia{background: url(../Imgs/fondo_mensajeadv.gif) no-repeat top left #d9b923;border: solid 1px #a59768;color: #3c392d;padding: 25px 10px 30px 82px;text-align: left;font-weight: normal;font-size: 11px;width: 478px;margin-top: 15px;} 

/************************************Galeria Multimedia****************************/

.galeria-detalles{width: 550px;	margin: 15px auto;}
.galeria-detalles .titulo{height: 35px;background: url(../Imgs/titulo.png) no-repeat left top;behavior: url(css/recursos/iepngfix.htc);}
.galeria-detalles .titulo .titulo-padding{padding: 4px 10px 5px 8px;}
.galeria-detalles .titulo h2{font-size: 10px;font-weight: normal;color: #cbcbcb;}
.galeria-detalles .titulo h1{font-size: 12px;color: #fff;}
.galeria-detalles .visor{height: 390px;margin-top: 10px;padding-top: 10px;background-color: #c9c8c9;}
.galeria-detalles .visor .contenedor-imagen{width: 530px;height: 380px;margin: 0px auto;overflow: hidden;border: solid 1px #777;text-align: center; background: #000 url(../imgs/precarga.gif) no-repeat 50% 50%;}
.galeria-detalles .visor .contenedor-imagen img{margin: 0px auto;}
.galeria-detalles .prevs{width: 550px;height: 80px;background-color: #545454;border-bottom: solid 1px #7c7c7c;border-top: solid 1px #7c7c7c;overflow-x:scroll;overflow-y:hidden;white-space:nowrap;}
.galeria-detalles .prevs .prevs-espacio{padding: 5px 10px 0px 10px;overflow-x:scroll;overflow-y:hidden;white-space:nowrap;width: 550px;height: 80px;}
.galeria-detalles .prevs .prevs-espacio img{margin-right: 5px;}
.galeria-detalles .comentario{margin: 30px auto;text-align: left;line-height: 18px;font-size: 12px;color:#fff;}
.albunes_miniaturas{width:154px;height:169px;float:left;margin-right:30px;margin-bottom:10px;}
.albunes_miniaturas .cabezera{width:154px;height:19px;background: url(../Imgs/cuadro-up.png) no-repeat left top;behavior: url(css/recursos/iepngfix.htc);}
.albunes_miniaturas .cont_img_muestra{width:154px;height:150px;background: url(../Imgs/cuadro.png) no-repeat left top;behavior: url(css/recursos/iepngfix.htc);}
.albunes_miniaturas .cont_img_muestra .img_centro{width: 133px; height: 91px; overflow: hidden; border: #dadada solid 2px; margin:0px auto;}
.albunes_miniaturas .cont_img_muestra .titulo_cada_albun{height:35px;margin-top:10px;padding-left:5px;overflow:hidden;font-family:Tahoma; color: #faf9e4; font-weight: bold; text-align: left; line-height: normal; font-size: 11px;}

.transparente { opacity: 0; filter: alpha(opacity=0); }