/* 
-----------------------------------------------------------------
Hoja de estilo creada por la Comisi�n Estatl de Servicios P�blicos de Tijuana
www.cespt.gob.mx
CESPT
Tijuana, B.C. M�xico (c) 2008
----------------------------------------------------------------- */

body {
	background-color:#f9fafc;		
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size:13px;
	text-align:center;
	color: #00539f;
	margin: 0;
	padding: 0;
}



/* Contenedor
----------------------------------------------------------------- */

#contenedor {	  
	width:790px;	
	height:auto;				
	background:url(../imagenes/fondo_contenedor2.jpg) repeat-y;	
	margin: 0 auto;
}

#contenedorgraficas {
    width:1050px;		
	height:auto;
	margin: 0 auto 0 auto;
	background-color:#ffffff;
}


/* Encabezados / menús 
---------------------------------------------------------------------*/
#encabezado {	
	width:790px;		
	height:321px;			
}


#encabezado .colizq{
	width:262px;
	height:321px;	
	background: url(../imagenes/menu_paginaprincipal.jpg) no-repeat;	
	float:left;
}

#encabezado .colizqlr{
	width:262px;
	height:321px;	
	background: url(../imagenes/menu_paginaprincipalrosa.jpg) no-repeat;	
	float:left;
}


#encabezado .colder{
	width:528px;
	height:321px;	
	/*float:right;*/
	float:left;
}



/* páginas interiores */
#encabezadointerior {	
	width:790px;		
	height:80px;			
}

/* gráficas */
#encabezadgraficas {	
	width:1050px;		
	height:80px;
	background: url(../imagenes/encabezado01.jpg) no-repeat;			
}

#menuinterior{
	width:254px;
	height:261px;	
	background: url(../imagenes/menu_paginainterior.jpg) no-repeat;	
	/*float:left;*/
}

#submenuinterior{
	width:254px;
	height:auto;		
	float:left;
}


/*  Columnas
---------------------------------------------------------------------*/
#contenido {   
  width:788px;    
}


/* Página Inicio */
/* -------------------*/
#contenido .izquierdo {
    width:460px;		
	height:1500px;	
	margin:0;	
	padding:5px 10px 0px 20px;	    
	text-align:justify;
	float:left;	
}

#contenido .derecho {
    width:254px;	
	height:1500px;	
	margin:0;
	padding:5px 20px 0px 10px;	   	
	text-align:left;
	float:right;
}


/* noticias */
/* -------------------*/
#contenidosladoizq {
	width:460px;
	height:auto;
	margin:0px 0px 10px 0px;
	font-size:13px;
	text-align:center;
	float:left;
}

#contenidosladoizq .textoderecha{
	font-size:13px;
    text-align:right;
}

#contenidosladoizq .textocentro{
    text-align:center;
}

/* páginas interiores */
/* -------------------*/
#ladoizquierdo {
	width:254px;
	height:1028px;
	float:left;
	margin:0px;
	padding:0px 10px 0px 0px;	
	text-align:left;	
}

#ladoderecho {
    width:505px;	
	float:left;	
}

#contenidoderecho {
    width:495px;
	height:1023px;
	margin:0px;
	padding:5px 0px 5px 10px;
	text-align:justify;	
}

#contenidoderechoext {
    width:495px;
	height:auto;
	margin:0px;
	padding:5px 0px 5px 10px;
	text-align:justify;	
}
/* -------------------*/


#contenido .interiorderecho {  
    width:490px;	
	height:1023px;	
	margin:0px;
	padding:5px 20px 0px 10px;
	text-align:justify;
	float:right;	
}

#contenido .interiorderechoext {  
    width:490px;	
	height:auto;	
	padding:5px 20px 0px 10px;
	text-align:justify;
	float:right;	
}

#contenido .interiorizquierdo {       
    width:254px;
	height:1028px;
	padding:0px 10px 0px 0px;	
	text-align:left;
	float:left;
}

/* contenido gráficas */
/* -------------------*/
#contenidograficas {   
  width:1028px;          
  border-right:1px solid #cccccc;
  border-left:1px solid #cccccc;
  padding:10px;
}

