@charset "utf-8";
/* CSS Document */

/*Da formato al cuerpo completo. Establecimos el color de fondo y el color de las letras.*/
body{
background:#FBF7E4;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#424242;
font-style:italic;

}

/*Da formato a la acción de pasar por encima del enlace el cursor.*/
a:hover{
text-decoration:underline;
}


/*Contenedor para toda la página*/
#container{
width:920px;
background:#000000;
padding:0px;
margin-left: auto;
margin-right: auto;
text-align:left;
}

/*Contenedor para el encabezado de la página*/
#header{
float:left;
width:920px;
height:110px;
background:url(../media/images/index_r1_c1.jpg);
}


/*Contenedor para el menu principal*/
#menu{
margin:0px;
padding:0px;
float:left;
background:url(../media/images/index_r2_c1.jpg);
width:920px;
height:30px;
font:"Book Antiqua";
font-style:normal;
}

#menu ul{
padding-top:3px;
margin-top:0px;
}

#menu li{
float:right;
padding-right:1.5em;
list-style:none;
font-size:0.8em;
margin-top:0px;
vertical-align:top;
}

#menu a{
margin-top:0px;
color:#FBF7E4;
font:"Book Antiqua";
text-decoration:none;
}

#menu a:hover, #menu a:active{
color:#FBF7E4;
font:"Book Antiqua";
text-decoration:underline;
}


/*Contenedor para el Submenu*/
#submenu{
margin:0px;
padding:0px;
float:left;
width:920px;
height:40px;
font-style:normal;
}

#submenu ul{
padding-top:0px;
margin-top:0px;
}

#submenu li{
float:right;
padding-right:1.5em;
list-style:none;
font-size:0.8em;
padding-top:0px;
margin-top:0px;
vertical-align:top;
}

#submenu a{
margin-top:0px;
color:#424242;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
}

#submenu a:hover{
color:#424242;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:underline;
}


/*Contenedor para contenidos en la página Index.*/
#content{
float:left;
background:url(../media/images/index_r3_c1.jpg);
width:920px;
height:380px;
}

/*Contenedor para contenidos en la página Muriel.*/
#content-muriel{
float:left;
background:url(../media/images/background-muriel.jpg);
width:920px;
height:380px;
}


/*Contenedor para contenidos en la página de Tarifas Madame.*/
#content-madame{
float:left;
background:url(../media/images/background-mad-tarif.jpg);
width:920px;
height:380px;
}

/*Contenedor para contenidos en la página de Tarifas Monsieur.*/
#content-monsieur{
float:left;
background:url(../media/images/background-mons-tarif.jpg);
width:920px;
height:380px;
}

/*Contenedor para contenidos en la página de Contacto.*/
#content-contact{
float:left;
background:url(../media/images/background-contact.jpg);
width:920px;
height:380px;
}

/*Contenedor para contenidos en la página de Servicios.*/
#content-prestations{
float:left;
background:url(../media/images/background-prestations.jpg);
width:920px;
height:380px;
}

/*Contenedor para contenidos en la página de Servicios-Maquillaje.*/
#content-maquillage{
float:left;
background:url(../media/images/background-maquillage.jpg);
width:920px;
height:380px;
}

/*Contenedor para contenidos en la página de Servicios-Peinados.*/
#content-coiffure{
float:left;
background:url(../media/images/background-coiffure.jpg);
width:920px;
height:380px;
}

/*Contenedor para contenidos en la página de Servicios-Closet.*/
#content-grobe{
float:left;
background:url(../media/images/background-grobe.jpg);
width:920px;
height:380px;
}

/*Contenedor para el pie de página.*/
#footer{
color:#FBF7E4;
float:left;
width:920px;
height:50px;
background:url(../media/images/index_r4_c1.jpg);
font-size:9px;
text-align:center;
font-style:normal;

}

#footer a{
color:#E7E8D1;
text-decoration:none;
font-weight:bold;
font-size:9px;
}

