/* Digital Seed SL * * Corporative web CSS * */ /*********** Global Styles ***********/ body {width:100%;margin: 0 auto; padding: 0px 0px 0px; background: transparent url('http://www.digitalseed.es/img/main_bottom_left_bg.jpg') repeat-x bottom left;} #top_background {margin: 0px; padding: 0px; background: transparent url('http://www.digitalseed.es/img/main_top_left_bg.jpg') repeat-x top left;} #wrapper {width: 988px; margin: 0 auto;} #fb-root {display: none;} .elink{width: 100%; height: 100%; display: block; text-decoration: none;} .pPipe{width:18px;text-align:center;} a img{border:none;} h1{margin:0;} /*********** Header ***********/ #header{height:122px; padding: 0px; background: transparent url('http://www.digitalseed.es/img/main_top_center_bg.jpg') no-repeat top left;} #header div.logo{padding:29px 0 0 43px; float:left;} #header div.menu{width:571px; padding:45px 0 0 0px; float:left;} #header div.menu ul{margin:0; padding:11px 0 0 30px; list-style:none} #header div.menu li{float:left;font-family:arial;font-size:12px; color:#959595;} #header div.menu a{text-decoration:none; font-family:arial; font-size:12px; color:#959595;} #header div.menu a:hover{font-weight:bold; color:#000000;} #header div.menu li.mPipe{width:40px; text-align:center; color:#cadcdc;} #header div.menu li.fPipe{width:20px; text-align:center; color:#cadcdc;} #header div.tags{width:130px; padding:0px 2px 0 0; float:right;} #header div.idioma{height:30px;font-family:arial;font-size:11px; color:#00cccc; } #header div.idioma ul{list-style:none; margin:0; padding:5px 0px 0px 12px;} #header div.idioma li{float:left;} #header div.idioma a{text-decoration:none; font-family:arial; font-size:11px; color:#00cccc;} #header div.idioma a:hover{text-decoration:none; font-weight:bold; font-family:arial; font-size:12px;} #header div.idioma li.iPipe{width:15px; text-align:center;} #header div.etiquetas{padding:0px 0 0 15px;} /*********** Body ***********/ #main_content{width:988px; margin: 0px; padding: 0px; background: transparent url('http://www.digitalseed.es/img/main_content_border.png') repeat-y top left;} /**** Inici Content ****/ #cont_inici{padding:0 6px 0 7px; text-align:left;} /* Inici Top */ #inici_top{width:650px;height:162px; padding: 42px 26px 44px 299px; background: transparent url('http://www.digitalseed.es/img/inici_widget_bg.jpg') no-repeat top left;} #counter{font-family:Arial; font-size:18px; height:32px; letter-spacing:10px; line-height:32px; padding-left:452px; text-align:right;} #counter img {float: left;} #carrousel_wrap {position: relative; padding: 0px 0px 0px 0px; height:129px;} #title_carrousel{ height:28px; position: absolute; left: 26px; width: 603px;} #carrousel_wrap div.nav{} #carrousel_wrap div.nav a{display: block; width: 24px; height: 129px; z-index: 255;} #carrousel_wrap div.nav a#prev_page{left:0; position:absolute; top:0;} #carrousel_wrap div.nav a#next_page{left:627px; position:absolute; top:0;} #carrousel {height:96px; left:25px; overflow:hidden; position:absolute; width:604px; top:28px;} #carrousel div.carrousel_item{width:604px; height:102px; text-align: left;} #carrousel div.carrousel_item {margin: 0px; padding: 0px; text-align: left;} #carrousel div.carrousel_item img{width: 149px; height: 96px; margin:0px; padding: 0px; cursor: pointer;} /* Inici bottom */ #inici_bot{width:975px;height:307px;background: #FFF;} #inici_bot_left{width:299px;height:307px;background: #FFF;float:left} #inici_bot_left h2{margin:22px 0 0 0;} #inici_social_media{width:299px;height:243px;padding:6px 0 0 0;background: transparent url('http://www.digitalseed.es/img/inici_socialmedia_bg2.jpg') repeat-y top left;float:left} .sm_text{width:261px;height:18px;padding:23px 0 0 38px;color:#999999;font-family:Arial;font-size:14px;} .sm_value{width:261px;height:18px;padding:2px 0 0 38px;color:#039b9b;font-family:Arial;font-size:16px;} #social_media_tw{width:299px;height:81px;background: transparent url('http://www.digitalseed.es/img/inici_socialmedia_bg1.jpg') no-repeat top left;float:left;} #social_media_tw:hover{background: transparent url('http://www.digitalseed.es/img/inici_socialmedia_tw.jpg') no-repeat top left;float:left;} #social_media_fb{width:299px;height:81px;background: transparent url('http://www.digitalseed.es/img/inici_socialmedia_bg1.jpg') no-repeat top left;float:left;} #social_media_fb:hover{background: transparent url('http://www.digitalseed.es/img/inici_socialmedia_fb.jpg') no-repeat top left;float:left;} #social_media_bl{width:299px;height:81px;background: transparent url('http://www.digitalseed.es/img/inici_socialmedia_bg1.jpg') no-repeat top left;float:left;} #social_media_bl:hover{background: transparent url('http://www.digitalseed.es/img/inici_socialmedia_bl.jpg') no-repeat top left;float:left;} #social_media_tt{width:299px;height:81px;background: transparent url('http://www.digitalseed.es/img/inici_socialmedia_bg1.jpg') no-repeat top left;float:left;} #social_media_tt:hover{background: transparent url('http://www.digitalseed.es/img/inici_socialmedia_tt.jpg') no-repeat top left;float:left;} #social_media_yt{width:299px;height:81px;background: transparent url('http://www.digitalseed.es/img/inici_socialmedia_bg1.jpg') no-repeat top left;float:left;} #social_media_yt:hover{background: transparent url('http://www.digitalseed.es/img/inici_socialmedia_yt.jpg') no-repeat top left;float:left;} #social_media_gg{width:299px;height:81px;background: transparent url('http://www.digitalseed.es/img/inici_socialmedia_bg1.jpg') no-repeat top left;float:left;} #social_media_gg:hover{background: transparent url('http://www.digitalseed.es/img/inici_socialmedia_gg.jpg') no-repeat top left;float:left;} #inici_bot_center{width:372px;height:307px;float:left;} #inici_bot_center h2{margin:22px 0 0 0;} #inici_common{width:372px;height:237px;} #inici_common ul{width:372px;height:237px;list-style:none; padding:31px 0px 0px 0px; margin: 0px; color:#797979;font-family:Arial;font-size:11px;} #inici_common ul li{width:168px; margin: 0px 8px 0px 0px; float:left;border-top-style:dotted;border-width:1px;border-color:#cccccc;padding:6px 0 6px 10px;} #inici_common ul li.last{width:168px; margin: 0px 8px 0px 0px; float:left; border-bottom-style:dotted;border-bottom-width:1px;border-bottom-color:#cccccc; padding:6px 0 6px 10px;} #inici_common ul li:hover{background-color:#333333; color:#33cccc} #inici_common ul li:hover a{color:#33cccc} #inici_common ul li a{text-decoration:none;color:#797979} #inici_common ul li a:hover{color:#33cccc} #inici_bot_right{width:300px;height:307px;background: transparent url('') no-repeat top left;float:left;} /**** Quisom Content ****/ #cont_quisom{padding:0px 0 0 53px; text-align:left; width:935px;} #wrapper_quisom{height: 466px; padding:0px 0px 10px 0px} #quisom_hablar{width:224px;height:466px;float:left;} #quisom_hablar div.quisom{width:196px;height:130px;color:#fff;padding:54px 12px 282px 16px;font-family:tahoma;font-size:11px;} #quisom_publicidad{width:224px;height:466px;float:left;padding:0 0 0 4px;} #quisom_publicidad div.quisom{width:196px;height:130px;color:#fff;padding:95px 12px 282px 16px;font-family:tahoma;font-size:11px;} #quisom_estrategias{width:224px;height:466px;float:left;padding:0 0 0 3px;} #quisom_estrategias div.quisom{width:196px;height:130px;color:#fff;padding:73px 12px 282px 16px;font-family:tahoma;font-size:11px;} #quisom_cafes{width:224px;height:466px;float:left;padding:0 0 0 3px;} #quisom_cafes div.quisom{width:196px;height:116px;color:#fff;padding:68px 12px 282px 16px;font-family:tahoma;font-size:11px;} #quisom_cafes #quisom_cafes_link{width:100%;height:67px;padding:30px 0px 0px 0px;} /**** Common sense home ****/ #common_wrapper{font-family:Arial; font-size:12px; color:#666666; width:907px; padding:0px 0px 0px 53px; margin:0px;} #common_desc{ padding:10px 0px 0px 30px; margin:0px; width:877px;} #common_desc p{ padding:20px 0px 0px; margin: 0px; } #common_menu{width:877px; padding:30px 0px 0px; margin: 0px; height:264px;} #common_menu ul { width:877px; list-style:none; padding:0px 0px 0px 30px; margin:0px;} #common_menu li{ width:410px; margin:0px 20px 0px 0px; padding: 0px; height:26px; float:left; border-top-style:dotted; border-width:1px; border-color:#999999;} #common_menu li.last{border-bottom: 1px dotted #999;} #common_menu li a{text-decoration:none; color:#797979; width:400px; margin:0px; padding: 0px 0px 0px 10px; display: block; line-height:26px; height: 26px;} #common_menu li a:hover{ background-color:#333333; text-decoration:none; color:#33cccc;} #common_menu li a div.cursor {margin: 8px 10px 8px 0px; width: 10px; height: 10px; display:block; float: left; line-height: 10px; background: transparent url("../img/common_arrow.png") no-repeat center center; cursor: pointer;} /* HATE FOR IE6 + PNG*/ #desc_next{font-weight:bold; color:#333333; margin:10px 0;} /**** Common sense interior ****/ /* Menu Interior*/ #common_menu_int{margin:0px; padding: 10px 0px 40px; text-align:left; height: 88px;} #common_menu_int ul {list-style:none; margin:0px; padding:0px; height: 88px;} #common_menu_int li{ width:220px; margin:0px 8px 0px 0px; padding: 0px; height:21px; float:left; border-bottom: 1px dotted #EDEDED;} #common_menu_int li.last{margin: 0px;} #common_menu_int li a{text-decoration:none; color:#797979; margin:0px; padding: 0px 0px 0px 5px; line-height: 21px; font-family: Arial; font-size: 11px; color: #999; display: block; width: 215px; height: 21px;} #common_menu_int li a:hover {text-decoration:none; background-color:#333333; color:#33cccc;} #common_menu_int li a div.cursor {margin: 8px 9px 4px 0px; width: 7px; height: 7px; float: left; line-height: 7px; background: transparent url("../img/common_arrow_int.png") no-repeat center center; cursor: pointer;} /* HATE FOR IE6 + PNG*/ /* Content interior */ #common_content_int {height:300px; padding:0 0 40px;} #common_content_int div.left{float: left; width: 602px; height: 274px; padding: 26px 33px 0px 33px; margin: 0px; background: transparent url('../img/common_content_bg.jpg') repeat top left;} #common_content_int h2.title{ margin: 0px; padding: 0px 0px 20px 0px; font-family: Arial; font-size: 28px; color: #17abab; font-weight:normal;} #common_content_int div.desc{padding-left: 3px;} #common_content_int div.items{width: 602px; padding: 24px 0px 0px 3px} #common_content_int div.items ul{list-style:none; margin:0px; padding:0px;} #common_content_int div.items ul li{width: 289px; height: 25px; border-top: 1px dotted #999; display: block; float: left; line-height: 25px; font-size: 12px; font-family: Arial; color: #666666; margin: 0px 8px 0px 0px; padding: 2px 0px 0px 0px;} #common_content_int div.items ul li.last {border-bottom: 1px dotted #999; } #common_content_int div.right{float: right;} /* Content interior */ #common_content_int #formulari {width: 226px; padding: 92px 0px 0px 0px; height: 208px;} #common_content_int #err_miss {color:cyan;display:block;height:30px;padding:0 0 6px 16px;text-align:left;width:190px;} #common_content_int #formulari2 {width: 180px; padding: 92px 20px 0px 26px; height: 208px; color:#fff;} #common_content_int #fields {padding:17px 0 0 17px} #common_content_int #fields input {width:183px;height:21px;padding:0 1px;background:transparent; border:1px solid #b7b5b5; color:#fff; line-height:22px; margin: 0px; font-family: Arial; font-size: 12px; margin: 0px;} #common_content_int #div_nombre{width:187px;height:27px; padding: 0px; margin: 0px;} #common_content_int #div_apellido{width:187px;height:27px;padding:0px 0 0 0; margin: 0px;} #common_content_int #div_email{width:187px;height:27px;padding:0px 0 0 0; margin: 0px;} #common_content_int #div_comentario {width:187px;height:51px;padding:0px 0 0 0; margin: 0px;} #common_content_int #div_comentario textarea{width:184px;height:45px;background:transparent;border:1px solid #b7b5b5; color:#fff; line-height:12px; font-family: Arial; font-size: 12px; margin : 0px; padding: 1px;} #common_content_int #enviar {width:65px;height:24px;padding:0px 0 0 122px;} #common_content_int #enviar input{width:65px;height:24px;background:transparent;border:none; color:#fff; cursor: pointer;} /**** Proyectos ****/ #cont_proyectos{padding:0px 0 0 53px; text-align:left; width:935px; margin: 0px;} #wrapper_proyectos{width:935px; padding:20px 0px 10px 0px;} #wrapper_proyectos .proyecto{ float:left; width:220px; margin:0px 10px 17px 0px; height:383px;} #wrapper_proyectos .proyecto .img{ width:220px; margin:0px; background: url("../img/proyectos_fitxa_bg.jpg"); background-repeat:repeat-y; } #wrapper_proyectos .proyecto .info{ width: 216px; height:175px; margin:0px; padding:0 2px 0 0; font-family:Arial; font-size:11px; background: url("../img/proyectos_fitxa_bg.jpg"); background-repeat:repeat-y;} #wrapper_proyectos h2{font-size:11px; font-weight:bold; padding:10px 0px 5px 13px; margin:0px} #wrapper_proyectos h3{ font-size:11px; font-weight:normal; padding:5px 0px 5px 13px; margin: 0px;} #wrapper_proyectos .proyecto .linea{background-color:#333333; height:1px; margin:0px auto; width: 204px; line-height: 1px; font-size: 1px; padding: 0px;} #wrapper_proyectos .proyecto .separador{ height:1px; margin:0px auto; width: 204px;} #wrapper_proyectos .proyecto .desc{height:98px; margin:0; overflow:hidden; padding:5px 0 5px 13px; width:193px; } #wrapper_proyectos .link_wrapper {background: url("../img/proyectos_fitxa_bg.jpg"); background-repeat:repeat-y; cursor: pointer;} #wrapper_proyectos .proyecto .div_boto{ width: 44px; height:17px; margin:0px; padding:0 0 0 172px; background-color:#666666; font-family:Arial; font-size:11px;color:#ffffff; text-decoration:none; line-height: 17px;} #wrapper_proyectos .div_links{background:url("../img/proyectos_fitxa_bg.jpg") repeat-y scroll 0 0 #333333; display:none; height:24px; margin:0; padding:0; text-align:right; width:219px;} #wrapper_proyectos .div_links p{list-style:none; color:#ffffff; margin:0px 3px 0px 0px; text-align:right; padding:0px 3px 0px 0px; font-family:Arial; font-size:11px; width:213px; height:24px; background-color:#333333; text-align:right; line-height: 24px; } #wrapper_proyectos .div_links p span{ } #wrapper_proyectos .div_links .separator{color:#ffffff; width:5px; margin:0px 2px 0px 2px; font-family:Arial; font-size:11px; background-color:#333333;} #wrapper_proyectos .div_links a{color:#ffffff; font-family:Arial; font-size:11px; text-decoration:none;} #wrapper_proyectos .div_links a:hover{text-decoration:underline;} #wrapper_proyectos #boto_links{height:11px; float: left; margin:3px 3px 0px 0px;} #nav_bar{color:white; float:right; height:27px; padding:10px 32px 0 0; font-family:Arial} #nav_bar ul{list-style:none; margin:0px; font-size:11px;} #nav_bar li{color:white; float:left; height:15px; margin:0 3px 0 0; padding:4px 8px 2px 7px; width:7px;} #nav_bar li.selected{background-color:#333333;} #nav_bar li.noselected{background-color:#b0b1b1;} #nav_bar li a{text-decoration:none; color:white;} #nav_bar2{height:36px; padding:10px 0 0 0px; margin:0px auto; width:500px; color:white; font-size:10px; font-family:Arial;} #nav_bar2 ul{list-style:none; margin:0px; font-size:12px;} #nav_bar2 li{color:white; float:left; height:25px; margin:0 3px 0 0; padding:8px 10px 0 15px; width:11px; border:1px solid #d2d2d2} #nav_bar2 li.selected{background-color:#333333;} #nav_bar2 li.noselected{background-color:#f6f6f6; color:#4d4d4d;} #nav_bar2 li.selectedlong{background-color:#333333; width:70px;} #nav_bar2 li.noselectedlong{background-color:#f6f6f6; width:70px; color:#4d4d4d;}ç #nav_bar2 li.selected a{text-decoration:none; color:white;} #nav_bar2 li.selectedlong a{text-decoration:none; color:white;} #nav_bar2 li.noselectedlong a{text-decoration:none; color:#4d4d4d;} #nav_bar2 li.noselected a{text-decoration:none; color:#4d4d4d;} /**** Contacto ****/ /* divs */ #contacta_content{padding:0px 29px 90px 53px; height: 602px; text-align:left; width:906px;clear:both; } #contacta_content div.separador {height:1px; margin:0; width:393; line-height: 1px;} #contacta_content h3 { margin: 0px; padding: 0px; line-height: 36px;} #contacta_content #column_left{ margin:0px; float:left; width:393px; font-family:Arial; font-size:13px;padding:21px 0px 0px 11px;} #contacta_content #title{padding:21px 0px 0px 0px;} #contacta_content #div_direccion{padding:15px 0px 15px 0px;} #contacta_content #p_direccion{margin:0px; font-family: Arial; font-size: 13px; color: #333333;} #contacta_content #p_mail{padding:10px 0px 0px 0px; margin: 0px; font-family: Arial; font-size: 13px; color: #333333;} #contacta_content #p_mail a{padding:10px 0px 0px 0px; text-decoration:none; margin: 0px; font-family: Arial; font-size: 13px; color: #333333;} #contacta_content #p_mail a:hover{text-decoration:underline;} #contacta_content #map{width:389px; height:222px; margin:20px 0px 30px 0px;} #contacta_content #div_siguenos{width:389px; margin:0px 0px 0px 0px; padding:20px 0px 0px 0px;} #contacta_content #div_siguenos div.link_social {float: left; padding:0px 18px 0px 0px;} #contacta_content #div_siguenos div.link_social a img{width:100px; height:44px; } #contacta_content #column_right{float:right; width:369px; padding: 21px 22px 0px 0px; font-family: Arial; font-size: 12px; color: #333333;} #contacta_content #column_right .radio_wrapper {padding: 15px 0px 20px ;} #contacta_content #column_right .radio_wrapper p{margin: 0px; padding: 5px 0px;} #contacta_content .radio{ height:16px; padding:0px; margin:0px 10px 0px 10px; vertical-align:middle; border: none;} #contacta_content #div_form{ margin:0px 0px 20px 0px; padding:0px; font-family:Arial; font-size:12px;} #contacta_content #div_email{ margin:0px; padding:0px; width:369px; height:65px; clear:both;} #contacta_content #div_email label { padding: 0px 0px 0px 10px; width:369px; font-family: Arial; font-size: 12px; color: #333333;} #contacta_content #div_email input{ margin:3px 0px 0px 0px; padding: 2px 0px 0px 10px; width:357px; height:25px;} #contacta_content #div_asunto{ margin:0px; padding:0px; width:369px; height:65px; display:none;} #contacta_content #div_asunto label { padding: 0px 0px 0px 10px; width:369px; font-family: Arial; font-size: 12px; color: #333333;} #contacta_content #div_asunto input{ margin:3px 0px 0px 0px; padding: 2px 0px 0px 10px; width:359px; height:25px;} #contacta_content #div_nombre{ margin:0px;float:left; margin:0px; padding:0px; width:182px; height:65px;} #contacta_content #div_nombre label { padding: 0px 0px 0px 10px; width:170px; font-family: Arial; font-size: 12px; color: #333333;} #contacta_content #div_nombre input{ margin:3px 0px 0px 0px; padding: 2px 0px 0px 10px; width:170px; height:25px;} #contacta_content #div_apellido{ margin:0px; float:right; margin:0px; padding:0px; width:182px; height:65px;} #contacta_content #div_apellido label { padding: 0px 0px 0px 10px; width:170px; font-family: Arial; font-size: 12px; color: #333333;} #contacta_content #div_apellido input{ margin:3px 0px 0px 0px; padding: 2px 0px 0px 10px; width:170px; height:25px;} #contacta_content #div_comentario{margin:0px; padding:0px; height:180px;} #contacta_content #div_comentario label { padding: 0px 0px 0px 10px; width:369px; font-family: Arial; font-size: 12px; color: #333333;} #contacta_content #div_comentario textarea{ margin:3px 0px 0px 0px; padding: 2px 0px 0px 0px; width:367px; height:151px; overflow:hidden;} #contacta_content #boton{border: none; width:70px; padding:0px; margin:0px 0px 0px 300px;} /* Check errors */ #contacta_content .camp_error_big{margin:0px; padding:0px 0px 0px 10px; color:#34c8c8; font-family:Arial; font-size:11px; width:225px; height:15px;} #contacta_content .camp_error_apellido{margin:0px; padding:0px 0px 0px 20px; color:#34c8c8; font-family:Arial; font-size:11px; width:170px; height:15px;} #contacta_content .camp_error{margin:0px; padding:0px 0px 0px 10px; color:#34c8c8; font-family:Arial; font-size:11px; width:170px; height:15px;} #contacta_content #email_error{display:none;} #contacta_content #nombre_error{ display:none; } #contacta_content #apellido_error{ display:none; } #contacta_content #comentario_error{ display:none;} #contacta_content #asuntot_error{ display:none;} #contacta_content #answer{display:none; padding:20px; font-family:Arial; font-size:12px; width:300px; height:330px;} /* Input fields */ #contacta_content input{ border:1px solid #c0c0c0;} /* Textarea field */ #contacta_content textarea{ border:1px solid #c0c0c0;} /********* Aviso Legal *********/ #aviso_wrapper{font-family:Arial; font-size:12px; color:#666666; text-align:left; width:907px; margin:0px 0px 20px 53px; padding:0px 0px 20px 0px;} #aviso_desc{ margin:25px 0px 0px 0px; padding:0px 0px 0px 30px; width:877px;} #aviso_desc p{ margin:14px 0px 14px 0px; } #aviso_desc .title{font-weight:bold; color:#333333; margin:10px 0 10px 0;} /*********** Footer ***********/ #footer{width:988px; margin: 0px; height:92px; padding: 0px 0px 0px; background: transparent url('http://www.digitalseed.es/img/main_bottom_bg.png') no-repeat top left; } #main_bottom_left{width:600px;margin: 0 auto; height:15px; padding: 10px 0px 0px 10px; float:left;font-family:arial;font-size:11px; color:#666666;} #main_bottom_left li.fpPipe{width:13px; text-align:center; color:#cadcdc;} #main_bottom_left ul{float:left; list-style:none; margin:0; padding:0px 0px 0px 45px;} #main_bottom_left li{float:left;} #main_bottom_left a{text-decoration:none;float:left;font-family:arial;font-size:11px; color:#666666;} #main_bottom_left a:hover{text-decoration:underline; float:left;font-family:arial;font-size:11px;} #main_bottom_right{width:310px;margin: 0 auto; height:15px; padding: 10px 6px 0px 0px; float:right;font-family:arial;font-size:11px; color:#666666;} #main_bottom_right .cp{width:170px; float:right; padding-right:12px;} #main_bottom_right .cp img{float:left;} #main_bottom_right .like {width:110px; height: 20px; float: right;}