/*
Theme Name: Hector Benitez Mini
Theme URI: http://www.hectorbenitez.com
Description: El tema de mi sitio web
Author: Hector Benitez
Version: 1.0
Tags: white, blue, two-columns, fixed-width, custom-header
*/

h2 {
    color: #0085a0;
    font-size: 18px;
}

a {
    color: #0085a0;
}


ul#menu { margin: 0; padding: 0; list-style: none; font-size: 16px; }
ul#menu li { margin: 0 20px 0 0; padding: 12px 0 0 0; float: left; text-transform: lowercase; }
ul#menu a { padding: 0; float: left; color: #000; text-decoration: none; font: 70%/150% Arial, Helvetica, sans-serif; text-transform: uppercase; }
ul#menu a:hover { color: #000; border-bottom: #DDD 4px solid; }
ul#menu a#menucurrent, ul#menu a#menuhighlight { padding: 0; color: #000; border-bottom: #DDD 4px solid; }
ul#menu li.blog { border-left: 1px solid #DDD; margin: 0 0 0 -10px; padding: 11px 0 0 10px; }
ul#menu li.blog a {
	color: #0085a0;
}
ul#menu li.blog a#menucurrent, div#header ul#menu li.blog a#menuhighlight { margin: 0; padding: 0; border: none; }
ul#menu li.blog a:hover { border: none; }
ul#menu li.blog a img { vertical-align: bottom; }

div.styled {
    margin-bottom: 30px;
    padding: 15px;
    background-color: #F7F7F7;
    border-top: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    color: #666;
}



div#content { margin: 0 auto; width: 900px; }

h1#snippet, p#snippet { margin: .6em 0 0 0; color: #D90000; font-size: 57px; font-family: Georgia, "Times New Roman", Times, serif; line-height: 120%; }
p#snippet span { display: block; font-size: 20px; color: #666; }
div#snippets h1 { display: block; font-size: 20px; color: #666; }
body#home div#snippets { position: relative; height: 230px; }
body#home div#snippets h1 { position: absolute; bottom: 0;  }
body#home div#snippets p#snippet { position: absolute; top: 0; }
div#introwrap { background: url(../images/introwrap_bk.png) no-repeat center top; float: left; width: 760px; }
div#intro { padding: 10px; background: url(../images/intro_bk.png) no-repeat center bottom; float: left; width: 740px; }
p#blurb { margin: 10px; float: left; width: 470px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 22px; line-height: 175%; }

div#showcase { padding: 15px; width: 210px; min-height: 260px; float: right; background: url(../images/showcase_bk.png) #D90000 no-repeat left top; }
div#showcase h3 { margin: 0 0 5px 0; }
div#showcase p { margin: 2px 0 0 0; text-align: right; }

div#main { margin: 20px 0 0 0; width: 580px; float: left; color: #333; }
body#home div#main { margin: 10px 0 0 0; width: 900px; float: left; color: #444; }
body#work div#main { width: 900px; }
div#main h1 { margin: 0; color: #D90000; font-size: 170%; }
div#main h2 { margin-top: 1em; color: #D90000; font-size: 170%; font-family: Georgia, "Times New Roman", Times, serif; }
div#main h3 { color: #000; }
div#main img { padding: 2px; border: 1px solid #EBEBEB; }
div#main img.alignleft  { margin: 5px 10px 10px 0; }
body#home div#main h2 { color: #D90000; font-size: 110%; text-transform: uppercase; letter-spacing: 1px; }
div#main div.post { border-bottom:1px solid #EEEEEE; margin: 25px 0 25px 0; padding-bottom: 15px; }
div#main div.post_single { margin: 25px 0 25px 0; padding-bottom: 15px; }
div#main div.post h3.title { margin: 0 0 2px 0; color: #D90000; font-size: 150%; }
div#main div.post h3.title a { color: #D90000; }
div#main div#archive h3.bites_title a { padding: 0 0 7px 53px; color: #333; font-size: 16px; background: url(../images/bites.png) no-repeat 0 2px; }
div#main div.post ul, div#main div.post ol { margin-left: 10px; }
div#main div.entry h2 { margin: 0 0 5px 0; }
div#main div.entry h2.title { margin: 25px 0 5px 0; padding-top: 25px; border-top: 1px solid #EEE; clear: both; }
div#main div.entry h2.first { margin: 0 0 5px 0; padding-top: 0; border-top: none; }
div#main div.entry h2.bites_title a { padding: 0 0 7px 53px; color: #333; font-size: 16px; background: url(../images/bites.png) no-repeat 0 2px; }
body#home div.feature h3 { }
body#home div.feature h3.title span { color: #999; font-weight: normal; font-size: 14px; }
body#home div.feature h3 a { padding: 0; color: #444; font-size: 14px; }
div#main div.entry ul, div#main div.entry ol, div#main div.post_single ol { margin-left: 10px; }
div#main div.entry ul li, div#main div.entry ol li, div#main div.post_single ol li {  margin-bottom: 10px; }
div#main img.wp-smiley { border: none; }

