/* CSS Document */



/* ---- RESET ----- */



body, div, span, h1, h2, h3, h4, h5, p, ul, ol, li, img, table, tr, td, form, input, legend, fieldset, object, embed, param{

 margin:0;

 padding:0;

}



p.telefono{

background-image:url(images/bg_telefono.png);

background-position:left;

background-repeat:no-repeat;

height:30px;

padding-left:50px;

}



.fecha{

color:#fff;

font-weight:bold;

}



.floatLeft{

float:left;

margin-right:45px;

}



.floatRight{

float:right;

margin-left:45px;

}



.FloatRight{

float:right;

margin-left:10px;

margin-right:30px;

border:2px solid #eee;

margin-bottom:5px;

}



.imghomedestacado{

float:left;

border:3px solid #fff;

margin-right:20px;

}



.imginterior{

border:5px solid #eeeeee;

margin-right:10px;

float:left;

}



.enlace{

text-decoration:none;

margin-top:25px;

}



.date{

color:#fff;

width:60px;

padding-bottom:5px;

text-align:left;

border-bottom:2px solid #fff;

margin-bottom:10px;

float:left;

font:14px Arial;

}



a{

color:#fff;

text-decoration:none;

}



a:hover{

color:#fff;

text-decoration:underline;

}



b{

color:#fff;
font-weight:bold;

}



strong{

color:#fff;
font-style:italic;
font-weight:900;
}



ul li{list-style-type:none;}



h1{

display:none;

}



img{

 border:0;

}



body{margin:0 auto; text-align:center;background-color:#000;font:Arial;}



.limpia{

float:none;

display:block;

clear:both;

}



#contenedor{

width:1000px;

margin:0 auto; text-align:center;

height:auto;

overflow:hidden;

}

#temporal{

width:500px;

margin:150px auto; text-align:center;

height:auto;

overflow:hidden;
}

#temporal h4{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:30px;
	font-style:italic;
	font-weight:bold;
	color:#fff;
	margin-top:25px;
}

#temporal p{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#fff;
	text-align:left;
}

#temporal h5{
	color:#fff;	
	font-size:20px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

#temporal h5.tlfn{
	background-image:url(images/ico-tlfn.jpg);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:30px;
	height:30px;
}

#temporal h5.email{
	background-image:url(images/ico-email.png);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:30px;
	height:30px;
}

#temporal h5 a{
	color:#fff;	
	text-decoration:none;
}

#temporal h5 a:hover{
	color:#fff;	
	text-decoration:underline;
}


#cabecera{

width:1000px;

height:235px;

margin-left:15px;

border-bottom:1px solid #fff;

float:left;

}



#cabecera #logo{

width:180px;

height:200px;

background:url(images/logo.jpg) left no-repeat;

float:left;

padding-top:60px;

}



#cabecera #menu{

width:792px;

height:200px;

float:left;
margin-left:25px;

}



#contenedor #conthome{

width:1000px;

height:auto;
overflow:hidden;

float:left;

margin-left:15px;

margin-top:25px;

}



#conthome #conthomeizq{

width:535px;

height:auto;
overflow:hidden;

border-right:2px solid #fff;

float:left;

padding-left:15px;

}



#conthomeizq #empresa{

width:550px;

height:auto;
overflow:hidden;
}



#empresa p{

font:12px Arial;

color:#fff;

text-align:left;

margin-bottom:10px;

margin-right:30px;

}



#conthomeizq #contacto{

width:500px;

float:left;

margin-top:8px;

}



#contacto p{

font:12px Arial;

color:#fff;

text-align:left;

margin-bottom:10px;

}



#conthomeizq #mapa{

width:300px;

*margin-left:10px;

float:left;

}



#conthomeizq #homedestacado, #conthomeizq #noticiashome{

width:574px;

height:auto;
overflow:hidden;

}



#noticiashome #noticiahome{

width:550px;

height:auto;

overflow:hidden;

margin-bottom:15px;

}



#homedestacado h3{

font:14px Arial;

color:#fff;

text-align:left;

border-bottom:2px solid #fff;

margin-left:0px;

width:55%;

float:left;

}



#noticiahome h3{

font:14px Arial;

color:#fff;

text-align:left;

