/* --Web standards css by--
        Luis Oscar Cruz
        www.oscartepr.com  */
	

/* HTML & BODY & WRAPPER BEGIN HERE-------------------------------------------------- */
html {background: #eee url("../images/bg.gif") repeat; background-attachment:fixed;}
body {margin:0 auto; background: url("../images/bg-border.png") repeat-y; width:1000px; position:relative;}
#wrapper {margin:0 auto; padding:0; width:900px; background-color:#fff; 
 color:#555; font-family:"Trebuchet MS"; font-size:16px; line-height:1.3em; margin-bottom:25px;
 letter-spacing:-.05px;}

/* DIVS, ULs, LIs & OTHER STUFF---------- */
div, img, ul, li {text-align:left; margin:0; padding:0;}
ul {list-style:none;}
.bold-green{color:#adca7b;}
 
/* LINKS------------------------------ */
a {color:inherit; text-decoration:none; border:0px;} * html a {color:#555;}
a:hover {text-decoration: underline; font-weight: bold; color: #C1D9EB;}
a img {border:0;}

/* CLEAR & ALIGN & FLOATS--------------------- */
.clear {clear:both;}
.clearfix:after {
content: ".";
height: 0;
visibility: hidden;
display: block;
clear: both;
}
* html .clearfix {height:1%;}
 
.center{text-align:center;}
.left {float:left;} .right{float:right;}

.green {color:#adca7b;} .turquesa {color:#0ab4ce;}

/* HEADINGS--------------------------- */
h2{margin:0px; padding-bottom:6px; padding-left:5px; margin-left:24.67px; color:#999999; border-bottom:1.33px solid #e7efd8; font-size:26px; font-weight:normal; text-transform:uppercase; width:400px;
} h2 span {color:#adca7b; word-spacing:-7px;}
h3 {font-size:1.2em;}
div.heading {background-color:#018397; height:47px; border-bottom:2px solid #b0b5b5;}
div.heading h2 {padding-top:10px;}

/* HEADER BEGINS HERE------------------------------------------------------------------------ */
#header {height:210px; border-top: 3px solid #adca7b; clear:both; position:relative;}
#header #logo {position:absolute; right:130px; top:61px; background: url("../images/logo.png") no-repeat; width:231px; height:77px; text-indent:-9999px;}
#header #logo h1 {margin-top:0}
#header #logo a {display:block;}
#header #theme-photo {position:absolute; left:150px; top:20px; background: url("../images/el-dude.jpg") no-repeat; width:350px; height:198px;
}	
#cse-search-box {width:302px;background:#adca7b url(../images/search-lcorner.gif) no-repeat 0 0; border:none; width:auto; height:20px; padding:0 10px 0 13px; position:absolute; right:0px; top:0px;}
#cse-search-box input {float:left; color:#777; margin:0; margin-right:3px; padding:0;font-size:.7em;} 
	#cse-search-box input.text {width:190px; height:13px;} #cse-search-box input.submit {height:20px; width:51px;}
form#cse-search-box div {padding:0;}
#cse-search-box label {width:auto; padding-right:10px;}
#cse-search-box label a {color:#d3e8b0;font-weight:normal;}  #cse-search-box label a:hover {color:#ecf4de;}
	#cse-search-box label a span {display:none;} 
	#cse-search-box:hover label a span {display:inline; color:#777;} #cse-search-box:hover label a span:hover {color:#555;}
#cse-search-results {position:relative; margin-left:50px; margin-top:20px;}

/* MAIN BEGINS HERE-------------------------------------------------------------------------- */
#main {background-color:#018397; border-bottom: 6px solid #b0b5b5; clear:both;}
#main .top-line {height:6px; /*ie*/font-size:6px; background-color:#0ab4ce; top:2px;}

/* main wrapper -------------------------------------- */
#main .top {clear:both;}
#main .bottom {margin-top:20px; clear:both;}


	/* MAIN NAVIGATION BEGINS HERE------------------- */
#main ul#navigation {float:right; display:inline; width:527px; 	
	margin-top:8px; margin-right:4px;}
#main ul#navigation li {background: url(../images/nav-button.png) no-repeat top;  position:relative; z-index:3;
	width: 111px;
	float: left; display:inline;
	margin-right: 20px;	margin-top: 20px;
	text-align: center; line-height: 1.15em;
	font-size: 15.4px; font-weight:bold; font-family:"Arial";}
#main ul#navigation li a {display:block; height:44px; line-height:44px; color:#555;}
#main ul#navigation li a:hover {text-decoration:none; color: #C1D9EB; 
background: url(../images/nav-button.png) no-repeat bottom;}

#main ul#navigation li span, #main ul#navigation dl.dropdown dd ul li span  {position:relative; top:4px; line-height:1.05em;}
#main ul#navigation li.top {clear: none; z-index: 4;}

#main ul#navigation li.special {background-image:none; background-color: #0991a5; z-index:2;}
#main ul#navigation li.special a {height: 30px; color:#C1D9EB; line-height:30px;}
#main ul#navigation li.special a:hover {background-image: none; background-color: #0593a9; color: #fff;}

#infoProducts li.infoProducts a, #affiliate li.affiliate a, #freelance li.freelance a, #eCommerce li.eCommerce a, #websiteMarketplace li.websiteMarketplace a, #mlm li.mlm a, #inversions li.inversions a, #more li.more a {background: url(../images/nav-button.png) no-repeat bottom left; color:#C1D9EB !important; cursor:default;}
#education li.education a, #traffic li.traffic a, #tools li.tools a, #webDesign li.webDesign a {background-color: #0593a9 !important; color:#fff !important; cursor:default;}

	/* DROPDOWN BEGINS  HERE---------------------------- */
#main ul#navigation li dl.dropdown {position:absolute; top:0; left:0;
width: 111px; margin: 0; background: transparent url(../images/dropdown-bottom.png) no-repeat bottom left;}
* html #main ul#navigation li dl.dropdown {display:none;}
#main ul#navigation li:hover dl.dropdown, #main ul#navigation li a:hover dl.dropdown, 
#main ul#navigation li dl.dropdown dd:hover ul, #main ul#navigation li dl.dropdown dd a:hover dl ul{padding-bottom:20px;}
	#main ul#navigation li dl.dropdown dt {background:#0991a5 url("../images/nav-button.png") no-repeat top;}
	#main ul#navigation li.special dl.dropdown dt {background-image:none;}

	#main ul#navigation li dl.dropdown dd {display:none; position:relative;
margin:0; font-size: .73em; font-family: "Arial"; background-image: url(../images/dropdown-bg.png); text-align:left;}

	#main ul#navigation li dl.dropdown dd a, #main ul#navigation li dl.dropdown dd a:visited {color:#555; padding-left:5px;background-image:none; height:30px; line-height:30px;}
	#main ul#navigation li:hover dl.dropdown dd, #main ul#navigation li a:hover dl.dropdown dd,
	#main ul#navigation li dl.dropdown dd:hover ul, #main ul#navigation li dl.dropdown dd a:hover ul {display:block;}
	#main ul#navigation li dl.dropdown dd a:hover {background-color:#0991a5; color:#fff;}
	
	#main ul#navigation li dl.dropdown ul {display:none; position:absolute; top:0; left: 111px ; padding-left: 5px;
	background: transparent url(../images/dropdown-bottom.png) no-repeat 5px bottom; border-top: solid #0991a5 5px;}
		#main ul#navigation li.corner dl.dropdown ul {background-position: 0 bottom; left:-116px; padding-left:0; right:111px;}
	#main ul#navigation li dl.dropdown ul li {text-align:left; background-image:none; background: transparent url(../images/dropdown-bg.png); font-size:1em; margin:0;}

	/* MAIN OPT-IN BEGINS HERE--------------- */
