/*====================================== WELCOME TO THE STYLESHEET -------------------------------------- Copyright Mike Crittenden Author: Mike Crittenden ======================================*/ /**************************************\ |------------COLOR SCHEME--------------| |--------------------------------------| - black #000 - white #fff \**************************************/ /**************************************/ /* GLOBALS */ /**************************************/ body { background:url(../img/bg_2.png) 50% 0 no-repeat #c6c6c6; color:#666; } .img_principal_seccion{ width:998px; height:203px; position:relative; bottom:0;} h1{ font-size:32px; font-family: Georgia, "Times New Roman", Times, serif; color:#c20000; font-weight: normal; line-height:1.2em } h1 span{ color:#666; font-size:17px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; display:block; margin-bottom:5px;line-height:17px} #breadcrum { width: 864px; padding: 4px 40px 3px 92px; font-size: 0.95em; background: #a00100; color: #f04848; border: solid 1px #600; margin-bottom: 0px; font-size:11px; } #breadcrum a { color: #f04848; text-decoration:underline; } #breadcrum a:hover { text-decoration:none; } #breadcrum strong { color:#f04848!important} #main { margin-bottom:10px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; padding-top:0px; background:#fff; border-left: solid 1px #fff; border-right: solid 1px #fff; border-bottom: solid 5px #333; float: left; width: 998px; } a img{ border:none} #colaboradores{ background:url(../img/h_colaboradores.png) no-repeat; width:998px; height: 150px; color: #c20000; float:left;margin-top: 10px; } #colaboradores span{ position:relative; left: 60px; font-weight: bold; top: 5px; } /*TIPO1*/ #main #izquierda{ width:678px; float: left; margin-bottom: 35px; margin-top:20px } #main #izquierda #der{ float:right; width:400px; margin-right: 40px; } #main #izquierda #izq{ float:left; width:230px } #main #izquierda #izq img{ margin-left:33px; margin-bottom:28px; padding:1px; border: solid 1px #b3b3b3;} #main #izquierda h2 { color:#c20000; border-bottom: dotted 1px #333; font-size:14px; margin:0; padding:0; padding-bottom:15px; margin-bottom:15px;} #main #izquierda strong, #main #izquierda span{ color:#c20000;} #main #izquierda p span{border-top: dotted 1px #333; padding-top:15px;margin-top:15px; color:#c20000; display:block; width:400px } #main #izquierda a.link { color:#fff; background:#999 url(../img/flechas_links.gif) 0 -66px no-repeat ; width:auto; padding:3px; padding-left:20px; text-decoration:none; font-weight:bold; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px;} /*TIPO2*/ #main #izquierda .fila{ display:block; float:left; display:block; width: 675px; background:url(../img/linea_ptos_394.gif) 240px bottom no-repeat; margin-bottom:20px; } #main #izquierda .fila .col1{ float:left; width:200px; } #main #izquierda .fila .col1 img{ border: solid 1px #b3b3b3; padding: 1px; float: right; } #main #izquierda .fila .col2{ float:right; width:394px; margin-right:40px; display: block; overflow: hidden; } #main #izquierda .fila .col2 h2 { color:#c20000; border-bottom:none; font-size:14px; margin:0; padding:0; height: 16px; line-height: 14px; } #main #izquierda .fila .col2 a { padding:3px; color:#c00;} #main #izquierda .fila .col2 a.leer_mas { padding:3px; color:#fff; background: #999 url(../img/flechas_links.gif) no-repeat 100% -162px ; padding-right:23px; width:100%; font-weight:bold; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none;} #main #izquierda .fila .col2 p{ margin:0; margin-bottom:20px; width: 390px; } #main #izquierda .fila .col2 p.titulo{ font-weight:bold; border-bottom: dotted 1px #333; padding-bottom:10px;} #main #izquierda .fila .col2 ul{ list-style-image: url(../img/bullets.gif)} #main #izquierda .fila .col2 ul li{ margin-bottom:10px;} #main #izquierda .fila .col2 a.volver { padding:3px; color:#fff; background: #999 url(../img/flechas_links.gif) no-repeat 0 -130px ; padding-left:23px; width:100%; font-weight:bold; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; margin-bottom:10px;} #main #derecha{ width:290px; float: right; margin-bottom: 35px; padding-left:30px; background:url(../img/columna_efecto.png) no-repeat; margin-top:20px } #main #derecha img{ margin-bottom: 10px; border: solid 1px #b3b3b3; padding:1px} #main #derecha ul { list-style:none; margin:0; padding:0} #main #derecha ul li img { margin-bottom:45px} /**************************************/ /* HEADER */ /**************************************/ #header { height:188px; position: relative; } #header #logo { position: absolute; top: 58px; left: 1px; } #header #container_lenguaje{ top: 26px; position: absolute; right: 0px; width: 450px; height: 27px; } a#link_servicios_profesionales { background:url(../img/bot_bg_serv_prof_250.png) no-repeat; width:250px; height:27px; color: #fff; font-weight: bold; text-decoration: none; text-align: center; position: absolute; left: 0px; display: block; padding-top:6px; } a#link_servicios_profesionales:hover { background:url(../img/bot_bg_serv_prof_250.png) 0 -41px no-repeat; } #header #container_lenguaje form { display: block; position: absolute; right: 25px; top: 5px; height: 27px; text-align: right; } #header #container_lenguaje form label { color:#f99; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 1em; font-weight: normal; margin-right: 10px; } #header #container_lenguaje form select { color:#963; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 1em; font-weight: normal; border:none; padding:0; margin:0 } /**************************************/ /* NAVIGATION */ /**************************************/ #top_menu { background: url(../img/menu_horiz.png) no-repeat; list-style:none; width:850px; height:38px; float: right; margin-top: 129px; margin-right:10px; } #top_menu.admin{ background: url(../img/menu_horiz.png) no-repeat; list-style:none; width:865px; height:38px; float: right; margin-top: 129px; } #top_menu li { margin:0; padding:0; display: inline; text-align:center } #top_menu li a { display:block; height: 27px; float: right; margin-left: 4px; color:#fff; text-decoration:none; padding: 0; padding-top: 10px; font-size:1.2em;text-align:center } #top_menu li a.home { width:49px; background: url(../img/menu_horizontal.gif) -5px 0 no-repeat;} #top_menu li a.home span { display:none} #top_menu li a.home:hover { width:49px; background: url(../img/menu_horizontal.gif) -5px -48px no-repeat;} #top_menu li a.home.selected { width:49px; background: url(../img/menu_horizontal.gif) -5px -97px no-repeat;} #top_menu li a.chico { background: url(../img/menu_horizontal.gif) -192px 0 no-repeat; width:82px; } #top_menu li a.chico:hover { background: url(../img/menu_horizontal.gif) -192px -48px no-repeat; width:82px; } #top_menu li a.chico.selected { background: url(../img/menu_horizontal.gif) -192px -97px no-repeat; width:82px; color:#c00 } #top_menu li a.mediano { width:128px;background: url(../img/menu_horizontal.gif) -279px 0 no-repeat; } #top_menu li a.mediano:hover { background: url(../img/menu_horizontal.gif) -279px -48px no-repeat; } #top_menu li a.mediano.selected { background: url(../img/menu_horizontal.gif) -279px -97px no-repeat; color:#c00 } #top_menu li a.grande { width:190px;background: url(../img/menu_horizontal.gif) -412px 0 no-repeat;} #top_menu li a.grande:hover { background: url(../img/menu_horizontal.gif) -412px -48px no-repeat;} #top_menu li a.grande.selected{ background: url(../img/menu_horizontal.gif) -412px -97px no-repeat; color:#c00 } #top_menu li a.muy_grande { width:250px;background: url(../img/menu_horizontal.gif) -740px 0 no-repeat;} #top_menu li a.muy_grande:hover { background: url(../img/menu_horizontal.gif) -740px -48px no-repeat;} #top_menu li a.muy_grande.selected{background: url(../img/menu_horizontal.gif) -740px -97px no-repeat; color:#c00 } #main h1 { padding-left: 240px; padding-top: 30px; height: 96px; width: 758px; margin: 0; } /**************************************/ /* MAIN CONTENT */ /**************************************/ /*home*/ #home h1{ background:url(../img/h_bg_tit.png) 0 -17px no-repeat; } a.link_ortodoncia { display:block; background:url(../img/h_banner_1.jpg) no-repeat; width:188px; height:90px; color:#fff; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:17px; text-decoration: none; padding: 20px 10px 10px 72px; margin-bottom: 45px; font-weight: normal; line-height: 20px; } a.link_ortodoncia span { font-size:14px; margin-bottom: 10px; display: block; font-weight: bold; } a.link_implantologia { display:block; background:url(../img/h_banner_2.jpg) no-repeat; width:188px; height:90px; color:#fff; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:17px; text-decoration: none; padding: 20px 10px 10px 72px; margin-bottom: 45px; font-weight: normal; line-height: 20px; } a.link_implantologia span { font-size:14px; margin-bottom: 5px; display: block; font-weight: bold; } /*historia*/ #historia h1{ background:url(../img/bg_tit_03.png) no-repeat; height:116px; } /*instalaciones*/ #instalaciones h1{ background:url(../img/bg_tit_04.png) no-repeat; height:116px; } #galeria_instalaciones{ width:760px; padding-left:220px; float:left } #galeria_instalaciones{ list-style:none} #galeria_instalaciones li{ display:inline; float:left;margin: 0 8px 8px 0} #galeria_instalaciones li a img{ padding:4px; border: solid 1px #b3b3b3; } #galeria_instalaciones li a img:hover{ border: solid 1px #c00} /*problemas*/ #problemas h1{ background:url(../img/bg_tit_05.png) no-repeat; height:116px; } /*quienes*/ #quienes h1{ background:url(../img/bg_tit_06.png) no-repeat; height:116px; } /*Donde Estamos*/ #donde_estamos h1{ background:url(../img/bg_tit_02.png) no-repeat; height:116px; } #donde_estamos #plano{ padding:1px; border: solid 1px #b3b3b3; width:611px; height:445px; padding:1px; margin-left: 34px; float:left; margin-bottom: 20px; margin-top: 20px; } #donde_estamos #texto_localizacion{ margin:0; padding:0; float:right; margin-right: 18px; width: 303px; margin-bottom: 31px; background:url(../img/bg_donde_estamos_abajo.png) no-repeat; margin-top: 20px; } #donde_estamos #texto_localizacion h2 { margin:0; padding:10px 20px 10px 95px; background:url(../img/bg_donde_estamos.png) no-repeat; width:198px; height:80px; font-size: 14px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; padding-top: 10px; float:left; overflow: hidden; } #donde_estamos #texto_localizacion h2 strong{ color:#c00 } #donde_estamos #texto_localizacion span { margin:0; padding:10px 20px 10px 95px; width:198px; height:480px; font-size: 12px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; float:left; overflow: hidden; } #donde_estamos #plano_texto{ width:611px; margin-left: 34px; float:left; margin-bottom: 10px; margin-top: 0;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size: 12px; } #donde_estamos strong{color:#c00} /*Servicios Profesionales*/ #servicios h1{ background:url(../img/bg_tit_07.png) no-repeat; height:116px; } #servicios p.costo_servicio { background:#f0f0f0; border: solid 1px #dedede; padding:10px 40px; display:block} #servicios .link_smco{ background:url(../img/menu_izq.png) no-repeat; width:161px; height:54px; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; display:block; padding: 8px 15px 10px 30px; font-weight: bold; margin-left:10px; margin-bottom:20px; color:#333;} #servicios .link_smco.actual{ background:url(../img/menu_izq.png) 0 -164px; color:#fff;} #servicios .link_smco:hover, #servicios .link_smco.actual:hover{ background:url(../img/menu_izq.png) 0 -82px no-repeat; color:#333; } #servicios form#formulario_servicios { background:#f0f0f0; width: 423px; padding: 0; margin: 0; } #servicios form#formulario_servicios #titulo { background:url(../img/tit_bg_formulario.png) no-repeat; width:413px; height:32px; color:#fff; margin: 0; padding: 10px 0 0 10px; font-weight: bold;} #servicios form#formulario_servicios fielset { margin:0!important; padding-top:10px!important} #servicios form#formulario_servicios label{ display:block; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#666; font-size: 12px; margin-left: 38px; } #servicios form#formulario_servicios input, #servicios form#formulario_servicios select{ width:300px ; margin-bottom: 5px; margin-left: 35px; margin-right:50px;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }#servicios form#formulario_servicios textarea { width:277px; height:105px; margin-left: 35px; } #servicios form#formulario_servicios label.acepto_terminos{ font-weight:normal!important; color:#000;} #servicios form#formulario_servicios label.acepto_terminos a{ color:#f04848;} #servicios form#formulario_servicios label.acepto_terminos input{ width:10px; border:none; margin-top:15px; margin-bottom:15px} #servicios form#formulario_servicios input.acepto_terminos{ } #servicios form#formulario_servicios .LV_validation_message{margin-left: 35px; font-size: 11px; } #servicios form#formulario_servicios .LV_validation_message.LV_valid{ display:none} #servicios form#formulario_servicios input.boton_enviar_front { width:160px!important; margin-top:10px} #servicios form#formulario_servicios input.checkbox{ width:10px!important; margin:0; padding:0; margin-right:3px;} #servicios form#formulario_servicios #captcha_content{ margin-left:35px; margin-top:10px;} .boton_enviar_front { background:url(../img/bot_enviar.png) no-repeat; height:34px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; font-size:17px; border:none;} #servicios form#formulario_servicios input.boton_enviar_front_gran { width:200px!important; margin-top:10px} .boton_enviar_front_gran { background:url(../img/bot_enviar_gran.png) no-repeat; height:34px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; font-size:17px; border:none;} /*Politicas y Aviso Legal*/ #texto_ancho{ width:710px; padding: 0 30px 30px 240px; float:left } #texto_ancho a, #texto_ancho span{ color:#c20000 } #texto_ancho strong{ color:#c20000} /*Administracion Site*/ .gestion input { border:solid 1px #aacadd; font-family:Arial, Helvetica, sans-serif; color:#404040; margin-bottom:3px; float:left; width:380px } .gestion textarea { border:solid 1px #aacadd; font-family:Arial, Helvetica, sans-serif; color:#404040; width:380px; height:120px } .gestion .boton_enviar { background:url(../img/bot_enviar.png) no-repeat; width:198px; height:34px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; font-size:17px; border:none; width:158px; height:34px;} .gestion .input_foto {border:solid 1px #aacadd; font-family:Arial, Helvetica, sans-serif; color:#404040; margin-bottom:3px; float:left; width:50px } /**************************************/ /* FOOTER */ /**************************************/ #footer{ background:url(../img/pie_bg.png) 50% 0 no-repeat; height:244px; position: relative; } #footer_container{ width:998px; margin:0 auto} #footer_container #datos { background: url(../img/pie_datos.png) no-repeat; height:200px; position: relative; } #footer_container #datos #contactanos{ width:194px; position:absolute; height: 19px; left: 182px; top: 56px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 1.4em; color: #666; font-weight: bold; } #footer_container #datos #lineas_rotativas{ width:140px; position:absolute; height: 19px; left: 182px; top: 130px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 1.4em; color: #c00; } #footer_container #datos #ubicacion{ width:272px; position:absolute; height: 74px; left: 660px; top: 62px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; color: #c00; line-height: 19px; } #footer_container #datos #ubicacion span{color:#666; font-weight:bold } #footer_container #links_footer { list-style:none; color:#666; top: 176px; margin-left: 50px; position:absolute; left: -3px; width: 800px; } #footer_container #links_footer li { display:inline} #footer_container #links_footer li a { color:#666} #footer_container #links_footer li a:hover, #footer_container #links_footer li a.selected { color:#c20000} #footer_container #copyright { top: 220px; color: #b59d54; text-transform: uppercase; position: relative; font-size: 11px; } #footer_container #copyright a { color: #b59d54; text-transform: none!important; font-size: 11px; } /*Compromiso Confidencialidad POP*/ #compromiso_confidencialidad h1 { font-size: 22px; font-family: Georgia, "Times New Roman", Times, serif; color: #c20000; font-weight: normal; } #compromiso_confidencialidad #texto_compromiso { padding:5px; width:350px; color:#666; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; line-height:1.2em } #compromiso_confidencialidad {background:none} #compromiso_confidencialidad a{ color: #c20000;} #compromiso_confidencialidad strong { color: #c20000;} #compromiso_confidencialidad p{ margin-bottom:20px} /* * CAPTCHA */ #recaptcha_widget_div input{ width: 150px !important;} #recaptcha_widget_div { margin: 6px 0px 0px 34px; } /*AJAX Subida Archivo*/ #dataFiles { margin: 6px 0px 0px 34px; font-size:0.8em ; margin-bottom:5px;} #divCantImg{ margin:0; height:0;}