/* Theme Name: Costamar Agencias V2 Theme URI: http://www.costamaragencias.com Description: Costamar Agencias Wordpress theme Version: 1.0 Author: Jose Galarza Author URI: http://www.costamaragencias.com */ /*Fuentes New*/ @font-face{ font-family: 'LDemibold'; src:url('css/type/lsansd.eot'); /* for IE */ src: local('LDemibold'), url('css/type/lsansd.woff') format('woff'), url('css/type/lsansd.svg#webfontJ3TIa2AI') format('svg'), url('css/type/lsansd.ttf') format('opentype'); } .post img{ width:850px!important; } /**/ /* @font-face{ font-family:'LDemibold'; src:url("css/type/LSANSD.eot"); src:local("LSANSD"), url("css/type/LSANSD.TTF") format("opentype"); }*/ @font-face{ font-family:'LDitalic'; src:url("css/type/LSANSDI.eot"); src:local("LSANSDI"), url("css/type/LSANSDI.TTF") format("opentype"); font-style:italic; } @font-face{ font-family:'MPBitalic'; src:url("css/type/MyriadP6.eot"); src:local("MyriadPro-BoldIt"), url("css/type/MyriadP6.ttf") format("opentype"); font-style:italic; } body{ font-family:Tahoma, Geneva, sans-serif; font-weight:normal; color:#333; font-size:11px;} .clear{clear:both;} .alignleft, .alignright{ margin:2px 6px; padding:4px; background:#fff; border:1px solid #e7e7e7; } .alignright{ float:right;} .alignleft{ float:left; } #wrapper{ } #contentwo{ } .bghome{ background:url(css/images/bg_body.jpg) repeat-x; } .bgpage{ background:url(css/images/bg_bodytwo.jpg) repeat-x; } #container{ min-width:1200px;} .bgini{ background:url(css/images/bg_radial.jpg) center top no-repeat;} .bgblo{ background:url(css/images/bg_radialtwo.jpg) center top no-repeat; } #header{ width:960px; margin:0 auto; padding-top:12px; } .headini{ height:470px;} .headbl{ height:156px; } #header #header_nav{ width:940px; margin:0 auto; height:33px;} #header_nav ul.menunav{ height:33px; display:block; width:auto; float:left; } #header_nav ul.menunav li{ display:block; width:auto; height:33px; line-height:33px; float:left; } #header_nav ul.menunav li a{ display:block; font-size:11px; text-transform:uppercase; padding:0 14px; color:#FFF; font-family:LDemibold; } #header_nav ul.menunav li a:hover{ background:url(css/images/bgpage.png) no-repeat center 1px; } #header_nav ul.menunav li a.selpage{ background:url(css/images/bgpage.png) no-repeat center 1px; } #header_nav ul.menunav li a.amin{ width:50px; text-align:center; } #header_nav ul.menunav li a.amin:hover{ background:url(css/images/bgchik.png) no-repeat center 1px; } #header_nav .search{ width:190px; float:right; height:33px; } #header_nav .search fieldset{ width:186px; height:24px; background:url(css/images/search.png) no-repeat 0 0; margin-top:4px;} #header_nav .search fieldset .busca{ margin-left:24px; display:block; padding:5px; font-size:11px; color:#969696; width:150px;} #header #logo{ display:block; width:278px; height:30px; float:left; margin:18px 10px;} #header #logo h1{ display:block; width:278px; height:30px; background:url(css/images/logo.png) no-repeat 0 0; text-indent:-9999px; } #header #logo h1 a{ display:block; height:30px; } #header #topDer{ width:108px; height:auto; float:right; margin-top:10px;} #header #topDer #wid_traduc{ height:26px; display:block; width:108px; margin:5px 0 5px 0; } #header #topDer #wid_traduc ul{ width:auto; display:block; height:26px; } #header #topDer #wid_traduc ul li{ display:block; width:26px; height:26px; float:left; margin:0 5px; } #header #topDer #wid_traduc ul li a{ display:block; height:24px; width:24px; text-indent:-9999px;} #header #topDer #wid_traduc ul li a.es{ background:url(css/images/peru.png) no-repeat 0 0;} #header #topDer #wid_traduc ul li a.us{ background:url(css/images/usa.png) no-repeat 0 0;} #header #topDer #wid_traduc ul li a.co{ background:url(css/images/co.png) no-repeat 0 0;} #header ul#rssuscribe{ display:block; height:48px; width:100px; margin-top:15px; } #header ul#rssuscribe li{ float:left; } #header ul#rssuscribe li a{ display:block; width:48px; height:48px; text-indent:-9999px; } #header ul#rssuscribe li a.rss{ background:url(css/images/rss.png) no-repeat 0 0; } #header #slidePromo{ width:960px; height:370px; margin:0 auto; position:relative;} #header #slidePromo .bordershadow{ width:80px; height:80px; background:url(css/images/bordershadow.png) no-repeat 0 0; position:absolute; z-index:10; } #header #slidePromo .les{ background-position:0 0; left:0; bottom:10px; z-index:10; } #header #slidePromo .ris{ background-position:-80px 0; right:0; bottom:10px; z-index:10; } #header #slidePromo .static{ margin:0 auto; width:930px; height:330px; padding:5px; background:#fff; position:relative; } #header #slidePromo .static .boximage{ width:930px; height:330px; position:relative; } #header #slidePromo .boximage .reel_img{ position:absolute; } #header #slidePromo .boximage #slide{ display:block; width:930px; height:330px; position:relative; overflow:hidden;} #header #slidePromo .boximage #slide ul, li{ margin:0; padding:0; list-style:none; } #header #slidePromo .boximage #slide ul li{ position:relative; height:330px; width:auto; } #header #slidePromo .boximage #prevBtn a{ display:block; width:27px; height:70px; z-index:11; position:absolute; top:120px; left:-32px; text-indent:-9999px; background:url(css/images/nepr.png) no-repeat -27px 0px; } #header #slidePromo .boximage #nextBtn a{ display:block; width:27px; height:70px; text-indent:-9999px; background:url(css/images/nepr.png) no-repeat 0 0; z-index:11; position:absolute; top:120px; right:-32px; } #header #slidePromo .boximage #slide ul li a span{ height:30px; width:auto; background:url(css/images/bgspan.png) no-repeat right 0; position:absolute; z-index:8; top:220px; left:0; font-family:LDitalic, Tahoma; font-style:italic; font-size:18px; line-height:30px; color:#fff; padding:0 30px 0 20px; } #header #slidePromo .paging{ display:block; width:940px; margin:0 auto; height:20px; padding-top:10px; background:url(css/images/shadow.png) no-repeat 0 0; } #content{ width:940px; margin:0 auto; height:auto; } #content #main{ width:660px; height:auto; padding:8px 20px 0 20px; float:left; margin:0; } #content #main h2.e4{ font-size:48px; font-family:Georgia, "Times New Roman", Times, serif; color:#CCC; padding:20px 0 0 30px; } #content #main span.er4{ font-size:24px; font-family:Georgia, "Times New Roman", Times, serif; color:#c9c9c9; padding:20px 0 0 30px; } #content #main h3.nor{ font-size:18px; font-family:Georgia, "Times New Roman", Times, serif; color:#069; } #content #main h2.ptitle{ display:block; padding-bottom:20px; font-family:MPBitalic, Tahoma; font-size:22px; font-style:italic; color:#ff6316; background:url(css/images/bgtitle.png) no-repeat center bottom; } #content #main .post{ display:block; width:660px; padding-bottom:10px; } #content #main .bor{ border-bottom:1px dashed #c9c9c9; margin-bottom:15px; } #content #main .seapost{ border-bottom:1px dashed #E8E8E8; } #content #main .seapost a.gou{padding-left:20px; background:url(css/images/arros.png) no-repeat 0 1px; } #content #main .post .thumb{ float:left; margin:0 10px 0 5px; width:132px; height:92px; padding:9px; background:url(css/images/bgimgpost.jpg) no-repeat 0 0; } #content #main .post .thumb img{ padding:0; border: none; background:none; } #content #main .post .thumb img.minipost{ width:132px; height:93px; } #content #main .post small{ font-size:10px; color:#767676; padding:5px 0; } #content #main .post small a{color:#F60; border-bottom:1px dashed #F60; } #content #main .post h2{ font-size:16px; font-family:LDemibold, Tahoma, Arial; color:#048cba; padding:8px 0 6px 0; } #content #main .post h2 a{ font-size:16px; color:#048cba;} #content #main .post h2 a:hover{ text-decoration:underline; color:#048cba; } #content #main .post ul#office{ list-style:none; } #content #main .post ul#office{ height:36px; width:auto; margin:5px auto; } #content #main .post ul#office li{background:none; padding-left:0; line-height:36px; display:block; display:inline; font-weight:bold; float:left; margin-right:5px; } #content #main .post ul#office li span{ background:url(css/images/agency.png) no-repeat 0 0; text-align:center; margin-right:4px; color:#fff; line-height:34px; width:34px; height:34px; float:left; display:block; } #content #main .post ul{ display:block; width:auto; height:auto;} #content #main .post ul li{ display:block; height:auto; line-height:16px; padding:2px 0 0 18px; margin:2px 0 0 5px; background:url(css/images/bullet.gif) no-repeat 0 2px; } #content #main .post a.mas{ color:#fff; font-size:10px; font-weight:bold; padding:2px 4px; background:#555; } #content #main .post a.mas:hover{ background:#333; } #content #main p{ font-size:11px; line-height:16px; margin:8px 0 8px 0; color:#454545;} #content #main #comentarios{ width:660px; height:auto; margin:0 auto;} #content #main #comentarios h3{ text-align:right; color:#93bdd8; display:block; height:auto; font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; margin:5px 0; } #content #main #comentarios ol{ margin:0; padding:0; width:660px; height:auto; list-style:none; } #content #main #comentarios ol li{ display:block; margin-bottom:2px; list-style:none; } #content #main #comentarios ol .comment{ background:url(css/images/bgcom.jpg) no-repeat 0 0 #f6f6f6; width:660px; height:auto; border-bottom:1px solid #ebebeb; padding:10px 0 0 0; } #content #main #comentarios ol .alt{ background:url(css/images/bgcom2.jpg) no-repeat 0 0 #f9f9f9; } #content #main #comentarios ol .comment .cname{ background:url(css/images/bub.png) no-repeat 0 0; display:block; padding:2px 0 0 30px; margin-left:8px; color:#786353; font:bold 13px Arial, Helvetica, sans-serif; line-height:18px; } #content #main #comentarios ol .comment .cname a{ color:#786353; } #content #main #comentarios ol .comment p{ padding:10px; display:block; margin:5px 0; height:auto; line-height:14px; font-size:11px; color:#777; } #content #main #comentarios ol .comment em{ line-height:16px; color:#069; font-weight:bold; padding-left:10px; } #content #main #comentarios ol .comment .foocomm{ display:block; height:20px; background:url(css/images/bgdate.jpg) no-repeat 0 0 ; } #content #main #comentarios ol .comment .foocomm small{ padding:0 6px; font-size:10px; color:#7c7c7c; display:block; float:left; line-height:20px; } #content #main #comentarios ol .comment .foocomm a.reply{ line-height:20px; padding:0 6px; display:block; float:right; font-size:11px; font-weight:bold; color:#787878;} #content #main #comentarios a#showformu{ height:20px; font-size:11px; font-weight:bold; color:#333; padding:5px; line-height:16px; padding-left:18px; } #content #main #comentarios a.bot{ background:url(css/images/bot.png) no-repeat left 4px;} #content #main #comentarios a.upt{ background:url(css/images/upt.png) no-repeat left 4px;} #content #main #comentarios fieldset{ width:480px; height:auto; display:block; margin:0 auto; } #content #main #comentarios #formu{ width:480px; margin:0 auto; } #content #main #comentarios #commentform{ width:480px; height:auto; } #content #main #comentarios #commentform label{ display:block; min-height:26px; margin:8px 0; } #content #main #comentarios #commentform label span{ color:#777; width:160px; display:block; float:left; text-align:right; font:bold 11px Tahoma, Geneva, sans-serif; line-height:26px; padding:0 10px 0 0; } #content #main #comentarios #commentform label input.datos{ padding:6px; height:14px; border:1px solid #c9c9c9; background:#fff; width:280px;} #content #main #comentarios #commentform label textarea{ width:280px; padding:6px; border:1px solid #c9c9c9; background:#fff; height:100px;} #content #main #comentarios #commentform input#submit{ font-size:12px; width:380px; margin-left:86px; padding:0; border:1px solid #4191c0; background:url(css/images/bgsubmit.jpg) repeat-x 0 0; color:#fff; height:30px; line-height:30px; font-weight:bold;} #content #bloM{ width:225px; height:240px; float:right; margin:0 10px 0 0; } #content .boxuser{ width:225px; height:108px; background:url(css/images/motor.jpg) no-repeat 0 0; margin-top:10px; } #content .boxuser span.title{ font-size:14px; font-family:LDemibold, Tahoma, Arial; color:#fe8707; display:block; padding:10px 0 12px; text-align:center; } #content .boxuser fieldset{ width:205px; height:26px; margin:0 auto; display:block; background:url(css/images/motor.jpg) no-repeat 0 -136px; position:relative; } #content .boxuser label{ font-weight:bold; font-size:11px; position:absolute; top:7px; left:8px; color:#a8a8a8; } #content .boxuser input.muser{ font-weight:bold; color:#777; display:block; margin-left:56px; width:140px; font-size:11px; height:22px; padding:5px 0 0 0;} #content .boxuser input.submit{ color:#333; font-size:12px; line-height:28px; font-weight:bold; height:28px; display:block; margin:8px auto 0 auto; width:120px; background:url(css/images/motor.jpg) no-repeat 0 -108px; } #content a.blogs{ display:block; width:225px; height:100px; background:url(css/images/2peru.jpg) no-repeat 0 0; margin:7px auto; text-indent:-9999px; } #content .fonex{ background: url(http://costamaragencies.com/es/wp-content/themes/cagency/css/images/blogs.jpg) no-repeat 0px 0px; display: block; height: 49px; margin: 7px auto; text-indent: -9999px; width: 225px; } #content .bpe{ background-position:0 0; } #content .bus{ background-position:0 -49px; } #content #side{ width:225px; height:auto; float:right; } #content #side #promo, #content #side #notis, #content #side .smore{ position:relative; height:auto; display:block; width:225px; margin:8px auto; } #content #side h4{ font-size:16px; position:absolute; color:#ff6c00; font-family:LDemibold, Tahoma, Arial; height:50px; line-height:50px; margin: 0; left:10px; z-index:1;} #content #side h4 a{ color:#ff6c00; } #content #side h4 img{ float:left; } #content #side .lista{ width:225px; display:block; position:relative; height:auto; padding-top:36px; } #content #side .lista ul{ width:225px; margin:0 auto; display:block; padding-top:18px; } #content #side .lista ul.oll{ background:url(css/images/bgside.jpg) no-repeat -450px 0; height:auto !important; height:200px; min-height:200px; } #content #side .lista ul.oll a{ background:url(css/images/arrow.png) no-repeat 0 0; } #content #side .lista ul.promo{ background:url(css/images/bgside.jpg) no-repeat -225px 0; } #content #side .lista ul.promo a{ height:auto; line-height:16px; color:#a34313; padding:0 0 0 22px; background:url(css/images/picture.png) no-repeat 0 0; } #content #side .lista ul.not{ background:url(css/images/bgside.jpg) no-repeat 0 0; } #content #side .lista ul.not a{ background:url(css/images/newx.png) no-repeat 0 0; } #content #side .lista ul li{ width:204px; display:block; margin:0 auto 10px auto; height:auto; padding-bottom:4px; border-bottom:1px dashed #f9f9f9; } #content #side .lista ul.not li{ border-color:#C0E7F1;} #content #side .lista ul.promo li{ border-color:#FEE0C0;} #content #side .lista ul.oll li{ border-color:#E2E2E2;} #content #side .lista ul li .minmg{ padding:11px 8px; float:left; margin:0 5px 0 0; width:64px; height:38px; background:url(css/images/bgphoto.png) no-repeat 0 0; } #content #side .lista ul li a{ line-height:16px; display:block; font-size:11px; font-weight:bold; color:#067397; padding-left:22px; } #content #side .lista ul li a:hover{ text-decoration:underline; } #content #recents{ width:940px; height:auto; margin-top:10px; } #content #recents .popular{ width:290px; height:auto; position:relative; margin:0 11px 0 11px; float:left; display:inline; } #content #recents .popular h4{font-size:16px; color:#fe6c00; font-family:LDemibold, Tahoma, Arial; display:block; height:50px; line-height:50px; position:absolute; left:10px; z-index:1; } #content #recents .popular h4 a{ font-size:16px; color:#fe6c00; } #content #recents .popular h4 img{ float:left; margin-right:4px; } #content #recents .popular h4.taero{ width:290px;} #content #recents .popular h4 a span.more{ float:right; display:block; height:16px; font: normal 11px Tahoma; color:#1077b8; padding-right:20px; padding-top:20px;} #content #recents .popular .minpost{ position:relative; padding-top:36px; /*top:36px;*/ width:290px; height:320px; } #content #recents .popular .minpost ul{ width:290px; height:auto; margin:0 auto; display:block; padding-top:18px; } #content #recents .popular .minpost ul.notis{ background:url(css/images/bgpopular.jpg) no-repeat 0 0; } #content #recents .popular .minpost ul.promo a{ padding-top:4px;} /**/ /* Lista aeroLineas */ #content #main ul.aeros{ display:block; width:640px;} #content #main ul.aeros li{ display:block; float:left; width:90px; height:90px; margin:15px; margin-top:0;} #content #main ul.aeros li a{ display:block; width:90px; height:90px; overflow:hidden; } /* Modificado */ #content #recents .popular .minpost ul.aero{ width:260px; padding:0 8px 0 22px; background:url(css/images/bgpopular.jpg) no-repeat -290px 0; padding-top:18px; } #content #recents .popular .minpost ul.aero li{ width:70px; height:50px; float:left; margin-right:16px; margin-bottom:5px; } #content #recents .popular .minpost ul.aero li.clear{ height:1px; clear:both; display:block; width:auto; float:none; padding:0; margin:0; } #content #recents .popular .minpost ul.aero li a{ width:70px; height:50px; overflow:hidden; text-decoration:none; color:#6d6d6d; padding:0; } #content #recents .popular .minpost ul.aero li a img{ border:0; text-indent:0; } /**/ #content #recents .popular .minpost ul.tool{ background:url(css/images/bgpopular.jpg) no-repeat -290px 0; } #content #recents .popular .minpost ul.tool li{ height:16px; margin-bottom:16px;} #content #recents .popular .minpost ul.tool li a{ line-height:16px; text-decoration:none; color:#6d6d6d; padding-left:18px; background:url(css/images/arroy.png) no-repeat 0 0; } #content #recents .popular .minpost li{ display:block; margin:0 auto 6px auto; width:260px; height:64px; } #content #recents .popular .minpost li a{ line-height:16px; display:block; font-size:11px; font-weight:bold; color:#067397; text-decoration:underline; } #content #recents .popular .minpost li .imgphoto{ padding:11px 8px; float:left; margin:0 5px 0 0; width:64px; height:38px; background:url(css/images/bgphoto.png) no-repeat 0 0;} #content #recents .popular .minpost li img.minipro{ width:64px; height:38px; border:none;} #content #recents .popular .minpost li a.noti{ padding-left:22px; background:url(css/images/newx.png) no-repeat 0 0; } #content #recents .popular .minpost li p{ text-align:justify; font-size:11px; padding:8px 0; border-bottom:1px dashed #a3c6dc; } #content .separa{ height:15px; background:url(css/images/separa.jpg) no-repeat center;} /* Enlaces */ #content ul.links{ display:block; height:auto; width:940px; height:30px; border-top:1px solid #f2f2f2; padding-top:8px;} #content ul.links li{ display:block; float:left; height:18px; width:178px; } #content ul.links li:last-child{ border:none; } #content ul.links li.tit{ height:18px; border:none;} #content ul.links li.tit span{ display:block; padding-left:24px; display:block; color:#fe6c00; background:url(css/images/tools.png) no-repeat left; line-height:18px; font-weight:bold; } #content ul.links li a{ line-height:18px; line-height:18px; text-decoration:underline; color:#1077b8; display:block; text-align:center; } #footer-container{ background:url(css/images/bgfooter.jpg) repeat-x #0A7EA7; margin-top:15px; } #footer{ width:940px; margin:0 auto; height:auto !important; height: 100px; min-height:100px; background:url(css/images/shadowFooter.png) no-repeat 0 top; } #footer p, #top{ color:#fff; line-height:16px; margin:8px; font-weight:bold; font-size:11px;} #footer p{ float:left; } #footer #top{ float:right; width:60px; display:block; padding-right:18px; text-align:right; background:url(css/images/top.gif) no-repeat right 0; height:16px; } .banner{ display:block; width:760px; height:auto; margin 2px auto;} div.wpcf7 { margin: 0; padding: 0; } div.wpcf7-response-output { margin: 2em 0.5em 1em; padding: 0.2em 1em; } div.wpcf7-mail-sent-ok { border: 2px solid #398f14; } div.wpcf7-mail-sent-ng { border: 2px solid #ff0000; } div.wpcf7-spam-blocked { border: 2px solid #ffa500; } div.wpcf7-validation-errors { border: 2px solid #f7e700; } span.wpcf7-form-control-wrap { position: relative; } span.wpcf7-not-valid-tip { position: absolute; top: 20%; left: 20%; z-index: 100; background: #fff; border: 1px solid #ff0000; font-size: 10pt; width: 280px; padding: 2px; } span.wpcf7-not-valid-tip-no-ajax { color: #f00; font-size: 10pt; display: block; } span.wpcf7-list-item { margin-left: 0.5em; } .wpcf7-display-none { display: none; } div.wpcf7 img.ajax-loader { border: none; vertical-align: middle; margin-left: 4px; } div.wpcf7 .watermark { color: #888; } /*ultima modificacion contrasea*/ #content #main p { line-height:19px; } #content .boxuser p.separar{ height:10px; } #content .boxuser input.mcontra{ font-weight:bold; color:#777; display:block; margin-left:77px; width:140px; font-size:11px; height:22px; padding:2px 0 0 0;} #content .boxuser input.muser{padding-top:2px!important;} #content .boxuser{ height:150px!important; } #content .boxuser{ width:225px; height:108px; background:url(css/images/motor2.jpg) no-repeat 0 0; margin-top:10px; } #content .boxuser fieldset{ width:205px; height:26px; margin:0 auto; display:block; background:url(css/images/motor2.jpg) no-repeat 0 -178px; position:relative; } #content .boxuser input.submit{ color:#333; font-size:12px; line-height:28px; font-weight:bold; height:28px; display:block; margin:8px auto 0 auto; width:120px; background:url(css/images/motor2.jpg) no-repeat 0 -150px; } /**/