/*

 * Theme Name: PoderJudicial

 * FileName: principal.css

 * Description: Poder Judicial del Estado de Yucatán

 * Version: 1.0

 * Author: Daniel Alonzo Ramírez Echeverría

 * Department: Unidad de Acceso a la información

 * Organization: Poder Judicial del Estado de Yucatán

 */

 

 .principal h1 {

 	margin: 0px;

 	padding: 0px;

 	border: 0px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

 	font-size: 18px;

	text-align: left;

	text-shadow: #666666 5px 5px 5px;

	color:#005B00;

	padding-top: 0px;

}

 

.principal h3{

	margin: 0px;

 	padding: 0px;

 	border: 0px;

 	font-size: 18px;

	text-align: center;

	text-shadow: #666666 5px 5px 5px; 

	white-space:nowrap;

	font-family: Verdana, Arial, Helvetica, sans-serif;

}



.principal h1 a, .principal h1 a:visited {

	margin: 0px;

 	padding: 0px;

 	border: 0px;

 	font-family: Verdana, Arial, Helvetica, sans-serif;

 	font-size: 18px;

	text-align: justify;

	text-shadow: #666666 5px 5px 5px;

	color:#005B00;

}



.principal p {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	line-height: 20px;

	margin: 0;

	padding: 0;

	border: 0;

	}



.principal h1 a:hover {

 	color:#005B00; 

}



.principal a {

 	margin: 0;

	padding: 0;

	border: none;

	text-decoration: none;

}



.principal a:hover {



}



.principal p{

 	text-indent: 20px;

	font-size: 12px;

	margin: 0;

 	padding: 0;

 	border: 0;

}



.principal .fecha {

 	font-size: 11px;

	margin: 0;

	padding: 0;

	border: 0;

	color: #666666;

	line-height: 0px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-weight: 100;

	padding-top: 10px;

	padding-bottom: 10px;

}



.principal img {

	margin: 0px;

	padding: 0px;

	border: 0px;

 	margin-top: 10px;

}

.principal .comunicado .imagen img {
	border: 1px solid #000;
	margin: 5px;
	margin-top: 7px;
	height: 130px;
	}



.principal .leer p {

 	text-indent: 10px;

 	margin: 0;

 	padding: 0;

 	border: 0;

}



.principal .leer {

	margin:  0;

	padding: 0;

	border: 0;

	margin-top: 5px;

	}



.principal .leer a, .leer a:visited {

 	margin-left: 5px;

 	color: #666666;

	font-size: 12px;

	font-weight: bold;

}



.principal .leer a:hover {

 	color: #000;

	text-decoration: underline;

}



.principal .leer img{

 	border: 0px;

	margin: 0px;

	padding: 0px;

}



.principal .avisos .textoAviso {

	width: 204px;

	height: 29px;

	padding-top: 5px;

	background-repeat: no-repeat;

	background-color: #56B056;

}

.principal .avisos .textoAviso .derecho {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	float: right;
	font-size: 23px;
	cursor: pointer;
	color: #FFFFFF;
	margin-right: 4px;
}

.principal .avisos .textoAviso .izquierdo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	float: left;
	font-size: 23px;
	cursor: pointer;
	color: #FFFFFF;
	margin-left: 4px;
}



.principal .avisos .textoAviso span {
	margin-top: 2px;

	margin-left: 45px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-weight: bold;

	color: #FFFFFF;
	float: left;

}



.principal .avisos .recuadro {

	margin-top: -4px;

}



.principal {

 	margin-top: 0px;

	padding-top: 0px;

 	font-family: Verdana, Arial, Helvetica, sans-serif;

}



.vanish1 {

	opacity: 0.1;

}



vanish2 {

	opacity: 0.8;

}



#menuPoder {

}



.principal .Cuadro1 {

	margin-top: 3px;

	margin-right: 24px;

	background-color: #DDD;

	width: 204px;

	height: 132px;

	opacity: 0.8;

	filter:alpha(opacity=80);

}



.principal .Aviso {

	margin: 0px;

	padding: 5px;

	border: 0px;

	text-align: center;

	position: static;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top: 10px;

}



.principal .Aviso p {

	margin: 0px;

	padding: 0px;

	color: #000;
	margin-top: 20px;

	padding-bottom: 5px;

}



.principal .Aviso a, .Aviso a:visited{

	font-size: 14px;

	color: #000;

	text-decoration:none;	

}



.Aviso a:hover {

	color: #b50000;

}



.principal .inicio {

	width: 340px;

}



.principal .texto {

	margin-top: 20px;

}



.principal .avisos {

	float: right;

	margin: 0px;

	padding: 0px;

	margin-left: 350px;

	position: absolute;

	margin-top: -165px;

}

/* liScroll style declarations */

.tickercontainer { /* the outer div with the black border */
border: 1px solid #000;
background: #fff; 
width: 548px; 
height:40px; 
margin: 0; 
padding: 0;
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 10px;
top: 8px;
width: 530px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 550px;
font: bold 10px Verdana;
list-style-type: none;
margin: 0;
padding: 0;

}

ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
background: #fff;
}

ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #ff0000;
font: bold 12px Verdana;
margin: 0 50px 0 0;
} 
ul.newsticker span {
margin: 0 10px 0 0;
} 

.bannerTop{
	width:550px;
	height:180px;
	margin-top:5px;
	z-index:0;
}

.slide {

	position:absolute;

	float:left;

	visibility:hidden;

	width:550px;

	height:180px;

	margin-left:0px;

	margin-top:0px;

}

#slide0 {

	visibility : visible;

}





#slide_img{
	width:550px;
	height:180px;
	position:absolute;
	float:left;
	margin-top:0px;
	margin-right:0px;
	background-color:#FFFFFF;
}


#banner_img{
	position:absolute;
	float:left;
	width:550px;
	height:180px;
	overflow:hidden;
	margin-left:0px;
	margin-top:0px;
}

#banner_img img{
	border:hidden;
	border:0px;
}

#banner_img a{
	text-decoration:none;
	color:#FFFFFF;
	border:hidden;

}
