/*
-----------------------------------------------
INSIGHT Estilos Base 2
Autor:   Edgar Barrios
Version:  Feb 2005
Contacto: edgarbarrios@insightmedia.com.mx
----------------------------------------------- */


body {			background: #333 url("/im/img/1body.jpg") -10% 0 repeat-x; }
#main .outer {	background: transparent url("/im/img/1vines-mid.png") 70% 0 repeat-x;	}
#main .inner {	background: transparent url("/im/img/1vines-front.png") 300% 0 repeat-x;	}




/* Header sin H1
----------------------------------------------- */

#header div {
	text-indent: -9999px;
	margin: 0;
	padding: 0;
	border: 0;
	}

#header div a:link, #header div a:visited {
	display: block;
	width: 752px;
	height: 141px;
	background: #fff url("/im/img/logo.gif") 30px 25px no-repeat;
	margin: 0;
	padding: 0;
	border: 0;
	border-bottom: 10px solid #A0A766;
	}

#header div a:hover {
	background: #eed url("/im/img/logo.gif") 30px 25px no-repeat;
	border-bottom: 10px solid #A0A766;
	}


/* Layout
----------------------------------------------- */

body {
	text-align: center;
	margin: 0;
	padding: 0;
	border: 0;
	color: #663;
	font: small/1.4 "Lucida Grande" , Verdana, Helvetica, sans-serif;
	}

div#wrap {
	background: transparent url(/im/img/bgbody.png) top center repeat-y;
	width: 774px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	}

div#wrap2 {
	background: transparent url(/im/img/bgwrap.gif) top center repeat-y;
	width: 774px;
	margin: 0;
	padding: 0;
	text-align: center;
	}

div#wrap3 {
	margin: 0 11px;
	text-align: left;
	position: relative;
	}

h1 {
	text-indent: -9999px;
	margin: 0;
	padding: 0;
	border: 0;
	}

h1 a:link, h1 a:visited {
	display: block;
	width: 752px;
	height: 141px;
	background: #fff url("/im/img/logo.gif") 30px 25px no-repeat;
	margin: 0;
	padding: 0;
	border: 0;
	border-bottom: 10px solid #A0A766;
	}

h1 a:hover {
	background: #eed url("/im/img/logo.gif") 30px 25px no-repeat;
	border-bottom: 10px solid #A0A766;
	}



div#content {
	width: 571px;
	float: left;
	padding: 0;
	margin: 0;
	background: transparent url(/im/img/bgcont.gif) 100% 0  repeat-y;
	}

div#maincontent {
	padding: 0 20px 35px 0;
	border: 0;
	margin: 0 0 0 30px;
	}

div#sidebar {
	margin: 0 0 0 571px;
	padding: 0;
	width: 181;
	border-width: 0;
	}

div#footer {
	float: left
	clear: both;
	border-bottom: 1px solid #000;
	padding: 0;
	margin: 0;
	}

div#footer div#extranet {
	float: right;
	text-indent: -9999px;
	border: 0;
	height: 33px;
	width: 200px;
	background: #E0DEC2 url("/im/img/extranet.gif") top left repeat-x;
	}

div#footer div#extranet a {
	height: 33px;
	display: block;
	}

div#footer div#legales {
	clear: both;
	border: 0;
	color: #663;
	width: 752px;
	padding: 5px 0;
	margin: 0;
	background: #E0DEC2 url("/im/img/footshadow.gif") top left repeat-x;
	}

div#footer p {
	background: transparent url("/im/img/footimg.gif") center left no-repeat;
	font-size: 11px;
	line-height: 18px;
	margin: 0;
	padding: 0 0 0 60px;
	}		
	
/* Default links
----------------------------------------------- */

a:link, a:visited {
	font-weight: bold;
	text-decoration: none;
	color: #785;
	background: transparent;
	}

