/* *************/ /* LAYOUT GENERAL */ 

BODY { 
font: 80%/1.7 "Arial,Trebuchet MS", Verdana, sans-serif;
	padding-left: 28px;
	padding-right: 15px;
	background:#FDFDFF;
    background-image: url(fondo502.gif);
background-repeat:repeat;
background-position:left;
color:#333;

} 

.container {
	width:960px;
	margin:0 auto;
	border:1px solid #F0F0F0;	
	}
.tachar{
text-decoration: line-through;
}

H1 { 

font: bold 110%/1.5 "Arial, Trebuchet MS", Verdana, sans-serif;
border-bottom:1px dotted #FFB482;
color:#E1771E;
text-transform:uppercase;
margin-top:22px;
}

H2 { 
font: 100%/1.5 "Arial,Trebuchet MS", Verdana, sans-serif;
border-bottom:1px dotted #ccc;
color:#666;
}

.option { 

text-align:center; 

font-weight : bold; 

font-size : 16px; 

color : #52598D; 

font-family : Arial, Verdana, Helvetica,serif; 

text-decoration : underline; 

letter-spacing:1px;

} 
INPUT { 
font-size : 13px; 
font-family : "Georgia, Arial,Trebuchet MS", Verdana, sans-serif;
color:#369;

} 

.titint { 

font-weight:bolder;
border-bottom:1px dotted #787DB1;
padding:2px;
color:#787DB1;

}

.content { 
color:#333;
text-align : justify;
margin-left:25px;
} 
.menu {
  padding:0;
  list-style-type:none;
  white-space:nowrap;
  margin-left:40px;
  margin-bottom:55px;
  font: 85%/1.7 "Arial,Trebuchet MS", Verdana, sans-serif;
  margin-top:10px;
  }
.menu li {
  float:left;
  min-width:75px;
  }
.menu a {
  position:relative;
  display:block; 
  text-decoration:none; 
  min-width:75px; 
  float:left; 
  border: 0px !important;
  }
* html .menu a {
  width:100px;
 text-decoration:none !important;
    }
.menu a span {
  display:block; 
  color:#369; 
  background:#eee; 
  border:1px solid #fff; 
  border-width:1px 1px; 
  text-align:center; 
  padding:2px 12px; 
  cursor:pointer;
font-weight:bold;
  }
.menu a span.dos {
   color:#E1771E; 
  background:#fff;
   }
.menu a span.tres {
   color:#E1771E; 
   }

* html .menu a span {
  width:100px; 
  width:66px;
  }
.menu a b {
  display:block; 
  border-bottom:1px solid #369;
    }
.menu a em {
  display:none;
  }
.menu a:hover {
  background:#fff;
text-decoration:none !important;
  }
.menu a:hover span {
  color:#E1771E; 
  background:#fff;
  }
.menu a:hover em {
  display:block; 
  overflow:hidden; 
  border:6px solid #06a; 
  border-color:#E1771E #fff; 
  border-width:6px 6px 0 6px; 
  position:absolute; 
  left:50%; 
  margin-left:-6px;
  }
.menu a em.dos {
  display:block; 
  overflow:hidden; 
  border:6px solid #369; 
  border-color:#E1771E #fff; 
  border-width:6px 6px 0 6px; 
  position:absolute; 
  left:50%; 
  margin-left:-6px;
  }

.bannersup {
width:728px;
margin-top:5px;
margin-bottom:10px;
float:left;
} 

.bannersup2 {
width:728px;
padding:3px;
margin:0 auto;
} 
.bannersup3 {
width:728px;
margin-left:105px;
margin-bottom:10px;
margin-top:10px;
} 
.anunsup {
width:728px;
margin-left:105px;
margin-bottom:12px;
} 
.anunsup2 {
width:728px;
margin-left:5px;
margin-top:15px;
} 

.banneranuncios {

border: 1px solid #787DB1;

background-color:#F8F8F8;

width: 155px;

} 

.bannercua {
width:336px;
float:left;
padding:5px 8px 8px 0px;
margin-right:15px;
} 
.bannerinf {
width:95%;
margin:5px 0px 20px 20px;
}
.bannerinf2 {
width:728px;
margin-top:5px;
margin-bottom:10px;
}
.bannermedio {
width:728px;
margin-top:5px;
margin-bottom:10px;
} 

/* *************/ /* ENLACES */ 



A:link { 

color : #369; 
text-decoration : none;
border-bottom:1px dotted #369;



} 