/* contiene galería */
#contienegaleria {
	width:488px;
	height:auto;
	padding-bottom:10px;
	margin-top:10px;	
	float:left;
	border-bottom:1px solid #CCCCCC;
}
#contienegaleria_a {
	width:235px;
	height:auto;
	padding-bottom:10px;
	margin-top:10px;	
	float:left;
	/*border-bottom:1px solid #CCCCCC;*/
}
#contienegaleria_b {
	width:238px;
	height:auto;
	/*padding-top:75px;
	padding-bottom:75px;*/
	margin-top:10px;
	float:left;
	text-align:center;
	/*border-bottom:1px solid #CCCCCC;*/
	display: block;
}

/*  Titulos Encabezados
---------------------------------------------------------------------*/
h1, h3, h4{
    border-bottom: 1px solid #00539f;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
    font-size:larger;	
	font-weight:bold;
	text-align:left;
	letter-spacing: .3em;
	padding: 3px;
}


h2{ 
	font-family: 'Trebuchet MS', Verdana, sans-serif;
    font-size:x-small;	
	font-weight:bold;
	text-align:center;		
	text-transform: uppercase;
	color: #747679;
	text-align: justify;
}

h5 {
	font-family: 'Trebuchet MS', Verdana, sans-serif;
    font-size: large;	
	font-weight:bold;
	text-align:left;
	padding:0px;
}

h6 {
	font-family: 'Trebuchet MS', Verdana, sans-serif;
    font-size: 16px;
	font-weight:normal;
	text-align:justify;
	padding:0px;
}

h7 {
	font-family: 'Trebuchet MS', Verdana, sans-serif;
    font-size: 14px;	
	font-weight:bold;
	text-align:center;	
}

h8 {
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: 12px; 
	/*font-weight:bold;*/
	text-align:center;
	color:#ffffff;
	padding:0px;
	display: block;
	background-color: #00539f;
}	


.tittablas {    
    font-size:12px;
    color:#FFFFFF;
	border: 1px solid #dddddd;
    
}




/*  Anuncios
---------------------------------------------------------------------*/
#anuncioderecho {
	width:254px;
	height:auto;	
	margin:10px 0px 10px 0px;
	text-align:center;
}

#anunciohorizontal {
	width:738x;
	height:48px;		
	margin:0px;	
	text-align:center;
	padding:0px 25px 0px 25px;
}

#anunciohorizontal2 {
	width:788x;
	height:160px;	
	background: url(../imagenes/anucnio_TuMovil.jpg) no-repeat;	
	margin:0px 0px 10px 0px;	
	text-align:center;
}

#anunciohorizontal3 {
	width:788x;
	height:163px;	
	background: url(../imagenes/anuncio_factAnSem.jpg) no-repeat; 
	margin:0px 0px 0px 0px;	
	text-align:center;
}



#anuncioderecho2 {
	width:223px;
	height:124px;
	background-image:url(../imagenes/tw_fc2.png);
	background-repeat:no-repeat;	
	margin:10px 0px 10px 0px;
	padding:59px 15px 20px 16px;
	text-align:center;
}

#video {
	width:254px;
	height:auto;	
	margin:10px 0px 10px 0px;
	text-align:center;
	border:1px #0099FF solid;	
}

#temperatura {
	width:70px;
	height:91px;
	background-image:url(../imagenes/fondo_temp.jpg);
	background-repeat:no-repeat;	
	padding:10px 50px 30px 135px;
}

#anunciotransparencia {
    clear:both;
	width:506px;
	height:57px;
	margin:10px 0px 10px 0px;	
	padding:12px 0px 0px 0px;
	background:url(../imagenes/fondo_transparencia.jpg) no-repeat;
}

#fondolabels {
	width:238px;
	height:204px;
	/*background:url(../imagenes/fondo_labels.jpg) no-repeat;*/
	text-align:justify;
	padding:8px;
	/*color:#d7dde4;*/
	color:#535252;
}

/* anuncio interiores */
#anunciointerior {
   clear:both;
   width:210px;
   height:230px;      
   margin:10px 0 20px 0;
   padding:20px;
   text-align:center;
   /*float:left;*/
   
}


/*  Enlaces
---------------------------------------------------------------------*/

a {
	color: #3ba1e1;	/*anranjado */
	text-decoration: none;	 
}

a:hover {	
	color:#FF6600;		
}

a:focus
{
     outline:none;
}

/* sin enlace <a name>*/
/*-- blanco --*/
.sinenlace a{
    color: #00539f; /* azul */
	text-decoration: none;
}

.sinenlace a:hover {
    color: #00539f; /* azul */
}

