* {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     font-style: normal;
     font-family: Arial;
     vertical-align: baseline
}

body {
     line-height: 1;
     background: #4d2911 url(../img/bgwood.jpg) repeat-y center center; 
}

:focus {
     outline: 0
}

ol, ul {
     list-style: none
}

table {
     border-collapse: collapse;
     border-spacing: 0
}


input, textarea {
     margin: 0;
     padding: 0
}

hr {
  	background:#CCCCCC none repeat scroll 0 0;
	border:medium none;
	height:1px;
	line-height:1px;
	margin-bottom:20px;
	padding:0;
}
a {
	
}

a:hover {
	
}

h1 {
	background:transparent url(../img/carpinteriajt.png) no-repeat scroll 0 0;
	height:58px;
	margin-top:20px;
	text-indent:-44444px;
	width:562px;
	
}
h1 a{
display:block;
height:100%;
width:100%;
}
h2 {
	font-size: 28px;
	color: #ffffff;
}

h3 {
	
}

h4 {
	
}

h5 {
	
}

p {
	
}

#bodier {
	margin:0 auto;
	width:900px;
	position: relative;
}

#cabecera {
	height: 100px;
	display: block;
}
.logo {
float: left;
}
.menu {
float:right;
margin-right:0;
margin-top:40px;

}

ul.navigation {

}
ul.navigation li{
display:inline-table;
float:left;
margin:0;
width:auto;
}
ul.navigation li a {
font-family: Impact,Helvetica,arial,sans-serif;
color:#ffffff;
font-size:16px;
display:block;
font-size:18px;
margin:0;
padding:0 15px 10px;
text-decoration:none;
text-transform:uppercase;
z-index:100;
border-bottom:5px solid #FFB273;
}
ul.navigation li a:hover,ul.navigation li a.active {
border-bottom:5px solid #CF5C00;
}




#contenido {
min-height: 300px;
	
}
	

#footer {
clear:both;
display:block;
height:30px;
padding-top:60px;
color:#EEEEEE;
}

/* GALERIA */


.caption{
color:#888888;
left:215px;
position:absolute;
margin-top: 20px;
}
.galeria{

-moz-border-radius:6px 6px 6px 6px;
-webkit-border-radius: 6px;
background:none repeat scroll 0 0 #FFFFFF;
margin-top:2em;
padding:10px;
position:relative;
background:none repeat scroll 0 0 #FFFFFF;
border:1px solid #CCCCCC;
float: left;
}
.list_galeria{width:200px;float:left;}
.list_galeria li{width:55px;height:70px;border:3px double #eee;margin: 0 2px 2px 0;background:#eee;}
.list_galeria li.hover{border-color:#bbb;}
.list_galeria li.active{border-style:solid;border-color:#222;}
.list_galeria li div{left:240px}
.list_galeria li div .caption{font:italic 0.7em/1.4 georgia,serif;}

.galleria_container{margin:0 auto 60px auto;min-height:438px;width:678px;float:right;}

.nav{padding-top:15px;clear:both;}
.nav{
left:10px;
top:475px;
color:#888888;
}
.nav a{
color:#888888;
text-decoration:none;
text-transform:capitalize;
}
.galleria{list-style:none;width:200px}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */

/* CONTACTO */

.datos_empresa {
display: block;
margin-bottom: 15px;
}
.mapa {
border:3px solid #222222;
height:250px;
width:400px;
display: inline-block;
}
.mapa span {
display: none;
}
.mapa a {
font-size: 8px;
}
.direccion {
display:inline-block;
height:250px;
position:relative;
width:450px;
}
.direccion .texto {
left:80px;
position:absolute;
top:50px;
}
.direccion p {
	color:#F2EFE9;
	font-size:21px;
	text-shadow:1px 1px #000000;
}

.contacto {
display: block;
}
.formulario {
-moz-border-radius:6px 6px 6px 6px;
-webkit-border-radius: 6px;
background:none repeat scroll 0 0 #FFFFFF;
border:1px solid #CCCCCC;
display:block;
height:300px;
margin:0 auto;
position:relative;
width:815px;
}
.more_ways {
	display:inline-block;
	float:left;
	margin-right:4px;
	position:relative;
	width:450px;
}

form#contactar {
float:left;
margin-left:10px;
margin-top:10px;
width:380px;
}

.oculto {
display: none;
}

label {
display:block;
margin-top:6px;
}
input{
background:none repeat scroll 0 0 #EFEFEF;
border:1px solid #999999;
display:block;
font-family:monospace;
font-size:14px;
padding:3px;
width:100%;
}
textarea {
background:none repeat scroll 0 0 #EFEFEF;
border:1px solid #999999;
display:block;
font-family:monospace;
font-size:14px;
margin-bottom:5px;
padding:3px;
width:100%;

}
input.submit {
    background: #222 url(../img/alert-overlay.png) repeat-x;
    height:35px;
    float:left;
	width:100px;
    color: #000000;
    text-decoration: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    border:none;
    cursor: pointer;
    background-color: #DFDFDF;
	font-size:16px;	
	border:1px solid #ccc;
}
#result {
height:290px;
left:50%;
margin:-145px auto auto -250px;
position:absolute;
top:50%;
width:500px;
}
.error {
left:50%;
margin:-64px auto 0 -64px;
position:absolute;
top:50%;
width:128px;
}
.error h4{
background:#ffffff url(../img/Close.png) no-repeat scroll 0 0;
height:128px;
left:200px;
text-indent:-44444px;
width:128px;
}
.error ul {
display:block;
height:30px;
margin-left:30px;
margin-top:200px;
text-align:center;
width:350px;
}
.validate h4{
background:#F2EFE9 url(../img/Ok.png) no-repeat scroll 0 0;
height:128px;
left:200px;
margin-left:-64px;
margin-top:-64px;
position:absolute;
text-indent:-44444px;
top:125px;
width:128px;
}

/* PORTADA */
#portada {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #CCCCCC;
	margin:10px auto;
	padding:20px;
	width:750px;
}
#portada h3 {
			margin: 0;	
			padding: 7px 0 0 0;
			font-size: 16px;
			text-transform: uppercase;
		}
