/* 
Client: Susana Cirille
Author: AndresYaz
WebSite: www.andresyaz.com.ar

For: Marquetry Susana Cirille
WebSite: www.marquetrycirille.com
*/
*{
margin:0;
padding:0;
}
body  {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	background-color: #000;
	background-image: url(assets/bg-wood2.jpg);
	background-repeat: repeat-x;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 12px;
	color: #333333;
}
 
.twoColFixRtHdr #container {
	width: 960px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */

	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
} 
.twoColFixRtHdr #header {
	 
	background-image: url(assets/bg-header.jpg);
	background-repeat: no-repeat;
	height: 146px; width: 960px;clear: both;

} 
.twoColFixRtHdr #header .menu-bar  {
	height: 30px;
	clear: both;
	padding-top: 5px;
	padding-left:15px;
}
.twoColFixRtHdr #container #header .menu-bar a {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 20px;
	color: #000000;
}


.twoColFixRtHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.twoColFixRtHdr #content {
	width: 930px;
	background-color: #dcbb8f;
	overflow: hidden;
	height: auto;
	padding-left: 15px;
	padding-right: 15px;
} 
.twoColFixRtHdr #sidebar1 {
	;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 10px;
	float: right;
	width: 200px;
}
.twoColFixRtHdr #mainContent {
	padding-top: 15px;
	width: 710px;
	float: left;
} 
.twoColFixRtHdr #footer { 
	padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#DDDDDD; 
} 
.twoColFixRtHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


img  {
color: transparent;
font-size: 0pt;
vertical-align: middle;
}

h1 { margin-left:15px;}
a  {
color: #af6e07;
}
a:link {
	color: #af6e07;
	text-decoration: none;
}
a:hover {
	
color: #6a4203;
}
 
a:visited {
	color: #993300;
}

 
#gallerymenu {
	background-color: #000000;
	height: 30px;
	width: 785px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	font-size: 16px;
	line-height: 25px;
	font-weight: bold;
	height: 30px;
	margin-bottom: 5px;

}
#gallerymenu a { text-decoration: none; }
#gallerymenu a:hover { text-decoration:underline;}

.active{
	color: #CCCCCC;
	text-decoration: none;
}

.style1 {color: #333333}

/*  Layout  */

#content {
	width: 815px;
	margin-top: 5px;
	margin-right: auto;
	margin-left: auto;
    padding-top: 10px;
	padding-bottom: 10px;
/*	border-bottom-width: 3px;
	border-bottom-style: double;
	border-bottom-color: #ffffff;*/
	overflow:hidden;
}
 
 #content-gallery {
	background-color:#000000;
	width: auto;
	margin-top: 5px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-bottom: 10px;
	/*border: 10px solid #333333;*/
	overflow: hidden;
}
.twoColFixRtHdr #header .logo {
margin-top: 5px;
padding-top: 5px;
padding-left: 5px;
padding-bottom: 5px;
width: 700px;
float: left;
}
.twoColFixRtHdr #header .social_icons {
	padding-top: 10px;
	padding-right: 10px;
	width: 118px;
	float: right;
	text-align: right;
}

#container {
	clear: both;
	height: auto;
	width: 815px;
}
.container_24 {
margin-left: auto;
margin-right: auto;
width: 960px;
}
 
.footer-container  {
background-color: #432b23;padding-top: 20px;
}

.footer-navi .navigation ul li a  {
color: #dcbb8f;font-size: 12px;
}

.footer-navi .navigation .right-navi {
float: right;
margin-right: 25px;
}

#footer {
	clear: both;
	height: auto;
	width: 815px;
	text-align: center;
	padding-top: 15px;
	text-decoration: none;
}
.mylink {color: #333333; text-decoration:none;}

/*----------------- TINY SLIDESHOW ----------------------------------------------*/
#slideshow {
	list-style:none;
	color:#333333;
}

#slideshow span {display:none;}

#wrapper {
	width:auto;
	display:none;
	background-color: #000000;
}
#wrapper * {margin:0; padding:0}
#fullsize {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:734px;
	height:612px;
	padding:2px;
	overflow: hidden;
	background-color:#000;/*border:1px solid #ccc;*/
}
#information {position:absolute; bottom:0; width:725px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#information h3 {padding:4px 8px 3px; font-size:14px}
#information p {padding:0 8px 8px}
#image { 	width:auto; }
#image img {position:absolute; z-index:25; width:auto;  }
.imgnav {position:absolute; width:25%; height:612px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(images/left.gif) left center no-repeat}
#imgnext {right:0; background:url(images/right.gif) right center no-repeat}
#imglink {position:absolute; height:612px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=50)}
.linkhover {background:url(images/link.gif) center center no-repeat}
#thumbnails {
	margin-top:10px;
	width: 510px;
	margin-left: auto;
	margin-right: auto;
	height: 80px;
}
#slideleft {float:left; width:20px; height:81px; background:url(images/scroll-left.gif) center center no-repeat; background-color:#222}
#slideleft:hover {background-color:#333; cursor: pointer;}
#slideright {float:right; width:20px; height:81px; background:#222 url(images/scroll-right.gif) center center no-repeat}
#slideright:hover {	background-color:#333; cursor: pointer;}
#slidearea {
	position:relative;
	width:456px;
	margin-left:5px;
	height:81px;
	overflow:hidden;
	float: left;
}
#slider {
	position:absolute;
	background-color:#FFF;
	left:0px;
	top: 0px;
	height:81px;
}
#slider img {cursor:pointer; border:1px solid #666; padding:2px}
#copy {
	text-align: center;
}
#copy  a,#copy a:visited,#copy a:hover{
	text-decoration:none;
	color: #333333;
}



