/********************************************************************************************** Main Sections in CSS: 1. BASIC ELEMENTS Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc. 2. LAYOUT Define the basic template: header, footer, etc. Elements that help to define the basic layout of the site 3. PAGE COMMON STYLES Define content styles that are common to all the pages in the project. For example Logo in header, tabs in navigation, buttons, rounded boxes etc 4. PAGE SPECIFIC STYLES Define content styles that are specific to a particular page ***********************************************************************************************/ /* import core styles */ @import url(base.css); /*------------------------------------------ // 1.BASIC ELEMENTS // Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc. //------------------------------------------*/ body { color:#fff; font-family:Helvetica, Arial, sans-serif; background:transparent url(../images/body-bg.gif.gif) repeat scroll 0 0; } h1, h2 h3, h4, h5, h6, p, li { line-height:1.0em; } /*------------------------------------------ // 2.LAYOUT // Define the basic template: header, footer, etc. Elements that help to define the basic layout of the site //------------------------------------------*/ /*---- Wrapper ----*/ div.wrapper { width:992px; margin:0 auto; } /*---- Container ----*/ div.inner-container { background:transparent url(../images/white-glow.png) no-repeat scroll 50% 0; } /*---- Navigation ----*/ div#navigation { background:transparent url(../images/navigation/navigation-bg.png) repeat-x scroll 0 0; height:38px; min-width:1010px; } div#navigation div.wrapper { width:973px; padding:4px 0 0 19px; } /*---- Header ----*/ div#header{ clear:both; } div#header div.wrapper { width:979px; padding:12px 7px 21px 6px; } /*---- Content ----*/ div#content{ margin-bottom:45px;} /*---- Main ----*/ div#main { float:left; width:705px; } /*---- Sidebar ----*/ div#sidebar { float:right; width:258px; } /*---- Footer ----*/ div#footer{ padding-bottom:45px; } div#footer div.wrapper { width:966px; padding:0 15px 0px 11px; } /*------------------------------------------ // 3. PAGE COMMON STYLES // Define content styles that are common to all the pages in the project. For example Logo in header, tabs in navigation, buttons, rounded boxes etc //------------------------------------------*/ /*---- Navigation ----*/ div#navigation ul { float:left; } div#navigation ul li { float:left; margin-right:5px; } div#navigation ul li a { display:block; float:left; } div#navigation ul li a:hover{ text-decoration:none; } div#navigation ul li.home a{ background:url(../images/navigation/navigation.png) left top no-repeat; height:25px; width:66px; } div#navigation ul li.home a:hover , div#navigation ul li.home a.active{ background:url(../images/navigation/navigation.png) left bottom no-repeat; height:25px; width:66px; } div#navigation ul li.contact a{ background:url(../images/navigation/navigation.png) -66px top no-repeat; height:25px; width:94px; } div#navigation ul li.contact a:hover , div#navigation ul li.contact a.active{ background:url(../images/navigation/navigation.png) -66px bottom no-repeat; height:25px; width:94px; } div#navigation ul li.seminar a{ background:url(../images/navigation/navigation.png) -160px top no-repeat; height:25px; width:110px; } div#navigation ul li.seminar a:hover , div#navigation ul li.seminar a.active{ background:url(../images/navigation/navigation.png) -160px bottom no-repeat; height:25px; width:110px; } div#navigation ul li.empress a{ background:url(../images/navigation/navigation.png) -270px top no-repeat; height:25px; width:90px; } div#navigation ul li.empress a:hover , div#navigation ul li.empress a.active{ background:url(../images/navigation/navigation.png) -270px bottom no-repeat; height:25px; width:90px; } div#navigation ul li.portfolio a{ background:url(../images/navigation/navigation.png) -360px top no-repeat; height:25px; width:103px; } div#navigation ul li.portfolio a:hover , div#navigation ul li.portfolio a.active{ background:url(../images/navigation/navigation.png) -360px bottom no-repeat; height:25px; width:103px; } div#navigation ul li.enlaces a{ background:url(../images/navigation/navigation.png) -463px top no-repeat; height:25px; width:100px; } div#navigation ul li.enlaces a:hover , div#navigation ul li.enlaces a.active{ background:url(../images/navigation/navigation.png) -463px bottom no-repeat; height:25px; width:100px; } div#navigation p.language { float:right; margin-right:-6px; position:relative; padding-top:6px; } div#navigation p.language a { background:transparent url(../images/navigation/language.png) no-repeat scroll 0 0; line-height:16px; color:#fff; font-size:130%; padding-left:22px; } /*---- Header - Logo ----*/ div#header div.logo { float:left; width:418px; } div#header div#punchline { float:right; width:458px; padding-top:38px; } div#header div#punchline h1.punchline {text-shadow: 5px 5px 10px #000; filter: Glow(Color=#000000, Strength=5); font-size:16px; text-align:center; width:458px; height:43px; } /*---- Content ----*/ div#content h4 { color:#FFF; text-shadow: 3px 3px 10px #000; font-size:450%; font-weight:normal; } div#content h1 { color:#cacaca; text-shadow: 3px 3px 10px #000; font-size:300%; line-height:1.2em;} /*---- Footer ----*/ div#footer div#footer-nav { float:left; } div#footer div#footer-nav ul li { display:inline; font-size:150%; margin-right:2px; line-height:1.2em; } div#footer div#footer-nav ul li a { color:#fff; line-height:1.2em; font-size:100%; } div#footer p.language { float:right; } div#footer p.language a { color:#fff; font-size:150%; line-height:1.2em; font-weight:bold; } /*---- Boxes ----*/ div.box1 div.top-left { background:transparent url(../images/box1/box1-top-left.png) no-repeat scroll left bottom; padding-left:5px; } div.box1 div.top-right { background:transparent url(../images/box1/box1-top-right.png) no-repeat scroll right bottom; padding-right:5px; } div.box1 div.top-middle { background:transparent url(../images/box1/box1-bg.png) repeat scroll left bottom; height:5px; line-height:5px; } div.box1 div.bottom-left { background:transparent url(../images/box1/box1-bottom-left.png) no-repeat scroll left bottom; padding-left:5px; } div.box1 div.bottom-right { background:transparent url(../images/box1/box1-bottom-right.png) no-repeat scroll right bottom; padding-right:5px; } div.box1 div.bottom-middle { background:transparent url(../images/box1/box1-bg.png) repeat scroll left bottom; height:5px; line-height:5px; } div.box1 div.middle { background:transparent url(../images/box1/box1-bg.png) repeat scroll left top; } /*---- Buttons ----*/ /*---- Contact-form ----*/ div#contact { margin-bottom:12px; } div#contact div.wrapper{ width:980px; padding:0 8px 0 4px; } div#contact div.box1 div.middle { padding:0 17px 0px 12px; } div#contact div.inner-wrapper { background:transparent url(../images/contact-form/dash-line.gif) repeat-y 287px 0; margin-bottom:22px; } div#contact h1 { color:#cacaca; text-shadow: 3px 3px 10px #000; font-size:300%; line-height:1.2em; margin-bottom:13px; } div#contact div#messenger { float:left; width:258px; margin-right:60px; padding-top:5px; } div#contact div#messenger ul li { padding:8px 0 0 48px; margin-bottom:17px; } div#contact div#messenger ul li p { float:left; width:135px; } div#contact div#messenger ul li p span { color:#747472; font-size:110%; } div#contact div#messenger ul li p a { font-size:140%; line-height:1.0em; color:#c9da4b; } div#contact div#messenger ul li span.online { float:right; width:67px; display:block; height:25px; line-height:25px; background:transparent url(../images/contact-form/status.png) no-repeat scroll 0 0; } div#contact div#messenger ul li span.offline { float:right; width:67px; display:block; height:25px; line-height:25px; background:transparent url(../images/contact-form/status.png) no-repeat scroll 0 -26px; } div#contact div#messenger ul li.windows { background:transparent url(../images/contact-form/windows.png) no-repeat scroll 5px 0; } div#contact div#messenger ul li.yahoo { background:transparent url(../images/contact-form/yahoo.png) no-repeat scroll 5px 0; } div#contact div#messenger ul li.google { background:transparent url(../images/contact-form/google.png) no-repeat scroll 3px 0; } div#contact div#messenger ul li.skype { background:transparent url(../images/contact-form/skype.png) no-repeat scroll 4px 0; } div#contact div#comment-form { float:right; padding-right:12px; width:620px;} div#contact div#comment-form div.user-details { width:276px; float:left; margin-right:10px;} div#contact div#comment-form div.user-details p { margin-bottom:5px; } div#contact div#comment-form div.user-details p.country { padding-top:5px; } div#contact div#comment-form div.user-details p label { font-size:150%; line-height:18px; display:block; float:left; width:66px; } div#contact div#comment-form div.user-details p input { display:block; float:left; } div#contact div#comment-form div.user-details p input.textbox { height:18px; width:200px; border:1px solid #66a0f0; background:#ccc url(../images/contact-form/input.gif) repeat-x scroll 0 0; } div#contact div#comment-form div.user-details p input.captchabox { height:18px; width:90px; border:1px solid #66a0f0; background:#ccc url(../images/contact-form/input.gif) repeat-x scroll 0 0; } div#contact div#comment-form div.user-details p select { width:165px; border:1px solid #66a0f0; background:#ccc url(../images/contact-form/input.gif) repeat-x scroll 0 0; } div#contact div#comment-form div.comment-details { float:right; margin-bottom:14px;} div#contact div#comment-form div.comment-details p label { font-size:150%; line-height:1.0em; } div#contact div#comment-form div.comment-details p.comments { margin-bottom:11px; } div#contact div#comment-form div.comment-details p.comments label { display:block; margin-bottom:5px; } div#contact div#comment-form div.comment-details p textarea{ display:block; width:315px; height:70px; border:1px solid #66a0f0; background:#fff url(../images/contact-form/input.gif) repeat-x scroll 0 0; } div#contact div#comment-form div.comment-details p.verify span { display:block; float:left; } div#contact div#comment-form div.comment-details p.verify span.captcha { width:220px; margin-right:7px; } div#contact div#comment-form div.comment-details p.verify span label { font-size:110%; line-height:1.2em; } div#contact div#comment-form div.comment-details p.verify span input.textbox { height:18px; width:85px; border:2px solid #494949; background:#fff url(../images/contact-form/input.gif) repeat-x scroll 0 0; } div#contact div#comment-form p.submit { background:#0b162a url(../images/contact-form/submit-bg.gif) no-repeat scroll 0 0; height:24px; position:relative; width:617px; clear:both; } div#contact div#comment-form p.submit input { background:transparent url(../images/contact-form/submit-btn.png) no-repeat scroll 0 0; border:0; height:26px; width:89px; top:-1px; right:0; position:absolute; cursor:pointer; } div#contact div#comment-form div#espacioContacto {} div#contact div.contact-footer { padding:0 0 4px 7px; } div#contact div.contact-footer div.logo { float:right; width:137px; } div#contact div.contact-footer div.footnote { float:left; } div#contact div.contact-footer div.footnote p.copyright { font-size:120%; line-height:1.2em; } div#contact div.contact-footer div.footnote p#navigation2 { color:#3a527d; font-size:120%; line-height:1.2em; } div#contact div.contact-footer div.footnote p#navigation2 a { color:#3a527d; font-size:100%; line-height:1.2em; } /*------------------------------------------ // 4.1 INDEX PAGE SPECIFIC STYLES //------------------------------------------*/ /*---- Dashboard ----*/ div#dashboard { margin-bottom:30px; } div#dashboard div#banner { float:left; width:594px; height:199px; padding:12px; background:transparent url(../images/dashboard/banner-bg.png) no-repeat scroll 0 0; } div#dashboard div#work { float:right; width:353px; padding-top:27px; } div#container ul.list1 li { background:transparent url(../images/dashboard/list.png) no-repeat scroll 0 0; padding-left:33px; margin-bottom:10px; } div#container ul.list1 li a { color:#d9d9d9; font-size:170%; line-height:1.2em; } div#container ul.list1 li a:hover { color:#ffffff; } /*---- About ----*/ div#about { margin:0 8px 23px 4px; } div#about.box1 div.middle { padding:10px 20px 10px 22px; } div#about h1.nuestro { float:left; width:271px; height:148px; background:transparent url(../images/dashboard/nuestro.png) no-repeat scroll 0 0; } div#about p { margin-bottom:16px; font-size:130%; color:#d9d9d9; line-height:1.2em; } div#about div.right { margin-left:286px; padding-top:5px; } div#about p a { font-size:100%; color:#c9da4b; line-height:1.2em; text-decoration:underline; } div#about p a:hover { text-decoration:none; } /*---- Services ----*/ div#services { padding-left:10px; } div#services div.box2 { float:left; width:500px; *width:500px; margin-left:-10px; position:relative; } /*---- Services ----*/ div#services { padding-left:10px; } div#services div.box4{ float:left; width:255px; margin-left:-10px; position:relative; } /*------------------------------------------ // 4.1 INNER PAGE SPECIFIC STYLES //------------------------------------------*/ div.box1 div.middle { padding:10px 22px 26px; } div#main div.box1 div.tabs { background:url(../images/content/tabs-bg.png) left top no-repeat; height:38px; margin:0px -33px 25px; position:relative; padding:0px 33px; } div#main div.box1 div.tabs ul li{ float:left; line-height:24px; font-size:130%; color:#aeaeae; margin-right:10px; } div#main div.box1 div.tabs ul li a{ color:#c9da4b; } div#main div.box1 h1{ margin-bottom:22px; } div#main div.box1 p{ font-size:130%; color:#8394b5; line-height:1.2em; margin-bottom:20px; text-align:justify; } div#main div.box1 p a{ text-decoration:underline; color:#a2c835; font-weight:bold; } div#main div.box1 p a:visited{ color:#a2c835; } div#main div.box1 p a:hover{ text-decoration:none; color:#D1E423; font-weight:bold; } div#main div.box1 p.centro{ text-align:center; } .listado a{ text-decoration:underline; color:#a2c835; font-weight:bold; } .listado a:visited{ color:#a2c835; } .listado a:hover{ text-decoration:none; color:#D1E423; font-weight:bold; } .listadoPortafolio a{ font-size:20px; text-decoration:underline; color:#a2c835; font-weight:bold; } .listadoPortafolio a:visited{ color:#a2c835; } .listadoPortafolio a:hover{ text-decoration:none; color:#D1E423; font-weight:bold; } /*----------- Box2 --------------*/ div.box2, div.box4{ margin-top:-5px; position:relative; } div.box2 div.top-left, div.box4 div.top-left { background:transparent url(../images/content/box2-top-left.png) no-repeat scroll left top; padding-left:13px; height:13px; line-height:13px; } div.box2 div.top-right, div.box4 div.top-right { background:transparent url(../images/content/box2-top-right.png) no-repeat scroll right top; padding-right:13px; height:13px; line-height:13px; } div.box2 div.top-middle, div.box4 div.top-middle { background:transparent url(../images/content/box2-top-middle.png) repeat-x scroll left top; height:13px; line-height:13px; } div.box2 div.middle-left, div.box4 div.middle-left { background:transparent url(../images/content/box2-middle-left.png) left top repeat-y; padding-left:5px; } div.box2 div.middle-right, div.box4 div.middle-right { background:transparent url(../images/content/box2-middle-right.png) right top repeat-y; padding-right:6px; } div.box2 div.middle, div.box4 div.middle { background:#2f446d; padding:0px 0px 1px; } div.box2 div.bottom-left, div.box4 div.bottom-left { background:transparent url(../images/content/box2-bottom-left.png) no-repeat scroll left bottom; padding-left:13px; } div.box2 div.bottom-right, div.box4 div.bottom-right { background:transparent url(../images/content/box2-bottom-right.png) no-repeat scroll right bottom; padding-right:13px; } div.box2 div.bottom-middle, div.box4 div.bottom-middle { background:transparent url(../images/content/box2-bottom-middle.png) repeat scroll left bottom; height:13px; line-height:13px; } div.box2 h3, div.box4 h3{ background:url(../images/content/heading-icon.gif) left center no-repeat; padding-left:30px; font-size:150%; color:#fff; line-height:26px; margin:0px 0px 0px 5px; letter-spacing:-1px; } div.box2 div.description, div.box4 div.description{ background:#415e96; padding:3px 7px 10px; margin:6px 0px; } div.box2 div.description div.frame{ background:url(../images/content/image-frame2.gif) left top no-repeat; padding:10px; } div.box4 div.description div.frame{ background:url(../images/content/image-frame4.gif) left top no-repeat; padding:10px; } div.box2 div.description p, div.box4 div.description p{ font-size:110%; color:#fff; line-height:1.2em; margin-left:10px; } div.box2 a.more-link, div.box4 a.more-link { background:url(../images/content/read-more-icon.gif) right center no-repeat; padding-right:20px; margin:0px 7px 0px 0px; line-height:14px; display:block; float:right; color:#c9da4b; font-size:11px; } div#sidebar h2{ font-size:180%; color:#fff; margin-bottom:10px; } div#sidebar div#projects.box1 { margin-top:15px; width:245px; margin:15px auto 0; } div#sidebar div#projects.box1 div.middle { padding:10px 14px;} div#sidebar div#projects.box1 div.frame{ background:url(../images/content/project-frame.png) left top no-repeat; padding:7px; width:153px; float:left; } div#sidebar div#projects.box1 a.previous{ background:url(../images/content/previous.gif) left top no-repeat; float:left; display:block ; width:22px; height:21px; margin:156px 3px 0px 0px; } div#sidebar div#projects.box1 a.next{ background:url(../images/content/next.gif) left top no-repeat; float:right; display:block ; width:22px; height:21px; margin-top:156px;} div#sidebar div#projects.box1 a:hover{ text-decoration:none; cursor:pointer; } /* Estilos Personalizados */ .imgIzq{float:left; padding:3px; margin:3px; margin-right:5px; border:1px solid #3399FF;} .imgDer{float:right; padding:3px; margin:3px; margin-left:5px; border:1px solid #3399FF;} .imgCen{padding:3px; margin:3px; margin-left:5px; border:1px solid #3399FF;} div.box1 strong, div.box1 b{ color:#8FA2BC;} div.box1 u, div.box1 em {color:#CCCCCC;} a{color:#FFFFFF;} #root{position:relative; width:650px; height:150px; font-family:Helvetica, Arial, sans-serif; font-size:13px; line-height:130%; color:#d9d9d9;} #thumb{position:absolute; width:10px; height:25px; background:transparent url(../../images/scroll.png) no-repeat scroll 0 0; cursor:n-resize;} #bannerDiv{width:640px; height:140px; padding-top:10px; padding-left:10px; padding-right:10px; background:transparent url(../images/content/banner_bg.png) no-repeat scroll 0 0; margin-bottom:10px;} #bannerDivOfertas{width:940px; height:140px; padding-top:10px; padding-left:10px; padding-right:10px; background:transparent url(../images/content/banner_ofertas_bg.png) no-repeat scroll 0 0; margin-bottom:10px;} .telefono{font-size:20px; color:#d5d5d5; text-align:left;} textarea{font-family:Helvetica, Arial, sans-serif; font-size:13px;} #tablaHosting{width:350px; height:280px; font-size:12px; margin:0 auto; color:#95A7BF;} .thIzq{width:300px; float:left; padding-bottom:4px;} .thDer{width:50px; float:right; padding-bottom:4px; text-align:center; font-weight:bold; color:#a2c835;} /* Cuadros Ofertas */ #planes{width:940px; margin:auto; margin-top:15px; margin-bottom:5px; padding:5px; border:1px solid #fff;} #plan{width:920px; display:table; margin:auto; padding:10px; padding-top:20px; padding-bottom:20px; background-color:#FFFFFF; border-bottom:1px solid #ccc;} #plan h2{text-align:center; padding-top:15px; padding-bottom:40px; color:#131e33; font-size:300%;} .economico{background-color:#b6ef2f; color:#2E3F05;} .fondo_economico{background-image:url(../../assets/images/services/p1.jpg); background-repeat:no-repeat; background-position:center; background-color:#FFFFFF;} .basico{background-color:#ffcd61; color:#432801;} .fondo_basico{background-image:url(../../assets/images/services/p2.jpg); background-repeat:no-repeat; background-position:center; background-color:#FFFFFF;} .profesional{background-color:#ff7c7c; color:#5C0101;} .fondo_profesional{background-image:url(../../assets/images/services/p3.jpg); background-repeat:no-repeat; background-position:center; background-color:#FFFFFF;} .corporativo{background-color:#64b2e9; color:#0E4061;} .fondo_corporativo{background-image:url(../../assets/images/services/p4.jpg); background-repeat:no-repeat; background-position:center; background-color:#FFFFFF;} .premium{background-color:#d492fa; color:#370459;} .fondo_premium{background-image:url(../../assets/images/services/p5.jpg); background-repeat:no-repeat; background-position:center; background-color:#FFFFFF;} /* Contenido Ofertas */ .imagenOferta{width:300px; float:left; text-align:center; font-size:13px; font-weight:bold; padding:10px; background-image:url(../../assets/images/services/bg_plans.png); background-position:bottom; background-repeat:repeat-x;} .contenidoOferta{ width:576px; height:160px; background-color:#DDDDDD; color:#666666; float:left; padding:2px; } .contenidoOferta2 { width:400px; height:160px; background-color:#DDDDDD; color:#666666; float:left; padding:2px; } #planes2 {width:660px; margin:auto; margin-top:15px; margin-bottom:5px; padding:5px; border:1px solid #fff;} #plan2 {width:640px; display:table; margin:auto; padding:10px; padding-top:20px; padding-bottom:20px; background-color:#FFFFFF; border-bottom:1px solid #ccc;} #plan2 h2{text-align:center; padding-top:15px; padding-bottom:40px; color:#131e33; font-size:300%;} .economico{background-color:#b6ef2f; color:#2E3F05;} .fondo_economico{background-image:url(../../assets/images/services/p1.jpg); background-repeat:no-repeat; background-position:center; background-color:#FFFFFF;} .basico{background-color:#ffcd61; color:#432801;} .fondo_basico{background-image:url(../../assets/images/services/p2.jpg); background-repeat:no-repeat; background-position:center; background-color:#FFFFFF;} .profesional{background-color:#ff7c7c; color:#5C0101;} .fondo_profesional{background-image:url(../../assets/images/services/p3.jpg); background-repeat:no-repeat; background-position:center; background-color:#FFFFFF;} .corporativo{background-color:#64b2e9; color:#0E4061;} .fondo_corporativo{background-image:url(../../assets/images/services/p4.jpg); background-repeat:no-repeat; background-position:center; background-color:#FFFFFF;} .premium{background-color:#d492fa; color:#370459;} .fondo_premium{background-image:url(../../assets/images/services/p5.jpg); background-repeat:no-repeat; background-position:center; background-color:#FFFFFF;} /* Contenido Ofertas */ .imagenOferta{width:200px; float:left; text-align:center; font-size:13px; font-weight:bold; padding:10px; background-image:url(../../assets/images/services/bg_plans.png); background-position:bottom; background-repeat:repeat-x;} .textoOferta{width:auto; height:160px; padding:0px; padding-left:5px; padding-right:5px; background-image:url(../../assets/images/services/bg_txt.png); font-size:12px; color:#333333; line-height:20px;} .textoOferta span{display:block; font-size:20px; font-weight:bold; text-align:center; padding:5px; margin:0px;} .textoOferta ul{list-style:circle; margin-top:5px;} .textoOferta li{padding-bottom:4px; margin-left:20px;} #planes #plan .contenidoOferta .textoOferta b, #planes #plan .contenidoOferta .textoOferta strong{color:#669900; font-size:18px;} .enlace{ width:150px; height:18px; display:block; text-align:center; float:right; position:relative; } .enlace a{ background:url(../../assets/images/services/bg_p.png) no-repeat center; font-size:11px; font-weight:bold; width:150px; height:12px; display:block; text-align:center; color:#D50000; padding-bottom:10px; } /* Paquete */ #paquete{width:900px; height:auto; margin:auto; padding:5px; border:1px solid #fff;} #fondo{width:auto; height:auto; margin:auto; padding:0px; background-color:#FFFFFF;} #dominio{width:120px; height:120px; float:right; background-image:url(../../assets/images/services/dominio.png); z-index:5px; position:absolute; margin-left:780px;} .bg_economico{background-image:url(../../assets/images/services/paquete1.jpg);} .bg_basico{background-image:url(../../assets/images/services/paquete2.jpg);} .bg_profesional{background-image:url(../../assets/images/services/paquete3.jpg);} .bg_corporativo{background-image:url(../../assets/images/services/paquete4.jpg);} .bg_premium{background-image:url(../../assets/images/services/paquete5.jpg);} #titulo{width:auto; padding:30px; font-size:40px; text-align:center; text-transform:uppercase; text-shadow:2px 2px 1px #000;} #imagen{width:280px; height:320px; margin:10px; float:left; border:1px solid #131e33; background-repeat:no-repeat; background-position:bottom left;} #descripcion{font-size:12px; width:570px; color:#333333; line-height:normal; text-align:justify; padding:10px; float:left;} #descripcion ul{font-size:20px; list-style:square; margin-left:20px; text-align:left; margin-bottom:10px;} #descripcion li{padding-bottom:5px;} #descripcion strong, #descripcion b{color:#0099FF;} #descripcion .titulo{font-size:35px; text-align:center; font-weight:bold; color:#FF0000; margin:15px;} #descripcion .aviso{font-size:18px; text-align:center; font-weight:bold; color:#FF0000; margin-left:10px; margin-right:10px;} #descripcion .aviso a{width:410px; height:60px; display:block; background-image:url(../../assets/images/services/consultenos.png); margin:auto;} #descripcion .aviso a:hover{background-image:url(../../assets/images/services/consultenos_over.png);} #descripcion .correo{font-size:13px; text-align:center; font-weight:bold; color:#333;} #banner{text-align:center; width:100%; display:table;} #texto{width:580px; float:left; padding-left:20px; padding-right:20px; text-align:center;} #texto .introduccion{font-size:14px; color:#000; line-height:20px; font-weight:bold;} #texto .testimonios{font-size:18px; color:#f00; padding:10px; text-align:center; line-height:normal; font-style:italic; font-weight:bold;} #fotos{width:260px; float:right; padding:10px;} #salida{width:100%; margin:auto; color:#26A417; font-size:20px; text-align:center; padding-top:30px; padding-bottom:45px; font-weight:bold; display:table;} .centro{text-align:center;} /* CAPTCHA */ #captche-val{width:100px;}