@charset "utf-8";

/*
  Version: 1.0.0 (26-04-2008)
  Web: www.col-art.com
  Autor: Raúl García para MIP Informática
  Web Autor: www.mip-informatica.com
*/

* {
	margin: 0;
	padding: 0;
}
.cliente{color: #2eaae5}

body {
	background: #e6e6e6 url(imagenes/bg.jpg) repeat-x;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	/*width: 960px;
	margin: auto;*/
}
#contenido{width: 960px; margin: auto}
#inicio{ float: left}
#logo2{clear:both;}
#logo, #logo2{height: 80px}
#telefono{ float: right; }
img{ border:none}

h1, h2, h3 {  font-family: Calibri, "Trebuchet MS", Arial, Helvetica, sans-serif;  color: #2eaae5}
h1 { font-size: 3em;}
h2 {	font-size: 2em;}
h3 { 	font-size: 1em; }

p, ul, ol {
	margin-bottom: 1em;
	line-height: 140%;
}



/* Menu */

#menu {
	text-align: right;
	height: 40px;
	color: #ffffff;
	padding-top: 9px
}

#menu a {
	text-decoration: none;
	font: 18px Calibri, "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #ffffff;

}

#menu a:hover { 	text-decoration: underline;}


/*Ofertas */
#panel{
	margin: auto;
	background: url(imagenes/panelofertas.jpg)  no-repeat top left;
	width: 785px;
	height: 200px;
	padding-left: 20px;
	padding-top: 60px
}

.oferta{ 
	float: left;
	display: block;
	width:600px; /*375px*/
	height:200px;
	padding-top: 00px}
.oferta img{ 
	float: left;
	margin: 6px;
	position: relative;
	top: -10px
	}
.oferta{ 
	color: #ffffff;
	font-size: 25px;
	}
.oferta h3{padding-top: 14px; color: #000000}
.precio {  
	font-style:italic;
	font-size: 30px}
#validez {
	text-align: right;
	color: #000000;
	font-size: 15px;
	font-weight: bold;
	position: relative;
	top:-50px;
	left: -120px
}


/*centrales*/
#contenido-central{margin-bottom: 150px}


/* Botones*/
#botones {
	width: 775px;
	height: 250px;
	margin: auto;
	position: relative;
	top: -40px
}

.boton{
	width: 33%;
	color: #40c2ff;
	float: left;
	font-size: 35px;}
.boton img{ clear: both; position: relative; left: -10px; top: -5px}


/*Fichas*/
.ficha-producto{ width: 850px; margin: auto}
.ficha{display: block; min-height: 320px; clear: both;}

.foto{float: left;}
.descripcion{
	float: right;
	width: 400px;
	height: 300px;
	background:url(imagenes/fichader.jpg) no-repeat top left;
}
.desc-texto{font-size: 13px; color: #FFFFFF; padding: 20px}
.desc-texto-titulo{
	color: #ffffff; 
	font-size: 20px;   
	font-weight: bold;
	padding-left: 28px; 
	background: url(imagenes/info.jpg) no-repeat top left; 
	background-position:0px 2px; 
	padding-bottom: 2px;
	border-bottom: 1px solid #ffd895
	}
.descripcion ul{ list-style: none}
.descripcion ul li{ background:url(imagenes/check.jpg) no-repeat top left; padding-left: 15px; padding-right: 4px; background-position: 0px 5px; text-align:justify}

.oculto{
	margin: 10px;
	width: 820px;
	float: left;
	display: block;
	margin-bottom: 60px
	}

.link {
	 clear: both;
	 width: 165px;
	 height: 35px;
	 display: block;
	color: #ffffff;
	font-size: 17px;
	background:  url(imagenes/mas.jpg) no-repeat  top left;
	padding-right: 30px;
	text-decoration: none;
}
.texto-link{ position: relative; left: 8px; top: 8px; font-weight: 500px}
.precios{
	display: block;
	background: #ffffff;
	border: 2px solid #40c2ff;
	color: #000000;
	font-size: 16px;
	padding: 5px
}

#pedido a { 
	clear: both;
	padding: 2px;
	width: 150px;
	text-align: center;
	display: block;
	margin: auto;
	margin-bottom: 10px;
}
#pedido a, #pedido a:link, #pedido a:active, #pedido a:visited{
	text-decoration: none; 	
	border: 1px solid #666666; 
	background: #87bcea;
	color: #000000
}
#pedido a:hover { background:#40c2fe; color: #ffffff}


