/*
Autor: Adrian N. H
Pagina web: aelagallea
/**********************************
Inicial:*/
body {
font:12px Arial, Tahoma, Verdana, Helvetica, sans-serif;
color:#000;
background: #38535d url("../images/fondo.gif") repeat-x;
}
      
#CapaPrincipal {
width:1006px;
margin:0 auto;
margin-top:30px;
}

#CapaEncabezado {
float:left;
height:161px;
width:1000px;
background-position:0 0;
}

#CapaUsuario {
float:right;
height:40px;
width:550px;
margin:50px 10px 0 0;
}

#CapaCuerpo {
float:left;
height:auto;
width:994px;
text-shadow: 0.1em 0.1em 0.05em #111;
border-left:3px solid #FFF;
border-right:3px solid #FFF;
background:#224246 url("../images/relleno-cuerpo.png") repeat-y;
}

#CapaFinCuerpo {
clear:both;
height:313px;
width:1000px;
background-position:0 -275px;
margin-bottom:30px;
}

#Animacion {
float:left;
height:132px;
width:235px;
padding-top:50px;
margin:46px 0 0 110px;
}

.Coche1{background:url("../images/animacion/animacionCoche1.gif") no-repeat;}
.Coche2{background:url("../images/animacion/animacionCoche2.gif") no-repeat;}
.Coche3{background:url("../images/animacion/animacionCoche3.gif") no-repeat;}
.Coche4{background:url("../images/animacion/animacionCoche4.gif") no-repeat;}
.Coche5{background:url("../images/animacion/animacionCoche5.gif") no-repeat;}
.Coche6{background:url("../images/animacion/animacionCoche6.gif") no-repeat;}

/**********************************
Paneles:*/
#Panel_Derecho {
float:left;
height:auto;
width:554px;
text-align:justify;
color:#FFF;
}

#Panel_Derecho li {margin-top:5px;margin-left:15px;}
#Panel_Izquierdo {float:left;width:381px;margin-left:42px;}

#Panel_Ini {
float:left;
height:114px;
width:994px;
background-position:-3px -161px;
}

#Panel_Finenlaces {
float:left;
height:22px;
width:242px;
background-position:-242px -626px;
}

#Panel_Enlaces{
float:left;
height:auto;
width:242px;
margin-left:66px;
text-align:center;
}

#enlaces a{
display:block;
height:20px;
*height:29px;
width:242px;
padding-top:10px;
text-decoration:none;
font-weight:700;
color:#FFF;
background-position:0 -588px;
}

#enlaces a:hover {
*height:28px;
font-size:14px;
color:#e8de97;
background-position:0 -618px;
}
/**********************************
Idiomas:*/

#Idiomas{
width:352px;
height:40px;
padding: 0px 0 0 50px;
margin-bottom:10px;
background-position:-552px -684px;
}

#Idiomas select{
width:130px;
border:1px solid #618387;
background:#bdcac1;
color:#3c5659;
font-size:10px;
font-weight:700;
margin-right:6px;
}
/**********************************
Menu:*/

#panelMenu {
float:right;
width:550px;
height:36px;
font-size:11px;
margin-top:8px;
text-transform:uppercase;
cursor: pointer;
}

#panelMenu ul li a {
display:block;
text-decoration:none;
color:#fff;
font-weight:700;
width:100px;
height:36px;
text-align:center;
background-position:-200px -648px;
line-height:36px;
font-size:11px;
overflow:hidden;
}

#panelMenu #uno {
background-position:0 -648px;
margin-right:-1px;
width:100px;
}

#panelMenu #tres {
background-position:-601px -648px;}

#panelMenu ul {
list-style:none;
margin:0;
padding:0;
}

#panelMenu ul li {float:left;position:relative;}
#panelMenu li:hover a {color:#CCC;background-position:-300px -648px;}

#panelMenu li:hover ul {
display:block;
position:absolute;
top:36px;
left:0;
width:152px;
margin:0;
padding:0;
}

#panelMenu li:hover #uno {color:#CCC;background-position:-100px -648px;}
#panelMenu li:hover #cuatro {color:#CCC;background-position:-400px -648px;}
#panelMenu li:hover #tres {color:#CCC;background-position:-701px -648px;}

#panelMenu ul li:hover ul li a {
background-image:none;
display:block;
height:30px;
line-height:26px;
color:#FFF;
width:142px;
text-align:left;
margin-top:5px;
font-weight:400;
text-transform:none;
padding:0 0 0 11px;
}

