@charset "utf-8";
/* CSS Document */
html {background-color:#c1d72d;}
body {background-color:#c1d72d; color:#666666; font:11px "Arial Narrow", Arial, Helvetica, Sans; margin:0px; height:100%}


/* links */
a {color:#999999;text-decoration:none;}
a:hover {color:#666666;text-decoration:underline}


/* headlines */
h1 {color:#666666; font-size:14px; margin:0px;}
h1.obra {color:#fff; font-size:20px; margin:0; padding:0;}
h2 {color:#666666; font-size:12px; margin:0px;}
h3 {color:#666666; font-size:11px; margin:0px;}
h4 {color:#666666; font-size:10px; margin:0px;}
h5 {color:#666666; font-size:9px; margin:0px;}
h6 {color:#666666; font-size:8px; margin:0px;}


/* divs */
#container {width:1090px; margin:auto; margin-top:5px;}


/* header */
#header {width:990px; height:auto; float:left; text-align:left; vertical-align:bottom;}
#link_home {width:225px; height:53px; float:right; text-decoration:none; background:url(../images/logo-gaeta.jpg) no-repeat left top; overflow:hidden; vertical-align:middle; margin-right:0px;}


/* menu */
#menu {width:776px; float:left; color:#666; padding-bottom:10px; background-color:#c1d72d; height:10px;overflow:hidden;}
#menuobra {width:750px; color:#fff; background-color:#c1d72d; height:100%; overflow:hidden;filter:alpha(opacity=50);padding:30px;-moz-opacity:0.5; -khtml-opacity: 0.3; opacity: 0.3;}
#menu ul {list-style:none; margin:0px; padding:0px; width:798px;}
#menu li {float:left; list-style:none;}
#menu li a, #menu li a:active, #menu li a:focus, #menu li a:link, #menu li a:visited {float:left; color:#666666; font-weight:bold;}
#menu li a:hover {float:left; color:#000000; text-decoration:none; font-weight:bold;}
.menu-obra2 ul a:hover {background-color: #FFF;}

/* main */
#main {float:left; width:1090px; display:block; display:block; height:auto;}
#main a {color:#666666;text-decoration:none;}
#main a:hover {color:#333333;}
#submenu { vertical-align:bottom;width:825px; float:left; color:#aaaaaa; vertical-align:bottom; margin-bottom:5px; line-height:170%; padding:8px; background-color:#D5E063; height:40px;}
#submenu ul {list-style:none; margin:0px; padding:0px; vertical-align:bottom; text-transform:uppercase; width:770px;}
#submenu li {float:left; list-style:none; vertical-align:bottom;}
#submenu li a, #submenu li a:active, #submenu li a:focus {float:left; color:#777777; padding-right:10px;}
#submenu li a:hover {float:left; color:#000000; text-decoration:none;}
#submenu2 {width:767px; float:left; color:#666666; vertical-align:bottom; margin-top:5px; margin-bottom:5px; line-height:170%; padding:8px; background-color:#ffffff; height:60px; overflow:hidden}
#submenu3 {width:777px; float:left; color:#666666; vertical-align:bottom; margin-top:5px; margin-bottom:5px; line-height:170%; height:auto; overflow:hidden; background-color:#FFFFFF; padding-left:6px; padding-bottom:5px; padding-top:1px;}


/* contenedor contenido */
#mid {float:left; width:886px; display:block}
#contacto {float:left; width:783px; margin-top:5px; display:block; height:auto; overflow:hidden; padding-bottom:10px;}
#contact_page {float:left; width:783px; margin-top:5px; display:block; height:auto; overflow:hidden;}


/* home / portada */
#portada {float:left; width:786px; height:440px; display:block; text-align:center;}
#load_image {float:left; position:relative; text-align:center; width:783px; overflow:hidden; vertical-align:middle; margin-top:5px;}



/* portfolio */
#portfolio_listado {float:left; width:180px; height:auto; margin-left:0; font-size:11px; line-height:150%; margin:0px; padding:0px;}
#portfolio_listado ul {list-style:none; margin:0px; padding:0px; width:200px;}
#portfolio_listado li {list-style:none; margin:0px; padding:0px;}
#portfolio_listado li a, #menu li a:active, #menu li a:focus {color:#666666; padding:0px;}
#portfolio_listado li a:hover {color:#333333; text-decoration:underline;}
.portfolio_thumbnail {float:left; position:relative; text-align:center; width:101.6px; height:63.2px; overflow:hidden; vertical-align:middle; margin-right:4px; margin-bottom:4px;}
.portfolio_thumbnail a img {border:0px; text-align:center; vertical-align:middle; overflow:hidden;}
.portfolio_dim {-moz-opacity:0.3; -khtml-opacity: 0.3; opacity: 0.3; filter:alpha(opacity=30);}
* html .portfolio_dim {filter:alpha(opacity=30); }



/* obra */
#obra_bg {position:absolute; top:0px; z-index:1; width:790px; background-color:#c1d72d; height:4.5%; overflow:hidden; filter:alpha(opacity=80);padding:0px;-moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;text-align:justify}
#obra_detalle_cont {position:absolute; left:0; top:10px; width:620px; height:255px; padding:0px; margin-right:40px;color:#444;font-size:11px;}
#obra_detalle_cont ul {list-style:none; margin:0px; padding:0px; vertical-align:bottom;}
#obra_detalle_cont li {list-style:none; vertical-align:bottom; line-height:150%;}
#obra_detalle_cont li a, #obra_detalle li a:active, #obra_detalle li a:focus {color:#666666; padding-right:0px;}
#obra_detalle_cont li a:hover {color:#333333; text-decoration:underline; vertical-align:bottom;}
#obra_detalle {height:110%;}
.obra_thumbnail {float:left; position:relative; text-align:center; width:125px; height:75px; overflow:hidden; vertical-align:middle; margin-right:0px; margin-top:5px;}
.obra_thumbnail a img {border:0px; text-align:center; vertical-align:middle;}
#obra_t2{position:absolute; top:0px; color:#555; z-index:2; width:750px; padding-top:2px; padding-left:20px;cursor:pointer;}
#titulo{font-variant:small-caps;font-weight:bold;font-size:bold;font-size:12px;}


/* links */
#links_lista {float:left; width:524px; height:inherit; padding:8px; /*margin-left:4px;*/ background-color:#D5E063; display:block; position:relative; padding-bottom: 32767px;	margin-bottom: -32767px;}
#links_lista_scroll {position:relative; width:436px; height:450px; float:left; padding-right:10px; overflow:auto;}
#links_detalle {float:right; width:222px; height:490px; padding:8px; background-color:#FFFFFF;}
#links_lista ul {list-style:none; margin:0px; padding:0px; vertical-align:bottom;}
#links_lista li {list-style:none; vertical-align:bottom; line-height:150%;}
#links_lista li a, #links_lista li a:active, #links_lista li a:focus {color:#666666; padding-right:10px;}
#links_lista li a:hover {color:#333333; text-decoration:underline; vertical-align:bottom;}



/* publicaciones */
#publicacion_lista {float:left; width:767px; height:100%; padding:8px; /*margin-left:4px;*/ background-color:#FFFFFF;}
#publicacion_lista_scroll {position:relative; width:202px; height:450px; float:left; padding-right:10px; overflow:auto;}
#publicacion_detalle_cont {float:left; width:219px; height:490px; padding:8px; margin-left:4px; background-color:#FFFFFF;}
#publicacion_detalle {float:left; width:214px; height:490px; background-color:#FFFFFF; padding-right:5px;}
#publicacion_detalle_scroll {position:relative; width:202px; height:450px; float:left; padding-right:10px; overflow:auto;}
#publicacion_tapa {float:right; width:220px; height:320px; padding:8px; background-color:#FFFFFF;}
#publicacion_imagenes {position:relative; float:right; width:110px; height:75px; background-color:#999999; border:3px solid #FFFFFF; margin-top:4px; margin-left:4px;}
#publicacion_lista ul {list-style:none; margin:0px; padding:0px; vertical-align:bottom;}
#publicacion_lista li {list-style:none; vertical-align:bottom; line-height:150%;}
#publicacion_lista li a, #publicacion_lista li a:active, #publicacion_lista li a:focus {color:#666666; padding-right:10px;}
#publicacion_lista li a:hover {color:#333333; text-decoration:underline; vertical-align:bottom;}



/* oficina */
#oficina_lista {float:left; width:456px; height:490px; padding:0px; margin-left:4px; background-color:#FFFFFF;}
#oficina_lista img {padding:0px; margin:0px; background-color:#FFFFFF;}
#links_lista_scroll {position:relative; width:436px; height:450px; float:left; padding-right:10px; overflow:auto;}
#links_detalle {float:right; width:222px; height:490px; padding:8px; background-color:#D5E063;}
#links_lista ul {list-style:none; margin:0px; padding:0px; vertical-align:bottom;}
#links_lista li {list-style:none; vertical-align:bottom; line-height:150%;}
#links_lista li a, #links_lista li a:active, #links_lista li a:focus {color:#666666; padding-right:10px;}
#links_lista li a:hover {color:#333333; text-decoration:underline; vertical-align:bottom;}
#links_detalle ul {list-style:none; margin:0px; padding:0px; vertical-align:bottom;}
#links_detalle li {list-style:none; vertical-align:bottom; line-height:150%;}
#links_detalle li a, #links_lista li a:active, #links_lista li a:focus {color:#666666; padding-right:10px;}
#links_detalle li a:hover {color:#333333; text-decoration:underline; vertical-align:bottom;}

#premios_lista {float:left; width:767px; height:100%; padding:8px; /*margin-left:4px;*/ background-color:#D5E063;}
#premios_lista ul {list-style:none; margin:0px; padding:0px; vertical-align:bottom;}
#premios_lista li {list-style:none; vertical-align:bottom; line-height:150%;}
#premios_lista li a, #links_lista li a:active, #links_lista li a:focus {color:#666666; padding-right:10px;}
#premios_lista li a:hover {color:#333333; text-decoration:underline; vertical-align:bottom;}

#load_image {float:left;}
#list {position:fixed; width:456px; height:365px; float:left; padding:10px; margin-top:40px;}


/* footer */
#footer {width:767px; float:left; font-size:10px; color:#666666; margin-left:4px; margin-top:10px; margin-bottom:20px;}

#lang {float:left; width:200px; display:block; padding-top:30px;}
#lang a {color:#333333;}

#slideshow {
    margin: 20px auto 0 auto;
    width: 242px;
    height: 140px;
    background: #d5d5d5 url(../images/slideshow_bg.gif) repeat-x;
}

#slideshow_wrapper {
    /* we use relative to catch the children */
	position: relative;
	overflow: scroll;
	width: 200px;
	height: 130px;
	left: 21px;
	top: 5px;
}

#slideshow_set {
	position: absolute;
}

#slideshow_set li {
	float: left;
	height: 130px;
	width: 200px;
}

img {
	border: 0;
}

#navigation {
    position: absolute;
    z-index: 10;
}

#scroll_left {
	left: 0;
	top: 0;
	background: url(../images/left.gif) no-repeat;
}

#scroll_right {
	left: 221px;
	top: 0;
	background: url(../images/right.gif) no-repeat;
}

#scroll_left, #scroll_right {
    position: absolute;
    overflow: hidden;
    display: block;
    padding: 0 0 0 21px;
    height: 140px;
    width: 0px !important; /* for most browsers */
    width /**/: 21px; /* for IE5.5's bad box model */
}