/********************************************************************************************** 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:"Trebuchet MS", Arial, Helvetica, sans-serif; background:#697891; } 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 //------------------------------------------*/ /*---- Container ----*/ div#container { background:#f7f7f7 url(../images/container-top.jpg) 0 0 repeat-x; } div#container div.inner-container { background:url(../images/container-bottom.jpg) repeat-x left bottom; } /*---- Wrapper ----*/ div.wrapper { width:994px; margin:0 auto; min-width:994px; } /*---- Header ----*/ div#header{ height:59px; position:relative; z-index:15;} div#header div.wrapper{ background:url(../images/header/header-wrapper.jpg) 0 0 no-repeat; padding-top:12px; height:48px; position:relative;} /*---- Navigation ----*/ div#navigation{ float:right; width:695px;} /*---- Content ----*/ div#content{ padding:1px 0 0 0;} div#content div.wrapper{ padding-bottom:1px; } div#content div.wrapper div.wrapper-bottom{ margin-bottom:-100px; position:relative; background:url(../images/content/wrapper-bottom.png) 0 100% no-repeat; padding-bottom:15px; z-index:5;} div#content div.wrapper div.wrapper-top{ background:url(../images/content/wrapper-middle.png) 0 0 repeat-y; padding:2px 6px 0 9px;} div#content div.wrapper div.wrapper-inner{ background:url(../images/content/wrapper-top.jpg) 0 0 repeat-x; padding:25px 20px 10px 20px; } /*---- Main ----*/ div#container.home div#main {width:583px; margin-bottom:20px; } div#main {margin-bottom:20px; float:left; width:608px;} /*---- Sidebar ----*/ div#container.home div#sidebar {width:345px; } div#sidebar1 {width:313px; margin-right:15px; margin-top:20px; } div#sidebar2 {width:185px; padding:8px 8px 0px 6px; background:#ededed; } /*---- Footer ----*/ div#footer{} /*------------------------------------------ // 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{ width:346px; height:146px; left:-12px; position:absolute; top:10px;} div#header div.logo h1 a{ background:url(../images/header/logo.png) 0 0 no-repeat; width:346px; height:146px; display:block; color:#7889a5; text-decoration:none;} div#header div.logo h1 a span{ padding-left:96px;} /*---- Navigation ----*/ div#navigation ul{ padding-top:20px; float:left;} div#navigation ul li{ float:left; font-size:140%; font-family:Verdana, Geneva, sans-serif; margin-right:18px;} div#navigation ul li a{ color:#FFF; text-decoration:none; height:22px; line-height:22px; padding:0 10px; display:block; float:left;} div#navigation ul li a:hover, div#navigation ul li a.active{background:#7d98c4;} div#navigation span.contact{ background:url(../images/header/contact-icon.gif) 0 0 no-repeat; float:right; font-size:320%; color:#FFF; padding-left:60px; display:block; line-height:33px; height:45px;} /*---- Content ----*/ /*---- List1 ----*/ div#content ul.list1 li{ font-size:110%; color:#8e8e8e; line-height:18px; background:url(../images/content/list1-icon.gif) 5px 5px no-repeat; padding-left:17px; border-bottom:#eaeaea 1px solid; padding-bottom:6px; margin-bottom:8px; font-family:Verdana, Geneva, sans-serif;} /*---- List2 ----*/ div#content ul.list2 li{ font-size:120%; color:#535353; background:url(../images/content/icon2.gif) 0 0 no-repeat; line-height:13px; padding-left:15px; margin-bottom:15px; width:180px; float:left;} div#content ul.list2 li.last{ width:120px;} div#content ul.list2 li a{ color:#535353;} div#content ul.list2 li:hover a{ color:#4b72b2;} /*---- List3 ----*/ div#offers ul.list3{ clear:both;} div#content ul.list3 li{ float:left; margin-bottom:5px; width:160px;} div#content ul.list3 li img{ float:left; margin:0 15px 5px 0; border:#7a7a7a 1px solid;} div#content ul.list3 li h2{ margin:0; color:#8c8c8c; padding:0; float:none; background:none; } div#content ul.list3 li p{ font-size:110%; line-height:15px;} div#content ul.list3 li p a{ color:#4b72b2;} /*---- List4 ----*/ div#content ul.list4 li{ background:url(../images/content/list-arrow.gif) 0 12px no-repeat; font-size:110%; line-height:31px; font-weight:bold; padding-left:15px;} div#content ul.list4 li a{color:#3d4f6c;} div#content ul.list4 li.parent ul{ padding-top:10px; display:none;} div#content ul.list4 li.parent:hover ul{ display:block;} div#content ul.list4 li.parent ul li{ font-size:110%; background:url(../images/content/list-bg.gif) 0 7px no-repeat; padding-left:20px; line-height:24px; font-weight:normal;} div#content ul.list4 li.parent ul li a{ color:#818181;} /*---- List5 ----*/ div#content ul.list5{ margin-left:10px;} div#content ul.list5 li{ color:#FFF; font-size:140%; line-height:16px; margin-bottom:12px; background:url(../images/content/sidebar1/list5.gif) 0 0 no-repeat; padding-left:18px;} div#content ul.list5 li a{ float:left; color:#dbe9ff; font-size:90%;} /*---- List5 ----*/ div#content ul.children{ margin-left:10px;} div#content ul.children li{ color:#FFF; font-size:100%; line-height:16px; margin-bottom:3px; background:url(../images/content/sidebar1/list5e.gif) 0 0 no-repeat; padding-left:18px;} div#content ul.children li a{ float:left; color:#dbe9ff; font-size:90%;} /*---- List6----*/ div#content ul.list6 li{ font-size:130%; color:#5781c2; font-weight:bold; float:left; width:95px; margin-bottom:10px;} div#content ul.list6 li a{ color:#5781c2;} /*---- list7----*/ div#content ul.list7 li{ padding:8px 0; border-bottom:#7d98c4 1px solid;} div#content ul.list7 li.last{ border:0;} div#content ul.list7 li p{ font-size:110%; color:#395382; line-height:18px; float:right; width:435px; margin:0;} div#content ul.list7 li span{ font-size:130%; color:#395382; font-weight:bold; float:left; width:140px; line-height:18px; padding-right:5px;} /*---- list8----*/ div#content ul.list8 li{ font-size:150%; color:#3f5e90; lo29px; float:left; margin:0 7px 15px 0; line-height:20px;} div#content ul.list8 li a{color:#3f5e90; text-decoration:underline; height:1%; line-height:20px;} div#content ul.list8 li a:hover{ text-decoration:none;} /*---- List9 ----*/ div#content ul.list9{ padding-left:15px;} div#content ul.list9 li{ font-size:120%; color:#2b4163; background:url(../images/content/main/icon3.gif) 0 0 no-repeat; line-height:13px; padding-left:15px; margin-bottom:15px; width:203px; float:left;} div#content ul.list9 li.last{ width:110px;} div#content ul.list9 li a{ color:#2b4163;} /*---- heading1----*/ div#content h2.heading1{border-bottom:#9dabc4 1px solid;} div#content h2.heading1 span{ font-size:150%; color:#FFF; background:url(../images/content/main/heading1.gif) 100% 0 no-repeat; line-height:40px; padding:0 15px; display:block; float:left;} /*---- heading2----*/ div#content h2.heading2{ background:url(../images/content/main/heading2.jpg) 0 0 no-repeat; padding-left:15px; font-size:150%; color:#15418a;} div#content h2.heading2 span{ background:url(../images/content/main/heading2.jpg) 100% 0 no-repeat; line-height:41px; height:41px; padding-right:15px; display:block;} div#content h2.heading2 span small a{ color:#15418a; font-weight:normal; font-size:80%; font-style:italic;} /*---- form ----*/ div#content div#search div.form{ padding:0 12px; margin-bottom:-35px;} div#content div.form h2{ font-size:160%; color:#FFF; background:url(../images/content/search-icon.gif) 0 0 no-repeat; padding:15px 0 6px 45px; margin:-18px 0 5px 0px; position:relative;} div#content div.form h2 span{ background:url(../images/content/border.gif) 0 100% repeat-x; display:block; padding-bottom:8px;} div#content div.form form p{ margin-bottom:20px;} div#content div.form form p.destination label{ float:left; font-size:120%; color:#000; padding-right:15px; line-height:41px; font-weight:normal; background:#FFF;} div#content div.form form p.checkbox label{ float:left; padding-left:15px;} div#content div.form form p input.textbox{ background:#566988; border:0; padding:10px 4px; font-size:120%; color:#FFF; border:#FFF 3px solid;} div#content div.form form p label{ display:block; font-size:140%; color:#b7d2ff; margin-bottom:5px; font-weight:bold; line-height:15px;} div#content div.form form p img{ margin-right:10px; float:left;} div#content div.form form p a{ font-size:120%; color:#e1ecff; text-decoration:underline; font-style:italic; line-height:30px;} div#content div.form form p a:hover{ text-decoration:none; } div#content div.form form p input.textbox{ padding:6px 4px; float:left; margin:0 10px 0 0;} div#content div.form form p input.checkbox{ float:left; margin:0;} div#content div.form form p input.submit{ font-size:270%; color:#FFF; width:269px; background:url(../images/content/submit.jpg) 0 0 no-repeat; border:0; letter-spacing:-1px; cursor:pointer; padding:1px 0 3px;} div#content div.form form p a.help{ float:right; font-size:110%; color:#FFF;} div#content div#search div.form form p input.large{ width:374px; padding:10px 4px 10px 20px;} div#content div.form form p input.small{ width:65px;} div#content div.form form p input.middle{ width:200px;} /*---- form2 ----*/ div#content div#contact-form div.form2 form p{ margin-bottom:6px;} div#content div.form2 p label{ float:left; width:150px;} div#content div.form2 p span.required{ font-weight:bold; color:#2f78ad; float:left; width:28px;} div#content div.form2 p input.textbox{ border:#d6dce6 1px solid; padding:4px; width:360px; float:left;} div#content div.form2 p textarea{ border:#d6dce6 1px solid; padding:4px; width:360px; height:120px; float:left;} div#content div.form2 p input.submit{ background:url(../images/content/main/submit.jpg) 0 0 no-repeat; width:269px; padding:0px; font-size:210%; color:#FFF; float:right; border:0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; letter-spacing:-1px; word-spacing:-3px; line-height:25px; height:37px;} div#content div.form2 small{ color:#5c7cb1;} /*---- dashboard ----*/ div#dashboard{margin-bottom:20px; margin-right:-10px; position:relative; width:949px;} /*---- dashboard languaebar ----*/ div#languagebar { margin-bottom:10px;} div#languagebar ul li{ float:left; margin-right:5px;} div#languagebar ul li a{ border:#b9c7de 1px solid; padding:4px; font-size:110%; color:#535d6e; display:block; float:left; text-decoration:none;} div#languagebar ul li a img{ margin-right:5px; vertical-align:bottom;} div#languagebar ul li a:hover{ color:#FFF; background:#535d6e; border:0; padding:4px 5px;} /*---- dashboard features ----*/ div#features{ float:left; width:320px; margin-top:81px;} div#features h2{ font-size:180%; color:#7d98c4; line-height:26px; margin-bottom:15px; font-weight:normal;} /*---- dashboard sraerch ----*/ div#search{ float:right; width:628px;} div#content div#search div.form h2{ margin-left:-10px;} div#content div#search div.form form p label{ padding-left:8px;} /*---- Main ----*/ /*---- recommendation ----*/ div#recommendations{ padding-bottom:16px; background:url(../images/content/main/recommedation-bottom.jpg) 0 100% no-repeat;} div#recommendations div.inner{ border:#9fb9e4 1px solid; border-bottom:0; padding-bottom:10px;} div#recommendations h1{ background:url(../images/content/main/recommendation-heading.jpg) 0 0 repeat-x; line-height:50px; font-size:270%; color:#FFF; padding-left:20px; font-weight:normal; margin-bottom:5px;} div#recommendations a.button2{ margin-right:15px;} div#recommendations div.section{ padding:0 5px; margin-bottom:5px;} div#recommendations div.section div.details{ float:left; width:380px;} div#recommendations div.section div.details h2{ font-size:150%; color:#15418a; margin-bottom:10px; background:url(../images/content/main/h2-bg.jpg) 0 0 repeat-x; line-height:25px; padding-left:10px;} div#recommendations div.section div.details ul{ margin-bottom:10px; width:325px;} div#recommendations div.section div.details ul li{ font-size:120%; color:#535353; line-height:16px; margin-bottom:10px;} div#recommendations div.section div.details ul li span{ color:#7296d2; font-weight:bold; display:block;} div#recommendations div.section div.details a.more{ color:#4f6994; text-decoration:underline; background:url(../images/content/main/icon1.gif) 0 5px no-repeat; padding-left:15px; line-height:27px; display:block; font-size:120%; border-bottom:#dbdbdb 1px solid; border-top:#dbdbdb 1px solid; width:280px; padding-bottom:2px;} div#recommendations div.section div.details a.more:hover{ text-decoration:none;} div#recommendations div.section div.details p a:hover{ text-decoration:none;} div#recommendations div.image{ float:right; width:175px;} div#recommendations div.image img{ border:#dcdcdc 1px solid; padding:6px; margin-bottom:5px;} div#recommendations div.image a.button1{ float:right;} div#recommendations div.section div.details h2 span.rating{ float:left; margin-right:2px;} div#recommendations p.rating{ color:#393939; font-weight:normal; font-size:70%; float:right; margin:4px 10px 0 0; line-height:16px;} div#content span.rating{ float:right; background:url(../images/content/main/rating.gif) 0 0 no-repeat; height:14px; display:block; width:75px;} div#content span.rating span{ background:url(../images/content/main/rating.gif) 0 -15px no-repeat; height:14px; display:block;} /*---- Sidebar news-letter----*/ div#news-letter h2{ font-size:250%; color:#FFF; background:url(../images/content/sidebar/newsletter-heading.jpg) 0 100% no-repeat; padding-bottom:42px; text-align:center; line-height:15px; font-weight:normal;} div#news-letter p{ font-size:130%; color:#FFF; line-height:20px; margin-bottom:10px; margin-left:5px;} div#news-letter form p.textfield{ background:#FFF; padding:7px 6px; border:#506b9a 1px solid;} div#news-letter form p.textfield img{ margin-right:5px; vertical-align:bottom;} div#news-letter form p input.textbox{ width:255px; border:0;} div#news-letter form p input.submit{ font-size:120%; font-weight:bold; height:33px; width:207px; background:#bacff2; border:0; color:#FFF; margin-bottom:10px;} div#news-letter p a{ color:#e5efff; font-weight:bold;} /*---- Sidebar about-us----*/ div#about-us.box2{ padding:0 4px 5px; margin-bottom:30px;} div#about-us div.post{ background:url(../images/content/sidebar/arrow.gif) 0 100% no-repeat; padding:0 5px 20px 5px;} div.box2 div.post{ clear:both;} div.box2 div.post img{ float:left; margin:0 10px 10px 0;} div.box2 div.post div.entry p{ font-size:120%; color:#000; line-height:23px; margin-bottom:10px;} div.box2 div.post div.entry p a{ color:#5a7fc4; font-weight:bold; text-decoration:underline;} div.box2 div.post div.entry p a:hover{ text-decoration:none;} /*---- Sidebar latest----*/ div#latest{ padding-bottom:0px;} div#latest div.post div.entry{ margin-left:83px; padding:0 33px 0 0;} div#latest div.post div.entry p a{ font-size:130%;} div.box2 div.post div.metadata{ float:left; color:#000; background:#eaeaea; font-size:140%; font-weight:bold; width:73px; height:45px; text-align:center; margin:0 10px 10px 0;} div.box2 div.post div.metadata span{ background:#7fa0d7; color:#FFF; display:block; height:22px; line-height:22px; border-bottom:#fff 1px solid; margin-bottom:5px;} div#latest p.rss{ font-size:120%; background:url(../images/content/sidebar/rss-bg.jpg) 0 0 repeat-x; height:27px; line-height:27px; display:block; margin:0 -9px 1px; position:relative; padding-left:5px;} div#latest p.rss a{ background:url(../images/content/sidebar/rss.gif) 0 4px no-repeat; padding-left:40px; color:#6d6d6d;} /*---- Hotels-recommend----*/ div#hotels-recommend{ clear:both; background:#f6f6f6; padding:10px 10px 1px;} div#hotels-recommend h2{ font-size:310%; color:#9a9a9a; background:url(../images/content/hotels-heading.gif) 0 100% repeat-x; padding-bottom:10px; margin-bottom:14px; font-weight:normal;} /*---- Footer ----*/ div#footer div.wrapper{ padding:95px 0 20px 20px;} div#footer p{ font-size:140%; color:#dce2eb; margin-bottom:5px;} div#footer p a{ font-weight:bold; color:#dce2eb;} div#footer div.footer-nav ul li{ float:left; font-size:140%; margin-right:5px; color:#FFF; line-height:1.2em; } div#footer div.footer-nav ul li a{ color:#FFF;} div#footer div#social-links{ float:right; margin-top:-25px;} div#footer div#social-links a{ margin-right:10px;} /*---- Boxes ----*/ /*---- Box1 ----*/ div.box1 img.circle{ position:absolute; right:41px; top:33px;} div.box1 div.top{ background:url(../images/content/box1-top-middle.gif) 0 0 repeat-x; position:relative;} div.box1 div.top div.left{ background:url(../images/content/box1-top-left.gif) 0 0 no-repeat;} div.box1 div.top div.right{ background:url(../images/content/box1-top-right.gif) 100% 0 no-repeat; height:48px; line-height:48px;} div.box1 div.middle{ background:#7d98c4 url(../images/content/box1-middle-left.gif) 0 0 repeat-y;} div.box1 div.middle div.right{ background:url(../images/content/box1-middle-right.gif) 100% 0 repeat-y; padding:0 40px;} div.box1 div.bottom{ background:url(../images/content/box1-bottom-middle.gif) 0 0 repeat-x;} div.box1 div.bottom div.left{ background:url(../images/content/box1-bottom-left.gif) 0 0 no-repeat;} div.box1 div.bottom div.right{ background:url(../images/content/box1-bottom-right.gif) 100% 0 no-repeat; height:48px; line-height:48px;} /*---- Box2 ----*/ div.box2{ border:#e3e3e3 1px solid; padding:0 10px 5px; margin-bottom:20px;} div.box2 h2{ font-size:150%; color:#bdbdbd; line-height:18px; background:#FFF; padding:0 10px; margin-top:-10px; position:relative; float:left; margin-bottom:10px;} div.box2 div.inner{background:url(../images/content/sidebar1/arrow1.gif) -2px 100% no-repeat; padding:0 0 20px 0px; clear:both;} /*---- Box3 ----*/ div.box3{ background:#88a0c9 url(../images/content/sidebar/news-letter-bg.jpg) 0 0 no-repeat;} div.box3 div.inner{ background:url(../images/content/sidebar/news-letter-bottom.jpg) 0 100% no-repeat; padding:10px 24px 50px 14px; } /*---- Box4 ----*/ div.box4 div.bottom{ margin-bottom:20px;} div.box4 div.top{ background:#7d98c4 url(../images/content/box4-top-left.gif) 0 0 no-repeat; position:relative;} div.box4 div.top div.right{ background:url(../images/content/box4-top-right.gif) 100% 0 no-repeat; height:22px; line-height:22px;} div.box4 div.middle{ background:#7d98c4 url(../images/content/box4-middle-right.gif) 100% 0 repeat-y; padding:0 22px 0 10px;} div.box4 div.bottom{ background:url(../images/content/box4-bottom-middle.gif) 0 0 repeat-x; margin-top:-15px; position:relative;} div.box4 div.bottom div.left{ background:url(../images/content/box4-bottom-left.gif) 0 0 no-repeat;} div.box4 div.bottom div.right{ background:url(../images/content/box4-bottom-right.gif) 100% 0 no-repeat; height:22px; line-height:22px;} /*---- Box6 ----*/ div.box6 { background:#627faf; border:#acc0df 1px solid; padding:10px 13px 10px 5px; margin-bottom:15px;} div.box6 h2{ font-size:140%; color:#FFF; background:url(../images/content/sidebar1/box6-heading.jpg) 0 0 no-repeat; padding-left:15px; margin-bottom:10px;} div.box6 h2 span{ background:url(../images/content/sidebar1/box6-heading.jpg) 100% 0 no-repeat; height:27px; line-height:25px; display:block; padding-right:10px;} /*---- Box7 ----*/ div.box7{ background:#fff url(../images/content/sidebar1/box-top.gif) 0 0 no-repeat; padding-top:14px;} div.box7 div.bottom{ background:url(../images/content/sidebar1/box-bottom.gif) 0 100% no-repeat; padding-bottom:15px;} div.box7 div.bottom div.inner{ padding:1px 10px; border-left:#a0bae4 1px solid;} /*---- Buttons ----*/ /*---- Button1 ----*/ a.button1{ background:url(../images/content/main/button1.jpg) 0 0 no-repeat; padding-left:15px; font-size:100%; color:#000; display:block; float:left;} a.button1 span{ background:url(../images/content/main/button1.jpg) 100% 0 no-repeat; padding-right:15px; display:block; float:left; height:21px; line-height:21px;} a.button1:hover{ text-decoration:none;} /*---- Button2 ----*/ a.button2{ background:url(../images/content/main/button2.jpg) 0 0 no-repeat; padding-left:15px; font-size:150%; color:#fff; display:block; float:right; font-weight:bold;} a.button2 span{ background:url(../images/content/main/button2.jpg) 100% 0 no-repeat; padding-right:15px; display:block; float:left; height:35px; line-height:35px;} a.button2:hover{ text-decoration:none;} /*---- Button3 ----*/ a.button3{ background:url(../images/content/sidebar1/button3.jpg) 0 0 no-repeat; padding-left:8px; font-size:110%; color:#566988; display:block; float:left; font-weight:bold;} a.button3 span{ background:url(../images/content/sidebar1/button3.jpg) 100% 0 no-repeat; padding-right:8px; display:block; float:left; height:20px; line-height:20px;} a.button3:hover{ text-decoration:none;} /*---- Button4 ----*/ a.button4{ background:url(../images/content/main/button4.jpg) 0 0 no-repeat; padding-left:15px; font-size:200%; color:#fff; display:block; float:right;} a.button4 span{ background:url(../images/content/main/button4.jpg) 100% 0 no-repeat; padding-right:20px; display:block; float:left; height:57px; line-height:47px;} a.button4:hover{ text-decoration:none;} /*------------------------------------------ // 5. SB2 PAGE SPECIFIC STYLES //------------------------------------------*/ div#container.sb2 div#content div.wrapper div.wrapper-inner{ background:#fdfdfd url(../images/content/wrapper-top.jpg) 0 0 repeat-x; font-family:Verdana, Geneva, sans-serif;} /*---- h1 milan ----*/ div#content h1.milan{ clear:both; font-size:460%; color:#367db0; font-weight:normal; padding:2px 0 6px 0; border-bottom:#eaeaea 1px solid; margin-bottom:20px;} div#content h1.milan span{ color:#d1d1d1;} /*---- tags ----*/ div#content span#tags{ font-size:28%; float:right; background:url(../images/content/tag-icon.gif) 0 18px no-repeat; padding-left:16px; font-style:italic; margin-top:10px;} div#content span#tags a{color:#9f9f9f; margin-right:5px;} /*---- Breadcrumbs ----*/ div#breadcrumbs{ background:#b9cae5 url(../images/content/breadcrumbs.gif) 0 0 no-repeat; height:36px; float:right; width:620px; margin-bottom:40px;} div#breadcrumbs div.right{ background:url(../images/content/breadcrumbs.gif) 100% 100% no-repeat; height:36px; padding:0 10px;} div#breadcrumbs p{ background:url(../images/content/icon3.gif) 0 12px no-repeat; padding-left:25px; line-height:36px; font-size:130%;} div#breadcrumbs p a{ color:#5a7094; text-decoration:underline; margin-right:5px; background:url(../images/content/arrow.gif) 100% 7px no-repeat; padding-right:12px;} div#breadcrumbs p a:hover{ text-decoration:none;} div#breadcrumbs p span{ color:#5a7094; text-decoration:underline;} /*---- sidebar1 form ----*/ div#sidebar1 div.box4 div.form{ margin-bottom:0px; padding:0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;} div#sidebar1 div.box4 div.form form p{ margin-bottom:15px;} div#sidebar1 div.box4 div.form form p input.large{ width:230px;} div#sidebar1 div.box4 div.form form p input.small{ width:60px;} div#sidebar1 div.box4 div.form form p input.middle{ width:150px;} div#sidebar1 div.box4 div.form form p img{ margin-top:8px;} div#sidebar1 div.box4 div.form form p.checkbox label{ color:#f1f6ff; font-weight:normal; word-spacing:-2px;} div#sidebar1 div.box4 div.form form input.submit{ background:url(../images/content/submit2.jpg) 0 0 no-repeat; width:144px; font-size:140%; padding:5px 0 8px; letter-spacing:0; line-height:16px;} /*---- hotels----*/ div#hotels{ padding-bottom:20px;} div#hotels p{ font-size:120%; color:#0b0b0b; line-height:18px; margin-bottom:10px;} div#hotels p a{ color:#566988; font-weight:bold;} div#hotels div.post{ margin-bottom:10px;} div#hotels div.post h2{ font-size:120%; color:#676767; margin:0 0 10px 0; background:url(../images/content/main/h2-bg.jpg) 0 0 repeat-x; line-height:25px; padding-left:10px; float:none;} div#hotels div.post h2 span.rating{ margin-top:4px;} div#hotels div.post div.image{ float:left;} div#hotels div.post div.image div.frame{ background:#d0daea; margin:0 6px 10px 3px; padding:0 3px 3px 0; width:87px;} div#hotels div.post div.image div.frame img{ margin:-3px 0 0 -3px; position:relative;} div#hotels div.post div.entry p{ font-size:110%; color:#535353; line-height:18px; margin-bottom:20px; } div#hotels div.post div.entry p a{ color:#8dabdf; text-decoration:underline; font-weight:normal;} div#hotels div.post div.entry p a:hover{ text-decoration:none;} div#hotels div.post div.entry a.more-link{ color:#566988; float:right; font-weight:bold; text-decoration:none;} div#hotels div.post div.entry a.more-link:hover{ text-decoration:underline;} div#hotels div.post div.entry blockquote{ background:url(../images/content/sidebar1/blockquote.gif) 0 0 no-repeat; padding-left:30px;} div#hotels div.post div.entry blockquote p{ font-size:140%; color:#232323; font-weight:bold; margin-bottom:5px;} div#hotels div.post div.entry blockquote cite{ font-size:80%; color:#9d9d9d; line-height:18px; font-style:normal; font-weight:normal;} div#hotels div.post div.entry blockquote p.datestamp{ font-size:110%; color:#9d9d9d; line-height:18px; font-weight:normal;} div#hotels a.more{ font-size:190%; color:#000; line-height:18px; background:url(../images/content/sidebar1/hotels-more.gif) 0 4px no-repeat; padding-left:30px; letter-spacing:-1px; margin-top:50px; text-decoration:none; display:block;} div#hotels a.more span{ background:url(../images/content/sidebar1/more-border.gif) 0 100% repeat-x; padding-bottom:3px;} /*---- main----*/ div#main div.inner-main{ float:left; width:390px;} /*---- inner-main - post---*/ div#main div.inner-main div.post h2{ font-size:290%; font-weight:normal; margin-bottom:10px;} div#main div.inner-main div.post h2 a{ color:#7d98c4; text-decoration:none;} div#main div.inner-main div.post img{ border:#7d98c4 1px solid; padding:6px; margin-bottom:5px;} div#main div.inner-main div.post img.aligncenter{display:block; margin-left:auto; margin-right:auto;} div#main div.inner-main div.post img.alignleft{ float:left; margin:0 10px 10px 0;} div#main div.inner-main div.post img.alignright{ float:right; margin:0 0 10px 10px;} div#main div.inner-main div.post div.entry p{ font-size:120%; color:#535353; line-height:26px; margin-bottom:10px;} div#main div.inner-main div.post div.entry p a{ color:#1a4fa2; font-weight:bold;} /*---- sidebar2----*/ div.box5{ margin-bottom:20px;} div.box5 h2{ font-size:140%; color:#FFF; background:url(../images/content/heading.gif) 0 0 no-repeat; padding-left:15px; margin-bottom:10px;} div.box5 h2 span{ background:url(../images/content/heading.gif) 100% 0 no-repeat; display:block; line-height:30px; height:36px;} div#our-guide{ background:url(../images/content/guide-bg.gif) 0 100% no-repeat; padding-bottom:20px;} div#our-guide ul.list4 li{ background:none;} /*------------------------------------------ // 6 SB3 PAGE SPECIFIC STYLES //------------------------------------------*/ /*---- Advanced-Search/box6----*/ div#sidebar1 div#advanced-search h1{ color:#FFF; font-size:200%; margin-bottom:10px; font-weight:normal;} /*---- map----*/ div#map{ padding-bottom:10px; font-family:Verdana, Geneva, sans-serif;} div#map img{ margin-bottom:10px; border:#627faf 1px solid;} div#map h3{ font-size:150%; color:#627faf; line-height:18px; margin-bottom:5px;} div#map p{ font-size:120%; color:#040404; margin-bottom:5px;} div#map a.more{ color:#a8a8a8; text-decoration:underline; font-style:italic;} div#map a.more:hover{ text-decoration:none;} /*---- tourism----*/ div#tourism ul{ clear:both; padding:0 20px 0 10px;} div#tourism ul li{ background:url(../images/content/sidebar1/list-bg.gif) 0 5px no-repeat; padding-left:12px;} div#tourism ul li h3{ font-size:150%; color:#627faf; line-height:18px;} div#tourism ul li a{ font-size:120%; color:#000; line-height:18px; text-decoration:underline; margin-bottom:20px; display:block;} div#tourism ul li a:hover{ text-decoration:none;} /*---- Main----*/ /*---- List1----*/ div#main div.list1 h1{ font-size:220%; color:#000; font-weight:normal; line-height:18px; margin-bottom:10px;} div#main div.list1 h1 span{ color:#367db0;} div#main div.list1 h1 small{ float:right; color:#566988; font-size:55%;} div#main div.box{ background:#ecf0f7; padding:10px; border-color:#cdd3de; border-width:1px 0; border-style:solid; margin-bottom:10px;} div#main div.list1 div.box h2{ font-size:120%; color:#1b50a5; float:left; width:320px;} div#main div.list1 div.box form{ float:right;} div#main div.list1 div.box form label{ color:#7e8798; font-size:120%;} div#main div.list1 div.box form select{ font-size:100%; width:150px; color:#003580; border:0;} div#main div.list1 div.section{ background:#f8f8f8; border-color:#ebebeb; border-width:1px 0; border-style:solid; padding:10px; margin-bottom:10px;} div#main div.list1 div.section div.hotel-info{ margin-bottom:10px;} div#main div.list1 div.section div.hotel-info h2{ font-size:120%; color:#7e8798; margin-bottom:3px; float:left; width:425px;} div#main div.list1 div.section div.hotel-info h2 span.text{ float:left; margin-right:5px; line-height:20px;} div#main div.list1 div.section div.hotel-info h2 span.rating{ float:left;} div#main div.list1 div.section div.hotel-info div.adr p{ color:#8f8f8f; text-transform:uppercase; } div#main div.list1 div.section div.hotel-info div.adr p a{ color:#367db0;} /*---- Rating2----*/ div#main div.rating{ width:160px; float:right;} div#main div.rating p{ font-size:130%; color:#7e8798; margin-bottom:4px; padding-left:5px;} div#main div.rating p span{ font-weight:bold;} div#main span.rating2{ border:#367db0 1px solid; padding:1px; display:block; background:none; float:none; width:140px; height:9px;} div#main span.rating2 span{ background:#1b50a5; display:block; height:9px; line-height:9px;} div#main div.list1 div.section div.post{ margin-bottom:5px;} div#main div.list1 div.section div.post img{ float:left; margin:0 10px 10px 0; border:#7d98c4 3px solid; padding:0;} div#main div.list1 div.section div.post div.entry p{ font-size:130%; color:#000; line-height:18px; margin-bottom:10px; font-family:Verdana, Geneva, sans-serif;} div#main div.list1 div.section div.post div.entry a.more{ float:right; font-size:150%; color:#367db0; background:url(../images/content/main/more.gif) 0 0 no-repeat; padding-left:30px; line-height:16px; font-family:Verdana, Geneva, sans-serif; font-weight:bold;} div#main div.list1 div.section div.booking-info{ padding:5px; background:#e1e7f3;} div#main div.list1 div.section table{ font-family:Verdana, Geneva, sans-serif; } div#main div.list1 div.section table tr th{ background:url(../images/content/main/th-bg.jpg) 0 0 repeat-x; line-height:19px; border-color:#3f86bb; border-width:1px 0; border-style:solid; color:#ffffff; font-weight:normal; text-align:left;} div#main div.list1 div.section table tr th.first{ border-left:#3f86bb 1px solid; padding-left:5px;} div#main div.list1 div.section table tr th.last{ border-right:#3f86bb 1px solid;} div#main div.list1 div.section table tr td{ line-height:18px; vertical-align:middle; padding-top:5px;} div#main div.list1 div.section table tr td.first{ width:205px;} div#main div.list1 div.section table tr td span.flexible{ color:#73b1e0; font-size:90%; border:#9dcaea 1px solid; line-height:11px; padding:0 5px; margin-left:5px; background:url(../images/content/main/flexible-bg.jpg) 0 0 repeat-x; } div#main div.list1 div.section table tr td span.nearly{ color:#e79292; font-size:90%; border:#d2b5b5 1px solid; line-height:11px; padding:0 5px; margin-left:5px; background:url(../images/content/main/nearly-bg.jpg) 0 0 repeat-x; } div#main div.list1 div.section table tr td.rooms-info{ color:#c00808; width:110px;} div#main div.list1 div.section table tr td.price{ font-size:110%; color:#367db0; font-weight:bold; width:65px;} div#main div.list1 div.section table tr td.price span{ color:#9cb5c8; font-weight:normal; text-decoration:line-through;} div#main div.list1 div.section table tr td.reserve{ width:85px;} div#main div.list1 div.section table tr td a.reserve{ background:url(../images/content/main/reserve.jpg) 0 0 no-repeat; width:83px; height:28px; display:block; font-size:140%; color:#FFF; font-weight:bold; text-decoration:none; text-align:center; line-height:26px; letter-spacing:-1px;} div#main div#pagination a.previous{ font-size:140%; color:#b0bed7; font-weight:bold; background:url(../images/content/main/pre-arrow.gif) 0 0 no-repeat; line-height:21px; padding-left:25px; float:left; text-decoration:none;} div#main div#pagination a.next{ font-size:140%; color:#3e5e94; font-weight:bold; background:url(../images/content/main/next-arrow.gif) 100% 0 no-repeat; line-height:21px; padding-right:25px; float:right; text-decoration:none;} /*------------------------------------------ // 7 SB4 PAGE SPECIFIC STYLES //------------------------------------------*/ div#container.sb4 div#main{ font-family:Verdana, Geneva, sans-serif;} /*---- main----*/ div#main div.heading{ margin-bottom:10px;} div#main div.heading div.hotel-details{ float:left; width:282px;} div#main div.heading h1{ font-size:370%; color:#7d98c4; font-weight:normal; letter-spacing:-4px; word-spacing:-3px; margin-bottom:3px;} div#main div.heading h1 span.rating{ margin-top:5px;} div#main div.heading a#reservation{ padding-left:40px; position:relative;} div#main div.heading a#reservation img.hotel{ position:absolute; left:-80px; bottom:-6px;} div#main div.heading div.adr p{ font-size:140%; color:#8f8f8f; line-height:18px; } div#main div.heading div.adr p a{ color:#367db0; font-weight:bold;} /*---- tabs----*/ div#tabs{ border:#c5daf6 1px solid;} div#tabs ul.tabs{ margin-top:-1px; float:left;} div#tabs ul.tabs li{ font-size:140%; font-weight:bold; float:left; background:url(../images/content/main/tab-bg.jpg) 0 0 repeat-x; z-index:1; position:relative; } div#tabs ul.tabs li a{ float:left; display:block; color:#93b1d9; padding:0 30px; height:22px; line-height:22px; text-decoration:none;} div#tabs ul.tabs li#details a{ background:url(../images/content/main/details-tab.jpg) 100% 0 no-repeat; } div#tabs ul.tabs li#details.active{ z-index:3;} div#tabs ul.tabs li#details.active a{ background:url(../images/content/main/details-tab-active.jpg) 100% 0 no-repeat;} div#tabs ul.tabs li#gallery a{ background:url(../images/content/main/gallery-tab.jpg) 100% 0 no-repeat;} div#tabs ul.tabs li#gallery.active{ z-index:3;} div#tabs ul.tabs li#gallery.active a{ background:url(../images/content/main/gallery-active.jpg) 100% 0 no-repeat;} div#tabs ul.tabs li.active{ background:url(../images/content/main/tab-active-bg.jpg) 0 0 repeat-x;} /*---- tabs- top---*/ div#tabs div.top{ background:#fff;} div#tabs div.top div.rating{ float:right; width:310px; padding:4px 5px 0 0;} div#tabs div.top div.rating p{ float:right; padding:0; line-height:11px;} div#main div#tabs div.top div.rating span.rating2{ width:150px;} div#tabs div.tab-content{ margin-top:-1px; z-index:2; position:relative;} /*---- tabs- post---*/ div#tabs div.post{ background:#f1f7ff; padding:10px 10px 20px; border-bottom:#c5daf6 1px solid; border-top:#c5daf6 1px solid; margin-bottom:10px;} div#main div.frame2{ background:#fff url(../images/content/main/frame-left.gif) 0 100% no-repeat; float:left; margin:0 10px 10px 0;} div#main div.frame2 div.inner{ background:url(../images/content/main/frame-right.gif) 100% 100% no-repeat; padding:5px;} div#tabs div.post div.frame2 div.inner img{ margin-bottom:5px;} div#tabs div.post div.frame2 div.inner p{ font-size:110%; color:#566988; font-weight:bold; background:url(../images/content/main/zoom.gif) 5px 3px no-repeat; line-height:22px; padding-left:25px; margin-bottom:5px;} div#tabs div.post div.entry p{ font-size:130%; color:#293b58; line-height:18px; margin-bottom:15px;} div#tabs div.post div.entry h3{ font-size:130%; color:#293b58; margin-bottom:10px;} div#tabs div.post div.entry blockquote{ background:#fff url(../images/content/main/blockquote.gif) 10px 10px no-repeat; padding:14px 10px 5px 40px; border:#7d98c4 1px solid; margin-bottom:10px;} div#tabs div.post div.entry blockquote p{ font-size:160%; color:#293b58; margin-bottom:3px;} div#tabs div.post div.entry blockquote cite{ font-size:75%; color:#6289c6; line-height:18px; font-style:normal;} /*---- section----*/ div#tabs{background:#f9fcff;} div#tabs div.section{ padding:10px; margin-bottom:10px; } div#tabs div.section div.form{ background:#cae0ff; padding:15px 10px 15px 20px; margin:0; z-index:1; position:relative;} div#tabs div.section div.form img.circle{ position:absolute; right:5px; top:5px;} div#tabs div.section div.form form{ position:relative;} div#tabs div.section div.form form img.month-calendar{ position:absolute; top:46px; left:130px; z-index:2;} div#tabs div.section div.form p{ font-size:120%; color:#293b58; margin-bottom:10px;} div#tabs div.section div.form p span{ float:left;} div#tabs div.section div.form p img{ margin-right:10px;} div#tabs div.section div.form p label{ font-size:125%; color:#3f69ac; margin-bottom:8px;} div#tabs div.section div.form p select{ margin-right:5px; float:left; border:0; margin-top:4px;} div#tabs div.section div.form p select.small{ width:45px;} div#tabs div.section div.form p select.large{ width:110px;} div#tabs div.section div.form p input.submit{ font-size:120%; color:#FFF; font-weight:bold; background:url(../images/content/main/submit-button.jpg) 0 0 no-repeat; width:140px; height:32px; margin-top:16px;} div#tabs div.section p{ font-size:130%; color:#0a172f; line-height:18px; margin-bottom:15px;} div#tabs div.section p a{ color:#5787d4; font-weight:bold; font-style:italic; text-decoration:underline;} div#tabs div.section p a:hover{ text-decoration:none;} /*---- others----*/ div#tabs div#others{border-top:#c5daf6 1px solid; background:#f1f7ff; margin:0;} div#others h2{ font-size:150%; color:#1f3557; line-height:22px; margin-bottom:5px;} div#others div.other{ float:left; width:155px; margin-right:40px;} div#others div.other span.rating{ float:left;} div#others div.other img{ border:#6591d8 1px solid; margin-bottom:5px;} div#others div.other h3{ color:#5787d4; margin-bottom:3px; clear:both; padding-top:5px;} div#others div.other h3 a{ color:#5787d4; } div#others div.other p{ font-size:100%; color:#1f3557;} /*------------------------------------------ // 8 SB6 PAGE SPECIFIC STYLES //------------------------------------------*/ div#sidebar1 div#news-letter.box3{ background:#88a0c9 url(../images/content/main/news-letter-top.jpg) 0 0 no-repeat;} div#sidebar1 div#news-letter.box3 div.inner{ background:url(../images/content/main/news-letter-bottom.jpg) 0 100% no-repeat;} div#sidebar1 div#news-letter form p input.textbox{ width:223px;} /*----Trading-places----*/ div#trading-places{ background:#fdfdfd; padding-right:10px;g133} div#trading-places p{ font-size:140%; color:#000; line-height:18px; margin-bottom:10px;} div#trading-places p a{ color:#367db0; font-weight:bold; text-decoration:underline;} div#trading-places p a:hover{ text-decoration:none;} div#main div#trading-places h1{ font-size:310%; color:#9a9a9a; margin-bottom:10px; font-weight:normal;} div#main div#trading-places h1 span{ float:right; color:#367db0;} div#content h2.heading2 a.cities{ float:right; font-weight:normal; color:#7d98c4;} /*----Trading-places-section---*/ div#trading-places div.section{ margin-bottom:10px;} div#trading-places div.section h2{ margin-bottom:20px;} div#trading-places div.section img.map{ float:left; margin:0 20px 10px 0;} div#trading-places div.section ul.list8{ padding-top:10px;} /*----Trading-places-tabs---*/ div#trading-places div.tabs ul.tabs{margin-bottom:-1px; position:relative;} div#trading-places div.tabs ul.tabs li{ float:left; border-right:#d0daea 1px solid; border-top:#d0daea 1px solid; border-left:#d0daea 1px solid; font-size:140%; background:#d7e3f4; z-index:1; position:relative; margin-top:3px;} div#trading-places div.tabs ul.tabs li a{ color:#7d98c4; font-weight:bold; padding:0 15px; line-height:27px; text-decoration:none; display:block; float:left;} div#trading-places div.tabs ul.tabs li:hover, div#trading-places div.tabs ul.tabs li.active{ background:#ecf2fa; position:relative; z-index:3; margin:0;} div#trading-places div.tabs ul.tabs li:hover a, div#trading-places div.tabs ul.tabs li.active a{ color:#566988; line-height:30px;} div#trading-places div.tabs div.tab-content{ background:#ecf2fa; padding:10px; border:#d0daea 1px solid; z-index:2;} div#trading-places div.tabs div.tab-content div.directory{ background:url(../images/content/main/directory.gif) 0 0 no-repeat; padding-left:30px; margin-bottom:10px;} div#trading-places div.tabs div.tab-content div.directory div.right{ background:url(../images/content/main/directory.gif) 100% 0 no-repeat; padding-right:20px; height:27px; padding-top:13px;} div#trading-places div.tabs div.tab-content div.directory a{ font-size:140%; color:#b7c6df; font-weight:bold; margin-right:10px; text-decoration:none; } div#trading-places div.tabs div.tab-content div.directory a:hover, div#trading-places div.tabs div.tab-content div.directory a.active{color:#4b82db;} /*------------------------------------------ // 10. SB13 PAGE SPECIFIC STYLES //------------------------------------------*/ div#container.presentation div#content{ font-family:Verdana, Geneva, sans-serif;} div#container.presentation div#sidebar1{ width:250px;} div#container.presentation div#main{ width:670px;} div#sidebar1 h1{ font-size:460%; color:#d1d1d1; font-weight:normal; margin-bottom:20px;} /*----sidebar1-promotion---*/ div#promotion h3{ font-size:150%; color:#3b4b65; clear:both; margin-bottom:10px;} div#promotion ul li{ font-size:150%; line-height:28px; margin-bottom:5px;} div#promotion ul li a{ color:#547ab8;} /*----main-presentation---*/ div#main div#presentation h1{ font-size:460%; color:#3b4b65; font-weight:normal; margin-bottom:10px;} div#main div#presentation h3{ font-size:120%; color:#3b4b65; background:url(../images/content/main/h3-bg.jpg) 0 0 repeat-x; line-height:25px; padding-left:10px; margin-bottom:10px;} div#main div#presentation img.launch{ border:#7d98c4 5px solid; margin-bottom:10px;} div#main div#presentation p{ font-size:130%; color:#000; line-height:32px; margin-bottom:20px;} div#main div#presentation p a{ color:#367db0; text-decoration:underline;} div#main div#presentation p a:hover{ text-decoration:none;} div#main div#presentation p a.demo{ font-size:280%; color:#697891; font-weight:normal; font-style:italic; text-decoration:none; letter-spacing:-2px; word-spacing:-2px;} div#main div#presentation p a.demo:hover{ text-decoration:underline;} /*------------------------------------------ // 9. SB9 PAGE SPECIFIC STYLES //------------------------------------------*/ div#container.contact-page div#sidebar1{ margin:0; width:208px; background:#fcfcfc;} div#container.contact-page div#content{ font-family:Verdana, Geneva, sans-serif;} div#container.contact-page div#content h1{ font-size:460%; color:#d1d1d1; font-weight:normal; margin-bottom:10px;} div#container.contact-page div#content p{ font-size:140%; color:#000; line-height:25px; margin-bottom:10px;} div#container.contact-page div#content p a{ color:#367db0; text-decoration:underline;} div#container.contact-page div#content p a:hover{ text-decoration:none;} /*----sidebar1-contact---*/ div#sidebar1 div.contact{ margin-bottom:20px;} div#sidebar1 div.contact img.phone{ margin:20px 0 10px;} div#sidebar1 div.contact h4{ font-size:120%; font-weight:normal; color:#5c7cb1; line-height:18px;} div#container div#sidebar1 div.contact p{ font-size:120%; color:#000; line-height:18px; margin:0;} /*----sidebar1-contact-list---*/ div#sidebar1 div.box7 div.inner ul{ margin:-10px 0; position:relative;} div#sidebar1 div.box7 div.inner ul li{ font-size:120%; color:#000; line-height:25px;} div#sidebar1 div.box7 div.inner ul li span{ color:#367db0; font-weight:bold; padding:0 5px;} /*----contact-form/form2---*/ div#contact-form{ background:#f2f5f8; border:#9fb9e4; padding:1px; border:#9fb9e4 1px solid; width:580px;} div#content div#contact-form div.form2 h1{ font-size:270%; color:#FFF; padding-left:15px; background:url(../images/content/main/h1-bg.jpg) 0 0 repeat-x; line-height:50px; margin-bottom:10px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;} div#content div#contact-form div.form2 p{ font-size:130%; color:#000; line-height:22px; margin-bottom:20px; padding-left:10px;} div.form2 form{ padding:0 10px; margin-bottom:10px;} div.form2 form fieldset{border-bottom:#d6dce6 1px solid;} /* BLOG */ div#mainblog{ margin-top:65px; float:left; width:608px; color:#535353} div#mainblog div.post{ margin-bottom:25px; clear: both;} div.post h1.titulo {clear:both; font-size:300%; font-weight:normal; padding:2px 0 6px 0; border-bottom:#eaeaea 1px solid; margin-bottom:5px;} div.post h1.titulo a {color:#367db0; text-decoration:none;} div.post h1.titulo a:hover {color:#73B1E0;} div.post span.etiquetas {clear:both; font-size:110%; line-height:1.2em; float:left; background:url(../images/content/tag-icon.gif) no-repeat; padding-left:20px; font-style:italic; display: block;} div.post span.etiquetas a{color:#9f9f9f; margin-right:5px;} div.post span.fecha {clear:both; font-size:110%; line-height:1.4em; float:left; background:url(../images/content/date.png) no-repeat; padding-left:20px; padding-bottom:3px; font-style:italic; display: block; } div.post span.comentarios {font-size:110%; line-height:1.4em; float:right; background:url(../images/content/comment.png) no-repeat; padding-left:20px; padding-bottom:3px; font-style:italic; display: block; margin-right:8px; } div.post span.comentarios a{ color:#000; text-decoration:none;} div.post span.comentarios a:hover{ color:#666; } div.post div.entry {margin-top:7px; float:left; padding-right:8px;} div.post div.entry p{clear:both; font-size:120%; line-height:22px; float:left; margin-top:10px; } div.post div.entry p a{color: #194EB2} div.comment-author{font-size:110%; color:#969696} div.commentmetadata a{font-size:110%; text-decoration:none; color:#3F69AC} a.comment-edit-link {font-size:110%; text-decoration:none; color:#3F69AC} a.comment-edit-link:hover {font-size:110%; text-decoration:none; color:#2C4878} #commentform p{font-size:100%; color:#969696} #commentform p a {font-size:100%; text-decoration:none; color:#3F69AC} #commentform p a:hover {font-size:100%; text-decoration:none; color:#2C4878} .comment em{color:#C00808; margin:0; padding:5px; display:block; clear:both;} a.url {font-size:100%; text-decoration:none; color:#3F69AC} a.url:hover {font-size:100%; text-decoration:none; color:#2C4878} div.post h3 {clear:both; font-size:150%; font-weight:normal; padding:2px 0 6px 0; border-bottom:#eaeaea 1px solid; margin-bottom:5px; color:#7296D2; font-style:italic; font-weight:bold;} div#mainblog h2.pagetitle {clear:both; font-size:100%; font-weight:normal; margin:0 9px 3px 0; color:#666; font-style:italic; font-weight:bold; float:right;} /*---- List6----*/ .wp-tag-cloud{clear:both;} .wp-tag-cloud li{ color:#5781c2; font-weight:bold; float:left; width:95px; margin-bottom:10px;} .wp-tag-cloud li a{ color:#5781c2;} /* Formulario comentarios */ form#commentform{width:608px;} form#commentform textarea{width:590px;} /* Comentarios */ ol.commentlist{} ol.commentlist li{clear:both; margin-bottom:15px; float:left; width:100%; border-bottom:1px solid #EEE;} div.comment-author vcard{float:left;} /*Sidebar*/ div#sidebarblog {width:313px; margin-right:15px; margin-top:20px; } /*---- sidebarblog caja ----*/ div#sidebarblog div.box4 div.form{ margin-bottom:0px; padding:0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;} div#sidebarblog div.box4 div.form form p{ margin-bottom:15px;} div#sidebarblog div.box4 div.form form p input.large{ width:230px;} div#sidebarblog div.box4 div.form form p input.small{ width:60px;} div#sidebarblog div.box4 div.form form p input.middle{ width:150px;} div#sidebarblog div.box4 div.form form p img{ margin-top:8px;} div#sidebarblog div.box4 div.form form p.checkbox label{ color:#f1f6ff; font-weight:normal; word-spacing:-2px;} div#sidebarblog div.box4 div.form form input.submit{ background:url(../images/content/submit2.jpg) 0 0 no-repeat; width:144px; font-size:140%; padding:5px 0 8px; letter-spacing:0; line-height:16px;} /*---- Box6 ----*/ div#sidebarblog div.box6 { background:#627faf; border:#acc0df 1px solid; padding:10px 13px 10px 5px; clear:both;} div#sidebarblog div.box6 h2{ font-size:140%; color:#FFF; background:url(../images/content/sidebar1/box6-heading.jpg) 0 0 no-repeat; padding-left:15px; margin-bottom:10px;} div#sidebarblog div.box6 h2 span{ background:url(../images/content/sidebar1/box6-heading.jpg) 100% 0 no-repeat; height:27px; line-height:25px; display:block; padding-right:10px;} div#sidebarblog div.form div.advanced h1{ color:#FFF; font-size:200%; margin-bottom:1px; font-weight:normal;} /* Lista principal */ div#sidebarblog ul{ margin-left:10px; list-style-image: none; list-style-type: none } div#sidebarblog ul li{ color:#FFF; font-size:140%; line-height:16px; background:url(../images/content/sidebar1/list5.gif) 0 0 no-repeat; padding-left:18px; display:block; float:left; clear:both; margin:2px 0 2px 0;} div#sidebarblog ul li a{ float:right; color:#dbe9ff; font-size:90%; display:block;} /* Lista etiquetas*/ div#enlaces{ border:#e3e3e3 1px solid; padding:0 10px 5px; margin-bottom:20px;} div#enlaces h2{ font-size:150%; color:#bdbdbd; line-height:18px; background:#FFF; padding:0 10px; margin-top:-10px; position:relative; float:left; margin-bottom:10px;} div#enlaces div.inner{background:url(../images/content/sidebar1/arrow1.gif) -2px 100% no-repeat; padding:0 0 20px 0px; clear:both;} div#enlaces ul{ margin-left:10px; list-style-image: none; list-style-type: none } div#enlaces ul li{ padding:0px; margin:0px; background:none; font-size:140%; line-height:16px; margin:3px; text-align:left; display:block; width:auto; clear:none; border:1px solid #fff; } div#enlaces ul li a{color:#627FAF; font-size:90%; display:inline; float:none; text-decoration:none; } div#enlaces ul li a:hover{color:#7D98C4;}