.nombre {
border-style: groove;
border-width: 3px;
border-color: #c0e3b9f;
background-color:#c0e3b9;
color: #34348d;
font-color: #34348d;

}
.cabecera {
background-color: #3cc196;
border-color: #ffffff;
color: #34348d;
font-family: Verdana,Arial,Helvetica; 
font-size: 0.9em;
font-weight: bold;
font-color: #34348d;
}

  
.fondo {
background: #ffffff; 
font-face: arial, helvetica;
<!-- font-size: 1em; -->
text-align:center 
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 0px;
float:none;
}

#global {background: #696969 url(img/cielo.JPG) repeat-x top fixed; text-align:center;  margin:0 auto 0 auto; width:1004px; height:140px}
#logotipo {background-image:url(img/arenazul.bmp);background-repeat:no-repeat; width:148px; height:140px; float:left}
#nologotipo { margin:14px 14px 14px 14px; FILTER: Chroma(Color=#ffffff);  background-image:url(img/logoare90.bmp);background-repeat:no-repeat; width:148px; height:140px; float:left}
#titulo {margin:14px 14px 14px 0px; float:right}
#nocuerpo {margin:30px 30px 30px 30px;}
#trasparente {margin:30px 14px 14px 14px;}
#campotit {background-color: #b4daf1; margin:0px 2px 2px 2px; padding: 8px 2px 0px 2px; width:8%; height:30px; float:left}
#campodato {background-color: #b4daf1; margin:0px 2px 2px 2px; padding: 8px 2px 0px 2px; width:86%; height:30px; float:right; float: left;}
#loteria {position:absolute; text-align:center; left: 50px; top:50px; width:60%; }
#trabajando {background: #ffffff url(img/aretrabajando.jpg) repeat; height: 720px;}

#panel1 {
text-align:center;
width:250px; 
margin-left : 0px; 
margin-top : 0px; 
padding-top : 3px; 
padding-left: 3px; 
background-color : #ffffff;
overflow:auto;
float:left;

}

#panel2 {
text-align:center;
width:500px; 
margin-left : 0px; 
margin-top : 0px; 
padding-top : 3px; 
padding-left: 2px; 
background-color : #ffffff;
overflow:auto; 
float:right; 
}


#panel3 {
text-align:center;
width:220px; 
margin-left : 0px; 
margin-top : 0px; 
padding-top : 3px; 
padding-left: 10px; 
background-color : #ffffff;
overflow:hidden;
float:left; 
}
#panel4 {
text-align:center;
width:48%; 
height: 150px;
margin-left : 0px; 
margin-top : 0px; 
padding-top : 3px; 
padding-left: 10px; 
background-color : #ffffff;
overflow:auto; 
float:right; 
}
#panel5 {
text-align:center;
width:700px; 
height: 360px;
margin-left : 0px; 
margin-top : 0px; 
padding-top : 3px; 
padding-left: 10px; 
background-color : #5f5f5f;
overflow:auto; 
float:left; 
}

#paneltexto5 {
text-align:center;
width:700px; 
height: 30px;
margin-left : 1%; 
margin-top : 30px; 
padding-top : 3px; 
padding-left: 5px; 
background-color : #34348d;
color: #c0e3b9;
font-family: Verdana,Arial,Helvetica; 
font-size: 1.2em;
overflow:auto; 
float:left; 
}

#panelfotos {
text-align:center;
width:700px; 
height: 104px;
margin-left : 0px; 
margin-top : 0px; 
padding-top : 3px; 
padding-left: 10px; 
background-color : #0f0f0f;
overflow:auto; 
float:left; 
}

#panel6 {
width:68%; 
height: 350px;
margin-left : 0px; 
margin-top : 0px; 
padding-top : 3px; 
padding-left: 10px; 
background-color : #ffffff;
overflow:hidden; 
float:right; 
}


#paneltexto {
width:95%; 
margin-left : 1%; 
margin-top : 30px; 
padding-top : 3px; 
padding-left: 5px; 
background-color : #ffffff;
overflow:auto; 
float:left; 
}



#navegador
{
background: #ffffff ; 
padding: 0px 0px 15px 0px;
font-family: Verdana,Arial,Helvetica; 
font-size: 0.9em;
	margin:0 auto 0 auto; 
width:1000px; 
height:18px

}

