/* 
Theme Name: Venenos
Description: Designed by <a href="http://www.lbgrafico.com">LBGrafico</a>.
Version: 1.0
Author: LBGrafico
Author URI: http://www.lbgrafico.com
Tags: space, custom header, fixed width, two columns, widgets
*/
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

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,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent; 
	
}

body {
	line-height: 1;
}


ol, ul {
	list-style: none; 
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse; 
	border-spacing: 0;
}



/*	General settings */

html, body, div, span, small, object, iframe, h1, h2, h3, h4, h5, h6, pre, a, abbr, blockquote, acronym, address, code, del, dfn, dl, dt, dd, em, img, q, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, b, p {
		margin:0;
		padding:0; 
		outline:none;
		}		

body 							{ font:normal 13px/22px Tahoma, Georgia, "Trebuchet MS", Arial, Tahoma, Helvetica, sans-serif; margin:0; padding:0;  }

* html 							{ margin:0;padding:0; }

	
.alignleft						{ float:left; margin:0 15px 15px 0;}
.alignright						{ float:right; margin:0 0 15px 15px;}
.aligncenter					{ text-align:center; }

.textleft 						{ text-align:left;}
.textright  					{ text-align:right;}

.floatright 					{ float:right;}
.floatleft  					{ float:left;}
.clear							{ clear:both;}

p								{ margin:0 0 15px 0; }

p.simple						{ font-size:18px; /*text-transform:uppercase;*/ }


/* SEARCH	----------------------------------------------------*/

.search-box 					{ height: 40px; padding: 5px 0 0 0px; width: auto; 	margin:10px 0 20px 0px; }

* html .search-box 				{ margin-top: 10px; }
*:first-child+html .search-box 	{ margin-top: 10px; !important; }

.search-box p					{ margin-bottom:0}