/*--VERDE --*/
a.enlace2 {
	color: #669900; /* verde */
	text-decoration: underline;
}

a.enlace2:hover {
    color: #FF6600; /* anaranjado */
}



/*  Textos
---------------------------------------------------------------------*/
.texto_ch {
	font-size:11px;
}

.texto_chmed {
    font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: 12px; 	
	text-align:center;
	color:#ffffff;
	padding:0px;
	display: block;
	background-color: #00539f;
}	

.texto_med {
	font-size:13px;
}

.texto_med2 {
    font-size:13px;
	letter-spacing:normal;
}

.texto_grande {
    font-family: 'Trebuchet MS', Verdana, sans-serif;
    font-size: 16px;	
	font-weight:bold;
	text-align:left;
}
.texto_grande2 {
    font-family: 'Trebuchet MS', Verdana, sans-serif;
    font-size: 16px;		
	text-align:left;
}

.texto_grande3 {
    font-family: 'Trebuchet MS', Verdana, sans-serif;
    font-size: 16px;
	font-weight:bold;		
	text-align:center;
}
.texto_extragrande {
    font-family: 'Trebuchet MS', Verdana, sans-serif;
    font-size: 22px;	
	font-weight:bold;
	text-align:left;
}

.texto_cambia:hover {
    clear:both;
    color:#FF6600;
	text-decoration:none;
}

.texto_mayusculas {
	text-transform: uppercase;
}

.text_amarillo {	
	color:#3399FF;
	background-color:#FFCC00;	
	font-size:14px;
	font-weight: bold;
}

.text_rojo {
	color:#CC0000;
	font-size:12px;
	font-weight: bold;
}

.text_rojo2 {
	color:#CC0000;	
}

.text_verde {
    color:#008000;
}

.tex_azul {
    color:#0a417e;
}

.texto_gris {
    color:#747679;	
}

.texto_gris2 {
    color:#747679;	
	font-size:11px;
}

.text_gris2 {
    color:#cccccc;
}

.texto_gris3 {
    color:#747679;	
	font-size:10px;
}

.texto_gris4 {
    color:#747679;	
	font-size:15px;
}

.texto_gris5 {
    color:#888686;
}


.texto_blanco {
	color:#FFFFFF;
}

.texto_normal {
    font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma;
	font-size:11px;
	text-align:justify;
}

.texto_azul {
    color:#00539f;
}

.justificacentro { text-align:center; }

.justificaderecha { text-align:right; }

/*  hvieja */

.txtTblGen {
     font-family: 'Trebuchet MS', Verdana, sans-serif;
	 font-size:11px; 
	 color:#00539f; 
	 margin-left:3px; 
	 margin-right:3px;
	 text-align:center;	 
}

.txtTblGen2 {
     font-family: 'Trebuchet MS', Verdana, sans-serif;
	 font-size: 12px; 
	 color: #00539f; 
	 margin-left: 3px; 
	 margin-right: 3px
}

.txtTblGen3 {
     font-family: 'Trebuchet MS', Verdana, sans-serif;
	 font-size: 13px; 
	 color: #00539f;
	 /*background-color:#F0F0F0;*/
	 padding:8px;
	 border:solid 1px #E6E6E6;
	 text-align:justify;	
	 
}

.txtTblGen4 {
     font-family: 'Trebuchet MS', Verdana, sans-serif;
	 font-size:11px; 
	 color:#747679; 
	 margin-left:3px; 
	 margin-right:3px;
	 text-align:justify;	 
}


.txtGen {font-family: Tahoma; font-size: 11px; color: #00539f;}

.txtTblMed {
	text-align:justify;
	padding:5px;
}

.txtMed {
	text-align:center;
}

OL.letras { list-style-type: lower-alpha}
OL.circulos {list-style-type:circle}
OL.cuadro { list-style-type:square}
OL.romano { list-style-type:upper-roman}
OL.disco { list-style-type:disc}

/*  Extras
---------------------------------------------------------------------*/
.btnacceso{
  width:60px;
  height:20px;
  background:url(../imagenes/btn_acceso.jpg) no-repeat;  
} 

#linea {
  width:400px;
  height:5px;
  border-bottom:solid 1px #dddddd;
}

img {border:none;}

#login {
	width:430px;
	height:175px;
	background:url(../imagenes/fondo_login.jpg) no-repeat;
	text-align:left;
	padding:8px 20px 0px 10px;
	margin-bottom:20px;
	float:left;
}

