/* eric meyer reset */ 


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/*empiezan estilos*/

body {
font: 12px/1.4 verdana, helvetica, arial, sans-serif;
color: #666;
background: #6c7b6b;
}

a {
color: #937A73;
font-weight: bold;}

a:hover, a:focus, a:active {
color: #066;}


#contenedor {
width: 760px;
margin: 40px auto;}


#branding {
position: relative;
height: 90px;
background: url(images/branding.jpg) no-repeat 0 0;
}

#branding h1 {
position: absolute;
top: 10px;
left: 205px;}

#branding a {
display: block;
height: 66px;
width: 345px;
text-indent: -9999px;}

#branding p {
position: absolute;
top: -9999px;
left: -9999px;}

#content {
background: #cad0c5 url(images/content.jpg) no-repeat 0 0;
padding: 15px;}

/*empiezan estilos del home*/

body.home #content {
height: 285px;
position: relative;}

body.home #content ul {
position: absolute;
top: 49px;
left: 286px;
width: 184px;
height: 198px;
} 

body.home #content .obras {
margin-bottom: 20px;}

body.home #content .obras, .home #content li.obras a {
width: 184px;
height: 93px;
display: block;}

body.home #content li.obras a {
background: url(images/home-content-obras-a.jpg) no-repeat 0 0;
text-indent: -9999px;}

body.home #content li.obras a:hover, .home #content li.obras a:focus, .home #content li.obras a:active {
background-position: left bottom;}


body.home #content .curri, .home #content li.curri a {
width: 184px;
height: 85px;
display: block;}

body.home #content li.curri a {
background: url(images/home-content-curri-a.jpg) no-repeat 0 0;
text-indent: -9999px;
}

body.home #content li.curri a:hover, .home #content li.curri a:focus, .home #content li.curri a:active {
background-position: left bottom;}

/*terminan estilos del home*/


body.curri #curriculum {
padding-right: 240px;
padding-top: 150px;
background: url(images/curriculum2.jpg) no-repeat 0 0;}

body.curri #curriculum h3 {
font-size: 110%;
font-weight: bold;
margin-top: 5px;}

/*empiezan estilos del menú de curri y obras*/

body.curri #content #nav ul, body.obras #content #nav ul  {
height: 26px;
margin-bottom: 15px;}

body.curri #content #nav ul li.home, body.curri #content #nav ul li.home a, 
body.obras #content #nav ul li.home, body.obras #content #nav ul li.home a {
width: 120px;
position: relative;
float: right;
height: 26px;
} 


body.curri #content #nav ul li.home a, body.obras #content #nav ul li.home a {
background: url(images/nav-home-a.jpg) no-repeat 0 0;
text-indent: -9999px;}


body.curri #content #nav ul li.home a:hover, body.curri #content #nav ul li.home a:focus, body.curri #content #nav ul li.home a:active, 
body.obras #content #nav ul li.home a:hover, body.obras #content #nav ul li.home a:focus, body.obras #content #nav ul li.home a:active {
background-position: left bottom;}




body.curri #content #nav ul li.obras, body.curri #content #nav ul li.obras a {
width: 117px;
position: relative;
float: right;
height: 26px;
} 


body.curri #content #nav ul li.obras a {
background: url(images/nav-obras-a.jpg) no-repeat 0 0;
text-indent: -9999px;}


body.curri #content #nav ul li.obras a:hover, body.curri #content #nav ul li.obras a:focus, body.curri #content #nav ul li.obras a:active {
background-position: left bottom;}




body.obras #content #nav ul li.curri, body.obras #content #nav ul li.curri a {
width: 194px;
position: relative;
float: right;
height: 26px;
} 


body.obras #content #nav ul li.curri a {
background: url(images/nav-curri-a.jpg) no-repeat 0 0;
text-indent: -9999px;}


body.obras #content #nav ul li.curri a:hover, body.obras #content #nav ul li.curri a:focus, body.obras #content #nav ul li.curri a:active {
background-position: left bottom;}

body.curri p.con-separacion {
margin: 5px 0;}

/*terminan estilos del menú de curri y obras*/

#siteinfo {
border-top: 1px solid #A2A499;
text-align: center;
height: 40px;
background: url(images/siteinfo.jpg) repeat-y 0 0;
padding: 5px;
font-size: 90%;}












/* estilos de la galería de obras */

