/*****
	*
	*	styles.css
	*		»
	*		hoja de estilos
	*		v1.0 - 12/2009
	*
	*	Leonardo Montilla
	*		http://www.itc.com.ve
	*		leonardomontilla@itc.com.ve
	*
	*	Licencia:
	*		ARTESANALIA S.R.L.
	*		GNU GPL v3
	*
	**/
	
body {
	margin:0px;
	padding:0px;
	background:url(imgs/fondo.jpg);
	font-family: Trebuchet MS,verdana,arial,sans-serif;
	font-size:1em;
	}
img {
	border:none;
	}
	
.artesanalia {
	font-family:Bauhaus 93,regular;
	font-size:1.4em;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
	line-height:0.9em;
	color:#38302a;
	}
	
/* columnas para contenidos */	
		
.coli a { text-decoration:none; }
.coli h2 { background:#81776c;color:#ffffff; }
.coli h2:hover { background:#493f34; }

.colc a { text-decoration:none; }
.colc h2 {background:#617f83;color:#ffffff; }
.colc h2:hover { background:#224044; }
	
.cold a { text-decoration:none; }
.cold h2 {background:#726a47;color:#ffffff; }
.cold h2:hover { background:#4d4522; }
	
.colx {
	border-top:2px solid #6d655f;
	clear:both;
	font-size:1px;
	}
.coly {
	clear:both;
	}

.colin {
	padding:10px;
	}
	.colin a {
		text-decoration:none;
		color:#003080;
		}
		.colin a:hover {
			text-decoration:underline;
			color:#803000;
			}

/* estructura */

#cuerpo {
	width:960px;
	margin:0px auto;
	border-left:1px solid #281300;
	border-right:1px solid #281300;
	}
	
#cabecera {
	background:#ffffff;
	border-bottom:2px solid #ffffff;
	border-top:20px solid #2e1b17;
	}

#cabecerai {
	width:650px;
	height:232px;
	background:url(imgs/topi.jpg) no-repeat top left;
	float:left;
	}
	#cabecerai a {
		display:block;
		width:650px;
		height:232px;
		}
			
#cabecerad {
	width:305px;
	height:232px;
	background:url(imgs/topd.jpg) no-repeat top left;
	float:right;
	}
		
#cabecerac {
	clear:both;
	}
	
#pie {
	width:960px;
	margin:0px auto;
	padding:10px 0px 20px 0px;
	font-size:0.9em;
	text-align:center;
	color:#aba39d;
	background:#2E1B17;
	}
	#pie a {
		color:#aba39d;
		text-decoration:none;
		}
	
#contenido {
	background:#f2eae2 url(imgs/colc.jpg) repeat-y 640px 0px;
	}
	#contenido h2 {
		width:640px;
		margin:0px;
		padding:10px 0px 5px 0px;
		font-family:times new roman,serif;
		background:#E4D4C5;
		color:#5F4F40;
		}
	#contenido .coli {
		width:640px;
		float:left;
		font-size:0.96em;
		}
	#contenido .cold {
		width:320px;
		float:right;
		font-size:0.9em;
		}
	#contenido .colc {
		margin:0px;
		padding:0px;
		background:#2e1b17;
		}
	#contenido .coli .colin {
		padding:20px;
		}
		
#columnas {
	background:url(imgs/colc.jpg) repeat-y top left;
	border-top:2px solid #ffffff;
	font-size:0.9em;
	}
	#columnas h2 {
		margin:0px;
		padding:10px 0px 5px 0px;
		font-family:times new roman,serif;
		}
	#columnas .coli {
	width:320px;
	float:left;
		}
	#columnas .colc {
		width:320px;
		float:left;
		}
	#columnas .cold {
		width:320px;
		float:right;
		}

			
