/*
Theme Name: Pedemonte
Version: 1.0.0
Description: Writer's blog is a very simple 2-column theme that focuses on minimalism. You have the option to add a banner and change the sidebar's position in the theme options.
Author: Ricardo Pedemonte
Author URI: http://www.pedemonte.com.ar/
Tags: black, orange, white, light, two-columns, right-sidebar, fixed-width, custom-header, theme-options
*/

* {
	margin: 0 auto;
	}
body {
	/*background: #fff;
	color: #000000;
	font-family: Arial, Sans serif;
	font-size: .75em;
	margin-top: 10px;*/
	
	margin-top: 10px; margin-bottom: 20px; 
	font: 0.8em/1.3em Arial, sans-serif;
	color : #333333;
	}
#contenedor {
	margin: 0 auto; width: 720px;
		background: transparent url(http://www.artecolor.com/_css/_img/720.png) no-repeat left 205px;

}
a {
	color: #ff7700;
	text-decoration: none;
	}
a:hover {
	color: #000000;
	text-decoration: none;
	}
cite {
	font-style: normal;
	}
cite a {
	color: #ff7700;
	font-style: normal;
	}
code {
	background: #efefef;
	border: 1px solid #dfdfdf;
	display: block;
	font-size: 1.1em;
	line-height: 1.3em;
	padding: 0;
	}
/*h2 {
	font-size: 1.5em;
	font-weight: normal;
	}*/
	
/*h2 { 
  display: block;
  color:#009;
  background:transparent;
  font:bolder 1.5em;
  background: url(http://www.artecolor.com/_css/_img/dashedline.gif) no-repeat left bottom;*/
 /*margin: 0;*/
 /* margin: 0 0 25px 0;
}*/
p {
	line-height: 1.5em;
	margin-top: 20px;
	text-align: left;
	}
pre {
	background: #efefef;
	border: 1px solid #dfdfdf;
	display: block;
	font-size: 1.1em;
	line-height: 1.3em;
	margin-top: 20px;
	overflow: auto;
	padding: 10px;
	}
	
	

textarea {
	font-family: "Arial";
	font-size: 1em;
	}

/* -header -*/

/*#bannerwrap {
	text-align: center;
	width: 720px;
	}
#bannerwrap img {
	border: 4px solid #000000;
	padding: 3px;
	margin-bottom: 20px;
	max-width: 816px;
	}
#banner-custom img {
	border: 4px solid #000000;
	padding: 3px;
	margin-bottom: 20px;
	max-width: 816px;*/
	}

/* -contentwrap- */

#contentwrap {
	width: 540px;
	background: transparent;
	

	}
#contentwrap h1 {
	background: #000000;
	color: #ffffff;
	font-weight: normal;
	margin-bottom: 20px;
	padding: 20px;
	}
#contentwrap h1 a {
	color: #ffffff;
	}
	
#contentwrap h3 { 
  display: block;
  color: #fff;
  font-size: larger;
  height: 20px;
  font-weight: bolder;
  text-align: right;
  background: url(images/h3.gif) no-repeat left top;
 padding:10px 30px 0 0;
  margin: 15px 0 0 17px ;
}
#contentwrap h3 a {
	color: #000000;
	margin-top: -2px;
	}
.top {
 float: left;
 padding-left: 17px ;
 display: block;
}


/* -sidebar- */

#sidebar1wrap {
	float: right;
	width: 150px;
	}
#sidebar1 {
	background: #ffffff;
	/*margin-bottom: 20px;*/
	padding: 0;
	width: 140px;
	margin-top: -12px;
	background: url(images/rights.png) repeat-y top right;	

	}
#sidebar1 ul {
	margin: 0;
	padding: 0;
			background: url(images/out.png) no-repeat bottom right;	

	}
#sidebar1 ul.children a, #sidebar1 li.page_item ul li.page_item a {
	padding-left: 20px;
	}
#sidebar1 ul.children ul.children a, #sidebar1 li.page_item ul li.page_item ul li.page_item a {
	padding-left: 30px;
	}
#sidebar1 ul.children ul.children ul.children a, #sidebar1 li.page_item ul li.page_item ul li.page_item ul li.page_item a {
	padding-left: 40px;
	}
#sidebar1 li {
	list-style: none;
	margin-top: -10px;

	}
#sidebar1 a, #sidebar1 li.recentcomments {
	/*border-bottom: 1px dotted #dfdfdf;*/
	color: #000000;
	display: block;
	padding: 5px 5px 5px 10px;
	}
