* { padding:0; margin:0; outline:0; }
body {
	background:#69521e;
	font-family: Arial, sans-serif;
	font-size:12px;
	line-height:20px;
	color:#252525;
	
}
input, textarea, select { font-family: Arial, sans-serif; font-size:12px; }

.notext { font-size:0; line-height:0; text-indent: -4000px; display:block; }

a img { border:0; }

a { color:#9d5f0e; text-decoration: underline; cursor:pointer; }
a:hover { text-decoration: none; }

.left, .alignleft { float:left; display:inline; }
.right, .alignright { float:right; display:inline; }

.cl { font-size:0; line-height:0; clear:both; display:block; height:0; }

.al { text-align: left; }
.ar { text-align: right; }
.ac { text-align: center; }

h2 { font-size:34px; line-height:34px; text-transform: uppercase; color:#fff; }
h2 span{ color:#f4d359; }
h3 { font-size:22px; line-height:24px; }

h2, h3,
#navigation,
#slider-navigation,
#footer { font-family: "Trebuchet MS", Arial, sans-serif;}

h1#logo {
	font-size:0;
	line-height:0;
	width:400px;
	height:90px;
	float:left;
}
h1#logo a{ display:block; height:90px; text-indent: -4000px; background:url(images/logo.png); }

.shell { width:980px; margin:0 auto; }
.shell2 { width:980px; margin:0 auto; text-align:center;}

#header { height:90px; background:url(imagenes/ojodemadera.jpg); }

#navigation { float:right; }
#navigation ul{ float:left; list-style-type: none; padding-top:37px; font-size:14px;}
#navigation ul li{ float:left; display:inline; height:21px; background:url(images/nav-border.gif) repeat-y right 0; padding:0 20px 0 0; margin-right:20px; position:relative; }
#navigation ul li.last{background:transparent; padding-right:0; margin-right:0; }
#navigation ul li a{
	float:left;
	color:#FFF;
	text-decoration: none;
}

#navigation ul li a em { width:90px; height:20px; background:url(images/nav-hover.png) no-repeat 0 -200px; position:absolute; top:33px; left:-55px;}
#navigation ul li.last a em { left:-45px;}
#navigation ul li a span { font-size:0; line-height:0; width:0; height:0; position:absolute; left:50%;}

#navigation ul li a.hover{ color:#f6cb44;}

#navigation ul li a.hover em{ background-position:0 0}

#slider { height:298px; background:url(imagenes/ojodemadera.jpg); }

.slides {
	width:980px;
	height:298px;
	position:relative;
	overflow:hidden;
	color:#b6b6b6;
}
.slides .jcarousel-clip { width:980px; height:298px; position:relative; overflow:hidden; }
.slides ul { width:980px; height:298px; position:relative; overflow:hidden; list-style-type: none;}
.slides ul li{ float:left; display:inline; width:980px; height:298px; position:relative; overflow:hidden; padding-top:20px;}
.slide-info { float:left; width:980px; padding-top:15px;padding-bottom:20px;}
.slide-info h2{ padding-bottom:20px;}
.slide-info p{ padding-bottom:15px;}
.slide-image { float:right; width:980px; height:250px; }
.image1 { background:url(images/slide-image1.png); }
.image2 { background:url(images/slide-image2.png); }
.image3 { background:url(images/slide-image3.png); }

#slider-navigation { height:67px; background:url(images/slider-nav.gif); }
#slider-navigation ul{ list-style-type: none; position:relative; width:1003px; margin-right:-23px; height:67px;}
#slider-navigation ul li{ float:left; display:inline; position:relative; margin:-35px 95px -22px 0;}
#slider-navigation ul li.last{ margin-right:0;}
#slider-navigation ul li a{ float:left; width:171px; height:79px; background:url(images/slide-button.png) no-repeat 0 0; position:relative; 
	left:-10px; color:#686767; font-size:14px; text-decoration: none; font-weight: bold; padding:45px 0 0 100px;}
	
#slider-navigation ul li a strong { display:block; font-size:23px; line-height:23px; color:#fff;}
#slider-navigation ul li a em{
	position:absolute;
	top:48px;
	left:20px;
	background-image: url(imagenes/i1.png);
}

#slider-navigation ul li a em.ico1 {
	width:59px;
	height:47px;
	background:url(images/ico1.png);
	left:28px;
}
#slider-navigation ul li a em.ico2 {
	width:58px;
	height:48px;
	background:url(images/ico2.png);
	left:27px;
}
#slider-navigation ul li a em.ico3 {
	width:59px;
	height:49px;
	background:url(images/ico3.png)
}

#slider-navigation ul li a.active,
#slider-navigation ul li a:hover { background:url(images/slide-button-active.png); color:#a6a6a6; }

#slider-navigation ul li a.active strong,
#slider-navigation ul li a:hover strong{ color:#000; }


#main { width:100%; background:#d3d4ce; padding:50px 0;}
#main2 { width:100%; background:#d3d4ce; height: 850px; padding:50px 0;}
#main3 { width:100%; background:#d3d4ce; height: 950px; padding:50px 0;}
#main4 { width:100%; background:#d3d4ce; height: 1150px; padding:50px 0;}
#main5 { width:100%; background:#d3d4ce; height: 1220px; padding:50px 0;}
#main6 { width:100%; background:#d3d4ce; height: 1700px; padding:50px 0;}
#main h3{ padding-bottom:10px; }
#main p{ padding-bottom:15px; }

