/* ****************************************************************************************************** */ /* Maquetacion ZEWS S.A. */ /* Martes, 22 de Junio del 2010 */ /* Esteban Cordero Murillo */ /* Desarrollo Urbano */ /* ****************************************************************************************************** */ * {padding:0; margin:0;} body { font:normal 12px Arial, Helvetica; color:#000;} p { margin:10px 0;} #contenedor { width:775px; margin:0 auto; } #contenedor #cabeza { height:205px; } #contenedor #cabeza #top { height:8px; width:775px; background:url("../images/topinterno.jpg") no-repeat; } #contenedor #cabeza #logo { float:left; width:191px; height:197px; position:relative;} #contenedor #cabeza #logo h1 { font-size:1px;} #contenedor #cabeza #logo h1 a img { border:none; position:absolute; top:0; left:0;} #contenedor #cabeza #rotativas { width:584px; height:197px; float:right; position:relative;} #contenedor #cabeza #rotativas img { position:absolute; top:0px; left:0px;} #contenedor #contenido { width:775px; border-left:1px solid #C8C8C9;} #contenedor #contenido #panelIzq { width:190px; float:left; background:url('../images/bgpanel.jpg') repeat-y;} #contenedor #contenido #informacion { width:549px; padding:18px; float:right; background:#fff8ed; text-align:justify;} #contenedor #contenido #panelIzq #NavLogin { background:#fef3dc;} #contenedor #contenido #panelIzq #NavLogin #navegador { padding:10px 0;} #contenedor #contenido #panelIzq #NavLogin #navegador ul { margin:10px 0 0 21px; list-style:none;} #contenedor #contenido #panelIzq #NavLogin #navegador ul li h2 a { font-size: 12px; color:#595a5c; font-weight:bold; text-decoration:none; margin:5px 0; display:block;} #contenedor #contenido #panelIzq #NavLogin #navegador ul li h2 a:hover { text-decoration:underline;} #contenedor #contenido #panelIzq #NavLogin #form_login {padding:10px 0;} #contenedor #contenido #panelIzq #NavLogin #form_login form fieldset { border:none; padding:0 5px; } #contenedor #contenido #panelIzq #NavLogin #form_login form fieldset label { margin:10px 0 3px 0; display:block; color:#000; text-transform:uppercase; font-weight:bold; padding:2px 0 2px 5px;} #contenedor #contenido #panelIzq #NavLogin #form_login form fieldset input.box {-moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px; border-top:1px solid #ccc; border-left:1px solid #ccc; color:#6a6b6d; padding:3px; } #contenedor #contenido #panelIzq #NavLogin #form_login form fieldset input.boton { background:url('../images/boton.gif') no-repeat; width:130px; height:30px; border:none; font-weight:bold; margin:15px 0 0 7px; } #contenedor #contenido #panelIzq #NavLogin #form_login .Error { color:red; font-weight:bold;} #contenedor #contenido #panelIzq #NavLogin #form_login .Autenticado { font-weight:bold; color:#000; font-size:13px; margin:10px auto 0 auto; display:block; text-align:center;} #contenedor #contenido #panelIzq #NavLogin #form_login .bienvenido { background: #fdbd4a; color:#000; font-weight:bold; height:25px; display:block; line-height:25px; padding:0 0 0 10px; margin:10px -12px 10px 0px;} #contenedor #contenido #panelIzq #NavLogin #form_login .cerrar_session {background:url('../images/boton.gif') no-repeat; width:110px; height:24px; font-weight:bold; margin:2px auto 0 auto; padding:6px 0 0 20px; color:#000; text-decoration:none; display:block; } #contenedor #contenido #panelIzq #PanelServicios { width:190px;} #contenedor #contenido #panelIzq #PanelServicios #titServicios {background:url('../images/btmtituloPanel.jpg') #fdbd4a no-repeat bottom; color:#000; font-weight:bold; height:36px; line-height:25px; padding:0 0 0 10px;} #contenedor #contenido #panelIzq #PanelServicios ul { list-style:none; margin:5px 0 0 10px;} #contenedor #contenido #panelIzq #PanelServicios ul li h3 a { font-size:12px; color:#9ca2a8; text-decoration:none;} #contenedor #contenido #panelIzq #PanelServicios ul li h3 a:hover { text-decoration:underline;} #contenedor #contenido #panelIzq #PanelNoticias { width:190px; } #contenedor #contenido #panelIzq #PanelNoticias #titNoticias {background:url('../images/btmtituloPanel.jpg') #fdbd4a no-repeat bottom; color:#000; font-weight:bold; height:36px; line-height:25px; padding:0 0 0 10px; margin:10px 0 10px 0;} #contenedor #contenido #panelIzq #PanelNoticias a img { margin: 10px auto; display:block; border:none;} #contenedor #contenido #panelIzq #PanelNoticias .contNot { display:block; margin:0 auto; width:150px;} #contenedor #contenido #panelIzq #PanelNoticias .contNot a { color:#faaf42; font-size:12px; text-decoration:none; } #contenedor #contenido #panelIzq #PanelNoticias .contNot a:hover { text-decoration:underline;} #contenedor #contenido #panelIzq #PanelNoticias .contNot span { color:#6a6b6d; } #contenedor #contenido #panelIzq #PanelNoticias .contNot .ver_mas { color:#9ca2a8; font-weight:normal; font-style:italic; text-decoration:none; display:block; text-align:right; } #contenedor #contenido #panelIzq #PanelNoticias .contNot .ver_mas:hover { text-decoration:underline;} #contenedor #contenido #titFiltros {float:right; background:url("../images/TopFiltros.jpg") no-repeat; width:585px; height:68px;} #contenedor #contenido #titFiltros .Fselect { float:left; width:150px; margin:2px 5px 0 5px;} #contenedor #contenido #titFiltros .Fselect span {display:block; color:#000; font-weight:bold; margin:2px 0; text-align:center;} #contenedor #contenido #titFiltros .Fselect select { -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px; border-top:1px solid #ccc; border-left:1px solid #ccc; color:#6a6b6d; padding:2px; width:140px;} #contenedor #contenido #informacion h2 { color:#fbaf42; font-size:36px; font-weight:normal; background:url("../images/divisor.jpg") no-repeat bottom left; padding:0 0 10px 0;} #contenedor #contenido #informacion ul { list-style:none; margin:5px 0 10px 20px;} #contenedor #contenido #informacion ul li { margin:10px 0;} #contenedor #contenido #informacion ul li a {color:#FBAE42; font-size:18px; font-weight:bold; text-decoration:none;} #contenedor #contenido #informacion ul li a:hover { text-decoration:underline;} #contenedor #contenido #informacion a {color:#fbaf42; text-decoration:none; font-size:13px; } #contenedor #contenido #informacion a:hover { text-decoration:underline;} #contenedor #contenido #informacion #Registros { margin:10px 0;} #contenedor #contenido #informacion #Registros .nodos {background:url("../images/divisorRegistros.jpg") no-repeat bottom left; padding:10px 0; float:left; width:540px;} #contenedor #contenido #informacion #Registros .nodos a img { float:left; margin:5px; border:none;} #contenedor #contenido #informacion #Registros .nodos a { color:#fbaf42; text-decoration:none; font-size:13px; } #contenedor #contenido #informacion #Registros .nodos a:hover {text-decoration:underline; } #contenedor #contenido #informacion #Registros .nodos .ver_mas { display:block; text-align:right; font-size:12px; margin:0 20px 0 0;} #contenedor #contenido #informacion #Registros .nodos .ver_mas:hover {text-decoration:underline;} #contenedor #contenido #informacion #Registros .nodosC {background:url("../images/divisorRegistros.jpg") no-repeat bottom left; padding:15px 0; float:left; width:540px;} #contenedor #contenido #informacion #Registros .nodosC a img { float:left; margin:5px; border:none;} #contenedor #contenido #informacion #Registros .nodosC a { color:#fbaf42; text-decoration:none; font-size:13px; } #contenedor #contenido #informacion #Registros .nodosC a:hover {text-decoration:underline; } #contenedor #contenido #informacion #Registros .nodosC .ver_mas { display:block; text-align:right; font-size:12px; margin:0 20px 0 0;} #contenedor #contenido #informacion #Registros .nodosC .ver_mas:hover {text-decoration:underline;} #contenedor #contenido #informacion #Registros .nodosC .icono { background:url("../images/Comment.png") no-repeat; width:32px; height:32px; float:left; position:absolute; margin:-15px 0 0 -15px; } #contenedor #contenido #informacion #Registros .nodosC .resaltar { font-weight:bold; color:#FBAE44;} #contenedor #contenido #informacion #Registros .nodosC #email_web { float:right;} #contenedor #contenido #informacion #Registros .nodosC #email_web a img { border:none; float:right; margin:0 5px;} #contenedor #contenido #informacion #Registros .nodos .info_extra { clear:both; display:block;} #contenedor #contenido #informacion #Registros .nodos .info_extra h4 { background: url("../images/add.png") #FCE2B1 no-repeat 3px center; color:#000; font-weight:bold; height:20px; display:block; padding:5px 0 0 25px; margin:5px 0; clear:both; cursor:pointer;} #contenedor #contenido #informacion #Registros .nodos .info_extra .celda { display:block; /*height:150px;*/ margin:5px auto; float:left;} #contenedor #contenido #informacion #Registros .nodos .info_extra .celda .foto { width:130px; float:left; margin:10px;} #contenedor #contenido #informacion #Registros .nodos .info_extra ul { list-style:none; margin:5px 0 5px 15px;} #contenedor #contenido #informacion #Registros .nodos .info_extra ul li { margin:10px 0;} #contenedor #contenido #informacion #photos { width:530px; float:left;} #contenedor #contenido #informacion #photos .celda { display:block; /*height:150px;*/ margin:5px auto; float:left;} #contenedor #contenido #informacion #photos .celda .foto { width:155px; float:left; margin:10px;} #contenedor #contenido #informacion #photos .celda .foto a img { border:none;} #contenedor #contenido #informacion #panelLogin {padding:10px 15px; border:2px solid #B6B3AE; -moz-border-radius:8px; border-radius:8px; -webkit-border-radius:8px; margin:10px; float:left; background:url("../images/bglogin.jpg") repeat-x;} #contenedor #contenido #informacion #panelLogin form fieldset legend {color:#FBAF42; font-size:18px; padding:5px 0 5px 5px; text-transform:uppercase;} #contenedor #contenido #informacion #panelLogin form fieldset { border:none; padding:0 5px; } #contenedor #contenido #informacion #panelLogin form fieldset label { margin:10px 10px 3px 0; color:#000; text-transform:uppercase; font-weight:bold; padding:2px 0 2px 5px;} #contenedor #contenido #informacion #panelLogin form fieldset input.box {-moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px; border-top:1px solid #ccc; border-left:1px solid #ccc; color:#6a6b6d; padding:3px; } #contenedor #contenido #informacion #panelLogin form fieldset input.boton { background:url('../images/boton.gif') no-repeat; width:130px; height:30px; border:none; font-weight:bold; margin:15px 0 0 7px; float:right; } #contenedor #contenido #informacion #panelLogin .Error { color:red; font-weight:bold; padding:10px;} #contenedor #contenido #informacion #FormInfo {padding:10px 15px; border:2px solid #B6B3AE; -moz-border-radius:8px; border-radius:8px; -webkit-border-radius:8px; margin:10px; float:left;} #contenedor #contenido #informacion #FormInfo form fieldset legend {color:#FBAF42; font-size:18px; padding:5px 0 5px 5px; text-transform:uppercase;} #contenedor #contenido #informacion #FormInfo form fieldset { border:none; padding:0 5px; } #contenedor #contenido #informacion #FormInfo form fieldset .fieldsOption { display:block; margin:5px 0; float:left; width:510px;} #contenedor #contenido #informacion #FormInfo form fieldset label { margin:10px 10px 3px 0; color:#000; text-transform:uppercase; padding:2px 0 2px 5px; float:left; } #contenedor #contenido #informacion #FormInfo form fieldset input.box {-moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px; border-top:1px solid #ccc; border-left:1px solid #ccc; color:#6a6b6d; padding:3px; float:right; } #contenedor #contenido #informacion #FormInfo form fieldset textarea.box {-moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px; border-top:1px solid #ccc; border-left:1px solid #ccc; color:#6a6b6d; padding:3px; } #contenedor #contenido #informacion #FormInfo form fieldset select { -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px; border-top:1px solid #ccc; border-left:1px solid #ccc; color:#6a6b6d; padding:2px; width:100px; } #contenedor #contenido #informacion #FormInfo form fieldset input.boton { background:url('../images/boton.gif') no-repeat; width:130px; height:30px; border:none; font-weight:bold; margin:15px 0 0 7px; } #contenedor #contenido #informacion #FormInfo .Error { clear:both; color:red; font-weight:bold; padding:10px;} #contenedor #contenido #informacion #FormInfo form fieldset input.txtError1 {-moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px; border:1px solid red; padding:3px; float:right;} #contenedor #contenido #informacion #FormInfo .txtRequerido { color:red;} #contenedor #contenido #informacion #FormInfo .txtAlmenos { color:green;} #contenedor #contenido #informacion #FormComent {padding:10px 15px; border:2px solid #B6B3AE; -moz-border-radius:8px; border-radius:8px; -webkit-border-radius:8px; margin:10px; float:left;} #contenedor #contenido #informacion #FormComent form fieldset legend {color:#FBAF42; font-size:18px; padding:5px 0 5px 5px; text-transform:uppercase;} #contenedor #contenido #informacion #FormComent form fieldset { border:none; padding:0 5px; } #contenedor #contenido #informacion #FormComent form fieldset .fieldsOption { display:block; margin:5px 50px; float:left; width:310px;} #contenedor #contenido #informacion #FormComent form fieldset label { margin:10px 10px 3px 0; color:#000; text-transform:uppercase; padding:2px 0 2px 5px; float:left; } #contenedor #contenido #informacion #FormComent form fieldset input.box {-moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px; border-top:1px solid #ccc; border-left:1px solid #ccc; color:#6a6b6d; padding:3px; float:right; width:200px; } #contenedor #contenido #informacion #FormComent form fieldset textarea.box {-moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px; border-top:1px solid #ccc; border-left:1px solid #ccc; color:#6a6b6d; padding:3px; } #contenedor #contenido #informacion #FormComent form fieldset input.boton { background:url('../images/boton.gif') no-repeat; width:130px; height:30px; border:none; font-weight:bold; margin:15px 0 0 7px; } #contenedor #contenido #informacion #FormComent .Error { clear:both; color:red; font-weight:bold; padding:10px;} #contenedor #contenido #informacion #FormComent form fieldset input.txtError1 {-moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px; border:1px solid red; padding:3px; float:right; width:200px;} #contenedor #contenido #informacion #FormComent form fieldset textarea.txtError1 {-moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px; border:1px solid red; padding:3px; } #contenedor #contenido #informacion #FormComent .txtRequerido { color:red;} #contenedor #contenido #informacion .botonChirindongo { color:#666666; background:url('../images/btn_home_gray.gif') no-repeat; padding:8px 50px; float:right;} #contenedor #contenido #informacion .botonChirindongo a {color:#666; text-decoration:none;} #contenedor #contenido #informacion .botonChirindongo a:hover { text-decoration:underline;} #contenedor #contenido #informacion .botonChirindongoP { color:#666666; background:url('../images/btn_home_gray.gif') no-repeat; padding:8px 33px; float:right;} #contenedor #contenido #informacion .botonChirindongoP a {color:#666; text-decoration:none;} #contenedor #contenido #informacion .botonChirindongoP a:hover { text-decoration:underline;} #contenedor #bottom { background:#ebe4e6; color:#000; clear:both; display:block; text-align:center; padding:10px 0;} #contenedor #bottom a img { border:none; vertical-align:middle;}