#panelMenu ul li:hover ul {
margin-left:2px;
background:#46677d;
border-left:1px solid #527472;
border-right:1px solid #527472;
border-bottom:1px solid #527472;
}

#panelMenu ul li ul,#panelMenu ul li:hover ul li ul {display:none;}

#panelMenu ul li:hover ul li a:hover {
margin-left:3px;
width:135px;
background:url("../images/seleccion.gif") no-repeat;
}

#panelMenu ul li:hover ul li:hover ul {
display:block;
position:absolute;
left:105px;
top:0;
}

/**********************************
PopUp:*/
#PopupFondo{
display:none;
position:fixed;
height:100%;
width:100%;
top:0;
left:0;
background:#000;
}

#PopUpCapa{
margin-top: 10%;
display: none;
background: #fff;
padding: 20px; 	
border: 20px solid #ddd;
float: left;
font-size: 1.2em;
position: fixed;
z-index: 99999;
-webkit-box-shadow: 0px 0px 20px #000;
-moz-box-shadow: 0px 0px 20px #000;
box-shadow: 0px 0px 20px #000;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

#PopUpCerrar{
height:50px;
width:50px;
float: right; 
right:6px;
top:4px;
position:absolute;
background:url("../images/cerrarPop.png");
margin: -40px -40px 0 0;
}
#PopUpCerrar:hover{background:url("../images/cerrarPop2.png");}
/**********************************
Calendario:*/

#recargaCalendario table{font-size:12px;}

#recargaCalendario #dias td:hover{
background:#618387;
cursor:pointer;
}

#recargaCalendario a{color:#FFF;font-weight:normal;}
#recargaCalendario select{width:86px;}
#recargaCalendario .separador{background:#d3e0d7;}

#recargaCalendario #anioCalendario{
height:17px;
width:32px;
background:#bdcac1;
color:#3c5659;
border:1px solid #618387;
text-align:center;
font-size:10px;
font-weight:700;
}

#recargaCalendario .backX1{
height:15px;
width:14px;
border:none;
cursor:pointer;
background:url("../images/calendario/back01.gif") no-repeat;		
}
#recargaCalendario .backX1:hover{background:url("../images/calendario/back01_hover.gif") no-repeat;}

#recargaCalendario .backX2{
height:15px;
width:20px;	
border:none;
cursor:pointer;
background:url("../images/calendario/back02.gif") no-repeat;	
}
#recargaCalendario .backX2:hover{background:url("../images/calendario/back02_hover.gif") no-repeat;}

#recargaCalendario .nextX1{
height:15px;
width:14px;	
border:none;
cursor:pointer;
background:url("../images/calendario/next01.gif") no-repeat;	
}
#recargaCalendario .nextX1:hover{background:url("../images/calendario/next01_hover.gif") no-repeat;}

#recargaCalendario .nextX2{
height:15px;
width:20px;	
border:none;
cursor:pointer;
background:url("../images/calendario/next02.gif") no-repeat;		
}
#recargaCalendario .nextX2:hover{background:url("../images/calendario/next02_hover.gif") no-repeat;}
/**********************************
Testonline:*/

#logoTest{
height:40px;
width:40px;
background: url("../images/test.png") no-repeat;
}
/**********************************
Otros:*/

#error404{
height:440px;
width:700px;
margin-bottom:20px;
background: url("../images/error404.png") no-repeat;
}

#btnOrdenar{
float:right;
height:17px;
width:16px;
margin:5px 5px 0;
background-position:-931px -625px;
border:0;
cursor:pointer;
}

#btnOrdenar:hover{background-position:-931px -642px;}

#bajarPag{
float:right;
margin:10px 10px;
background-position:-910px -627px;
border:none;
height:18px;
width:19px;
}

#bajarPag:hover{
background-position:-910px -645px;
height:20px;
width:19px;
}

#subirPag{
float:right;
margin-right:10px;
background-position:-891px -626px;
border:none;
height:18px;
width:19px;
}

#subirPag:hover{
background-position:-891px -645px;
height:20px;
width:19px;
}

#login{
float:left;
height:38px;
width:524px;
*width:554px;
padding-left:30px;
font-weight:700;
color:#FFF;
background-position:-242px -588px;
}