ul {
    padding-left:0px;
	list-style: none;
}

/* fotos */
div.foto {
	float:left;	
	background-color:#f9f8f7;
	margin:0px 5px 5px 0px;	
	font-size:10px;
	border:1px solid #DDDDDD;	
	text-align:center;
	padding:10px 10px 10px 10px;
}


div.foto2 img {
  	display:block;
  	margin:0px;
  	/*border:1px solid #DDDDDD; */
}

div.foto2 {
	float:right;		
	margin:0;		
}


/*div.foto2 img {
  	display:block;
  	margin:0px; 
}
*/



div.foto3 {
	float:left;	
	background-color:#f9f8f7;
	margin:0px 5px 5px 0px;	
	font-size:13px;
	border:1px solid #DDDDDD;	
	text-align:center;
	padding:10px 10px 10px 10px;
}

div.foto4 {
	float:right;	
	background-color:#f9f8f7;
	margin:0px 0px 5px 0px;	
	font-size:10px;
	border:1px solid #DDDDDD;	
	text-align:center;
	padding:10px 10px 10px 10px;
}

/*  ----------------------  */


#continuar {
	width:490px;
	height:auto;
	text-align:right;
}

#regresariz{
    width:245px;
	float:left;
	text-align:left;
}
#regresarde{
    width:245px;
    float:right;
	text-align:right;
}

#consultas {
	width:490px;
	height:auto;
	text-align:center;
}
/*  ----------------------  */
    

#ventaemergente {
    width:510px;
	height:445px;
	margin: 10px;
	padding:20px;
	background:url(../imagenes/fondo_pop.jpg) no-repeat;
	font-size:10px;
	text-align:center;	
}

#marcogris {
	width:340px;
	height:80px;
	background:url(../imagenes/marco_bc.jpg) no-repeat;
	text-align:center;
	margin-top:20px;
	padding:20px 60px 30px 60px;	
	float:left;
}

blockquote {
    width: 430px;
	float: left;
	margin: 0px;
	padding: 5px;
	border : 1px solid #999999;	
	background-color:#dcdcdc;
	color:#00539f;	
}

blockquote:hover{    
	background-color:#00539f;
	color:#FFFFFF;
	cursor:pointer;
}


/* Pie de página 
---------------------------------------------------------------------*/
#piepagina {
    clear: both;
    width:790px;
	height:140px;
	background:url(../imagenes/pie_pagina.jpg) no-repeat;
	/*background:url(../imagenes/pie_pagina_a.jpg) no-repeat;*/	
	color: #FFFFFF;	
}

#piepagina .texto {
	width:778px;
	height:70px;
	padding:05px;	
	color: #00539f;
	text-align:center;			
	float:left;
}

#piepagina .texto1 {
	width:503px;	
	height:40px;
	padding-top:10px;
	font-size:11px;
	text-align:center;	
	float:left;
}

#piepagina .texto2 {
    width:285px;	
	height:30px;
	padding-top:15px;
	font-size:11px;
	text-align:center;
	float:right;		
}

/* -- gráficas --*/
#piepaginagrafica {
    clear: both;
    width:1050px;
	height:140px;
	background:url(../imagenes/pie_pagina2.jpg) no-repeat;	
	color: #FFFFFF;	
}

#piepaginagrafica .textograf {
	width:1040px;
	height:70px;
	padding:5px;	
	color: #00539f;
	text-align:center;			
	float:left;
}

#piepaginagrafica .texto1graf {
	width:715px;	
	height:40px;
	padding-top:10px;
	font-size:11px;
	text-align:center;	
	float:left;
}

#piepaginagrafica .texto2graf {
    width:285px;	
	height:30px;
	padding-top:15px;
	font-size:11px;
	text-align:center;
	float:right;		
}





/* imágen opaca
---------------------------------------------------------------------*/
/*Credits: Dynamic Drive CSS Library 
URL: http://www.dynamicdrive.com/style/ */

/* no funciona con Safari */
/*.toggleopacity img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5;
}*/

/* no funciona con Safari */
/*.toggleopacity:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}

.toggleopacity img{
border: 0px solid #ccc;
}*/

.toggleopacity img {
filter:alpha(opacity=30);
-moz-opacity:0.5;
opacity:0.5;
}

.toggleopacity:hover img {
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}