#portada h2 {
	color:#000000;
	font-weight:bold;
}
#portada p {
	margin:0;
	padding:7px 0;
}
p.minitext {
font-size: 13px;
}
i {
font-style: italic;
}
b {
font-weight: bold;
}
u {
text-decoration: underline;
}
		div#feature_list {
			width: 750px;
			height: 240px;
			overflow: hidden;
			position: relative;
		}

		div#feature_list ul {
			position: absolute;
			top: 0;
			list-style: none;	
			padding: 0;
			margin: 0;
		}

		ul#tabs {
			left: 0;
			z-index: 2;
			width: 320px;
		}

		ul#tabs li {
			font-size: 12px;
			font-family: Arial !important;
		}
		
		ul#tabs li img {
			padding: 5px;
			border: none;
			float: left;
			margin: 10px 10px 0 0;
		}

		ul#tabs li a {
			color: #222;
			text-decoration: none;	
			display: block;
			padding: 10px;
			height: 60px;
			outline: none;
			line-height: 1.6;
		}

		ul#tabs li a:hover {
			text-decoration: underline;
		}

		ul#tabs li a.current {
			background:  url('../img/feature-tab-current.png');
			color: #FFF;
		}

		ul#tabs li a.current:hover {
			text-decoration: none;
			cursor: default;
		}

		ul#output {
			right: 0;
			width: 463px;
			height: 240px;
			position: relative;
		}

		ul#output li {
			position: absolute;
			width: 463px;
			height: 240px;
		}

		ul#output li a {
			position: absolute;
			bottom: 10px;
			right: 10px;
			padding: 8px 12px;
			text-decoration: none;
			font-size: 11px;
			color: #FFF;
			background: #000;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
		}
		
		ul#output li a:hover {
			background: #D33431;
		}
		
/* ***** */
input.reload {
	background:transparent none repeat scroll 0 0;
	border:medium none;
	font-family:Arial;
	font-size:16px;
	font-weight:bold;
	height:20px;
	margin-top:0;
	padding:0;
	width:auto;
	text-decoration: underline;
}
.reload:hover {
	cursor: pointer;
}


.twitter{
	background:#F2EFE9 none repeat scroll 0 0;
	border:3px solid #222222;
	min-height:250px;
	padding-bottom:20px;
}
.twitter h2 {
	background:#F2EFE9 url(../img/twitter_wood.png) no-repeat scroll 0 0;
	color:#000000;
	font-size:24px;
	height:34px;
	margin-bottom:2px;
	margin-left:10px;
	margin-top:10px;
	padding-left:38px;
	padding-top:5px;
	
}