#datos{
height:24px;
width:204px;
padding-top:85px;
margin-left:20px;
font-weight:700;
text-align:center;
color:#FFF;
}

#datos2{
height:24px;
padding:280px 0px 0px 100px;
text-align:center;
font-weight:700;
color:#FFF;
}

#recuadroIni{
height:19px;
width:554px;
background-position:-242px -588px;
}

#recuadroFin{
height:19px;
width:554px;
background-position:-242px -607px;
margin-bottom:8px;
}

#texto{
background-position:-796px -588px;
border:none;
height:17px;
width:135px;
margin-right:12px;
}

#textodato{
background-position:-484px -626px;
border:none;
height:19px;
width:183px;
}

#textobloqueado{
background-position:-668px -626px;
border:none;
height:20px;
width:184px;
padding-left:3px;
color:#999;
}

#boton{
background-position:-796px -607px;
border:none;
height:18px;
width:66px;
margin-top:10px;
font-size:11px;
font-weight:700;
color:#FFF;
}

#boton:hover{background-position:-862px -607px;}

#textoRecuadro {
height:auto;
width:532px;
*width:554px;
border-left:3px solid #7a9a9e;
border-right:3px solid #7a9a9e;
background:#273e41;
color:#FFF;
padding:8px;
}

#textoRecuadro table{width:532px;font-size:10px;}

#datosContacto{
height:40px;
width:525px;
margin: 0 0 10px; 0;
}

#textoDatos{padding-top:12px;padding-left:50px;}

#inicomentario{
height:15px;
width:552px;
background-position:0 -684px;
}

#fincomentario {
height:15px;
width:552px;
background-position:0 -699px;
}

#txtarea {
background:#50686b;
height:auto;
width:532px;
color:#FFF;
}

#txtareaForo {
margin: 0px 0px 0px 1px;
background:#50686b;
height:auto;
width:547px;
color:#FFF;
}

#editar {
height:15px;
width:18px;
background-position:-980px -607px;
float:right;
border:0;
margin:5px 5px 0 0;
cursor:pointer;
}

#borrar {
height:15px;
width:15px;
background-position:-964px -607px;
float:right;
border:0;
margin:5px 0 0;
cursor:pointer;
}

#editar:hover{background-position:-980px -622px;}
#borrar:hover{background-position:-964px -622px;}

#map_canvas{text-shadow: none;}

/**********************************
Clases:*/
.sprite {
background-image:url("../images/sprite2.png");
background-color:transparent;
background-repeat:no-repeat;
}

.txt{color:#FFF;}
.txtFestivo{color:#8abd85;}
.titulo{color:#bdcac1;}
.miniaturas{margin-left:90px;}
.no_user{margin-left:160px;}

span.paginacion {
height: 30px;
width: 30px;
background:url("../images/pag2.gif") no-repeat;
color:#FFF;
font-weight:700;
padding:6px 22px 4px 4px;
}

a.paginacion {
height: 30px;
width: 30px;
background:url("../images/pag.gif") no-repeat;
color:#FFF;
font-weight:700;
padding:6px 22px 4px 4px;
}
a:hover.paginacion {background:url("../images/pag2.gif") no-repeat;text-decoration:none;}

/**********************************
Generales:*/
img{border:none;}

a {
color:#accccf;
text-decoration:none;
font-weight:700;
cursor:pointer;
}
a:hover{color:#e8de97; text-decoration:underline;}

h1 {
font-weight:700;
font-size:18px;
color:#e8de97;
margin:0;
padding:0 40px;
height:24px;
background: url("../images/coche.gif") no-repeat;
}

h2 {font-weight:700;font-size:14px;}
h3 {font-weight:700;font-size:12px;color:#accccf;}
h4 {
font-weight:700;
font-size:12px;
color:#accccf;
margin:0;
padding:0;
}

input{cursor: pointer;}

select{
border:1px solid #618387;
background:#bdcac1;
font-size:10px;
font-weight:700;
color:#3c5659;
}

::selection{  /*Selecciones en Safari, Chrome, Konqueror, Opera...*/
text-shadow:none;
background: #daffa4;
color: #000;
}

::-moz-selection { /*Selecciones en Firefox, Flock... */
text-shadow:none;
background: #daffa4;
color: #000;
}

img,button::-moz-focus-inner,input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"] > input[type="button"]::-moz-focus-inner {
border:none;
}