body {
	margin: 0px;
	color : white;
	background:url(Imagenes/diseñoderechobocaarriba.jpg) no-repeat;
	background-color:Transparent;
	font: 0.7em Verdana,Arial,Helvetica,sans-serif;
}
H1 { 
    font-size : 16px; 
    font-weight : bold; 
    color : #666666; 
    text-align : center; 
    
}
H3 { 
   font-size: 10px; 
   font-weight : bold; 
   color : #003366; 
} 
P {
  color: black;
  background: url(img/fondocuadro.png) no-repeat;
 width:auto;
 height :3em;  
}

#login a:link, #login a:visited {
	color: #FFFFFF;
}
#title h1 a:link, #title h1 a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
a:link {
	color: #396EAA;
}
a:visited {
	color: #396EAA;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
#header {
	margin-right: auto;
	height: 50px;
	width: 100%;
}
#title {
	padding-top: 5px;
	padding-bottom: 0px;
	padding-left: 50px;
	float: left;
	height: 20px;
	position: absolute;
	top: 0px;
	left: 0px;
}
#login {
	padding-top: 25px;
	padding-right: 28px;
	float: right;
	clear: none;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 10px;
	height: 28px;
	top: auto;
	text-align: right;
}
		#body {
			padding: 0px 8px 10px 7px;
			/*background: #6699cc url(images/fondocuadro1.png) repeat-x left top;*/
		}
				#logo
				{
					width:250px; 
					height:50px;
					margin: 0 auto;
					position: absolute;
					top:1em;
					left:1%;
					padding : 7 20 11 20px; 
					background:  url(Imagenes/bolsadeempleof.jpg);
					background-repeat:no-repeat;
				}
				#Barrahorizontal
				{    
					width:600px; 
					height:26px;
				    margin: 0 auto;
					position: absolute;
					top:150px;
					left:400px;
					padding : 7 20 11 20px; 
					background: url(images/interfacebarrahorizontal.gif);
					background-repeat:repeat-x;
				}
				#texto1
				{    
					width:578px; 
					height:216px;
				    margin: 0 auto;
					position: absolute;
					top:1px;
					left:12px;
					padding : 7 20 11 20px; 
					background: url(Imagenes/CONECTIVIDAD-Final.png);
					background-repeat:repeat-x;
				}
				#texto2
				{    
					width:400px; 
					height:150px;
				    margin: 0 auto;
					position: absolute;
					top:1px;
					left:800px;
					padding : 7 20 11 20px; 
					background: url(images/index_logo2.gif);
					background-repeat:repeat-x;
				}
		        #texto3
				{    
					width:425px; 
					height:50px;
				    margin: 0 auto;
					position: absolute;
					top:155px;
					left:800px;
					padding : 7 20 11 20px; 
					background: url(Imagenes/oficinavirtual.jpg);
					background-repeat:repeat-x;
				}
				#texto4
				{    
					width:200px; 
					height:50px;
				    margin: 2 auto;
					position: absolute;
					top:280px;
					left:5px;
					padding : 7 20 11 20px; 
					background-repeat:repeat-x;
				}
				#logo2
				{    
					width:150px; 
					height:100px;
				    margin: 0 auto;
					position: absolute;
					top:130px;
					left:10px;
					padding : 7 20 11 20px; 
					background: url(Imagenes/bacija.jpg);
					background-repeat:repeat-x;
					
				}
				#banerP
				{    width:550px ; 
					height:150px;
				   margin: 0 auto;
					position: absolute;
					top:16px;
					left:400px;
					padding : 7 20 11 20px; 
					background: url(images/interfasedecatastrotexto.png);
					background-repeat:no-repeat;
				}

				#banerFotos
				{    
					width:937px; 
					height:38px;
				   margin: 0 auto;
					position: absolute;
					top:153px;
					left:-386px;
					padding : 7 20 11 20px; 
					background: url(img/untitled.jpg);
					background-repeat:no-repeat;
				}
#banerArriba
{
   width:150px; 
    height:80px;
	margin: 0 auto;
	position: absolute;
	top:-12px;
	left: 769px;
	padding : 7 20 11 20px;
	background:  url(img/tramites.png);
	background-repeat: no-repeat;
	
}

		 #menu{width:220px; 
			height:485px;
			margin: 0 auto;
			padding:10px;
			position: absolute;
			   top:270px;
			left:30px;
			text-align:left;
			
		   } 
		   #publicaciones{width:125px; 
			height:200px;
			margin: 0 auto;
			padding:10px;
			position: absolute;
			   top:209px;
			left:839px;
			text-align:center;
			 background: url(img/COLUMNADEMENU.jpg) no-repeat;
		   } 
		     #reportes{width:125px; 
			height:200px;
			margin: 0 auto;
			padding:10px;
			position: absolute;
			   top:209px;
			left:900px;
			text-align:center;
			
		   } 
		     #buscador{width:375px; 
			height:1px;
			margin: 0 auto;
			padding:10px;
			position: absolute;
			   top:210px;
			left:1px;
			text-align:center;
			/* background-color:#ffffff;*/
		   } 

		#fotouser{width:125px; 
					height:200px;
					margin: 0 auto;
					padding:10px;
					position: absolute;
					   top:209px;
					left:800px;
					text-align:center;
				   } 



