/*ESTILOS PARA LA PÁGINA DEL CORO SAN JORGE nº3*/ 

*
{
margin: 0;
padding: 0;
}


/*Body*/ 

body
{
background-color: #21262c;
font-family: arial, tahoma, helvetica, "arial narrow", "sans serif";
font-size: small;       
color: #d0d5e0;
text-align: center;
}


/*Layout*/ 


div#wrap
{
width: 1000px;
margin: 0 auto 0 auto;
padding: 60px 0 0 0;
background-image: url(../images/fad.png);
background-repeat: repeat-x;
text-align: left;
}

div#fotos
{
  height: 210px;
  margin: 0;
  padding: 0;
  text-align: center;
}


div#menu
{
margin: 0;
text-align: center;
}

div#izquierda
{
background-image: url(../images/fad2.png);
background-repeat: repeat-x;
margin: 20px 0 0 10px;
padding: 30px 15px 15px 15px;
float: left;
clear: left;
width: 350px;
}


div#centro
{
margin: 10px 0 0 0;
padding: 0 0 30px 0;
float: right;
width: 580px;
text-align: left;
}

div#centroancho
{
margin: 100px 0 0 0;
padding: 0 0 30px 0;
width: 980px;
text-align: left;
}

div.parrafo
{
background-image: url(../images/fad2.png);
background-repeat: repeat-x;
margin: 10px;
padding: 10px;
}

div.parrafocoro
{
background-image: url(../images/fad2.png);
background-repeat: repeat-x;
width: 50%;
margin: 10px;
padding: 20px;
text-align: right;
}


div#pie
{
width: 100%;
height: 400px;
clear: both;
color: #2f3338;
margin: 0 auto 0 auto;
padding: 5px;
font-size: 80%;
text-align: center;
background-image: url(../images/fad.png);
background-repeat: repeat-x;
}

/*Textos*/

h1
{
display: none;
}

div#izquierda h2
{
  color: #676b73;
}

h2
{
margin: 20px 0 15px 10px;
font-family: Georgia;
font-size: 130%;
font-style: italic;
color: #ccb581;
}


h3
{
font-family: Georgia;
font-size: 110%;
font-style: italic;
padding: 10px;
}

p
{
margin-bottom: 10px;
padding-left: 10px;
}


p#info
{
font-weight: bold;
border: solid 1px;
width: 50%;
margin-left: 200px;
padding: 30px;
text-align: center;
}


/*menú*/ 


ul
{
width: 100%;
height: 45px;
margin: 5px 0 0 20px;
list-style-type: none;
display: block;
}

li
{
display: inline;
}

li a
{
display: inline;
padding: 3px 5px 3px 5px;
color: #d0d5e0;
font-weight: bold;
text-decoration: none;
border: 1px solid;
border-color: #2f3338;
}


li a:hover
{
color: #ccb581;
border-color: #21262c;
}

a#ess
{
color: #ccb581;
font-size: 110%;
border: 0;
}


/*Otros enlaces*/

div#pie a
{
padding: 2px;
text-decoration: none;
font-family: "arial narrow", helvetica, arial, tahoma, "Sans Serif";
font-weight: normal;
color: #4b4b4b;
}

p a
{
text-decoration: none;
font-size: 98%;
font-weight: bold;
color: #676b73;
border-bottom: 1px dotted;
}

p a:hover
{
 color: #ccb581;
 border-bottom: 1px dotted;
}

div#izquierda a
{
text-decoration: none;
font-size: 110%;
color: #676b73;
}

div#izquierda a:hover
{
text-decoration: none;
font-size: 110%;
color: #ccb581;
}




/*imágenes*/ 
img
{
margin: 0;
border: 0;
padding: 0;
}


div#fotos img
{
margin: 0;
border: solid 2px #111;
padding: 0;
}


img.discos
{
  margin: 10px;
  float: left;
}


/*Formulario*/

form
  {
font-family: arial, tahoma, helvetica, "arial narrow", "Sans Serif";
font-variant: small-caps;
scrollbar-base-color: #2f3338;
scrollbar-track-color: #d0d5e0;
scrollbar-face-color: #2f3338;
scrollbar-highlight-color: #2f3338;
scrollbar-3dlight-color: #c4c7ce;
scrollbar-darkshadow-color: #2f3338;
scrollbar-shadow-color: #d0d5e0;
scrollbar-arrow-color: #2f3338;
}

input
{
  font-family: arial, tahoma, helvetica, "arial narrow", "Sans Serif";
font-variant: small-caps;
margin: 5px;
}

input, textarea
{
  margin: 5px;
background-color: #2f3338;
font-family: arial, tahoma, helvetica, "arial narrow", "sans serif" ;
font-size: small;
font-variant: normal;
color: #d0d5e0;
border: 1px solid #8690a7;
}

input.boton
{
font-variant: small-caps;
}

input.boton:hover
{
  color: #ccb581;
}

form #album
{
  margin: 10px;
}