a:hover {
	font-weight: bold;
	text-decoration: none;
	color: #530;
	border-bottom: 1px dotted #530;
	background: transparent;
	}

a:active {
	font-weight: bold;
	text-decoration: none;
	color: #785;
	border-bottom: 1px dotted #785;
	background: transparent;
	}

div#content p a:link,
div#content p a:visited {
	text-decoration: none;
	border-bottom: 1px dotted #785;
	}

div#maincontent p a:hover {
	text-decoration: none;
	border-bottom: 1px solid #530;
	}

div#icons a { border: 0; }
div#extranet a { border: 0; }
	
/* Typography
----------------------------------------------- */
	
h2, h3, h4 {
	font-weight: bold;
	line-height: 1.2em;
	margin: 15px 0 0 0;
	}

p {
	margin: 0 0 1em 0;
	line-height: 140%;
	}

div#content h2 { font-size: 18px; }
div#maincontent h2 { margin-top: 25px; }
	

/*   Sidebar navs and links
----------------------------------------------- */
	
#sidebar dd, #sidebar dt {
	margin-left: 20px;
	padding: 0;
	line-height: 18px;
	margin-bottom: 3px;
	}

body #sidebar dt {
	text-transform: uppercase;
	font-size: 10px;
	letter-spacing: 2px;
	margin-top: 35px;
	background: transparent;
	color: #530;
	text-shadow: 2px 3px 3px #896;
	}

#sidebar dd a:link,
#sidebar dd a:visited {
	font-weight: normal;
	color: #fff;
	}

#sidebar dd a:hover { border-bottom: 1px dotted #fff; }

#maincontent dd, #maincontent dt {
	margin-left: 15px;
	padding: 0;
	line-height: 1em;
	}

#maincontent dt {
	text-transform: uppercase;
	font-size: 10px;
	color: #530;
	}


/* Sidebar headers and color
----------------------------------------------- */
	
div#sidebar div#portfolio {
	float: left;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	width: 181px;
	height: 41px;
	background: transparent url("/im/img/tportfolio.gif") top left no-repeat;
	}

html>body div#sidebar div#portfolio {
	/* Correct value for browsers that don't suffer from IE Win's bugs */
	float: none;
	}

.count { color: #cca; }

	
/* BreadCrumbs
----------------------------------------------- */

div#breadcrumb {
	height: 36px;
	width: 571px;
	margin: 0;
	padding: 0;
	border: 0;
	background: #ffe;
	border-bottom: 1px dotted #999;
	}

div#breadcrumb p {
	margin: 0;
	padding: 2px 0 0 30px;
	}

html>body div#breadcrumb p { padding-top: 3px; }
div#breadcrumb p a#tab_home { border-top: 4px solid #A0A766; }
div#breadcrumb p a#tab_about { border-top: 4px solid #C2DFB6; }


/* Nav Icons Center
----------------------------------------------- */

#icons {
	position: relative;
	left: 0px;
	top: 0px;
	width: 571px;
	height: 134px;
	}

div#icons div {
	position: absolute;
	height: 134px;
	top: 0;
	}

#about_ {
	left: 31px;
	width: 128px;
	}

#about_ a:hover img { border-bottom: 4px solid #889C7F; }

#Portfolio_ {
	left: 159px;
	width: 127px;
	}

#Portfolio_ a:hover img { border-bottom: 4px solid #AA6720; }

#Contact_ {
	left: 413px;
	width: 127px;
	}

#Contact_ a:hover img { border-bottom: 4px solid #8A3628; }

#shim_left {
	left: 0px;
	width: 31px;
	}

#shim_right {
	left: 540px;
	width: 31px;
	}

#blank_ {
	left: 286px;
	width: 127px;
	}


/* Styles Category Archive
----------------------------------------------- */
.float_left {
	float: left;
	margin: 0 20px 0 0;
	}

abbr, acronym {
	border-bottom: dotted 1px #ABB1B7;
	cursor: help;
	}