#lateral{ 
width: 230px; 
background-color: #EBF2FE; 
border-bottom : url(right_line.png); 
border-right : url(left_line.png); 
float:left; 
}
		div#imagenprincipal{width:596px; 
			height:700px;
			margin: 0 auto;
			padding:10px;
			position: absolute;
			/*border: solid #000000 0.1em;*/
			top:240px;
			left:239px;
			text-align:left;
			 background: url(images/fondocatastro.png) no-repeat;					 
		   } 
		   div#imagenprincipal2{width:596px; 
			height:700px;
			margin: 0 auto;
			padding:10px;
			position: absolute;
			/*border: solid #000000 0.1em;*/
			top:240px;
			left:239px;
			text-align:left;
			 background: url(images/fondocatastro2.png) no-repeat;					 
		   } 
 .contenedor{width:700px; 
    height:420px;
    margin: 0 auto;
    padding:10px;
    position: absolute;
   /* border: solid #CCCCCC 0.3em;*/
    top:275px;
    left:300px;
    text-align:center;
    font: #000000;
    /* background:#FFFFFF url(img/fondopequeño2.png) no-repeat  left top;*/
   } 
 

   
   div#baner{width:725px; 
    height:94px;
    margin: 0 auto;
    padding:10px;
    position: absolute;
       top:2em;
    left:18px;
    text-align:left;
    background-color:Gray;
    background-repeat:repeat;
    text-align:center;
    font: #cccccc;
   } 
   
   div#actividades{width:370px ; 
    height:150px ;
    margin: 0 auto;
    padding:10px;
    position: absolute;
    top:20em;
    left:1%;
    text-align:center;
    background-repeat:repeat;
    border-right :  dotted blue 0.1em ; 
       /* border :  dotted blue 0.1em;
border-top:solid;
border-right : url(img/esquinaInferiorIzquierda.gif);
border-right-width :5em ;
border-bottom : solid thick;
border-left: thin;*/

   } 
   
     div#links{width:200px ; 
    height:100px ;
    margin: 0 auto;
    padding:10px;
    position: absolute;
    top:20em;
    left:60%;
    text-align:left;
    /* background-repeat:repeat;*/
    border-top :  dotted blue 0.1em ; 
 background:#FFFFFF url(img/fondopequeño.png) no-repeat center;
   }
   
      
   div#actividadeshoy{width:250px ; 
    height:200px ;
    margin: 0 auto;
    padding:10px;
    position: absolute;
    top:30em;
    left:60%;
    text-align:left;
    background-repeat:repeat;
    border-top :  dotted blue 0.1em ; 
   }  
 
 
 .encabezacuadro2 {
  color: black;
  background: url(img/fondocuadroenventoshoy.png) no-repeat;
 width:auto;
 height :auto;  
}


.menu{
	margin-left: 28px;
	/*background: url(img/tab_bg.gif) repeat-x;*/
	font-size: 10px;
	font-weight: bold;
}
/* set tab1 as top level container table, then target TDs inside*/
.menuItem td {
	color: #FFFFFF;
	height: 24px;
	background: url(img/tab_dim.gif) no-repeat;
	width: 100px;
	text-align: center;
}
/* make current tab gray,set the background-color also in case images are not on*/
.menuSelectedItem td {
	background: url(img/tab.gif) no-repeat #919191;
}
/* make link and visited the same look,set the background-color also in case images are not on*/
.menuItem a:link, .menuItem a:visited, .menuPopupItem a:link, .menuPopupItem a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
/* make hover by changing vertical position of background to -22px (the tab_dim2.gif is 44px high) */
.menuItem a:hover {
	text-decoration: underline;
}

/* make drop down menu container style */
.menuPopup {
	background: url(img/background_drop_menu.jpg) repeat #8C9FB4;
	border: 1px solid #666666;
	border-bottom: none;
	color: #ffffff;
}

/* make drop down menu item style */
.menuPopupItem {
	color: #ffffff;
	border-bottom: 1px solid #666666;
	padding: 3px;
}
/* 
/* Enpieza para el cuadro del texto principal (con las esquinas redondeadas)*/
/* */
iv.top {
	height:28px; 
	background-image:url(Imagenes/top_line1.gif); 
	background-repeat: repeat-x; 
	margin:2em 0 0 0;}
	
img.esquina_sup_izq { float:left; }
img.esquina_sup_der { float:right; }

div.content { 
	background-image:url(Imagenes/left_line1.gif); 
	background-repeat:repeat-y; 
	background-color: #dedede; }
	
div.boxcontrol { padding:0 5% 0 5%; 
	background-image:url(Imagenes/right_line1.gif); 
	background-position:right; 
	background-repeat:repeat-y; }
	
div.bottom { height:28px; 
	background-image:url(Imagenes/btm_line1.gif); 
	background-repeat:repeat-x; 
	border:0;
	padding:0;
	margin:0;}
	
img.esquina_inf_izq { float:left; }
img.esquina_inf_der { float:right; }

h1 { margin:0; border-bottom:1px dashed #996;}

p.autor { padding-right:8px; 
	border-right:1px dashed #996;
	text-align:right;
	margin:-.1em 0 0 0; }
	
/* IE 5.5 box model hack para posicionar correctamente las imagenes de esquina */
* html img.esquina_sup_izq, * html img.esquina_inf_izq  { \margin-left:-.2em;  ma\rgin-left:0; }
* html img.esquina_inf_der, * html img.esquina_sup_der { \margin-left:.2em; }