/* formulario de contacto */
#contacto {
	margin:20px auto;
	padding:0px;
	width:400px;
	border:1px solid #ffffff;
	}
	#contacto div {
		padding:20px;
		}
	#contacto h3 {
		text-align:center;
		background:#543c24;
		font-size:1.2em;
		color:#ffffff;
		padding:5px;
		margin:0px;
		border-bottom:1px solid #ffffff;
		}
	#contacto h4 {
		text-align:center;
		font-size:0.8em;
		color:#ee0000;
		padding:5px 0px 0px 0px;
		margin:0px;
		}
	#contacto label {
		display:block;
		width:100%;
		color:#38302a;
		font-size:0.8em;
		font-weight:bold;
		margin-top:10px;
		}
		#contacto label[for] {
			background:transparent url(imgs/asterisco.gif) no-repeat center right;
			}
	#contacto input[type="text"], input[type="password"], textarea {
		display:block;
		width:100%;
		border:1px solid #38202a;
		background:#e4d4c5;
		}
		#contacto input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
			background:#f7f2ee;
			}
		#contacto textarea {
			overflow:auto;
			}
	#contacto input[type="submit"] {
		display:block;
		width:100%;
		margin-top:20px;
		padding:3px 0px;
		border:1px solid #ffffff;
		background:#543c24;
		color:#e4d4c5;
		font-weight:bold;
		cursor:pointer;
		}
		#contacto input[type="submit"]:hover {
			border:1px solid #38202a;
			background:#beae9f;
			color:#38202a;
			}
			
/* galeria imagenes */
iframe#galeria {
	width:100%;
	padding:0px;
	height:360px;
	border:none;
	overflow:hidden;
	}
iframe#titular {
	width:100%;
	padding:0px;
	height:60px;
	border:none;
	overflow:hidden;
	}

/* lista de artesanos */

ul#artesanos {
	list-style-type:none;
	font-size:0.9em;
	font-weight:600;
	padding:50px 0px 0px 20px;
	margin:0px;
	overflow:hidden;
	}
	ul#artesanos span.sombra {
		top: 0.07em;
		left: 0.05em;
		color: #fafafa;
		}
	ul#artesanos .contraste {
		position: relative;
		color: #776F60;
		}
	ul#artesanos .contraste span {
		position: relative;
		}
	ul#artesanos span.sombra {
		position: absolute;
		}
		
/* lista de servicios */
dl#servicios {
		font-size:0.9em;
		color:#5a4a3b;
		padding:0px 20px;
	}
	dl#servicios dt {
		font-size:1.2em;
		font-weight:600;
		color:#7F6F60;
		}
	dl#servicios dd {
		margin:0px 0px 10px 10px;
		}
	
		
/* imagenes especiales */
div#mapadir, div#mapadis {
	width:300px;
	height:300px;
	margin:5px auto;
	border:1px solid #808080;
	background:url(imgs/mapa.jpg) no-repeat center bottom;
	}
	div#mapadis {
		height:150px;
		}
div#maildir {
	width:300px;
	height:25px;
	margin:5px auto 0px auto;
	background:url(imgs/correo.png) no-repeat center center;
	text-decoration:none;
	}
div#tienda1 {
	width:315px;
	margin:5px auto;
	background:url(imgs/tienda1.jpg) no-repeat center bottom;
	}
	.tienda1 { background:url(imgs/tienda1.jpg) no-repeat center bottom; }
div#tienda2 {
	width:315px;
	margin:5px auto;
	background:url(imgs/tienda2.jpg) no-repeat center bottom;
	}
	.tienda2 { background:url(imgs/tienda2.jpg) no-repeat center bottom; }
	
div#espacio {
	float:right;
	width:2px;
	height:550px;
	font-size:1px;
	background:transparent;
	}
	
div#lmitc {
	float:right;
	margin-right:3px;
	}
	div#lmitc a {
		display:block;
		width:75px;
		height:61px;
		background:transparent url(imgs/lmitc.jpg) no-repeat center center;
		text-decoration:none;
		}
	
/* efectos de texto */
.reduce { font-size:0.8em; }
.aumenta { font-size:1.2em; }
.negrita { font-weight:bold; }
.normal { font-weight:normal; }
.sinmargen { margin:0px; }
.sinborde { padding:0px; }
/* colores */
.marron { color:#38302a; }
.beige { color:#9c8C7d; }
.beigeo { color:#958576; }
.blanco { color:#ffffff; }
/* colores google */
.gazul { color:#6488d8; }
.grojo { color:#d62408; }
.gamarillo { color:#f7df5a; }
.gverde { color:#21aa29; }
/* párrafos */
.centra { text-align:center; }
.izquierda { text-align: left; }
.derecha { text-align: right; }
/* cajas flotantes */
.flotaizq { float: left; }
.flotader { float: right; }
/* paddings genéricos */
.padding10 { padding: 10px; }
.padding20 { padding: 20px; }