border-bottom:2px solid #fff;

margin-left:0px;

width:90%;

float:left;

}



#homedestacado h3 a:hover, #noticiahome h3 a:hover{

text-decoration:none;

}



#homedestacado p{

font:12px Arial;

color:#fff;

width:57%;

text-align:left;

margin-top:10px;

margin-right:5px;

margin-left:0px;

float:left;

margin-bottom:10px;

}



#noticiahome p{

font:12px Arial;

color:#fff;

width:90%;

text-align:left;

margin-top:5px;

margin-right:5px;

margin-left:0px;

float:left;

margin-bottom:10px;

}



#homedestacado p a{

margin-right:10px;

}



#homedestacado p a, #noticiahome p a{

font:12px Arial;

color:#fff;

text-decoration:none;

background:url(images/bg_flecha.png) right no-repeat;

padding-right:20px;

float:right;

}



#homedestacado p a:hover, #noticiahome p a:hover{

font:12px Arial;

color:#fff;

text-decoration:underline;

background:url(images/bg_flecha.png) right no-repeat;

padding-right:20px;

}



#conthome #conthomeder{

width:400px;

height:370x;

float:left;

}



#conthomeder #submenu{

width:400px;

height:auto;

overflow:hidden;

}



#submenu ul{

width:400px;

height:400px;

}



#submenu ul li a{

width:400px;

height:91px;

display:block;

overflow:hidden;

margin-bottom:10px;

}



#submenu ul li a.centro {

	background-image:url(images/centro_off.png);

	background-position:left;

	background-repeat:no-repeat;

}



#submenu ul li a.novedades {

	background-image:url(images/novedades_off.png);

	background-position:left;

	background-repeat:no-repeat;

}



#submenu ul li a.trucos {

	background-image:url(images/trucos_off.png);

	background-position:left;

	background-repeat:no-repeat;

}

#submenu ul li a.contacto {

	background-image:url(images/contacto_off.png);

	background-position:left;

	background-repeat:no-repeat;

}



#submenu ul li a.centro:hover, #submenu ul li.active a.centro{

	background-image:url(images/centro_on.png);

	background-position:left;

	background-repeat:no-repeat;

}



#submenu ul li a.novedades:hover, #submenu ul li.active a.novedades {

	background-image:url(images/novedades_on.png);

	background-position:left;

	background-repeat:no-repeat;

}



#submenu ul li a.trucos:hover, #submenu ul li.active a.trucos {

	background-image:url(images/trucos_on.png);

	background-position:left;

	background-repeat:no-repeat;

}

#submenu ul li a.contacto:hover, #submenu ul li.active a.contacto {

	background-image:url(images/contacto_on.png);

	background-position:left;

	background-repeat:no-repeat;

}



#contenedor #contint{

width:1000px;

height:auto;

overflow:hidden;

float:left;

margin-left:15px;

margin-top:25px;

}



#contint #noticias{

width:955px;

height:auto;

float:left;

}



#noticias ul, #noticias ol{

width:955px;

}



#noticias ul li, #noticias ol li{

margin-left:30px;

margin-bottom:10px;

color:#fff;

font:12px Arial;

color:#fff;

text-align:left;

}



#noticias ul li a, #noticias ol li a{

color:#fff;

text-decoration:none;

}



#noticias ul li a:hover, #noticias ol li a:hover{

color:#fff;

text-decoration:underline;

}







#contint p.volver a{

color:#000;

background-image:url(images/icono_volver.gif);

background-position:left;

background-repeat:no-repeat;

float:right;

font:11px Arial;

width:62px;

height:26px;

padding-top:12px;

padding-left:10px;

margin-right:30px;

}



#contint ul.menucosmeticos{

margin-left:250px;

}



#contint ul li.naturabisse, #contint ul li.capuccini{

width:143px;

height:405px;

float:left;

margin-right:60px;

}



a span {

visibility: hidden;

}



#contint ul li.naturabisse a{

background-image:url(images/naturabisse_off.jpg);

background-position:left;

background-repeat: no-repeat;

width:143px;

height:405px;

float:left;

}



#contint ul li.naturabisse a:hover{

background-image:url(images/naturabisse_on.jpg);

background-position:left;

