@import "estilos_elrin_textos.css";
/* 	COLORES UTILIZADOS*/
/* 	
Negro #000000
Blanco #FFFFFF
Texto #F6F6F6
Rojo: #b9380b
/* <maqueta>  */
div.linea4
{
margin: 0;
width: 100%;
border-bottom: 4px solid #b9380b;
}
div.linea1
{
margin: 0;
width: 100%;
border-bottom: 1px solid #b9380b;
}
div.forobotones
{
width: 685px;
margin: 15px 0 15px 0;
border: 0px solid yellow;
text-align: left;
}
div.forobotones img
{
margin: 0 12px 0 12px;
}
div#pantalla
{ 
width: 1010px;
margin: auto;
border: 0px solid yellow;
}
div#cabecera
{
margin: 0 0 10px 0;
}
div#cabecerai
{
float: left;
width: 312px;
margin: 0 0 0 0;
}
div#cabecerac
{
float:left;
width: 470px;
padding: 10px 0 0 0;
}
div#cabecerad
{
float:left;
width: 210px;
margin: 0 0 0 10px;
text-align: left; 
font-size: 80%;
}
div#cabecerafrase
{
margin: 1px 0 0 0;
background: #b9380b;
font-weight: 900;
}
div#cabecerafrase span
{
font-style:italic; 
}
span#cabecerafraseenviar
{
font-size: 80%;
font-weight: 100;
font-style:none; 
}

div#pie
{
margin: 20px 0 0 0;
background: #b9380b;
font-weight: 100;
font-size: 80%;
}
#pie li
{
list-style: none;
margin: 0;
display: inline;
}
#pie li a
{
padding: 0px 1em;
text-decoration: none;
}
#pie li a:link { color: #F6F6F6; }
#pie li a:visited { color: #F6F6F6; }
#pie li a:hover{ color: #F6F6F6; }

div#contenidoizquierda
{
float: left;
width: 65%;
margin: 0 15px 0 0;
border: 0px solid blue;
}
div#contenidoizquierdaadmin
{
width: 100%;
margin: 0;
border: 1px solid red;
}
div#contenidoderecha
{
float:right;
width: 31%;
margin: 0 0 0 15px;
border: 0px solid blue;
}
div.cuadronaranja
{
margin: 10px 0 0 0;
padding: 0 0 0 25px;
background: #b9380b;
text-align: left; 
font-weight: 900;
}
div.cuadronaranjad
{
margin: 10px 0 0 0;
padding: 0 0 0 25px;
background: #b9380b;
text-align: right; 
font-weight: 900;
}
div.cuadronaranjadclaro
{
margin: 10px 0 0 0;
padding: 0 0 0 25px;
background: #ff8a00;
text-align: right; 
font-weight: 900;
}
div.limpia
{
clear: both;
}
/* </maqueta>  */
/* <enlaces>  ##### */
a:link { 
color: #F6F6F6;
text-decoration: none;
}
a:visited {
color: #F6F6F6;
text-decoration: none;
}
a:hover { 
text-decoration: none;
color: #F6F6F6;
}
/* </enlaces>  */
/* <noticias>  ##### */
div.portadanoticia
{
margin: 25px 0 0 0;
text-align: left; 
border-bottom: 4px solid #b9380b;
}
div.noticiapie
{
margin: 10px 0 25px 0;
text-align: center; 
border-bottom: 1px solid red;
}
div.portadanoticiatitulo
{
margin: 0 0 1px 0;
text-align: left; 
border-bottom: 1px solid red;
}
p.portadanoticiatitulo
{
margin: 0 0 0px 0;
font-weight: 900;
font-size: 140%;
}
.portadanoticiafecha
{
text-align: right; 
margin: 0 0 1px 0;
font-weight: 900;
}
.portadanoticiapie
{
text-align: right; 
margin: 25px 0 1px 0;
font-weight: 100;
}
p.portadanoticiapie a
{
color: yellow;
}
p.portadatexto
{
text-indent: 25px; 
}
img.portadanoticiatipo
{
float:right;
margin: 0;
}
img.portadafotoizda
{
float:left;
margin: 0;
padding: 0px 10px 0 0;
border: 0px solid yellow;
}
img.portadafotodcha
{
float:right;
margin: 0;
padding: 0px 0 0 10px;
border: 0px solid yellow;
}
/* </noticias>  ##### */
p.derechatitulo {
margin: 0;
text-align: left;
text-indent: 40px; 
font-weight: 900;
font-size: 90%;
}
p.derechalinea1
{
margin: 0;
padding: 0;
text-align: right; 
}
p.derechalinea1 a
{
font-size: 100%;
font-weight: 900;
}
p.derechalinea2
{
margin: 0;
padding: 0;
text-align: right; 
text-indent: 50px; 
}
p.derechalinea2 a
{
font-size: 75%;
font-weight: 100;
}
div.cuadrogris
{
margin: 0;
width: 100%;
background-color: #272727;
}