.thumbs a, .thumbs a:visited {display:block; display:inline-block; color:#000; text-decoration:none; border:1px solid #000; width:40px; height:40px; float:left; margin:4px; z-index:50;}
a.cuadro01 {background:url(thumbs/cuadro01.jpg);}
a.cuadro02 {background:url(thumbs/cuadro02.jpg);}
a.cuadro03 {background:url(thumbs/cuadro03.jpg);}
a.cuadro04 {background:url(thumbs/cuadro04.jpg);}
a.cuadro05 {background:url(thumbs/cuadro05.jpg);}
a.cuadro06 {background:url(thumbs/cuadro06.jpg);}
a.cuadro07 {background:url(thumbs/cuadro07.jpg);}
a.cuadro08 {background:url(thumbs/cuadro08.jpg);}
a.cuadro09 {background:url(thumbs/cuadro09.jpg);}
a.cuadro10 {background:url(thumbs/cuadro10.jpg);}
a.cuadro11 {background:url(thumbs/cuadro11.jpg);}
a.cuadro12 {background:url(thumbs/cuadro12.jpg);}
a.cuadro13 {background:url(thumbs/cuadro13.jpg);}
a.cuadro14 {background:url(thumbs/cuadro14.jpg);}
a.cuadro15 {background:url(thumbs/cuadro15.jpg);}
a.cuadro16 {background:url(thumbs/cuadro16.jpg);}
a.cuadro17 {background:url(thumbs/cuadro17.jpg);}
a.cuadro18 {background:url(thumbs/cuadro18.jpg);}
a.cuadro19 {background:url(thumbs/cuadro19.jpg);}
a.cuadro20 {background:url(thumbs/cuadro20.jpg);}
a.cuadro21 {background:url(thumbs/cuadro21.jpg);}
a.cuadro22 {background:url(thumbs/cuadro22.jpg);}
a.cuadro23 {background:url(thumbs/cuadro23.jpg);}
a.cuadro24 {background:url(thumbs/cuadro24.jpg);}
a.cuadro25 {background:url(thumbs/cuadro25.jpg);}
a.cuadro26 {background:url(thumbs/cuadro26.jpg);}
a.cuadro27 {background:url(thumbs/cuadro27.jpg);}
a.cuadro28 {background:url(thumbs/cuadro28.jpg);}
a.cuadro29 {background:url(thumbs/cuadro29.jpg);}
a.cuadro30 {background:url(thumbs/cuadro30.jpg);}
a.cuadro31 {background:url(thumbs/cuadro31.jpg);}
a.cuadro32 {background:url(thumbs/cuadro32.jpg);}
a.cuadro33 {background:url(thumbs/cuadro33.jpg);}
a.cuadro34 {background:url(thumbs/cuadro34.jpg);}
a.cuadro35 {background:url(thumbs/cuadro35.jpg);}
a.cuadro36 {background:url(thumbs/cuadro36.jpg);}
a.cuadro37 {background:url(thumbs/cuadro37.jpg);}
a.cuadro38 {background:url(thumbs/cuadro38.jpg);}
a.cuadro39 {background:url(thumbs/cuadro39.jpg);}
a.cuadro40 {background:url(thumbs/cuadro40.jpg);}
a.cuadro41 {background:url(thumbs/cuadro41.jpg);}
a.cuadro42 {background:url(thumbs/cuadro42.jpg);}
a.cuadro43 {background:url(thumbs/cuadro43.jpg);}
a.cuadro44 {background:url(thumbs/cuadro44.jpg);}
a.cuadro45 {background:url(thumbs/cuadro45.jpg);}
a.cuadro46 {background:url(thumbs/cuadro46.jpg);}
a.cuadro47 {background:url(thumbs/cuadro47.jpg);}
a.cuadro48 {background:url(thumbs/cuadro48.jpg);}
a.cuadro49 {background:url(thumbs/cuadro49.jpg);}
a.cuadro50 {background:url(thumbs/cuadro50.jpg);}
a.cuadro51 {background:url(thumbs/cuadro51.jpg);}
a.cuadro52 {background:url(thumbs/cuadro52.jpg);}
.thumbs a em, .thumbs a span {display:none;}
.thumbs a:hover {border:1px solid #fff;}




/* styling for LEFT gallery */
#galeria {position:relative; height:548px; background: none; margin: 0;}
#galeria img {border:0;}
#galeria .thumbs {width:250px; position:absolute; left:0; top:0;}
#galeria .thumbs a:active span, #galeria .thumbs a:focus span {
display:block;
position:absolute;
width:280px; height:50px;
top:354px; left:420px;
font-style:italic;
font-weight: normal;
color:#666;
z-index:100;
text-align: right;
line-height: 18px;
padding-left:25px;
background: url(images/disponible.gif) no-repeat 15px 0;}

#galeria .thumbs a:active span.vendido, #galeria .thumbs a:focus span.vendido {
background: url(images/vendido.gif) no-repeat 15px 0;}

#galeria .thumbs a:active span:first-line, #galeria .thumbs a:focus span:first-line  {font-style:normal; font-weight:bold; color:#666;}
#galeria .thumbs a:active, #galeria .thumbs a:focus {border:1px solid #000;}
#galeria .thumbs a:active em, #galeria .thumbs a:focus em {display:block; position:absolute; width:464px; height:342px; top: 4px; left:265px; color:#000; background: url(images/galeria-tapon.jpg) no-repeat 0 0; z-index:50; text-align: center;}
#galeria h1 {clear:both; margin:0; padding-top:120px; padding-left:320px; width:300px; text-align:center; font-family: georgia, "times new roman", serif; font-size:4em; font-variant: small-caps; font-weight:normal; color:#999;}



#content div#galeria div.thumbs a:active span strong, #content div#galeria div.thumbs a:focus span strong {
display: block;
float: right;
height: 40px;
width: 40px;
font: 30px/40px helvetica, arial, verdana;
color: #eee;
background: #aeb7a6;
border: 1px solid #666;
text-align: center;
margin-left: 8px;}