@charset "utf-8";
/* CSS Document */

* {	margin: 0; padding: 0;}
html, body {height: 100%;}
body { padding: 0; margin: 0; font-family: Verdana; font-size : 62%; color : #CECEBA; background: #151815;}

/* Links */
a:link, a:visited { text-decoration : none; color : #A9A976; border: 0;} 
a:hover, a:focus, a:active {  color : #DDDB9E; border-bottom-width: 1px; border-bottom-style: dotted;}
a:focus{ outline:none; } /* Quita el borde punteado de los enlaces*/

/* General Class */
img { border: none; }
div.clear{clear:both;margin-top:10px; }
ul { list-style: none; margin:0; padding:0; }
hr { clear: both; display: block; margin-bottom: 20px; color:#151815; border: none;}
div.destacado p { color: #cccc99 }

/* Layout */
#wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -75px; text-align: center; clear: both; }
#header { height:140px;	background: #000000; text-align: left; }
#navegador { width:760px; height: 41px; margin: 0 auto; }
#wrapper2 { clear:both; margin: 0 auto; padding: 60px 0 0 0; text-align: left; background: url(imgs/bg-wrapper2.gif) repeat-x; }
#contenido {width:760px; margin: 0 auto; }
#footer, .push  { height: 70px; }
#footer { margin:0; padding:0; border-top: 5px solid #000000; clear: both; background: #2E2E29; bottom: 0; }

/* Header*/
#logo { width:760px; height: 89px; margin: 0 auto; padding: 10px 0 0 0; }
#logo a { border: none; }

ul#nav { float: left; padding: 0; margin: 0; list-style-type: none;}
ul#nav li { float: left; padding: 0; margin: 0; display: inline; width: auto; }
ul#nav li a { float: left; display: block; height: 31px; padding: 10px 14px 0 15px;}
ul#nav a:link, ul#nav a:visited { font-family: Georgia; font-size: 1.5em; font-style: normal; text-align: center;  background: #2a2317; border-right: 1px dashed #000000; border-bottom: none;}
ul#nav a:hover, ul#nav a:active { background: #312718; text-decoration : none;}

ul#idioma {
	width: 150px;
	float: left;
	margin-left:10px;
	list-style-type: none;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
ul#idioma li { float: left; line-height: 1.2em; margin: 0;
padding: 5px 0 0 0; width: 73px }
ul#idioma a { font-size: 1em; font-style: normal;  }

/* FOOTER */
#f-content { width: 760px; margin: 0 auto; padding: 15px 5px;}

/* CONTENIDO */
div.destacado { float: left; background: #2a2317 url(imgs/deco-div.gif) no-repeat top right; }
div.destacado img {float: left; padding-right: 10px; display: block; }
div.destacado div.txt { float: left; padding: 10px;}

div.sub { float: left; background: #2E2E29 url(imgs/deco-div.gif) no-repeat top right; padding: 10px;}
div.sub img { float: left; margin: 0 15px 5px 0; }


/* CATALOGO-Piezas */
div.piezas { float: left;  width: 760px;}
div.piezas img { width:116px; height: 174px;}
div.piezas a.linkopacity img {
filter:alpha(opacity=100);   
-moz-opacity: 1.0;   
opacity: 1.0;
-khtml-opacity: 1.0; 
}/* Rollover con opacidad */
div.piezas a.linkopacity:hover img {
filter:alpha(opacity=80);
-moz-opacity: 0.8; 
opacity: 0.8;
-khtml-opacity: 0.8;
}/* Rollover con opacidad */

/* HOME */
#home div.destacado { width: 760px; background: #2a2317 url(imgs/deco-div.gif) no-repeat top right; }
#home div.flash { float: left;}
#home div.sub { float: left; width: 250px; padding: 15px; background: none; }

/* EXPOSICIONES */
#exposiciones div.destacado { width: 470px; }
#exposiciones div.sub { width: 260px; margin-left: 10px;}
#exposiciones div.destacado div.txt p { width:230px; }

#col-izq { float: left; width: 566px;}
div.col-izq { float: left; width: 760px; padding-bottom: 30px; }

div.expo-anterior { float: left; width:230px; padding: 0 20px 5px 0;  }
div.expo-anterior img {	float: right; border: 1px solid #333333; margin: 2px 0 3px 3px; }

div.sub-expo-anterior {	float: right; width: 182px; }
div.sub-expo-anterior ul li { margin-bottom: 15px; border-bottom: 1px solid #2E2E29; padding-bottom: 10px;}

#exposiciones div.destacado h4 a:link, #exposiciones div.destacado h4 a:visited {  font-size: 1.5em;  }
#exposiciones div.destacado h4 a:hover, #exposiciones div.destacado h4 a:focus, #exposiciones div.destacado h4 a:active {  }

/* EXPOSICION */
#exposicion div.destacado {  background-image: none; width: 480px; }
#exposicion div.sub { width: 250px; height: 217px; }
#exposicion div.piezas { padding-top: 20px;}
#exposicion div.destacado div.txt p, #exposicion div.destacado div.txt h4  { width: 260px;}


#exposicion div.sub img { border-bottom: 1px solid #000000; border-right: 1px solid #000000; }
#exposicion div.destacado h4 { font-size: 2.1em; }
/* PIEZA */
#pieza #ficha-pieza { background: #2E2E29 }
#pieza div.destacado { width: 480px; background: none; padding: 10px; display:inline; }
#pieza div.sub { width: 240px; display:inline; }
#pieza div.destacado img { margin-bottom: 10px; display:inline; }
#nav-piezas { margin-top: 20px; }

/* PROYECTOS */
#proyectos div.conferencias { width: 390px; margin: 10px 10px 0 0; float:left; }
#proyectos div.sub { width: 320px; margin-left: 10px;}
div.infobloc img {	float: right; border: 1px solid #333333; margin: 2px 0 3px 3px; }
div.infobloc { border-bottom: 1px solid #333333; padding-bottom: 10px; margin-bottom: 18px;}
div.infobloc p { margin-bottom: 7px; }

/* SERVICIOS */
#servicios div.sub { width: 340px; margin-right: 20px; }

/* CONTACTO */
#contacto div.destacado { width: 370px; padding: 10px; }
#contacto div.sub { width: 340px; margin-left: 10px;}
.infocontacto { width: 169px; float: left; padding:0; margin: 5px 10px 5px 0; }
#contacto h5, #contacto h4 { font-size: 1.1em; margin: 5px 0; padding:2px 2px 2px 15px; background: url(imgs/bg-h-contacto.gif); clear: both; font-family: Arial, Helvetica, sans-serif; letter-spacing: 0.06em; }


form { }
.cssform p{
margin: 0;
padding: 5px 0 8px 0;
padding-left: 75px; /*width of left column containing the label elements*/
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -75px; /*width of left column*/
width: 70px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}
.cssform input.btn {
		background:				none;
		outline: 				none;
		cursor:					pointer;
		display:				block;
		height:					26px;
		width:					77px;
		border: none;
		font-weight: bold;
		font-size: 1.1em;
	}

/* Font Style */
/* font: bold italic small-caps 1em/1.2em arial,sans-serif; */
h1, h2, h3, h4, h5 { font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; font-style: normal; padding-bottom: 7px; }
h1 {}
h2 { font: normal normal normal 2.1em Georgia, "Times New Roman", Times, serif; border-bottom: 1px solid #4C4C45; margin-bottom: 14px; }
h3 { font-size: 1.4em; margin-bottom: 14px; border-bottom: 1px solid #33332E; }
div.destacado h3 { border-bottom: 1px solid #362b1a; }
h4 { font-size: 1.4em; color: #FFFFFF; margin-bottom: 14px;}
h4 a:link, h4 a:visited { color: #A9A976; }
h4 a:hover, h4 a:focus, h4 a:active { color: #DDDB9E; }
h5 { font-size: 1.2em; margin-bottom: 12px; }
p { line-height: 14px; font-size: 1.1em }