input.search-field 				{ -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px;	border-style:solid; border-width:1px; background-color: #ededed; margin-bottom: 9px !important;	    border: 1px solid; border-color: #ccc #ddd #ddd #ccc; width: 140px; float:left; padding: 4px;}

input.search-field:focus 		{ background:#fff; }

input.search-go  				{ float:left; height:24px; width:24px; border:0; margin:0 0 0 5px; padding:0; background:url(images/search-on.gif) no-repeat top left; cursor: pointer; }
input.search-go:hover 			{ background:url(images/search-hover.gif) no-repeat bottom left; }

body_block .search-box 			{ background:url("images/searchbar.png") no-repeat scroll left top transparent; height:30px; margin-top:5px; overflow:hidden; width:288px; }


/* PLAIN DIVIDER	----------------------------------------------------*/

.divider 						{ clear:both; margin:20px 0;}


/* HEADINGS	----------------------------------------------------*/
h1, h2, h3, h4, h5, h6			{ font-family: Trebuchet MS, Helvetica, Garuda, sans-serif; font-weight: normal; padding: 0; line-height:normal; }

h1								{ font-size:32px; margin:0 0 15px 0;  letter-spacing:-1px;}
h2								{ font-size:28px; margin:0 0 10px 0;  letter-spacing:-1px;}
h3 								{ font-size:21px; margin:0 0 10px 0; }
h4 								{ font-size:18px; margin:0 0 10px 0; }
h5 								{ font-size:15px; margin:0 0 10px 0;	}
h6 								{ font-size:13px; margin:0 0 10px 0; }





/* LOGO	--------------------------------------------------------*/

.logo							{ float:right; display:block; border:0; padding:10px 20px 13px 0px; 	}


		  
/* MAIN MENU ---------------------------------------------------*/

.main_menu 						{ margin:0px; float:right; padding:0; position:relative; display:block; 	}
	
/*	MENU--------------------------------------------------------*/
.side-nav{ width: 206px; font-size: 13px; padding: 0; margin: 0px 0 20px 15px; }
.side-nav li { list-style: none; padding:0 !important; padding-bottom: 3px  !important; text-align: right; }

.side-nav li.menu-item	a,
.side-nav li.page_item	a {color: #fff; display: block; padding: 5px 15px;  cursor: pointer; text-decoration: none; }

.side-nav li.current_page_item > a { 
 font-weight: bold; 
 line-height:24px; 
color: #333; background: #fff; 
	border-top-left-radius: 3px;  
	border-bottom-left-radius: 3px;        
	box-shadow:1px 1px 5px #aaa;
	-moz-border-radius: 3px 0px 0px 3px;  
	-webkit-border-top-left-radius: 3px;     	
	-webkit-border-bottom-left-radius: 3px; 
	-moz-box-shadow:1px 1px 5px #aaa;
	-webkit-box-shadow:1px 1px 5px #aaa;
	}


.side-nav ul	{ margin: 0 15px 0 0; padding: 5px 0; font-size: 13px; border-right:1px solid #999; }
.side-nav ul li	{ list-style: none; margin: 0; padding: 0; text-align: right; }
.side-nav ul li a	{ display: block; padding: 4px 15px; line-height:normal; color: #ccc;}

.side-nav ul li a:hover,
.side-nav ul li.current_page_item,
.side-nav ul li.current_page_item:hover { background:none; border:none; -moz-box-shadow:none; }


.side-nav li.menu-item a:hover,
.side-nav ul li a:hover,
.side-nav ul li.current_page_item,
.side-nav ul li.current_page_item:hover,
.side-nav li.page_item a:hover { color: #BFBFBF;  }




.txlogo { color:#FFF;float: left; margin: 0px 4px 0 4px !important; padding:0 !important;}
.txlogo a { color:#FFF;}
.txlogo a:hover { color:#fe0000;}




#logos-sidebar { width:260px; }
#logos-sidebar img {padding: 0px 8px 10px 0px; }


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

.half_width { width:240px;}
.one_third { width:150px;}
.last { margin-right:0 !important; clear:right; }

.half_width, 
.one_third { float:left; position:relative; display:inline; margin:10px 35px 20px 0; }

.last { margin-right:0 !important;    }

/* LISTS ---------------------------------------------------*/

.lists 									{ margin:10px 0;  }
.lists li								{ list-style-type:square; margin:0 0 0 20px; padding:0;    }


/* AUTHOR LISTS color---------------------------------------------------*/

ul.Author_list li 						{ border-right:1px solid #ccc; }
ul.Author_list li h4					{ color:#000000; }
ul.Author_list li span					{ color:#666666; }

/* AUTHOR LISTS ---------------------------------------------------*/

ul.Author_list							{ margin:20px 0; overflow:hidden; height:100%; 	}
ul.Author_list li 						{ width:100px; float:left; padding:0 14px; margin:0px 0px 20px 0px; text-align:center;  }
ul.Author_list li img					{ text-align:center; clear:right; margin-bottom:20px;}
ul.Author_list li h4					{ margin:0; margin-left:0px; font-size:14px;  }
ul.Author_list li span					{ margin:0; text-align:center; font-size:10px; }
ul.Author_list li p						{ padding:10px 10px 0 10px; text-align:center; }
ul.Author_list li:last-child			{ margin-right:0; border:none; }


/* PORTFOLIO -----------------------------------------------------*/

ul.port_box 							{ margin:20px 0; }
ul.port_box li							{ clear:both; overflow:hidden; margin:0 5px; margin-bottom:20px; padding:20px; position:relative; z-index:3; }
ul.port_box li	img.alignleft			{ margin-right:25px; }

ul.port_box h3							{ font-size:16px; }
ul.port_box h3, .port_box p				{ margin-bottom:10px; }
ul.port_box	p							{ line-height:normal; }


ul.port_box li .loading 				{ text-align:center; display:block; width:200px; height:100px; }
ul.port_box li .loading 				{ background: url(ajax-loader.gif) no-repeat center center; }

ul.port_box li a img, 
ul.port_box li a:hover img 				{ position:relative; z-index:1; }

.featured_project						{ position:absolute; top:0px; right:0; width:200px; height:100px; }


.hover_video							{ position: absolute; background:transparent url(images/video.png) no-repeat center center;}
.hover_image							{ position: absolute; background:transparent url(images/image.png) no-repeat center center;}


/* PORTFOLIO -----------------------------------------------------*/

ul.gal_box 							{ margin:20px 0; }
ul.gal_box li						{ overflow:hidden; margin:0 8px; height:160px; margin-bottom:20px; padding:3px; position:relative; z-index:7; float:left; width:29%; }

ul.gal_box h3						{ font-size:14px; margin-top:5px; line-height:normal; }
ul.gal_box h3, .gal_box p			{ margin-bottom:10px; }
ul.gal_box	p						{ line-height:normal; }


ul.gal_box li .loading 				{ text-align:center; display:block; width:150px; height:100px; }
ul.gal_box li .loading 				{ background: url(ajax-loader.gif) no-repeat center center; }

ul.gal_box li a img, 
ul.gal_box li a:hover img 				{ position:relative; z-index:6; }

.featured_gal						{ position:absolute; top:2px; right:8px; width:70px; height:70px; z-index:8; }

/* Blog Posts -----------------------------------------------------------*/

.post 									{ padding-top:0px; margin-bottom:40px; margin-top:10px; overflow:hidden;  }
.post h2								{ width:460px; margin-right:0;  font-size:24px;  }

.post-content 							{ }

.date 									{ width:70px; padding:0px; float:right; margin-top:5px; text-transform:uppercase; margin-bottom:15px; }
.date .day 								{ width:20px; float:left; font-size:24px; padding-right:10px;  line-height:25px; }
.date .month 							{ width:30px; float:right; font-size:11px; line-height:12px; }

.post-info 								{ padding:0px 0px 10px 0px;  }
.post-info .postmetadata 				{ font:normal 10px/14px Tahoma, Arial, Sans-serif; padding:5px 0; margin-bottom:5px;   }
.post-info .postmetadata a 				{ text-transform:uppercase; letter-spacing:1px; }
.post-info .postmetadata a:hover		{ text-decoration:underline; }

.post-info .comments 					{ float:right;}

.post-info-no							{ padding:5px 0; font:normal 11px Arial, Tahoma, Verdana, Sans-serif; letter-spacing:1px; margin-bottom:10px;}
.post-info-no a							{ text-transform:uppercase;}


/* LISTAS */

.noscroll ul {
	list-style: disc outside none;
	padding-left: 15px;
}
.noscroll li {
	padding-left: 0px;
}

ul.ul-articulos {
	list-style: disc outside none;
	padding-left: 15px;
	}
.ul-articulos li {
	border-bottom: 1px solid #ccc;
	padding-bottom: 12px;
	margin-bottom: 10px;
}	
.ul-articulos a {
	color: #ed1c24;
}
ul.ul-otros {
	list-style: disc outside none;
	padding-left: 15px;
	}
.ul-otros li {
	border-bottom: 1px solid #ccc;
	padding-bottom: 12px;
	margin-bottom: 10px;
}	
.ul-otros a {
	color: #000;
}

/* MORE */

.read, .more {
	font-weight: bold;
}

/* FOOTER -------------------------------------------------------------*/
	
	
.footer	p							{ color:#999; }
.footer	a							{ color:#999; border-bottom:1px dotted #fff; }
.footer a:hover						{ color:#fff;}

.footer	{ margin-left:0px; float:right; position:relative; bottom:10px; right:0px;  }
.footer	p	{ padding:10px; text-align:right; margin-bottom:5px; }


/* Infobox Social Sites  ------*/

.tipsy 			{ padding: 5px; font-size: 10px; background-repeat: no-repeat;  background-image: url(images/tipsy.gif); }
.tipsy-inner 	{ padding: 5px 8px 4px 8px; max-width: 200px; text-align: center; }
.tipsy-inner 	{ -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-north 	{ background-position: top center; }
.tipsy-south 	{ background-position: bottom center; }
.tipsy-east 	{ background-position: right center; }
.tipsy-west 	{ background-position: left center; }


/* Social Buttons */

.socialbar					{ margin: 10px 0; 	float:right;  }

ul.social					{ padding:0 15px; margin:0 !important; height:24px; 	}
ul.social li				{ color:#FFF;float: left; margin: 0px 4px 0 4px !important; padding:0 !important;}
ul.social li img			{ vertical-align:middle; }

ul.social li a				{ border:0;}
ul.social li .t				{ display: block; width: 16px; height: 16px;}			




/* Blockquote -------------------------------------------------------------------------------------------*/

blockquote.qentry								{ background:URL(images/quote.png) top left no-repeat; padding-left:60px; padding-right:10px; margin:20px 0; overflow:hidden; height:100%; }
blockquote.qentry p								{ margin-bottom:10px; clear:both; }


/* Bullet Lists -------------------------------------------------------------------------------------------*/


ul, ol 					{ margin: 0 0 20px 5px;}
ol 									{ padding-left: 2em;}

ul ul, 
ol ol,
ul ol, 
ol ul 								{ margin-top: 8px;}

ul li, 
ol li 								{ padding: 3px 5px;}

ul li 								{ padding-left: 15px;}
ol li 								{ list-style-type:decimal; list-style-position: outside;}


/* PAGINA DE ENLACES */
.post-38 .scroll-pane ul, .post-38 .scroll-pane ol { margin: 0 0 20px 0; }
.post-38 .scroll-pane li { padding: 0; }
.post-38 .scroll-pane a { font-size: 13px; }

.page_right	ul li 								{ background: transparent url("images/bullets/dot_gray.gif") no-repeat 0 50%;}

ul.bullet-black li 								{ background: transparent url("images/bullets/dot_black.gif") no-repeat 0 50%; }
ul.bullet-gray li 								{ background: transparent url("images/bullets/dot_gray.gif") no-repeat 0 50%; }
ul.bullet-blue li 								{ background: transparent url("images/bullets/dot_blue.gif") no-repeat 0 50%; }
ul.bullet-green li 								{ background: transparent url("images/bullets/dot_green.gif") no-repeat 0 50%; }
ul.bullet-red li 								{ background: transparent url("images/bullets/dot_red.gif") no-repeat 0 50%; }
ul.bullet-orange li 							{ background: transparent url("images/bullets/dot_orange.gif") no-repeat 0 50%; }
ul.disc-black li								{ background: transparent url("images/bullets/circle_black.gif") no-repeat 0 50%; }
ul.disc-gray li 								{ background: transparent url("images/bullets/circle_gray.gif") no-repeat 0 50%; }
ul.disc-blue li 								{ background: transparent url("images/bullets/circle_blue.gif") no-repeat 0 50%; }
ul.disc-green li	 							{ background: transparent url("images/bullets/circle_green.gif") no-repeat 0 50%; }
ul.disc-red li 									{ background: transparent url("images/bullets/circle_red.gif") no-repeat 0 50%; }
ul.disc-orange li 								{ background: transparent url("images/bullets/circle_orange.gif") no-repeat 0 50%; }

ul.bullet-check li 								{ background: transparent url("images/bullets/check.gif") no-repeat 0 5px;  padding-left: 20px; }



/* Highlight Texts -------------------------------------------------------------------------------------------*/

.yellow_highlight	 							{ background:#ffff00; }
.red_highlight 									{ background:#f9c1c1; }
.green_highlight 								{ background:#daf0a9; }
.blue_highlight 								{ background:#a9d1f0; }

.yellow_highlight,
.red_highlight,
.green_highlight,
.blue_highlight 								{ color:#000; padding:1px 4px;}

.black_highlight								{ background:#000; color:#fff;  padding:1px 4px;}


/* Pull Quotes ------------------------------------------------------------------------------------- */

span.inset-left 			{ display: block; padding: 15px; float: left; width: 35%;letter-spacing:0; font:italic normal 14px/25px Georgia, Arial, Sans-serif;}
span.inset-right 			{ display: block; padding: 15px; float: right; width: 35%;letter-spacing:0; font:italic normal 14px/25px Georgia, rial, Sans-serif; }

/* Drop Caps -------------------------------------------------------------------------------------------*/

.dropcap1					{ display:block;  background:url(images/dropcap.png) 50% 50% no-repeat; font-size:30px; float:left; width:40px; text-align:center; height:40px;  margin-bottom:-5px; margin-right : 10px; font-size: 2em; line-height:35px; color:#FFFFFF; padding-left:1px; padding-top:5px;}
.dropcap1 span				{ font-size: 2em; line-height:1.5em; color:#FFFFFF; }
.dropcap1 + span			{ margin-left  : -0.5em; }

.dropcap2					{ display:block; float:left; text-align:center; margin-top:0em; margin-left:0.1em; margin-right : 0.2em; font-size:3em; line-height:1em; color:#999;	}
.dropcap2 span				{ font-size:3em; line-height:1em; color:#999;}
.dropcap2 + span			{ margin-left  : 0em;}


/* Toggle Content ------------------------------------------------------------------------------------- */

h5.toggle 					{ font-size:18px; margin-top:20px; padding:0 0 0 30px; margin-bottom:0 !important;}
h5.toggle a 				{ padding-top:2px; text-decoration: none; display: block;}
h5.toggle a:hover 			{ }

h5.active 					{ margin-bottom:0 !important;  }
h5.active a:link 			{ margin-bottom:0 !important;}

.toggle_content 			{ clear:both; overflow:hidden; margin:0 0 20px 0px; -moz-border-radius:4px; -webkit-border-radius: 4px; }
.toggle_content div.toggleinside				{ padding:15px; }


/* Pre Code -------------------------------------------------------------------------------------------*/

code, pre					{ font: normal 12px/20px Consolas, "Courier New", Courier, monospace; padding: 3px 5px; margin:10px 0 20px 0; }
code						{ padding: 3px 5px; background-image: none; }
pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

/* Alert Boxes -------------------------------------------------------------------------------------------*/

span.error,
span.info,
span.alert,
span.success,
span.download 				{ position:relative; display: block; padding: 10px 10px 10px 55px; margin:10px 5px; }



/* Contact Form -------------------------------------------------------------------------------------------*/

#contactform 				{ padding: 15px 0;  }

#contactform label			{ width:30%; display: inline-block; vertical-align:text-bottom;  }
#contactform select 		{ margin-bottom: 15px; }
#contactform textarea 		{ vertical-align: top; height: 150px;	}	
#contactform .indent 		{ padding-left:30%;  }

#contactform p 				{ margin-bottom:0;}

#contactform input,
#contactform select,
#contactform textarea 		{ -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; margin-bottom: 9px !important; width: 65%; padding: 4px; vertical-align;top;}
			
#contactform input:focus,
#contactform select:focus,
#contactform textarea:focus { }

/* Contact button */
#contactform .submitbutton	{ border:0; background:none; float:left; text-transform:uppercase; font-size:10px; 	}
#contactform .submitbutton:focus 		{ background:none;	}
span#load		{float:left; padding-top:6px;}

/* The button ------------------------------------------------------- */

a.button			{ outline:none; padding:0px 15px 0px 50px; line-height:60px; text-decoration:none; font-size:24px; height:60px; float:right; margin:5px 10px 0px 0px;
	opacity:0.8; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}

a.button:hover		{ opacity:1.0; }

a.smallbutton		{ font-size:12px; line-height:30px; height:30px; float:right; outline:none; text-decoration:none; padding:0px 15px 0px 50px; margin:5px 10px 0px 0px;
	-moz-border-radius:4px; 	-webkit-border-radius:4px;	border-radius:4px;	opacity:0.8; }

a.smallbutton:hover	{ opacity:1.0; }


/* Button icons */

a.pdf			{ background:#b8b8b8 url(images/pdf.png) 10px 50% no-repeat; }
a.pdf2			{ background:#b8b8b8 url(images/pdf.png) 10px 50% no-repeat; }


/* Boxes -------------------------------------------------------------------------------------------*/

.widgets 				{ margin-top:10px; margin-right:15px;text-align:right; }
.widgets h3 			{ color:#fff; }
.widgets	ul 			{ margin-top:10px; margin-bottom:10px;  }
.widgets	ul li 		{ list-style:none;}
.widgets	ul li a		{ color:#999;}


#recentcomments	ul		{ width:205px; text-align:right;}
#recentcomments	li		{ padding:3px 0;}


#calendar_wrap			{ float:right; clear:both; width:200px; }

#wp-calendar 			{ width:100%; }	
#wp-calendar caption	{ font-size:15px; }
#wp-calendar td,
#wp-calendar th			{ padding:6px;  text-align:center; }


/* Pagination -------------------------------------------------------------------------------------------*/

.pagination											{ clear:both; margin-top:30px; height:50px; width:100%; border-top:1px solid #444; padding-top:15px;}

.pagination a, 
.pagination a:link, 
.pagination a:visited,
.pagination a:active,
.pagination span.current,
.pagination span.pages,
.pagination span.extend								{ font-size:11px; padding: 10px; line-height:30px;  margin: 1px; color:#999; border: 1px solid #777; background: #222; 
													-moz-border-radius:3px; -webkit-border-radius:3px; -khtml-border-radius:3px; border-radius:3px;}

.pagination span.pages 								{ border:0; text-transform:uppercase; border:1px solid #555; }
.pagination a:hover 								{ border: 1px solid #555; background: #000; }

.pagination span.current 							{ padding: 10px; margin: 1px; font-weight: bold; color:#fff; border: 1px solid #555; background:#000;}

/****************************************************/
/* 	WOOD.CSS COLORS									*/
/****************************************************/
a								{ color:#000000; text-decoration:none; }
a:hover							{ color:#fe0000; text-decoration:none; }

.img_border						{ border:1px solid #ddd; padding:1px; }

p.simple						{ color: #ed1c24; }
.simple							{ color: #ed1c24; }







/* PLAIN DIVIDERff6600	----------------------------------------------------*/

.divider 						{ border-bottom:1px solid #ddd; }

.separator						{ background:url(images/separator.png) top left repeat-y scroll}


/* HEADINGS	----------------------------------------------------*/

h1, h2, h3, h4, h5, h6			{ color:#000; }


/* Scroll------------------------------------------------------------*/

 .scroll-pane  					{ width:550px;  padding-right:15px; padding-bottom:40px;}
 .noscroll						{ width:550px; padding-right:15px; padding-bottom:40px;}
 
.left .jScrollPaneTrack 		{ left: 0;right: auto;}
.left a.jScrollArrowUp 			{ left: 0;right: auto;}
.left a.jScrollArrowDown 		{ left: 0;right: auto;}

/* LAYOUT ------------------------------------------------------*/

#full-container { margin:0 auto; height:100%}
 
html {background:#fff url(images/fondoSEO-02.jpg) top center no-repeat;}


html, 
body, 
.pageright, 
.pageleft 						{  min-height:100%;  height:1680px; }

html>body, 
html>body .pageleft,
html>body .pageright			{ }



.pageleft						{ position:absolute; top: 0; width:40%; text-align: right;   padding: 0; float: left;}
.pageright 						{ position:absolute; top: 0; left:40%;text-align: left; padding: 0; }
.pageright 						{ color:#000; background:#fff;}


.content 						{ margin:0px;   }

#contentwrap 					{ width: auto; float:none; padding:0 30px; margin:0px 0 30px 0; }

.subheader 						{ padding:0 0 15px 0; margin-bottom:15px; clear: both;  border-bottom:1px solid #ccc; }





/* LAYOUT ------------------------------------------------------*/

#logos-natura { height: 93px; text-align: right; width: 565px; }
#logos-natura img { padding-top: 19px; }





/* PORTFOLIO -----------------------------------------------------*/

ul.port_box li 							{ border-bottom:1px solid #ddd; background:#f9f9f9; }

ul.port_box li						{ -moz-box-shadow:0 0 5px #aaa; -webkit-box-shadow:0 0 5px #aaa; box-shadow:0 0 5px #aaa; border:1px solid #fff; }

ul.port_box li.featured					{ background:#e0f1ff; }

.featured_project						{ background:url(images/featured_project.png) top right no-repeat; }


/* PORTFOLIO Gal -----------------------------------------------------*/

ul.gal_box li img						{ border:1px solid #ddd; background:#f9f9f9; padding:1px; }

ul.gal_box li img							{ -moz-box-shadow:0 0 5px #aaa; -webkit-box-shadow:0 0 5px #aaa; box-shadow:0 0 5px #aaa; border:1px solid #ddd; }

ul.gal_box li.featured					{  }

.featured_gal						{ background:url(images/featured_project.png) top right no-repeat; }


/* Blog Posts -----------------------------------------------------------*/

.date .day 								{ color:#000000; border-right:1px solid #999999; }
.date .month 							{ color:#000000; }

.post-info .postmetadata 				{ border:1px solid #ccc; border-width:1px 0px 1px 0px;}
.post-info .postmetadata a 				{ color:#ED1C24; }
.post-info .postmetadata a:hover		{ color:#000000; }



/* Infobox Social Sites  ------*/

.tipsy-inner 	{ background-color: #fff; color: #000;  }

.socialbar	ul	{  background: transparent;	 color:#999;
	}

.main_menu .extras li {

	background-color: #ed1c24;
	border-radius: 3px; 
	-moz-box-shadow:1px 1px 5px #333; 
	-webkit-box-shadow:1px 1px 5px #aaa;
	box-shadow:1px 1px 5px #aaa;
	-moz-border-radius: 3px 0px 0px 3px;  
	-webkit-border-radius: 3px;
	
	margin-top: 8px;
}

.extras li a { color: #fff; border: 0px none; }
/* Toggle Content ------------------------------------------------------------------------------------- */

h5.toggle 					{ background:transparent url(images/plus.png) no-repeat; }
h5.toggle a 				{ color: #000; }
h5.toggle a:hover 			{ }

h5.active 					{ background:transparent url(images/minus.png) no-repeat; }
h5.active a:link 			{ color:#000; }

.toggle_content 			{ border:1px solid #eee; background:#f7f7f7;  }


/* Pre Code -------------------------------------------------------------------------------------------*/

code, pre					{ background: url(images/pre_bg.gif) ; border: 1px dotted #bbb;	color: #333;}


/* Alert Boxes -------------------------------------------------------------------------------------------*/

span.error 					{ color: #cc0000; border: 3px solid #fe7b7a; border-width: 3px 0 3px 0; background: #ffd6d6 url(images/icons/error.png) 4% 50% no-repeat;}
span.info 					{ color: #0055bb; border: 3px solid #629de3; border-width: 3px 0 3px 0; background: #d8e5f8 url(images/icons/info.png) 4% 50% no-repeat;	}
span.alert 					{ color: #b79000; border: 3px solid #fde179; border-width: 3px 0 3px 0; background: #fef6d8 url(images/icons/alert.png) 4% 50% no-repeat;}
span.download 				{ color: #ffffff; border: 3px solid #6a8b2c; border-width: 3px 0 3px 0; background: #7E9F59 url(images/icons/download.png) 4% 50% no-repeat;}
span.success 				{ color: #57861a; border: 3px solid #c2df88; border-width: 3px 0 3px 0; background: #eef7dd url(images/bullets/check.gif) 4% 50% no-repeat;}

span.error,
span.info,
span.alert,
span.success,
span.download 				{ -moz-box-shadow:0px 0px 2px #444; -webkit-box-shadow:0px 0px 2px #444; box-shadow:0px 0px 2px #444; }


/* Contact Form -------------------------------------------------------------------------------------------*/


#contactform input,
#contactform select,
#contactform textarea 		{ background-color: #f5f5f5; border: 1px solid #ccc; border-color: #ccc #ddd #ddd #ccc; }
			
#contactform input:focus,
#contactform select:focus,
#contactform textarea:focus 		{ background:#fff; }

/* Contact button */
#contactform .submitbutton				{ color:#000; background:none;	}
#contactform .submitbutton:focus 		{ background:none;	}

/* The button */

a.button			{ background:#b8b8b8; color:#333; text-shadow:1px 1px 1px #f0f0f0; -moz-box-shadow:1px 1px 2px #666; -webkit-box-shadow:1px 1px 2px #666;
	box-shadow:1px 1px 2px #666; }

a.button:hover		{ text-shadow:1px 1px 1px #fff; -moz-box-shadow:1px 1px 2px #fff; -webkit-box-shadow:1px 1px 2px #fff; box-shadow:1px 1px 2px #fff; }

a.smallbutton		{ background:#b8b8b8; color:#333; text-shadow:1px 1px 1px #f0f0f0; -moz-box-shadow:1px 1px 2px #666; -webkit-box-shadow:1px 1px 2px #666;
	box-shadow:1px 1px 2px #666; }

a.smallbutton:hover	{ text-shadow:1px 1px 1px #fff; -moz-box-shadow:1px 1px 2px #fff; -webkit-box-shadow:1px 1px 2px #fff; box-shadow:1px 1px 2px #fff; }


/* Button icons */
a.pdf			{ background:#b8b8b8 url(images/pdf.png) 10px 50% no-repeat; }
a.pdf2			{ background:#b8b8b8 url(images/pdf.png) 10px 50% no-repeat; }

/********************************/
/*			PIKACHOOSE			*/
/********************************/
.pikachoose{width:auto; margin:0 auto 30px auto;  }
/* This is the ul you have all your images in */
.pikachoose ul{padding-left:0;width:520px;height:50px;margin:0;overflow:hidden;  margin-top:0px;}
.pikachoose ul li{float: left;border:1px solid #ccc;padding:0px; margin:0 6px 6px 0;position:relative;overflow:hidden;}
.pikachoose ul li div img{position:relative;cursor:pointer;}

/* this is the surroundner for all your elements. This is also the fake border around the main img and room for caption */
.pika_main{width:520px; height:480px; display:block;position:relative;}
/*sine we give it the fake border, you need to position the image a little. */
.pika_main_img{position:relative;}
.pika_subdiv{position:relative; padding:0px; height:400px; width:520px;}
.pika_animationDivs{top:0px;left:0px;} /*must match top/left padding for subdiv */
.pika_subdiv img, .pika_subdiv a img{border:none;}
.pika_caption{width:520px; height:40px;  padding-top:10px;text-align:center;position:absolute; bottom:30x;left:0px; color:#666; letter-spacing:1px; font-size:11px; line-height:normal; }
.pika_caption a{color:#000; }
#pikame			{ padding-right:0 !important; height:auto; }
.pika_play{position:absolute;z-index:1;left:50%;margin-left:-25px;width:50px;top:5px; color:#FFFFFF; text-transform:uppercase;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;display: block;width:50px; background:#000; color:#FFFFFF; text-align:center;}
.pika_play a.pika_stop_button{ color:#FFFFFF; background:#000; }

.pika_navigation a{font-size: 12px; text-decoration: none;}
.pika_navigation a:hover{text-decoration: underline;}
.pika_navigation{padding-top:10px;clear:both;text-align:center;}

/* if you want to 'hide' these jus make their height and width 1px */
.pika_prev_hover{position:absolute;top:5px;left:5px;height:30px;width:80px;}
.pika_next_hover{position:absolute;top:5px;right:5px;height:30px;width:60px;}
.pika_caption span.imagetitle {font-weight:bold;display:block;margin-bottom:10px;}


/********************************/
/*			SKIN CSS			*/
/********************************/

.jcarousel-skin-pika .jcarousel-container-horizontal {
    padding: 10px 30px;
}

.jcarousel-skin-pika .jcarousel-container-vertical {
    width: 90px;
    height: 245px;
    padding: 40px 20px;
}

.jcarousel-skin-pika .jcarousel-clip-horizontal {
    height: 90px;
    width: 460px;
}

.jcarousel-skin-pika .jcarousel-clip-vertical {
    width:  75px;
    height: 245px;
}

.jcarousel-skin-pika .jcarousel-item-horizontal {
    margin-right: 10px;
}

.jcarousel-skin-pika .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-pika .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}





/*****************************************************
14.  FOOTER ELEMENTS
******************************************************/
#footer2 {
    clear: both;
    position: fixed;
    bottom: 0 !important;
	margin:0 auto;
    height: 27px;
    overflow: visible;
    z-index: 1200;
    width: 100%;}


ul.footer-menu li span.negrita{
	color:#000; 
	font-weight:bold;
	font-size: 12px;
	line-height: 14px;
	padding-left:15px;
	}


.footer-inside {
    width: 100%;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    color: #fff;
    font-size: 11px;
    line-height: 11px;
    background-image: url(images/footer-inside.png);
    background-repeat: repeat;
    background-position: left top;}

.foot-left-col {
    float: left;
    width: 40%;
	text-align:right;
    height: 14px;
    padding: 7px 0 7px 0px;
    line-height: 14px;
	font-style: normal;
	color: #fe0000;
}

.foot-right-col {
	width: 60%;
	text-align:left;
    height: 14px;
    float:right;
    padding: 7px 0;
    position: relative;}

ul.footer-menu {
	margin: 0px;
	padding: 0px;
	float: left;
}
ul.footer-menu li {
	display: inline;
	margin: 0px;
	padding: 0px;
}
ul.footer-menu li a {
	float: left;
	line-height: 14px;
	padding-top: 0px;
	padding-left: 30px;
	color: #FFF;
	font-size: 12px;
	text-transform: uppercase;
}
ul.footer-menu li a:hover {
	text-decoration: none;
	color: #000;
}