A:active { 

color : #369; 
text-decoration : none; 
border-bottom:1px dotted #369;

} 

A:visited { 

color : #369; 
text-decoration : none;
border-bottom:1px dotted #369;

} 

A:hover { 
color : #E1771E; 
text-decoration : none;
border-bottom:1px solid #E1771E;
}

/* *************/ /* INDEX */ 
.bola {
background:url(bola1.gif) 0 2px no-repeat; 
padding:0px 0px 0px 15px;
} 
.rotulo {
position:relative; 
z-index:1; 
left: 35px; 
bottom: -13px;
float:left;
} 
.rotulo1 {
position:relative; 
z-index:1; 
left: 35px; 
bottom: -2px;
float:left;
} 
.rotulo2 {
text-align:left; 
position:relative; 
z-index:1; 
left: 45px; 
bottom: -16px;
color:#E1771E;
background:#FFF;
padding:4px 6px;
border:1px dotted #ccc; 
font-size: 98%;
font-weight:bold;
text-transform:uppercase;
} 
.fec {
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color: #663333}
	.cua {border:1px dotted #ccc; 
	padding:10px; 
	margin:30px 35px 10px 35px;
	text-align:left;
		}
	
	.cua2{border:1px dotted #ccc; 
	margin:10px 35px 0px 35px;
	padding:10px 20px 50px 20px;
	color:#5B5B5B;
	font-size: 95%;
	min-height:250px;
	background:#FFFFFB;
	}

.puntos {

text-align:left;

}

.frame {

margin-left: 0.0em; 

margin-top: 0.2em;

}

table.inicio {
	width:95%;
margin-left: 20px; 
}

.left {

	background-image: url(left.gif);

}

.bajo{

	background-image: url(bajo.gif);

}

.right{

	background-image: url(right.gif);

}

.top{

	background-image: url(top.gif);

}

.intro{

	width:98%;
	padding:5px;
	text-align:center;
	margin-top:10px;
}


/* *************/ /* TABLA LOGO Y BANNER */ 



.superior {
width: 100%;
} 

.logo {
padding-left: 40px; 
margin-bottom:33px;

}
.logo a
{
border: 0px !important; 
}
.logo a:visited
{
border: 0px !important; 
}
.sublogo {
	font-size: 0.9em !important;	
	letter-spacing: 0.1em;
	color: #D0DCEE;
	text-indent:5px;
	font-weight:lighter;
	}

#arr {
text-align:right;
margin-right:33px;
color:#f60;
padding:10px 10px 0px 10px;
}

.log {
border-width:0px;
width:245px;
height:41px;
}
.social{
	vertical-align:middle;
}
.social a
{
border: 0px !important; 
}
.social a:active
{
border: 0px !important; 
}
.social a:hover
{
border: 0px !important; 
}
.social a:visited
{
border: 0px !important; 
}


/* *************/ /* TABLA CENTRAL */ 



.central {
width:95%;
padding:3px;
} 

/* *************/ /* TABLA RESUMEN TRAMITES */ 


table.tra {
margin:20px auto;
border: 1px solid #fffff2;
width:80%;
font-size:88%;
} 
table.tra td {
border: 1px dotted #ccc;
padding:4px;
}
table.tra td.num {
border: 1px dotted #ccc;
font-weight:bold;
text-align:center;
text-indent:1px;
padding:6px;
font-size: 110%;
}
table.tra th.cab {
background:#f4f4f4;
color:#369; 
border: 1px solid #CCC;
font-weight:bold;
padding:4px;
text-align:center;
} 

/* *************/ /* TABLA COPYRIGHT */ 

.copy {
background: url(w3cc.gif) no-repeat center bottom;
padding:40px 0px 35px 0px;
text-align:center;
}



/* *************/ /* TABLA DICCIONARIO */ 



table.dicc {

width:100%;
border: 1px solid #CCC;
} 

table.dicc td {

text-align: center; 

color:#FF9900;

border: 1px solid #CCC;

padding:3px; 

font-weight : bold;

font-family : Verdana, Helvetica,serif;

}

table.dicc th{

color:white; 

font-weight : bold;

font-family : Verdana, Helvetica,serif; 

font-size : 10px;

border: 1px solid #CCC;

background: #787DB1;

text-align:center;

}

.linkdicc { 

font-size : 10px; 

color : #787DB1; 

font-family : Verdana, Helvetica,serif;

} 

.fon {

background: url(enc3b.gif); 

width: 98%;

}


