/* CSS para el sitio web www.springerscr.com */

/*--------- Reset General---------*/
*{
margin:0;
padding:0;
}
/*----------Básicos---*/
body{
	background: #367CC4 url(../img/bg.gif) repeat-x top;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.8em;
	color: #2E4C6B;
	line-height: 1.8;
	/*font: 12px/1.3em Tahoma, Verdana, sans-serif;*/
}

ul, ol{
margin:0;
padding:0;
list-style:none;
}
p{
margin:5px 0;
}
.clean{
clear:both;
margin:0;
}
a{
color:#745225;
text-decoration:none;
}
a:hover{
text-decoration:underline;
}
a:visited{
color:#666;
}
/*---------Encabezados-----------*/
h1{
position:absolute;
right:20px;
width:176px;
height:79px;	
}

h1 a{
	display:block;
	width:176px;
	height:79px;
	background: url(../img/logo.gif) no-repeat;
	text-indent:-1000em;
}

h2{
font-size:90%;
}

div.hr {
  height: 20px;
  background: url(../img/separador.gif) no-repeat scroll center;
}
div.hr hr {
  display: none;
}

/*---------Distribución de la web---------------*/
.top{
	width:610px;
	height:30px;
	background: url(../img/bgtop.gif) no-repeat;
	margin:3px auto 0 auto;	
}
#wrap{
	margin:0 auto;
	width:610px;
	background: url(../img/bgbody.gif) repeat-y;
	
}
#contenedor{
	width:600px;
	margin:0 5px;
}
#encabezado{
	position:relative;
	width:560px;
	height:80px;
	padding:20px;
	background: url(../img/flores.gif) no-repeat left bottom;	
}
/*----------------menu-------------*/
#menu{
	width:600px;
	height:30px;
	background-color:#2E4C6B;
}

#menu ul li{
display:inline;
}

#menu ul li a{
display:block;
height:30px;
float:left;
margin-left:3px;
text-indent:-1000em;
}

#menu ul li a#m1{
	width:55px;
	background: url(../img/m1.gif) no-repeat 0px 0px;
}

#menu ul li a#m2{
	width:55px;
	background: url(../img/m2.gif) no-repeat 0px 0px;
}

#menu ul li a#m3{
	width:100px;
	background: url(../img/m3.gif) no-repeat 0px 0px;
}
#menu ul li a#m4{
	width:80px;
	background: url(../img/m4.gif) no-repeat 0px 0px;
}
#menu ul li a#m5{
	width:120px;
	background: url(../img/m5.gif) no-repeat 0px 0px;
}
#menu ul li a#m6{
	width:80px;
	background: url(../img/m6.gif) no-repeat 0px 0px;
}

#menu ul li a#m1:hover, #menu ul li a#m2:hover, #menu ul li a#m3:hover, #menu ul li a#m4:hover, #menu ul li a#m5:hover, #menu ul li a#m6:hover{
background-position: 0 -30px;

}

#contenido{
	width:580px;
	padding:40px 10px 10px 10px;
	/*background: url(../img/bcontenido.jpg) no-repeat center top;*/
}

#textos{
	width:350px;
	padding:20px 15px 0 15px;
	float:left;
	background: url(../img/bgcontenido.gif) no-repeat;
}

#lateral{
width:180px;
float:right;
}

#lateral p{
font-size:11px;
}
#pie{
	width:570px;
	height:30px;
	background: url(../img/bgpie.gif) no-repeat;
	margin:0 auto;
	padding:0 20px;
	font-size:9px;
	text-align:center;
}
/*-------varios------*/
.calidad{
	text-indent:-1000em;
	height:25px;
	background: url(../img/calidad.gif) no-repeat;
}
#musicadebodas{
	width:135px;
	margin:0 auto;
}

/* ---- Listas---*/

ul#musica{
	width:180px;
	margin-top:10px;
	margin-bottom:10px;
}

ul#musica li{
	display:block;
	width:180px;
	height:62px;
	margin-bottom:3px;
	background: url(../img/bgmusica.jpg) no-repeat center top;
	text-align:center;
	vertical-align:middle;
	font-size:11px;
	padding:30px 0;
}

ul#musica li strong{
color:#D38927;
}