#sidebar1 a:hover {
	color: #ff7700;
	}
#sidebar1 li.recentcomments a {
	border: none;
	}
#sidebar1 .widget_text {
	/*border-bottom: 1px dotted #dfdfdf;*/
	}
#sidebar1 .textwidget {
	padding: 5px 0 5px 0;
	}
#sidebar1 .textwidget img {
	display: block;
	}
#sidebar1 .widget_text a, #sidebar1 .widget_text a img {
	border: none;
	padding: 0;
	}
#sidebar1 .widget_text a:hover {
	background: none;
	color: #000000;
	}
#sidebar1 li.widget_categories ul li {
	/*border-bottom: 1px dotted #dfdfdf;
	display: block;
	padding: 5px 5px 5px 10px;*/
	}
#sidebar1 li.widget_categories ul li a {
	border-bottom: none;
	display: inline;
	padding: 0;
	}
#sidebar1 li.widget_categories ul li:hover, #sidebar1 li.widget_categories ul li:hover a {
	color: #ff7700;
	}
#sidebar1 h2.small {
	/*border-bottom: 1px dotted #000000;*/
	color: #009;
	font-size: 1em;
	font-weight: bold;
	margin-top: 10px;
	padding-bottom: 5px;
	background: transparent;
	}

#sidebar1 h2.small a{
display: block;
color: #009;
margin-left: -10px;
	}

#sidebar1 h2.small a:hover{
color: #f09;
	}
	
	

#sidebar1 select {
	margin: 5px 0 15px 0;
	width: 80%;
	}
#sidebar1 small {
	text-transform: uppercase;
	}
#sidebar1 #tag_cloud h2 {
	margin-bottom: 10px;
	}
#sidebar1 #tag_cloud a {
	border: none;
	display: inline;
	padding: 0 3px 0 3px;
	}

/* -sidebar calender- */

#sidebar1 table {
	border-top: 1px dotted #000000;
	width: 100%;
	}
#sidebar1 table a {
	border: none;
	color: #000000;
	display: block;
	font-weight: bold;
	padding: 3px;
	}
#sidebar1 table th {
	color: #000000;
	text-align: center;
	}
#sidebar1 table td {
	color: #dfdfdf;
	text-align: center;
	}
#sidebar1 #calendar {
	margin-top: 20px;
	}
#sidebar1 #calendar h2 {
	display: none;
	}
#sidebar1 caption {
	color: #ff7700;
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 10px;
	text-align: left;
	}

/***********/

#content {
	float: right;
	width: 550px;
	}

.content-margin-20 {
	float: left;
	width: 0;
	}

#content h3 .description{ 
  display: block;
  color: #fff;
  font-size: larger;
  height: 20px;
  font-weight: bolder;
  text-align: right;
  background: url(http://www.artecolor.com/_css/_img/h3.gif) no-repeat left top;
 padding:10px 30px 0 0;
  margin: 15px 0 0 0 ;
}
/* -post and entries- */

.post {
	background: transparent;
	margin: 0 0 20px 0;
	padding: 20px;
	}
.post a {
	color: #ff7700;
	text-decoration: none;
	}
.post a:hover {
	color: #000000;
	text-decoration: none;
	}
.post blockquote {
	/*background: #efefef;*/
	border-left: 4px solid #dfdfdf;
	margin-top: 20px;
	padding: 1em;
	}
.post blockquote p {
	margin: 0;
	}
.post embed, .post img, .post object {
	display: block;
	margin-top: 20px;
	max-width: 510px;
	}
div.bottom {
 float: left;
 padding:0;
 margin-top: -3px;
   background: url(http://www.artecolor.com/_css/_img/h33.gif) no-repeat left bottom;
	height: 12px;
	width: 510px;
	
}
/*
.post img, .post object {
padding: 0;
	border: 4px solid #dfdfdf;
	padding: 3px;}
	
.post embed.alignleft, .post img.alignleft, .post object.alignleft {
	margin: 0;
	}
.post embed.alignright, .post img.alignright, .post object.alignright{
	margin: 0;
	}*/

.post h2  { 
  display: block;
  color: #fff;
  font-size: 1.2em;
  height: 20px;
  font-weight: bolder;
  text-align: right;
  background: url(images/h33.gif) no-repeat left top;
  padding: 6px 25px 0 0;

}
.post h2 a{
	color: #fff;
	}

}
.post h2 a:hover {
	color: #009 ;
	}




