@charset "utf-8";
/* CSS Document */
body {
	background-image: url(imagenes/fondo_colores.jpg);
	background-repeat:  repeat-x;
	background-position: left top;
	background-color: #f1c3e2; /*#A9BCDA;*/
	padding: 0px;
	margin: 0px;
}

#banner {
	width: 960px;
	height: 150px;
}

#container {
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #FFFFFF;
	background-image: url(imagenes/fondo_container.jpg);
	background-repeat:  repeat-x;
	background-position: left top;
	height: auto;
}

#content {
	width: 960px;
	background-image: url(imagenes/fondo_content.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: auto;
	margin: 0px;
	padding-bottom: 7px;
}
#foot {
	height: auto;
	width: 960px;
	background-image: url(imagenes/fondo_foot_arriba.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 15px;
	color: #333333;
	background-color: #F1C3E2;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-bottom: 25px;
}
/* ----- clientes ----- */

h2 {
	font-family: "Century gothic", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	padding-top: 5px;
	margin: 0px;
	padding-left: 14px;
	padding-bottom: 20px;
}


h3 {
	font-family: "Century gothic", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #C06CA4;
	padding-top: 5px;
	margin: 0px;
	padding-left: 14px;
	padding-bottom: 20px;
}

h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #5592BE;
	text-transform: uppercase;
	margin: 0px;
	text-align: center;
}

.imagen_novedades {}

.novedades_mes {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	color: #488BB5;
	padding-left: 7px;
	font-weight: bold;
	font-style: italic;
}

.novedades a {
	text-decoration: underline;
	color: #C06CA4;
}
.novedades a:hover {
	text-decoration: none;
}
.logo {
	float: right;
	padding-top: 50px;
	padding-right: 10px;
	margin-right: 0px;
}
.texto_logo {
	float: left;
	margin: 0px;
}

.sangria_content {
	width: 860px;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
} 

.sangria_content h1 {
	font-family: "Century gothic", Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #c06ca4;
	font-weight: normal;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 700px;
	padding-bottom: 25px;
}
.sangria_content h2 {
	font-family: "Century gothic", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #BB6BA6;
}

.sangria_content h3 {
	font-family: "Century gothic", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #BB6BA6;
	text-transform: uppercase;
}
.sangria_content p {}


#menuhoriz ul {
	font-family: "Century gothic", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #cc6699;
	margin: 0px;
	padding-left: 40px;
}

#menuhoriz ul li {
	padding: 2px 7px;
	margin:5px;
}
#menuhoriz ul li a {
	text-decoration: none;
	color: #FFFFFF;
}
#menuhoriz ul li a:hover {
	color: #cc6699;
	text-decoration: underline;
}

img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
/* --- division banner --- */

.banner_divi {
  width: 954px;
  margin: auto;
}

.banner_divi-m1 {
  float: left;
  width: 0px;
  height: 1px;
}

.banner_divi-c1 {
	float: left;
	width: 318px;
}

.banner_divi-m2 {
  float: left;
  width: 0px;
  height: 1px;
}

.banner_divi-c2 {
	float: left;
	width: 318px;
	padding-top: 55px;
}

.banner_divi-m3 {
  float: left;
  width: 0px;
  height: 1px;
}

.banner_divi-c3 {
	float: left;
	width: 318px;
	height: 50px;
	background-image: url(imagenes/fondo_menu.gif);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 5px;
}

.banner_divi h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #B2C6DF;
	line-height: 12px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
.banner_divi h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 12px;
	color: #999999;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	line-height: 18px;
}

.grilla_productos a {
	text-decoration: none;
	color: #c06ca4;
}
.grilla_productos a:hover {
	color: #CCCCCC;
	padding-left: 3px;
}

/* --- division banner --- */



.grilla_productos p {
  line-height: 16px;
  font-size: 10px;
  font-family: Verdana, Geneva, sans-serif;
}

.grilla_productos h1 {
	line-height: 18px;
	font-size: 18px;
	font-family: "Century gothic", Arial, Helvetica, sans-serif;
	color: #c06ca4;
	text-align: center;
	font-weight: bold;
	margin-bottom: 10px;
}

.grilla_productos h2 {
	font-size: 12px;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
	color: #c06ca4;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
	line-height: 18px;
	margin: 0px;
}

.grilla_productos h3 {
	line-height: 32px;
	font-size: 16px;
	font-family: Verdana, Geneva, sans-serif;
}

.grilla_productos h4 {
  line-height: 32px;
  font-size: 16px;
  font-family: Verdana, Geneva, sans-serif;
}

.grilla_productos h5 {
  line-height: 32px;
  font-size: 16px;
  font-family: Verdana, Geneva, sans-serif;
}

.grilla_productos h6 {
  line-height: 32px;
  font-size: 16px;
  font-family: Verdana, Geneva, sans-serif;
}

/* --- Grid --- */

