/* CSS Document zelaia arquitectura + paisaje Website Copyright 2011 */ /*========================================================= Version: 1.0 /* General Settings ===== Measures ========== 10px ----- 1 em ===== Layout ============= 1. #webcontainer 2. #left_col 3. #right_col === CSS structure==================== =Global =Structure =left_col =right_col */ /* ======Reset==============*/ ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,address,fieldset,input,table,th,td{ margin:0; padding:0;} ul,ol { list-style:none;} a{outline:none;} a:link,a:visited { text-decoration:none;} a img,:link img,:visited img { border:none;} a:hover,a:focus{text-decoration:underline;} .clear{clear:both;} .inv { display:none;} /* =========== Global====================*/ body{font-size:62.5%;font-family:"Courier New", "Courier", monospace;} h1 { font-size:120%; font-weight:bold;} h2 {font-size:120%; font-weight:bold;} h3 { font-size:120%; font-weight:bold;} .italica { font-style:italic;} #webcontainer { margin:2.5em auto 0 auto; width:96em; height:auto;} #left_col { position:relative; float:left; width:33em; height:47.5em;} #marca { position:relative; float:left; width:32em; height:6em;} #main_menu { position:relative; float:left; width:32em; height:7em;} ul#mainnav { position:relative; float:left; width:100%; text-align:right; margin-top:0.5em;} ul#mainnav li {/*color:#C7C5C6;*/ color:#8d8d8d; text-decoration:none; font-size:125%;} ul#mainnav li a.act:link, ul#mainnav li a.act:visited { color:#030303;} ul#mainnav li a.act:hover, ul#mainnav li a.act:active, ul#mainnav li a.act:focus { text-decoration:none;} ul#mainnav li a.off:link, ul#mainnav li a.off:visited { /*color:#C7C5C6;*/ color:#8d8d8d;} ul#mainnav li a.off:hover, ul#mainnav li a.off:active, ul#mainnav li a.off:focus { text-decoration:none;color:#030303;} #right_col { position:relative; float:left; width:63em;} #main_photo { position:relative; float:left; width:63em; height:47.5em;} /*contenidos*/ #cont_left { position:relative; float:left; text-align:right; height:34.5em; width:32em;} #main_content {position:relative; float:left; width:63em;} #cont_right { position:relative; float:left; text-align:left; width:100%; margin-top:1.5em;} #main_content a:link, #main_content a:visited { text-decoration:none; color:#717171; font-weight:bold;} #main_content a:hover, #main_content a:focus, #main_content a:active { text-decoration:underline;/*color:#C7C5C6;*/ color:#8d8d8d;} #cont_right p strong { font-size:115%;} /*presentacion -*/ .cont_txt { position:relative; float:left; width:100%; text-align:right;} .cont_txt p { font-size:125%; text-align:justify;} #cont_left table { height:100%;} #menu_present {float:left;width:100%;} #menu_present h2 {position:relative; display:block; width:100%; margin-top:1em;} #menu_present ul {position:relative; float:left; width:100%; text-align:right;clear:both;} #menu_present ul li {/*color:#C7C5C6;*/ color:#ababab; text-decoration:none; font-size:125%;} #menu_present ul li a.act:link, #menu_present ul li a.act:visited { color:#030303;} #menu_present ul li a.act:hover, #menu_present ul li a.act:active, #menu_present ul li a.act:focus { text-decoration:none;} #menu_present ul li a.off:link, #menu_present ul li a.off:visited { /*color:#C7C5C6;*/ color:#8d8d8d;} #menu_present ul li a.off:hover, #menu_present ul li a.off:active, #menu_present ul li a.off:focus { text-decoration:none;color:#030303;} #menu_projects {float:left;width:100%;} #menu_projects h2 {position:relative; display:block; width:100%; margin-top:1em;} #menu_projects ul {position:relative; float:left; width:100%; text-align:right;clear:both;} #menu_projects ul li {color:#C7C5C6; text-decoration:none; font-size:125%;} #menu_projects ul li a.act:link, #menu_projects ul li a.act:visited { color:#030303;} #menu_projects ul li a.act:hover, #menu_projects ul li a.act:active, #menu_projects ul li a.act:focus {text-decoration:none;} #menu_projects ul li a.off:link, #menu_projects ul li a.off:visited { /*color:#C7C5C6;*/ color:#8d8d8d;} #menu_projects ul li a.off:hover, #menu_projects ul li a.off:active, #menu_projects ul li a.off:focus {text-decoration:none;color:#030303;} /* curriculum vitae*/ .cont_txt img { margin-top:3.5em;} .main_content_txt { position:relative; float:left; width:100%; text-align:left; margin-top:6.5em;} .main_content_txt p.nombrecv { font-size:125%; font-weight:bold;} .main_content_txt p { text-align:justify; font-size:115%; margin-bottom:1em; color:#000000;} /* premios */ #cont_txt_list { position:relative; float:left; width:100%;} #cont_txt_list p { font-size:120%;} #cont_txt_list a:link,#cont_txt_list a:visited {color:#030303;} #cont_txt_list a:hover,#cont_txt_list a:active, #cont_txt_list a:focus { text-decoration:underline;} /* colaboradores*/ #right_col table td { font-size:115%;color:#000000;} #right_col table td {padding-right:2em;} /*projectos -*/ h3.tit_project { text-transform:uppercase; margin-top:1em; position:relative; float:left; width:80%;} #cont-project { position:relative; float:left; width:100%;} #ficha { position:relative; float:left; width:100%; margin:2em 0;} #cont-txt-ficha { position:relative; float:left; width:100%; height:12em;} .txt-ficha { position:absolute; height:10em; overflow:scroll; width:98%;padding-right:2%;} .txt-ficha p { font-size:115%; margin-bottom:1em; text-align:justify;} #cont-detalle-ficha { position:relative; float:left; width:100%;} #cont-detalle-ficha p { margin:0;color:#030303; font-size:115%;} #cont-detalle-ficha dl { color:#030303; font-size:120%; position:relative; float:left; width:100%;} #cont-detalle-ficha dl dt { float:left; margin-bottom:0.1em; margin-right:0.2em;} #cont-detalle-ficha dl dd {margin-bottom:0.1em;} /* Slideshow style rules -*/ #slideshow {margin:0 auto;width:63em;height:49.5em;position:relative; float:left;} #slideshow #slidesContainer {margin:0 auto;width:63em;height:47.5em;overflow:auto; /* allow scrollbar */position:relative;} #slideshow #slidesContainer .slide {margin:0 auto; width:61em; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */height:42em;} /* Slideshow controls style rules -*/ .control {display:block; width:2.5em; height:1.5em; text-indent:-1000em; position:absolute; top:-5em;cursor: pointer;} #leftControl {top:48.5em;left:59em;background-color: transparent;background-image: url(../img/control_left.jpg);background-repeat: no-repeat;background-position: 0 0;} #rightControl {top:48.5em;left:61em;background:transparent url(../img/control_right.jpg) no-repeat 0 0;} /*contacto*/ #address { position:relative; float:right; width:92%;color:#000000;} #address p { width:100%; font-size:125%; display:block; float:left; } /* MODIFICACIONES/ADICIONES SOBRE ESTILOS ORIGINALES */ #tabla_n3 {/*background-color:#ddddee;*/} .main_content_txt_img { position:relative; float:left; width:100%; text-align:left;margin-top:1em;} .main_content_txt_img p { text-align:justify; font-size:115%; margin-bottom:1em; color:#000000;} #address {text-align:right;} .tit_project_noimg {margin-top:5.6em;}