.post h3 { 
  display: block;
  color: #fff;
  font-size: larger;
  height: 20px;
  font-weight: bolder;
  text-align: right;
  background: url(images/h3.gif) no-repeat left top;
 padding-left:-50px;
  margin-left: -20px ;
}


.post h4 { 
  display: block;
  color:#009;
  background:transparent;
  font:bolder 0.9;
  background: url(images/dashedline.gif) no-repeat left bottom;
 /*margin: 0;*/
  margin: 30px 0 -10px 0;
}


/***** lista dentro del post***/
.post ul {
margin-left: -50px;
}

.post ul li{
margin: 0 0 -2px 40px;

display: block;
  font-size: .9em;
  list-style: round;
}

.post ul h5{
margin: 10px 0 -20px 0;
display: block;
font-weight : bold;
color: #333;
font-size: 1em;
}

/*** fin lista del post ****/


.post ul, .post ol {
	line-height: 1.5em;
	margin-top: 20px;
	}
.post input {
	background: #efefef;
	border: 1px solid #dfdfdf;
	color: #000000;
	padding: 3px;
	}
.post input[type="submit"] {
	margin-top: 20px;
	}

.postmetadata-top {
	margin-top: .8em;
	text-transform: uppercase;
  text-align: right;
  	margin-right: 25px;

	}
.postmetadata-bottom {
	margin-top: 20px;
	text-transform: uppercase;
	}

/* -post tables- */

.post table {
	background: #efefef;
	border: 1px solid #dfdfdf;
	border-collapse: collapse;
	line-height: 1.5em;
	margin: 20px auto 0 auto;
	width: 100%;
	}
.post th, .post td {
	background: #efefef;
	border: 1px solid #dfdfdf;
	padding: 5px;
	}


/* -comments- */

#comments, #respond {
	background: #ffffff;
	width: 550px;
	}

#commentpages {
	background: #ffffff;
	margin-bottom: 20px;
	/*padding: 20px;*/
	}


#commentpages h2{
	color: #009;
	}


ul#commentlist {
	list-style: none;
	margin-bottom: 20px;
	padding: 0 20px 0 20px;
	}
ul#commentlist li.comment {
	border-top: 1px dotted #dfdfdf;
	padding: 20px 0 20px 0;
	}
ul#commentlist ul.children {
	list-style: none;
	padding: 0 0 0 20px;
	}
ul#commentlist ul.children li {
	border-top: 1px dotted #dfdfdf;
	margin: 10px 0 0 0;
	padding: 10px 0 0 0;
	}
ul#commentlist li blockquote {
	/*background: #efefef;*/
	border-left: 4px solid #dfdfdf;
	margin-top: 20px;
	padding: 1em;
	}
ul#commentlist li blockquote blockquote {
	margin-bottom: 0;
	}
ul#commentlist li blockquote p {
	margin: 0;
	}
/*ul#commentlist a {
	color: #ff7700;
	}*/
	


h2.comments, h2.respond {
	color: #009;
	padding: 20px;
	size: .5em;
	}



h2.commentpages {
	margin-bottom: 20px;
	size: .8em;
	}


h4.comments { 
  display: block;
  color:#009;
  background:transparent;
  font:bolder 0.9;
  background: url(images/dashedline.gif) no-repeat left bottom;
 /*margin: 0;*/
  margin: 0 0 25px 20px;
}


small a.comment-edit-link {
	color: #ff7700;
	text-transform: uppercase;
	}
#commentlist div .avatar {
	float: left;
	border: 4px solid #dfdfdf;
	margin: 0 10px 10px 0;
	padding: 3px;
	}
.vcard .fn, .vcard .says {
	font-size: 1.5em;
	}
.comment-meta {
	font-size: .8em;
	margin-bottom: 40px;
	text-transform: uppercase;
	}
.comment-meta a {
	color: #000000;
	}
.comment-meta a.comment-edit-link {
	color: #ff7700;
	}
.reply {
	margin-top: 20px;
	text-align: left;
	}
#cancel-comment-reply-link {
	margin-left: 20px;
	}
li.depth-1 #respond {
	margin: 0 0 -20px -20px;
	}
li.depth-2 #respond {
	margin: 0 0 -20px -40px;
	}
li.depth-3 #respond {
	margin: 0 0 -20px -60px;
	}
li.depth-4 #respond {
	margin: 0 0 -20px -80px;
	}
li.depth-5 #respond {
	margin: 0 0 -20px -100px;
	}
#commentform {
	margin-bottom: 20px;
	padding: 0 20px 20px 20px;
	width: 510px;
	}