#opciones {
width:68%;
background-color : #ffffff;
overflow:auto; 
float:left; 
}

#ident {
width: 28%; 
background-color : #ffffff;
overflow:auto; 
float:right; 
}


#margen {
width: 190px; 
nowidth: 100px; 
nowidth: 18%; 
noheight: 720px;
margin-left : 0px; 
margin-top : 5px; 
background: #EBF2FE;
background-color: #f7f7e7; 
nobackground-color: #f5f7d7; 
overflow:auto; 
float:right; 
}
	
#detalle{ 
background-color: transparent;	
width:780px; 
NOheight: 720px;
margin-left : 0px; 
margin-top : 5px; 
padding-top : 3px; 
padding-left: 3px; 
nobackground-color : #ffffff;
overflow:auto; 
float:left; 
} 
	
#cuerpo{ 
	noposition:absolute; 
	noleft: 0px;
	top: 142px;
	text-align: left;
	width:1004px; 
	NOwidth:974px;
	margin:0 auto 0 auto; 
	nomargin: auto; 
	background-color : #ffffff; 
	overflow:auto; 
} 


#columna1 {
	float: left;
	width: 35%;
	margin:0px 0px 0px 2px;
}

#columna2 { 
	float: left;
	width: 35%;
	margin:0px 0px 0px 2px;
}

#columna3 {
	float: right;
	width: 30%;
	margin:0px 0px 0px 2px;
}


.blanco {
background-color: #ffffff;
color: #34348d;
font-face: arial, helvetica;
font-size: 1em;
}
.fondorojo {
background-color: #e9ae9a;
color: #34348d;
font-face: arial, helvetica;
font-size: 1em;
}
.verde{
background-color: #c0e3b9;
color: #34348d;
ont-face: arial, helvetica;
font-size: 1em;
}
.noceleste {
background-color: #b4daf1;
color: #34348d;
font-face: Verdana;
padding-left: 4px; 
}

.celeste {
border-style: solid;
border-color: #b4daf1;
background-color:#b4daf1;
color: #34348d;
font-color: #34348d;
}



.rosa {
background-color: #ff80c0;
color: #34348d;
font-face: arial, helvetica;
font-size: 1em;
}
.sin {
font-face: arial, helvetica;
font-size: 1em;
color: #ffffff;
}
#menuList {
  background-color: #a5abb8;
  border: 1px solid #0000FF;
  margin: 0px;
  padding: 2px;
  line-height:0px;
  width:14em; /* Es necesario aportar anchura al menú para limitar el ancho de los botones */
}

#menuList li {
  display: block; /* De este modo los elementos del menú se mostrán como bloques uno debajo de otro y hasta el ancho del menú */
  margin: 2px;
  padding: 0;
  list-style: none;
}

#menuList li a, #menuList1 li a:focus {
  display: block;
  background-color: #b4daf1;
  border: 1px solid #0000FF;
  margin: 0;
  text-decoration: none;
  color: #000;
  font-family: Verdana,Arial,Helvetica; 
  font-size: 12px;
  font-weight:bold;
  padding: 25px;/* Cuanto mayor sea el espaciado, mas grande será el area del botón. */
}

#menuList li a:hover {
  background-color: #003399;
  border-color: #FFF;
  color: #FFCC00;
}


.noticia {
	width:350px; 
	height: 16px;
   border-bottom: 1px solid #b7def7;
   background: #f7f7e7;
   padding: 7.5px 0px;
   font-size: 14px;
   font-family: 'Lucida Grande', Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   }
.noticia:hover {
   border-top-color: #2f7a6b;
   background: #dfda9b;
   color: #ccc;
   font-color: #34348d;
   }
.noticia:active {
   border-top-color: #46687d;
   background: #46687d;
   }

.noticiafecha {
width:76px; 
height: 16px;
text-align:center;
font-size:10px;
font-family:Verdana,sans-serif;
padding-left: 2px; 
color: #34348d;
background-color : #b4daf1;
overflow:auto; 
float:left; 
}

.noticiatexto {
width:230px; 
height: 16px;
background-color: #f7f7e7;
color: #34348d;
font-face: Verdana;
padding-left: 3px; 
overflow-x:hidden;
float:left; 
}