div#main h1 a, div#main h2 a { color: #D90000; text-decoration: none; }
div#main h1 a:hover, div#main h2 a:hover { text-decoration: underline; }
div#main h3 a { color: #444; text-decoration: none; }
div#main h3 a:hover { color: #444; text-decoration: underline; }
div#main h4 { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-weight: normal; color: #666; }
div#archive, div#page  { margin-top: 25px; }
div#service		{ margin-top: -1em;}

div#our_blog, div#about_us { margin-left: 20px; width: 340px; float: right; }
div#our_blog h2, div#about_us h2 { margin: 0 0 .7em 0; border-bottom: 1px solid #DDD; }
div#our_blog h2 { margin: 0 0 1em 0; }
div#our_work { width: 540px; float: left; }
div#our_work dl dt a { text-decoration: none; }
div#our_work dl dt a:hover { text-decoration: underline; }
body#home div#main h2#our_work_heading  { margin: 0; border-bottom: 1px solid #DDD; }
div#our_work h2 { border-bottom: 1px solid #DDD; }
body#home h2#our_clients { margin: 2.5em 0 .7em 0; border-bottom: 1px solid #DDD; }
div#about_us h2 { margin: 1.5em 0 .7em 0; border-bottom: 1px solid #DDD; }
body#home h2#our_product { margin: 2.5em 0 0 0; border-bottom: 1px solid #DDD; }
div#about_us { color: #333; }
div#about_us h3 { margin-bottom: 10px; }

