/********************************************************************************************** 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:#000; font-family: Arial; } 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:967px; margin:0 auto; } /*---- Container ----*/ div#container { } /*---- Header ----*/ div#header { background:url(../images/header/header-bg.jpg) repeat-x 50% 0; min-width:967px; } div#header div.wrapper { padding:0 0 1px 23px; width:944px; height:81px; } /*---- Main Navigation ----*/ div#main-navigation { background:transparent url(../images/navigation/navigation-bg.gif) repeat-x left bottom; margin:-8px 0 0 0; position:relative; min-width:967px; } div#main-navigation div.wrapper { height:48px; width:903px; padding:0 46px 0 18px; overflow:hidden; } /*---- Searchbar ---*/ div#searchbar { background:url(../images/searchbar/search-bar-bg.gif) repeat-x 0 0; min-width:967px; } div#searchbar div.wrapper { width:903px; padding:1px 46px 1px 18px; height:41px; } /*---- Content ----*/ div#content { background:#fff ; padding:8px 0 1px 0; min-width:967px; min-height:600px; } div#content div.inner-content { padding:20px 48px 0 16px; } /*---- Two-column-section1 ---*/ div.two-column-section1 { width:903px; } div.two-column-section1 div.column1 { width:471px; float:left; } div.two-column-section1 div.column2 { width:391px; float:right; } /*---- Two-column-section2 ----*/ div.two-column-section2 { width:919px; padding:0 31px 10px 17px; } div.two-column-section2 div#sidebar { width:247px; float:left; } div.two-column-section2 div#main { width:650px; float:right; } /*---- Two-column-section3 ---*/ div.two-column-section3 { width:936px; padding:0 13px 1px 18px; margin-bottom:20px; } div.two-column-section3 div.column1 { width:455px; float:left; } div.two-column-section3 div.column2 { width:445px; float:right; padding-top:5px; } div.two-column-section3 div.column2 { width:445px; float:right; padding-top:5px;} /*---- Two-column-section3 ---*/ div.two-column-section4 { margin-bottom:20px; } div.two-column-section4 div.column1 { width:284px; float:left; } div.two-column-section4 div.column2 { width:700px; float:right; } div.two-column-section4 div.column2 div.inner{background:url(../images/content/twocolumn4-column2-middle.gif) repeat-y 0 0; } div.two-column-section4 div.column2 div.inner div.inner-top{background:url(../images/content/twocolumn4-column2-top.gif) no-repeat 0 0; } div.two-column-section4 div.column2 div.inner div.inner-top div.inner-bottom{background:url(../images/content/twocolumn4-column2-bottom.gif) no-repeat 0 bottom; } div.two-column-section4 div.column2 div#main{width:699px; float:left;} div.two-column-section4 div.column2 div.column3{width:128px; float:right; padding:0 4px;} /*---- Three-column-section1 ---*/ div.three-column-section { padding-left:18px; margin-bottom:50px; } div.three-column-section div.column1 { float:left; width:639px; } div.three-column-section div.column2 { float:left; width:120px; } div.three-column-section div.column3 { float:right; width:190px; } /*---- Footer ----*/ div#footer div.wrapper {padding-bottom:32px; } /*------------------------------------------ // 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 //------------------------------------------*/ /*---- Header - Logo ----*/ div#header div.logo { float:left; width:229px; margin-right:16px; padding-top:20px; } div#header div.logo h1 a { background:url(../images/header/logo.png) no-repeat 0 0; height:0; width:100%; padding-top:46px; overflow:hidden; display:block; } /*---- Header - Tagline ----*/ div#header h2#tagline { float:left; color:#fff; font-size:120%; font-style:italic; line-height:1.2em; font-weight:normal; padding-top:26px; } div#header h2#tagline span { color:#addbff; } /*---- Header - Login Form ----*/ div#header div#login-form { float:right; background:transparent url(../images/header/header-wrapper.png) no-repeat right top; padding:14px 45px 0 33px; width:520px; } div#header div#login-form fieldset { margin-bottom:10px; } div#header div#login-form span.textbox1 { margin-left:7px; width:152px; } div#header div#login-form input.submit-btn1 { float:left; margin-left:18px; } div#header div#login-form p { font-size:120%; color:#5691d2; line-height:1.2em; } div#header div#login-form p a { color:#5691d2; } /*---- Header - Login Info ----*/ div#header div#login-info { float:right; padding:10px 52px 0 0; width:415px; } div#header div#login-info div.box5-content { padding:4px 0 1px 14px; } /*---- Header - User Info ----*/ div#header div#user-info{ float:right; padding:6px 14px 10px; width:465px; background:url(../images/header/user-info-bg.png) repeat 0 0; border:1px solid #1058a5; margin-right:105px; margin-top:6px;} div#header div#user-info div.image{float:left; width:55px; margin-right:10px;} div#header div#user-info div.image img{border:1px solid #7db4ef;} div#header div#user-info p {float:left; color:#5691d2; font-size:130%; line-height:14px; margin-bottom:10px;} div#header div#user-info ul.user-controls{float:left; width:400px;} div#header div#user-info ul.user-controls li{list-style:none; float:left; margin-right:25px;} div#header div#user-info ul.user-controls li.last{margin-right:0;} div#header div#user-info ul.user-controls li a{display:block; color:#fff; font-size:130%; float:left;} div#header div#user-info ul.user-controls li a img{vertical-align:middle; margin-right:3px;} /*---- Header - Login Info - Rating---*/ div#header div#login-info div.rating { margin-bottom:5px; } div#header div#login-info div.rating p { font-size:110%; line-height:20px; color:#fff; float:left; } div#header div#login-info div.rating p span.rating { background:url(../images/buttons/rating1.png) no-repeat left top; width:100px; line-height:20px; height:20px; display:block; float:left; margin:0 9px;} div#header div#login-info div.rating p span.rating span { background:url(../images/buttons/rating1.png) no-repeat left bottom; display:block; height:20px; } /*---- Header - Login Info - User controls---*/ div#header div#login-info ul.user-controls { margin-bottom:5px; } div#header div#login-info ul.user-controls li { color:#98c8f1; display:inline; font-size:110%; line-height:1.2em; } div#header div#login-info ul.user-controls li a { color:#98c8f1; text-decoration:underline; } div#header div#login-info ul.user-controls li a:hover { text-decoration:none; } /*---- Main Navigation ----*/ div#main-navigation ul { float:left; width:681px; } div#main-navigation ul li{ float:left; margin-right:20px; } div#main-navigation ul li a { float:left; text-decoration:none; font-size:140%; display:block; height:48px; padding-left:19px; color:#addbff; background:url(../images/navigation/active-bg.png) no-repeat -1000px 0; } div#main-navigation ul li a span { float:left; display:block; background:url(../images/navigation/active-bg.png) no-repeat -1000px 0; padding:4px 19px 0 0; text-align:center; line-height:44px; height:44px; } div#main-navigation ul li a.active, div#main-navigation ul li a:hover { background-position:left top; color:#004d9f; } div#main-navigation ul li a.active span, div#main-navigation ul li a:hover span { background-position:right bottom; } /*---- Sociable ----*/ div#main-navigation div#sociable { background:url(../images/navigation/pipe-bg.png) no-repeat left bottom; padding:20px 0 0 15px; float:right; height:28px; width:205px; } div#main-navigation div#sociable p { font-size:120%; color:#addbff; line-height:1.6em; } div#main-navigation div#sociable a { float:right; margin-left:12px; background:url(../images/navigation/sociable-bg.png) no-repeat 0 0; height:0; width:20px; overflow:hidden; padding-top:20px; } div#main-navigation div#sociable a.facebook { background-position:0 0; } div#main-navigation div#sociable a.twitter { background-position: -31px -1px; } div#main-navigation div#sociable a.rss { background-position:-61px -1px; } /*---- Searchbar - Breadcrumbs ---*/ div#searchbar div#breadcrumbs { float:left; width:475px; } div#searchbar div#breadcrumbs ul li { float:left; font-size:130%; margin-right:10px; color:#074a7d; line-height:40px; } div#searchbar div#breadcrumbs ul li a { color:#074a7d; font-size:100%; text-decoration:underline; } div#searchbar div#breadcrumbs ul li a:hover { text-decoration:none; } div#searchbar div#breadcrumbs ul li a.active { float:left; color:#1d6ec5; font-size:130%; display:block; background:transparent url(../images/searchbar/breadcrumbs-bg.png) no-repeat right top; padding:0 20px 0 10px; text-decoration:none; } /*--Breadcrumbs1--*/ div#breadcrumbs1{margin-bottom:10px;} div#breadcrumbs1 a, div#breadcrumbs1 span{color:#1969be; font-size:180%; margin-right:5px; line-height:18px;} /*---- Searchbar - Search Form ---*/ div#searchbar div.search-form { float:right; border-left:1px solid #fff; padding:6px 0 0 8px; height:35px; width:419px; } div#searchbar div.search-form span.search { width:190px; } div#searchbar div.search-form span.selectbox { width:123px; background:none; } div#searchbar div.search-form span.selectbox span { background:none; } div#searchbar div.search-form select { background:none; border:0; width:100%; padding:5px 0; } div#searchbar div.search-form select option { background:none; border:0; } div#searchbar div.search-form input.submit-btn3 { float:right;} /*---- Searchbar - User-stats ---*/ div#searchbar div#user-stats { float:right; padding:14px 0 0 0; margin-bottom:0; } div#searchbar div#user-stats li.views { margin-right:0; } div#searchbar div#user-stats li span, div#searchbar div#user-stats li span a { color:#074a7d; } /*---- Content - Top ---*/ div#content div.top { padding:5px 48px 1px 16px; } div#content div.top h1 { color:#1c7be0; font-size:310%; line-height:1.2em; margin-bottom:3px; } div#content div.top p { color:#5c748e; font-size:120%; line-height:1.2em; margin-bottom:10px; } /*---- Content - Top - Pagination1 ---*/ div#content div.top div#pagination1 { float:right; width:350px; } div#content div.top div#pagination1 p { text-align:right; font-size:150%; color:#495762; margin-bottom:5px; line-height:1.2em; } div#content div.top div#pagination1 p a.previous { display:block; float:right; background:url(../images/buttons/arrows1.png) top left no-repeat; width:34px; height:34px; text-decoration:none; } div#content div.top div#pagination1 p a.next { display:block; float:right; background:url(../images/buttons/arrows1.png) top right no-repeat; width:34px; height:34px; text-decoration:none; margin-left:7px; } /*---- Content - Pagination2 ---*/ div#pagination2 { clear:both; padding:0 48px 1px 16px; margin-bottom:15px; } div#pagination2 a { background:url(../images/buttons/button5.gif) no-repeat 0 100%; line-height:31px; font-size:120%; color:#5e5e5e; display:block; float:left; padding-left:15px; text-decoration:none; margin-right:12px; } div#pagination2 a span { background:url(../images/buttons/button5.gif) no-repeat 100% 100%; line-height:31px; display:block; padding-right:15px; text-align:center; } div#pagination2 a.active, div#pagination2 a:hover { background-position:0 0; } div#pagination2 a.active span, div#pagination2 a:hover span { background-position:100% 0; } div#pagination2 a.button4 { background:url(../images/buttons/button4.png) no-repeat left top; padding-left:8px; color:#282828; width:100px; } div#pagination2 a.button4 span.inner { background:url(../images/buttons/button4.png) no-repeat right bottom; padding:0 18px 0 10px; } /*---- Content - Pagination3 ---*/ div#pagination3 a { background:url(../images/buttons/button22.gif) no-repeat -1000px top; line-height:34px; font-size:130%; color:#000; display:block; float:left; padding-left:12px; text-decoration:none; margin-right:4px; } div#pagination3 a span { background:url(../images/buttons/button22.gif) no-repeat 1000px top; line-height:34px; display:block; padding-right:12px; text-align:center; } div#pagination3 a.active, div#pagination3 a:hover { color:#fff; background:url(../images/buttons/button23.gif) no-repeat left top; } div#pagination3 a.active span, div#pagination3 a:hover span { color:#fff; background:url(../images/buttons/button23.gif) no-repeat right top; } div#pagination3 a.button22, div#pagination3 a.button22:hover { margin-right:15px; background:url(../images/buttons/button22.gif) no-repeat left top; color:#fff; padding-left:15px; } div#pagination3 a.button22 span, div#pagination3 a.button22:hover span { background:url(../images/buttons/button22.gif) no-repeat right top; padding-right:15px; } /*--- Tab-strips ---*/ ul.tab-strip2 li{list-style:none; margin-left:5px; float:left;} ul.tab-strip2 li a{display:block; background:url(../images/content/strip2-a-bg.gif) no-repeat left 0; float:left; padding-left:10px; height:36px;} ul.tab-strip2 li a span{display:block; background:url(../images/content/strip2-a-bg.gif) no-repeat right 0; float:left; padding-right:10px; height:36px; line-height:38px; color:#f4f8fe; font-size:110%;} ul.tab-strip2 li a:hover, ul.tab-strip2 li a.active{text-decoration:none; background:url(../images/content/strip2-a-bg.gif) no-repeat 0 -36px;} ul.tab-strip2 li a:hover span, ul.tab-strip2 li a.active span{text-decoration:none; background:url(../images/content/strip2-a-bg.gif) no-repeat right -36px; color:#60a4f0;} /*--tab-strip3--*/ ul.tab-strip3{margin-bottom:12px; margin-left:8px;} ul.tab-strip3 li{list-style:none; background:url(../images/content/tab-strip3-li.gif) no-repeat 0 0; padding-left:10px; margin-right:10px; float:left;} ul.tab-strip3 li a{background:url(../images/content/tab-strip3-li.gif) no-repeat right 0; padding-right:10px; float:left; min-width:70px; color:#fff; font-size:110%; text-align:center; line-height:22px;} ul.tab-strip3 li a:hover{text-decoration:none;} /*--tab-strip5--*/ ul.tab-strip5{padding-left:15px;} ul.tab-strip5 li{list-style:none; margin-right:20px; padding-right:10px; float:left; margin-left:6px;} ul.tab-strip5 li a{float:left; padding-left:10px; font-size:110%; line-height:25px; height:25px; color:#000; position:relative; margin-left:-6px;} ul.tab-strip5 li:hover, ul.tab-strip5 li.active{background:url(../images/content/tab-strip5-li-bg.png) no-repeat right 0;} ul.tab-strip5 li:hover a, ul.tab-strip5 li.active a{background:url(../images/content/tab-strip5-li-bg.png) no-repeat 0 0; color:#fff; text-decoration:none; } /*--tab-strip6--*/ ul.tab-strip6 li{list-style:none; float:left; margin-right:5px;} ul.tab-strip6 li a{display:block; float:left; background:#fff; font-size:110%; color:#bcc9d5; padding:0 5px; height:31px; line-height:31px; border:1px solid #bccee0; border-width:1px 1px 0 1px; font-weight:bold;} ul.tab-strip6 li.ui-state-active a, ul.tab-strip6 li:hover a{text-decoration:none; background:#e3effa; color:#5c7287; border-left-color:#e3effa; border-right-color:#e3effa;} /*--tab-strip8--*/ ul.tab-strip30{padding-left:6px;} ul.tab-strip30 li{list-style:none; margin-right:3px; padding-right:5px; float:left; margin-left:3px;} ul.tab-strip30 li a{float:left; padding-left:6px; font-size:105%; line-height:25px; height:25px; color:#000; position:relative; margin-left:-3px;} ul.tab-strip30 li:hover, ul.tab-strip30 li.active{background:url(../images/content/tab-strip5-li-bg.png) no-repeat right 0;} ul.tab-strip30 li:hover a, ul.tab-strip30 li.active a{background:url(../images/content/tab-strip5-li-bg.png) no-repeat 0 0; color:#fff; text-decoration:none; } /*--tab-strip9--*/ ul.tab-strip9{margin-bottom:12px; margin-left:3px;} ul.tab-strip9 li{list-style:none; background:url(../images/content/tab-strip3-li.gif) no-repeat 0 0; padding-left:3px; margin-right:3px; float:left;} ul.tab-strip9 li a{background:url(../images/content/tab-strip3-li.gif) no-repeat right 0; padding-right:3px; float:left; min-width:40px; color:#fff; font-size:110%; text-align:center; line-height:22px;} ul.tab-strip9 li a:hover{text-decoration:none;} /*--tab-strip30--*/ ul.tab-strip30{padding-left:5px;} ul.tab-strip30 li{list-style:none; margin-right:5px; padding-right:5px; float:left; margin-left:3px;} ul.tab-strip30 li a{float:left; padding-left:5px; font-size:110%; line-height:25px; height:25px; color:#000; position:relative; margin-left:-5px;} ul.tab-strip30 li:hover, ul.tab-strip30 li.active{background:url(../images/content/tab-strip5-li-bg.png) no-repeat right 0;} ul.tab-strip30 li:hover a, ul.tab-strip30 li.active a{background:url(../images/content/tab-strip5-li-bg.png) no-repeat 0 0; color:#fff; text-decoration:none; } /*---- Sidebar - Widget1 ----*/ div#sidebar div.widget1 { margin-bottom:15px; } div#sidebar div.widget1 h1 { color:#105eb1; font-size:250%; padding:0 8px 8px; border-bottom:1px solid #c5c5c5; margin-bottom:8px; } div#sidebar div.widget1 p { color:#a4a4a4; font-size:120%; line-height:20px; margin-bottom:10px; } div#sidebar div.widget1 h2 { background:url(../images/buttons/bar3-bg.gif) repeat-x 0 0; padding:0 10px 0 20px; font-size:120%; line-height:40px; color:#fff; margin-bottom:10px; } div#sidebar div.widget1 a.view-more { color:#2274cb; background:url(../images/buttons/bar4-bg.gif) repeat-x 0 0; padding:0 10px 0 38px; line-height:40px; color:#2274cb; display:block; font-size:120%; } /*---- Sidebar - Tab-strip1 ----*/ div#sidebar div#photo-video div.ui-tabs-hide { display:none; } div#sidebar ul.tab-strip1 { margin-bottom:14px; } div#sidebar ul.tab-strip1 li { float:left; margin-right:5px; } div#sidebar ul.tab-strip1 li a { float:left; display:block; font-size:120%; line-height:25px; color:#c3d2e2; font-weight:bold; text-decoration:none; padding-left:15px; background:url(../images/buttons/button16.gif) no-repeat -1000px top; } div#sidebar ul.tab-strip1 li a span { float:left; display:block; padding-right:15px; text-align:center; background:url(../images/buttons/button16.gif) no-repeat -1000px top; } div#sidebar ul.tab-strip1 li.ui-state-active a, div#sidebar ul.tab-strip1 li a:hover { color:#0d5db2; background:url(../images/buttons/button16.gif) no-repeat left top; } div#sidebar ul.tab-strip1 li.ui-state-active a span, div#sidebar ul.tab-strip1 li a:hover span { background:url(../images/buttons/button16.gif) no-repeat right top; } /*---- Sidebar - Pagination ----*/ div#sidebar div.pagination { padding-left:12px; } div#sidebar div.pagination a { color:#bebebe; font-size:120%; line-height:1.2em; margin-right:2px; padding:4px; text-decoration:none; } div#sidebar div.pagination span { color:#1867bc; font-size:120%; line-height:1.2em; margin-right:2px; padding:4px; background:#c4e0ff; } div#sidebar div.pagination a:hover { background:#c4e0ff; color:#1867bc; } /*---- Gallery ----*/ div#gallery a.previous { position:absolute; width:33px; height:36px; background:url(../images/buttons/arrows4.gif) no-repeat left top; top:20px; left:-40px; text-decoration:none; } div#gallery a.next { position:absolute; width:33px; height:36px; background:url(../images/buttons/arrows4.gif) no-repeat left bottom; top:20px; right:-40px; text-decoration:none; } /*---- Two-column-section3 ----*/ div.two-column-section3 h1 { color:#1c7be0; font-size:310%; line-height:1.2em; } div.two-column-section3 h3 { font-size:150%; color:#f00000; line-height:1.2em; margin-bottom:20px; } div.two-column-section3 h3 a { color:#f00000; } div.two-column-section3 p { color:#262626; font-size:130%; line-height:20px; margin-bottom:24px; } /*---- Two-column-section3 - Widget ---*/ div.two-column-section3 div.widget { margin-bottom:20px; } div.two-column-section3 div.widget h2, body.users div#content div#main h1 { color:#a4a4a4; font-size:210%; line-height:39px; padding-left:8px; background:url(../images/buttons/bar1.gif) no-repeat left top; font-weight:normal; margin-bottom:1px; } div.two-column-section3 div.widget h2 span, body.users div#content div#main h1 span { padding-right:8px; background:url(../images/buttons/bar1.gif) no-repeat right top; display:block; } div.two-column-section3 div.widget h1 { font-weight:normal; font-size:260%; } div.two-column-section3 div.widget h2 { margin-bottom:22px; } div.two-column-section3 div.widget a.button17 { width:310px; } /*--Search-form3--*/ div.search-form3 h3{color:#002b59; font-size:120%; font-weight:normal; margin-bottom:10px; padding-left:5px;} div.search-form3 p select.selectbox{width:407px; float:left; margin-right:10px; border:1px solid #c2def7; color:#919191; font-size:140%; line-height:33px; height:33px; } div.search-form3 p input.submit{float:left; display:block; background:#b5daff; font-size:140%; line-height:33px; text-align:center; border:1px solid #fff; width:110px; height:33px; color:#fff; cursor:pointer;} /*--Search-form3--*/ div.search-form4{width:202px;} div.search-form4 p{position:relative;} div.search-form4 p span.textbox{background:url(../images/buttons/textbox12.png) no-repeat 0 0; padding-left:35px; float:left; display:block; margin-right:5px;} div.search-form4 p span.textbox span.inner{background:url(../images/buttons/textbox12.png) no-repeat right 0; padding-right:10px; float:left; display:block; height:24px; margin-right:-5px; position:relative;} div.search-form4 p input.textbox{background:none; border:0; width:158px; padding-top:6px; color:#aabacc; font-size:110%; } div.search-form4 p img.search-icon{position:absolute; z-index:15; top:3px; left:10px;} div.box27 div.search-form4{float:right; margin:11px 8px 0 0;} /*---- Tables ----*/ /*---- Table1 ----*/ table.style1 { margin:22px 0; } table.style1 tr { border-bottom:4px solid #fff; } table.style1 tr th { width:100px; background:#f8f8f8; padding:10px; font-size:130%; color:#0d5db2; text-align:left; } table.style1 tr td { color:#3d3d3d; font-size:130%; padding:10px; line-height:20px; } table.style1 tr td a { color:#2376cd; text-decoration:underline; } /*---- Table2 ----*/ table.style2 { margin:22px 0; } table.style2 tr th { width:100px; padding:10px; font-size:130%; color:#2376cd; text-align:left; font-weight:normal; } table.style2 tr td { color:#3d3d3d; font-size:130%; padding:10px; line-height:20px;} table.style2 tr td a { color:#2376cd; text-decoration:underline; } /*---- Table3 ----*/ table.style3{margin-bottom:2px; border:1px solid #fff; width:100%; border-collapse:separate; border-spacing:1px; border-left:0; border-right:0; } table.style3 tr th { border-collapse:separate; } table.style3 tr th h3{ background:#2985eb url(../images/content/table3-th-bg.gif) repeat-x; font-size:110%; color:#FFF; text-align:center; line-height:34px; height:34px; border:1px solid #2683eb; font-weight:normal;} table.style3 tr td{background:#d7e2ef url(../images/content/table3-td-bg.gif) repeat-x 0 0; border:1px solid #d7e2ef; height:34px; vertical-align:middle; text-align:center; width:92px;} table.style3 tr:hover td, table.style3 tr.active td{background:#c3dfff url(../images/content/table3-td-hover.gif) repeat-x 0 0; border:1px solid #c3dfff;} table.style3 tr td h4{font-size:110%; color:#535353; font-weight:normal;} table.style3 tr td p{font-size:100%; text-align:left; padding-left:5px; line-height:14px;} table.style3 tr td.actions{padding:0 12px; width:68px;} table.style3 tr a.delete{display:block; background:url(../images/content/actions-bg.gif) no-repeat left bottom; width:16px; height:16px; float:left;} table.style3 tr a.read{display:block; background:url(../images/content/actions-bg.gif) no-repeat -16px bottom; width:16px; height:16px; float:left; margin:0 5px;} table.style3 tr a.write{display:block; background:url(../images/content/actions-bg.gif) no-repeat -32px bottom; width:16px; height:16px; float:left; } table.style3 tr a.tick{display:block; background:url(../images/iconos/ok.png) no-repeat left top; width:16px; height:16px; float:left; } table.style3 tr a.decline{display:block; background:url(../images/iconos/rechazar.png) no-repeat left top; width:16px; height:16px; float:left; } table.style3 tr:hover a.delete, table.style3 tr.active a.delete{background:url(../images/content/actions-bg.gif) no-repeat left top;} table.style3 tr:hover a.read, table.style3 tr.active a.read{background:url(../images/content/actions-bg.gif) no-repeat -16px top;} table.style3 tr:hover a.write, table.style3 tr.active a.write{background:url(../images/content/actions-bg.gif) no-repeat -32px top;} /*---- Table4 ----*/ table.table4{margin-bottom:2px; border:1px solid #fff; width:99.4%; border-collapse:separate; border-spacing:1px; border-left:0; border-right:0; margin:0 2px 0; } table.table4 tr th { border-collapse:separate; border:1px solid #507aa6; border-width:1px 0 0 1px; } table.table4 tr th h3{background:url(../images/content/table4-th-bg.gif) repeat-x; font-size:120%; color:#FFF; line-height:31px; height:31px; border:1px solid #5d97d6; font-weight:normal; border-width:1px 0 0 1px; padding-left:10px; text-align:left;} table.table4 tr th h3 span{background:url(../images/content/table4-head-bg.gif) no-repeat right center; padding-right:12px; display:block;} table.table4 tr td{border:1px solid #c6e0fc; height:34px; vertical-align:middle; background:#cee6ff url(../images/content/table4-td-bg.gif) repeat-x 0 0; padding:0 10px; font-size:100%; color:#535353; } table.table4 tr td a{color:#535353;} table.table4 tr.active td a{color:#fff; text-decoration:none;cursor:pointer;} table.table4 tr td.matter{width:173px;} table.table4 tr.active td {border:1px solid #1d51ea; border-top:1px solid #1446e2; background:#1e5bff url(../images/content/table4-td-hover.gif) repeat-x 0 0; color:#fff; cursor:pointer;} table.table4 tr.noread td {border:1px solid #1d51ea; border-top:1px solid #1446e2; background:#1e5bff url(../images/content/table4-td-hover.gif) repeat-x 0 0; color:#fff;} table.table4 tr td a.delete{display:block; background:url(../images/content/actions-bg.png) no-repeat left top; width:16px; height:16px; float:left;} table.table4 tr td a.watch{display:block; background:url(../images/content/notification1-p-bg.gif) no-repeat left top; width:16px; height:16px; float:left;} table.table4 tr td a.read{display:block; background:url(../images/content/actions-bg.png) no-repeat -16px top; width:16px; height:16px; float:left; margin:0 5px;} table.table4 tr td input.checkbox{margin-left:5px;} table.table4 tr td a.print{display:block; background:url(../images/content/actions-bg.png) no-repeat -48px top; width:16px; height:16px; float:left; margin:0 5px;} table.table4 tr td a.add{display:block; background:url(../images/content/actions-bg.png) no-repeat -64px top; width:16px; height:16px; float:left; margin:0 5px;} table.table4 tr td a.write{display:block; background:url(../images/content/actions-bg.png) no-repeat -32px top; width:16px; height:16px; float:left; } .tick{display:block; background:url(../images/iconos/ok.png) no-repeat left top; width:16px; height:16px; float:left; margin:0 2px 0 4px; } .decline{display:block; background:url(../images/iconos/rechazar.png) no-repeat left top; width:16px; height:16px; float:left;margin:0 4px 0 2px; } .pdf{display:block; background:url(../images/iconos/facturascrear.png) no-repeat left top; width:16px; height:16px; float:left;margin:0 4px 0 2px; } table.table4 tr.replay td, table.table4 tr.bill td{border:0; background:none; height:auto; padding:5px 0 ;} table.table4 tr.replay td div.post{margin-bottom:0;} table.table4 tr.replay td div.post p{line-height:16px;} /*---- Table5 ----*/ table.table5{border:1px solid #d1e2f0; width:100%; margin-bottom:10px;} table.table5 tr th, table.table4 tr td table.table5 tr th{background:#ddedff; vertical-align:middle; height:32px; border:0; border-spacing:0; padding:0 10px; text-align:left; color:#535353; font-size:120%; font-weight:normal; border-bottom-color:#ddedff; } table.table5 tr td, table.table4 tr.bill td table.table5 tr td{background:#fff; height:32px; border:0; text-align:left; color:#535353; font-size:120%; padding:0 10px; vertical-align:middle; line-height:14px;} table.table5 tr td a{color:#535353;} table.table5 tr td.description{width:145px;} table.table5 tr.price-total td, table.table4 tr.bill td table.table5 tr.price-total td{background:#f2f9ff; border-top:1px solid #d1e2f0; height:43px; color:#2a68ff; font-size:180%; text-align:right; border-spacing:1px;} /*---- Table Messages ----*/ table.tablemsj{margin-bottom:2px; border:1px solid #fff; width:99.4%; border-collapse:separate; border-spacing:1px; border-left:0; border-right:0; margin:0 2px 0; } table.tablemsj tr th { border-collapse:separate; border:1px solid #507aa6; border-width:1px 0 0 1px; } table.tablemsj tr th.chk { border-collapse:separate; border:1px solid #507aa6; border-width:1px 0 0 1px; width:3%;} table.tablemsj tr th.chs { border-collapse:separate; border:1px solid #507aa6; border-width:1px 0 0 1px; width:6%;} table.tablemsj tr th.chs a{ color:#FFF; text-decoration:underline;} table.tablemsj tr th.asu { border-collapse:separate; border:1px solid #507aa6; border-width:1px 0 0 1px; width:33%;} table.tablemsj tr th.aut { border-collapse:separate; border:1px solid #507aa6; border-width:1px 0 0 1px; width:15%;} table.tablemsj tr th.fec { border-collapse:separate; border:1px solid #507aa6; border-width:1px 0 0 1px; width:10%;} table.tablemsj tr th.acc { border-collapse:separate; border:1px solid #507aa6; border-width:1px 0 0 1px; width:10%;} table.tablemsj tr th.nop { border-collapse:separate; border:1px solid #507aa6; border-width:1px 0 0 1px; width:33%; } table.tablemsj tr th.cat { border-collapse:separate; border:1px solid #507aa6; border-width:1px 0 0 1px; width:15%; } table.tablemsj tr th.pvp { border-collapse:separate; border:1px solid #507aa6; border-width:1px 0 0 1px; width:8%; } table.tablemsj tr th.eve { border-collapse:separate; border:1px solid #507aa6; border-width:1px 0 0 1px; width:60%; } table.tablemsj tr th.fev { border-collapse:separate; border:1px solid #507aa6; border-width:1px 0 0 1px; width:13%; } table.tablemsj tr th.evt { border-collapse:separate; border:1px solid #507aa6; border-width:1px 0 0 1px; width:55%; } table.tablemsj tr th.fet { border-collapse:separate; border:1px solid #507aa6; border-width:1px 0 0 1px; width:15%; } table.tablemsj tr th.tic { border-collapse:separate; border:1px solid #507aa6; border-width:1px 0 0 1px; width:40%; } table.tablemsj tr th.cfe { border-collapse:separate; border:1px solid #507aa6; border-width:1px 0 0 1px; width:15%; } table.tablemsj tr th.cne { border-collapse:separate; border:1px solid #507aa6; border-width:1px 0 0 1px; width:8%; } table.tablemsj tr th.cpr { border-collapse:separate; border:1px solid #507aa6; border-width:1px 0 0 1px; width:8%; } table.tablemsj tr th.cpi { border-collapse:separate; border:1px solid #507aa6; border-width:1px 0 0 1px; width:8%; } table.tablemsj tr th.est { border-collapse:separate; border:1px solid #507aa6; border-width:1px 0 0 1px; width:9%; } table.tablemsj tr th.ani { border-collapse:separate; border:1px solid #507aa6; border-width:1px 0 0 1px; width:9%; } table.tablemsj tr th.anf { border-collapse:separate; border:1px solid #507aa6; border-width:1px 0 0 1px; width:9%; } table.tablemsj tr th.des { border-collapse:separate; border:1px solid #507aa6; border-width:1px 0 0 1px; width:55%; } table.tablemsj tr th.use { border-collapse:separate; border:1px solid #507aa6; border-width:1px 0 0 1px; width:65%; } table.tablemsj tr th.pra { border-collapse:separate; border:1px solid #507aa6; border-width:1px 0 0 1px; width:60%; } table.tablemsj tr th.aca { border-collapse:separate; border:1px solid #507aa6; border-width:1px 0 0 1px; width:13%; } table.tablemsj tr th h3{background:url(../images/content/table4-th-bg.gif) repeat-x; font-size:120%; color:#FFF; line-height:31px; height:31px; border:1px solid #5d97d6; font-weight:normal; border-width:1px 0 0 1px; padding-left:1px; text-align:center;} table.tablemsj tr th h3 span{background:url(../images/content/table4-head-bg.gif) no-repeat right center; padding-right:0px; display:block;} table.tablemsj tr td.chk { border:1px solid #c6e0fc; height:34px; vertical-align:middle; background:#cee6ff url(../images/content/table4-td-bg.gif) repeat-x 0 0; padding:0 10px; font-size:100%; color:#535353; width:10px;} table.tablemsj tr td.asu { border:1px solid #c6e0fc; height:34px; vertical-align:middle; background:#cee6ff url(../images/content/table4-td-bg.gif) repeat-x 0 0; padding:0 10px; font-size:100%; color:#535353; width:330px; } table.tablemsj tr td.aut { border:1px solid #c6e0fc; height:34px; vertical-align:middle; background:#cee6ff url(../images/content/table4-td-bg.gif) repeat-x 0 0; padding:0 10px; font-size:100%; color:#535353; width:150px;} table.tablemsj tr td.fec { border:1px solid #c6e0fc; height:34px; vertical-align:middle; background:#cee6ff url(../images/content/table4-td-bg.gif) repeat-x 0 0; padding:0 10px; font-size:100%; color:#535353; width:60px; text-align:center;} table.tablemsj tr td.acc { border:1px solid #c6e0fc; height:34px; vertical-align:middle; background:#cee6ff url(../images/content/table4-td-bg.gif) repeat-x 0 0; padding:0 10px; font-size:100%; color:#535353; width:60px;} table.tablemsj tr td.nop { border:1px solid #c6e0fc; height:34px; vertical-align:middle; background:#cee6ff url(../images/content/table4-td-bg.gif) repeat-x 0 0; padding:0 10px; font-size:100%; color:#535353; width:330px;} table.tablemsj tr td.cat { border:1px solid #c6e0fc; height:34px; vertical-align:middle; background:#cee6ff url(../images/content/table4-td-bg.gif) repeat-x 0 0; padding:0 10px; font-size:100%; color:#535353; width:140px;} table.tablemsj tr td.pvp { border:1px solid #c6e0fc; height:34px; vertical-align:middle; background:#cee6ff url(../images/content/table4-td-bg.gif) repeat-x 0 0; padding:0 10px; font-size:100%; color:#535353; width:70px; text-align:right;} table.tablemsj tr td.eve { border:1px solid #c6e0fc; height:34px; vertical-align:middle; background:#cee6ff url(../images/content/table4-td-bg.gif) repeat-x 0 0; padding:0 10px; font-size:100%; color:#535353; width:580px;} table.tablemsj tr td.fev { border:1px solid #c6e0fc; height:34px; vertical-align:middle; background:#cee6ff url(../images/content/table4-td-bg.gif) repeat-x 0 0; padding:0 10px; font-size:100%; color:#535353; width:100px;} table.tablemsj tr td.evt { border:1px solid #c6e0fc; height:34px; vertical-align:middle; background:#cee6ff url(../images/content/table4-td-bg.gif) repeat-x 0 0; padding:0 10px; font-size:100%; color:#535353; width:520px;} table.tablemsj tr td.fet { border:1px solid #c6e0fc; height:34px; vertical-align:middle; background:#cee6ff url(../images/content/table4-td-bg.gif) repeat-x 0 0; padding:0 10px; font-size:100%; color:#535353; width:100px;} table.tablemsj tr td.tic { border:1px solid #c6e0fc; height:34px; vertical-align:middle; background:#cee6ff url(../images/content/table4-td-bg.gif) repeat-x 0 0; padding:0 10px; font-size:100%; color:#535353; width:380px;} table.tablemsj tr td.cfe { border:1px solid #c6e0fc; height:34px; vertical-align:middle; background:#cee6ff url(../images/content/table4-td-bg.gif) repeat-x 0 0; padding:0 10px; font-size:100%; color:#535353; width:100px;} table.tablemsj tr td.cne { border:1px solid #c6e0fc; height:34px; vertical-align:middle; background:#cee6ff url(../images/content/table4-td-bg.gif) repeat-x 0 0; padding:0 10px; font-size:100%; color:#535353; width:50px; text-align:right;} table.tablemsj tr td.cpr { border:1px solid #c6e0fc; height:34px; vertical-align:middle; background:#cee6ff url(../images/content/table4-td-bg.gif) repeat-x 0 0; padding:0 10px; font-size:100%; color:#535353; width:50px;text-align:right;} table.tablemsj tr td.cpi { border:1px solid #c6e0fc; height:34px; vertical-align:middle; background:#cee6ff url(../images/content/table4-td-bg.gif) repeat-x 0 0; padding:0 10px; font-size:100%; color:#535353; width:50px;text-align:right;} table.tablemsj tr td.est { border:1px solid #c6e0fc; height:34px; vertical-align:middle; background:#cee6ff url(../images/content/table4-td-bg.gif) repeat-x 0 0; padding:0 10px; font-size:100%; color:#535353; width:60px;} table.tablemsj tr td.ani { border:1px solid #c6e0fc; height:34px; vertical-align:middle; background:#cee6ff url(../images/content/table4-td-bg.gif) repeat-x 0 0; padding:0 10px; font-size:100%; color:#535353; width:60px; text-align:center;} table.tablemsj tr td.anf { border:1px solid #c6e0fc; height:34px; vertical-align:middle; background:#cee6ff url(../images/content/table4-td-bg.gif) repeat-x 0 0; padding:0 10px; font-size:100%; color:#535353; width:60px; text-align:center;} table.tablemsj tr td.des { border:1px solid #c6e0fc; height:34px; vertical-align:middle; background:#cee6ff url(../images/content/table4-td-bg.gif) repeat-x 0 0; padding:0 10px; font-size:100%; color:#535353; width:510px;} table.tablemsj tr td.cam { border:1px solid #c6e0fc; height:34px; vertical-align:middle; background:#cee6ff url(../images/content/table4-td-bg.gif) repeat-x 0 0; padding:0 10px; font-size:100%; color:#535353; width:120px;} table.tablemsj tr td.hor { border:1px solid #c6e0fc; height:34px; vertical-align:middle; background:#cee6ff url(../images/content/table4-td-bg.gif) repeat-x 0 0; padding:0 10px; font-size:100%; color:#535353; width:30px; text-align:center;} table.tablemsj tr td.cvd { border:1px solid #c6e0fc; height:34px; vertical-align:middle; background:#cee6ff url(../images/content/table4-td-bg.gif) repeat-x 0 0; padding:0 10px; font-size:100%; color:#535353; width:480px;} table.tablemsj tr td.fot { border:1px solid #c6e0fc; height:34px; vertical-align:middle; background:#cee6ff url(../images/content/table4-td-bg.gif) repeat-x 0 0; padding:0 10px; font-size:100%; color:#535353; width:35px;} table.tablemsj tr td.use { border:1px solid #c6e0fc; height:34px; vertical-align:middle; background:#cee6ff url(../images/content/table4-td-bg.gif) repeat-x 0 0; padding:0 10px; font-size:100%; color:#535353; width:595px;} table.tablemsj tr td.pra { border:1px solid #c6e0fc; height:34px; vertical-align:middle; background:#cee6ff url(../images/content/table4-td-bg.gif) repeat-x 0 0; padding:0 10px; font-size:100%; color:#535353; width:600px;} table.tablemsj tr td.aca { border:1px solid #c6e0fc; height:34px; vertical-align:middle; background:#cee6ff url(../images/content/table4-td-bg.gif) repeat-x 0 0; padding:0 10px; font-size:100%; color:#535353; width:90px;} table.tablemsj tr td{border:1px solid #c6e0fc; height:34px; vertical-align:middle; background:#cee6ff url(../images/content/table4-td-bg.gif) repeat-x 0 0; padding:0 10px; font-size:100%; color:#535353; } table.tablemsj tr td a{color:#535353;} table.tablemsj tr.active td a{color:#fff; text-decoration:none;cursor:pointer;} table.tablemsj tr td.matter{width:173px;} table.tablemsj tr.active td {border:1px solid #1d51ea; border-top:1px solid #1446e2; background:#1e5bff url(../images/content/table4-td-hover.gif) repeat-x 0 0; color:#fff; cursor:pointer;} table.tablemsj tr.noread td {border:1px solid #1d51ea; border-top:1px solid #1446e2; background:#1e5bff url(../images/content/table4-td-hover.gif) repeat-x 0 0; color:#fff;} table.tablemsj tr td a.delete{display:block; background:url(../images/content/actions-bg.png) no-repeat left top; width:16px; height:16px; float:left;} table.tablemsj tr td a.watch{display:block; background:url(../images/content/notification1-p-bg.gif) no-repeat left top; width:16px; height:16px; float:left;} table.tablemsj tr td a.read{display:block; background:url(../images/content/actions-bg.png) no-repeat -16px top; width:16px; height:16px; float:left; margin:0 5px;} table.tablemsj tr td input.checkbox{margin-left:5px;} table.tablemsj tr td a.print{display:block; background:url(../images/content/actions-bg.png) no-repeat -48px top; width:16px; height:16px; float:left; margin:0 5px;} table.tablemsj tr td a.add{display:block; background:url(../images/content/actions-bg.png) no-repeat -64px top; width:16px; height:16px; float:left; margin:0 5px;} table.tablemsj tr td a.write{display:block; background:url(../images/content/actions-bg.png) no-repeat -32px top; width:16px; height:16px; float:left; } .tick{display:block; background:url(../images/iconos/ok.png) no-repeat left top; width:16px; height:16px; float:left; margin:0 2px 0 4px; } .decline{display:block; background:url(../images/iconos/rechazar.png) no-repeat left top; width:16px; height:16px; float:left;margin:0 4px 0 2px; } table.tablemsj tr.replay td, table.tablemsj tr.bill td{border:0; background:none; height:auto; padding:5px 0 ;} table.tablemsj tr.replay td div.post{margin-bottom:0;} table.tablemsj tr.replay td div.post p{line-height:16px;} /*---- Section2 ----*/ div.section2 { width:445px; float:left; margin:0 0 28px 16px; } div.section2 h2 { color:#1c7be0; line-height:1.2em; margin-bottom:5px; font-size:120%; } div.section2 h2 a { color:#1c7be0; text-decoration:underline; line-height:1.2em; } div.section2 h2 a:hover { text-decoration:none; } div.section2 h2 span.rating { float:right; width:71px; height:15px; display:block; background:url(../images/buttons/rating2.png) no-repeat left top; } div.section2 h2 span.rating span { float:left; height:15px; display:block; background:url(../images/buttons/rating2.png) no-repeat 0 -15px; } div.section2 p { color:#495762; font-size:120%; line-height:1.2em; margin-bottom:5px; } div.section2 p a { color:#495762; text-decoration:none; line-height:1.2em; } div.section2 p a:hover { text-decoration:none; } /*---- Section2 - Info---*/ div.section2 div.info { float:left; width:195px; margin:0 10px 5px 0; } div.section2 div.info div.box7 { margin-bottom:5px; position:relative; z-index:20; } div.section2 div.info div.box7-content { padding:6px 10px 1px 12px; text-align:center; } div.section2 div.info p { text-align:center; } div.section2 div.info p a { color:#5c748e; } /*---- Section2 - Details---*/ div.section2 div.details { width:210px; float:left; padding-top:15px; } div.section2 div.details p { margin-bottom:12px; line-height:20px; font-size:110%;} div.section2 div.details p span { font-size:120%; } div.section2 div.details p.ceo { background:url(../images/buttons/ceo.png) no-repeat 0 0; line-height:18px; padding-left:15px; } div.section2 div.details a.button3 { margin:0 0 0 -25px; position:relative; z-index:10; width:115px; } div.section2 div.details a.button3 span.arrow2 { margin-left:15px; } /*---- Section2 - Price---*/ div.section2 div.price { width:103px; height:52px; float:right; padding:10px 0 0 15px; background:url(../images/content/price-bg.png) no-repeat 0 0; margin:-15px -10px 0 10px; position:relative; } div.section2 div.price p { font-size:100%; line-height:1.2em; color:#fff; } div.section2 div.price p span { font-size:240%; line-height:1.0em; } /*---- Section2 - URL---*/ div.section2 p.url { font-size:100%; color:#5c748e; clear:both; } div.section2 p.url a { color:#5c748e; } /*---- Content - Inner - Content---*/ div#content div.inner-content h1 { font-size:310%; color:#343c43; line-height:1.2em; margin-bottom:10px; font-weight:normal; } /*---- User-stats---*/ div#user-stats { margin-bottom:10px; } div#user-stats ul li { float:left; margin-right:17px; padding-left:20px; } div#user-stats ul li span { font-size:10px; color:#778d9d; font-size:100%; line-height:16px; text-transform:uppercase; } div#user-stats ul li span a { color:#778d9d; } div#user-stats ul li.reviews { background:url(../images/buttons/user-stats.png) no-repeat 0 0; } div#user-stats ul li.ratings { background:url(../images/buttons/user-stats.png) no-repeat 0 -20px; } div#user-stats ul li.views { background:url(../images/buttons/user-stats.png) no-repeat 0 -40px; } /*---- Content - Steps---*/ div#steps { background:url(../images/buttons/button6.png) no-repeat 0 0; padding-left:10px; margin-bottom:20px; height:42px; overflow:hidden; } div#steps div.steps-right { background:url(../images/buttons/button6.png) no-repeat 100% -84px; padding-right:10px; } div#steps div.steps-right div.steps-middle { background:url(../images/buttons/button6.png) repeat-x 0 -42px; } div#steps ul { position:relative; margin:0 -10px 0 -10px; overflow:hidden; width:903px; } div#steps ul li { float:left; line-height:42px; } div#steps ul li span { display:block; float:left; } div#steps ul li span.inner { float:none; height:42px; line-height:42px; font-size:140%; color:#c7c7c7; padding:0 0 0 25px; } div#steps ul li span.step-no { height:19px; line-height:19px; margin:12px 0 11px 6px; padding-left:25px; } div#steps ul li.step1 { background:url(../images/buttons/button7.png) no-repeat 0 0; padding-left:10px; width:255px; } div#steps ul li.step2 { width:220px; } div#steps ul li.step3 { width:236px; } div#steps ul li.step4 { width:172px; padding-right:10px; } div#steps ul li.step1 span.inner { background:url(../images/buttons/button7.png) repeat-x 0 -42px; color:#030303; padding:0 0 0 20px; } div#steps ul li.step4 span.inner { padding:0 0 0 20px; } div#steps ul li.step1 span.step-no { background:url(../images/buttons/steps-active.png) no-repeat 0 -60px; } div#steps ul li.step2 span.step-no { background:url(../images/buttons/steps-inactive.png) no-repeat 0 0; } div#steps ul li.step3 span.step-no { background:url(../images/buttons/steps-inactive.png) no-repeat 0 -20px; } div#steps ul li.step4 span.step-no { background:url(../images/buttons/steps-inactive.png) no-repeat 0 -40px; } /*---- Post ---*/ div.post { margin-bottom:22px; } div.post h1 { font-size:220%; margin-bottom:5px; color:#24303e; line-height:29px; background:url(../images/content/dot-bg.gif) repeat-x bottom left; padding-bottom:5px; } div.post h1 span.comments { display:block; float:right; margin:0 8px 0 7px; background:url(../images/content/comment-bg.gif) no-repeat 0 10px; padding-left:20px; } div.post h1 span.comments a { color:#1766bb; font-size:60%; } div.post h2 { font-size:270%; margin-bottom:14px; color:#004b9c; border-bottom:1px solid #c5c5c5; padding-bottom:5px; line-height:1.2em; font-weight:normal; } div.post h3 { font-size:240%; margin-bottom:10px;} div.post h4 { font-size:130%; margin-bottom:4px; color:#1f70c7; } div.post h4 a { color:#1f70c7; } div.post h5 { font-size:200%; margin-bottom:10px;} div.post h5 { font-size:180%; margin-bottom:10px;} /*---- Post - Heading --*/ div.post div.heading div.datestamp { width:70px; background:url(../images/content/datestamp-bg.png) no-repeat 0 0; padding:20px 11px 1px 10px; height:74px; float:left; margin-top:-10px; position:relative; } div.post div.heading div.datestamp p { font-size:120%; color:#fff; line-height:19px; text-align:center; margin:0; } div.post div.heading div.datestamp p span { font-size:200%; } div.post div.heading div.content { float:right; width:540px; } div.post div.heading div.content p.postmetadata { color:#24303e; line-height:16px; font-size:110%; background:url(../images/content/dot-bg.gif) repeat-x bottom left; padding-bottom:5px; margin:0; } div.post div.heading div.content p.postmetadata a { color:#1c6cc2; } div.post div.heading div.content p.postmetadata span.author { background:url(../images/content/postmetadata-bg.gif) no-repeat 0 0; padding-left:18px; margin-left:5px; } div.post div.heading div.content p.postmetadata span.link { background:url(../images/content/postmetadata-bg.gif) no-repeat 0 -18px; padding-left:18px; margin-left:5px; } div.post div.datestamp2{background:url(../images/content/date-stamp-bg.gif) no-repeat 0 0; width:68px; height:68px; float:left; text-align:center; margin-right:10px; margin-bottom:10px;} div.post div.datestamp2 span.month{display:block; font-size:110%; color:#3d3d3d; line-height:23px; } div.post div.datestamp2 span.date{display:block; font-size:240%; color:#3d3d3d; line-height:43px;} /*---- Post - Entry --*/ div.post div.entry { padding:0 58px 1px 10px; } div.post div.entry img { border:6px solid #76afee; margin-bottom:10px; } div.post div.entry img.alignleft { float:left; margin:0 20px 10px 0; } div.post div.entry img.alignright { float:right; margin:0 0 10px 20px; } div.post div.entry img.alignright { display:block; margin:0 auto 10px auto; } div.post p { color:#24303e; line-height:24px; font-size:130%; margin-bottom:20px; display:block; } div.post p a { color:#cc0000; } div.post blockquote { margin-bottom:20px; } div.post blockquote p{ margin-bottom:5px; font-style:italic;} div.post blockquote p cite{ font-weight:bold; text-align:right; display:block;} div.post img { max-width:100%; } div.post img.alignleft{ float:left; margin:0 10px 10px 0; display: inline;} div.post img.alignright{ float:right; margin:0 0px 10px 10px; display: inline;} div.post img.aligncenter{ display:block; margin-left:auto; margin-right:auto; margin-bottom:10px;} div.post ul { margin:0 0 20px 14px; list-style:disc; } div.post ol { margin:0 0 20px 18px; list-style:decimal; } div.post li { line-height:1.2em; font-size:120%; } div.post li ul, div.post li ol { margin-bottom:0px; } div.post li li, div.post li p { font-size:100%; margin-bottom:0px; } /*---- Post - Custom Lists ---*/ div.post ul.list1 { margin:0; padding:0; } div.post ul.list1 li { margin:0; padding:0; } div.post ol.list2 { margin:0; padding:0; } div.post ol.list2 li { margin:0; padding:0; } /*--- Pagination ---*/ div.pagination1 a{display:block; height:28px; width:31px; font-size:110%; color:#215287; text-align:center; line-height:28px; margin-right:6px; background:url(../images/buttons/pagination1-a.gif) no-repeat 0 0; float:left;} div.pagination1 a:hover, div.pagination1 a.active{text-decoration:none; background:url(../images/buttons/pagination1-a.gif) no-repeat 0 bottom; color:#fff;} /*---Pagination2--*/ div.pagination2 {margin-bottom:20px; padding-top:10px; padding-left:10px;} div.pagination2 a{display:block; float:left; width:30px; height:28px; color:#7397b9; font-size:120%; text-align:center; line-height:28px; margin-right:3px;} div.pagination2 a:hover, div.pagination2 a.active{background:url(../images/buttons/pagination2-a-bg.gif) no-repeat 0 0; color:#fff; text-decoration:none;} div.pagination2 a.more-lnk{color:#2577ce; font-size:150%; float:right; width:auto;} div.pagination2 a.more-lnk:hover{background:none;} /*-- Ads---*/ div.ads1{padding-top:5px;} /*---- Footer - Newsletter Form ---*/ div#footer div#newsletter-form { background:#fff url(../images/footer/newsletter-bg.gif) repeat-x left bottom; height:50px; padding:12px 90px 0 9px; } div#footer div#newsletter-form p { color:#858585; font-size:130%; line-height:1.2em; padding:12px 0 0 0; float:left; } div#footer div#newsletter-form div.form { float:right; } div#footer div#newsletter-form div.form input.submit-btn2 { float:right; margin-left:12px; } div#footer div#newsletter-form div.form input.textbox { border:1px solid #e9e9e9; width:272px; padding:10px 5px; float:right; } /*---- Footer - Logo ---*/ div#footer div.logo { margin-right:46px; padding:18px 0 0 80px; float:left; } div#footer div.logo h1 a { display:block; height:0; width:188px; padding-top:44px; background:url(../images/footer/logo.png) no-repeat 0 0; overflow:hidden; } /*---- Footer - Footer Content ---*/ div#footer div.footer-content { padding-top:30px; float:left; } div#footer div.footer-content p { font-size:130%; color:#000; line-height:1.2em; margin-bottom:15px; } div#footer div.footer-content p a { color:#1d6dc3; font-weight:bold; } /*---- Footer - Navigation ---*/ div#footer div#footer-navigation ul li { display:inline; font-size:130%; color:#a0a0a0; } div#footer div#footer-navigation ul li.devider { margin:0 6px; } div#footer div#footer-navigation ul li a { color:#a0a0a0; } /*---- Common Boxes & Containers ----*/ /*---- Buttons ----*/ a.button1:hover, a.button2:hover, a.button3:hover, a.button4:hover, a.button9:hover, a.button10:hover, a.button12:hover, a.button13:hover, a.button14:hover, a.button15:hover, a.button17:hover, a.button18:hover, a.button20:hover { text-decoration:none; } /*---- Button1 ----*/ a.button1 { display:block; background:url(../images/buttons/button1.png) no-repeat left top; padding-left:18px; height:58px; color:#fff; font-size:210%; font-weight:bold; } a.button1 span.inner { display:block; background:url(../images/buttons/button1.png) no-repeat right bottom; padding-right:18px; height:58px; line-height:58px; text-align:center; } /*---- Button2 ----*/ a.button2 { display:block; background:url(../images/buttons/button2.png) no-repeat left top; padding-left:18px; height:58px; color:#fff; font-size:210%; font-weight:bold; } a.button2 span.inner { display:block; background:url(../images/buttons/button2.png) no-repeat right bottom; padding-right:18px; height:58px; line-height:58px; text-align:center; } /*---- Button3 ----*/ a.button3 { display:block; background:url(../images/buttons/button3.png) no-repeat left top; padding-left:8px; height:30px; color:#546d88; font-size:120%; font-weight:bold; } a.button3 span.inner { display:block; background:url(../images/buttons/button3.png) no-repeat right bottom; padding-right:8px; height:30px; line-height:30px; text-align:center; } a.button3 span.arrow2 { display:block; height:30px; line-height:30px; background:url(../images/buttons/arrow2.png) no-repeat 0 50%; padding:0 0px 0 20px; text-align:center; } /*---- Button4 ----*/ a.button4 { float:left; display:block; background:url(../images/buttons/button4.png) no-repeat left top; padding-left:8px; height:31px; color:#282828; font-size:120%; font-weight:bold; margin-right:12px; } a.button4 span.inner { display:block; background:url(../images/buttons/button4.png) no-repeat right bottom; padding:0 18px 0 10px; height:31px; line-height:31px; text-align:center; } /*---- Button9 ----*/ a.button9 { float:left; display:block; background:url(../images/buttons/button9.png) no-repeat left top; padding-left:10px; height:45px; color:#282828; font-size:120%; font-weight:bold; font-size:180%; color:#fff; } a.button9 span.inner { display:block; background:url(../images/buttons/button9.png) no-repeat right top; padding:0 20px 0 10px; height:45px; line-height:45px; text-align:center; margin-right:-10px; position:relative; } /*---- Button10 ----*/ a.button10 { float:left; display:block; background:url(../images/buttons/button10.png) no-repeat left top; padding-left:10px; height:45px; color:#282828; font-weight:bold; font-size:180%; color:#fff; } a.button10 span.inner { display:block; background:url(../images/buttons/button10.png) no-repeat right top; padding:0 20px 0 10px; height:45px; line-height:45px; text-align:center; margin-right:-10px; position:relative; } /*---- Button12 ----*/ a.button12 { float:left; display:block; background:url(../images/buttons/button12.png) no-repeat left top; padding-left:15px; height:42px; color:#282828; font-size:130%; color:#9c9c9c; } a.button12 span.inner { display:block; background:url(../images/buttons/button12.png) no-repeat right top; padding:0 20px 0 15px; height:42px; line-height:42px; text-align:center; margin-right:-15px; position:relative; } /*---- Button13 ----*/ a.button13 { float:left; display:block; background:url(../images/buttons/button13.png) no-repeat left top; padding-left:28px; height:35px; color:#282828; font-size:120%; color:#fff; font-weight:bold; } a.button13 span.inner { display:block; background:url(../images/buttons/button13.png) no-repeat right top; padding:0 28px 0 6px; height:35px; line-height:35px; text-align:center; margin-right:-15px; position:relative; } /*---- Button14 ----*/ a.button14 { float:left; display:block; background:url(../images/buttons/button14.png) no-repeat left top; padding-left:28px; height:35px; color:#282828; font-size:120%; color:#fff; font-weight:bold; } a.button14 span.inner { display:block; background:url(../images/buttons/button14.png) no-repeat right top; padding:0 28px 0 6px; height:35px; line-height:35px; text-align:center; margin-right:-15px; position:relative; } /*---- Button15 ----*/ a.button15 { float:left; display:block; background:url(../images/buttons/button15.png) no-repeat left top; padding-left:28px; height:35px; color:#282828; font-size:120%; color:#fff; font-weight:bold; } a.button15 span.inner { display:block; background:url(../images/buttons/button15.png) no-repeat right top; padding:0 28px 0 6px; height:35px; line-height:35px; text-align:center; margin-right:-15px; position:relative; } /*---- Button17 ----*/ a.button17 { display:block; background:url(../images/buttons/button17.gif) no-repeat left top; padding-left:8px; height:33px; color:#282828; font-size:130%; color:#1c7be0; font-weight:bold; } a.button17 span.inner { display:block; background:url(../images/buttons/button17.gif) no-repeat right top; padding:0 45px 0 0; height:33px; line-height:33px; text-align:center; } /*---- Button18 ----*/ a.button18 { display:block; background:url(../images/buttons/button18.png) no-repeat left top; padding-left:10px; height:40px; color:#282828; font-size:150%; color:#fff; font-weight:bold; } a.button18 span.inner { display:block; background:url(../images/buttons/button18.png) no-repeat right top; padding:0 10px 0 0; height:40px; line-height:40px; text-align:center; margin-right:-10px; position:relative; } /*---- Button20 ----*/ a.button20 { display:block; background:url(../images/buttons/button20.gif) no-repeat left top; padding-left:12px; height:41px; color:#282828; font-size:200%; color:#fff; float:left; margin-bottom:10px; } a.button20 span.inner { display:block; background:url(../images/buttons/button20.gif) no-repeat right top; padding:0 12px 0 0; height:41px; line-height:41px; text-align:center; } /*---- Button24 ----*/ a.button24 {display:block; background:url(../images/buttons/button24.gif) no-repeat 0 0; padding-left:14px; color:#fff; font-size:140%;} a.button24 span{display:block; background:url(../images/buttons/button24.gif) no-repeat right 0; padding-right:14px; float:left; height:32px; line-height:32px;} a.button24:hover, a.button25:hover, a.more-lnk1:hover, a.button27:hover, a.button26:hover{text-decoration:none;} /*---- Button25 ----*/ a.button25{display:block; background:url(../images/buttons/button25.png) no-repeat 0 0; padding-left:10px; color:#fff; font-size:110%; float:right; margin-right:6px;} a.button25 span{display:block; background:url(../images/buttons/button25.png) no-repeat right 0; padding-right:10px; color:#fff; font-size:110%; float:left; line-height:24px; height:24px; margin-right:-6px; position:relative;} /*---- Button26 ----*/ a.button26{display:block; background:url(../images/buttons/button26.gif) no-repeat 0 0; padding-left:12px; color:#fff; font-size:120%; margin-right:6px; } a.button26 span{display:block; background:url(../images/buttons/button26.gif) no-repeat right 0; padding-right:12px; float:left; line-height:25px;} /*---- Button27 ----*/ a.button27{display:block; background:url(../images/buttons/button27.gif) no-repeat 0 0; padding-left:18px; color:#fff; font-size:120%; margin-right:6px; } a.button27 span{display:block; background:url(../images/buttons/button27.gif) no-repeat right 0; padding-right:18px; float:left; line-height:25px; } /*---- Button28 ----*/ a.button28{display:block; background:url(../images/buttons/button28.jpg) no-repeat 0 0; padding-left:7px; color:#fff; font-size:110%; margin-right:6px; height:23px; cursor:pointer; color:#FFF} a.button28 span{display:block; background:url(../images/buttons/button28.jpg) no-repeat right 0; padding-right:7px; float:left; line-height:23px; text-align:center; min-width:104px;color:#FFF } a.button28:hover, a.button28.active {background:url(../images/buttons/button28.jpg) no-repeat 0 -23px; text-decoration:none;color:#FFF} a.button28:hover span, a.button28.active span{background:url(../images/buttons/button28.jpg) no-repeat right -23px;color:#FFF} a.button28.disable{background:url(../images/buttons/button28.jpg) no-repeat 0 bottom;} a.button28.disable span{background:url(../images/buttons/button28.jpg) no-repeat right bottom;} /*---- Button29 ----*/ a.button29{background:url(../images/buttons/button29.gif) no-repeat 0 0; padding-left:13px; height:59px; display:inline-block; float:left; margin-right:10px;} a.button29 span{background:url(../images/buttons/button29.gif) no-repeat right 0; padding:5px 12px 5px 0; height:59px; display:inline-block; float:left; text-align:center; color:#fff; font-size:100%; } a.button29 span img{margin:0 auto; margin-bottom:5px; display:inline-block;} a.button29:hover{text-decoration:none;} /*---- Buttonsend ----*/ a.buttonsend{display:block; background:url(../images/buttons/button28.jpg) no-repeat 0 0; padding-left:7px; color:#fff; font-size:110%; margin-right:6px; height:23px; cursor:pointer; color:#FFF;text-align:center;font-family:Arial;} a.buttonsend span{display:block; background:url(../images/buttons/button28.jpg) no-repeat right 0; padding-right:7px; float:left; line-height:23px; text-align:center; min-width:104px;color:#FFF;text-align:center;font-family:Arial;} a.buttonsend:hover, a.buttonsend.active {background:url(../images/buttons/button28.jpg) no-repeat 0 -23px; text-decoration:none;color:#FFF;text-align:center;font-family:Arial;} a.buttonsend:hover span, a.buttonsend.active span{background:url(../images/buttons/button28.jpg) no-repeat right -23px;color:#FFF;text-align:center;font-family:Arial;} .cabecero{margin:13px 10px 0 0;font-family:Arial;} .cabecero span{min-width:50px;font-family:Arial;} /*------Buttonadd-------*/ .buttonadd{display:block; background:url(../images/content/add.gif) no-repeat; width:16px; height:16px; } /*--- Morelinks ---*/ a.more-lnk1{background:url(../images/buttons/more-lnk-bg.gif) no-repeat 0 0; padding-left:7px; display:block;} a.more-lnk1 span{background:url(../images/buttons/more-lnk-bg.gif) no-repeat right 0; padding-right:7px; display:block; float:left; color:#2577ce; font-size:100%; line-height:26px;} /*---- Lists ----*/ /*---- List3 ----*/ ul.list3 li h2 { color:#7eacde; font-size:150%; line-height:1.2em; margin-bottom:5px; } ul.list3 li h2 a { color:#7eacde; } ul.list3 li p { font-family:Arial; font-size:100%; color:#fff; line-height:1.2em; } /*---- List4 ----*/ ul.list4, ul.list5 { padding-bottom:15px; } ul.list4 li a { display:block; background:url(../images/buttons/link-bg1.jpg) no-repeat left top; padding-left:28px; line-height:21px; color:#2a2a2a; font-size:140%; margin-bottom:16px; } /*---- List5 ----*/ ul.list5 li a { display:block; background:url(../images/buttons/link-bg1.jpg) no-repeat left bottom; padding-left:28px; line-height:21px; color:#2a2a2a; font-size:140%; margin-bottom:16px; } /*---- List6 ----*/ ul.list6 { margin-bottom:13px; } ul.list6 li { width:84px; margin:0 20px 24px 0; float:left; } ul.list6 li.last { margin-right:0; } ul.list6 li a { display:block; text-align:center; } ul.list6 li a img { margin-bottom:8px; } ul.list6 li h3 { color:#c1362d; font-size:120%; line-height:1.2em; margin-bottom:2px; } ul.list6 li h3 a { color:#c1362d; } ul.list6 li p { color:#494949; font-size:120%; line-height:1.2em; text-align:center; } /*---- List7 ----*/ ul.list7 li { width:103px; margin:0 20px 0 0; float:left; } ul.list7 li.last { margin-right:0; } ul.list7 li a { display:block; text-align:center; text-decoration:underline; } ul.list7 li a:hover { text-decoration:none; } ul.list7 li a img { margin-bottom:8px; } ul.list7 li h3 { color:#1d6dc3; font-size:120%; line-height:1.2em; margin-bottom:2px; } ul.list7 li h3 a { color:#1d6dc3; } ul.list7 li p { color:#323234; font-size:120%; line-height:1.2em; text-align:center; } /*---- List8 ----*/ ul.list8 { margin-bottom:10px; } ul.list8 li { color:#929292; width:90px; font-size:110%; float:left; padding:0 10px 0 10px; background:url(../images/buttons/list8-bg.gif) no-repeat 0 3px; margin-bottom:6px; } ul.list8 li a { color:#929292; } /*---- List9 ----*/ ul.list9, ul.list10 { padding-bottom:10px; } ul.list9 li, ul.list10 li { display:inline-block; } ul.list9 li a, ul.list10 li a { display:block; padding-left:28px; line-height:21px; color:#000; font-size:180%; margin-bottom:16px; font-weight:bold; } ul.list9 li a { background:url(../images/buttons/list9-bg.gif) no-repeat 0 4px; } /*---- List10 ----*/ ul.list10 li a { background:url(../images/buttons/list10-bg.gif) no-repeat 0 4px; } /*---- List11 ----*/ ul.list11 li { background:url(../images/buttons/list11-bg.png) no-repeat 0 0; padding-left:45px; margin-bottom:15px; } ul.list11 li h3 { color:#65a8f2; font-size:130%; line-height:1.2em; margin-bottom:8px; } ul.list11 li h3 a { color:#65a8f2; } ul.list11 li p { color:#7d7d7d; font-size:130%; line-height:1.2em; margin-bottom:10px; } /*---- List12 ----*/ ul.list12 li { background:url(../images/buttons/list12-bg.png) no-repeat 0 0; padding-left:36px; margin-bottom:15px; } ul.list12 li p { color:#131313; font-size:120%; line-height:19px; } ul.list12 li p.datestamp { color:#7d7d7d; } ul.list12 li p a { color:#1f70c7; } /*---- List13 ----*/ ul.list13 li { margin-bottom:17px; display:inline-block; } ul.list13 li a { color:#8a8a8a; font-size:120%; padding-left:26px; display:block; line-height:16px; } ul.list13 li a.addfriend { background:url(../images/iconos/datospersonales.png) no-repeat; } ul.list13 li a.mensajeprivado { background:url(../images/iconos/mensajeprivado.png) no-repeat; } ul.list13 li a.denuncia { background:url(../images/iconos/denunciarperifl.png) no-repeat; } ul.list13 li a.rssblog { background:url(../images/iconos/rss.png) no-repeat; } ul.list13 li a.blog { background:url(../images/iconos/blog.png) no-repeat; } ul.list13 li a.muro { background:url(../images/iconos/muro.png) no-repeat; } ul.list13 li a.tienda { background:url(../images/iconos/tienda.png) no-repeat; } ul.list13 li a.curriculum { background:url(../images/iconos/curriculum.png) no-repeat; } ul.list13 li a.galeria { background:url(../images/iconos/galeria.png) no-repeat; } /*---- List14 ----*/ ul.list14 { padding-bottom:7px; } ul.list14 li { margin:0 8px 8px 0; float:left;} ul.list14 li img{ max-height:49px; max-width:52px} ul.list14 li.last { margin-right:0; } /*---- List15 ----*/ ul.list15 li { margin:0 7px 5px 7px; float:left; } /*---- List16 ----*/ ul.list16 { padding:0 0 1px 12px; margin-bottom:5px; } ul.list16 li { margin:0 8px 8px 0; float:left; } /*---- List17 ----*/ ul.list17 { margin:0 0 0 12px; } ul.list17 li { margin:0 9px 8px 0; float:left; padding:0 0 0 22px; width:190px; font-size:130%; line-height:20px; background:url(../images/buttons/list17-bg.gif) no-repeat 0 4px; } /*---- List18 ----*/ ul.list18 { padding:0 0 1px 10px; } ul.list18 li { font-size:130%; line-height:24px; color:#272727; margin-bottom:20px; } ul.list18 li a { color:#346da3; } /*---- List19 ----*/ ul.list19 { padding:0 10px 1px 20px; } ul.list19 li { font-size:130%; line-height:1.2em; color:#10345b; margin-bottom:10px; } ul.list19 li li { font-size:100%; } ul.list19 li p { color:#10345b; line-height:1.2em; font-weight:bold; margin-bottom:10px; } ul.list19 li a { color:#10345b; } /*---- List20 ----*/ ul.list20{padding:0 15px 0 2px;} ul.list20 li{list-style:none; background:url(../images/content/list20-li-bg.gif) no-repeat left top; padding-left:12px; margin-bottom:5px; } ul.list20 li a{color:#3d3d3d; font-size:120%; display:block; line-height:12px; background:url(../images/content/list20-li-a-bg.gif) repeat-x 0 bottom; padding-bottom:7px;} ul.list20 li a small{font-size:80%;} ul.list20 li.last a{background:none; padding-bottom:0;} ul.list20 li a span.new{display:block; float:right; color:#1462b6; font-size:100%; line-height:12px;} ul.list20 li a span.new span.inner{color:#fff; font-size:80%; background:#91c0f3 url(../images/content/span-new-inner-bg.gif) repeat-x 0 bottom; display:block; padding:0 5px; margin-right:5px; border:1px solid #368bea; float:left; line-height:12px;} ul.list20 li a:hover {text-decoration:none;} /*---- List21 ----*/ ul.list21{padding:0 0px 0 4px;} ul.list21 li{list-style:none; padding-left:5px;} ul.list21 li a{color:#3d3d3d; font-size:120%; display:block; line-height:24px; } ul.list21 li a:hover{text-decoration:none;} ul.list21 li a img{display:inline; margin-right:4px; vertical-align:middle;} /*---- List22 ----*/ ul.list22 li{list-style:none; margin-bottom:3px;} ul.list22 li a{background:#f5faff; border:1px solid #cce4f8; padding:10px 18px 2px 12px; display:block;} ul.list22 li a:hover{background:#e4eff8; display:block; text-decoration:none;} ul.list22 li span{background:url(../images/content/list22-a-bg.gif) no-repeat right top; padding-right:37px; color:#535353; font-size:110%; line-height:14px; display:block;} ul.list22 li a span.date{color:#b0bcc7; font-size:90%; display:block; background:none;} ul.list22 li a:hover span{ background:url(../images/content/list22-a-hover.gif) no-repeat right 0;} ul.list22 li a:hover span.date{background:none;} /*---- List23 ----*/ ul.list23 {border-bottom:1px solid #c6dbf2; margin-bottom:10px;} ul.list23 li{list-style:none; margin-bottom:15px;} ul.list23 li.last{margin-bottom:10px;} ul.list23 li div.image{float:left; width:38px; margin-right:5px;} ul.list23 li div.image img{border:1px solid #ccd1d6;} ul.list23 li p{width:160px; float:left; color:#1462b6; font-size:120%; line-height:14px;} ul.list23 li p span{display:block; color:#535353; font-size:80%;} /*---- List24 ----*/ ul.list24 {border-bottom:1px solid #c6dbf2; margin-bottom:10px; } ul.list24 li{list-style:none; margin-bottom:8px; padding-right:15px;} ul.list24 li div.image{float:left; width:32px; margin-right:5px;} ul.list24 li div.image img{border:1px solid #cfd4d9; width:32px;} ul.list24 li p{float:left; line-height:15px; width:280px;} ul.list24 li p a{ color:#234762; font-size:110%; } ul.list24 li p span{display:block; color:#93b0c9; font-size:100%; } /*---- List25 ----*/ ul.list25 { margin-bottom:10px; padding-top:6px;} ul.list25 li{list-style:none; margin-bottom:3px; padding:5px 7px; background:#f5faff; border:1px solid #cde5f8;} ul.list25 li div.image{float:left; width:50px; margin-right:8px;} ul.list25 li div.image img{border:1px solid #d3d8dc;} ul.list25 li p{float:left; padding-top:5px; line-height:16px; width:450px;} ul.list25 li p a{ color:#294056; font-size:110%; } ul.list25 li p span{display:block; color:#9fb6cc; font-size:110%; } /*--- List26 ---*/ ul.list26{padding:10px 0 0;} ul.list26 li{list-style:none; background:url(../images/content/list26-li-bg.gif) repeat-x 0 bottom; padding-bottom:6px; margin-bottom:7px;} ul.list26 li.last{background:none;} ul.list26 li img {float:left; margin-right:3px;} ul.list26 li p{float:left; line-height:14px; color:#fff; font-size:110%;} ul.list26 li p a{display:block; color:#fff;} /*---- List27 ----*/ ul.list27{padding-top:5px;} ul.list27 li{list-style:none; border-bottom:1px solid #90bdee; padding:0 5px 10px 10px; margin-bottom:10px;} ul.list27 li div.image{float:left; width:100px; margin-right:10px;} ul.list27 li div.description{float:left; width:428px;} ul.list27 li div.description h3{font-size:140%; color:#2577ce; margin-bottom:8px; font-weight:normal;} ul.list27 li div.description h3 a{color:#2577ce;} ul.list27 li div.description h3 span{color:#bed1e2; font-size:80%;} ul.list27 li div.description div.info div.column1{width:240px; float:left;} ul.list27 li div.description div.info div.column2{float:right; width:145px;} ul.list27 li div.description p{color:#4d4d4d; font-size:110%; line-height:19px; margin-bottom:8px;} ul.list27 li div.description p a{color:#2577ce; font-size:130%;} /*---- List28 ---*/ ul.list28{ margin-left:20px; padding:6px 0;} ul.list28 li{ margin-bottom:8px; font-size:110%; color:#32465b;} ul.list28 li a{color:#32465b; text-decoration:none;} ul.list28 li a span{ color:#a7bbcf; font-size:90%;} /*--popup--*/ div.popup{width:274px; height:225px; position:absolute; z-index:20; left:250px; top:200px;} div.popup img{width:274px; height:225px;} div.popup div.description{width:234px; height:185px; position:absolute; left:0; top:0; background:url(../images/content/list29-description-bg.png) repeat 0 0; z-index:30; padding:20px;} div.popup div.description h3{font-size:150%; color:#c8e0f5; line-height:16px; margin-bottom:5px;} div.popup div.description p{font-size:110%; line-height:16px; color:#fff;} div.popup div.description a.more-lnk{display:block; color:#2f7dd1;} /*---- List29 ----*/ ul.list29 li{float:left; position:relative; margin:0px 1px 1px 0px; width:203px; height:140px; z-index:1;} ul.list29 li.last{margin-right:0;} ul.list29 li a.more-info, ul.list30 li a.more-info{display:block; width:26px; height:25px; background:url(../images/buttons/enlarge-btn.png) no-repeat 0 0; position:absolute; bottom:5px; right:5px; z-index:5;} ul.list29 li div.details, ul.list30 li div.details{background:url(../images/content/description-bg.png) repeat-x 0 0; width:90px; padding:0px 8px 5px; position:absolute; z-index:5; left:5px; bottom:5px;} ul.list29 li div.details h3, ul.list30 li div.details h3{font-size:110%; line-height:18px; margin-bottom:5px; color:#fff;} ul.list29 li div.details p, ul.list29 li div.details p{color:#0e0e0e; font-size:110%; line-height:13px;} /*---- List30 ----*/ ul.list30{padding-left:10px;} ul.list30 li{float:left; position:relative; margin:0px 1px 1px 0px; position:relative; width:245px; height:155px; } ul.list30 li div.pop-up{width:330px; height:246px; position:absolute; z-index:20; left:-18px; top:-47px;} ul.list30 li div.pop-up img{width:330px; height:246px; } ul.list30 li div.pop-up div.description{width:234px; height:192px; position:absolute; left:0; top:0; background:url(../images/content/list29-description-bg.png) repeat 0 0; z-index:30; padding:28px 48px;} /*---- List31 ----*/ ul.list31 li.desc{list-style:none; width:706px; margin:0 -10px 1px 0; position:relative; padding:5px 14px 23px 38px; background:#fff url(../images/content/list31-li-bg.jpg) no-repeat 0 bottom; min-height:130px;} ul.list31 li.desc div.image{width:120px; float:left; margin-right:9px; padding-top:10px;} ul.list31 li.desc div.details{width:575px; float:left;} ul.list31 li.desc div.details h2{font-size:160%; color:#1c7be0; padding-bottom:5px; border-bottom:1px solid #e2e2e2; margin-bottom:10px; padding-top:10px;} ul.list31 li.desc div.details h2 a{color:#1c7be0; text-decoration:none;} ul.list31 li.desc div.details h3{color:#4e99e8; margin-bottom:1px; font-weight:normal; font-size:110%;} ul.list31 li.desc div.details span.metadata{color:#a9a9a9; display:block; margin-bottom:10px; font-size:110%; width:410px;} ul.list31 li.desc div.details div.brand{width:120px; margin-right:10px; float:left;} ul.list31 li.desc div.details div.description{width:285px; float:left; text-align:justify} ul.list31 li.desc div.details div.description p{font-size:110%; color:#3d3d3d; line-height:16px;} ul.list31 li.desc div.details a.more-lnk{background: url("../images/buttons/enlarge-btn.png") no-repeat scroll 0 0 transparent; display: block; width: 26px; height: 25px; float:right; margin-left:4px;} ul.list31 li.desc div.details span.price{display:block; width:87px; height:47px; float:right; margin-right:5px; margin-bottom:6px; text-align:center; padding-top:45px; padding-left:20px; color:#1c7be0; font-size:160%; background:url(../images/content/price-bg.gif) no-repeat 0 0; line-height:1em;} ul.list31 li.desc div.details span.actions{display:block; width:87px; height:47px; float:right; margin-right:5px; margin-bottom:6px; text-align:center; padding-top:5px; padding-left:5px; color:#1c7be0; font-size:100%;line-height:1em;} ul.list31 li.desc div.details span.price span.inner{font-size:70%;} ul.list31 li.desc div.details a.favorite-btn{float:right; margin-left:4px;} ul.list31 li.desc div.details span.actions ul.list13 li { margin-bottom:3px; display:inline-block; width:80px; text-align:left; } ul.list31 li.desc div.details span.actions ul.list13 li a { color:#8a8a8a; font-size:80%; padding-left:20px; display:block; line-height:16px; } ul.list31 li.desc div.details span.actions ul.list13 li a.addfriend { background:url(../images/iconos/addfriend.png) no-repeat; } ul.list31 li.desc div.details span.actions ul.list13 li a.mensajeprivado { background:url(../images/iconos/mensajeprivado.png) no-repeat; } ul.list31 li.desc div.details span.actions ul.list13 li a.denuncia { background:url(../images/iconos/denunciarperifl.png) no-repeat; } ul.list31 li.desc div.details span.actions ul.list13 li a.blog { background:url(../images/iconos/blog.png) no-repeat; } ul.list31 li.desc div.details span.actions ul.list13 li a.muro { background:url(../images/iconos/muro.png) no-repeat; } ul.list31 li.desc div.details span.actions ul.list13 li a.tienda { background:url(../images/iconos/tienda.png) no-repeat; } ul.list31 li.desc div.details span.actions ul.list13 li a.curriculum { background:url(../images/iconos/curriculum.png) no-repeat; } ul.list31 li.desc div.details span.actions ul.list13 li a.galeria { background:url(../images/iconos/galeria.png) no-repeat; } /*---- List32 ---*/ ul.list32{padding-left:32px;} ul.list32 li{list-style:none; border-bottom:1px solid #d0dce7; padding-bottom:5px; margin-bottom:5px; font-size:120%; line-height:21px; } ul.list32 li img{vertical-align:middle; margin-right:5px;} ul.list32 li span.title{width:160px; margin-right:10px; color:#6f7c8a; font-weight:bold; float:left; display:block; } ul.list32 li span.detail{width:365px; color:#001832; float:left; display:block;} ul.list32 li a{color:#1969be;} ul.list32 li span.not-avalable{color:#909aa5;} ul.list32 li.last{border:0;} /*-----list33---*/ ul.list33 li{list-style:none; float:left; width:184px; height:200px; margin:0 14px 12px 0; text-align:center;} ul.list33 li img{width:107px; height:107px; border:1px solid #cfe0ef; margin-bottom:10px;} ul.list33 li p{color:#3d566f; line-height:14px; font-size:120%; margin-bottom:10px;} ul.list33 li span.comments, ul.list33 li span.rating{display:inline-block; height:16px; line-height:16px; padding-left:20px; font-size:120%; color:#001832; margin-bottom:5px;} ul.list33 li span.comments{background:url(../images/content/list33-coments-bg.gif) no-repeat 0 0; margin-right:15px;} ul.list33 li span.rating{background:url(../images/content/list33-rating-bg.gif) no-repeat 0 0; } ul.list33 li.last{margin-right:0;} /*-----List34----*/ ul.list34 li{list-style:none; float:left; height:41px; width:41px; margin:0 10px 6px 0; border:1px solid #d1e5f8;} ul.list34 li img{width:41px; height:41px; display:block;} /*---- List80 ---*/ ul.list80{padding-left:32px;} ul.list80 li{list-style:none; border-bottom:1px solid #d0dce7; padding-bottom:5px; margin-bottom:5px; font-size:120%; line-height:21px; } ul.list80 li img{vertical-align:middle; margin-right:5px;} ul.list80 li span.title{width:120px; margin-right:5px; color:#6f7c8a; font-weight:bold; float:left; display:block; } ul.list80 li span.detail{width:410px !important; color:#001832 !important; float:left !important; display:block !important; text-align:justify;} ul.list80 li span.detail p{ line-height:20px !important;} ul.list80 li a{color:#1969be;} ul.list80 li span.not-avalable{color:#909aa5;} ul.list80 li.last{border:0;} /*---- List comentarios ----*/ ul.list_com { margin-bottom:1px; padding-top:1px;} ul.list_com li{list-style:none; margin-bottom:2px; padding:1px 1px; background:#f5faff; border:1px solid #cde5f8;} ul.list_com li div.title{padding:2px; font-size:120%;color:#9fb6cc;} ul.list_com li div.title a{color:#9fb6cc; font-size:120%; } ul.list_com li div.nocom{padding:10px; font-size:120%;} ul.list_com li div.image{float:left; width:54px; margin:2px;} ul.list_com li div.contenido{float:left; width:375px; margin:1px;} ul.list_com li div.image img{border:1px solid #d3d8dc; width:50px;} ul.list_com li p{color:#294056; padding-top:1px; line-height:10px; width:100%;} ul.list_com li p span{display:block; color:#9fb6cc; font-size:80%; text-align:right; width:100%; } /*---- List - tagcloud ----*/ ul.tagcloud { padding:0 5px 10px 20px; } ul.tagcloud li { color:#272727; display:inline; margin-right:5px; line-height:1.3em; } ul.tagcloud li a { color:#272727; } ul.tagcloud li.highlight a { color:#1f70c7; } ul.tagcloud li.size1 { font-size:250%; } ul.tagcloud li.size2 { font-size:180%; } ul.tagcloud li.size3 { font-size:130%; } /*---- Boxes ----*/ /*---- Box1 ----*/ div.box1-top { background:url(../images/boxes/box1-top-left.png) no-repeat left bottom; padding-left:7px; } div.box1-top-right { background:url(../images/boxes/box1-top-right.png) no-repeat right bottom; padding-right:7px; } div.box1-top-middle { background:#1d426a; height:7px; line-height:7px; } div.box1-content { background:#1d426a; padding:0 0 1px 13px; } div.box1-bottom { background:url(../images/boxes/box1-bottom-left.png) no-repeat left top; padding-left:7px; } div.box1-bottom-right { background:url(../images/boxes/box1-bottom-right.png) no-repeat right top; padding-right:7px; } div.box1-bottom-middle { background:#1d426a; height:7px; line-height:7px; } /*---- Box2 ----*/ div.box2-top { background:url(../images/boxes/box2-top-left.png) no-repeat left bottom; padding-left:17px; } div.box2-top-right { background:url(../images/boxes/box2-top-right.png) no-repeat right bottom; padding-right:17px; } div.box2-top-middle { background:url(../images/boxes/box2-top-middle.gif) repeat-x left bottom; line-height:17px; height:17px; } div.box2-content { background:#fff; padding:4px 0px 1px 16px; border:1px solid #e3e3e3; border-width:0 1px 0 1px; } div.box2-bottom { background:url(../images/boxes/box2-bottom-left.png) no-repeat left top; padding-left:17px; } div.box2-bottom-right { background:url(../images/boxes/box2-bottom-right.png) no-repeat right top; padding-right:17px; } div.box2-bottom-middle { background:url(../images/boxes/box2-bottom-middle.gif) repeat-x left top; line-height:17px; height:17px; } /*---- Box3 ----*/ div.box3 { width:898px; } div.box3-top { background:url(../images/boxes/box3-top.png) no-repeat 0 0; height:16px; line-height:16px; } div.box3-content { background:url(../images/boxes/box3-middle.png) repeat-y 0 0; padding:0 73px 10px 65px; } div.box3-bottom { background:url(../images/boxes/box3-bottom.png) no-repeat 0 0; height:17px; line-height:17px; } /*---- Box4 ----*/ div.box4-top { background:url(../images/boxes/box4-top-left.png) no-repeat left bottom; padding-left:17px; } div.box4-top-right { background:url(../images/boxes/box4-top-right.png) no-repeat right bottom; padding-right:17px; } div.box4-top-middle { background:#f6f6f6; height:17px; line-height:17px; } div.box4-content { background:#f6f6f6; padding:4px 0px 1px 16px; } div.box4-bottom { background:url(../images/boxes/box4-bottom-left.png) no-repeat left top; padding-left:17px; } div.box4-bottom-right { background:url(../images/boxes/box4-bottom-right.png) no-repeat right top; padding-right:17px; } div.box4-bottom-middle { background:#f6f6f6; height:17px; line-height:7px; } /*---- Box5 ----*/ div.box5-top { background:url(../images/boxes/box5-top-left.png) no-repeat left bottom; padding-left:6px; } div.box5-top-right { background:url(../images/boxes/box5-top-right.png) no-repeat right bottom; padding-right:6px; } div.box5-top-middle { background:url(../images/boxes/box5-top-middle.png) repeat-x left bottom; height:6px; line-height:6px; } div.box5-middle { background:url(../images/boxes/box5-middle-left.png) repeat-y left top; padding-left:6px; } div.box5-middle-right { background:url(../images/boxes/box5-middle-right.png) repeat-y right top; padding-right:6px; } div.box5-content { background:url(../images/boxes/box5-content.png) repeat 0 0; } div.box5-bottom { background:url(../images/boxes/box5-bottom-left.png) no-repeat left top; padding-left:6px; } div.box5-bottom-right { background:url(../images/boxes/box5-bottom-right.png) no-repeat right top; padding-right:6px; } div.box5-bottom-middle { background:url(../images/boxes/box5-bottom-middle.png) repeat-x left top; height:6px; line-height:6px; } /*---- Box6 ----*/ div.box6-top { background:url(../images/boxes/box6-top-left.png) no-repeat left bottom; padding-left:8px; } div.box6-top-right { background:url(../images/boxes/box6-top-right.png) no-repeat right bottom; padding-right:8px; } div.box6-top-middle { background:#fff; height:7px; line-height:7px; border-top:1px solid #d6ecff; } div.box6-content { background:#eff7ff url(../images/boxes/box6-content.gif) repeat-x left top; border:1px solid #d6ecff; border-width:0 1px; padding:6px 10px 1px 16px; min-height:220px } div.box6-bottom { background:url(../images/boxes/box6-bottom-left.png) no-repeat left top; padding-left:8px; } div.box6-bottom-right { background:url(../images/boxes/box6-bottom-right.png) no-repeat right top; padding-right:8px; } div.box6-bottom-middle { background:#eff7ff; height:7px; line-height:7px; border-bottom:1px solid #d6ecff; } /*---- Box7 ----*/ div.box7-top { background:url(../images/boxes/box7-top-left.png) no-repeat left bottom; padding-left:14px; } div.box7-top-right { background:url(../images/boxes/box7-top-right.png) no-repeat right bottom; padding-right:14px; } div.box7-top-middle { background:#fff; height:14px; line-height:14px; border-top:1px solid #d8edff; } div.box7-content { background:#fff url(../images/boxes/box7-content.gif) repeat-x left top; border:1px solid #d8edff; border-width:0 1px; padding:6px 10px 1px 16px; } div.box7-content img{ max-height:80px;} div.box7-bottom { background:url(../images/boxes/box7-bottom-left.png) no-repeat left top; padding-left:14px; } div.box7-bottom-right { background:url(../images/boxes/box7-bottom-right.png) no-repeat right top; padding-right:14px; } div.box7-bottom-middle { background:#fff; height:14px; line-height:14px; border-bottom:1px solid #d8edff; } /*---- Box8 ----*/ div.box8-top { background:url(../images/boxes/box8-top-left.png) no-repeat left bottom; padding-left:6px; } div.box8-top-right { background:url(../images/boxes/box8-top-right.png) no-repeat right bottom; padding-right:6px; } div.box8-top-middle { background:#4c84c1 url(../images/boxes/box8-top-middle.gif) repeat-x 0 0; height:6px; line-height:6px; border-top:1px solid #d8edff; } div.box8-content { background:#4c84c1 url(../images/boxes/box8-content.gif) repeat-x left top; border:3px solid #4c84c1; border-width:0 3px; padding:15px 17px 1px 24px; } div.box8-bottom { background:url(../images/boxes/box8-bottom-left.png) no-repeat left top; padding-left:6px; } div.box8-bottom-right { background:url(../images/boxes/box8-bottom-right.png) no-repeat right top; padding-right:6px; } div.box8-bottom-middle { background:#4c84c1; height:6px; line-height:6px; border-bottom:1px solid #d8edff; } /*---- Box9 ----*/ div.box9 { width:903px; } div.box9-top { background:url(../images/boxes/box9-top.png) no-repeat 0 0; height:16px; line-height:16px; } div.box9-content { background:url(../images/boxes/box9-middle.gif) repeat-y 0 0; } div.box9-bottom { background:url(../images/boxes/box9-bottom.png) no-repeat 0 0; height:17px; line-height:17px; } /*---- Box10 ----*/ div.box10-top-left { background:url(../images/boxes/box10-top-left.png) no-repeat left bottom; padding-left:28px; } div.box10-top-right { background:url(../images/boxes/box10-top-right.png) no-repeat right bottom; padding-right:28px; } div.box10-top-middle { background:url(../images/boxes/box10-top-middle.png) repeat-x 0 0; height:28px; line-height:28px; } div.box10-content { background:#f2f9ff url(../images/boxes/box10-content.png) repeat-x left top; padding:20px 40px 1px 18px; } div.box10-bottom-left { background:url(../images/boxes/box10-bottom-left.png) no-repeat left top; padding-left:28px; } div.box10-bottom-right { background:url(../images/boxes/box10-bottom-right.png) no-repeat right top; padding-right:28px; } div.box10-bottom-middle { background:url(../images/boxes/box10-bottom-middle.png) repeat-x left top; height:28px; line-height:28px; } /*---- Box12 ----*/ div.box12-top-left { background:url(../images/boxes/box12-top-left.png) no-repeat left bottom; padding-left:5px; } div.box12-top-right { background:url(../images/boxes/box12-top-right.png) no-repeat right bottom; padding-right:5px; } div.box12-top-middle { background:#e6f1fc; height:5px; line-height:5px; } div.box12-content { background:#e6f1fc; padding:8px 12px 1px; } div.box12-bottom-left { background:url(../images/boxes/box12-bottom-left.png) no-repeat left top; padding-left:5px; } div.box12-bottom-right { background:url(../images/boxes/box12-bottom-right.png) no-repeat right top; padding-right:5px; } div.box12-bottom-middle { background:#e6f1fc; height:5px; line-height:5px; } /*---- Box13 ----*/ div.box13-top-left { background:url(../images/boxes/box13-top-left.png) no-repeat left bottom; padding-left:7px; } div.box13-top-right { background:url(../images/boxes/box13-top-right.png) no-repeat right bottom; padding-right:7px; } div.box13-top-middle { background:url(../images/boxes/box13-top-middle.gif) repeat-x left bottom; height:38px; line-height:38px; } div.box13-content { background:#fff; border:1px solid #dcdcdc; border-width:0 1px; padding:18px 23px 1px; } div.box13-bottom-left { background:url(../images/boxes/box13-bottom-left.png) no-repeat left top; padding-left:7px; } div.box13-bottom-right { background:url(../images/boxes/box13-bottom-right.png) no-repeat right top; padding-right:7px; } div.box13-bottom-middle { background:url(../images/boxes/box13-bottom-middle.gif) repeat-x left top; height:7px; line-height:7px; } /*---- Box14 ----*/ div.box14-top-left { background:url(../images/boxes/box14-top-left.png) no-repeat left bottom; padding-left:10px; } div.box14-top-right { background:url(../images/boxes/box14-top-right.png) no-repeat right bottom; padding-right:10px; } div.box14-top-middle { background:url(../images/boxes/box14-top-middle.gif) repeat-x left bottom; height:45px; padding-left:10px; } div.box14-content { background:url(../images/boxes/box14-content.gif) repeat-y left top; padding:10px 3px 0 24px; } div.box14-content-inner { background:url(../images/boxes/box14-column2-bg.jpg) no-repeat right bottom; padding-bottom:15px; } div.box14-bottom { background:url(../images/boxes/box14-bottom.png) no-repeat left top; height:10px; line-height:10px; } /*---- Box15 ----*/ div.box15 { border:1px solid #e4e4e4; border-width:1px 0; background:url(../images/boxes/box15-bg.gif) repeat-y 0 0; padding-right:1px; width:941px; margin:0 0 24px 13px; } div.box15-content { background:url(../images/boxes/box15-inner.jpg) no-repeat right top; padding:19px 45px 1px 12px; } /*---- Box16 ----*/ div.box16-top-left { background:url(../images/boxes/box16-top-left.png) no-repeat left bottom; padding-left:10px; } div.box16-top-right { background:url(../images/boxes/box16-top-right.png) no-repeat right bottom; padding-right:15px; } div.box16-top-middle { background:url(../images/boxes/box16-top-middle.png) repeat-x left bottom; line-height:10px; height:10px; } div.box16-middle-left { background:url(../images/boxes/box16-middle-left.png) repeat-y left top; padding-left:10px; } div.box16-middle-right { background:url(../images/boxes/box16-middle-right.png) repeat-y right top; padding-right:15px; } div.box16-content { background:#fff; padding:10px 10px 1px 13px; } div.box16-bottom-left { background:url(../images/boxes/box16-bottom-left.png) no-repeat left top; padding-left:35px; } div.box16-bottom-right { background:url(../images/boxes/box16-bottom-right.png) no-repeat right top; padding-right:15px; } div.box16-bottom-middle { background:url(../images/boxes/box16-bottom-middle.png) repeat-x left top; line-height:31px; height:31px; } /*---- Box17 ----*/ div.box17 { background:url(../images/boxes/box17-top.gif) no-repeat left top; padding-top:6px; border-bottom:1px solid #eaeaea; margin-bottom:6px; } div.box17-content { background:url(../images/boxes/box17-content.gif) repeat-y left top; padding:4px 5px 10px 12px; } /*---- Box18 ----*/ div.box18 { margin-bottom:10px; } div.box18-top-left { background:#e9f0f8 url(../images/boxes/box18-top-left.gif) no-repeat left bottom; padding-left:6px; } div.box18-top-right { background:#e9f0f8 url(../images/boxes/box18-top-right.gif) no-repeat right bottom; line-height:6px; height:6px; } div.box18-content { background:#e9f0f8; padding:18px 9px 1px; } div.box18-bottom-left { background:#e9f0f8 url(../images/boxes/box18-bottom-left.gif) no-repeat left bottom; padding-left:6px; } div.box18-bottom-right { background:#e9f0f8 url(../images/boxes/box18-bottom-right.gif) no-repeat right bottom; line-height:6px; height:6px; } /*---- Box20 ----*/ div#content div.box20 div.top{background:url(../images/boxes/box-20-top.gif) no-repeat 0 0; padding:9px 0 0 0;} div#content div.box20 div.top div.bottom{background:url(../images/boxes/box-20-bottom.gif) no-repeat 0 bottom; padding-bottom:9px;} div#content div.box20 div.top div.bottom div.middle{background:#e7eff7; padding:0 10px 1px ; width:262px;} /*---- Box21 ----*/ div.box21 div.top-left { background:url(../images/boxes/box21-top-left.png) no-repeat left bottom; padding-left:10px; } div.box21 div.top-left div.top-right { background:url(../images/boxes/box21-top-right.png) no-repeat right bottom; padding-right:10px; } div.box21 div.top-left div.top-right div.top-middle { background:#2577ce; height:10px; line-height:10px; } div.box21 div.middle { background:#2577ce; padding:0 18px 1px; } div.box21 div.bottom-left{ background:url(../images/boxes/box21-bottom-left.png) no-repeat left top; padding-left:10px; } div.box21 div.bottom-left div.bottom-right { background:url(../images/boxes/box21-bottom-right.png) no-repeat right top; padding-right:10px; } div.box21 div.bottom-left div.bottom-right div.bottom-middle{ background:#2577ce; height:10px; line-height:10px; } /*---- Box22 ----*/ div.box22 div.top-left { background:url(../images/boxes/box22-top-left.gif) no-repeat left bottom; padding-left:10px; } div.box22 div.top-left div.top-right { background:url(../images/boxes/box22-top-right.gif) no-repeat right bottom; padding-right:10px; } div.box22 div.top-left div.top-right div.top-middle { background:url(../images/boxes/box22-top-middle.gif) repeat-x 0 bottom; height:10px; line-height:10px; } div.box22 div.middle { background:#cddcec; padding:5px 18px 1px; border:1px solid #9fbad6; border-width:0 1px 0 1px; } div.box22 div.bottom-left{ background:url(../images/boxes/box22-bottom-left.gif) no-repeat left top; padding-left:10px; } div.box22 div.bottom-left div.bottom-right { background:url(../images/boxes/box22-bottom-right.gif) no-repeat right top; padding-right:10px; } div.box22 div.bottom-left div.bottom-right div.bottom-middle{ background:url(../images/boxes/box22-bottom-middle.gif) repeat-x 0 top; height:10px; line-height:10px; } /*---- Box23 ----*/ div.box23{background:#f0f6fb; width:699px;} div.box23 div.top-left { background:url(../images/boxes/box23-top-left.gif) no-repeat left top; padding-left:14px; height:43px; margin-bottom:} div.box23 div.top-left div.top-right { background:url(../images/boxes/box23-top-right.gif) no-repeat right top; padding-right:11px; height:43px;} div.box23 div.top-left div.top-right div.top-middle { background:url(../images/boxes/box23-top-middle.gif) repeat-x 0 top; height:43px; line-height:43px;} div.box23 div.middle{padding:10px 4px 14px 5px;} div.box23 h2.collapsible{display:block; background:url(../images/content/box23-a-bg.gif) no-repeat right center; line-height:43px; font-size:150%; font-weight:normal; color:#fff;} div.box23 h2{line-height:43px; font-size:150%; font-weight:normal; color:#fff;} div.box23.last{ margin-bottom:0;} div.box23.small{width:49.5%;} div.box23 a.button25{ float:right; margin:10px 40px 0 0;} div.box23 ul.tab-strip2{float:right; padding-top:7px;} /*---- Box24 ----*/ div.box24 div.top-left, div.box23 div.box24 div.top-left { background:url(../images/boxes/box24-top-left.gif) no-repeat left bottom; padding-left:10px; height:10px; line-height:10px; } div.box24 div.top-left div.top-right, div.box23 div.box24 div.top-left div.top-right{ background:url(../images/boxes/box24-top-right.gif) no-repeat right bottom; padding-right:10px; height:10px; line-height:10px;} div.box24 div.top-left div.top-right div.top-middle, div.box23 div.box24 div.top-left div.top-right div.top-middle{ background:url(../images/boxes/box24-top-middle.gif) repeat-x 0 bottom; height:10px; line-height:10px; } div.box24 div.middle { background:#dbe6f2; padding:5px 15px 1px; border:1px solid #9fbde2; border-width:0 1px 0 1px; } div.box24 div.bottom-left{ background:url(../images/boxes/box24-bottom-left.gif) no-repeat left top; padding-left:10px; } div.box24 div.bottom-left div.bottom-right { background:url(../images/boxes/box24-bottom-right.gif) no-repeat right top; padding-right:10px; } div.box24 div.bottom-left div.bottom-right div.bottom-middle{ background:url(../images/boxes/box24-bottom-middle.gif) repeat-x 0 top; height:10px; line-height:10px; } /*---- Box25 ----*/ div.box25 div.top-left { background:url(../images/boxes/box25-top-left.gif) no-repeat left bottom; padding-left:11px; height:11px; line-height:11px; } div.box25 div.top-left div.top-right { background:url(../images/boxes/box25-top-right.gif) no-repeat right bottom; padding-right:11px; height:11px; line-height:11px;} div.box25 div.top-left div.top-right div.top-middle { background:#1b75d9; height:11px; line-height:11px; } div.box25 div.middle { background:#1b75d9; padding:0 4px 1px; } div.box25 div.bottom-left{ background:url(../images/boxes/box25-bottom-left.gif) no-repeat left top; padding-left:11px; height:11px; line-height:11px; } div.box25 div.bottom-left div.bottom-right { background:url(../images/boxes/box25-bottom-right.gif) no-repeat right top; padding-right:11px; height:11px; line-height:11px; } div.box25 div.bottom-left div.bottom-right div.bottom-middle{ background:#1b75d9; height:11px; line-height:11px; } /*---- Box26 ----*/ div.box26{margin-bottom:10px;} div.box26 div.box26-top { background:url(../images/boxes/box26-top-left.jpg) no-repeat left bottom; padding-left:15px; } div.box26 div.box26-top div.top-right { background:url(../images/boxes/box26-top-right.jpg) no-repeat right bottom; padding-right:15px; } div.box26 div.box26-top div.top-right div.top-middle { background:#d2eaff; height:15px; line-height:15px; } div.box26 div.box26-middle{background:#d2eaff; padding:0 10px 1px;} div.box26 div.box26-bottom { background:url(../images/boxes/box26-bottom-left.jpg) no-repeat left 0; padding-left:15px; } div.box26 div.box26-bottom div.bottom-right { background:url(../images/boxes/box26-bottom-right.jpg) no-repeat right 0; padding-right:15px; } div.box26 div.box26-bottom div.bottom-right div.bottom-middle { background:#d2eaff; height:15px; line-height:15px; } /*---- Box27 ----*/ div.box27{background:url(../images/boxes/box27-bg.jpg) repeat-y 0 0; margin-bottom:6px;} div.box27 div.box27-top{background:url(../images/boxes/box27-top.jpg) no-repeat 0 0;} div.box27 div.box27-top div.box27-bottom{background:url(../images/boxes/box27-bottom.jpg) no-repeat 0 bottom; padding-bottom:10px; } div.box27 h2{color:#2577ce; font-size:140%; font-weight:normal; line-height:47px; height:47px; margin-bottom:10px; padding-left:12px;} div.box27 div.lower1{background:url(../images/boxes/box27-lower-bg.gif) no-repeat 0 0; height:25px; margin:-15px 0 4px 0; position:relative; padding-top:7px; } div.box27 div.lower1 p{line-height:25px; font-size:110%; padding-left:15px;} div.box27 div.lower2{background:#c3dfff url(../images/content/lower2-bg.gif) repeat-x 0 bottom; margin:-15px 0 4px 0; position:relative;} div.box27 div.lower2 div.lower2-top{background:url(../images/content/lower2-top.gif) no-repeat 0 0; padding-top:7px;} div.box27 div.lower2 div.lower2-top div.lower2-bottom{background:url(../images/content/lower2-bottom.gif) no-repeat 0 bottom; padding:5px 10px 7px;} /*---- Box70 ----*/ div.box70{background:url(../images/boxes/box70-bg.jpg) repeat-y 0 0; margin-bottom:6px; width:700px;} div.box70 div.box70-top{background:url(../images/boxes/box70-top.jpg) no-repeat 0 0;} div.box70 div.box70-top div.box70-bottom{background:url(../images/boxes/box70-bottom.jpg) no-repeat 0 bottom; padding-bottom:10px; } div.box70 h2{color:#2577ce; font-size:140%; font-weight:normal; line-height:47px; height:47px; margin-bottom:10px; padding-left:12px;} div.box70 div.lower1{background:url(../images/boxes/box70-lower-bg.gif) no-repeat 0 0; height:25px; margin:-15px 0 4px 0; position:relative; padding-top:7px; } div.box70 div.lower1 p{line-height:25px; font-size:110%; padding-left:15px;} div.box70 div.lower2{background:#c3dfff url(../images/content/lower2-bg.gif) repeat-x 0 bottom; margin:-15px 0 4px 0; position:relative;} div.box70 div.lower2 div.lower2-top{background:url(../images/content/lower2-top.gif) no-repeat 0 0; padding-top:7px;} div.box70 div.lower2 div.lower2-top div.lower2-bottom{background:url(../images/content/lower2-bottom.gif) no-repeat 0 bottom; padding:5px 10px 7px;} /*---- Box28 ----*/ div.box28{background:url(../images/boxes/box28-bg.gif) repeat-y 0 0; margin-bottom:6px;} div.box28 div.box28-top{background:url(../images/boxes/box28-top.gif) no-repeat 0 0;} div.box28 div.box28-top div.box28-bottom{background:url(../images/boxes/box28-bottom.gif) no-repeat 0 bottom; padding-bottom:10px; } div.box28 h2{color:#2577ce; font-size:140%; font-weight:normal; line-height:46px; height:46px; margin-bottom:10px; padding-left:12px;} /*----box29----*/ div.box29{background:#d7ebff; padding:19px 19px 0; border:1px solid #87a4c4; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; position:relative;} /*----box30----*/ div.box30 { background:#e8eff6; padding:10px 7px 3px 5px; min-height:60px;} div.box30 div.description { float:right; width:527px;} div.box30 div.description h2 { color:#1461b5; font-size:120%;} div.box30 div.description p { color:#617a94; line-height:14px; font-size:90%;} div#public-messages div.box30 div.description h2 { font-size:120%; color:#1461b5; padding:0px; margin-bottom:1px;} div.box30 div.image { margin-bottom:10px;} div.box30 div.image img { border:1px solid #b7c1cd; display:block;} div.box30 span.date-stamp { color:#9dafc4; font-size:110%; display: block; float: left; line-height:15px; padding-left:16px;} div.profile1 div.blog div.comments div.box30 span.date-stamp { color: #9DAFC4; font-size: 90%; width: 50%;} div.wall div.box30 {margin-bottom:5px;} div.wall div.box30 div.description p { font-size:150%; color:#617a94; padding:0px; margin-bottom:1px;} /*---- box31 ----*/ div.box31 { background:#cae6ff; padding:4px 10px 4px 8px; border-radius:8px; margin-bottom:6px; -moz-border-radius:8px; -webkit-border-radius:8px; position:relative;} div.box31 p { color:#373737; font-size:110%; line-height:12px; margin:3px;} /*div.box31 p span { color:#1461b5;}*/ div.box31 div.arrow { background:url(../images/content/box31-arrow.gif) left top no-repeat; width:12px; height:11px; position:absolute; top:10px; left:-11px;} /*---- box32 ----*/ div.box32 { background:#c5e4ff url(../images/boxes/box32-bg.gif) left top repeat-x; border-top:1px solid #f1f8ff; padding:6px 9px 6px 12px; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; position:relative;} div.box32 div.arrow { background:url(../images/content/box32-arrow.png) left top no-repeat; width:17px; height:15px; position:absolute; top:-15px; left:55px;} /*---Box33----*/ div.box33{background:#c7e3ff; position:relative; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:6px;} div.box33 div.inner{background:#f1f8ff; padding:10px;} div.box33 h2 { color:#153558; font-size:200%; font-weight:normal; line-height:24px; margin-bottom:8px;} div.box33 h2 span.number { color:#1564b9;} /*---- Form Elements ----*/ /*---- Textbox1 ----*/ span.textbox1 { display:block; float:left; background:url(../images/buttons/textbox1.png) no-repeat left top; padding-left:8px; height:32px; } span.textbox1 span.inner { display:block; background:url(../images/buttons/textbox1.png) no-repeat right bottom; padding-right:8px; height:32px; } span.textbox1 input { padding:10px 0 6px; width:100%; border:0; background:none; } /*---- Textbox2 ----*/ span.textbox2 { display:block; float:left; background:url(../images/buttons/textbox2.png) no-repeat left top; padding-left:8px; height:30px; } span.textbox2 span.inner { display:block; background:url(../images/buttons/textbox2.png) no-repeat right bottom; padding-right:8px; height:30px; } span.textbox2 input { padding:9px 0 5px; width:100%; border:0; background:none; } /*---- Textbox3 ----*/ span.textbox3 { display:block; float:left; background:url(../images/buttons/textbox3.png) no-repeat left top; padding-left:15px; height:34px; } span.textbox3 span.inner { display:block; background:url(../images/buttons/textbox3.png) no-repeat right top; padding-right:15px; height:34px; position:relative; margin-right:-15px; } span.textbox3 input { padding:10px 0 8px; width:100%; border:0; background:none; } /*---- Textbox4 ----*/ span.textbox4 { display:block; background:url(../images/buttons/textbox4.png) no-repeat left top; padding-left:20px; height:60px; } span.textbox4 span.inner { display:block; background:url(../images/buttons/textbox4.png) no-repeat right bottom; padding-right:20px; height:60px; } span.textbox4 input { padding:17px 0; width:90%; border:0; background:none; font-size:210%; } span.textbox4 span.email { background:url(../images/buttons/mail.png) no-repeat 0 0; height:60px; padding-left:60px; display:block; } span.textbox4 span.password { background:url(../images/buttons/key.png) no-repeat 10px 0; height:60px; padding-left:60px; display:block; } /*---- Textbox5 ----*/ span.textbox5 { display:block; background:url(../images/buttons/textbox5.png) no-repeat left top; padding-left:30px; height:63px; } span.textbox5 span.inner { display:block; background:url(../images/buttons/textbox5.png) no-repeat right top; padding-right:30px; height:63px; position:relative; margin-right:-30px; } span.textbox5 input { padding:19px 0; width:100%; border:0; background:none; font-size:200%; } /*---- Textbox6 ----*/ span.textbox6 { background:url(../images/buttons/textbox6.png) no-repeat left top; height:38px; display:block; padding-left:12px; } span.textbox6 span.inner { background:url(../images/buttons/textbox6.png) no-repeat right top; display:block; margin-right:-12px; position:relative; height:38px; padding-right:12px; } span.textbox6 span.inner input { width:90%; border:0; background:none; padding:11px 0; } span.textbox6 select{ width:90%; margin:11px 0; border:0;} /*---- Textbox7 ----*/ span.textbox7 { background:url(../images/buttons/textbox7.gif) no-repeat left top; height:40px; display:block; padding-left:12px; } span.textbox7 span.inner { background:url(../images/buttons/textbox7.gif) no-repeat right top; display:block; height:40px; padding-right:12px; } span.textbox7 span.inner input { width:100%; border:0; background:none; padding:12px 0 11px 0; } /*---- Textbox8 ----*/ span.textbox8 { background:url(../images/buttons/textbox8.gif) no-repeat left top; height:41px; display:block; padding-left:12px; margin-bottom:18px; } span.textbox8 span.inner { background:url(../images/buttons/textbox8.gif) no-repeat right top; display:block; height:41px; padding-right:12px; } span.textbox8 span.inner input { width:100%; border:0; background:none; padding:12px 0 11px 0; } /*---- Textbox10 ----*/ span.textbox10{background:url(../images/buttons/textbox10.gif) no-repeat left top; height:49px; display:block; padding-left:12px; margin:0 0 0 10px; } span.textbox10 span.inner{background:url(../images/buttons/textbox10.gif) no-repeat right top; height:49px; display:block; padding-right:12px; float:left;} span.textbox10 select{ width:90%; margin:11px 0; border:0;} /*---- Textbox11 ----*/ span.textbox11{background:url(../images/buttons/textbox10.gif) no-repeat left top; height:49px; display:block; padding-left:10px; margin-bottom:10px; } span.textbox11 span.inner{background:url(../images/buttons/textbox10.gif) no-repeat right top; height:49px; display:block; padding-right:12px; float:left; width:470px;} span.textbox11 span.inner2{background:url(../images/buttons/textbox10.gif) no-repeat right top; height:49px; display:block; padding-right:12px; float:left; width:460px;} span.textbox11 span.inner3{background:url(../images/buttons/textbox10.gif) no-repeat right top; height:49px; display:block; padding-right:12px; float:left; width:445px;} span.textbox11 select{ width:90%; margin:11px 0; border:0;} span.textbox11 .textbox{ width:95%;; margin:11px 0; border:0;} span.textbox11 span.inner2 .textbox{ width:95%;; margin:11px 0; border:0;} span.textbox11 span.inner3 textarea{ width:400px;; margin:11px 0; border:0;} span.textbox11 span.inner3 .textbox{ width:95%;; margin:0px 0; border:0;} /*---- Textbox12 ----*/ .labelbox12{ font-weight:bolder; font-size:12px; width:60px;padding:11px 0; margin-left:50px;} span.textbox12 { background:url(../images/buttons/textbox6.png) no-repeat left top; height:38px; display:block; padding-left:12px; width:400px; margin-right:20px; } span.textbox12 span.inner { background:url(../images/buttons/textbox6.png) no-repeat right top; display:block; margin-right:-12px; position:relative; height:38px; padding-right:12px; width:400px; } span.textbox12 span.inner input { width:100%;border:0; background:none; padding:11px 0; } span.textbox12 select{ width:100%; margin:11px 0; border:0;} /*--textarea1--*/ span.textarea1, span.textarea1 span{display:block;} span.textarea1 span.textarea1-top{background:url(../images/boxes/textarea1-top-left.gif) no-repeat 0 bottom; padding-left:8px; height:8px; line-height:8px; } span.textarea1 span.textarea1-top span.top-right{background:url(../images/boxes/textarea1-top-right.gif) no-repeat right bottom; padding-right:8px; height:8px; line-height:8px; display:block;} span.textarea1 span.textarea1-top span.top-right span.top-middle{background:url(../images/boxes/textarea1-top-middle.gif) repeat-x 0 bottom; height:8px; line-height:8px; display:block;} span.textarea1 span.textarea1-middle{background:#fff; border:1px solid #d4e4f4; border-width:0 1px 0 1px; padding:0 10px;} span.textarea1 span.textarea1-bottom{background:url(../images/boxes/textarea1-bottom-left.gif) no-repeat 0 0; padding-left:8px; height:8px; line-height:8px;} span.textarea1 span.textarea1-bottom span.bottom-right{background:url(../images/boxes/textarea1-bottom-right.gif) no-repeat right 0; padding-right:8px; height:8px; line-height:8px;} span.textarea1 span.textarea1-bottom span.bottom-right span.bottom-middle{background:url(../images/boxes/textarea1-bottom-middle.gif) repeat-x 0 0; height:8px; line-height:8px;} span.textarea1 textarea.textarea{background:none; border:0;} /*--textarea10--*/ span.textarea10, span.textarea10 span{display:block;} span.textarea10 span.textarea10-top{background:url(../images/boxes/textarea1-top-left.gif) no-repeat 0 bottom; padding-left:8px; height:8px; line-height:8px; } span.textarea10 span.textarea10-top span.top-right{background:url(../images/boxes/textarea1-top-right.gif) no-repeat right bottom; padding-right:8px; height:8px; line-height:8px; display:block;} span.textarea10 span.textarea10-top span.top-right span.top-middle{background:url(../images/boxes/textarea1-top-middle.gif) repeat-x 0 bottom; height:8px; line-height:8px; display:block;} span.textarea10 span.textarea10-middle{background:#fff; border:1px solid #d4e4f4; border-width:0 1px 0 1px; padding:0 10px;} span.textarea10 span.textarea10-middleH{background:#fff; border:1px solid #d4e4f4; border-width:0 1px 0 1px; padding:0 10px; height:100px;} span.textarea10 span.textarea10-bottom{background:url(../images/boxes/textarea1-bottom-left.gif) no-repeat 0 0; padding-left:8px; height:8px; line-height:8px;} span.textarea10 span.textarea10-bottom span.bottom-right{background:url(../images/boxes/textarea1-bottom-right.gif) no-repeat right 0; padding-right:8px; height:8px; line-height:8px;} span.textarea10 span.textarea10-bottom span.bottom-right span.bottom-middle{background:url(../images/boxes/textarea1-bottom-middle.gif) repeat-x 0 0; height:8px; line-height:8px;} span.textarea10 textarea.textarea{background:none; border:0; width:470px;} span.textarea10 textarea.textarea2{background:none; border:0; width:445px;} /*---- Textbox13 ----*/ span.textbox13{background:url(../images/buttons/textbox10.gif) no-repeat left top; height:49px; display:block; padding-left:12px; width:185px; } span.textbox13 span.inner{background:url(../images/buttons/textbox10.gif) no-repeat right top; height:49px; display:block; padding-right:12px;} span.textbox13 select{ width:100%; margin:11px 0; border:0;} /*----textbox14-----*/ span.textbox14{background:url(../images/buttons/textbox10.gif) no-repeat left top; height:49px; display:block; padding-left:12px; width:185px; margin-left:50px; } span.textbox14 span.inner{background:url(../images/buttons/textbox10.gif) no-repeat right top; height:49px; display:block; padding-right:12px;} span.textbox14 select{ width:100%; margin:11px 0; border:0;} /*---- Submit buttons ----*/ input.submit-btn1 { background:url(../images/buttons/submit-btn1.png) no-repeat 0 0; display:block; height:32px; width:159px; border:0; cursor:pointer; } input.submit-btn2 { background:url(../images/buttons/submit-btn2.png) no-repeat 0 0; display:block; height:37px; width:186px; border:0; cursor:pointer; } input.submit-btn3 { background:url(../images/buttons/submit-btn3.png) no-repeat 0 0; display:block; height:27px; width:79px; border:0; cursor:pointer; } input.submit-btn4 { background:url(../images/buttons/submit-btn4.png) no-repeat 0 0; display:block; height:34px; width:132px; border:0; cursor:pointer; } input.submit-btn5 { background:url(../images/buttons/submit-btn5.png) no-repeat 0 0; display:block; height:61px; width:261px; border:0; cursor:pointer; } input.submit-btn6 { background:url(../images/buttons/submit-btn6.png) no-repeat 0 0; display:block; height:65px; width:314px; border:0; cursor:pointer; } input.submit-btn7 { background:url(../images/buttons/submit-btn7.png) no-repeat 0 0; display:block; height:41px; width:150px; border:0; cursor:pointer; } input.submit-btn8 { background:url(../images/buttons/submit-btn8.gif) no-repeat 0 0; display:block; height:30px; width:135px; border:0; cursor:pointer; } input.submit-btn9 { background:url(../images/buttons/submit-btn9.png) no-repeat 0 0; display:block; height:47px; width:166px; border:0; cursor:pointer; } /*------------------------------------------ // 4.1 INDEX PAGE SPECIFIC STYLES //------------------------------------------*/ /*---- Banner ---*/ div#banner { background:#0c2c4e url(../images/company-info-bg.gif) repeat-x left bottom; padding:21px 0 11px 0; min-width:967px; } div#banner div#statement { width:444px; float:left; } div#banner div#statement div.box1 { margin-bottom:16px; } div#banner div#statement h1 { font-size:200%; color:#fff; line-height:1.4em; } div#banner div#statement p { font-size:140%; line-height:1.7em; color:#fff; padding:0 8px 0 8px; } div#banner div#statement p a { color:#a0ceff; } div#banner div#statement p span {color:#f2c700; font-family:Arial; } div#banner div#services { width:486px; float:right; background:url(../images/glow1-bg.png) no-repeat 0 0; min-height:245px; } div#banner div#services ul.list3 li { float:left; width:186px; padding:4px 5px 1px 52px; margin-bottom:33px;} div#banner div#services ul.list3 li.emarketing { background:url(../images/services/mail.png) no-repeat 0px 0px; } div#banner div#services ul.list3 li.imanagement { background:url(../images/services/imgmnt.png) no-repeat 0px 0px; } div#banner div#services ul.list3 li.seo { background:url(../images/services/seo.png) no-repeat 0px 0px; } div#banner div#services ul.list3 li.web { background:url(../images/services/web.png) no-repeat 0px 0px; } div#banner div#services ul.list3 li.finance { background:url(../images/services/finance.png) no-repeat 0px 0px; } div#banner div#services ul.list3 li.social { background:url(../images/services/social.png) no-repeat 0px 0px; } /*---- Dashboard ----*/ div#dashboard { margin:0 49px 20px 20px; } div#dashboard div.box3 { margin-bottom:20px; } div#dashboard div#registered-users { float:left; } div#dashboard div#registered-companies { float:right; } div#dashboard h1 { color:#bababa; font-size:300%; line-height:1.2em; margin-bottom:15px; } div#dashboard ul.list4, div#dashboard ul.list5 { margin-left:12px; } div#dashboard a.button1, div#dashboard a.button2 { width:195px; } div#dashboard h2 { color:#bdbdbd; font-size:190%; line-height:1.2em; margin-bottom:20px; padding-left:8px; } /*---- Dashboard - Opportunities ----*/ div#opportunities { width:437px; float:left; } div#opportunities div.box4-content { padding:0 34px 1px 23px; } div#opportunities div.box2 { margin-bottom:15px; } div#opportunities div.last { margin-bottom:0; } div#opportunities div.box2-content { padding:0 10px 1px 25px; } div#opportunities div.box2 img { float:left; } div#opportunities div.description { float:right; width:265px; } div#opportunities h3 { color:#2a75c5; font-size:120%; line-height:1.2em; margin-bottom:5px; } div#opportunities h3 a { color:#2a75c5; } div#opportunities p { font-size:120%; color:#494949; line-height:1.2em; margin-bottom:5px; } div#opportunities p a { color:#494949; font-weight:bold; text-decoration:underline; } div#opportunities p a:hover { text-decoration:none; } div#opportunities div.lastproducts{padding:10px 3px 10px 3px ;} div#opportunities div.imagelp{float:left;height:100%;} div#opportunities div.imagelp img{ width:52px;} div#opportunities div.cuerpolp{float:left; padding-left:6px; width:300px; word-wrap:break-word} /*----Dashboard - Promotions ----*/ div#promotions { width:437px; float:right; } div#promotions ul.list6 li { } /*---- Partners ----*/ div#partners { margin:0 0px 30px 0; } div#partners h2 { color:#b5b5b5; font-size:230%; font-family:Arial; line-height:1.2em; padding:6px; border:1px solid #eaeaea; border-width:1px 0 1px 0; margin-bottom:25px; font-weight:normal; } /*---- sitemap ----*/ div#sitemap { background:#e9e9e9 url(../images/content/sitemap-bg.gif) repeat-x 0 0; padding:18px 0 0 20px; } div#sitemap div.section1 { float:left; margin-right:20px; width:221px; } div#sitemap div.last { margin-right:0; } div#sitemap h2 { color:#3b3b3b; font-size:140%; line-height:1.2em; margin-bottom:20px; } /*------------------------------------------ // 4.2 PRODUCT-LIST PAGE SPECIFIC STYLES //------------------------------------------*/ /*---- product-list - Section2 - Info ---*/ body.product-list div.section2 div.info, body.service-list div.section2 div.info, body.user-list div.section2 div.info { float:left; width:107px; } body.product-list div.section2 div.info div.box7, body.service-list div.section2 div.info div.box7, body.user-list div.section2 div.info div.box7 { margin-bottom:-5px; } /*---- product-list - Section2 - Details ---*/ body.product-list div.section2 div.details, body.service-list div.section2 div.details { width:182px; } /*------------------------------------------ // 4.3 USER-LIST PAGE SPECIFIC STYLES //------------------------------------------*/ /*---- users - Section2 - Details---*/ body.user-list div.section2 div.details { width:300px; } /*---- users - Search result---*/ div#users-search-result { padding:0 48px 0 16px; margin-bottom:12px; } div#users-search-result p.error { font-size:140%; line-height:1.2em; margin-bottom:24px; color:#fff; padding-left:15px; background:url(../images/buttons/error1-bg.png) no-repeat 0 4px ;} div#users-search-result div.search-form2 { margin-bottom:16px; } div#users-search-result div.search-form2 p { float:left; color:#fff; font-size:120%; line-height:34px; width:90px; margin-right:5px; } div#users-search-result div.search-form2 span.textbox3 { float:left; margin-right:27px; width:166px; } div#users-search-result div.search-form2 input.submit-btn4 { float:left; } /*------------------------------------------ // 4.4 STEP1 PAGE SPECIFIC STYLES //------------------------------------------*/ /*---- Steps ---*/ body.step1 div#steps ul li.step1 span.step-no { background:url(../images/buttons/steps-active.png) no-repeat 0 0; } /*---- Registration-form ---*/ body.step1 div.registration-form { padding:33px 0 20px 137px; width:615px; } body.step1 div.registration-form label { display:block; margin-bottom:8px; font-size:210%; color:#3d3d3d; line-height:1.2em; padding-left:10px; } body.step1 div.registration-form span.textbox4 { margin-bottom:24px; } body.step1 div.registration-form p { color:#949494; font-size:130%; line-height:1.2em; margin-bottom:38px; } body.step1 div.registration-form p input { margin-right:10px; } body.step1 div.registration-form p a { color:#949494; text-decoration:underline; } /*---- Footer-wrapper ---*/ body.step1 div#footer div.wrapper, body.step2 div#footer div.wrapper, body.registering div#footer div.wrapper, body.login div#footer div.wrapper, body.step3 div#footer div.wrapper, body.inner div#footer div.wrapper, body.blog div#footer div.wrapper { border-top:1px solid #e4e4e4; } /*------------------------------------------ // 4.5 REGISTERING SYSTEM PAGE SPECIFIC STYLES //------------------------------------------*/ /*---- Steps ---*/ body.registering div#steps ul li.step2 span.inner, body.registering div#steps ul li.step3 span.inner, body.registering div#steps ul li.step4 span.inner { color:#030303; background:transparent url(../images/buttons/button7.png) repeat-x scroll 0 -42px; } body.registering div#steps ul li.step2 span.step-no, body.registering div#steps ul li.step3 span.step-no, body.registering div#steps ul li.step4 span.step-no { background:url(../images/buttons/steps-active.png) no-repeat 0 -60px; } body.registering div#steps ul li.step4 { background:url(../images/buttons/button7.png) no-repeat 100% -84px; padding-right:10px; } .box2 { padding:0 120px 0 174px; margin-bottom:30px; } .box2 h2 { background:url(../images/buttons/tick-mark.gif) no-repeat 0 0; padding-left:45px; line-height:37px; font-size:230%; color:#343c43; font-weight:normal; margin:0 0 12px 20px; } .box2 p { color:#8a8a8a; font-size:130%; line-height:1.2em; margin-bottom:30px; } .box2 div.loading { text-align:center; padding-right:80px; } .box2 div.loading img { margin-bottom:15px; } .box2 div.loading p { color:#343c43; font-size:160%; line-height:1.2em; margin-bottom:10px; font-weight:bold; } /*------------------------------------------ // 4.6 STEP2 PAGE SPECIFIC STYLES //------------------------------------------*/ /*---- Steps ---*/ body.step2 div#steps ul li.step2 span.inner { color:#030303; background:transparent url(../images/buttons/button7.png) repeat-x scroll 0 -42px; } body.step2 div#steps ul li.step2 span.step-no { background:url(../images/buttons/steps-active.png) no-repeat 0 -20px; } /*---- Box9 ---*/ body.step2 div.box9 { margin-bottom:44px; } body.step2 div.box9-content { padding:24px 45px 1px 35px; } body.step2 div.box9 h2 { font-size:280%; line-height:1.2em; margin-bottom:15px; text-align:center; font-weight:normal; } body.step2 div.box9 p { color:#9e9e9e; font-size:140%; line-height:1.2em; padding-bottom:13px; margin-bottom:13px; background:url(../images/dotted-bg.gif) repeat-x left bottom; text-align:center; } body.step2 div.box9 div.images { width:200px; text-align:center; position:relative; margin-bottom:15px; } body.step2 ul.list9, body.step2 ul.list10 { margin-left:53px; } body.step2 div.box9 a.button9, body.step2 div.box9 a.button10 { width:210px; margin-left:75px; } /*---- Users - Registration ---*/ body.step2 div#user-registration { width:373px; float:left; } body.step2 div#user-registration h2 { color:#a92e1a; } body.step2 div#user-registration div.images { margin-left:90px; } body.step2 div#user-registration div.images a.previous { position:absolute; background:url(../images/buttons/arrows3.jpg) no-repeat left top; width:77px; height:137px; top:20px; left:-110px; text-decoration:none; display:block; } /*---- Company - Registration ---*/ body.step2 div#company-registration { width:373px; float:right; } body.step2 div#company-registration div.images { margin-left:70px; } body.step2 div#company-registration div.images a.next { position:absolute; background:url(../images/buttons/arrows3.jpg) no-repeat right top; width:77px; height:137px; top:20px; right:-130px; text-decoration:none; display:block; } /*------------------------------------------ // 4.6 LOGIN TYPE SYSTEM PAGE SPECIFIC STYLES //------------------------------------------*/ /*---- Login ---*/ body.login div#content h1 { margin-bottom:24px; } div#login { width:674px; float:left; margin-bottom:24px; } div#login h2 { height:49px; margin:0 0 0 30px; padding:0 0 0 28px; background:url(../images/buttons/button11.png) no-repeat 0 0; float:left; } div#login h2 span { display:block; padding:0 75px 0 20px; line-height:49px; font-size:180%; background:url(../images/buttons/button11.png) no-repeat 100% 0; color:#fff; margin-right:-28px; position:relative; float:left; } div#login div.box10 { clear:both; } div#login label { color:#404a52; font-size:200%; line-height:1.2em; margin-bottom:12px; display:block; padding-left:14px; } div#login span.textbox5 { margin-bottom:40px; } div#login input.submit-btn6 { margin-bottom:35px; } div#login p.forget-password { font-size:130%; color:#9c9c9c; line-height:16px; margin-left:12px; background:url(../images/buttons/key2.png) no-repeat 0 0; padding-left:25px; } div#login p.forget-password a { color:#9c9c9c; text-decoration:underline; } /*---- New-User ---*/ div#new-user { width:245px; float:right; padding-top:20px; margin-right:-45px; position:relative; } div#new-user h2 { color:#2071c8; font-size:180%; line-height:1.2em; margin-bottom:16px; } div#new-user p { color:#515151; font-size:130%; line-height:26px; margin-bottom:15px; } div#new-user p a { color:#4d9ae1; text-decoration:underline; } div#new-user p a:hover { text-decoration:none; } div#new-user a.button12 { width:175px; } /*------------------------------------------ // 4.6 STEP3 TYPE SYSTEM PAGE SPECIFIC STYLES //------------------------------------------*/ /*---- heading ---*/ div.heading { margin-bottom:10px; } div.heading div.box11 { background:url(../images/boxes/box11-right.png) no-repeat right top; height:62px; width:490px; float:left; padding:33px 0 0 33px; margin-right:28px; } div.heading div.box11 h1 { height:0; width:398px; padding-top:42px; overflow:hidden; background:url(../images/content/registro-de-usarios.png) no-repeat 0 0; } body.step3 div.heading h2 { color:#1867bc; font-size:190%; line-height:1.2em; float:left; font-weight:normal; padding-top:42px; } /*---- Steps ---*/ body.step3 div#steps ul li.step2 span.inner, body.step3 div#steps ul li.step3 span.inner { color:#030303; background:transparent url(../images/buttons/button7.png) repeat-x scroll 0 -42px; } body.step3 div#steps ul li.step2 span.step-no { background:url(../images/buttons/steps-active.png) no-repeat 0 -60px; } body.step3 div#steps ul li.step3 span.step-no { background:url(../images/buttons/steps-active.png) no-repeat 0 -40px; } /*---- Form ---*/ body.step3 div.form p { margin-bottom:13px; } body.step3 div.form p.user-name { margin-bottom:57px;} body.step3 div.form p.user-name label { margin-right:13px; } body.step3 div.form p.user-name span.mail { font-size:140%; line-height:38px; } body.step3 div.form p.user-name span.textbox6 { width:168px; margin-right:20px; } body.step3 div.form p label { display:block; float:left; line-height:38px; color:#303030; font-size:140%; width:133px; text-align:right; margin-right:13px; } body.step3 div.form p span.textbox6 { float:left; width:302px; } body.step3 div.form input.submit-btn7 { margin:0 0 20px 146px; } /*---- FAQ ---*/ body.step3 div#faq { margin-bottom:21px; } body.step3 div#faq h2 { color:#b2c4d7; font-size:250%; line-height:1.3em; margin-bottom:14px; padding-left:5px; } /*---- Inside-negofeed ---*/ div#inside-negofeed { margin-bottom:22px; } div#inside-negofeed div.box13-top-middle h2 { line-height:38px; font-size:120%; padding-left:8px; color:#131313; } /*------------------------------------------ // 4.6 USERS PAGE SPECIFIC STYLES //------------------------------------------*/ /*---- Business Card ---*/ div#business-card { margin-bottom:14px; } div#business-card h3 { color:#fff; font-size:140%; line-height:45px; } /*---- Business Card - Contact-info --*/ div#business-card div.contact-info { float:left; width:409px; padding:0 20px 1px 0; } body.users div#content div#business-card div.contact-info h1 { color:#000; font-size:340%; line-height:1.2em; font-weight:normal; background:none; padding:0; } body.users div#content div#business-card div.contact-info h2 { color:#5697dd; line-height:1.2em; font-size:180%; font-weight:normal; margin-bottom:20px; padding:0; background:none; } div#business-card div.contact-info p { color:#000; line-height:2em; font-size:120%; } div#business-card div.contact-info p a { color:#ff8400; text-decoration:underline; font-weight:bold; } /*---- Business Card - Office-info --*/ div#business-card div.office-info { float:right; width:180px; padding:0 7px 1px 7px; } div#business-card div.office-info img { margin-bottom:5px; } div#business-card div.office-info p.executive { margin:0 0 35px 20px; } div#business-card div.office-info p.executive a { padding-left:23px; font-size:120%; line-height:1.2em; display:block; background:url(../images/buttons/executive-bg.gif) no-repeat 0 0; color:#d8d8d8; } /*---- Links---*/ div.links { margin-bottom:32px; } div.links a { margin-right:23px; width:125px; } /*---- Users headings ---*/ body.users div#content div#main h2 { color:#7b7b7b; font-size:130%; line-height:39px; padding:0 14px; background:url(../images/buttons/bar2-bg.gif) repeat-x left top; margin-bottom:1px; } /*---- User image ---*/ body.users div#sidebar div#user-image { text-align:center; margin-bottom:12px; } body.users div#sidebar div#user-image img { border:1px solid #8fb8e5; } /*---- Gallery ---*/ div#sidebar div#gallery { width:180px; margin:0 auto 21px auto; position:relative; height:71px; } div#sidebar div#gallery ul li { float:left; width:83px; height:71px; margin-right:14px; } /*------------------------------------------ // 4.6 INNER PAGE SPECIFIC STYLES //------------------------------------------*/ /*---- Two-column-section3 - Column2 - Image ---*/ div.two-column-section3 div.column2 div.image { height:274px; width:438px; border:3px solid #d0e0ed; border-width:0 3px 3px 0; margin-bottom:15px; } div.two-column-section3 div.column2 h2 { color:#1c7be0; font-size:230%; line-height:29px; border-bottom:1px solid #c5c5c5; padding:0 7px; margin-bottom:20px; } /*---- Two-column-section3 - Column2 - Gallery ---*/ div.two-column-section3 div#gallery { width:362px; margin:0 auto 18px auto; position:relative; } div.two-column-section3 div#gallery ul li { float:left; margin-right:10px; width:114px; height:77px; } /*---- Two-column-section3 - Column2 - User - Controls ---*/ div.two-column-section3 div.user-controls { padding-right:10px; margin-bottom:65px; } div.two-column-section3 div.user-controls p { float:left; line-height:15px; font-size:150%; color:#a7a7a7; padding-top:12px; margin:0; } div.two-column-section3 div.user-controls span.rating { float:left; width:71px; height:15px; display:block; background:url(../images/buttons/rating2.png) no-repeat left top; margin-right:9px; } div.two-column-section3 div.user-controls span.rating span { height:15px; display:block; background:url(../images/buttons/rating2.png) no-repeat 0 -15px; } div.two-column-section3 div.user-controls a.button18 { float:right; width:165px; } /*---- Two-column-section3 - Column2 - Twitter ---*/ div.two-column-section3 div#twitter, div.two-column-section3 div#facebook { margin-bottom:10px; } div.two-column-section3 div#twitter h2 a { display:block; width:135px; height:29px; float:right; background:url(../images/buttons/follow-twitter.gif) no-repeat 0 0; text-decoration:none; } /*---- Two-column-section3 - Column2 - Facebook ---*/ div.two-column-section3 div#facebook img { border:1px solid #94a3c4; margin-left:10px;} /*---- Comments ----*/ body.inner div#comments { float:left; width:478px; } body.inner div#content div#comments h2 { color:#272727; line-height:1.2em; font-size:150%; margin-bottom:15px; font-weight:normal; padding-left:12px; } body.inner div#content div#comments h2 span { color:#1d6dc3; font-weight:bold; } body.inner div#comments div.comment { margin-bottom:20px; } body.inner div#comments div.comment p { color:#000; font-size:130%; line-height:24px; margin-bottom:10px; } /*---- Comments - Pagination ---*/ div#comments div.pagination { margin-bottom:10px; } div#comments div.pagination a { display:block; float:left; margin-right:5px; color:#989898; font-size:150%; height:33px; line-height:33px; padding-left:8px; background:url(../images/buttons/button19.gif) no-repeat -1000px top; text-decoration:none; } div#comments div.pagination a span { display:block; padding:0 18px 0 10px; background:url(../images/buttons/button19.gif) no-repeat -1000px top; text-align:center; } div#comments div.pagination a.active, div#comments div.pagination a:hover { background-position:left top; color:#9c9c9c; } div#comments div.pagination a.active span, div#comments div.pagination a:hover span { background-position:right top; } /*---- Messsage - Form ----*/ div#message-form { float:right; width:347px; } div#message-form label { display:block; color:#a4a4a4; font-size:150%; line-height:1.2em; padding-left:8px; margin-bottom:5px; } div#message-form span.textbox7 { margin-bottom:15px; } div#message-form textarea { width:100%; border:0; background:none; } div#message-form input.submit-btn8 { float:right; } /*----Message - Unread----*/ .unread{font-weight:900;} /*------------------------------------------ // 4.6 BLOG INNER PAGE SPECIFIC STYLES //------------------------------------------*/ /*---- Ads ----*/ div.ads { margin-bottom:30px; padding-left:18px; } /*---- Categories ----*/ div#categories { clear:both; margin-bottom:20px; } div#categories p { color:#606060; line-height:1.2em; font-size:150%; } div#categories p a { color:#606060; text-decoration:underline; } div#categories p span { display:block; float:left; margin:0 20px 20px 0; font-size:80%; } div#categories div.box4-content { position:relative; padding-bottom:10px; z-index:10; } div#categories img.tag { position:absolute; border:0; bottom:-5px; right:18px; margin:0; } /*---- Comment-section - Comments ---*/ body.blog div#comment-section { margin-bottom:20px; } body.blog div#comment-section div.comments { width:260px; float:left; } body.blog div#comment-section div.comments div.comment { margin-bottom:15px; } body.blog div#comment-section div.comments div.box2 { margin-bottom:5px; } body.blog div#comment-section div.comments p { color:#838383; font-size:110%; line-height:16px; margin-bottom:0; } body.blog div#comment-section div.comments div.box2-content { padding:0 10px; position:relative; margin:-5px 0; height:1%; z-index:10; } body.blog div#comment-section div.comments div.box2-content img { border:0; margin:0; position:absolute; bottom:-28px; right:40px; } body.blog div#comment-section div.comments h4 { padding-left:10px; } body.blog div#comment-section div.comments p.datestamp { padding-left:10px; color:#232323; } /*---- Comment-section - Comment - Form ---*/ body.blog div#comment-section div.comment-form { width:302px; float:right; } div#comment-section div.comment-form label { color:#004b9c; font-size:120%; line-height:1.2em; display:block; margin-bottom:10px; padding-left:4px; } div#comment-section div.comment-form div.box2 { margin-bottom:12px; } div#comment-section div.comment-form div.box2-content { padding:0 10px 0 12px; margin:-5px 0; position:relative; z-index:10; } div#comment-section div.comment-form textarea { width:99%; border:0; background:none; margin:0; } div#comment-section div.comment-form div.submit-btn { background:url(../images/content/button-bg.gif) no-repeat 0 0; height:65px; width:222px; margin:0 0 0 -5px; position:relative; } div#comment-section div.comment-form div.submit-btn input { margin:0 auto; } /*---- Three-column-section - Column2 - Widget ----*/ div.three-column-section div.column2 div.widget h2 { color:#fff; padding:11px 0 7px 0; line-height:1.2em; text-align:center; background:#1f70c7; font-size:120% } /*---- Three-column-section - Column3 - Widget ----*/ div.three-column-section div.column3 div.widget { background:#ebf2fa; padding-bottom:1px; } div.three-column-section div.column3 div.widget h2 { color:#1f70c7; font-size:140%; padding:0 10px 0 16px; line-height:38px; background:url(../images/buttons/button21.gif) repeat-x 0 0; margin-bottom:13px; } /*---- Three-column-section - Column2 - Opinion ----*/ div.three-column-section div.column3 div.widget div.opinion { margin:0 13px 22px; } div.three-column-section div.column3 div.widget div.opinion div.box19 { background:#cbe0f7; position:relative; padding:8px 5px 8px 8px; margin-bottom:10px; } div.three-column-section div.column3 div.widget div.opinion p { color:#4e5b6a; font-size:100%; line-height:13px; } div.three-column-section div.column3 div.widget div.opinion div.box19 img { position:absolute; bottom:-21px; left:30px; width:13px; height:21px; } div.three-column-section div.column3 div#opinion.widget p.author { text-align:right; color:#10345b; padding-right:5px; font-size:110%; } div.three-column-section div.column3 div#opinion.widget p.author a { color:#10345b; } /*------------------------------------------ // 4.6 PROFILE INNER PAGE SPECIFIC STYLES //------------------------------------------*/ body.profile div#content div.wrapper{width:990px;} body.profile div#content { background:#fff repeat-x 0 0; padding:8px 0 1px 0; } body.profile div#footer div.wrapper{border-top:1px solid #e4e4e4;} body.profile div.profile{padding-top:10px;} div.profile div.my-menu{margin-bottom:12px;} div.profile div.profile-image{position:relative; margin-bottom:5px; padding-left:5px; width:266px;} div.profile div.profile-image img{border:1px solid #1562b6;} div.profile div.profile-image a{display:block; background:#1462b6; border:1px solid #63a5ed; border-width:1px 0 0 1px; line-height:22px; padding:0 7px; bottom:1px; right:0; color:#fff; font-size:120%; position:absolute; } div.profile div.profile-image a span{display:block; background:url(../images/content/image-edit-bg.gif) no-repeat left center; padding-left:18px;} div.profile div.profile-image a:hover{text-decoration:none;} div.two-column-section4 div.column1 h1{ font-size:340%; font-weight:normal; margin-bottom:5px;} div.two-column-section4 div.column1 h2{ font-size:180%; font-weight:normal; margin-bottom:10px; color:#5697dd;} div.two-column-section4 div.column1 div.widget{margin-bottom:5px;} div.two-column-section4 div.column1 div.widget h3{background:url(../images/content/widget-h3-bg.gif) no-repeat 0 0; height:35px; padding:0 15px;} div.two-column-section4 div.column1 div.widget h3 a{color:#fff; font-size:160%; display:block; line-height:35px; font-weight:normal; padding-right:15px;} div.two-column-section4 div.column1 div.widget h3 a:hover{text-decoration:none;} /*-- Options ---*/ div#options ul.list20 li{background:none; margin-bottom:4px;} div#options ul.list20 li a{padding-bottom:4px;} div#options ul.list20 li a img{vertical-align:middle; margin-right:4px;} div#options ul.list20 li a:hover{text-decoration:none;} /*--- Calendar ---*/ div#calendar.widget h3{text-align:center; position:relative; background:url(../images/content/calender-h3-bg.gif) repeat-x 0 0; line-height:39px; height:39px; font-size:150%; color:#7a93af; font-weight:normal; margin-bottom:10px;} div#calendar.widget h3 a.next-btn, div#calendar.widget h3 a.previous-btn{display:block; position:absolute; z-index:10; width:34px; height:39px; padding:0;} div#calendar.widget h3 a.next-btn{background:url(../images/buttons/next-prev-btns.gif) no-repeat right top; right:0; top:0;} div#calendar.widget h3 a.previous-btn{background:url(../images/buttons/next-prev-btns.gif) no-repeat left top; left:0; top:0;} /*---notification ---*/ div#notification{position:relative; margin-bottom:10px;} div#notification a.close{display:block; position:absolute; z-index:10; right:15px; top:5px; font-size:100%; color:#bbd5f2;} div#notification a.close:hover{text-decoration:none;} div#notification p{background:url(../images/content/notification-p-bg.gif) no-repeat 0 0; padding-left:23px; color:#f4f9ff; font-size:130%; margin-bottom:20px; line-height:18px;} div#notification h2{color:#b6d9ff; font-size:210%; margin-bottom:10px; line-height:32px;} div#notification1 {margin-bottom:11px;} div#notification1 p{background:url(../images/content/notification1-p-bg.gif) no-repeat 0 0; padding-left:20px; line-height:16px; color:#16222f; font-size:120%; margin-bottom:5px;} div#notification1 p a{color:#2577ce; text-decoration:underline;} /*--- Personal-blog ---*/ div#personal-blog.box23, div#my-messages.box23{background:none; margin-bottom:5px; } div.box23 a.next-btn, div.box23 a.previous-btn{display:block; float:left; width:31px; height:28px;} div.box23 a.next-btn{background:url(../images/buttons/next-prev-btns2.gif) no-repeat 0 bottom;} div.box23 a.previous-btn{background:url(../images/buttons/next-prev-btns2.gif) no-repeat 0 0; margin-right:3px;} div.box23 div.tab-content{padding:9px 8px 22px 10px;} div.box23 div.tab-content h3{font-size:130%; color:#535353; margin-bottom:20px; font-weight:normal;} div.box23 a.more-lnk{font-size:130%; display:block; color:#2577ce; float:right;} div.box23 div#new-contacts{padding:8px 4px 22px 7px;} div#notification2{margin-bottom:9px;} div#notification2 p{color:#1562b6; font-size:110%; line-height:14px;} /*--- wall-form ---*/ div#wall-form{margin-bottom:8px;} div#wall-form span.textbox{background:url(../images/buttons/textbox13.gif) no-repeat 0 0; display:block; float:left; width:550px; height:49px; padding:20px 10px 0;} div#wall-form span.textbox input.textbox{background:none; border:0; width:100%; font-size:150%;} div#wall-form input.submit{background:url(../images/buttons/submit-btn10.gif) no-repeat 0 0; width:111px; height:69px; float:left; display:block; border:0; cursor:pointer;} /*--Main---*/ div.two-column-section4 div.column2 div.section{margin-bottom:7px;} /*--- Column3 ---*/ div.two-column-section4 div.column2 div.column3 h2{background:url(../images/content/column3-h2-bg.gif) no-repeat 0 0; line-height:33px; font-size:140%; font-weight:normal; padding-left:10px; margin-bottom:6px; color:#fff;} div#contact-n-crm {padding-top:5px;} div#contact-n-crm div.section{margin-bottom:9px; padding:0 10px;} div#contact-n-crm div.section div.image {margin-bottom:5px; border:1px solid #1765bb; background:#fff; padding:2px;height:auto;text-align:center;} div#contact-n-crm div.section div.image img{max-width:100;} div#contact-n-crm div.section h3{font-size:110%; color:#fff; line-height:14px;} div#contact-n-crm div.section p{font-size:110%; color:#fff; line-height:14px; margin-bottom:9px;} div#contact-n-crm div.section a.more-lnk {background:url(../images/content/card-bg.gif) no-repeat left center; color:#fff; font-size:100%; display:block; display:block; padding-left:16px; height:10px; width:60px; } div#contact-n-crm div.section a.more-lnk span{background:#91C0F3 url(../images/content/span-new-inner-bg.gif) repeat-x 0 bottom; display:block; line-height:10px; padding-right:5px; height:11px;} div#contact-n-crm div.section a.more-lnk:hover{text-decoration:none;} /*------------------------------------------ // 4.6 AGENDA INNER PAGE SPECIFIC STYLES //------------------------------------------*/ div#event-lists div.post{border-bottom:1px solid #90bdee; padding:0 5px 20px 10px; margin-bottom:14px;} div#event-lists div.post h3{font-size:140%; margin-bottom:2px; font-weight:normal;} div#event-lists div.post h3 a{color:#3687e1; text-decoration:underline;} div#event-lists div.post p{color:#9ba9b5; font-size:110%; line-height:19px;} div#event-lists div.post p a{color:#9ba9b5; font-weight:bold;} div#event-lists div.post ul.evet-details{float:right; width:272px; margin-bottom:12px;} div#event-lists div.post ul.evet-details li{list-style:none; margin-bottom:5px;} div#event-lists div.post ul.evet-details li span.tittle{color:#4d4d4d; width:125px; margin-right:10px; display:block; float:left;} div#event-lists div.post ul.evet-details li span.detail{float:left; display:block; width:135px; color:#3687e1;} div#event-lists div.post div.peoples-like{width:240px; float:left; padding-top:20px; margin-bottom:20px;} div#event-lists div.post div.peoples-like h5{color:#4d4d4d; font-size:110%; font-weight:normal; margin-bottom:10px;} div#event-lists div.post div.peoples-like img{margin-right:3px;} div#event-lists div.post div.peoples-like a{display:block; float:left; position:relative;} div#event-lists div.post div.peoples-like a span.name{display:block; position:absolute; height:35px; padding-left:10px; float:left; background:url(../images/content/name-bg.png) no-repeat 0 0; z-index:15; margin-right:5px; top:-45px; left:0;} div#event-lists div.post div.peoples-like a span.name span.inner{background:url(../images/content/name-bg.png) no-repeat right 0; line-height:35px; padding-right:10px; margin-right:-8px; position:relative; color:#fff; font-size:110%; height:35px; float:left;} div#event-lists div.post div.peoples-like a span.name span.arrow{position:absolute; width:25px; height:11px; position:absolute; display:block; z-index:16; top:35px; left:30px; background:url(../images/content/arrow.png) no-repeat 0 0;} div#event-lists div.post div.peoples-like a:hover{text-decoration:none;} /*------------------------------------------ // 4.6 Blog PAGE SPECIFIC STYLES //------------------------------------------*/ div#comment-form div.form ul li{list-style:none; margin-bottom:10px; padding:0 10px;} div#comment-form div.form ul li label{display:block; float:left; min-width:52px; font-size:120%; color:#3d3d3d; line-height:49px;} div#comment-form div.form ul li input.textbox{border:0; background:none; width:450px; padding-top:15px;} div#comment-form div.form ul li input.textbox2{border:0; background:none; width:430px; padding-top:15px;} div#comment-form div.form ul li textarea.textarea{width:532px; height:228px; border:1px solid #cccccc;} div#comment-camp div.form ul li{list-style:none; margin-bottom:5px; padding:0 10px;} div#comment-camp div.form ul li label{display:block; float:left;width:65px; font-size:120%; color:#3d3d3d; padding-top:15px;} div#comment-camp div.form ul li label.label2{display:block; float:left;width:65px;color:#3d3d3d; margin:2px 0 0 0; padding:3px 0 0 0;} div#comment-camp div.form ul li label.desc{display:block; float:left;width:150px; font-size:120%; color:#3d3d3d; padding-top:15px;} div#comment-camp div.form ul li input.textbox{border:0; background:none; width:420px; padding-top:10px;} div#comment-camp div.form ul li input.textbox2{border:0; background:none; width:190px; padding-top:10px;} div#comment-camp div.form ul li textarea.textarea{width:100%; height:228px; border:1px solid #cccccc;} .camp-inf{margin:4px 0px 2px 10px;font-size:12px} #prev_segmentacion{float:left;width:40%; border-width:2px; border-style:solid; min-height:60px; border-color:#09F; padding:4px;} .res_cabecera{ font-weight:bolder; border-bottom-width:medium; border-bottom-style:solid; height:10px; padding:3px; width:95%; margin-left:10px; margin-right:10px;} .res_cuerpo{padding:3px; width:95%; margin-left:10px; margin-right:10px;} .camp-numpers{font-size:36px; font-weight:bold; text-align:center; margin-top:8px; margin-bottom:8px;} .facdesc{float:left;width:320px; margin-left:1px; margin-right:1px; padding-left:3px; padding-right:12px;} .facsubdesc{float:left;width:320px; margin-left:1px; margin-right:1px; padding-left:12px; padding-right:3px;} .facun{float:left;width:90px; margin-left:1px; margin-right:1px; text-align:center} .facsalto{clear:both;border-bottom-width:1px; border-bottom-style:solid; padding-top:4px; margin-bottom:4px;} .campres{float:left;width:30%;margin-left:40px;} .campdat{float:left;width:60%} #slideenvios{padding-left:30px; padding-right:30px;} .camp-calendari{float:left; width:190px; margin-top:10px; margin-left:10px;} .camp-calendard{float:left; width:335px; margin-top:10px; margin-left:5px;} .cajaproducto{border-width:2px; border-style:solid; border-color:#cde5f8; background-color:#f5faff; padding:3px; margin:4px 0 0 20px; min-height:60px;} .cajaproducto-foto{float:left; margin:3px; width:55px;} .cajaproducto-texto{float:left; margin:3px; width:400px} .cajaproducto-titulo{font-size:12px;margin-bottom:4px; color:#09F;} .cajaproducto-desc{font-size:10px;} .cajaproducto-link{font-size:8px; text-align:right; color:#09F;} .img-prod-box{float:left;} .img-prod-actions{text-align:center;} .img-prod{width:80px; margin:10px;} .img-prod-last{float:left; width:80px; margin:10px 15px 10px 10px;} .img-prod img,.img-prod-last img{width:80px; cursor:pointer;} div.box28 div.post{padding:0 8px; margin-bottom:0;} div.box28 div.post h2{font-size:290%; border:0; line-height:33px; color:#3d3d3d; margin-bottom:10px;} div.box28 div.post h2 a{font-size:100%; color:#3d3d3d; } div.box28 div.post h2 a:hover{text-decoration:none;} div.box28 div.post p{font-size:120%;} div.box28 div.post p.last{margin-bottom:10px;} div.box28 div.post p a{color:#277ad7; text-decoration:underline;} div.box28 div.post img{border:0;} div.box28 div.post div.entry {padding:0 32px 1px 10px; } /*------------------------------------------ // 4.6 Profileeditar SPECIFIC STYLES //------------------------------------------*/ div#profileupdate-form div.section{border-bottom:1px solid #90bdee;} div#profileupdate-form div.section.last{border:0;} div#profileupdate-form div#notifications{padding:10px 0;} div#profileupdate-form div#notifications h3{background:url(../images/content/notification-h3-bg.jpg) no-repeat 0 0; padding-left:55px; line-height:37px; margin-left:15px; margin-bottom:15px; color:#1462b6; font-size:220%; font-weight:normal;} div#profileupdate-form div#account-data{padding:20px 0;} div#profileupdate-form div#account-data h3{background:url(../images/content/account-data-h3-bg.jpg) no-repeat 0 0; padding-left:42px; margin-left:15px; line-height:46px; color:#1462b6; font-size:220%; font-weight:normal;} div#profileupdate-form div#account-data.form1 ul li label{min-width:108px;} /*--form1--*/ div.form1 div.column1{width:277px; float:left;} div.form1 div.column2{width:252px; float:right;} div.form1 ul li{list-style:none; margin-bottom:10px; padding:0 10px; } div.form1 ul li label{display:block; float:left; width:54px; font-size:120%; color:#3d3d3d; line-height:49px; text-align:right; margin-right:6px;} div.form1 ul li span.textbox10{margin-left:0;} div.form1 ul li input.textbox{border:0; background:none; width:173px; padding-top:15px;} div#notifications.form1 ul li input.checkbox{margin-left:60px; display:block; float:left; margin-right:4px;} div#notifications.form1 ul li label{width:auto; line-height:19px; } div.form1 div.column2 fieldset{border:1px solid #dae3ed; width:242px; padding:20px 0; margin-bottom:30px;} div.form1 div.column2 fieldset legend{margin-left:45px; font-size:110%; display:block; } div.form1 div.column2 fieldset img{margin:0 auto; display:block;} div.form1 div.column2 ul li label{width:auto; float:none; margin-bottom:10px; text-align:left;} /*------------------------------------------ // 4.6 MESSAGES SPECIFIC STYLES //------------------------------------------*/ div.box27 h2 a.button28{font-size:80%; margin:13px 10px 0 0; width:auto;} div.box27 h2 a.button28 span{min-width:50px;} /*--Reply-form--*/ div.reply-form{padding:0 5px;} div.reply-form span.textbox{background:url(../images/buttons/textbox11.gif) no-repeat 0 0; float:left; width:411px; padding:0 10px; display:block; height:39px;} div.reply-form span.textbox input.textbox{background:none; border:0; padding-top:11px; color:#7397b9; font-size:100%; width:100%;} div.reply-form input.submit{float:left;} body.messages div.pagination2{padding-top:0;} div.pagination2 div.actions{width:310px; float:right;} div.pagination2 div.actions p{line-height:28px; font-size:130%;} div.pagination2 div.actions p select{width:175px; margin-left:10px;} /*--Message-send-form--*/ div#message-send-form div.form1 label{text-align:left} div#message-send-form div.form1 label.message{line-height:12px;} div#message-send-form div.form1 input.textbox {width:452px;} div#message-send-form div.form1 textarea.textarea{width:452px;} div.form1 ul li.names{padding-left:70px;} div.form1 ul li p.name-field{float:left; background:url(../images/content/name-field-bg.gif) no-repeat 0 0; padding-left:25px; margin-right:10px; position:relative;} div.form1 ul li p.name-field span{float:left; background:url(../images/content/name-field-bg.gif) no-repeat right 0; padding-right:25px; font-size:120%; color:#00295b; line-height:26px; height:26px;} div.form1 ul li p.name-field a.close-btn{display:block; position:absolute; top:8px; left:5px; background:url(../images/buttons/close-btn2.gif) no-repeat 0 0; z-index:10; width:9px; height:9px;} /*------------------------------------------ // 4.6 EDIT SPECIFIC STYLES //------------------------------------------*/ div#moreoptions ul.tab-strip5{float:right; width:440px; margin-top:20px;} div#moreoptions ul.tab-strip5 li{margin-right:5px;} div.form1 ul li p.notification{float:right; line-height:24px; font-size:110%; color:#535353; margin-right:7px;} div.form1 ul li p.notification a{text-decoration:underline; color:#535353;} div#invoice-form.form1 ul li label{width:70px;} div#invoice-form.form1 ul li input.textbox{width:436px;} div#invoice-form.form1 ul li.names{padding-left:87px;} /*--bill--*/ div.client-detail div.section{float:left; width:159px; background:#fff; border:1px solid #d1e2f0; padding:10px; margin:10px 5px 8px 0;} div.client-detail div.section.last{margin-right:0;} div.client-detail div.section p{color:#535353; font-size:120%; line-height:24px;} div.client-detail div.section p span{color:#2a68ff;} div.bill-detail{margin-bottom:10px;} div.bill-detail ul li{list-style:none; margin-bottom:15px; color:#535353; padding-left:10px; font-size:110%;} div.bill-detail ul li span.tittle{width:92px; float:left; margin-right:5px;} div.bill-detail ul li span.description{width:415px; float:left; font-weight:bold;} div.bill-detail a.user-controls{display:block; color:#2863ff; font-size:110%; float:right; text-decoration:underline; margin-right:3px;} /*------------------------------------------ // 4.6 ProductS PAGE SPECIFIC STYLES //------------------------------------------*/ body.products div.wrapper{width:990px; padding-top:10px;} /*---- Two-column-section5 ---*/ div.two-column-section5 { margin-bottom:20px; margin:0px auto; margin-bottom:20px; } div.two-column-section5 div#sidebar { width:172px; float:left; margin-right:12px; background-color: #F3F9FE; height:100% !important; min-height:100%; padding:10px;} div.two-column-section5 div#main { width:780px; float:left; } div.two-column-section5 h2{ font-size:310%; color:#1c7be0; margin-bottom:32px;} div.accordion1 h2 {background:url(../images/content/acordian1-h2-bg.gif) repeat-x left bottom; height:24px; color:#32465b; font-size:13px; margin-bottom:9px; padding:0px 12px;} div.accordion1 h2 a{ background:url(../images/content/acordian1-a-unactive-bg.png) no-repeat right top; display:block; color:#32465b; text-decoration:none; height:24px; line-height:18px;} div.accordion1 h2.active a, div.accordion1 h2.ui-state-active a{ background:url(../images/content/acordian1-a-active-bg.png) no-repeat right top;} div.accordion1 h2 a:hover{text-decoration:none;} /*---- Tabs ---*/ div#product-list{ padding-top:15px; margin-bottom:20px; } div#product-list h2{color:#1c7be0; font-size:180%; margin-bottom:8px; font-weight:normal; padding-left:8px;} div.product-list2 ul.tab-strip4 li a{padding:0px 30px;} ul.tab-strip4{ height:42px; position:relative; margin-bottom:14px;} ul.tab-strip4 li{ height:42px; float:left;} ul.tab-strip4 li a { display:block; background:#c8e0f5; float:left; line-height:42px; padding:0px 38px; color:#606060; font-size:140%; text-decoration:none} ul.tab-strip4 li a:hover, ul.tab-strip4 li.active a{background:url(../images/content/tabs4-a-hover.gif) repeat-x left top; text-decoration:none; color:#fff;} ul.tab-strip4 li.first{ background: url(../images/content/tabs4-left-bg.gif) no-repeat left top; padding-left:10px; height:42px; float:left} ul.tab-strip4 li.last{ background: url(../images/content/tabs4-right-bg.gif) no-repeat right top; padding-right:10px; height:42px; float:left} ul.tab-strip4 li.first a{ padding-left:30px; } ul.tab-strip4 li.last a{padding-right:30px;} ul.tab-strip4 li.first.active, ul.tab-strip4 li.first:hover { background: url(../images/content/tabs4-left-active-bg.gif) no-repeat left top; padding-left:10px; } ul.tab-strip4 li.last.active, ul.tab-strip4 li.last:hover{ background: url(../images/content/tabs4-right-active-bg.gif) no-repeat right top; padding-right:10px;} ul.tab-strip4 li.last:hover a{background:url(../images/content/tabs4-a-hover.gif) repeat-x left top; color:#fff;} div#product-list div.tab-content{ margin:0px; position:relative;} div#product-list div.tab-content div.pop-up{width:274px; height:225px; position:absolute; z-index:20; left:250px; top:200px;} div#product-list div.tab-content div.pop-up img{width:274px; height:225px;} div#product-list div.tab-content div.pop-up div.description{width:234px; height:185px; position:absolute; left:0; top:0; background:url(../images/content/list29-description-bg.png) repeat 0 0; z-index:30; padding:20px;} div#product-list div.tab-content div.pop-up div.description h3, ul.list30 li div.pop-up div.description h3{font-size:150%; color:#c8e0f5; line-height:16px; margin-bottom:5px;} div#product-list div.tab-content div.pop-up div.description p, ul.list30 li div.pop-up div.description p{font-size:110%; line-height:16px; color:#fff;} div#product-list div.tab-content div.pop-up div.description a.more-lnk, ul.list30 li div.pop-up div.description a.more-lnk{display:block; color:#2f7dd1;} /*------------------------------------------ // 4.6 PRODUCT-list2 PAGE SPECIFIC STYLES //------------------------------------------*/ div#product-list2{padding-right:76px;} div#product-list2 div.user-controls{margin-bottom:8px;} div#product-list2 div.user-controls div.tab-content{background:#e3effa; padding:8px 8px 8px 5px;} div#product-list2 div.user-controls div.actions select.selectbox{display:block; width:240px; float:right; height:25px; line-height:25px; color:#5c7287; font-size:110%;} div#product-list2 div.user-controls div.actions span, div#product-list2 div.user-controls div.actions a{display:inline-block; line-height:27px; margin-right:5px; color:#5c7287; font-size:110%;} div#product-list2 div.user-controls div.actions img{display:inline-block; margin-right:5px; vertical-align:middle;} div#product-list2 div.user-controls div.actions a:hover{text-decoration:none;} div#product-list2 div.filter{margin-bottom:20px;} div#product-list2 div.filter span{display:block; color:#5c7287; line-height:20px; font-size:110%; float:left; width:400px;} div#product-list2 div.filter ul{float:left; width:450px;} div#product-list2 div.filter ul li{list-style:none; display:inline; margin-right:40px; line-height:20px;} div#product-list2 div.filter ul li a{display:inline-block; color:#c7d0d9; font-size:110%; font-weight:bold; margin-right:5px;} div#product-list2 div.filter ul li a.up-btn{background:url(../images/buttons/up-down-btns.gif) no-repeat 0 0; width:10px; height:7px; display:inline-block; margin-right:2px;} div#product-list2 div.filter ul li a.down-btn{background:url(../images/buttons/up-down-btns.gif) no-repeat right 0; width:10px; height:7px; display:inline-block;} div#product-list2 div.filter ul li:hover a{color:#5c7287; text-decoration:none;} div#product-list2 div.filter ul li:hover a.up-btn{background:url(../images/buttons/up-down-btns.gif) no-repeat 0 -14px;} div#product-list2 div.filter ul li:hover a.down-btn{background:url(../images/buttons/up-down-btns.gif) no-repeat right -14px;} div#product-list2 div.filter a.next-btn{float:right; display:block; background:url(../images/buttons/next-prev-btns3.gif) no-repeat right 0; width:21px; height:21px; margin-left:6px;} div#product-list2 div.filter a.previous-btn{float:right; display:block; background:url(../images/buttons/next-prev-btns3.gif) no-repeat 0 0; width:21px; height:21px; margin-left:6px;} a.favorite-btn{background: url("../images/buttons/favorite-btn.gif") no-repeat scroll 0 0 transparent; display: block; width: 25px; height: 25px; } /*------------------------------------------ // 4.6 PRODUCT-INNER PAGE SPECIFIC STYLES //------------------------------------------*/ div#product-detail{padding:5px 10px 0 0;} div#product-detail h2{font-size:310%; color:#1c7be0; margin-bottom:10px;} div#product-detail div.images{float:left; margin-right:8px; width:290px;} div#product-detail div.details{width:458px; float:left;} div#product-detail div.slideshow{border:1px solid #9fa9b2; margin-bottom:4px; } div#product-detail div.slideshow div.slide{width:288px; height:auto; text-align:center; padding-top:5px; padding-bottom:5px;} div#product-detail div.slideshow div.thumbnails{padding:5px 8px; background:#e8ebee;} div#product-detail div.slideshow div.thumbnails ul {width:100%; overflow:hidden;} div#product-detail div.slideshow div.thumbnails ul li{list-style:none; float:left; padding-left:2px; padding-top:2px; border:1px solid #65a0f2; width:42px; height:42px; margin-right:4px; margin-left:4px;} div#product-detail div.slideshow div.thumbnails ul li img{display:block; width:40px; cursor:pointer;} div#product-detail div.slideshow div.thumbnails span.image-info{display:block; float:right; margin-right:10px; line-height:38px; color:#3d3d3d; font-size:140%;} div#product-detail div.images div.brand{border:1px solid #9fa9b2; margin-bottom:4px;} div#product-detail div.images div.comms{border:1px solid #9fa9b2; margin-bottom:4px; min-height:150px; padding:5px;} div#product-detail div.images div.comms .title{ padding:3px;} div#product-detail div.images div.comms .box{padding:3px;} div#product-detail div.images div.comms .box textarea{ width:98%; height:90px;} div#product-detail div.images div.vote{border:1px solid #9fa9b2; margin-bottom:4px; min-height:50px;} div#product-detail div.images div.vote .title{ padding:3px;} div#product-detail div.images div.vote .boxstar{ padding:3px 70px 3px 70px;} div#product-detail div.images div.vote .box{padding:3px;} div#product-detail div.images a.next-btn, div#product-detail div.images a.previous-btn{width:123px; height:40px; display:block; color:#fff; font-size:140%; text-align:center; line-height:40px; text-decoration:none;} div#product-detail div.images a.next-btn {background:url(../images/buttons/next-prev-btns4.jpg) no-repeat right 0; float:right; padding-right:10px;} div#product-detail div.images a.previous-btn {background:url(../images/buttons/next-prev-btns4.jpg) no-repeat 0 0; float:left; padding-left:10px;} div#product-detail div.details div.description{padding-left:15px; text-align:justify;} div#product-detail div.details h3{font-size:140%; color:#3d3d3d; font-weight:normal; padding-left:17px; line-height:31px; background:url(../images/content/product-details-h3-bg.gif) repeat-x 0 0; margin-bottom:20px; } div#product-detail div.details h4{font-size:180%; color:#3d3d3d; font-weight:normal; margin-bottom:7px;} div#product-detail div.details p{color:#3d3d3d; font-size:120%; line-height:20px; margin-bottom:8px;} div#product-detail div#order-form{background:#f3f9ff; border:1px solid #e3e3e3; padding:15px 13px; margin-bottom:12px;} div#product-detail div#order-form h5{font-size:120%; font-weight:normal; margin-bottom:8px;} div#product-detail div#order-form div.section1{width:103px; float:left;} div#product-detail div#order-form div.section1 span{display:block; color:#1c7be0; font-size:240%; line-height:28px;} div#product-detail div#order-form div.section2{width:320px; float:left; margin:0;} div#product-detail div#order-form input.textbox{float:left; width:145px; height:27px; line-height:27px; border:1px solid #dadada; display:block; padding:0 3px;} div#product-detail div#order-form input.submit{float:left; display:block; margin-left:8px;} div#product-detail div.technical-data ul li{list-style:none; margin-bottom:10px; padding-left:10px;} div#product-detail div.technical-data ul li span.title{display:block; float:left; width:180px; margin-right:10px; color:#3d3d3d; font-size:120%; font-weight:bold; line-height:14px;} div#product-detail div.technical-data ul li span.data{width:235px; float:left; color:#3d3d3d; font-size:120%; line-height:14px;} div#product-detail span.avalable{background:url(../images/content/avalable.gif) no-repeat 0 0; width:15px; height:13px; display:block;} div#product-detail span.not-avalable{background:url(../images/content/not-avalable.gif) no-repeat 0 0; width:17px; height:16px; display:block;} /*---------previsualizacion--------*/ /*----BoxCalendar----*/ .boxcalendar{padding:0 0px 1px ; width:286px;} .calendariodias{padding:4px 0px 1px ; width:286px;} .calendards{float:left;width:40px; background-color:transparent;background:url(../images/boxes/box23-top-middle.gif) repeat left; font-size:15px; font-weight:bolder; color:#FFF; text-align:center; padding:10px 0 10px 0} .calendardia, .calendardiafnsel{float:left;background-color:#e7eff7;width:36px;height:18px;margin:1px; padding-top:4px;font-size:10px;font-weight:bold;color:#000;text-align:center;alignment-adjust:middle; border-style:solid; border-color:#09F; border-width:1px;} .calendardiain{float:left;background-color:#FFF;width:36px;height:18px;margin:1px; padding-top:4px;font-size:10px;color:#000;text-align:center;alignment-adjust:middle; border-style:solid; border-color:#FFF; border-width:1px;} .calendardiafsel{cursor:pointer;float:left;background-color:#e7eff7;width:36px;height:18px;margin:1px; padding-top:4px;font-size:12px;font-weight:bold;color:#03C;text-align:center;alignment-adjust:middle; border-style:solid; border-color:#09F; border-width:1px;} .calendardiasel{cursor:pointer;float:left;background-color:#e7eff7;width:36px;height:18px;margin:1px; padding-top:4px;font-size:12px;font-weight:bold;color:#900;text-align:center;alignment-adjust:middle; border-style:solid; border-color:#09F; border-width:1px;} .calendarhoy{border-style:solid; border-color:#900; border-width:2px; width:34px; height:16px;} #checkcalfriends{cursor:pointer;width:280px;text-align:center;color:#FFF;font-size:9px;margin-top:5px;background-color:#09F;} /*----Calendar--------*/ /*-----modal list----*/ #friendlistmodal{border-style:solid; border-color:#09F;padding:3px; border-width:3px; width:586px; margin-top:10px; margin-bottom:10px; alignment-adjust:central;} .friendmarco{float:left;width:110px;height:120px;text-align:center;border-style:solid;border-color:transparent;border-width:2px; margin:1px;} .fns{border-color:#999} .flts{cursor:pointer} .fcheck{ border-color:#0F0} .froll{ border-color:#F00;} .nombreperfil{font-size:9px;} .eventdesc{ text-align:justify; font-size:14px; padding:10px;} .event-fecha{ text-align:justify; font-size:14px; padding:10px;} .event-link{ text-align:right; width:538px;font-size:12px; padding:10px;} .socialimg{ padding-top:9px;} .dropdownmenu{ width:20px; margin-top:10px; cursor:pointer;} .fulltextarea{ width:510px; height:200px; border:none;} .misdatos{margin-bottom:5px;} .tdatos{width:25%;float:left;color: #5697dd;line-height:1.2em;} .ddatos{width:75%;float:left;} .vpimgp{cursor:pointer;} .productrate { float:right; width:71px; height:15px; display:block; background:url(../images/buttons/rating2.png) no-repeat left top; } .productrate span { float:left; height:15px; display:block; background:url(../images/buttons/rating2.png) no-repeat 0 -15px; } .mailconfirmation{ font-size:180%;color:#949494; font-weight:bolder; line-height:40px;} .checkst{padding-left:10px;} .errorimg{ cursor:help; padding-top:6px;} .errortext{color:#949494 !important;font-size:12px !important; padding-bottom:6px;; !important; height:100%;margin:8px 0px 8px 0px !important;} .catadesc p.tit{color:#000 !important;font-size:14px !important; padding-left:20px;; !important; height:100%;margin:8px 0px 8px 0px !important; line-height:14px;} .catadesc p.cue{color:#949494 !important;font-size:12px !important; padding-left:30px;; !important; height:100%;margin:4px 0px 4px 0px !important; line-height:14px;} .link{color:#2577ce;} /*------------overlay---------*/ .modal {background-color:#fff;display:none;width:400px;padding:15px;text-align:left;border:2px solid #333;opacity:0.8;-moz-border-radius:6px;-webkit-border-radius:6px;-moz-box-shadow: 0 0 50px #ccc;-webkit-box-shadow: 0 0 50px #ccc;} .modal h2 {padding:0px 0px 0px 5px;border-bottom:1px solid #333;font-size:20px;} /*------------star rating---------*/ .star-rating,.star-rating a:hover,.star-rating a:active,.star-rating a:focus,.star-rating .current-rating{background: url(../images/content/star.gif) left -1000px repeat-x;} .star-rating{position:relative;width:125px;height:25px;overflow:hidden;list-style:none;margin:0;padding:0;background-position: left top;} .star-rating li{display: inline;} .star-rating a,.star-rating .current-rating{position:absolute;top:0;left:0;text-indent:-1000em;height:25px;line-height:25px;outline:none;overflow:hidden;border: none;} .star-rating a:hover,.star-rating a:active,.star-rating a:focus{background-position: left bottom;} .star-rating .current-rating{z-index:1;background-position: left center;} .inline-rating{display:-moz-inline-block;display:-moz-inline-box;display: inline-block;vertical-align: middle;} .small-star{width:50px;height:10px;} .small-star,.small-star a:hover,.small-star a:active,.small-star a:focus,.small-star .current-rating{background-image: url(star_small.gif);line-height: 10px;height: 10px;} .com-right{float:right;text-align:right;color:#2566a4;} .com-right a{color:#2566a4;} /*------------/star rating---------*/ /*---------normativas---------------*/ #normativa{ margin:10px 15px 10px 15px} #normativa h1{font-size:310%;color:#1c7be0;margin-bottom:32px;} #normativa .mensajeequipo p{ color:#4d4d4d; font-size:110%; line-height:19px; margin-bottom:8px; text-align:justify;} /*------------------------------------------ // 4.6 PROFILE1 PAGE SPECIFIC STYLES //------------------------------------------*/ body.profile1 div#content{background:#fff url(../images/content/profile1-content-bg.gif) repeat-x 0 0; padding-top:18px;} div#profile-heading div.name{width:100%; float:left; padding-left:5px; min-height:57px;} div#profile-heading h2{font-size:320%; color:#fff; font-weight:normal; line-height:1em; margin-bottom:8px;} div#profile-heading span.designation{display:block; font-size:160%; color:#fff; margin-bottom:7px;} div#profile-heading span.designation a{color:#addbff; text-decoration:underline;} div#profile-heading div.description{width:480px; background:url(../images/content/profile-heading-description.gif) no-repeat 0 0; padding-left:30px; float:left;} div#profile-heading div.description p{color:#fff; font-size:120%; line-height:16px; margin-bottom:4px; min-height:40px;} div#profile-heading div.description a.site{color:#addbff; font-size:120%; display:block; line-height:16px; margin-bottom:5px;} div#profile-heading div.description span.posted{color:#7994b1; font-weight:bold; font-size:120%; display:block; margin-bottom:5px;} /*---- Two-column-section6 ---*/ div.two-column-section6{padding-top:5px;} div.two-column-section6 div.column1{width:315px; float:left; margin-right:7px;} div.two-column-section6 div.column2 {width:600px; float:left; } div.profile1 div.profile-image{margin-bottom:3px; position:relative;} div.profile1 div.profile-image img{border:1px solid #35587c; display:block;} div.profile1 div.profile-image a.user-id{background:#001832; height:26px; display:inline-block; padding:0 7px; color:#e6f3ff; font-size:120%; position:absolute; z-index:50; bottom:0px; left:0px; line-height:26px;} div.profile1 div.company{margin-bottom:10px;} div.profile1 div.company img{border:1px solid #b3beca; display:block;} /*-----User-info----*/ div.profile1 div.user-info{margin-bottom:26px;} div.profile1 div.user-info ul li{list-style:none; margin-bottom:7px; padding-left:10px;} div.profile1 div.user-info ul li span.title{font-size:120%; color:#6f7c8a; width:102px; float:left; display:block; font-weight:bold; line-height:15px;} div.profile1 div.user-info ul li span.detail{width:145px; float:left; font-size:120%; color:#000; display:block; line-height:15px;} div.profile1 div.user-info ul li span.location{color:#1173d8;} /*-----User-controls-----*/ div.profile1 div.user-controls{background:#bfdfff url(../images/content/profile1-user-controls-bg.jpg) repeat-x 0 0; border:1px solid #a7c4e1; padding:15px 5px 15px 15px; margin-bottom:17px;} div.profile1 div.user-controls ul li{list-style:none; margin-bottom:14px;} div.profile1 div.user-controls ul li img{vertical-align:middle; margin-right:4px; } div.profile1 div.user-controls ul li a{font-size:160%; color:#153558;} div.profile1 div.user-controls ul li a:hover{text-decoration:none;} div.profile1 div.sociables div.tab-content{background:#fff; border:1px solid #9eb2c7; padding:8px; margin-bottom:20px;} div.profile1 div.sociables ul.tab-strip7{padding-left:14px;} div.sociables ul.tab-strip7 li{list-style:none; float:left; margin-right:5px; padding:5px; background:none; border:1px solid #d7ebff; border-width:1px 1px 0 1px; position:relative; margin-bottom:-1px; } div.profile1 div.sociables ul.tab-strip7 li a{display:block; float:left; width:16px; height:16px; } div.profile1 div.sociables ul.tab-strip7 li a.twitter{background:url(../images/content/sociables-tab.png) no-repeat 0 0;} div.profile1 div.sociables ul.tab-strip7 li a.rss{background:url(../images/content/sociables-tab.png) no-repeat -36px 0;} div.profile1 div.sociables ul.tab-strip7 li a.facebook{background:url(../images/content/sociables-tab.png) no-repeat -76px 0;} div.profile1 div.sociables ul.tab-strip7 li a.linkedin{background:url(../images/content/sociables-tab.png) no-repeat -121px 0;} div.profile1 div.sociables ul.tab-strip7 li:hover, div.profile1 div.sociables ul.tab-strip7 li.active{background:#fff; border:1px solid #9eb2c7; border-width:1px 1px 0 1px; } div.profile1 div.sociables ul.tab-strip7 li:hover a.twitter, div.profile1 div.sociables ul.tab-strip7 li.active a.twitter{background:url(../images/content/sociables-tab.png) no-repeat 0 -24px;} div.profile1 div.sociables ul.tab-strip7 li:hover a.rss, div.profile1 div.sociables ul.tab-strip7 li.active a.rss{background:url(../images/content/sociables-tab.png) no-repeat -36px -24px;} div.profile1 div.sociables ul.tab-strip7 li:hover a.facebook, div.profile1 div.sociables ul.tab-strip7 li.active a.facebook{background:url(../images/content/sociables-tab.png) no-repeat -76px -24px;} div.profile1 div.sociables ul.tab-strip7 li:hover a.linkedin, div.profile1 div.sociables ul.tab-strip7 li.active a.linkedin{background:url(../images/content/sociables-tab.png) no-repeat -121px -24px;} div.profile1 div.sociables div.tab-content ul li{list-style:none; color:#67707a; font-size:120%; line-height:14px; margin-bottom:14px;} div.profile1 div.sociables div.tab-content ul li a{display:block; color:#1969be; line-height:14px;} div.profile1 div.sociables div.tab-content ul li span{display:block; font-size:80%; color:#67707a;} div.profile1 div.sociables a.more-lnk{background:url(../images/content/more-lnk-bg.gif) repeat-x 0 0; display:block; height:34px; line-height:34px; color:#293d54; font-size:180%; text-align:center; text-decoration:none; border:1px solid #ddd; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border-bottom:1px solid #aaa; position:relative;} /*----Profile-information----*/ div#information div.introduction {background:url(../images/content/quotes.gif) no-repeat 0 0; padding-left:63px; min-height:70px;color:#4d4d4d; font-size:120%; line-height:20px; margin-bottom:15px;} div#information div.introduction p{color:#4d4d4d; font-size:120%; line-height:20px; margin-bottom:15px; text-align:justify;} div#information div.introduction a.more-lnk{margin-bottom:5px;} /*-----Profile-Private-----*/ div#information div.private {padding-left:63px; min-height:70px;} div#information div.private p{color:#4d4d4d; font-size:200%; line-height:20px; margin-bottom:15px; margin-top:40px;} div#information div.private a.more-lnk{margin-bottom:5px;} div.private p{color:#4d4d4d; font-size:200%; line-height:20px; margin-bottom:15px; margin-top:40px;} div#information div.contact-details h2{margin-bottom:15px;} /*-----Fotos-----*/ div.profile1 div#information div.fotos {margin-bottom:14px;} div.profile1 div#information div.fotos ul li{list-style:none; float:left; width:75px; height:71px; margin:0 10px 13px 0; border:1px solid #b7c2ce;} div.profile1 div#information div.fotos ul li img{width:75px; height:71px; display:block;} /*-----Personal-Data----*/ div#information div.personal-data h2{margin-bottom:15px;} div#information div.personal-data ul li{margin-bottom:10px; padding-bottom:10px;} div#information div.personal-data ul.list32 li span.title{padding-left:20px; width:140px;} /*---Curriculum-vitae----*/ div.curriculum-vitae {background:url(../images/content/curriculum-bg.gif) no-repeat 0 10px; padding-left:60px; padding-top:10px; margin-bottom:22px;} div.curriculum-vitae ul li{list-style:none; margin-bottom:15px;} div.curriculum-vitae ul li h3{color:#1969be; font-size:160%; font-weight:normal; line-height:20px;} div.curriculum-vitae ul li h3 a{color:#1969be;} div.curriculum-vitae ul li p{line-height:17px; color:#001832; font-size:120%;} /*----Comapnies---*/ div#information div.companies h2{margin-bottom:15px;} div#information div.companies img{margin:0 0 20px 25px;} /*-----Followers-list-----*/ div.profile1 div.followers-list{margin-bottom:20px;} div.profile1 div.followers-list h2{font-size:120%; color:#153558; margin-bottom:8px;} div.profile1 div.followers-list h2 span{font-weight:normal;} div.profile1 div.followers-list a.more-lnk{color:#1969be; font-size:120%; display:block; line-height:16px;} /*---Section3----*/ div.section3{margin-bottom:10px; padding-left:5px;} div.section3 h2{background:#d7ebff; padding:10px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; box-shadow:0px -3px 0 #a9d4ff; -moz-box-shadow:0px -3px 0 #a9d4ff; -webkit-box-shadow:0px -3px 0 #a9d4ff; color:#293d54; font-size:180%; font-weight:normal; margin-bottom:7px; position:relative; } div.section3 h2 span, div.section3 h2 a{color:#1969be;} div.section3 a.more-lnk{color:#305c8c; font-size:120%; font-weight:bold;} /*----Tabstrip8----*/ ul.tab-strip8{margin-bottom:22px;} ul.tab-strip8 li{list-style:none; float:left; margin-right:8px;} ul.tab-strip8 li a{display:block; float:left; padding:0 8px; min-width:96px; text-align:center; text-decoration:none; height:33px; line-height:33px; background:#42607f; position:relative; border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; color:#aad9fe; font-size:180%;} ul.tab-strip8 li:hover a, ul.tab-strip8 li.active a{text-decoration:none; color:#001832; background:#e6f3ff;} /*---Button30----*/ a.button30{background:#1c79e0; border:1px solid #134f92; position:relative; display:inline-block; height:37px; line-height:37px; color:#fff; font-size:120%; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:0 7px;} a.button30:hover{text-decoration:none;} /*------------------------------------------ // 4.6 PROFILE1-GALLERY PAGE SPECIFIC STYLES //------------------------------------------*/ div.section4{padding-left:5px; margin-bottom:30px;} div.section4 h2{color:#001832; font-size:220%; font-weight:normal; line-height:1em; margin-bottom:6px;} div.section4 h2 span, div.section4 h2 a{color:#1461b5;} div.section4 div.pagination2 {border-bottom:1px solid #c9ced4; padding-left:0;} span.total-photos{display:block; color:#3d566f; font-size:120%; display:block; margin-bottom:13px; background:url(../images/content/camera.png) no-repeat 0 0; padding-left:20px; line-height:14px; margin-left:5px;} div.section4 div.private {padding-left:63px; min-height:70px;} div.section4 div.private p{color:#4d4d4d; font-size:200%; line-height:20px; margin-bottom:15px; margin-top:40px;} /*------------------------------------------ // 4.6 PROFILE1-GALLERY-INNER PAGE SPECIFIC STYLES //------------------------------------------*/ /*---- Photos ---*/ div#photos div.comments { margin-bottom:20px;} div#photos div.comments ul li div.box30 div.description h2 { margin-bottom:0px;} div#photos div.comments ul li div.box30 div.description p { color: #617A94; font-size: 90%;} div#photos div.comments.box33 div.inner { padding-bottom:30px;} div#photos div.comments a.button31 { font-size:110%;} /*---- Breadcrumbs ---*/ div#breadcrumbs3 { height:39px; line-height:39px; background:url(../images/content/breadcrumbs3-bg.gif) left top repeat-x; border:1px solid #fff; margin-bottom:12px;} div#breadcrumbs3 a { display:block; float:left; color:#202832; font-size:160%; padding-left:13px;} div#breadcrumbs3 a span { display:block; float:left; padding-right:26px;} div#breadcrumbs3 a.active:hover { text-decoration:none;} div#breadcrumbs3 a.active { background:url(../images/content/breadcrumbs3-a-bg.gif) left top no-repeat;} div#breadcrumbs3 a.active span { background:url(../images/content/breadcrumbs3-a-bg.gif) right top no-repeat;} /*---- Image-gallery ---*/ div#image-gallery div.large-image div.description { background:url(../images/content/camera.gif) left top no-repeat; padding:7px 0px 0px 59px; margin-bottom:17px; text-align:left;} div#image-gallery div.large-image div.description h2 { font-size:140%; color:#202832; font-weight:normal; line-height:normal; margin-bottom:3px;} div#image-gallery div.large-image div.description p { color:#9dafc4; font-size:11px;} div#image-gallery div.large-image { text-align:center; margin-bottom:13px;} div#image-gallery div.large-image img { border:1px solid #000; margin-bottom:20px;} div#image-gallery div.thumbnails { position:relative; padding:0px 74px 0px 86px; margin-bottom:15px;} div#image-gallery div.thumbnails ul li { float:left; margin-right:11px;} div#image-gallery div.thumbnails ul li img { border:1px solid #bbc5d0; display:block;} div#image-gallery div.thumbnails a.previous-btn { background:url(../images/content/next-previous-btn.gif) left top no-repeat; width:39px; height:39px; display:block; position:absolute; left:0px; top:20px;} div#image-gallery div.thumbnails a.next-btn { background:url(../images/content/next-previous-btn.gif) right top no-repeat; width:39px; height:39px; display:block; position:absolute; right:0px; top:20px;} /*---- Photo-tags ---*/ div.profile1 div.photo-tags { margin-bottom:16px;} div.profile1 div.photo-tags ul.list34 li { margin-bottom:0px;} div.profile1 div.photo-tags.box33 div.inner { padding:13px 10px 15px 10px;} /*------------------------------------------ // 4.7 PROFILE1 BLOG PAGE SPECIFIC STYLES //------------------------------------------*/ /*---- Blog ---*/ div.profile1 div.blog h2 { font-size:240%; color:#293d54; font-weight:normal; padding-left:9px; margin-bottom:15px;} div.profile1 div.blog h2 span { color:#1461b5;} div.profile1 div.blog div.post { margin-bottom:30px; padding-right:8px;} div.profile1 div.blog div.post div.description { width:519px; float:right; margin-bottom:25px; border-left:1px solid #a0bbd7; position:relative; z-index:1; border-bottom:1px solid #a0bbd7; position:relative; padding:0px 10px 7px 10px;} div.profile1 div.blog div.post div.description div.arrow { background:url(../images/content/description-arrow.gif) left top no-repeat; width:34px; height:17px; position:absolute; left:94px; bottom:-1px;} div.profile1 div.blog div.post div.description h2 { color:#1461b5; font-size:180%; border:0px; padding:0px; margin-bottom:3px; line-height:22px;} div.profile1 div.blog div.post div.description h2 a{color:#1461b5;} div.profile1 div.blog div.post div.description h2 span.total-comment { display:block; float:right; background:url(../images/content/comments-bg.gif) left top no-repeat; padding-left:33px; line-height:23px;} div.profile1 div.blog div.post div.description div.inner { padding-left:12px;} div.profile1 div.blog div.post div.description span.date-stamp { color:#9dafc4; font-size:110%; margin-bottom:6px; display:block;} div.profile1 div.blog div.post div.description p { color:#001832; font-size:140%;} div.profile1 div.blog div.post div.description p a.more-link { color:#1461b5;} div.profile1 div.blog div.post div.image { background:#fff; margin-right:-1px; float:right; position:relative; z-index:2; width:43px;} div.profile1 div.blog div.post div.image img { border:1px solid #b3beca; display:block; margin-bottom:6px;} /*------------------------------------------ // 4.7 PROFILE1 WALL PAGE SPECIFIC STYLES //------------------------------------------*/ /*---- Blog ---*/ div.profile1 div.wall h2 { font-size:240%; color:#293d54; font-weight:normal; padding-left:9px; margin-bottom:15px;} div.profile1 div.wall h2 span { color:#1461b5;} div.profile1 div.wall div.post { margin-bottom:30px; padding-right:8px;} div.profile1 div.wall div.post div.description { width:519px; float:right; margin-bottom:25px; border-left:1px solid #a0bbd7; position:relative; z-index:1; border-bottom:1px solid #a0bbd7; position:relative; padding:0px 10px 7px 10px;} div.profile1 div.wall div.post div.description div.arrow { background:url(../images/content/description-arrow.gif) left top no-repeat; width:34px; height:17px; position:absolute; left:94px; bottom:-1px;} div.profile1 div.wall div.post div.description h2 { color:#1461b5; font-size:180%; border:0px; padding:0px; margin-bottom:3px; line-height:22px;} div.profile1 div.wall div.post div.description h2 span.total-comment { display:block; float:right; background:url(../images/content/comments-bg.gif) left top no-repeat; padding-left:33px; line-height:23px;} div.profile1 div.wall div.post div.description div.inner { padding-left:12px;} div.profile1 div.wall div.post div.description span.date-stamp { color:#9dafc4; font-size:110%; margin-bottom:6px; display:block;} div.profile1 div.wall div.post div.description p { color:#001832; font-size:140%;} div.profile1 div.wall div.post div.description p a.more-link { color:#1461b5;} div.profile1 div.wall div.post div.image { background:#fff; margin-right:-1px; float:right; position:relative; z-index:2; width:43px;} div.profile1 div.wall div.post div.image img { border:1px solid #b3beca; display:block; margin-bottom:6px;} /*---- Comments ---*/ div.profile1 div.comments a.plus-minus-btn { background:url(../images/content/plus-minus-btn.gif) left top no-repeat; width:31px; height:31px; display:block; float:left; margin-left:7px;} div.profile1 div.comments ul { list-style:none; margin:0px; width:541px; float:right;} div.profile1 div.comments ul li div.box30 { margin-bottom:5px;} div.profile1 div.comments ul li div.deviation { background:url(../images/content/divider.png) left top no-repeat; width:64px; height:39px; position:absolute; left:-52px; top:15px;} div.profile1 div.comments ul li { position:relative;} div.profile1 div.comments ul li ul.child, div.profile1 div.comments ul li ul.child li ul.sub-child { width:100%;} div.profile1 div.comments ul li ul.child li div.box30 div.description { width:403px;} div.profile1 div.comments ul li ul.child li { margin-left:64px;} div.profile1 div.comments ul li ul.child li ul.sub-child li { margin-left:75px;} div.profile1 div.comments ul li ul.child li ul.sub-child li div.box30 div.description { width:329px;} div.profile1 div.comments ul li div.box30 div.image {background:none; width:43px; height:41px; float:left; margin:0px;} div.profile1 div.comments ul li div.box30 div.image img { margin:0px;} div.profile1 div.comments ul li div.box30 div.description { border:none; padding:0px; width:468px; margin:0px 0px 1px 0px;} div.profile1 div.comments ul li div.box30 div.description h2 { font-size:120%; line-height:normal; line-height:12px; margin-bottom:0px;} div.profile1 div.comments ul li div.box30 div.description h2 a { color:#1461B5;} div.profile1 div.comments ul li div.box30 div.description p { font-size:100%; color:#617A94;} div.profile1 div.comments ul li div.box30 a.button31 {color:#2566a4; width:100%; float:right; text-align:right;} div.profile1 div.comments ul li.owner div.box30 { background:#2566a4;} div.profile1 div.comments ul li.owner div.box30 div.description h2 { color:#e8eff6} div.profile1 div.comments ul li.owner div.box30 div.description p {color:#fff;} div.profile1 div.comments ul li.owner div.box30 span.date-stamp { color:#78b7f3;} div.profile1 div.comments ul li.owner div.box30 a.button31 { background:url(../images/content/responder2.gif) left top repeat-x; color:#2566a4;} div.profile1 div.blog div.pagination2 { padding:0px; margin:0px 0px 12px 0px;} div.profile1 div.blog div.pagination2.padding-left { padding-left:52px;} /*---- Comment-form ----*/ div#comment-form{margin-top:10px;} div#comment-form p span.textarea { display:block; float:left; padding:5px; background:#fff; border-radius:8px; display:block; margin-bottom:2px; border-top:1px solid #e5e5e5; -moz-border-radius:8px; -webkit-border-radius:8px;} div#comment-form p span.textarea textarea { border:0px; width:494px; height:49px;} div#comment-form p input.submit { background:url(../images/content/responder.gif) left top no-repeat; width:84px; height:15px; border:0px; cursor:pointer;} div#comment-form div.image { margin-right:16px;} div#comment-form div.image img { border:1px solid #b7c1cd; display:block;} div#comment-form div.image{float:left; margin:0 0 0 10px;} div#comment-form div.box31{float:right; width:504px;} /*---- Public-message-form ----*/ div#public-message-form { margin-bottom:20px;} div#public-message-form h2 { font-size:180%; padding-top:10px; color:#293d54; font-weight:normal;} div#public-message-form h2 span { color:#1461b5;} div#public-message-form div.image { float:left; margin:0px 10px 18px 8px; width:43px; height:41px;} div#public-message-form div.image img { display:block; border:1px solid #b7c1cd;} div#public-message-form p span.textarea { border-radius:8px; -moz-border-radius:8px; float:left; display:block; background:#fff; -webkit-border-radius:8px; padding:5px; border-top:1px solid #e5e5e5; margin-right:10px;} div#public-message-form p span.textarea textarea { border:0px; width:430px; height:47px; font-size:130%; color:#4d5d6b;} div#public-message-form input.submit {float:left; background:url(../images/content/public-message-form-submit.gif) left top no-repeat; width:129px; height:60px; border:0px; cursor:pointer;} /*---- Public - messages ---*/ div#public-messages h2 { margin-bottom:5px;} div#public-messages ul li { margin-bottom:8px;} /*----------Formularios-------*/ .cajafoto{margin:4px 7px 4px 6px;width:240px;float:left;} .cajafoto fieldset{border:1px solid #dae3ed; width:240px; padding:20px 0; margin-bottom:0px;} .cajafoto legend{margin-left:50px; font-size:120%; display:block;color:#3d3d3d; } .cajafoto img{margin:0 auto; display:block;} .cajadescripcion{margin:4px 6px 4px 7px;width:432px;float:left;} .caja25{margin:4px 7px 4px 6px;width:160px;float:left;min-height:40px;height:100%} .caja33p{margin:6px 2px;width:130px;float:left;height:150px;} .caja33l{margin:4px 7px 4px 6px;width:220px;float:left;min-height:70px;height:100%;} .caja33m{margin:4px 6px 4px 6px;width:220px;float:left;min-height:70px;height:100%} .caja33r{margin:4px 6px 4px 7px;width:220px;float:left;min-height:70px;height:100%} .caja33icon{margin:6px 2px;width:30%;float:left;height:50px; text-align:center;} .caja100f{margin:4px 7px 4px 7px;width:684px;min-height:70px;height:100%} .caja100i{width:100%;min-height:70px;height:100%} .caja100p{width:95%;min-height:70px;height:100%} .caja50l{margin:4px 7px 4px 6px;width:336px;float:left;min-height:70px;height:100%} .caja50r{margin:4px 7px 4px 6px;width:336px;float:left;min-height:70px;height:100%} .caja130l{margin:4px 7px 4px 6px;width:130px;float:left;min-height:70px;height:100%} .caja542r{margin:4px 6px 4px 7px;width:542px;float:left;min-height:70px;height:100%} .cajatitulo{font-size:12px;color:#3d3d3d;width:100%;padding:3px 0 3px 12px;} .titejemplo{font-size:9px;} .cajacheckbox{font-size:12px;color:#3d3d3d;width:100%;padding:11px 0 11px 12px;} .cajapublicgallery{margin:6px 2px;width:130px;float:left;height:130px;} .eventinfo{float:left; padding:5px; width:200px; height:100%;} .eventinfo .foto{ text-align:center;} .eventinfo .foto img{ max-width:200px;} .eventinfo .tit{ margin-top:12px; font-size:14px; color:#3d3d3d; font-weight:bold;} .eventinfo .desc{ font-size:12px; margin:5px 3px;} .eventinfo .user{margin-top:8px; font-size:16px; color:#2577ce;} .eventinfo .user a{color:#2577ce;} .eventinfo .url{margin-top:8px; font-size:14px; color:#2577ce;} .eventinfo .url a{color:#2577ce;} .eventdescription{float:left; padding:5px 10px 5px 5px ; width:450px; text-align:justify; line-height:20px; font-size:12px;} .cajamodal{margin:10px; width:500px;} .cajaboton{width:500px;min-height:30px; padding-top:10px;} .cajaupload{text-align:center;} .cajaiframe{width:480px; border:0; min-height:60px;} .cajainvitaciones{width:500px; border:0; min-height:450px;} .cajaiframe2{width:500px; border:0; min-height:400px;} .titulomodal{ text-align:left; font-size:16px; font-weight:bolder; padding:10px 0 10px 0;} .cajamsjfoto{ text-align:center; width:110px; float:left; height:100%;} .cajamsjtxt{ text-align:justify; width:390px; float:left;} .cajacrop{ width:470px;} .cajabotoncrop{width:470px;min-height:30px; padding-top:10px;} .caja100fac{margin:0px 7px 0px 7px;width:684px;min-height:10px;height:100%} .cajaconceptotit{width:345px;text-align:center; font-size:13px; font-weight:bolder; padding:7px 0 7px 0; float:left; background-color:#79B4F5; color:#FFF;} .cajafacturatit{width:78px;text-align:center; font-size:13px; font-weight:bolder; padding:7px 0 7px 0; float:left;background-color:#79B4F5;color:#FFF} .cajaacciontit{width:25px;text-align:center;font-size:13px; font-weight:bolder; padding:7px 0 7px 0; float:left;background-color:#79B4F5;color:#FFF} .cajaconcepto{width:345px;text-align:center; font-size:13px; font-weight:bolder; padding:2px 0 2px 0; float:left;} .cajafactura{width:78px;text-align:center; font-size:13px; font-weight:bolder; padding:2px 0 2px 0; float:left;} .cajapvp{width:74px;text-align:right;font-size:13px; font-weight:bolder; padding:2px 4px 2px 0px; float:left; height:18px; line-height:20px;} .cajaaccion{width:25px;text-align:center;font-size:13px; font-weight:bolder; padding:2px 0 2px 0; float:left; height:18px;} .cajaconceptopie{width:450px;font-size:11px; font-weight:bolder; padding:3px 0 3px 0; float:left; color:#FFF;} .cajafacturapie{width:75px;font-size:11px; font-weight:bolder; padding:3px 3px 3px 0; float:left;background-color:#79B4F5;color:#FFF} .billing-error{ background-color:#C03;} .cajatitstat{margin:4px 7px 4px 2px;width:110px;float:left; padding-left:15px;} .cajabarrastat{margin:4px 2px 4px 7px;width:450px;float:left;} .stattit{width:110px; float:left; padding:10px 0 10px 0;} .stattxt{font-size:12px;color:#3d3d3d; width:70px; float:left} .statnum{color:#3d3d3d; font-size:13px; font-weight:bolder; text-align:right; width:40px; float:left;} .barrastat{ margin-top:6px;margin-bottom:6px;height:22px;border-style:solid;border-color:#000; background-color:#06F;} .titstat{ margin:5px;} .barratotal{ width:430px; background-color:#CCC;} .cajaavisotit{float:left; text-align:left;font-size:12px; padding-top:8px;color:#3d3d3d;width:230px;} .cajaaviso{ float:right; text-align:right;font-size:12px;color:#3d3d3d;width:250px; padding-right:15px;} .checkst{ margin:8px 0 8px 0;} span.txt1, span.txt1 span{display:block;} span.txt1 span.txt1-top{background:url(../images/boxes/textarea1-top-left.gif) no-repeat 0 bottom; padding-left:8px; height:8px; line-height:8px; } span.txt1 span.txt1-top span.top-right{background:url(../images/boxes/textarea1-top-right.gif) no-repeat right bottom; padding-right:8px; height:8px; line-height:8px; display:block;} span.txt1 span.txt1-top span.top-right span.top-middle{background:url(../images/boxes/textarea1-top-middle.gif) repeat-x 0 bottom; height:8px; line-height:8px; display:block;} span.txt1 span.txt1-middle{background:#fff; border:1px solid #d4e4f4; border-width:0 1px 0 1px; padding:0 10px;} span.txt1 span.txt1-bottom{background:url(../images/boxes/textarea1-bottom-left.gif) no-repeat 0 0; padding-left:8px; height:8px; line-height:8px;} span.txt1 span.txt1-bottom span.bottom-right{background:url(../images/boxes/textarea1-bottom-right.gif) no-repeat right 0; padding-right:8px; height:8px; line-height:8px;} span.txt1 span.txt1-bottom span.bottom-right span.bottom-middle{background:url(../images/boxes/textarea1-bottom-middle.gif) repeat-x 0 0; height:8px; line-height:8px;} span.txt1 textarea.textarea{background:none; border:0; width:100%; height:200px;} span.txt2, span.txt2 span{display:block; width:520px;} span.txt2 span.txt2-top{background:url(../images/boxes/textarea1-top-left.gif) no-repeat 0 bottom; padding-left:8px; height:8px; line-height:8px; } span.txt2 span.txt2-top span.top-right{background:url(../images/boxes/textarea1-top-right.gif) no-repeat right bottom; padding-right:8px; height:8px; line-height:8px; display:block;} span.txt2 span.txt2-top span.top-right span.top-middle{background:url(../images/boxes/textarea1-top-middle.gif) repeat-x 0 bottom; height:8px; line-height:8px; display:block;} span.txt2 span.txt2-middle{background:#fff; border:1px solid #d4e4f4; border-width:0 1px 0 1px; padding:0 7px;} span.txt2 span.txt2-bottom{background:url(../images/boxes/textarea1-bottom-left.gif) no-repeat 0 0; padding-left:8px; height:8px; line-height:8px;} span.txt2 span.txt2-bottom span.bottom-right{background:url(../images/boxes/textarea1-bottom-right.gif) no-repeat right 0; padding-right:8px; height:8px; line-height:8px;} span.txt2 span.txt2-bottom span.bottom-right span.bottom-middle{background:url(../images/boxes/textarea1-bottom-middle.gif) repeat-x 0 0; height:8px; line-height:8px;} span.txt2 textarea.textarea{background:none; border:0; width:520px; height:300px;} span.txt3, span.txt3 span{display:block; width:485px;} span.txt3 span.txt3-top{background:url(../images/boxes/textarea1-top-left.gif) no-repeat 0 bottom; padding-left:8px; height:8px; line-height:8px; } span.txt3 span.txt3-top span.top-right{background:url(../images/boxes/textarea1-top-right.gif) no-repeat right bottom; padding-right:8px; height:8px; line-height:8px; display:block;} span.txt3 span.txt3-top span.top-right span.top-middle{background:url(../images/boxes/textarea1-top-middle.gif) repeat-x 0 bottom; height:8px; line-height:8px; display:block;} span.txt3 span.txt3-middle{background:#fff; border:1px solid #d4e4f4; border-width:0 1px 0 1px; padding:0 7px;} span.txt3 span.txt3-bottom{background:url(../images/boxes/textarea1-bottom-left.gif) no-repeat 0 0; padding-left:8px; height:8px; line-height:8px;} span.txt3 span.txt3-bottom span.bottom-right{background:url(../images/boxes/textarea1-bottom-right.gif) no-repeat right 0; padding-right:8px; height:8px; line-height:8px;} span.txt3 span.txt3-bottom span.bottom-right span.bottom-middle{background:url(../images/boxes/textarea1-bottom-middle.gif) repeat-x 0 0; height:8px; line-height:8px;} span.txt3 textarea.textarea{background:none; border:0; width:485px; height:150px;} span.txt4, span.txt4 span{display:block; width:485px;} span.txt4 span.txt4-top{background:url(../images/boxes/textarea1-top-left.gif) no-repeat 0 bottom; padding-left:8px; height:8px; line-height:8px; } span.txt4 span.txt4-top span.top-right{background:url(../images/boxes/textarea1-top-right.gif) no-repeat right bottom; padding-right:8px; height:8px; line-height:8px; display:block;} span.txt4 span.txt4-top span.top-right span.top-middle{background:url(../images/boxes/textarea1-top-middle.gif) repeat-x 0 bottom; height:8px; line-height:8px; display:block;} span.txt4 span.txt4-middle{background:#fff; border:1px solid #d4e4f4; border-width:0 1px 0 1px; padding:0 7px;} span.txt4 span.txt4-bottom{background:url(../images/boxes/textarea1-bottom-left.gif) no-repeat 0 0; padding-left:8px; height:8px; line-height:8px;} span.txt4 span.txt4-bottom span.bottom-right{background:url(../images/boxes/textarea1-bottom-right.gif) no-repeat right 0; padding-right:8px; height:8px; line-height:8px;} span.txt4 span.txt4-bottom span.bottom-right span.bottom-middle{background:url(../images/boxes/textarea1-bottom-middle.gif) repeat-x 0 0; height:8px; line-height:8px;} span.txt4 textarea.textarea{background:none; border:0; width:485px; height:60px;} span.txt5, span.txt5 span{display:block;} span.txt5 span.txt5-top{background:url(../images/boxes/textarea1-top-left.gif) no-repeat 0 bottom; padding-left:8px; height:8px; line-height:8px; } span.txt5 span.txt5-top span.top-right{background:url(../images/boxes/textarea1-top-right.gif) no-repeat right bottom; padding-right:8px; height:8px; line-height:8px; display:block;} span.txt5 span.txt5-top span.top-right span.top-middle{background:url(../images/boxes/textarea1-top-middle.gif) repeat-x 0 bottom; height:8px; line-height:8px; display:block;} span.txt5 span.txt5-middle{background:#fff; border:1px solid #d4e4f4; border-width:0 1px 0 1px; padding:0 10px;} span.txt5 span.txt5-bottom{background:url(../images/boxes/textarea1-bottom-left.gif) no-repeat 0 0; padding-left:8px; height:8px; line-height:8px;} span.txt5 span.txt5-bottom span.bottom-right{background:url(../images/boxes/textarea1-bottom-right.gif) no-repeat right 0; padding-right:8px; height:8px; line-height:8px;} span.txt5 span.txt5-bottom span.bottom-right span.bottom-middle{background:url(../images/boxes/textarea1-bottom-middle.gif) repeat-x 0 0; height:8px; line-height:8px;} span.txt5 textarea.textarea{background:none; border:0; width:100%; height:60px;} span.txtbox{background:url(../images/buttons/textbox10.gif) no-repeat left top; height:49px; display:block; padding-left:12px; width:94%; } span.txtbox span.inner{background:url(../images/buttons/textbox10.gif) no-repeat right top; height:49px; display:block; padding-right:12px;} span.txtbox .textbox{ width:100%; margin:13px 0; border:0;} span.txtbox select{ width:100%; margin:13px 0; border:0;} span.txtbox .radio{ width:10%; margin:13px 0; border:0;} .txtsf{ width:100%; margin:13px 0; position:relative; top:18px;} span.txtbox2{background:url(../images/buttons/textbox10.gif) no-repeat left top; height:49px; display:block; padding-left:12px; width:98%; } span.txtbox2 span.inner{background:url(../images/buttons/textbox10.gif) no-repeat right top; height:49px; display:block; padding-right:12px;} span.txtbox2 .textbox{ width:100%; margin:13px 0; border:0;} span.txtbox2 select{ width:100%; margin:13px 0; border:0;} span.txtbox3{background:url(../images/buttons/textbox10.gif) no-repeat left top; height:49px; display:block; padding-left:12px; width:94%; } span.txtbox3 span.inner{background:url(../images/buttons/textbox10.gif) no-repeat right top; height:49px; display:block; padding-right:12px; font-weight:bolder; font-size:140%} span.txtbox3 .textbox{ width:100%; margin:13px 0; border:0;} span.txtbox3 select{ width:33%; margin:13px; border:0; text-align:center;} ul.tab-strip80{ margin-top:18px; margin-bottom:12px;} ul.tab-strip80 li{list-style:none; background:url(../images/content/tab-strip80-li.gif) no-repeat 0 0;float:left; margin:6px 2px !important; padding:0px 0px 0px 10px !important;} ul.tab-strip80 li a{background:url(../images/content/tab-strip80-li.gif) no-repeat right 0; float:left; width:120px; color:#fff; font-size:110%; text-align:left; line-height:22px;} ul.tab-strip80 li a:hover{text-decoration:none;} /*---------Fin formularios----*/ /*--------Friends-------*/ .cajaamigos{width:680px; min-height:70px; clear:both;} .cajaamigos .imagen{ text-align:center; width:60px; height:100%; float:left;} .cajaamigos .texto{ padding:0px 5px; width:480px; float:left; height:100%;} .cajaamigos .texto h3{font-size:140%; color:#2577ce; margin-bottom:8px; font-weight:normal;} .cajaamigos .texto h3 a{color:#2577ce;} .cajaamigos .texto h3 p{color:#4d4d4d; font-size:80%; line-height:19px; margin-bottom:8px;} .cajaamigos .acciones{ padding:0px 5px; width:120px; height:100%; float:left;} .cajaamigos .acciones .boton{ padding:2px 2px; width:120px; height:20px;} .cajaamigos .acciones a {color:#8a8a8a; font-size:120%; padding-left:26px; display:block; line-height:16px;} .cajaamigos .acciones a.visit { background:url(../images/iconos/datospersonales.png) no-repeat;} .cajaamigos .acciones a.msjpriv { background:url(../images/iconos/mensajeprivado.png) no-repeat;} .cajaamigos .acciones a.delete { background:url(../images/iconos/rechazar.png) no-repeat;} /*-------filtros------*/ .filtros{margin-bottom:5px; width:160px; background-color: #F3F9FE;} .filtros h3{height:35px; padding:0 15px;} .filtros h3 a{color:#8a8a8a; font-size:160%; display:block; line-height:35px; font-weight:bolder; padding-right:2px;} .filtros h3 a:hover{text-decoration:none;} .filtros .boxfil div.topf{padding:9px 0 0 0; width:160px} .filtros .boxfil div.topf div.bottomf{padding-bottom:9px;} .filtros .boxfil div.topf div.bottomf div.middlef{padding:0 0px 1px 0 ; width:160px; color:#8a8a8a; font-size:14px; line-height:24px;} /*-------------------*/ /*-----form sectores checkbox---*/ #sectores_empresa{ margin-top:20px;} .subsector{float:left; width:33%; line-height:10px; padding-bottom:10px;} /*------------------------------*/ #calendarflotante{top:10px; background-color:#FFF; position:relative; z-index:10000; width:180px; height:auto; border-width:2px; border-style:solid; border-color:#09F; border-width:1px; text-align:left; padding:10px;} #calendarflotante a{ text-decoration:none; color:#3d3d3d; font-weight:normal;} #calendar_events span{ text-decoration:none; color:#990000; font-weight:bolder;} #calendar_events a{ text-decoration:none; color:#3d3d3d; font-weight:normal; line-height:10px;} .trinvitaciones td{vertical-align:middle !important; padding:2px;} .trinvitaciones img{margin-right:6px; alignment-adjust:middle; position:inherit;} .inv-existe{ background-color:#EFF; font-weight:bold;} .linkfriend{ font-size:10px !important; text-decoration:overline; } .showallcontacts{ text-align:right;} .showallcontacts a{ font-size:12px; color:#153558;} .users-friend{ margin:3px 8px;} .users-friend div{ text-align:center;} .users-friend div a{color:#1461B5 !important;}