@charset "UTF-8";
/* CSS Artesanías de Colombia - Como nos ven */
/* -------------------- reset css -------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	text-decoration:none;
	cursor:default;
}
a, 
a img {
	cursor: pointer;
	border:none;
}
* {
	margin: 0;
	padding: 0;
}
:focus {
	outline: 0;
}
ol, 
ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, 
th, 
td {
	text-align: left;
	font-weight:normal;
}
blockquote:before, 
blockquote:after,
q:before, 
q:after {
	content: "";
}
blockquote, 
q {
	quotes: "" "";
}
/* -------------------- body -------------------- */
body {
	background:url(bgMain.gif) top center repeat-y #F5F5F5;
	/*font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;*/
	font-family: 'Metrophobic', sans-serif;
	line-height: 1em;
	color: #333;
}
.clear{
	clear:both;
}
/* -------------------- header -------------------- */
#header {
	width:100%;
	margin:0px 0px 20px 0px;
	background:url(dark_stripes.png) repeat #000;
	color: #F5F5F5;
	display:block;
	border-bottom:solid #FFF 1px;
	padding:0;
}
#headerIn{
	width:940px;
	margin:0px auto;
	position:relative;
	font-size:1.1em;
	height:350px;
	background:url(artesana.jpg) 450px top no-repeat;
	padding:0;
}
#headerIn h2{
	font-size:3em;
	color: #F1EFD7;
	font-weight:lighter;
	display:block;
	position:absolute;
	left:20px;
	bottom:-1px;
	z-index:100;
	padding:0px 0px 40px 0px;
	background:url(pico.png) 40px bottom no-repeat;
}
#headerIn p{
	width:450px;
	display:block;
}
.logo {
	display:block;
	position:absolute;
	left:0px;
	top:50px;
	z-index:100;
}
/* -------------------- content -------------------- */
.contentBox{
	width:940px;
	margin:0px auto 80px;
}
.contentBox a{
	color:#000;
}
.contentBox a:hover{
	color:#f00;
}

p{
	font-size:1em;
}
p.propiedad{
	font-size:0.75em;
	margin: 10px 0px 0px 0px;
	color:#666;
}
p.propiedad span{
	color:#000;
}
.noticias{
	display:inline-block;
	float:left;
	width:580px;
	margin-top:50px;
}
.noticias li a{
	width:270px;
	height:250px;
	margin:0px 10px 20px 0px;
	float:left;
	cursor:pointer;
}
.noticias li a img{
	margin-bottom:2px;
	border:solid #F5F5F5 1px;
	width:260px;
	height:160px;
}
.noticias li a:hover img{
}
.noticias li a h4{
	font-size:2.5em;
	float:left;
	color:#999;
	cursor:pointer;
	max-width:80px;
	margin-right:10px;
}
.noticias li a h4 span{
	display:inline-block;
	font-size:0.4em;
	margin:0px 0px 0px 2px;
	line-height:1em;
	cursor:pointer;
}
.noticias li a h3{
	font-size:1em;
	float:left;
	cursor:pointer;
	max-width:170px;
	color:#666;
}
.noticias li a:hover h3{
	color:#000;
}
.noticias li a h5{
	font-size:0.9em;
	margin:0px 15px 4px 0px;
	text-align:right;
	color:#666;
}
.noticias li a:hover h5{
	color:#000;
}
.comentariosBox{
	display:inline-block;
	float:left;
	width:360px;
	margin-top:50px;
}
.comentariosBox h3{
	font-size:1.5em;
	text-align:right;
	margin-bottom:5px;
	display:block;
	height:28px;
	border-bottom:dashed #333 1px;
	padding:0px 10px 0px 0px;
}
.fbkBox{
	margin:0px 0px 10px 10px;
	display:inline-block;
	text-align:right;
}
/* -------------------- footer -------------------- */
#footer{
	width:100%;
	margin:0;
	padding:0;
	background:url(dark_stripes.png) repeat #000;
	border-top:solid #FFF 1px;
	color:#666;
}
#footerIn{
	width:940px;
	margin:0px auto;
}
.soporte{
	float:left;
	display:inline-block;
	padding:30px 0px 20px;
	margin:0px 100px 0px 0px;	
}
.soporte ul{
	margin:80px 0px 0px 10px;
	display:inline-block;
}
.soporte li a{
	color:#666;
	margin-bottom:5px;
	display:inline-block;
}
.soporte li a:hover{
	color:#F00;
}
#footerIn p{
	font-size:0.8em;
	float:left;
	margin-top:40px;
	color:#999;
}
#footerIn p a{
	color:#000;
}
#footerIn p a:hover{
	color:#F9A13A;
}
.cast{
	width:200px;
	padding:20px 20px 60px;
	display:inline-block;
	float:right;
	background:#F5F5F5;
	border-left:solid 1px #eee;
	border-right:solid 1px #eee;
	text-align:right;
}
.cast li a{	
	color:#999;
	padding:2px 30px 0px 0px;
	display:block;
	font-size:1.5em;
	margin:10px 5px 0px 0px;
	height:25px;
}
.cast li a:hover{
	color:#000;
}
.facebook{	
	background:url(facebook_25.png) right top no-repeat;
}
.twitter{	
	background:url(twitter_25.png) right top no-repeat;
}
.picasa{	
	background:url(picasa_25.png) right top no-repeat;
}
.flickr{	
	background:url(flickr_25.png) right top no-repeat;
}
.youtube{	
	background:url(youtube_25.png) right top no-repeat;
}
/* -------------------- lazy -------------------- */
.lazy {
  display: none;
}