body {
font-family: 'Roboto', sans-serif;
font-weight: 300;
background-color: #efefef;
padding: 0;
margin: 0;
}

a img { border: none }

h1.logo { font-size: 50px; font-weight: 700; color: #ffffff; text-transform: uppercase; padding: 0; margin: 0; line-height: 0.8em; }
h2.logo { font-size: 70px; font-weight: 700; color: #ffffff; text-transform: uppercase; padding: 0; margin: 0 0 25px 0; line-height: 0.9em; }
h3.logo { font-size: 18px; font-weight: 300; color: #ffffff; text-transform: lowercase; padding: 0; margin: 0; line-height: 1em; letter-spacing: 3px; }
header { display: block; margin-top: 25px; text-shadow: 1px 2px 3px #2c2c2c; }

.content h1 { font-size: 22px; font-weight: normal; text-transform: uppercase; }
.content h2 { font-size: 18px; font-weight: normal; }
h2.sub { text-transform: uppercase; padding: 0; margin: 0; letter-spacing: 2px; }
.content h3 {  }
.content h4 {  }
.content h5 {  }
.content h6 {  }

p {
line-height: 1.5em;
}

a {
}

strong {
font-weight: 700;
}

.wrap { width: 1200px; margin: 0 auto; }

.top { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4c4c4c+0,303030+100 */
background: #4c4c4c; /* Old browsers */
background: -moz-linear-gradient(top,  #4c4c4c 0%, #303030 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #4c4c4c 0%,#303030 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #4c4c4c 0%,#303030 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#303030',GradientType=0 ); /* IE6-9 */
 padding: 1px }
.top p { color: #dedede; font-size: 14px; float: right; }

.content { padding: 0 0 0 0; background-color: #ffffff; margin-top: -100px; }
.content p { font-size: 14px; color: #4c4c4c; }

ul.navigation { list-style: none; margin: 5px 0 0 0; padding: 10px; font-size: 13px; text-transform: uppercase; }
ul.navigation li { display: inline; }
ul.navigation li a { color: #ffffff; text-decoration: none; padding: 0 7px; }
ul.navigation li a:hover { color: #4DBCE9; }
ul.navigation li a.listed { color: #4DBCE9; font-weight: 500; }

.nav-left { float: left; width: 60%; }
.nav-right { float: left; width: 40%; text-align: right; }
.nav-right a { color: #ffffff; text-decoration: none; }

.banner { height: 520px; background-color: #eaeaea; padding: 10px 0; background-size: cover; background-image: url('/images/street.jpg') !important; }
.banner .wrap { position: relative; }
.banner h1.logo { text-shadow: 1px 1px 1px #000000; padding: 105px 0 0 0; }
.banner h2.logo { text-shadow: 1px 1px 1px #000000; }
.formbox { margin: 0 auto; top: 6px; width: 600px; background-color: rgba(38, 173, 228, 0.95); padding: 16px 16px 8px 16px; }
.formbox h1 { text-align: center; background-color: #000000; padding: 10px 10px 0 10px; color: #ffffff; font-size: 19.75px; text-transform: uppercase; font-weight: 700; margin: 0; }
.formbox h2 { text-align: center; background-color: #000000; padding: 0 10px 10px 10px; color: #ffffff; font-size: 13.25px; text-transform: capitalize; font-weight: normal; margin: 0; }
.formbox p:nth-of-type(1), .formbox p:nth-of-type(2), .formbox p:nth-of-type(3), .formbox p:nth-of-type(4) , .formbox p:nth-of-type(5) { background-color: #ffffff; padding: 5px; border-radius: 4px; }
.formbox p:nth-of-type(5) { font-size: 14px; vertical-align: middle; color: #6c6c6c; font-weight: 300; }
.formbox p:nth-of-type(5) i { color: #000000 !important; }
input#health { vertical-align: bottom; }
.formbox i { margin: 0 10px 0 4px; }
.formbox input { border: 0 !important; }
.formbox strong { color: #FF003C; text-transform: uppercase; }
.formbox input.submit { background-color: #0177a7 !important; color: #ffffff; padding: 10px; text-transform: uppercase; font-size: 12px; font-weight: bold; border-radius: 4px; cursor: pointer; }

.side { float: left; width: 31%; margin-right: 2%; }
.main { float: left; width: 65%; padding-right: 2%; }
.main a { font-weight: 500; color: #BD1550; text-decoration: none; }
.main .listings-img img {
    width: 100%;
}

ul.bullets { list-style: square; font-size: 14px; color: #2c2c2c; }
ul.bullets li { margin: 10px 0; }

.search { background-color: rgba(38, 173, 228, 0.95);  color: #ffffff; width: 97%; padding: 6px 1.5% 12px 1.5%; font-size: 13px; }
.search p { font-weight: 700; text-transform: uppercase; padding: 5px 0; float: left; margin: 0; }
.search p:nth-of-type(1), .search p:nth-of-type(2) { width: 40%; margin: 0 2.5% 0 0; }
.search p:nth-of-type(3) { width: 13%; }
.search input { padding: 10px 2.5%; background-color: #ffffff; border: 0; width: 95%; font-weight: 300; }
.search input.submit { background-color: #0177a7 !important; color: #ffffff; padding: 10px; text-transform: uppercase; font-size: 12px; font-weight: bold; border-radius: 4px; cursor: pointer; width: 80px; font-size: 12px; margin: 19px 0 0 0; }

.getting-listed { background-color: #91204D; color: #ffffff; padding: 2px 15px; border-top: 1px dashed #ffffff; }
.getting-listed h6 { font-weight: normal; font-size: 14px; padding: 10px 0 0 0; margin: 0; text-transform: uppercase; font-weight: 700; letter-spacing: 1px;  }
.getting-listed p { color: #ffffff; }
.getting-listed a { color: #ffffff; }

.box1 { background-color: #E97F02; color: #ffffff; padding: 2px 15px; border-top: 1px dashed #ffffff; }
.box1 h6 { font-weight: normal; font-size: 14px; padding: 10px 0 0 0; margin: 0; text-transform: uppercase; font-weight: 700; letter-spacing: 1px;  }
.box1 p { color: #ffffff; }
.box1 a { color: #ffffff; }

.boxtick { background-color: #C44D58; color: #ffffff; padding: 2px 15px; border-top: 1px dashed #ffffff; }
.boxtick h6 { font-weight: normal; font-size: 14px; padding: 10px 0 0 0; margin: 0; text-transform: uppercase; font-weight: 700; letter-spacing: 1px;  }
.boxtick p { color: #ffffff; }
.boxtick a { color: #ffffff; font-weight: bold; }

.box2 { background-color: #26ADE4; color: #ffffff; padding: 2px 15px; border-top: 1px dashed #ffffff; }
.box2 h6 { font-weight: normal; font-size: 14px; padding: 10px 0 0 0; margin: 0; text-transform: uppercase; font-weight: 700; letter-spacing: 1px;  }
.box2 p { color: #ffffff; }
.box2 a { color: #ffffff; }

.breadcrumbs p { font-size: 10px; font-family: 'Arial', verdana, sans-serif; color: #dadada;font-weight: normal; }
.breadcrumbs { border-bottom: 1px dashed #dedede; position: relative; padding: 5px 0; }
.fb-like { position: absolute !important; right: 10px !important; top: 13px !important; }
#___plusone_0 { position: absolute !important; right: 120px !important; top: 13px !important; }
.twitter-share-button { position: absolute !important; right: 260px !important; top: 13px !important; }

.footer { padding: 10px 15px; background-color: #000000; }
.footer a { color: #8c8c8c; }
.footer a:hover { color: #26ADE4; }
.footer p { color: #8c8c8c; }
.footer p:nth-of-type() { padding: 100px; }

.footer h6 { font-weight: normal; font-size: 14px; padding: 10px 0 0 0; margin: 0; text-transform: uppercase; font-weight: 700; letter-spacing: 1px; color: #ffffff; } 

.footer-left { width: 32.6%; float: left; }
.footer-center { width: 32.6%; margin: 0 1%; float: left; }
.footer-right { width: 32.6%; float: left; }

.clear { clear: both; }


/* FREE LISTING */

.free-listing { border: 1px solid #dedede; padding: 10px; background-color: #fafafa; box-shadow: 2px 2px 2px #ededed; position: relative; margin-bottom: 15px; }
.free-listing p { padding: 0; margin: 0; font-size: 13px; }
.free-listing img { vertical-align: middle; padding: 0 5px 2px 0; }
.free-listing p:first-of-type { color: #91204D; }
.free-listing p.help { position: absolute; right: 3px; top: 7px; opacity: 0.25; }
.free-listing p.help:hover { opacity: 1; }
.free-listing strong:nth-of-type(2) { margin-left: 20px; }
.free-listing p strong { }
.free-listing h6 { font-weight: 500; font-size: 14px; color: #7AB317; padding: 0; margin: 0; border-bottom: 1px dashed #dedede; padding: 0 0 5px 0; margin: 0 0 5px 0; }

/* FREE LISTING */

.listing2 { border: 1px solid #dedede; padding: 10px; background-color: #fafafa; box-shadow: 2px 2px 2px #ededed; position: relative; margin-bottom: 15px; }
.listing2 p { padding: 0; margin: 0; font-size: 13px; }
.listing2 img { vertical-align: middle; padding: 0 5px 2px 0; }
.listing2 img.listing-logo { display: block; height: 128px; width: 128px; float: left; margin: 0 10px 5px 0; padding: 0; }
.listing2 p:first-of-type { color: #91204D; margin-bottom: 10px; }
.listing2 p:last-of-type { border-top: 1px dashed #dedede; padding-top: 5px; margin-top: 5px; }
.listing2 strong:nth-of-type(2) { margin-left: 20px; }
.listing2 strong:nth-of-type(3) { margin-left: 20px; }
.listing2 p:nth-of-type(2) { overflow: hidden; height: 60px; }
.listing2 p strong { }
.listing2 h6 { font-weight: 500; font-size: 14px; color: #7AB317; padding: 0; margin: 0; padding: 0; margin: 0; }
.listing2 a { font-weight: 300 !important; text-decoration: underline; }
.social2 { position: absolute; top: 13px; right: 5px; }
.social2 img { width: 20px; height: 20px; }

p.red { background-color: #B11623; border: 1px solid #9F111B; padding: 10px; color: #ffffff; }
p.green { background-color: #789048; border: 1px solid #607848; padding: 10px; color: #ffffff; }

form.getting-listed-main { }
form.getting-listed-main p { }

form.getting-listed-main p:nth-of-type(1){ float: left; }
form.getting-listed-main p:nth-of-type(1) input { width: 200px; padding: 10px; border: 1px solid #dedede; }

form.getting-listed-main p:nth-of-type(2){ float: left; margin-left: 10px; margin-right: 10px; }
form.getting-listed-main p:nth-of-type(2) input { width: 200px; padding: 10px; border: 1px solid #dedede; }

form.getting-listed-main p:nth-of-type(3){ float: left; clear: right; }
form.getting-listed-main p:nth-of-type(3) input { width: 200px; padding: 10px; border: 1px solid #dedede; }

form.getting-listed-main p:nth-of-type(4){ float: left; margin-right: 10px; }
form.getting-listed-main p:nth-of-type(4) input { width: 200px; padding: 10px; border: 1px solid #dedede; }

form.getting-listed-main p:nth-of-type(5){ float: left; }
form.getting-listed-main p:nth-of-type(5) input { width: 200px; padding: 10px; border: 1px solid #dedede; }

form.getting-listed-main p:nth-of-type(6) { clear: both; }
form.getting-listed-main p:nth-of-type(6) input { width: 200px; padding: 10px; border: 1px solid #dedede; }

form.getting-listed-main p:nth-of-type(7) textarea { width: 665px; padding: 10px; border: 1px solid #dedede; }

form.getting-listed-main p:nth-of-type(8) input { width: 200px; padding: 10px; border: 1px solid #dedede; }

form.getting-listed-main p:nth-of-type(9){ clear: both;  }
form.getting-listed-main p:nth-of-type(9) input { width: 80px; padding: 10px; background-color: #000000; border: none; color: #ffffff; cursor: pointer; }

.form {
padding: 10px 15px;
width: 250px;
margin: 10px 0 5px 15px;
background-color: #2c2c2c;
}

table.page-rank {
font-size: 0.8em;
color: #4c4c4c;
border-collapse: collapse;
display: block;
visibility: visible;
}

table.page-rank th { font-weight: 600; background-color: #efefef; padding: 3px; color: #4c4c4c; }
table.page-rank td.pagerank { text-align: center; }
table.page-rank td.backlinks { text-align: center; }
table.page-rank td { padding: 3px; }
table.page-rank tr:hover { background-color: #000000; color: #ffffff; }

table.page-rank th.pr-date { width: 75px; text-align: left; }
table.page-rank th.pr-registrar { width: 200px; text-align: left; }
table.page-rank th.pr-gdr { width: 150px; text-align: center; }
table.page-rank th.pr-pageauthority { width: 150px; text-align: center; }
table.page-rank th.pr-backlinks { width: 150px; }
table.page-rank th.pr-pagerank { width: 100px; }

p.results { font-size: 16px; }

.form input { width: 238px; padding: 10px 5px; border: none; }
.form textarea { width: 238px; padding: 10px 5px; border: none; }
.form input.button { width: 75px; background-color: #26ADE4; color: #ffffff; font-weight: bold; }

.contact-us input { width: 238px; padding: 10px 5px; border: 1px solid #8c8c8c; }
.contact-us textarea { padding: 10px 5px; border: 1px solid #8c8c8c; }
.contact-us input.button { width: 75px; background-color: #26ADE4; color: #ffffff; font-weight: bold; border: none; }

.form p { color: #ffffff; }
.form h1 { color: #ffffff; padding: 0; margin: 0; }

/* TICKER */

ul#ticker { height: 75px; overflow: hidden; list-style: none; margin: 15px 0; padding: 0; font-size: 14px; }
ul#ticker li { margin: 0 0 5px 0 !important; }

span.total { background-color: #BD1550; padding: 5px; color: #ffffff; margin-left: 25px; }

#company-search, #type-search { border: none; padding: 5px; background-color: #669b09; color: #ffffff; }
.stwo { display: none; }

.ad { text-align: center; }
.adright { float: right; padding: 0px; margin: 0 0 10px 10px !important; background-color: #ffffff; }


ul.useful { list-style: none; padding: 0; margin: 0; }
ul.useful li { font-size: 14px; margin: 5px 0; background-image: url('/images/bullet_star.png'); background-repeat: no-repeat; background-position: -3px 2px; padding: 0 0 0 15px; }
ul.useful li a { text-decoration: none; }

/* MOBILE CSS */

#habla_link_div { display: none !important; }


@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {

	
	.formbox { display: block !important; position: relative !important; top: auto !important; left: auto !important; right: auto !important; width: 95% !important; padding: 10px 2.5%; margin: 0; }
	.banner .logo { display: none; }
	.banner { width: 100%; margin: 0 auto; height: auto; }
	.wrap { width: 100%; min-width: 300px;}
	ul.navigation { float: none; display: none; }
	ul.navigation li { display: block; }
	ul.navigation li a { display: block; padding: 3px 0; }
	.top p { display: none; }
	.content { margin: 0; }
	.side { float: none; width: 100%; }
	.main { float: none; width: 92%; padding: 10px 4%; }
	.breadcrumbs { display: none; }
	.form { float: none; width: 100%; padding: 10px; margin: 0; display: none; }
	.getting-listed { display: none; }
	.boxtick { display: none; }
	.box1 { display: none; }
	.box2 { display: none; }
	.ad { display: none; }
	.social { display: none; }
	.search input { width: 93%; }
	.listing2 img.listing-logo { display: none; }
	.social2 { display: none; }
	
	.search { margin: 0 0 20px 0; background-color: rgba(38, 173, 228, 0.95);  color: #ffffff; width: 95%; padding: 6px 2.5%; font-size: 13px; }
	.search p { float: none; }
	.search input { padding: 10px 2.5%; width: 95%; }
	.search input.submit { background-color: #0177a7 !important; color: #ffffff; padding: 10px; text-transform: uppercase; font-size: 12px; font-weight: bold; border-radius: 4px; cursor: pointer; width: 80px; font-size: 12px; margin: 19px 0 0 0; }
	.search p:nth-of-type(1), .search p:nth-of-type(2) { width: 100%; margin: 0; }
	
}