html, body {margin:0; padding:0; width:100%; height:100%; min-height:100%;overflow:hidden;}
body {font:12px/14px  helvetica, arial,Sans-serif;color:#fff;}
a {color:#E08903;font-weight:bold;text-decoration:none;}
a:hover {text-decoration:underline;}
#background{position:absolute; z-index:1; width:100%; height:100%;}
#scroller {position:absolute; width:100%; height:100%; top:0; left:0; overflow:auto; z-index:2;} 
p {
	font-size:1.1em;
	letter-spacing:0.05em;
	margin-right:1.9em;
	font-weight:normal;
	/*letter-spacing:.05em;*/
	line-height:1.2em;
	word-spacing:0.1em;
	text-align:justify;
}
a img {border:0px;}
h2 {
	clear:both;
	font-weight:normal;
	letter-spacing:0;
	margin:5% 0 2%;
	text-shadow:1px 2px 5px #000000;
	word-spacing:2px;
}
/********Logo**********/
#logo {
	display:block;
	margin-bottom:0;
}
#logo h1 {
	background:transparent url(../images/logo.png) no-repeat scroll 0 0px;
	display:block;
	height:115px;
}
#logo h1 a {
	display:block;
	height:115px;
	width:350px;
}
#logo h1 a span {
	position:absolute;
	top:-999px;
}

#container {
    display: table;
    height: 100%;
    width: 90%;
    margin: 0 5%;
}

#content_izq {
    display: table-cell;
    /*vertical-align: middle;*/
	vertical-align: top;
    position: relative;
	width:50%;
	padding-left:3%;
	padding-top:10%;
	/*background:transparent url(http://www.artecelada.com/templates/artecelada/images/bkleft.png) repeat-y top left;*/
}
#content_der {
    display: table-cell;
    vertical-align: top;
    position: relative;
	width:50%;
	padding-right:3%;
	/*background:transparent url(http://www.artecelada.com/templates/artecelada/images/bkright.png) repeat-y top right;*/
}
#inner_izq {
    /*border: 1px dashed #F00;*/
    width: 100%;
    margin: 0 auto;
    padding: 0;
	overflow:hidden;
}
#inner_der {
    /*border: 1px dashed #F00;*/
    width: 100%;
    margin: 0 auto;
    padding: 0;
}
#inner_izq img {display:block;margin:0 auto;width:400px;}


/* \*/
* html #content {
    top: 50%;
    left: 0;
    height: 1px;
    }

* html #content #inner {
    position: relative;
    top: -50%;
    }
/* */
#ampliar {width:400px;display:block;margin:0 auto 3% auto;overflow:hidden;}
#ampliar a.zoom {text-decoration:none;background:#fff;padding:2px;font-size:.8em;float:right;margin:5px;}
#ampliar a:hover.zoom {background:#9d9d9d;}
#ampliar a.detalle {text-decoration:none;background:#fff;padding:2px;font-size:.8em;float:right;margin:5px;}
#ampliar a:hover.detalle {background:#9d9d9d;}
#caja {width:50%;float:right;margin:0 5% 0 0;clear:both;}
#titulo {display:block;}

#trabajos{padding:0;margin:3% 0 0;overflow:hidden;}
#trabajos ul {display:block;list-style-type:none;margin:0 .2em 0 0;padding:0;}
#trabajos ul li {display:inline;margin:0 .8em .8em 0;float:left;}
#trabajos ul li a {border:1px solid #000;display:block;}
#trabajos ul li a:hover {border:1px solid #E08903;}
#trabajos ul li a img {height:55px;width:55px;}


/*********Contactar**************/
#content_contactar {
    display: table-cell;
	vertical-align: top;
    position: relative;
	width:50%;
	padding-left:3%;
	padding-top:10%;
}
#content_contactar form {
	margin:0 auto;
	width:80%;
	display:block;
}
#content_contactar fieldset {
	border:0 groove threedface;
	display:block;
	padding:0;
}
#content_contactar legend {
	display:none;
}
#subject {
	font-size:1.2em;
	height:auto;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:medium;
	padding:3px;
	width:97%;
}
#from {
	font-size:1.2em;
	height:auto;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:medium;
	padding:3px;
	width:97%;
}
#message {
	font-size:1.2em;
	height:auto;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:medium;
	padding:3px;
	width:97%;
}
.idleField {
	background:#FFFFFF url(../images/bkform.jpg) repeat-x scroll 0 0;
	border:0px solid #C8C8C8;
	color:#000;
	filter:alpha(opacity=25);
	opacity: .5;
}
#content_contactar h2 {
	margin-left:10%;
}
input.enviar {
	background:transparent url(../images/formbutton.png) no-repeat scroll 0 0;
	border:0 none;
	color:#E08903;
	float:right;
	height:auto;
	width:auto;
	text-decoration:none;
	background:#fff;
	padding:2px;
	font-size:.8em;
	float:right;
	margin:5px;
}
input.enviar:hover {
	background-position:1px 1px;
	background-color:#9D9D9D;
}
#content_contactar span {
	margin:.5em 0 .5em 0;
	display:block;
}
#content_contactar span.error, #content_contactar span.ok {
	margin:.5em auto;
	width:60%;
	background:#B20303;
	display:block;
	color:#fff;
	font-weight:bold;
	padding:3px;
	font-size:.9em;
}
#content_contactar span.ok {
	background:#3D683A;
}
#inner_der h3 {
	font-size:1.1em;
	font-weight:normal;
	letter-spacing:0.05em;
	line-height:1.2em;
	margin-right:1.9em;
	text-align:justify;
	word-spacing:0.1em;
}