img { 
border: 0;
margin: 0;
}

img.noticiaaleatoriaimagenancho { 
width: 300px;
border: 0;
margin: 5px 0 0 0;
}
img.noticiaaleatoriaimagenalto { 
height: 300px;
border: 0;
margin: 5px 0 0 0;
}
p.noticiaaleatoriatitulo
{
margin: 0;
padding: 0;
color: yellow;
text-align: left; 
text-indent: 15px; 
font-size: 100%;
font-weight: 100;
}
p.noticiaaleatoriafecha
{
margin: 0;
padding: 0;
color: yellow;
text-align: right; 
font-size: 75%;
font-weight: 100;
}

p.foroportadalinea1
{
margin: 0;
padding: 0;
text-align: left; 
}
p.foroportadalinea1 a
{
font-size: 100%;
font-weight: 900;
}
p.foroportadalinea2
{
margin: 0;
padding: 0;
text-align: left; 
text-indent: 50px; 
}
p.foroportadalinea2 a
{
font-size: 75%;
font-weight: 100;
}
p.foroportadalinea3
{
margin: 0;
padding: 0;
text-align: center; 
font-size: 80%;
}
p.foroportadalinea4
{
margin: 0;
padding: 0;
text-align: left; 
}
p.foroportadalinea4 a
{
font-size: 90%;
font-weight: 900;
}
p.gruposnombre
{
margin: 0;
padding: 0;
text-align: left; 
}
p.gruposnombre a
{
font-size: 110%;
font-weight: 900;
}
p.gruposestilo
{
margin: 0;
padding: 0;
text-align: left; 
font-size: 90%;
}
p.gruposestado
{
margin: 0;
padding: 0;
text-align: left; 
font-size: 90%;
}
p.gruposestadorojo
{
margin: 0;
padding: 0;
text-align: left; 
font-size: 90%;
color: red;
}
p.gruposactualizacion
{
margin: 0;
padding: 0;
text-align: left; 
font-size: 70%;
}
/* <tablas> ---------------------------------------------------------------- */
table.tablatipica
{ 
empty-cells:show;
border: 1px solid #191919;
margin: auto;
text-align: left; 
}
table.tablatipica th
{ 
background-color: #000000;
}
table.tablatipica td
{ 
padding: 2px;
}
table.tablatipica tr.par,table.tablatipica tr.par a
{ 
background-color: #000000;
}
table.tablatipica tr.impar,table.tablatipica tr.impar a
{
background-color: #272727;
}
table.tablatipica tr:hover
{
background-color: #191919;
}

/* </tablas> --------------------------------------------------------------- */

/* <administracion>  */
/* 	
Negro #000000
Blanco #FFFFFF
Gris oscuro #272727
Gris claro #555555
*/