/*------------------------- contact form ---------------------------*/

/* Formulario de Contacto: http://web-kreation.com/index.php/freebies/ */

/* the main layout */

#contentForm {
	display: block;
	margin-right: auto;
	margin-left: auto;
	width: 600px;
}

/* and now the form formatting itself */
#contentForm label {
	display: block;
	line-height: 20px;
	clear: right;
}

 #contentForm .input1,.input2,.textarea1{
	margin: 0;
	padding: 2px;
	font-size: 12px;
	color: #333333;
	background-color: #DAD6C9;
	border: 1px solid #333;
	width:284px;
}   
 #contentForm .textarea1{
	width:500px;
	height:164px;
	margin-bottom:5px;
}
#contentForm .input2{
 	width:30px;
} 
#contentForm input:focus, textarea:focus, select:focus {
	font-family:"Trebuchet MS", Tahoma, sans-serif;
	border: 1px solid #333333;
	background-color: #FFCC66;
	clear: right;
}



 #contentForm input.button {
	cursor: pointer;
	border: none;
	margin-left: 350px;
	background-image: url(assets/submit.png);
	background-repeat: no-repeat;
	width: 94px;
	height: 20px;
	font-weight: bold;
	color: #FFFFFF;
}

span.required{
  font-size: 13px !important;
  color: red !important;
}

.errormsg {
	display: block;
	width: 300px;
	height: 22px;
	line-height: 22px;
	color: #FFFFFF;
	font-weight: bold;
	background: #FF9D9D url(stop.gif) no-repeat 10px center;
	border: 2px solid #FF0000;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
}

.msgSent {
  font-size: 20px;
  text-align: center;
}
.new {
	background-color: #D49A5B;
	width: 300px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	height: 20px;
	border: 1px solid #870100;
}
/*=========================================*/
/*==========Start Footer Style============*/
/*=========================================*/
.footer-container {
	padding-top:20px;
}
.footer-container h4 {
	background-position:0% 100%;
	margin:0px;
	padding:0px;
	padding-bottom:10px;
	margin-bottom:15px;
}
.footer-container img {
	float:left;
	margin-right:15px;
}
.footer-container ul {
	margin-left:-15px;
}
.footer-container ul li{
color:#B7BFAF;
}
.footer-container .common.left {
	margin-left:30px;
	padding-right:35px;
}
.footer-container .common.right {
	margin-right:30px;
	padding-left:40px;
}
.footer-container .common.second {
	width:134px;
}
.footer-container .common.third {
	margin-left:20px;
	width:134px;
}
.footer-navi .navigation {
	margin-left:30px;
	margin-top:10px;
}
.footer-navi .navigation ul {
	float:left;
}
.footer-navi .navigation ul li {
	display:inline;
	margin:0px;
	padding:0px;
	padding-left:5px;
	padding-right:15px;
}
.footer-navi .navigation ul li:first {
 padding-left:0px;
}
.footer-navi .navigation ul li.last {
	background:none;
}
.footer-navi .navigation ul li a {
	font-size:12px;
}
.footer-navi .navigation .right-navi {
	float:right;
	margin-right:25px;
}
.footer-navi .navigation .right-navi img {
	margin-right:5px;
	float:left;
}
.footer-navi .navigation .right-navi p {
	margin:0px;
	padding:0px;
	margin-left:80px;
	font-size: 12px;
}
.footer-navi .navigation .right-navi p a{
	color: #dcbb8f;
}
.footer-navi {
	-webkit-border-radius: 0px 0px 10px 10px;
	-moz-border-radius: 0px 0px 10px 10px;
	border-radius: 0px 0px 10px 10px;
	height: 40px;
	padding-top:10px;
	background-color: #2d2120;
}

.left-navi{
float:left;}
/*=========================================*/
/*==========End Footer Style==============*/
/*==========End Homepage Style============*/
/*=========================================*/

 /*==========Contents============*/
 
  .grid_24 {
	width: 960px;
	background-color: #DCBB8F;
	overflow: hidden;
}

.container_24 .grid_24  

{

width: 960px;

}
 
 
.content-wrapper 
{
width: 960px;
height:auto;
overflow:auto;
}

.content-info  

{

border-bottom-width: 1px;

border-bottom-style: dotted;

border-bottom-color: #432b23;

padding-bottom: 10px;

margin-bottom: 10px;

}

.content-wrapper .content-info  

{
	margin-bottom: 20px;
	padding-left: 10px;
	padding-top: 20px;

}


 

.one_fourth {
	float: left;
	position: relative;
	width: 22%;
	margin-right: 3%;
}


.one_three {
	float: left;
	position: relative;
	width: 22%;
	margin-right: 3%;
}

blockquote  

{
	font-size: 16px;
	font-style: italic;
	padding-left: 65px;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 40px;
	margin-bottom: 40px;
	background-image: url(assets/qoute-brown.png);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0% 0%;
	background-clip: border-box;
	background-origin: padding-box;
	background-size: auto auto;
	height: 40px;
	padding-top: 10px;

}
.gallery-item {
	float: left;
	margin: 2px;
}
.woods {
	clear: both;
	width: 80%;
	border: 1px solid #663300;
	margin-right: auto;
	margin-left: auto;
}
.woods ul {
	padding-left: 5px;
	list-style-type: square;
	list-style-position: outside;
}