body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left;}
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal;}
q:before,q:after { content:'';}
abbr,acronym { border:0;}
strong {font-style:normal;font-weight:bold;}

/* general */
body {font-family: "Arial Narrow", arial, sans-serif;color:#333333;font-size:12px;}
em { font-style: italic; }
strong { font-weight: bold;}

body { background: white url(img/fondo_pagina.jpg) 50% 0px no-repeat;}


/* layout */
#page { width: 915px !important; width: 925px;; margin: 0px auto 0px auto; z-index: 10; }
#page #header { width: 209px; float: left; z-index: 10; }
#page #foot { float: left; width: 208px; clear: left; }
#page #content { float: left; padding-bottom: 20px; margin-left: 30px; width: 668px;  border: 1px solid #b7b7b7; border-top: 0px; border-bottom: 1px solid #999; background: white url(img/fondo_contenido.gif) 0px 100% repeat-x;}


/* menu */
#page #menu {  width: 208px; height: 450px; background: white; float: left; border: 1px solid #b7b7b7; border-top: 0px; border-bottom: 1px solid #999; background: white url(img/fondo_contenido.gif) 0px 100% repeat-x; }
#page #menu h1 a { outline: 0; display: block; text-indent: -10000em; width: 179px; height: 84px; background: url(img/logo_sonda.gif) 0px 0px no-repeat; margin: 20px 0px 0px 10px;}
#page #menu ul { margin: 23px 0px 0px 10px;}
#page #menu ul li { margin-bottom: 4px; }
#page #menu ul li a { font-size: 28px; color: #aaaaaa; text-transform: uppercase; text-decoration: none;}
#page #menu ul li a.selected { color: #666; }

body#directors #page #menu ul li#menu_1 a { color: #666; }
body#commercials #page #menu ul li#menu_2 a { color: #666; }
body#photography #page #menu ul li#menu_3 a { color: #666; }
body#locations #page #menu ul li#menu_4 a { color: #666; }
body#contact #page #menu ul li#menu_5 a { color: #666; }

/* footer */
#page #foot ul { margin-left: 49px;}
#page #foot ul li { float: left; margin-right: 5px; padding-right: 10px; background: url(img/dot_separation.gif) 100% 7px no-repeat; }
#page #foot ul li.ultimo { background: none; }
#page #foot ul li a { color: #777777; font-size: 10px; font-family: Arial; }

/* general */
#page #content h1 { font-size: 30px; line-height: 30px; }
#page #content span.date { color: #999999; font-family: Arial; font-size: 11px; display: block; }
#page #content span.title { font-size: 14px; display: block;}
body#index #page #content #infobox,
body#contact #page #content #infobox { text-align: justify; }
#page #content #infobox { width: 232px; float: left; margin: 40px 0px 0px 0px; padding-left: 14px; position: relative;}
#page #content #infobox h1.inside { margin-top: 10px;}
#page #content #infobox h2 { color: #666666; font-size: 14px; margin-bottom: 12px; }
#page #content #infobox p { font-size: 12px; font-family: Arial; padding-right: 20px; }
#page #content #infobox ul { margin-top: 40px; }
#page #content #infobox ul li#new { padding-right: 20px; background: url(img/new.gif) 55px 8px no-repeat;}
#page #content #infobox ul li a { font-size: 32px; color: #aaa; text-decoration: none;  }
#page #content #infobox ul li a span { font-size: 24px;  }
#page #content #infobox ul li.selected a { color: #666; }
#page #content #infobox ul li ul { margin-top: 0px; margin-left: 10px;}
#page #content #infobox ul li ul li { margin-bottom: 3px; }
#page #content #infobox ul li ul li a { color: #999 !important; font-size: 18px; }
#page #content #infobox ul li ul li.selected a { color: #666 !important;}
#page #content #infobox ul.with-separator { padding-bottom: 20px; background: url(img/list_separation.gif) 0px 100% no-repeat; margin-bottom: 20px;}
#page #content #infobox ul.category { margin-top: 10px;}
#page #content #infobox span.category { color: #333333; font-size: 16px;  }
#page #content #infobox .contact-box h1 { font-size: 20px; margin: 55px 0px -5px 0px;}
#page #content #infobox .contact-box h2 { font-size: 14px;  }




#page #content #news { float: left; width: 420px; margin: 40px 0px 0px 0px; }
#page #content #news ul { margin: 17px 0px 0px 0px;}
#page #content #news ul li { float: left; clear: both; overflow: hidden; margin-bottom: 20px; width: 410px;}
#page #content #news ul li span.title { margin-bottom: 14px; width: 300px; }
#page #content #news ul li img { float: left; margin-right: 10px; width: 235px;}
#page #content #news ul li p { font-size: 12px; font-family: Arial; padding-right: 10px; float: left; width: 152px; text-align: justify; }
#page #content #news ul li p a { color: #333333; font-size: 12px; font-family: Arial; }

#page #content #content-list { margin: 52px 0px 0px 0px; float: left; width: 420px;  position: relative;}
#page #content #content-list #description { height: 82px; }
#page #content #content-list #description h2 { font-size: 16px; color: #666666; }
#page #content #content-list #description p { font-size: 12px; font-family: arial; text-align: justify; margin-right: 20px; }
#page #content #content-list #description .ficha { clear: both; float: left; }
#page #content #content-list #ajax_tab { display: none; width: 420px; min-height: 400px; background: white; position: absolute;}
#page #content a#a_back { font-size: 16px; color: #333; text-decoration: none; position: absolute; top: 46px; left: 16px; display: none;}
#page #content #ficha.ficha { margin-top: 20px; font-size: 14px;}
#page #content #ficha.ficha #tech_data { margin-top: 20px; }
#page #content .ficha h2 { margin-top: -6px; color: #333 !important; font-size: 30px !important; }
#page #content .ficha h3 { margin-top: -4px; color: #999; font-size: 30px; }
#page #content .ficha #video { margin: 16px 0px 15px 0px;}
#page #content .ficha #basic_data { width: 240px; width: 215px; padding-right: 10px; padding-top: 20px; float: left; }
#page #content .ficha #basic_data p { font-family: Arial; font-size: 14px; margin-bottom: 3px; }
#page #content .ficha #basic_data p strong { color: #666666; font-weight: normal; }
#page #content .ficha #basic_data p.category strong { padding-bottom: 1px; border-bottom: 2px solid #666;}
#page #content .ficha #basic_data p.category a { color: #666666; text-decoration: none; padding-bottom: 1px; border-bottom: 2px solid #666;}
#page #content .ficha #basic_data p.description { color: #000; font-size: 11px; font-family: Arial; margin-top: 10px; }
#page #content .ficha #tech_data { width: 110px; float: left; line-height: 15px;}
#page #content .ficha #tech_data h4 { color: #333333; font-size: 11px; font-family: Arial; font-weight: bold; font-style: italic; }
#page #content .ficha #tech_data p { font-size: 11px; font-family: Arial; color: #666666; font-style: italic;}
#page #content .ficha #tech_data p strong { color: #333; font-style: italic; font-weight: normal; }
#page #content #content-list .gallery h1 { font-size: 20px; }
#page #content #content-list .gallery p { font-size: 12px; margin-bottom: 14px; font-family: Arial; }
#page #content #content-list .gallery ul li { float: left; width: 125px; margin: 0px 6px 7px 0px; padding: 2px; border: 1px solid white; position: relative; xheight: 108px;}

#page #content #content-list .gallery ul#contact li { height: auto;}
#page #content #content-list .gallery ul.directors li { height: 107px;}
#page #content #content-list .gallery ul.buildings li { height: 127px;}
#photography #page #content #content-list .gallery ul li { xheight: 136px;}
#page #content #content-list .gallery ul li div.nuevo { position: absolute; top: -5px; right: -5px; width: 38px; height: 39px; background: url(img/new.png) 0px 0px no-repeat; text-indent: -10000em;  }
#page #content #content-list .gallery ul li.over { border: 1px solid #e8e8e8; background: #f7f7f7; cursor: pointer; }
#page #content #content-list .gallery ul li span.minititle { color: #666; font-size: 11px; font-family: arial; font-weight: bold; display: block; }
#page #content #content-list .gallery ul li span.photographer { font-size: 11px; font-family: Arial; }
#page #content #content-list .gallery ul li span.photographer strong { font-weight: normal; color: #666; display: block; }
#page #content #content-list .gallery ul li span.person { font-size: 11px; font-weight: bold; font-family: Arial; display: block; }
#page #content #content-list .gallery ul li span.typo { font-size: 11px; font-family: Arial;  display: block; }
#page #content #content-list .gallery ul li span.phone,
#page #content #content-list .gallery ul li span.email { font-size: 11px; font-family: Arial; display: block; color: #666; }
#page #content #content-list .gallery ul li a { color: #666; font-size: 11px; font-family: arial; display: block; }
#page #content #content-list .gallery ul.buildings li a { display: block; width: 125px; text-align: center; text-decoration: none; font-weight: bold; }
#page #content #content-list .gallery ul.photo { margin-top: 20px;}
#page #content #content-list .gallery ul.photo li { width: 193px;  }

#page #content #direction { float: left; width: 668px; margin: 40px 0px 0px 0px; padding-left: 14px; }
#page #content #direction #address { width: 232px; float: left; font-size: 11px; font-family: Arial;}
#page #content #direction #address span { color: #666; }
#page #content #direction #address p { margin-bottom: 14px;}
#page #content #direction #maps { float: left;  width: 397px;}
#page #content #direction #maps img { display: block; margin: 0px 11px 10px 0px; float: left;}
#page #content #direction #maps img#foto_2,#page #content #direction #maps img#foto_4 { margin-right: 0px; }
#page #content #direction #maps a#google { color: #666; font-size: 11px; font-family: Arial; margin-top: 0px; }

/* proyecto */
.ie6 #page {width:955px !important;}
#proyecto {font-family:Arial,Verdana,sans !important;}
#proyecto #menu {height:auto;padding-bottom:20px;}
#proyecto #menu h2 {text-align:center;font-size:14px;font-weight:bold;text-transform:uppercase;color:#333;padding:20px 0px 0px 0px;}
#proyecto #menu h3 {margin:20px 10px 0px 10px;border-bottom:1px solid #333;text-transform:uppercase;font-weight:bold;font-size:12px;}
#proyecto #menu ul {margin:0px 10px 0px 10px;background:#fff;padding:7px;}
#proyecto #menu ul li {margin-bottom:10px;}
#proyecto #menu ul li a {font-size:14px;color:#333;}
#proyecto #menu .logout {text-decoration:none;text-transform:uppercase;float:left;font-size:10px;margin:10px 10px 0px 10px;border:1px solid #333;background:url('img/logout.gif') 3px 2px no-repeat;padding:2px 0px 2px 23px;color:#333;width:164px;}
#proyecto #menu .logout:hover {background-color:#CDCDCD;}

#proyecto #content {padding-bottom:0px;font-size:12px;}
#proyecto #content #contenido_cabecera,
#proyecto #content #contenido_texto,
#proyecto #content #contenido_boceto {width:628px;margin:0px;margin:10px 20px 20px 20px;clear:both;}
#proyecto #content #contenido_texto a,
#proyecto #content #contenido_boceto a {color:#333;text-decoration:underline;}
#proyecto #content h2 {font-size:20px !important;margin:10px 0px 0px 0px;color:#333 !important;font-weight:bold;text-transform:uppercase;border-bottom:1px solid #333;}
#proyecto #content h3,
#proyecto #content caption {font-size:18px !important;margin:0px 0px 10px 0px;color:#333 !important;float:left;}
#proyecto #content h3 span {font-size:16px;color:#999;font-weight:bold;}
#proyecto #content h3 {width:500px;margin-top:3px;}
#proyecto #content h3 a {text-decoration:none;color:#fff !important;background:#999;padding:1px 2px 1px 2px;}
#proyecto #content .alone {border-top:0px !important;}
#proyecto #content #infobox p {clear:both;}
#proyecto #content #loginbox {background:#d9d9d9;overflow:hidden;width:375px;margin:25px auto 25px auto;}
#proyecto #content #loginbox h1 {display:block;background:#fff;padding:0px 0px 5px 0px;}
#proyecto #content form {padding:40px 0px 20px 0px;overflow:hidden;width:250px;margin:0px auto 0px auto;}
#proyecto #content form#seleccionFotos {padding:0px;}
#proyecto #content form label {font-weight:bold;text-transform:none;font-size:16px;color:#666;float:left;clear:both;width:95px;text-align:right;margin:0px 0px 15px 0px;}
#proyecto #content form input {border:1px solid #666;background:#fff;color:#333;width:145px;float:right;margin:0px 0px 15px 0px;}
#proyecto #content form input#entrar {border:none;float:right;clear:both;width:auto;color:#fff;background:#666;padding:0px 5px 0px 5px;}
#proyecto #content form input#descargar {float:right;clear:both;margin:20px 40px 10px 0px;width:auto;padding:2px 5px 2px 5px;color:#fff;background:#666;}
#proyecto #content form #mensaje {float:left;font-size:14px;font-weight:bold;color:#ff0000;text-align:center;margin:0px 0px 20px 0px;text-transform:uppercase;}
#proyecto #content form input.checkFoto {margin:30px 5px 0px 0px;}
#proyecto #content #muestra {width:100%;overflow:hidden;}
#proyecto #content #muestra #fotoMuestra {float:left;margin:0px 10px 5px 0px;}
#proyecto #content #muestra #textoMuestra {float:left;padding:0px 0px 0px 20px;width:420px;}
#proyecto #content ul {margin:0px !important;padding:0px !important;}
#proyecto #content ul li {float:left;margin:0px 10px 0px 0px;padding:0px;}
#proyecto #content ul li a {font-size:12px !important;color:#333 !important;}
#proyecto #generar_pdf {float:right;width:116px;height:18px;background:url('img/pdf.gif') 0px 0px no-repeat;text-indent:-10000em;margin-top:2px;}
#proyecto #content caption {margin-top:10px;float:none;}
#proyecto #content table {width:100%;margin:10px 0px 10px 0px;float:none;}
#proyecto #content table td {padding:1px;}
#proyecto #content #contenido_texto img {margin:5px;}
#proyecto #content #contenido_texto p,
#proyecto #content #contenido_boceto p {text-align:justify;}
#proyecto #content #contenido_texto ul,
#proyecto #content #contenido_boceto ul {list-style:disc;list-style-position:inside;margin:10px 0px 10px 0px;}
#proyecto #content #contenido_texto em,
#proyecto #content #contenido_boceto em {font-style:italic;font-weight:bold;}
#proyecto #content #contenido_texto strong,
#proyecto #content #contenido_boceto strong {font-weight:bold;}
#proyecto #content #contenido_carpetas {background:#b7b7b7;overflow:hidden;width:628px;padding:10px 20px 10px 20px;border-top:1px dotted #333;}
#proyecto #content #contenido_carpetas ul {clear:both;padding:0px 20px 0px 20px !important;}
#proyecto #content #contenido_carpetas ul li {text-align:center;margin-bottom:20px;}
#proyecto #content #contenido_carpetas ul li a {text-decoration:none;}
#proyecto #content #contenido_carpetas form {width:100%;margin:0px;}
#proyecto #content #contenido_carpetas form input {float:none;margin:5px 0px 0px 0px;border:none;background:none;}
/*
#proyecto #content #contenido_carpetas form input#descargar {float:right;color:#DFDFDF;font-weight:bold;background:url('img/download.gif') 0px 0px no-repeat;border:none;width:100px;height:28px;}
*/
#proyecto #content #contenido_boceto {border-top:1px dotted #333;margin-top:10px;float:left;}
#proyecto #content #contenido_volver {float:left;clear:both;margin:-5px 0px 0px 20px;}
#proyecto #content #contenido_submenu {float:left;clear:both;margin:10px 0px 20px 20px;}
#proyecto #content #contenido_submenu h4 {font-weight:bold;}
#proyecto #content #contenido_submenu ul {margin:0px 0px 0px 5px !important;}
.botones {clear:both;float:right;}
.boton {background:url('img/boton_r.gif') right top no-repeat;margin:0px 10px 0px 0px;width:auto;overflow:hidden;float:left;}
.boton a,
.boton input {text-decoration:none;background:url('img/boton_l.gif') left top no-repeat !important;border:0px !important;margin:0px !important;height:28px !important;float:left !important;padding:5px 10px 0px 10px !important;font-weight:bold !important;color:#fff !important;font-size:12px !important;}
.boton input {font-size:11px !important;padding-top:0px !important;}
.highslide img {border:none !important;}

/* ie6 */
.ie6 #proyecto #content #contenido_submenu {margin-left:10px;}
.ie6 #proyecto #content #contenido_volver {margin-left:10px;}
.ie6 #proyecto #content #contenido_boceto {margin-right:0px;}