/* 1996-2006 Inter Media S.A. All rights reserved. */ /* CSS Project Creative Cable */ /* Version 1.0 */ /* media: SCREEN */ /* Date 02/09/2010 */ /* MODIFICATION HISTORY */ /* dd/mm/aaaa Comentario de la modificacion realizada */ /* REFRAMING HTML TAGS */ body{background:url(../images/html/background.jpg) 0px 0px repeat-x; padding:0px; margin:0px; font: 11px Verdana, Arial, Helvetica, sans-serif; color: #333;} table{font-size: 1em;} td{font-size: 1em;} h1{font: bold 1.4em Verdana, Arial, Helvetica, sans-serif; color: #000;} h2{font: bold 1.2em Verdana, Arial, Helvetica, sans-serif; color: #000;} h3{font: bold 1em Verdana, Arial, Helvetica, sans-serif; color: #000;} h4{} h5{} h6{} strong, b{} a:link{color: #4B4946; text-decoration: underline;} a:visited{color: #4B4946; text-decoration: underline;} a:hover{color: #4B4946; text-decoration: none;} a:active{color: #4B4946; text-decoration: none;} :focus{outline:none;} form{margin: 0px; padding: 0px;} label{margin: 0px; padding: 0px; cursor: pointer;} ul{} button{margin: 0px; padding: 0px; cursor: pointer; border: none;} /*Most used CSS Styles*/ .align_left{text-align:left;} .align_right{text-align:right;} .align_center{text-align:center;} .float_left{float:left;} .float_right{float:right;} /*MAIN*/ #main{width:943px; margin:0px auto; background:#FFF; border-left:2px solid #343434; border-right:2px solid #343434; padding: 0px 0px 0px 3px;} /*Header Styles*/ #header{width:946px; height:133px; overflow: hidden; margin:0px auto; border-left:2px solid #343434; border-right:2px solid #343434; background:url(../images/html/header_background.jpg) 0px 0px repeat-x #FFF;} #header h1{background:url(../images/html/header_logo.gif) 28px 5px no-repeat; width:363px; height:85px; float:left; padding:5px 0px 0px 28px; margin:0px; font:1px Arial, Helvetica, sans-serif; letter-spacing:-1px; text-indent:-900px; border: none;} #header h1 a{display: block; text-decoration: none; height: 85px;} #header h2{width:130px; float:right; margin:0px; padding:8px 7px 0px 20px; color:#005AA1; font:bold 18px Arial, Helvetica, sans-serif; background:url(../images/html/header_phono.gif) 0px 13px no-repeat;} #header h3{font:normal 12px Arial, Helvetica, sans-serif; color:#005AA1; float:right; text-align:right; margin:0px; padding: 0px 5px 0px 0px; width:220px; clear: right; position: relative; top: 45px;} /*Menu Styles*/ #header ul{margin:0px; padding: 5px 0px 0px 2px; width:944px; list-style-type:none; clear: both; height: 35px;} #header ul li{float:left; width:171px; height:35px; background:url(../images/buttons/header_button.jpg) left bottom no-repeat; text-align:center; color:#FFF; font:bold 15px "Arial Narrow", Arial, Helvetica, Sans-serif; margin:0px 4px 0px 0px; padding:0px;} #header ul li a{display: block; width:171px; height: 22px; padding: 6px 0px 7px 0px; text-decoration:none; color:#FFF;} #header ul li a:link, #header ul li a:visited{background:url(../images/buttons/header_button.jpg) 0px 0px no-repeat;} #header ul li a:hover, #header ul li a:active{background:url(../images/buttons/header_button_over.jpg) 0px 0px no-repeat;} #header ul li.active, #header ul li.active a{background:url(../images/buttons/header_button_over.jpg) 0px 0px no-repeat;} #header ul li#firts{width:65px; height:35px; background:url(../images/buttons/header_button_home.jpg) left bottom no-repeat; text-align:center; font: 1px Arial, Helvetica, sans-serif; letter-spacing: -1px; text-indent: -9000px;} #header ul li#firts a:link, #header ul li#firts a:visited{background:url(../images/buttons/header_button_home.jpg) left bottom no-repeat; width:65px; height:35px; padding: 0px;} #header ul li#firts a:hover, #header ul li#firts a:active{background:url(../images/buttons/header_button_home_over.jpg) left bottom no-repeat;} #header ul li#firts.active_home, #header ul li#firts.active_home a:link, #header ul li#firts.active_home a:visited{background:url(../images/buttons/header_button_home_over.jpg) 0px 0px no-repeat;width:65px; height:35px; font: 1px Arial, Helvetica, sans-serif; letter-spacing: -1px; text-indent: -9000px;} /*Active Menu Styles*/ #header ul li.active{background:url(../images/buttons/header_button_over.jpg) 0px 0px no-repeat;} #header ul li.active a:link, #header ul li.active a:visited{background:url(../images/buttons/header_button_over.jpg) 0px 0px no-repeat;} #banner_home{width:943px; height:258px; margin:0px;} /*Highlights Home*/ #highlights_home{height:138px; margin:0px auto;} #highlights_home ul{margin:0px; padding:0px; list-style-type:none;} #highlights_home ul li{float:left; width:312px; height:138px; margin: 0px; padding:0px 3px 0px 0px; background:#99CC99; font:1px Arial, Helvetica, sans-serif; text-indent:-9000px;} #highlights_home ul li#highlight_design{background:url(../images/photos_banner/highlights_design.jpg) 0px 0px no-repeat;} #highlights_home ul li#highlight_installation{background:url(../images/photos_banner/highlights_installation.jpg) 0px 0px no-repeat;} #highlights_home ul li#highlights_maintenance{background:url(../images/photos_banner/highlights_maintenance.jpg) 0px 0px no-repeat; padding: 0px;} #highlights_home ul li a{width:312px; height:138px; display:block;} /*MENU SECTIONS*/ #menu_sections{background: url(../images/html/menu_contents_background.jpg) repeat-x 0px 0px; width: 939px; clear: both; margin: 0px; height: 25px; font:bold 13px "Arial Narrow", Arial, Helvetica, Sans-serif; color: #FFF; letter-spacing: 1px;} #menu_sections ul{margin: 0px; padding: 0px; list-style: none;} #menu_sections ul li{margin: 0px; padding: 0px; float: left; width: 33%; text-align: center;} #menu_sections ul li a:link, #menu_sections ul li a:visited{text-decoration: none; color: #FFF; display: block; height: 22px; padding: 3px 0px 0px 0px;} #menu_sections #button_mission{} #menu_sections #button_alliances{} #menu_sections #button_team{} /*BREADCRUMS*/ #breadcrums{border-bottom: 1px dashed #4B4946; font: 10px Verdana, Arial, Helvetica, sans-serif; color: #4B4946; width: 934px;} #breadcrums p{background: url(../images/html/ic_breadcrums.gif) no-repeat 5px 8px; margin: 0px; padding: 8px 8px 7px 18px;} #breadcrums span{float: right;} #breadcrums button{margin: 0px 0px 0px 5px; padding: 0px; float: left;} #breadcrums #increasefontsize{font: 10px Verdana, Arial, Helvetica, sans-serif; color: #4B4946; background: none; padding-top: 2px;} #breadcrums #decreasefontsize{font: 10px Verdana, Arial, Helvetica, sans-serif; color: #4B4946; background: none; padding-top: 2px;} #breadcrums #back{background: url(../images/buttons/button_back.gif) no-repeat 0px 0px; width: 13px; height: 13px; font: 1px Arial, Helvetica, sans-serif; letter-spacing: -1px; text-indent: -9000px;} #breadcrums #home{background: url(../images/buttons/button_home.gif) no-repeat 0px 0px; width: 16px; height: 14px; font: 1px Arial, Helvetica, sans-serif; letter-spacing: -1px; text-indent: -9000px;} /*BACKGROUNDS CONTENTS*/ .about_creative_cabling{background: url(../images/photos_banner/photo_about_creative_cabling.jpg) no-repeat right top; padding-right: 460px !important; font-size: 1.2em; line-height: 140%;} .about_creative_cabling h1{background: url(../images/html/title_about_creative_cabling.gif) no-repeat 0px 0px; border-bottom: 1px dashed #4B4946; margin: 0px 0px 10px 0px; padding: 0px 0px 18px 0px; font: 1px Arial, Helvetica, sans-serif; letter-spacing: -1px; text-indent: -9000px;} .mission_statement{background: url(../images/photos_banner/photo_mission_statement.jpg) no-repeat right top; padding-right: 510px !important; padding-bottom: 32px !important; font-size: 1.45em; line-height: 140%;} #contents.mission_statement h1{background: url(../images/html/title_mission_statement.gif) no-repeat 0px 0px; border-bottom: 1px dashed #4B4946; margin: 0px 0px 10px 0px; padding: 0px 0px 18px 0px; font: 1px Arial, Helvetica, sans-serif; letter-spacing: -1px; text-indent: -9000px;} .our_contracts{background: url(../images/photos_banner/photo_our_contracts.jpg) no-repeat right top; padding-right: 460px !important; padding-bottom: 32px !important; width: 458px;} .our_contracts h1{background: url(../images/html/title_our_contracts.gif) no-repeat 0px 0px; border-bottom: 1px dashed #4B4946; margin: 0px 0px 10px 0px; padding: 0px 0px 18px 0px; font: 1px Arial, Helvetica, sans-serif; letter-spacing: -1px; text-indent: -9000px;} .our_contracts #download{border-top: 1px dashed #4B4946; padding: 10px 0px 10px 0px; min-height: 70px;} .our_contracts #download p{background: url(../images/html/ic_pdf.jpg) no-repeat 0px 0px; padding: 0px 10px 0px 0px; margin: 0px; float: left; width: 240px;} .our_contracts #download a:link, .our_contracts #download a:visited{display: block; padding: 45px 0px 0px 0px; text-decoration: none;} .our_contracts #download a:hover, .our_contracts #download a:active{text-decoration: none; color: #000;} .management_team{background: url(../images/photos_banner/photo_management_team.jpg) no-repeat right top; padding-right: 342px !important; font-size: 1.45em; line-height: 140%;} #contents.management_team h1{background: url(../images/html/title_management_team.gif) no-repeat 0px 0px; border-bottom: 1px dashed #4B4946; margin: 0px 0px 10px 0px; padding: 0px 0px 18px 0px; font: 1px Arial, Helvetica, sans-serif; letter-spacing: -1px; text-indent: -9000px;} #contents.management_team #photo_team{color: #666; line-height: 110%; width: 570px; overflow: hidden; padding: 20px 0px 0px 0px; font-size: 0.8em;} #contents.management_team #photo_team .cols{float: left; width: 280px; padding: 0px 0px 16px 0px;} #contents.management_team #photo_team .cols p{background: url(../images/html/bullet_01.gif) no-repeat 0px 8px; margin: 0px; padding: 5px 0px 0px 10px; float: left; width: 180px;} #contents.management_team #photo_team .cols img{float: left; width: 76px; height: 84px; border: 1px solid #2DA8DA; margin-right: 7px;} #contents.management_team #photo_team .cols strong, .management_team #photo_team .cols b{color: #000;} .our_products{background: url(../images/photos_banner/photo_our_products.jpg) no-repeat right top; font-size: 1.4em; line-height: 140%;} #contents.our_products p{padding-right: 460px; } #contents.our_products h1{background: url(../images/html/title_our_products.gif) no-repeat 0px 0px; border-bottom: 1px dashed #4B4946; margin: 0px 460px 10px 0px; padding: 0px 0px 18px 0px; font: 1px Arial, Helvetica, sans-serif; letter-spacing: -1px; text-indent: -9000px;} #contents.our_products h2{background: url(../images/html/bullet_02.gif) no-repeat 0px 3px; margin: 0px; padding: 0px 0px 18px 14px; font: bold 1em Verdana, Arial, Helvetica, sans-serif; color: #333;} .our_services{background: url(../images/photos_banner/photo_our_services.jpg) no-repeat right top; font-size: 1.3em; line-height: 140%;} #contents.our_services p{padding-right: 460px; } #contents.our_services h1{background: url(../images/html/title_our_services.gif) no-repeat 0px 0px; border-bottom: 1px dashed #4B4946; margin: 0px 460px 10px 0px; padding: 0px 0px 18px 0px; font: 1px Arial, Helvetica, sans-serif; letter-spacing: -1px; text-indent: -9000px;} #contents.our_services h2{background: url(../images/html/bullet_02.gif) no-repeat 0px 3px; margin: 0px; padding: 0px 0px 18px 14px; font: bold 1em Verdana, Arial, Helvetica, sans-serif; color: #333;} #contents.site_map{font-size: 1.3em; line-height: 150%; padding-bottom: 40px;} #contents.site_map h1{background: url(../images/html/title_site_map.gif) no-repeat 0px 0px; border-bottom: 1px dashed #4B4946; margin: 0px 20px 10px 0px; padding: 0px 0px 18px 0px; font: 1px Arial, Helvetica, sans-serif; letter-spacing: -1px; text-indent: -9000px;} #contents.site_map h1#title_page_not_found{background: url(../images/html/title_page_not_found.gif) no-repeat 0px 0px;} #contents.site_map h2{background: url(../images/html/bullet_02.gif) no-repeat 80px 13px; margin: 0px; padding: 10px 0px 18px 94px; font: bold 1em Verdana, Arial, Helvetica, sans-serif; color: #333;} #contents.site_map ul a:link, #contents.site_map ul a:visited{text-decoration: none; color: #000;} #contents.site_map ul a:hover, #contents.site_map ul a:active{text-decoration: underline; color: #666;} #contents.site_map ul{margin: 0px; padding: 0px 0px 0px 80px; list-style: none; width: 400px;} #contents.site_map ul ul{margin: 0px; padding: 10px 0px 10px 20px; list-style: none; width: auto;} #contents.site_map ul li{background: url(../images/html/bullet_01.gif) no-repeat 0px 6px; margin: 0px; padding: 0px 0px 10px 10px; list-style: none;} #contents.site_map ul li li{background: url(../images/html/bullet_03.gif) no-repeat 0px 9px; margin: 0px; padding: 0px 0px 0px 10px;} #contents.site_map #col_02{float: right; padding: 35px 0px 0px 0px; width: 340px;} .contact_us{background: url(../images/photos_banner/photo_contact_us.jpg) no-repeat right top; padding-right: 450px !important; padding-bottom: 32px !important; width: 460px; line-height: 140%; font-size: 1.2em;} .contact_us h1{background: url(../images/html/title_contact_us.gif) no-repeat 0px 0px; border-bottom: 1px dashed #4B4946; margin: 0px 0px 10px 0px; padding: 0px 0px 18px 0px; font: 1px Arial, Helvetica, sans-serif; letter-spacing: -1px; text-indent: -9000px;} .contact_us h2{background: url(../images/html/bullet_02.gif) no-repeat 0px 0px; margin: 0px; padding: 0px 0px 18px 14px; font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #333; clear: both;} .contact_us form p{clear: both; margin: 0px; padding: 0px 0px 6px 0px; font: 0.8em Verdana, Arial, Helvetica, sans-serif; color: #000;} .contact_us form label{display: block; width: 160px; text-align: right; float: left; padding: 4px 14px 0px 0px;} .contact_us form input{border: 1px solid #CCC; width: 250px; font: 11px Verdana, Arial, Helvetica, sans-serif; color: #666; height: 20px;} .contact_us form textarea{border: 1px solid #CCC; width: 250px; font: 11px Verdana, Arial, Helvetica, sans-serif; color: #666; height: 80px; overflow: auto;} .contact_us form strong, .contact_us form b{color: #F00; font-size: 0.8em;} .contact_us form #button_send{padding: 10px 0px 0px 170px;} .contact_us form #button_send span{font-size: 0.9em; color: #000; float: left; padding: 13px 45px 0px 0px;} .contact_us form #button_send button{background: url(../images/buttons/button_send.gif) no-repeat 0px 0px; width: 108px; margin: 0px; padding: 15px 0px; font: 1px Arial, Helvetica, sans-serif;} .contact_us form .radiobutton{border: none; width: auto; height: auto; float: left;} .contact_us form .radio_others{padding: 0px 0px 0px 170px !important; min-height: 15px;} .contact_us form .radio_others label{padding: 2px 0px 4px 2px; width: 160px; text-align: left;} .contact_us form #installation_0{padding: 20px 0px 0px 0px;} .contact_us form #installation_0 p{padding: 0px 0px 10px 35px; margin: 0px;line-height: 140%;} .contact_us form #installation_0 input{float: none; position: relative; top: 3px; width: auto;} .contact_us form #installation_0 textarea{width: 343px;} .contact_us form #installation_0 label{padding: 2px 0px 2px 2px; width: auto; text-align: left;} .contact_us form #installation_0 label.right{float: right; width: 330px;} /*CONTENTS*/ #contents{padding: 28px 5px 0px 23px; margin-right: 2px; color: #333;} #contents p{margin: 0px; padding: 0px 0px 18px 0px;} #contents em, #contents i{color: #000; font-style: normal; font-size: 1.1em; font-weight: bold;} /*TEXT PLAIN*/ #contents #content_generic{} #contents #content_generic h1#title_privacy_policy{background: url(../images/html/title_privacy_policy.gif) no-repeat 0px 0px; border-bottom: 1px dashed #4B4946; margin: 0px 0px 10px 0px; padding: 0px 0px 18px 0px; font: 1px Arial, Helvetica, sans-serif; letter-spacing: -1px; text-indent: -9000px;} #contents #content_generic h1#title_conditions_of_use{background: url(../images/html/title_conditions_of_use.gif) no-repeat 0px 0px; border-bottom: 1px dashed #4B4946; margin: 0px 0px 10px 0px; padding: 0px 0px 18px 0px; font: 1px Arial, Helvetica, sans-serif; letter-spacing: -1px; text-indent: -9000px;} #contents #content_generic h2{background: url(../images/html/bullet_02.gif) no-repeat 0px 0px; margin: 0px; padding: 0px 0px 18px 14px; font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #333;} /*OURS ALLIANCES*/ #contents #our_alliances{color: #333; font: 1em/140% Verdana, Arial, Helvetica, sans-serif;} #contents #our_alliances h1{background: url(../images/html/title_our_alliances.gif) no-repeat 0px 0px; border-bottom: 1px dashed #4B4946; margin: 0px 0px 10px 0px; padding: 0px 0px 18px 0px; font: 1px Arial, Helvetica, sans-serif; letter-spacing: -1px; text-indent: -9000px;} #contents #our_alliances .rows{border-bottom: 1px dashed #4B4946; clear: both; padding: 20px 0px; width: 900px; overflow: hidden;} #contents #our_alliances .rows.last{border: none;} #contents #our_alliances .rows p{background: url(../images/html/bullet_01.gif) no-repeat 9px 3px; margin: 0px; padding: 0px 30px 0px 20px; width: 400px; float: left;} #contents #our_alliances .rows strong, #contents #our_alliances .rows b{color: #000; font-size: 1.2em;} #contents #our_alliances .rows a:link, #contents #our_alliances .rows a:visited{font-weight: bold; color: #09C; text-decoration: none;} #contents #our_alliances .rows a:hover, #contents #our_alliances .rows a:active{color: #06C; text-decoration: none;} /*TABLES*/ .tables{border-collapse: collapse; font-size: 0.8em; margin: 0px 0px 20px 0px; padding: 0px; border: 1px solid #CCC; width: 100%;} .tables th{background: #09C; font-weight: bold; color: #FFF; padding: 5px; text-align: left;} .tables td{padding: 5px; vertical-align: top; border: 1px solid #CCC; border-collapse: collapse;} .tables a:link, .tables a:visited{background: url(../images/html/bullet_01.gif) no-repeat 0px 8px; display: block; color: #000; text-decoration: none; padding: 0px 0px 0px 10px;} .tables a:hover, .tables a:active{color: #666;} .tables .color_file{background: #F5F5F5; padding: 5px; vertical-align: top;} /*BACKGROUND: FOOTER CONTENTS*/ #background_footer_contents{background: #2DA7D8; height: 20px; font: 1px Arial, Helvetica, sans-serif; margin-right: 2px; clear: both;} /*FOOTER*/ #footer{background: url(../images/html/footer_background.jpg) repeat-x 0px 0px; width:946px; height:70px; margin:0px auto; border-left:2px solid #343434; border-right:2px solid #343434; border-bottom:2px solid #343434; font: 10px Arial, Helvetica, sans-serif; color: #4B4946;} #footer p{margin: 0px; padding: 10px 0px 0px 10px; line-height: 130%;} #footer ul{margin: 0px; padding: 5px 0px 0px 0px; list-style: none; float: right; font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;} #footer ul li{margin: 0px; padding: 0px; list-style: none; display: inline;} #footer ul li a:link, #footer ul li a:visited{color: #4B4946; text-decoration: underline; margin: 0px 5px;} #footer ul li a:hover, #footer ul li a:active{color: #333; text-decoration: none;} #kiteknology{background: url(../images/html/ic_kiteknology.gif) no-repeat right top; width: 920px; margin: 3px auto; padding: 4px 26px 5px 0px; clear: both; text-align: right; font: 10px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #999;} #kiteknology a:link, #kiteknology a:visited{color: #FFF; text-decoration: none;} #kiteknology a:hover, #kiteknology a:active{color: #CCC; text-decoration: none;} /*Accessibility page*/ #accessibility{padding: 0px 0px 30px 0px;} #accessibility h1{background: url(../images/html/title_accesibility.gif) no-repeat 0px 0px; border-bottom: 1px dashed #4B4946; margin: 0px 380px 10px 0px; padding: 0px 0px 18px 0px; font: 1px Arial, Helvetica, sans-serif; letter-spacing: -1px; text-indent: -9000px;} #accessibility #txt_accesibilidad{width: 60%;} #accessibility #txt_accesibilidad h2{} #accessibility #txt_accesibilidad p{margin: 0px; padding: 0px 0px 15px 0px;} #accessibility #iconos_accesibilidad{float: right; width: 30%; border: 1px solid #3D5794; padding: 10px; background: #F5F5F5; height: 680px; margin: 0px 10px 0px 0px;} #accessibility #iconos_accesibilidad p{margin: 0px; padding: 0px 0px 10px 0px;} #accessibility #iconos_accesibilidad img{border: none; margin: 0px 0px 10px 0px; padding: 0px;}