#footer a:hover{
color:#E7E8D1;
text-decoration:underline;
font-weight:bold;
font-size:9px;
}




.content-text-center{
	width:680px;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin-left:auto;
	margin-right:auto;
	line-height: 10pt;
	padding:0px;
	margin-top:10px;
}

.content-text-left{
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin-left:auto;
	margin-right:auto;
	line-height: 10pt;
	vertical-align:middle;
	padding:0px;
}

.content-text-right{
	width:920px;
	text-align:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin-left:auto;
	margin-right:auto;
	line-height: 10pt;
	padding:0px;
	margin-top:10px;
}


.bold{
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
}


.italic-bold{
	color:#8E001C;
	/*color:#EDD883;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-style:italic;
	font-size:11px;
	text-indent: -0.5em;
}


.grey-bold{
color:#CCCCCC;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:11px;
}

.grey-bold1{
color:#DAA694;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:11px;
}

.dark-grey{
color:#333333;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}

.title{
color:#CCCCCC;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
}

.title-pyellow{
color:#8E001C;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:14px;

}


.title-pyellow-u{
color:#8E001C;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:14px;
text-decoration:underline;
}

.title-white{
color:#8E001C;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
text-decoration:underline;
line-height:13px;
padding:0px;
margin:0px;
}

.text-rose{
color:#F8BEBE;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}

.small-pyellow{
color:#8E001C;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:9px;
}

.box-left{
width:400px;
text-align:center;
float:left;
margin-left:auto;
margin-right:auto;
vertical-align:middle;
}

.box-right{
width:400px;
text-align:center;
float:right;
margin-left:auto;
margin-right:auto;
padding:20px;
vertical-align:middle;
}

.box-right-m{
width:400px;
text-align:left;
float:right;
margin-left:auto;
margin-right:auto;
padding:0px 10px 10px 10px;
}

.box-top-left{
width:310px;
height:400px;
text-align:center;
float:left;
padding:20px 10px 20px 19px;
margin:0px 0px 0px 0px;
vertical-align:middle;
border-right:#8E001C dashed 1px;
border-bottom:#8E001C dashed 1px;
}

.box-top-right{
width:310px;
height:400px;
text-align:center;
float:right;
padding:20px 19px 20px 10px;
margin:0px 0px 0px 0px;
vertical-align:middle;
border-left:#8E001C dashed 1px;
border-bottom:#8E001C dashed 1px;
}

.box-bottom-left{
width:310px;
height:400px;
text-align:center;
float:left;
padding:20px 10px 20px 19px;
margin:0px 0px 20px 0px;
vertical-align:middle;
border-right:#8E001C dashed 1px;
border-top:#8E001C dashed 1px;
}

.box-bottom-right{
width:310px;
height:400px;
text-align:center;
float:right;
padding:20px 19px 20px 10px;
margin:0px 0px 20px 0px;
vertical-align:middle;
border-left:#8E001C dashed 1px;
border-top:#8E001C dashed 1px;
}

.box-t{
width:400px;
text-align:left;
padding-left:-0.5em;
margin-left:auto;
margin-right:auto;
}


.box-1{
width:650px;
height:210px;
text-align:left;
padding:10px 5px 5px 5px;
margin-left:auto;
margin-right:auto;
vertical-align:middle;
border-bottom: #8E001C dashed 1px;
margin-bottom:5px;
}

.box-2{
width:650px;
height:270px;
text-align:left;
padding:5px 5px 5px 5px;
margin-left:auto;
margin-right:auto;
vertical-align:middle;
border-bottom: #8E001C dashed 1px;
margin-bottom:5px;
}

.box-3{
width:650px;
height:320px;
text-align:left;
padding:5px 5px 5px 5px;
margin-left:auto;
margin-right:auto;
vertical-align:middle;
margin-bottom:5px;
}


.style1 {
	color: #990000;
	font-weight: bold;
	font-size:14px;
}

.style2{
padding-right:20px
}