#commentform a {
	color: #ff7700;
	}
#commentform input, #commentform textarea {
	background: #efefef;
	border: 1px solid #dfdfdf;
	color: #000000;
	padding: 3px;
	}
#commentform #commentbox {
	height: 100px;
	width: 502px;
	}
#commentform #submit {
	color: #000000;
	margin-top: 20px;
	}
#commentform small {
	text-transform: normal;
	}
.commentlinks {
	padding: 5px;
	}
.commentlinks a {
	color: #000000;
	padding: 5px 10px 5px 10px;
	}
.commentlinks a:hover {
	background: #000000;
	color: #ffffff;
	}
.commentlinks .current {
	background: #000000;
	color: #ffffff;
	padding: 5px 10px 5px 10px;
	}

/* -search form- */

#s {
	background: #efefef url(images/mag.png) top left no-repeat;
	border: 1px solid #000000;
	color: #000000;
	padding: 3px 3px 3px 25px;
	width: 80px;
	}
#searchsubmit {
	display: none;
	}

/* -footer- */

/*#footer {
	border-top: 1px solid #000000;
	clear: both;
	padding: 20px 0 20px 0;
	text-align: right;
	width: 830px;
	}
#footer a {
	color: #000000;
	}
#footer small {
	text-transform: uppercase;
	}*/
div.final {
	margin: 0;
	float: right;
	width: 562px;
	height: 42px;
	background: transparent url(http://www.artecolor.com/_css/_img/490_footer.png) no-repeat bottom left;
	margin-bottom: 30px;

}

#pie {
	margin: 50px 0 30px 0 ;
	float: right;
	width: 720x;
	height: 42px;
	

}


#includes { 
	margin: 30px 0 0 0;
	width: 720px;
		height: 30px;
	clear: both;
}


/* Footer:: pie general */

#footer { 
	overflow:hidden;
	margin: 0 auto;
	width: 720px;
	clear: both;
	font-size : 9pt;
	color: #666;
} 


/* -misc and universal- */

.navlink a {
	background: #ffffff;
	color: #ff7700;
	display: block;
	margin-bottom: 20px;
	padding: 10px;
	text-align: center;
	}
.navlink a:hover {
	color: #000000;
	}
.navlink-posts {
	background: transparent;
	color: #ff7700;
	display: block;
	margin: 20px 0 20px 0;
	padding: 10px;
	text-align: center;
	}
.navlink-posts a:hover {
	color: #000000;
	}
.uppercase {
	text-transform: uppercase;
	}
.wp-smiley {
	border: none;
	display: inline;
	margin: 0;
	}

/* -floats - */

.aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
.alignleft {
	float: left;
	}
.alignright {
	float: right;
	}

/********cabecera*********/


#menu {
    float: center;
    clear: both;
	width: 720px;
	margin: 0 0 35px 0;

}
	
#late{
    float: center;
    clear: both;
	width: 720px;
	margin: 0 0 50px 0;
	align: center;

}


#cabecera { 
 float: center;
    clear: both;
	width: 720px;

}

#cabecera .inside {
	background:transparent url(http://www.artecolor.com/_css/_img/h1.gif) no-repeat left top;
	height:98px;

	

}

#cabecera .inside h1 a {
	float:left;
	/*padding-top:30px;*/
	font-weight:normal;
	width:100px;
	height:40px;
	display:block;
	text-indent:-9999px;
	}

/* ***** ul quick***** */



ul.quick {
margin-top: 6px;
 list-style: none;
 color: #333;
  padding-right: 10px; 
  height: 10px;
  margin-left: -20px;

}

ul.quick li {
 float: left;
 border-right:1px solid #f09;
 padding: 0 5px 0 5px;
 margin-left:0;
 margin-right:0;
 font-size: 0.85em;
 /* display:block; */
 /*padding: 0px; /* padding: 2px; helps Opera with hover */
}

ul.quick a {
	color: #09f; 
	text-decoration:none; 
	}

	
ul.quick li a:hover {
	color: #fff; 
	text-decoration: underline;
}

ul.quick li a:visited {
	color: #09f; 
}

ul.quick strong {
	color: #f09; 
	font-weight:bold;
}



#subcabecera {
 float: center;
 text-align: left;
    clear: both;
	width: 720px;
	height: 24px;
	background: url(http://www.artecolor.com/_css/_img/h1.gif) no-repeat center bottom;	
	/*margin-top: -5px;*/
}



