/* CSS Document */
/* common styling */

body {
	margin:10px;
	padding:0;
	text-align:center; 
	font-family:"Trebuchet MS", Arial; 
	font-size:12px; 
	color:#4d4d4d;
	background-image: url(img/fondo.gif);
	background-repeat: repeat-x;
	background-color:#027ec3;
}


/* Enlaces */
a { color:#6295bb; text-decoration:none; border-bottom:1px dotted #6295bb; } 
a:visited { color: #6295bb; text-decoration:none; border-bottom:1px dotted #AAB4BB; }
 
.contenedor {width:720px; height:100%; overflow:hidden; text-align:left; margin:0 auto; padding:0 5px 0 5px;
background-color: white; border: 2px solid #015685;}

.cabecera {
  background-color: #FFFFFF;
  height:330px; 
  clear:both;
  text-align:left;
/*   color: #FFFFFF; */
/*   border: 1px solid red; */
}

.cabecera#cabPrincipal {
background-image:url(img/bn-bg.gif); 
background-repeat:repeat-x;
}

.cabecera#cabPerfumes {
background-image:url(img/perfumes-bg.gif); 
background-repeat:repeat-x;
}

.cabecera#cabCosmetica {
background-image:url(img/cosmetica-bg.gif); 
background-repeat:repeat-x;
}

.menu {
float:right;
margin-top: 35px;
padding-right: 5px;
text-align:right;
/* background-color: #000000; */
color: #FFFFFF;
}

.menu a {
color: #FFFFFF ;
/* background-color: #000000; */
display: block;
font-size:14px;
padding-right:5px;
/*   background-color:blue; */
border-bottom: 0px dotted #6295bb !important; 
}

.menu a:visited {
color: #FFFFFF ;
}

/*.menu a:hover {
  color: black;
}*/

.menu img {border:0px; padding:0px; margin:0px; }

#logo { font-weight: bold; font-family:Georgia, Times; font-size:40px;  display:block; color: white; padding:5px; margin: 5px;}

/* Contenido */
.caja { text-align:center; width:100%; height:100%; background-color:#FFFFFF; margin:0 auto; display:block; border-left: 2px solid #015685; border-right: 2px solid #015685}
h1 { font-size:1.6em; padding:0 0 6px 0; margin:10px 0 0 0; border-bottom:1px solid #EEEEEE; letter-spacing:-1px; display:block; clear:both;}
h3 { font-size:1.5em; padding:0 0 6px 0; margin:0; border-bottom:1px solid #EEEEEE; font-family:Georgia, "Times New Roman", Times, serif; letter-spacing:-2px}
h4 { font-size:1.6em; padding:0 0 6px 0; margin:10px 0 0 0; border-bottom:1px solid #EEEEEE; font-family:Georgia, "Times New Roman", Times, serif; letter-spacing:-2px; display:block; clear:both;}

.areas {width:65%; float:left;}
/* .areas p {font-size:14px; line-height:1.5em; display: block; padding: 20px;} */

.comentario {width:30%; float:right; overflow:hidden; padding: 5px;}
p {font-size:12px; line-height:1.7em; margin:10px 0 0 0}
/* .comentario span {float:right; text-align:left; display:block; margin:5px 0 15px 20px; padding:5px 5px 2px 0;} */
.comentario img {vertical-align: middle; margin-right:5px;}

.pie { display:block; clear:both; text-align:center; padding:15px 0 15px 0;}
.campo { border:1px solid #9c9c9c; padding:4px}
.campo:hover { border:1px solid #943c4c;}

/* contacte */
input { padding:2px; }

.zona1 {
/* 	display: block; */
	float: left;
	width: 45%;
	padding: 5px;
}

.zona1 img {
  padding-top:5px;
  border: 0;
  float: right;
  }

.zona2 {
/* 	display: block; */
	float: right;
	width: 45%;
	padding: 5px;
}

.zona2 img {
padding-top:5px;
border: 0;
float: right;
}

/*.areas img {
	float: right;
}*/

.submenu { width:20%; float:left; background-color: #F1F1F1; border: 2px solid #E5E5E5; }

.submenu a {
text-decoration: none;
padding: 3px;
color: black;
display: block;
border: 0;
padding:5px;
/*   background-color: blue; */
}

span.logo { font-weight:bold; color:black; font-variant:small-caps;font-family:Georgia, Times; }

.submenu#subPerfumes a:hover { background-color: #DDA9FF; color: white; }
.submenu#subCosmetica a:hover { background-color: #D4B58A; color: white; }

.contenidos { width:75%; float:right; }