/*
--------------------------------------------------------
Plantilla CSS Crapuchetti.com
Cebra Comunicación Visual
Versión:  28 Ene 2008
------------------------------------------------------- */

/* Predeterminadas
----------------------------------------------- */

* { margin: 0; padding: 0; }
img { border: 0; }

html { font-size: 100%; /* IE trick to allow proper resizing of text */ }

body {
	text-align: center;
	color: #000;
	font: 10pt Geneva, Helvetica, Swiss, Calibri,  Arial, SunSans-Regular; /* 1em is now 12px at 96ppi. */
	background: #ead7d3 url('_design/marcadeagua.jpg') top center repeat-x;
	}

/* default heading sizes */	
h1		{ font-size: 2em;    }
h2		{ font-size: 1.25em; margin: 10px 0; }
h3 		{ font-size: 1.1em; margin: 10px 0;  }
h4		{ font-size: 1em;  }
h5,h6	{ font-size: .84em;  }

form, select, input, textarea { 
	font-family: Geneva, Helvetica, Swiss, Arial, SunSans-Regular;
	font-size: 100%; /* ie hack so these elements correctly inherit the default text size */ 
	margin:0;padding:0;
	}

/* default link formatting */			
a, a:link 			{ color: #fff; text-decoration: none; }
a:visited 			{ color: #fff; }	
a:focus, a:hover 	{ color: #d3d3d3; }
a:active 			{ color: #00301c; }


/* Encabezado
----------------------------------------------- */

#wrapper { width: 790px; margin: 0 auto; text-align: left; }

#topmenu { width: 100%; height: 12px; text-align: right; padding: 5px 0; }

#header { width: 790px; height: 240px; text-align: center; }

#logo { width: 168px; height: 85px; float: right; display: block; background: transparent url('_design/logo-crapuchetti.gif') top left no-repeat; margin: 25px 20px 0 0; }
#logo a { width: 168px; height: 85px; display: block; }
#logo span { display: none; }
#randomimg { height: 70px; clear: both; padding-right: 142px; }
#randomimg img { margin: 1px 0 0 1px; }

#header ul { list-style-type: none; width: 162px; height: 132px; background: transparent url('_design/corner.jpg') bottom left no-repeat; text-align: left; padding: 10px 0 0 70px; line-height: .9em; float: left; }
#header ul li { font-size: 9pt; text-transform: lowercase; }
#header ul li#contact { margin: 7px 0 0 0; }


/* Contenido
----------------------------------------------- */

body.intro { background: #ead7d3 url('_design/marcadeagua.jpg') center -270px  repeat-x; font-size: 1em; }
body.intro small#skip { float: right; text-align: center; margin: 0 auto; }
body.intro a, body.intro a:link, body.intro a:visited { color: #333; }
body.intro a:hover { color: #666;font-weight: 900;  }

#entry a, #entry a:link 	{ color: #000; text-decoration: underline; }
#entry a:visited 		{ color: #666; }	
#entry a:focus, a:hover 	{ color: #666; }
#entry a:active 			{ color: #fff; }

#content { width: 100%; display: block; }

#entry { width: 100%; padding: 15px 0; clear: both; }

#col1, #col2 { width: 387px; float: left; }
#col1 { padding-right: 15px; }

#caracteristicas { width: 90%; margin: 2px auto; }
#caracteristicas li { list-style: square; margin: 5px 0; }



/* Ventanita de producto
----------------------------------------------- */

.producto { text-align: left; background: #e5cfb8 url('_design/logo-prod.gif') bottom right no-repeat; border-top: 12px solid #ce6702; border-bottom: 6px solid #999999; min-height: 222px; padding: 30px 20px; font-size: 100%; }

.producto img { float: left; margin: 0 15px 5px 0; }

.producto h1, .producto h2 { color: #666; margin: 0; padding: 0; }

.producto h1 { border-top: 1px solid #999; font-size: 80%; }

.producto h2 { border-bottom: 2px solid #999; margin-bottom: 25px; }





/* Formularios
----------------------------------------------- */

label { display: block; margin-top: 1em; font-weight: bold; }
label em { font-weight: normal; font-style: normal; font-size: 0.94em; }
legend { margin: 0; padding: 0; color: #000; font-weight: bold; }
input.txt { display: block; width: 250px; padding: 3px; border: 1px solid #000; color: #000; background: #fff; }
input.btn { padding: 0 0.25em; }
textarea.txt { display: block; width: 380px; color: #000; background: #fff; }
input.txt:focus, textarea.txt:focus { background: #f6feda; }


/* Pie de página
----------------------------------------------- */

#footer { 
	width: 100%;
	height: 36px;
	margin: 0 auto;
	padding: 7px 0 0 0;
	display: block;
	clear: both;
	color: #fff;
	background-color: #000;
	font-size: 9pt;
	letter-spacing: 1px;
}

#footer ul	{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#footer ul li	{
	list-style: none;
	float: right;
	padding: 0;
	margin: 0 5px;
}

#footer ul li#direccion {
	float: left;
}

#footer li a, #footer li a:link {color:#A3A3A3;}
#footer li a:hover {color:#BDBDBD;font-weight:900;}

/* Varias
----------------------------------------------- */

.imgr { float: right; margin: 0 0 5px 15px; }
.imgl { float: left; margin: 0 15px 5px 0; }
.imgc { width: auto; margin: 15px auto 0 auto; }

.hide {position: absolute;left: -99999px;top: -99999px;display: none;font-size: 0%;}
.right {float: right;}
.left {float: left;}
.center {width: auto;margin-left: auto;margin-right: auto;}