/* *************/ /* TABLA NOTICIAS/JURISPRUDENCIA */ 



.fecha {

background-color:#F8F8F8; 

border:1px #E6E6E6 solid; 

padding:1px; 

position:relative; 

z-index:1; 

left: -3px; 

bottom: -1px;

}

.texto {

border-top:1px #ccc dotted; 

padding:3px;

margin-left: 8px;

text-indent:10px;

}

.nota {
	background: url(comillas.gif) no-repeat 0 20px;
	color: #666;
	font-style: italic;
	padding:22px;
	margin-left:70px;
	margin-right:70px;
 }
.title {
	font: 105% Verdana, sans-serif;
	border-top:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
	padding:3px 10px 4px 4px;
	background-color:#f4f4f4;
	color:#369;
}

.buscador {
float:right;
margin-right:45px;
color: #369;
margin-top:32px;
}
.compartir{
float: right;
min-width:180px;
padding:4px 0px 0px 8px;
border: 1px solid #E9E9E9;
margin-left:20px;
}
.compartir2{
border: 1px solid #F5F5F5;
padding:2px 0px 2px 9px;
height:90px;
margin-left:750px;
margin-bottom:20px;
background-color:#F5F5F5;
}
.compartir a{
border:0px;
}
.compartir2 a{
border:0px;}


.libro {
border-bottom:1px #E6E6E6 solid;
padding:10px;
width:100%;
font: 90%/1.7 "Arial,Trebuchet MS", Verdana, sans-serif;
}
.libtit {
font-weight:bold;
color:#369;
vertical-align:top;
border-bottom:1px #369 dotted;
font: 110%/1.7 "Arial,Trebuchet MS", Verdana, sans-serif;
font-weight:bold;
}
/*Default CSS for the RSS box containers and the pagination div. Customize further for each RSS box*/

.rsscontainer{
margin: 15px 5px 2px 12px;
}

.rsscontainer .rsstitle{ /*Style for .rsstitle DIV*/
font-weight: normal;
}

.rsscontainer .rssdate{ /*Style for .rssdate DIV*/
font-size: 95%;
text-indent:35px;
color:#333;
padding:3px;
}
.rssdate a{ /*Style for .rssdate a DIV*/
color:#333;
border-bottom:1px dotted #999;
}

.rsspaginate{ /*Style for Pagination DIV*/
width: 450px;
text-align: left;
padding: 2px 0;
margin: 20px 5px;
}

.rsspaginate form{ /*Style for Pagination DIV's form element*/
margin: 0;
}

.rsspaginate .paginateselect{ /*Style for Pagination DIV's drop down menu*/
border: 1px solid #369;
margin: 0 10px;
}

.rsspaginate a{ /*Pagination links*/
padding: 1px 5px;
text-decoration: none;
border: 1px solid #369;
color: #369;
background-color: white;
}


.rsspaginate a:hover, .rsspaginate a.selected{
color: #000;
background-color:#FFEED7;
}

.paginationstyle{ /*Style for demo pagination divs*/
	padding: 5px 5px;
	position:relative;
	z-index:1;
	top:-42px;
	font-size: 99%;
	clip: rect(auto,5,auto,auto);
	margin:0px 35px 0px 45px;
}

.paginationstyle select{ /*Style for demo pagination divs' select menu*/
font-size: 99%;
border: 1px solid #369;
background-color: white;
}
.paginationstyle a{ /*Pagination links style*/
padding: 1px 5px;
text-decoration: none;
border: 1px solid #369;
color: #369;
background-color: white;
font-size: 99%;
}

.paginationstyle a:hover, .paginationstyle a.selected{
color: #000;
background:#FFEED7;
}

.paginationstyle a.disabled, .paginationstyle a.disabled:hover{ /*Style for "disabled" previous or next link*/
background-color: white;
cursor: default;
color: #929292;
border-color: transparent;
}

.paginationstyle a.imglinks{ /*Pagination Image links style (class="imglinks") */
border: 0;
padding: 0;
}

.paginationstyle a.imglinks img{
vertical-align: bottom;
border: 0;
}

.paginationstyle a.imglinks a:hover{
background: none;
}

.paginationstyle .flatview a:hover, .paginationstyle .flatview a.selected{ /*Pagination div "flatview" links style*/
color: #000;
background-color: yellow;
}
hr{
margin:15px;
border:0;
border-top:1px dotted #ccc;
width:620px;
color:#fff;
clear:both;
}