#subsubcabecera {
margin: 0 auto; width: 720px; clear: both;
background: transparent;
margin-top: -12px;
}

#subsubcabecera h2 {
display: block;
color: #009;
  padding: 18px 0 20px 10px;
  /* */
  font-size: 1.4em;
  font-weight: bolder;
  background: transparent;

}

.top {
 float: left;
 padding-left: 17px ;
 display: block;
 border: none;
}

.right {
	float: right;
	margin: 3px 15px 5px 10px;
	display: block;
}

.left {
	float: left;
	margin: 5px 15px 5px 0;
	display: block;
}


*****************************

div.miguitas {
	float: right;
	width: 720px;
	height: 33px;
	padding: 0;
	background: transparent;
	padding: 0 0 10px 0;
}



/* ***** ul miguitas***** */

ul.miguit {

list-style: none;
margin:0 10px 0 0;
padding:-10px 0 0 0; 
color: #333;
font-size: 0.85em;
margin-top: 7px;
}

ul.miguit li {
 float: right;
 border-left:4px solid #FFF;
 padding: -10px 0 0 0;
 margin: 6px 3px 0 3px;
 /* display:block; */
 /*padding: 0px; /* padding: 2px; helps Opera with hover */
}

ul.miguit a: link
ul.miguit a: visited{
	color: #666; 
	text-decoration:none; 
	}
	
ul.miguit a:hover {
	color: #000; 
	text-decoration: underline;
}

ul.miguit strong {
	color: #f09; 
	font-weight:bold;
}


**********************************

/* Root = Horizontal, Secondary = Vertical */
navmenu-h {
  margin-left: -200px;
   
}

ul#navmenu-h {

  border: 1px none;
  padding: 0;
  /*width: 500px; For KHTML*/
  list-style: none;
  height: 40px;
  
   
}

ul#navmenu-h li {
	margin: -1px 1px -1px 1px;
	border: 0 none;
	padding: 0;
	float: left;
	display: inline;
	list-style: none;
	position: relative;
	height: 24px;
	/*top: -1px;*/

}

ul#navmenu-h ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 160px;
  list-style: none;
  display: none;
  position: absolute;
  top: 24px;
  left: 0;

}

ul#navmenu-h ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#navmenu-h ul li {
  width: 160px;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
}

/* Root Menu */
ul#navmenu-h a {
border: 0;

  /*border-bottom-color: #002586;*/
  padding: 0 6px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  background: #002586;
  color: #fff;
  font:  14px/22px Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
}




/* Root Menu Hover Persistence */
ul#navmenu-h a:hover,
ul#navmenu-h li:hover a,
ul#navmenu-h li.iehover a {
  background: #f09;
  color: #FFF;
}

/* 2nd Menu */
ul#navmenu-h li:hover li a,
ul#navmenu-h li.iehover li a {
  float: none;
   background: #ccf;
  color: #002586;
  border-right: 0;
  text-align: left;
}

/* 2nd Menu Hover Persistence */
ul#navmenu-h li:hover li a:hover,
ul#navmenu-h li:hover li:hover a,
ul#navmenu-h li.iehover li a:hover,
ul#navmenu-h li.iehover li.iehover a {
  background: #F09;
  color: #FFF;
  text-align: left;
}

/* 3rd Menu */
ul#navmenu-h li:hover li:hover li a,
ul#navmenu-h li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 3rd Menu Hover Persistence */
ul#navmenu-h li:hover li:hover li a:hover,
ul#navmenu-h li:hover li:hover li:hover a,
ul#navmenu-h li.iehover li.iehover li a:hover,
ul#navmenu-h li.iehover li.iehover li.iehover a {
  background: #CCC;
  color: #FFF;
}

/* 4th Menu Hover */
ul#navmenu-h li:hover li:hover li:hover li a:hover,
ul#navmenu-h li.iehover li.iehover li.iehover li a:hover {
  background: #CCC;
  color: #FFF;
}

ul#navmenu-h ul ul,
ul#navmenu-h ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 160px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu-h li:hover ul ul,
ul#navmenu-h li:hover ul ul ul,
ul#navmenu-h li.iehover ul ul,
ul#navmenu-h li.iehover ul ul ul {
  display: none;
}

ul#navmenu-h li:hover ul,
ul#navmenu-h ul li:hover ul,
ul#navmenu-h ul ul li:hover ul,
ul#navmenu-h li.iehover ul,
ul#navmenu-h ul li.iehover ul,
ul#navmenu-h ul ul li.iehover ul {
  display: block;
}*/



***********************