div.done { margin: 1px 0 0 0; padding-top: 18px; float: left; width: 540px; border-bottom: 1px solid #DDD; background-color: #F7F7F7; }
div.done dl { margin: 0; padding: 0 20px; float: left; width: 500px; border-bottom: 1px solid #FFF; display: inline; }
div.done dt { margin: 0; padding: 0; float: right; width: 260px; font-size: 130%; color: #444; font-weight: normal; }
div.done dt span { color: #D90000; font-family:Arial, Helvetica, sans-serif; font-size: 65%; text-transform: uppercase; }
div.done dd { margin: 0 0 0 240px; padding: 0; color: #333; font: 85%/150% Arial, Helvetica, sans-serif; }
div.done dd.date, .done dd.this_tagline { margin-bottom: 10px; line-height: 100%; color: #999; }
div.done dl dd.img { margin: 0; }
div.done dd.img img { margin: 0 20px 0 0; padding: 2px; float: left; border: 1px solid #EEE; background: #fff; }
div.done dd.img a:hover img { border: 1px solid #DDD; }
div.done dd.end { clear: both; height: 18px; visibility: hidden; }

div.feature { }
div.feature h2 { margin-bottom: 0; padding-bottom: 5px; float: left; width: 100%; line-height: 100%;  }
body#home div.feature h3.title { margin: 0; }
body#home div.feature h2.title { margin: 30px 0 0 0; }
div.feature h3 a { text-decoration: none; }
div.feature a:hover { text-decoration: underline; }
div#main div.feature h4.date { margin: 0 0 .7em 0; font-size: 90%; color: #999; font-family: Arial, Helvetica, sans-serif; font-style: normal; }
div.feature p { margin: 0 0 1em 0; }
p.meta { margin: 0; font-size: 85%; font-family: Arial, Helvetica, sans-serif; color: #999; }
body#home p.meta { margin: 15px 0 0 0; font-size: 85%; font-family: Arial, Helvetica, sans-serif; color: #999; line-height: 100%; }
p.meta a { color: #444; }
p.meta a:hover { text-decoration: none; }
p.dig { margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px solid #EEE; }

div.row { margin: 1em 0;  float: left; background-color: #F7F7F7; width: 100%; border-bottom: 1px solid #EEE; border-top: 1px solid #EEE; }
body#work div.feature { padding: 20px 20px 0 20px; float: left;  font-size: 90%; border-bottom: 1px solid #FFF; border-top: 1px solid #FFF; }
body#work div.feature h2 { margin: 0 0 10px 0;  width: 320px; float: left; font-size: 180%; line-height: 100%; }
body#work div.feature h3 { margin-top: 0; width: 320px; float: left; font-size: 150%; line-height: 100%; }
body#work div.feature table { margin-bottom: 10px; clear: left; }
div.row div.feature p.work_img { margin: 0 0 20px 0; float: right; width: 540px; text-align: right; }
div.row div.second { margin: 0; }
div.row div.feature img { margin-bottom: -5px; padding: 2px; border: #EEE 1px solid; background-color: #FFF; }
div.row div.feature a:hover img { border: #DDD 1px solid; }

p.read_more { margin: 20px 0 0 0; }
p.read_more a { font-size: 100%; color: #000; text-transform: uppercase; text-decoration: underline; font-family: Arial, Helvetica, sans-serif; }
p.read_more a:hover { text-decoration: underline; }

table { border-collapse: collapse; width: 300px; }
table tbody { border: none; }
table tr { }
table td { padding: 3px 10px 3px 0; color: #333; border: none; border-bottom: 1px solid #EEE; font-family: Arial, Helvetica, sans-serif; vertical-align: top; }
table td.last { padding-bottom: 0; border-bottom: none; }
table td.add { background-color: #FFFFE6;  }
table td.label { width: 70px; color: #999; text-transform: uppercase; }
table td a { text-decoration: none; }
table td a:hover { color: #900; text-decoration: underline; }
dl.interview dt { margin-top: 1em;	}
dl.interview dd { margin: 1em 0; }

blockquote { margin: 1em 0; padding: 10px 10px 7px 40px; background: url(../images/blockquote_bk.png) #F7F7F7 no-repeat 10px 12px; }
blockquote p { margin: 0; font-size:14px; }
body#home blockquote.nifty { margin: 0; padding: 0; font-style: italic; background-color: #FFF; background-image: none; }
body#home p.niftycite a { font-weight: bold; color: #444; }
body#home p.niftycite a:hover { text-decoration: none; }
div.resource { margin-bottom: 10px; padding: 7px 10px 10px 45px; width: 185px; background: url(../images/planner_bk.png) #F7F7F7 no-repeat 10px 10px; }
div.resource h3 { margin: 0; font-size: 100%; color: #333; }
div#main div.resource h3 a { color: #000; }
div.resource p { margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: 90%; text-transform: uppercase; }

div.recently { margin: 20px 0; padding: 20px; background-color: #E9F3DE; border-top: #BFDCA0 1px solid; border-bottom: #BFDCA0 1px solid; }
div#main h2.recently { margin-top: 0; font-family: Georgia, "Times New Roman", Times, serif; letter-spacing: 0.2em; font-size: 100%; text-transform: uppercase; color: #9C6; }
div#main h2.separator { padding-top: 25px; border-top: 1px solid #EEE; }
div#main dl#recently { font-size: 90%; color: #333; }
div#main dl#recently dt { margin-top: 1em; font-size: 120%; font-weight: normal; }
div#main dl#recently dt a { color: #663; text-decoration: none; }
div#main dl#recently dt a:hover { color: #D90000; text-decoration: underline; }
div#main dl#recently dd { margin: 0; }
div#main dl#recently dd.date { font-size: 80%; color: #777; }
div#main dl#recently dd.excerpt p { margin: 0; }
div#main dl#recently dd.categories { font-size: 80%; color: #777; }
div#main dl#recently dd.categories a { text-decoration: none; }
div#main dl#recently dd a:hover { text-decoration: underline; }

div.entry { margin-top: 25px; }
p.author { margin: 5px 0 0 0; font-size: 85%; font-family: Arial, Helvetica, sans-serif; color: #999; }
div#main h3#comments { margin-bottom: 0; padding-bottom: 10px; border-bottom: 1px solid #DDD; color: #999; font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; font-size: 120%; font-weight: bold; }
div#main div.post ol.commentlist { margin: 1px 0; padding: 10px 0 1px 0; background-color: #F7F7F7; }
ol.commentlist li { margin: 0 20px 1em 35px; padding: 0; border-bottom: 1px solid #EEE; }
ol.commentlist li.last_comments { border: none; }
ol.commentlist li cite, ol.commentlist li cite a { color: #C90000; text-transform: none; }
em.info { font-size: 90%; color: #999; }
div#main h3#respond { margin: 0; padding: 1em 0 10px 0; border-bottom: 1px solid #DDD;border-top: 1px solid #DDD; color: #999; font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; font-size: 120%; font-weight: bold; }
p.commentmetadata { margin: 0; font-size: 90%; font-family: Arial, Helvetica, sans-serif; }
p.commentmetadata a { text-decoration: none; }
p.commentmetadata a:hover { text-decoration: underline; }
form#commentform label { display: block; color: #999; font-family: Arial, Helvetica, sans-serif; }
form#commentform input.input { border: 1px solid #DDD; color: #666; }
form#commentform textarea { border: 1px solid #DDD; color: #666; font-size: 140%; }

p.vcard_note { margin-top: 0; }
div#vcard { margin: 0; width: 580px; float: left; }
div#vcard p { margin-bottom: 0; }
div.vcard { margin: 0; float: left; width: 290px;  }
div.vcard h4.org { margin: 0; font-size: 130%; font-style: italic; font-weight: normal; color: #663; }
div.adr { font-size: 100%; }
span.country-name { }
div.vcard span.email { display: none; }

div#sub { margin: 20px 0 0 0; width: 300px; float: right; color: #666; }
body#home div#sub { margin: 10px 0 0 0; }
ul#submenu { margin: 25px 0 30px 0; padding: 0; float: left; width: 300px; list-style: none; font-size: 120%; background-color: #FFF; border-top: 1px solid #EEE; }
ul#submenu li { margin: 0;  float: left; width: 300px; border-bottom: #EEE 1px solid; }
ul#submenu li a { padding: 0 10px; float: left; width: 280px; line-height: 1.8em; text-decoration: underline; color: #333; border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; }
ul#submenu li a:hover { color: #111; text-decoration: none; }
ul#submenu li a#submenucurrent { color: #D90000; text-decoration: none; }

div#why { font-style: italic; }
div.single { margin-top: 30px; }

div#sub div { }
div#sub div h3 { font-size:110%; letter-spacing:1px; text-transform:uppercase; }

div#sub .top_line { margin: 0 -15px 1em -15px; padding: 15px 15px 0 15px; border-top: 1px solid #FFF; }
div#sub .bottom_line { margin: 0 -15px; padding: 0 15px 0 15px; border-bottom: 1px solid #FFF; }
div#sub div.styled  h3.blog { text-transform: uppercase; letter-spacing: 1px; font-size: 110%; }
ul.bullet li { margin: 0 0 15px 0; padding: 0 0 0 20px; list-style: none; background: url(../images/bullet_bk.png) no-repeat left 3px; }
div#sub div.styled  ul.blog li { margin: 0 0 10px 0; padding: 0 0 0 20px; list-style: none; background: url(../images/bullet_bk.png) no-repeat left 3px; }
div#sub div.styled  ul.blog li a { text-decoration: none; }
div#sub div.styled  ul.blog li a:hover { text-decoration: underline; }

div#sub a.linkage 		{ padding: 5px 5px 0 80px; width: 215px; height: 70px; text-decoration: none; color: #666; display: block; }
div#sub a.linkage:hover { color: #666; }

div#sub p.banners { margin: 0 0 30px 0; float: left; width: 100%; }
div#sub p span.banner_description 	{ float: left; }
div#sub p span.banner_link 			{ color: #009900; 	}
div#sub a.cb 	 { background: url(../images/cb.jpg) no-repeat; }
div#sub a.hotelo { background: url(../images/hotellotravel.jpg) no-repeat;  }

div#blog_side_box { margin-top: 30px; clear: both; }
ul.tags { margin-bottom: 20px; list-style: none; width: 100%; float: left;   border: none; }
ul.tags li { margin: 0; display: block; padding-left: 15px; width: 135px; float: left; border-bottom: 1px solid #EEE;  }
ul.tags li strong { color: #999; }
ul.tags li strong a { color: #333; }
ul.tags li strong.tag_link { margin-left: 0; padding: 5px 0; float: left; font-size: 14px; font-weight: normal; }
ul.tags li strong.tag_link a { margin-right: 3px; }
ul.tags li a.tag_feed_link { margin-right: 15px; padding: 5px 0; float: right; }

div.alignleft { padding: 0 20px 20px 0; float: left; }
div.navigation { margin-top: 10px; float: left; width: 100%; }
div#footer { width: 100%; float: left; }

div#meta { margin: 0 auto; width: 900px; border-top: 1px solid #DDD; color: #999; font-family: Arial, Helvetica, sans-serif; font-size: 90%; }
div#footer div#meta strong { font-weight: normal; }
div#meta a { text-decoration: none; color: #999; }
div#meta a:hover { text-decoration: underline; color: #666; }
p#copyright{ width: 50%; float: left; }
p#geekery { width: 50%; float: right; text-align: right; }

/* Form styles
----------------------------------------------------------- */

div.formset { margin-bottom: 1em; }
div.formset p.legend { margin-bottom: 1em; }
div.formset p.legend em { color: #C00; font-style: normal; }
div.formset div.errors { margin-bottom: 1em; padding: 5px 10px 5px 35px; border: #FC6 1px solid; background: url(../images/oops.png) #FFC no-repeat 5px 5px; }
div.formset div.errors p { margin: 0; }
div.formset div.errors ul { margin: auto; margin-bottom: 0.5em; list-style: disc; }
div.formset div.errors p em { color: #C00; font-style: normal; font-weight: bold; }
div.formset form p  { margin: 0; }
div.formset form fieldset legend { font-weight: bold; color: #666; }
div.formset form fieldset div { padding: 0.25em 0; }
div.formset label,
div.formset span.label { margin-right: 10px; padding-right: 10px; width: 100px; display: block; float: left; text-align: right; position: relative; }
div.formset label.error,
div.formset span.error { color: #C00; }
div.formset label em,
div.formset span.label em { position: absolute; right: 0; font-size: 120%; font-style: normal; color: #C00; }
div.formset input.error { border-color: #C00; background-color: #FEF; }
div.formset input:focus,
div.formset input.error:focus,
div.formset textarea:focus { background-color: #FFC; border-color: #FC6; }
div.formset div ul li { float: none; }
div.formset input.button { margin-left: 120px; float: left; }
div.formset textarea { width: 350px; height: 150px; overflow: auto; }
input#bx_name, input#bx_email, input#bx_subject { width: 250px; }

/* Form styles
----------------------------------------------------------- */
#contact_wrap { margin: 20px 0 0 0; padding-top: 20px; float: left; width: 100%; border-top: 1px solid #EEE; }
#contact_from { margin-bottom: 20px; padding: 0  20px 5px 20px; border: 1px solid #E6E6E6; background-color: #F7F7F7; }
#your_name { margin-top: 0; margin-right: 20px; width: 259px; float: left; }
#your_name_text { width: 250px; height: 20px; padding: 5px; background: url(../images/input_bk.jpg) #FFF no-repeat 0 0; }
#your_email { margin-top: 0; width: 259px; float: left; }
#your_email_text { width: 250px; height: 20px; padding: 5px; background: url(../images/input_bk.jpg) #FFF no-repeat 0 0; }

#your_message { width: 100%; }
#your_message_text { padding: 5px; width: 530px; height:130px; }
#your_file small { padding-right: 10px; }
#your_file input {}
#your_submit, #send_message { width: 200px; float: left; }
#your_submit input { width: 169px; height: 44px; border: none; background: url(../images/send_message.png) no-repeat 0 0; }
#contact_note { color: #999; font-family: Arial, Helvetica, sans-serif; font-size: 12px; width: 338px; float: left; }
.style_text_field { /*border: 1px solid #E6E6E6;*/ border: none;  }
p.label { color: #999; font-size: 14px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; line-height: 175%; }
p.label input, p.label textarea { color: #333; font-size: 14px; font-weight: normal; }
p.label textarea { background: url(../images/input_bk2.jpg) #FFF no-repeat 0 0; }
p.label small { font-weight: normal; }
#contact_from span.wpcf7-not-valid-tip-no-ajax { font-size: 12px; font-weight: normal; color: #BC0000; }
div.wpcf7 div.wpcf7-validation-errors { font-size: 12px; font-weight: normal; border: 1px solid #D80000; background-color: #FFBCBC; }
p#contact_form_success { color: #333; background-color: #DDF3D1; border: 1px solid #CBEDB8; margin: 20px 0 0 0; padding: 5px 10px; }
p#contact_form_success strong { font-weight: normal; }

.sidebarlist {
    margin: 0;
    padding: 0;
    list-style: none;
}

.sidebarlist .widget-container {
    margin-bottom: 20px;
}