.fondo_grilla_productos {
	background-image: url(imagenes/fondo_columnas_productos.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 20px;
	height: auto;
	padding-bottom: 20px;
}

.grilla_productos {
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}

.grilla_productos-m1 {
  float: left;
  width: 12px;
  height: 1px;
}

.grilla_productos-c1 {
	float: left;
	width: 176px;
}

.grilla_productos-m2 {
  float: left;
  width: 14px;
  height: 1px;
}

.grilla_productos-c2 {
  float: left;
  width: 176px;
}

.grilla_productos-m3 {
  float: left;
  width: 14px;
  height: 1px;
}

.grilla_productos-c3 {
	float: left;
	width: 176px;
}

.grilla_productos-m4 {
  float: left;
  width: 14px;
  height: 1px;
}

.grilla_productos-c4 {
  float: left;
  width: 176px;
}

.grilla_productos-m5 {
  float: left;
  width: 14px;
  height: 1px;
}

.grilla_productos-c5 {
  float: left;
  width: 176px;
}


/*previews*/

pre{
	display:block;
	font:100% "Courier New", Courier, monospace;
	padding:10px;
	border:1px solid #bae2f0;
	background:#e3f4f9;	
	margin:.5em 0;
	overflow:auto;
	width:800px;
}

img{
	padding-bottom: 5px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
ul,li{
	margin:0;
	padding:0;
}
li{
	list-style:none;
	float:left;
	display:inline;
	margin-right:10px;
}

/*  */

#screenshot{
	position:absolute;
	display:none;
	color:#818181;
	background-color: #FFFFFF;
	border: 1px solid #FF9ACC;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	padding-top: 18px;
	padding-right: 18px;
	padding-bottom: 15px;
	padding-left: 18px;
	}

/*previews*/

/* --- Grid --- */

.grid {
	width: 960px;
	margin: auto;
}

.grid-m1 {
  float: left;
  width: 22px;
  height: 1px;
}

.grid-c1 {
  float: left;
  width: 118px;
}

.grid-m2 {
  float: left;
  width: 15px;
  height: 1px;
}

.grid-c2 {
  float: left;
  width: 118px;
}

.grid-m3 {
  float: left;
  width: 15px;
  height: 1px;
}

.grid-c3 {
  float: left;
  width: 118px;
}

.grid-m4 {
  float: left;
  width: 15px;
  height: 1px;
}

.grid-c4 {
  float: left;
  width: 118px;
}

.grid-m5 {
  float: left;
  width: 15px;
  height: 1px;
}

.grid-c5 {
  float: left;
  width: 118px;
}

.grid-m6 {
  float: left;
  width: 15px;
  height: 1px;
}

.grid-c6 {
  float: left;
  width: 118px;
}

.grid-m7 {
  float: left;
  width: 15px;
  height: 1px;
}

.grid-c7 {
  float: left;
  width: 118px;
}

.fondo_paginas_productos {
	background-image: url(imagenes/fondo_paginas_productos.gif);
	background-repeat: no-repeat;
	background-position: center top;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	height: 400px;
}

/*grid*/

.volver {
	text-align: center;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 15px;
	margin-left: auto;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 14px;
	display: block;
	width: auto;
	float: right;
	font-weight: bold;
	padding: 15px;
}
.volver a {
	text-decoration: none;
	color: #5693B0;
}
.volver a:hover {
	display: block;
	color: #A5BAD7;
}
/*formulario contacto fin*/

.volver_home {
	display: block;
	margin: 0px;
	text-align: right;
	padding-right: 20px;
	padding-top: 15px;
}
.volver_home a {
	text-decoration: none;
	color: #FFFFFF;
}
.volver_home a:hover {
	text-decoration: none;
	color: #D7E3EF;
}


.titulo_producto_seleccionado {
	font-size: 24px;
	font-weight: normal;
}


.contacto {
	margin-top: 25px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
	width: 860px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 25px;
	padding-left: 0px;
}

.contacto h1 {
	font-size: 20px;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	color: #c06ca4;
	font-weight: normal;
	padding-left: 60px;
	padding-right: 20px;
	width: 570px;
	line-height: 26px;
}
.contacto h2 {}
.contacto h3 {
	font-size: 14px;
	font-weight: normal;
	color: #FF9ACC;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-top: 15px;
	padding-left: 50px;
}
.contacto h4 {
	font-size: 18px;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0px;
	padding-left: 50px;
	color: #A6BAD5;
}

/* ----- clientes ----- */
.clientes {
	margin-top: 25px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
	width: 860px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 25px;
	padding-left: 0px;
}

.clientes h1 {
	font-size: 20px;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	color: #c06ca4;
	font-weight: normal;
	padding-left: 60px;
	padding-right: 20px;
	width: 570px;
	line-height: 26px;
}
.clientes_col_izq {
	width:260px;
	min-height:500px;
	float:left;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	margin: 0px;
}


.clientes_col_der {
	margin-left:260px;
	width:600px;
	min-height:500px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	height: auto;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

/*----------formulario contacto comienzo--------------*/


#formulario {
	width: auto;
	text-align: left;
	margin-bottom: 20px;
	margin-top: 0px;
	}
	
textarea {
	width: 700px;
	height: 100px;
	padding: 15px;
	border: 1px solid #FFD5EB;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	display: block;
	background-color: #FFD5EB;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 16px;
}	

form{
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-left: 50px;
}
input{
	padding:15px;
	margin-bottom: 16px;
	width: 700px;
	display: block;
	background-color: #FFD5EB;
	border: 1px solid #FFD5EB;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	color: #333333;
}
fieldset {
	padding: 10px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #AAC1E1;
	display: block;
	font-weight: normal;
	text-transform: uppercase;
	margin-top: -15px;
	line-height: 18px;
}
.botones {
	background-color: #FF9ACC;
	color: #FFFFFF;
	width: 100px;
	margin-top: 3px;
	font-family: Arial, Helvetica, sans-serif;
}