/*Menu Colchones*/
#menucolchones {
	display: block;
	width: 590px;
	height: 60px;
	margin: auto;
	text-align: center;
	font-size: 17px;
	padding-top: 18px;
	font-weight: bold;
	background: url(imagenes/colchonesmenubg.jpg) no-repeat top left;
	margin-bottom: 20px
}

#menucolchones a,#menucolchones a:link, #menucolchones a:active, #menucolchones  a:visited {
	color: #000000;
	text-decoration: none;
	padding: 10px
}

#menucolchones a:hover{ 
	text-decoration: underline 
	}
	



/*Tablas*/
.flotabla{float: left; margin: 10px}
.titulotable{
	color: #ffffff;
	background:#000000;
	display:table-cell;
	padding: 4px;
	padding-left: 6px;
	padding-right: 6px;
	border-top: 3px solid #40c2fe
}
table{ border: 1px solid black; margin: auto; margin-bottom: 10px; display: block}
 tr.even td {
      background-color: #eee;
	  width: 180px;
	  padding: 3px
    }
 tbody tr.odd  td {
      width: 180px;
	  background-color: #e2f6ff;
	  padding: 3px
  }
  
   tr.evennote td {
      background-color: #eee;
	  width: 360px;
	  padding: 3px
    }
   tbody tr.oddnote  td {
      width: 360px;
	  background-color: #e2f6ff;
	  padding: 3px
  }
  
/* Nosotros*/
#nosotros a, #nosotros a:link, #nosotros a:active, #nosotros a:visited{color: #2eaae5; text-decoration:none}
#nosotros a:hover{color: #000000; text-decoration:underline }
#nosotros{ 
	width: 800px; 
	height: 550px; 
	margin: auto;
	padding-left: 15px;
	font-size: 18px
	}
#nosotros img{ position: relative; left: -20px}
/* Footer */
#footer {
	clear: both;
	width: 100%;
	background: url(imagenes/footer.jpg) repeat-x;
	height:200px;
	text-align: center;
	position: relative;
	top: -50px
}

#quicklinks, #creditos {
	margin: auto;
	font-size: 17px;
	padding-top: 10px
}

#quicklinks a,#quicklinks a:link, #quicklinks a:active, #quicklinks  a:visited {
	color: #000000;
	text-decoration: none;
	padding: 6px
}

#quicklinks a:hover{ 
	text-decoration: underline 
	}
	

#creditos{ margin-top: 15px; color: #a4a4a4}
#creditos a,#creditos a:link, #creditos a:active, #creditos a:visited {
	color: #a4a4a4;
	text-decoration: none;
	padding: 6px
}

#creditos a:hover{ 
	color: #000000
	}
	
	
	
/* Form */
form {
	width: 400px;
	background: #ffffff  url(imagenes/mail.jpg) no-repeat bottom right;
	border: 6px solid #2eaae5;
	padding: 10px;
	margin: auto;
	margin-bottom: 60px
}

label {
	display: block;
	margin-top : 8px;
	width: 100%;
	background-repeat: no-repeat;
}

img {
	border:0;
}

.blue {
	color: #0099CC;
	font-weight: bold;
}



/* Congratulation message */
.MsgSent {
	display: block;
	border: 6px solid #2eaae5;
	padding: 10px;
	margin: auto;
	margin-bottom: 60px;
	width: 400px;
	text-align: center;
	background-color: white;
}

.MsgSent h1 {
	background: url(../images/MsgSent.gif) no-repeat 0 0;
	padding-left: 20px;
	height: 85px;
	line-height: 85px;
	padding: 10px;
	margin: auto;
}

/* Error message */
.MsgError {
	display: block;
	width: 400px;
	border: 6px solid #2eaae5;
	padding: 10px;
	margin: auto;
	margin-bottom: 60px;
	text-align: center;
	background-color: white;
}

.MsgError h1 {
	background: url(../images/MsgError.gif) no-repeat 0 0;
	width: 400px;
	padding-left: 20px;
	height: 85px;
	line-height: 85px;
	color: #CC0000;
}

.MsgSent p, .MsgError p {
	font-size: 1.3em;
	color:#999;
	
}