ul#menu1
{
border-bottom: 1px solid #FFFFFF;
list-style: none;
padding: 15px 0 0 0; /* 	Separación superior */
margin: 0;
height: 10px;
}
ul#menu1 li
{
padding: 0;
margin: -12px 0 0 0;
float: left;;
}
ul#menu1 li a
{
display: block;
padding: 2px 1.5em; /* 	Espaciado de botones */
margin-left: 10px; /* 	Separacion entre botones */
border: 1px solid #FFFFFF;
background: #272727;
text-decoration: none;
color: #FFFFFF;
}
ul#menu1 li a:hover
{
background: #555555;
}
ul#menu1 li a#menu1activo
{
background: #555555;
border-bottom: 1px solid #555555;
}


ul#menu2
{
background: #555555;
border-left: 1px solid #377900;
border-right: 1px solid #377900;
border-bottom: 1px solid #206BA4;
list-style: none;
padding: 20px 0 0 0;
margin: 0;
height: 8px;
}
ul#menu2 li
{
padding: 0;
margin: -9px 0 0 0;
float: left;;
}
ul#menu2 li a
{
display: block;
padding: 0 1em;
margin-left: 5px;
border: 1px solid #206BA4;
background: #EBF4FA;
font-size: 90%;
text-decoration: none;
color: #206BA4;
}
ul#menu2 li a:hover
{
background: #BBD9EE;
}
ul#menu2 li a#menu2activo
{
background: #BBD9EE;
border-bottom: 1px solid #BBD9EE;
}
#accioncontainer
{
margin-top: 25px;
margin-left: auto;
margin-right: auto;
margin-bottom: 40px;
margin-left: 10%;
margin-right: 10%;
border-top: 1px solid #FFFFFF;
z-index: 1;
}

#accioncontainer ul
{
list-style-type: none;
text-align: center;
margin-top: -8px;
padding: 0;
position: relative;
z-index: 2;
}

#accioncontainer li
{
display: inline;
text-align: center;
margin: 0 5px;
}

#accioncontainer li a
{
padding: 1px 7px;
color: #666;
background-color: #fff;
border: 1px solid #ccc;
text-decoration: none;
}

#accioncontainer li a:hover
{
color: #000000;
border: 1px solid #666;
border-top: 2px solid #666;
border-bottom: 2px solid #666;
}

#accioncontainer li a#accionactual
{
color: #000000;
border: 1px solid #666;
border-top: 2px solid #333;
border-bottom: 2px solid #333;
}
/* </administracion>  */
/* <formularios> ------------------------------------------------------------ */
form { 
font-size: 0.9em;
margin: auto;
width: 900px; 
text-align: left; 
border:solid yellow 0px;
}
form fieldset{ 
border:solid black 0px;
}
form legend{ 
}
form span.nota{ 
display: block;
padding: 0;
margin: 0;
padding: 8px 0 0 0;
font-size: 80%;
}
form label {
border:solid black 0px;
width:8em;
text-align:right;
padding:.10em;
display: block;
float:left;
margin: 5px 0 0 0;
}
form input, form textarea, form select {
border:solid black 1px;
padding:.0em;
margin: 8px 0 0 0;
color: black;
background-color: #B4CD93;
display: block;
float:left;
}
form select.enlinea {
display: inline;
float:none;
}
form input:focus, form textarea:focus{
color: black;
background-color: #FFFFCC;
}
form br {
	clear: left;
}
form input.oculto {
	display:none;
}
form input.boton{
float:left;
border: 0;
margin: 0 0 0 13em;
padding:0 .25em 0 .25em;
text-align: center;
color: #000000;
background: #C7BD9E;
border-top: 1px solid #000000;
border-right: 3px solid #000000;
border-bottom: 2px solid #000000;
border-left: 1px solid #000000;
}
form input.boton:hover{
color: #F18200;
background: #C7BD9E;
border-top: 2px solid #000000;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
border-left: 3px solid #000000;
}
/* </formularios> ----------------------------------------------------------- */