body {margin: 0; padding: 0;
	background-image: url(/img/portafolionline/header_bg.png);
	background-repeat: repeat-x;
	background-position: center top;
}
body * {font-family: Arial, Helvetica, sans-serif;}
html {height: 100%; margin-bottom: 1px;}
div.cl {clear: both;}
.dnone{display:none}

.orange {color: #F8C43A;}
.blue {color: #6CCFF6;}


form {margin: 0; padding: 0;}
input, textarea {border: solid 1px #ddd; padding: .25em; color: #666; font-size: .9em;}
input.btn, button {display: block; margin-top: .5em; border: double 3px #666; padding: 0 .25em 0 .25em; cursor: pointer;
	border-top-color: #ccc;
	border-left-color: #ccc;
	color: #000;
	background-image: url(/img/portafolionline/button_bg.png);
	background-repeat: repeat-x;
	}
input.btn:hover, button:hover {
	outline-color: #6CCFF6;
	outline-style: solid;
	outline-width: 1px;
}
input[type = hidden] {display: none;}

button.btnimg {border: none; background-image: none; background-color: #fafafa;}
button.btnimg:hover {border: none; outline: none;}

#header {background-color: transparent;height: 5.94em;}

#wrapper, #footer_content {width: 960px; margin-left: auto; margin-right: auto;}
#logo {margin: 1em 0 0 0; width: 17.125em; height: 2.75em; border: none; float:left;}
p#headline {font-size: .8em; color: #F8C43A; float: left; clear:left;}
ul#languages {float: right; list-style: none; margin: -2.5em 0 0 0; padding: 0;}
ul#languages a {font-size: .7em; color: #61BAD6; text-decoration: none;}
ul#languages a:hover  {color: #666; text-decoration: underline;}

ul#nav {list-style: none; margin: .6em 0 0 0; padding: 0; float: right;}
ul#nav li {display: inline; padding:0 .5em 0 .3em; border-right: solid 1px #ccc;}
ul#nav li.last {border: none; padding-right: 0;}
ul#nav li a {color: #666; text-decoration: none; font-size: .8em;}
ul#nav li a:hover {text-decoration: underline; color:#111;}
ul#nav li a#sign_in {background: url(/img/portafolionline/arrow_circle.png) no-repeat 100% 0; padding-right: 1.6em; font-weight: bold; font-size: .75em;}
ul#nav li a#sign_in:hover {text-decoration: none; background-position: 100% -39px;}
ul#nav li#sign_in_li {padding: 0 .5em .5em .5em;}

ul#nav li.signclass {background-color:#88BF47; border-radius:5px 5px 0 0;box-shadow:2px 2px 2px #666;-webkit-border-radius:5px 5px 0 0;-webkit-box-shadow:2px 2px 2px #666; -moz-box-shadow:2px 2px 2px #666;-moz-border-radius:5px 5px 0 0}
ul#nav li.signclass a#sign_in {color: #fff; background-position: 100% -20px;}

/** colores mainnav **/
/**
.color0 {background-color: #c0c0c0;}
.color1 {background-color: #92C43D;}
.color2 {background-color: #6CCFF6;}
.color3 {background-color: #F8C43A;}
**/

#breadcrumbs {font-size: .7em;}
#breadcrumbs a {color: #D3AD6C;}

#content {margin: 1em 0 2em 0; min-height: 28em;}
#footer {
	background-image: url(/img/portafolionline/footer_bg.png);
	background-repeat: repeat-x;
	background-position: center top;
	margin-bottom: 1em;}
#footer_content {clear: both; margin-top: 1em;}
#footer p {color: #666; float: right; font-size: .7em; margin: 0; clear: right;}
#footer p#copy {margin-top: .8em;}
#footer p#imagerights {color: #999;}

ul#links {list-style: none; margin: 0; padding: 0; font-size: .7em; float: left;margin-top: 1em;}
ul#links li {display: inline; padding: 0 .6em 0 .6em; border-right: solid 1px #61BAD6;}
ul#links li.last {border: none;}
ul#links li a {text-decoration: none; color: #61BAD6;}
ul#links li a:hover {color: #666; text-decoration: underline;}

div#social_links {float: left; clear: both; margin: .6em .4em;}
div#social_links span {font-size: .7em; padding: 0 .2em 0 0;}
div#social_links ul {margin: 0; padding: 0; list-style: none; font-size: .7em; display: inline;}
div#social_links ul li {display: inline;}
div#social_links ul li a {padding: .9em 4.2em; text-decoration: none; background: url(/img/portafolionline/social_icons.png) no-repeat;}
div#social_links ul li a#twitter {background-position: 0 -29px;}

h1 {color: #d3ad6c; margin: 0;font-size: 1.6em; font-weight: normal;}
h2 {color: #d3ad6c; margin: 0;font-size: 1.2em; font-weight: normal;}
h3 {color: #92C43D;}
#content {width: 680px; float: left; padding-left: .6em;}
body#contact #content {width: 550px;}
#homepage #content {padding: 0;}
#content div.text {font-size: .9em; color: #666; padding-right: 1em;}
#content div.text p {font-size: .9em;}
#content div.text img {float: left; margin: 0 1.5em 1.5em 0;}
#content div.short {margin-left: 12.8em; text-align: justify;}

div.featbox {float: right; width: 240px; margin: 16px 0 0 0; background-color: #fafafa; /** min-height: 270px; padding: 1em .5em .5em 1em;**/ font-size: .85em;
	border: solid 1px #ddd;;
	border-top: none;
	padding-bottom: 1em;
	color: #666;
	}
div.featbox h2 {background-color: #6CCFF6; padding: .25em; color: #fff; padding-left: 1em;}
div.green h2 {background-color: #d3ad6c;}
div.featbox ul, div.featbox ol {margin: .85em 0 0 0; padding: 0 0 0 2.2em;}
div.featbox ul li {font-size: .9em; color: #666; padding: 0 0 .35em .25em; list-style-image: url(/img/portafolionline/small_arrow.gif)}
div.featbox ol li {font-size: .9em; color: #666; padding: 0 0 .35em .25em; width: 260px;}
div.featbox strong {font-weight: normal; color: #000;}
div.featbox a.moreinfo {font-size: .9em; padding: .5em 0 0 2.6em; display: block; color: #D3AD6C; text-decoration: none;}
div.featbox div {padding: 1.2em 1em 1em 1.2em;}
div.featbox p {margin: 0 0 .8em 0; font-size: .9em;}
div.featbox label {display: block; margin-bottom: .5em; color: #000; font-size: .9em;}

ul#submenu {list-style: none; margin: 0; padding: 0 0 .5em 0; float: left; background-color: #fafafa; width: 10em;}
ul#submenu li {font-size: .85em; padding: .5em; border-bottom: 1px dotted #D3AD6C;}
ul#submenu li a {color: #a68855; text-decoration: none;}
ul#submenu li a:hover {text-decoration: underline;}

div.error {
	color: #333;
	border: solid 1px #F7C857;
	padding: .25em;
	margin: .25em 0 .5em 0;
	background-color: #FAFEAD;
	background-image: url(/img/portafolionline/alert.gif);
	background-repeat: no-repeat;
	background-position: .25em 50%;
	padding-left: 2em;
	font-size: .85em;}
	
body#signup div.error {width: 30em;}

ul#sitelist {list-style: none; margin: 1em 0 0 0; padding: 0;}
ul#sitelist li {margin-bottom: 1em;}
ul#sitelist li p {margin: 0;}
ul#sitelist li p.cite {display: block; font-size: .8em; color: green; text-decoration: none; margin-top: .2em;}

form#fSiteSearch {padding-bottom: .4em; margin-bottom: 1.6em;}
form#fSiteSearch button {display: inline; font-size: .9em; margin-left: .8em;}

div#designcontainer {border: solid 1px; margin: 1em 0;background-color:#EEFFFF; border-color:#EDEDED #CCCCCC #CCCCCC #EDEDED;}

#themes {list-style: none; margin: 0; padding: 0;}
#themes li {float: left; margin: .5em .9em 1em .9em; border: solid 1px #ccc; padding: .25em;}
#designs #themes li {border: none; height:130px; margin:0 1.625em 1.2em 0; min-width:18.75em; width:18.75em;}
#designs #themes li img {float: left; margin:0 5px 35px 0; border: solid 1px #d3ad6c; width: 180px;}
#designs #themes li a {font-size: .8em; text-decoration: none; display: block; margin-top: 1em; color: #000;}
#designs #themes li a:hover {text-decoration: underline;}

#designs #themes li a.orange {color: #F8C43A;}

#themes li.current_tpl {background-color: #eee;}
#themes li img {display: block; margin-bottom: .5em; cursor: pointer;}
#themes li input {display: inline;}
#themes li label {font-size: .8em; cursor: pointer; display: inline;}
#themes li h2 {font-size: 1em;}

#fb_iframe {margin: 1em 0 1em 1.8em; width: 240px; height: 288px; border: none;}
body#signup #fb_iframe {display: none;}

#register{float:right;background-color:#88BF47;margin-bottom:2em; width: 170px;}
	#register fieldset{float:left;padding:0 .5em; border: none;}
		#register label{clear:both;float:left;font-size:.8em;color:#fff}
		#register input{clear:both;float:left;font:.8em arial;}
		#usr, #pwd {border:1px solid #999;width:12em;margin-top:.5em;padding:.15em;background-color:#fff;}
		#register .b_gen{padding:.6em 0;width:7em;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
		#register .links{float:left}
			#register .links a{display:block;width:6em;margin-bottom:.5em;color:#000; font-size: .7em;}

#register.js-off{clear:both;padding:1em .5em;border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;}
#register.js-on{padding:1em;position:absolute;z-index:2;border-radius:5px 0 5px 5px;box-shadow:2px 2px 2px #666;-webkit-border-radius:5px 0 5px 5px;-webkit-box-shadow:2px 2px 2px #666;-moz-border-radius:5px 0 5px 5px;-moz-box-shadow:2px 2px 2px #666;}
	#register.js-on fieldset{clear:both;padding:0}
		#register.js-on input{margin-bottom:.5em}
		#register.js-on .b_gen{margin-top:.5em}
		#register.js-on .rmbr{clear:none;margin:1em 0 0 1em}
		#register.js-on label.rmbr{margin-left:.5em;}
			#register.js-on .links a{width:auto;margin:1em 0 0 0}