a.more {
	font-size:18px;
	background:url(images/more.gif) no-repeat 0 center;
	padding-left:10px;
}
.more {
	color: #927500;
}
.cols {}
.col { float:left; width:250px; margin-right:115px;}
.col1 { float:left; width:300px; margin-left:20px;}
.col2 { float:left; width:300px; margin-left:20px; margin-right:80px;}
.col3 { float:left; width:800px; margin-left:90px; margin-right:90px; text-align:center}
.col4 { float:left; width:470px; margin-left:20px;}
.col-last { margin-right:0;}

.resaltar {
	font-weight: bold;
	color: #000;
}
.celda0_presupuestos {
	font-size: 12px;
	color: #000;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 40px;
	padding-left: 40px;
	text-align: justify;
}
.celda1_presupuestos {
    text-align: justify;  
	font-size: 12px;
	color: #000;
	padding-top: 5px;
	text-indent: 60px;
	padding-right: 10px;
	padding-left: 10px;
}
.celda5_presupuestos {
	font-size: 12px;
	color: #000;
	padding-top: 5px;
	padding-bottom: 5px;
	text-indent: 40px;
	padding-right: 10px;
	padding-left: 0px;
}
.celda6_presupuestos {
	font-size: 12px;
	color: #000;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 10px;
	padding-left: 5px;
}
.celda1_productos {
	font-size: 15px;
	color: #000000;
	text-align: justify;
	font-weight: bold;
	padding-top: 20px;
	padding-right: 40px;
	padding-bottom: 15px;
	padding-left: 40px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #000;
}
.celda4_presupuestos {
	padding-top: 5px;
	padding-right: 40px;
	padding-left: 0px;
	text-align: right;
}
input.cajas_largas {
	font-size: 12px;
	color: #000000;
	float:left;
	width: 700px;
	margin: 5px;
	height: 16px;
	border: 1px solid #000;
	text-indent: 2px;
}
.celda_separacion2_catalogo {
	height: 15px;
	font-size: 15px;
	line-height: 15px;
}



#footer { height:120px; background:url(imagenes/ojodemadera.jpg); color:#6d6d6d; }
#footer .shell{ padding-top:28px;}
#footer .right { white-space:nowrap; font-size:14px; text-align: right;}
#footer .right span{ padding:0 1px;}
#footer .right a{ text-decoration: none; color:#939393;}
#footer .right a:hover{ color:#f6cb44;}
.footer-logo {
	float:left;
	width:550px;
	height:45px;
	background:url(images/footer-logo.png);
}
.pika-thumbs li{width: 180px; height:80px;}
.pika-stage {height: 600px;}


body{font-family: sans-serif;background:#FCFCFC;}
a{color:white;}

/*estilos de la galeria de imagenes*/
.pikachoose {width: 800px; margin: 0 auto;}
.pika-stage {position: relative;border: 3px solid #010101;
	-moz-box-shadow: 5px 5px 2px #888;-webkit-box-shadow: 5px 5px 2px #888;box-shadow: 5px 5px 2px #888;}
	
	/*if you change the padding on pika-stage you must adjust the top left of this to match! */
	.pika-stage .main-image {position: absolute; top: 0px; left: 0px;}
	.pika-stage .pika-aniwrap{position: absolute; top: 0px; left: 0px;}
	.pika-stage .pika-ani {position:relative;display: none;z-index:2;margin:0 auto;}
	.pika-stage img {border:0;height:100%;}

.pika-stage .caption {position: absolute; background: url(75-black.png);  border: 1px solid #141414; font-size: 11px; 
			color: #fafafa; padding: 10px; text-align: right; bottom: 10px; right: 10px;}
	.pika-stage .caption p {padding: 0; margin: 0; line-height: 14px;}

.pika-imgnav a {position: absolute; text-indent: -5000px; display: block;z-index:3;cursor:pointer;}
	.pika-imgnav a.previous {width:20px;height:20px;border-left: 5px solid #FFF;border-top: 5px solid #FFF;opacity:0;-webkit-transition: opacity 300ms linear;
		-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);transform: rotate(-45deg);top:45%;left:10px;}
	.pika-imgnav a.next {width:20px;height:20px;border-right: 5px solid #FFF;border-top: 5px solid #FFF;opacity:0;-webkit-transition: opacity 300ms linear;
		-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(45deg);top:45%;right:10px;}
	.pika-imgnav a:hover{opacity:.6;-webkit-transition: opacity 300ms linear;}	

	.pika-imgnav a.play  {border-color: transparent transparent rgba(255,255,255,.7);border-style: solid;border-width: 0 0 25px 25px;height: 0;width: 0;position:absolute;
		-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);transform: rotate(-45deg);top:14px;left:47%;display:none;}
	.pika-imgnav a.pause {display:none;border-left:5px solid rgba(255,255,255,.7);border-right:5px solid rgba(255,255,255,.8);height: 30px;width: 14px; position:absolute;top:10px;left:47%;}

.pika-textnav {display:none;}
	
.pika-thumbs {margin: 10px 0 0 17px; padding: 0;}
	.pika-thumbs li {float: left; list-style-type: none; margin: 5px; border: 1px solid #000; cursor: pointer;
		-moz-box-shadow: 3px 3px 2px #888;-webkit-box-shadow: 3px 3px 2px #888;box-shadow: 3px 3px 2px #888;}

		.pika-thumbs li:last {margin: 0;}
		.pika-thumbs li .clip {position:relative;height:100%;text-align: center; vertical-align: center; overflow: hidden;}

/*for the tool tips*/
.pika-tooltip{font-size:12px;position:absolute;color:white;padding:3px; background-color: rgba(0,0,0,0.7);border:3px solid black;}
.pika-counter{position: absolute;bottom: 15px;left:15px;color:white;background:rgba(0,0,0,0.7);font-size:11px;padding:3px;-moz-border-radius: 5px;border-radius:5px;}