#opt-in {margin:0px 0 0 30px; float:left; display:inline;}
#opt-in h3 {color:#a2daea; margin-bottom:.3em; margin-top:0; padding-top:.8em;}
form {float:left; border: 1px dotted #ddd; padding:0.6em; background-color:#0c98ad; color:#fff;
width:265px;}
form p {text-align:right; font-size:12px; color:#015c73; font-family:Arial; margin:0; line-height:0;}
form div {clear:left; margin:0; padding:0; padding-top:10px;}
form div label {float:left; margin:0; width:4.8em;}
input.txt {width:185px; color:#444; font-weight:bold; font-family:Arial; height:1.3em; padding:0;}
input.btn {font-size:11.5px; height:20px; margin:1px; width:210px;}
#main form span.button {padding-left:62px;}
input:focus {background:#0ab4ce; color:#fff;}

	/* MAIN SECONDARYNAV----------------------------------------------------- */
	#main ul.wrapper li.bottom h2 {float:left; display:inline; bottom:11px; position:relative;}
#main ul#secondaryNav {float:right; display:inline; bottom:-6px; margin-right:30px; position: relative;}

#main ul#secondaryNav li {float:left; display:inline; color:#0ab4ce; margin-right:15px; position:relative; z-index:1;}
#main ul#secondaryNav li a {color:#0ab4ce;}
#main ul#secondaryNav li.last{margin-right: 0;}
#main ul#secondaryNav li a:hover {text-decoration:none; color:#C1D9EB;}
#main ul#secondaryNav p {margin-top:0;} .homePage span{color:#adca7b;}

#homePage li.homePage, #tutorials li.tutorials, #blog li.blog, #forum li.forum, #contact li.contact {background:url(../images/navright.gif) no-repeat top right; float:left;}
#homePage li.homePage a, #tutorials li.tutorials a,#blog li.blog a, #forum li.forum a, #contact li.contact a {cursor:default;color:#018397;font-weight:bold;background:url(../images/navleft.gif) no-repeat top left;padding:0 21px 0 15px;line-height:1.75em;float:left;}
#homePage li.homePage span, #tutorials li.tutorials span, #blog li.blog span, #forum li.forum span, #contact li.contact span {margin:0;margin-left:-6px; padding-left:3px; padding-right:2px;background:#fff;}
#main ul#secondaryNav li span, #main ul#secondaryNav li span a {float:left;}

/* CONTENT BEGINS HERE----------------------------------------------------------------------- */
#content {margin:30px 30px 60px 30px; clear:both;}
#main-text {float:left; width:600px; margin-bottom:60px;}
#sidebar {width:200px; float:right;}
	#addtoany {position:relative; margin-left:30px}


/* THE LIST BEGINS HERE---------------------------------------------------------------------- */
.list-heading {border-bottom: 7px solid #018397; clear:both; height:47px;}

ul.zebra {color:#3C6066; font-size:12px; clear:both; border-bottom:5px solid #b0b5b5;}

ul.zebra li {clear: both; overflow: auto; width: 100%; background-color:#CEE7EB; font-family:Arial; color:#5f767a;}
ul.zebra li p{margin:0; padding:0; padding-top:8px; padding-left:137px;}

ul.zebra li.odd {background-color:#ECF5F7;} ul#zebra li.odd p {color:#678084;}

* html ul.zebra li {overflow: hidden;}

li img, div img {float: left;}
li img.bandera {float:right;}

/* OTROS BEGINS HERE-------------------------------------------------------- */
#others {height: 162px; background-color:#CEE7EB; overflow:auto;}
#others ul{margin:0 auto; padding:.7em; float:left;}
#others ul li{font-size:12px;}
#others ul li a:hover {color:#aaa;}

hr {border: none; background-color:#fff; color:#efefef; height: 1px; width: 80%; clear:both;}


/* FOOTER BEGINS HERE------------------------------------------------------------------------ */
#footer {height: 50px; background-color:#018397; border-top: 7px solid #b0b5b5; clear:both; position:relative;}
#footer ul {position:absolute; bottom:25px; right:45px;}
#footer ul li{font-size: 12px; display: inline;
	margin-right:.1em; padding-right: .5em; border-right: 1px solid #41aabb;}
	
#footer ul.menu {bottom:0; left:0; right:auto; width:100%; text-align:center; background-color:#026f80; clear: both;}
#footer ul.menu li {font-size: 11px; border-right-color: #014651;}
#footer ul li.last {margin-right:0; padding-right:0; border-right:0;}

#footer ul a {color:#57bdcd;} #footer ul.menu a {color:#01434e;} #footer ul li a:hover {text-decoration:none; color:#eee;}

#copyright {position:absolute; bottom:-40px; right:15px; font-size:11px; text-align:right; font-family:Arial;} #copyright a {color:#777;} #copyright a:hover {color:#00F;}