.noticiaimagen {
width:30px; 
height: 16px;
background-color: #f7f7e7;
color: #34348d;
font-face: Verdana;
overflow-x:hidden;
float:left; 
}


.transparencia{
filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50!important;
}





.etiqueta{
    width: 25%;
    background-color: #B4DAF1;
    color:#666;
    font-size:14px;
    font-family:Verdana, Geneva, Sans-serif;
    float: left;
    text-align: right;
}


.dato{
    width: 70%;
    background-color: #FFF;
    color:#060;
    font-size:14px;
    font-family:Verdana, Geneva, Sans-serif;
    float: left;
    text-align: left;
    padding-left: 2%;
}

.campo
{
    -webkit-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
    border: 1px solid #ccc;
    background-color: #B4DAF1;
    color: #990000;
    font-family: Verdana, Geneva, Sans-serif;
    font-size: 14px;
//    font-weight: bolder;
    padding-left: 4px;
    
}


.boton
{
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    border: 1px solid #000;
    background-color: #105030;
    color: #fff;
    font-family: Verdana, Geneva, Sans-serif;
    font-size: 14px;
    font-weight: bolder;
    padding: 4px 10px 4px 10px;    
}


.boton:hover
{
    border: 2px solid #000;
    background-color: #307050;
    color: #000;
    cursor: pointer;
}



.top {
//    margin-top: 10px;
//padding:5px 0 5px 10%;
background-color:#fff;
font-size: 14px;
width: 90%;
height: 120px;
}


.bot {
//    margin-top: 10px;
//padding:5px 0 5px 10%;
background-color:#B4DAF1;
font-size: 14px;
    font-family: Verdana, Geneva, Sans-serif;
width: 90%;
height: 200px;
}


.lista {
    margin-top: 4px;
//padding:5px 0 5px 10%;
background-color:#C0E3B9;
font-size: 14px;   
font-family: Verdana, Geneva, Sans-serif;
width: 90%;
//height: 100px;
}


.mensage {
//    margin-top: 10px;
//padding:5px 0 5px 10%;
background-color:#B22222;
font-size: 24px;
width: 90%;
height: 40px;
color: #FFF;
text-align: center;
}


.ordenes {
    margin-top: 4px;
    padding-top: 6px;
//padding:5px 0 5px 10%;
background-color:#F4F5AF;
font-size: 24px;
width: 90%;
height: 40px;
color: #FFF;
text-align: center;
}


.panelsimple {
width:40%; 
//height: 350px;
font-size: 34px;
    font-family: Verdana, Geneva, Sans-serif;
    font-size: 2.2em;
    font-weight: bolder;
    padding: 4px 10px 4px 10px;   
    color: #BD1814; 
margin-left : 0px; 
margin-top : 0px; 
padding-top : 3px; 
padding-left: 10px; 
background-color : #ffffff;
overflow:hidden; 
float:left; 
}



.modalmask {
	position: fixed;
	font-family: Arial, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	z-index: 99999;
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
}
.modalmask:target {
	opacity:1;
	pointer-events: auto;
}
.modalbox{
	width: 400px;
	position: relative;
	padding: 5px 20px 13px 20px;
	background: #7BC4CF;
	border-radius:3px;
	-webkit-transition: all 500ms ease-in;
	-moz-transition: all 500ms ease-in;
	transition: all 500ms ease-in;
	
}

.movedown {
	margin: 0 auto;
}
.rotate {
	margin: 10% auto;
	-webkit-transform: scale(-5,-5); 
	transform: scale(-5,-5);
}
.resize {
	margin: 10% auto;
	width:0;
	height:0;

}
.modalmask:target .movedown{		
	margin:10% auto;
}
.modalmask:target .rotate{		
	transform: rotate(360deg) scale(1,1);
    -webkit-transform: rotate(360deg) scale(1,1);
}

.modalmask:target .resize{
	width:60%;
	height:400px;
}



.close {
	background: #606061;
	color: #FFFFFF;
	line-height: 25px;
	position: absolute;
	right: 1px;
	text-align: center;
	top: 1px;
//	width: 24px;
    padding: 4px 10px 4px 10px;   
	text-decoration: none;
	font-weight: bold;
	border-radius:3px;
	font-size:16px;
}

.close:hover { 
	background: #FAAC58; 
	color:#222;
}