background-repeat: no-repeat;

width:143px;

height:405px;

float:left;

}



#contint ul li.germaine a{

background-image:url(images/germaine_off.jpg);

background-position:left;

background-repeat: no-repeat;

width:143px;

height:405px;

float:left;

}



#contint ul li.germaine a:hover{

background-image:url(images/germaine_on.jpg);

background-position:left;

background-repeat: no-repeat;

width:143px;

height:405px;

float:left;

}



#contint h2{

font:29px Arial;

color:#fff;

text-align:left;

border-bottom:2px solid #fff;

width:35%;

float:left;

margin-bottom:35px;

margin-left:15px;

}



#contint #opcionficha{

width:1000px;

height:auto;

overflow:hidden;

float:left;

margin-left:50px;

}



#contint #opcion{

width:1000px;

/*height:320px;*/

height:auto;

overflow:hidden;

float:left;

margin-left:50px;

margin-bottom:70px;

}



#opcion h3, #opcionficha h3{

font:16px Arial;

color:#000;

text-align:left;

background-color:#fff;

padding:8px;

/*border-bottom:2px solid #29992d;*/

/*background:url(images/bg_titulo.jpg) no-repeat;*/

/*width:500px;*/

width:auto;

overflow:hidden;

float:left;

margin-bottom:20px;

}

#opcion h3 a, #opcionficha h3 a{
color:#000;
text-decoration:none;

}


#opcion h3 a:hover, #opcionficha h3 a:hover{
color:#000;
text-decoration:none;

}



#opcion p{

font:12px Arial;

color:#fff;

width:90%;

*width:57%;

text-align:left;

margin-right:5px;

*margin-right:10px;

margin-left:0px;

margin-bottom:10px;

*float:left;

}



#opcionficha p{

font:12px Arial;

color:#fff;

width:82%;

text-align:left;

margin-right:5px;

margin-left:0px;

float:left;

margin-bottom:10px;

}



#opcion p.ir a{

font:14px Arial;

color:#fff;

text-decoration:none;

background:url(images/bg_flecha.png) right no-repeat;

padding-right:20px;

float:right;

margin-top:30px;

margin-right:30px;

}



#opcion p.ir a:hover{

font:14px Arial;

color:#fff;

text-decoration:underline;

background:url(images/bg_flecha.png) right no-repeat;

padding-right:20px;

}



#opcionficha ul, ol{

margin:10px;

text-align:left;

float:left;

}



#opcionficha ol li {

font:12px Arial;

color:#fff;

margin-left:20px;

margin-right:80px;

}



#opcionficha ul li {

font:12px Arial;

color:#fff;

}



#opcionficha ul li a, #opcionficha ol li a{

font:12px Arial;

color:#fff;

text-align:left;

text-decoration:none;

}



#opcionficha ul li a:hover, #opcionficha ol li a:hover{

font:12px Arial;

color:#fff;

text-align:left;

text-decoration:underline;

}



#opcionficha p a{

font:12px Arial;

color:#fff;

text-decoration:none;

text-align:left;

}



#opcionficha p a:hover{

font:12px Arial;

color:#fff;

text-align:left;

text-decoration:underline;

}



#opcionficha #galeria, #empresa #galeria{

width:85%;

height:auto;

overflow:hidden;

margin-top:20px;

margin-left:0px;

*float:left;

}



#opcionficha h5{

font:14px Arial;

color:#fff;

text-align:left;

border-bottom:2px solid #fff;

width:30%;

margin-top:20px;

margin-bottom:10px;

margin-left:0px;

*float:left;

}



#opcionficha p.volver a{

color:#000;

background-image:url(images/icono_volver.gif);

background-position:left;

background-repeat:no-repeat;

float:right;

font:11px Arial;

width:62px;

height:26px;

padding-top:12px;

padding-left:23px;

}



#contenedor #pie{

width:1000px;

height:30px;

border-top:1px solid #fff;

margin-top:20px;

margin-left:15px;

float:left;



}



#pie p{

text-align:center;

font:12px Arial;

color:#fff;

margin-top:10px;

}



#pie p a{

color:#fff;

text-decoration:none;

}



#pie p a:hover{

color:#fff;

text-decoration:underline;

}