/*
Theme Name: Paki
Theme URI: http://ejner69.net/
Description: Elegante pero simple ¿Que más quieres?
Version: 1.0
Author: ejner69
Author URI: http://ejner69.net/

*/
#contact label {
font-size:18px;
}

#hoverNav {
height:100%;
left:0;
position:absolute;
top:0;
width:100%;
z-index:10;
}

#hoverNav a {
outline:none;
}

#imageContainer {
padding:10px;
}

#imageContainer>#hoverNav {
left:0;
}

#imageData {
padding:0 10px;
}

#imageData #bottomNavClose {
float:right;
padding-bottom:.7em;
width:66px;
}

#imageData #helpDisplay {
clear:left;
display:block;
float:left;
}

#imageData #imageDetails {
float:left;
text-align:left;
width:70%;
}

#imageData #numberDisplay {
clear:left;
display:block;
padding-bottom:1em;
}

#imageDataContainer {
background-color:#fff;
font:10px Verdana, Helvetica, sans-serif;
line-height:1.4em;
margin:0 auto;
}

#lightbox {
left:0;
line-height:0;
position:absolute;
text-align:center;
width:100%;
z-index:100;
}

#loading {
height:25%;
left:0;
line-height:0;
position:absolute;
text-align:center;
top:40%;
width:100%;
}

#logo {
margin:0 auto;
padding:66px 0 60px;
text-align:center;
width:690px;
}

#logo a {
display:block;
}

#message {
height:150px;
width:360px;
}

#name,#email,#subject {
width:250px;
}

#navigation-bottom {
background:url(images/nav_bottom.png) no-repeat top;
float:left;
height:12px;
overflow:hidden;
width:190px;
}

#navigation-container {
float:left;
margin-left:-4px;
margin-top:110px;
width:190px;
}

#navigation-content {
background:url(images/nav_content.png) repeat-y top;
float:left;
padding:1px 0;
width:190px;
}

#navigation-content li a.current {
background:url(images/nav_item_current.png) no-repeat right top;
color:#fff;
}

#navigation-content ul {
list-style:none;
margin:0;
padding:0;
}

#navigation-content ul li {
margin:1px 0;
}

#navigation-content ul li a {
background:url(images/nav_item.png) no-repeat bottom;
display:block;
padding:8px 0 8px 20px;
width:157px;
}

#navigation-content ul li a span {
background:url(images/nav_item_bullet.png) no-repeat left;
padding-left:20px;
}

#navigation-content ul li a.current span {
background:url(images/nav_item_bullet_current.png) no-repeat left;
padding-left:20px;
}

#navigation-top {
background:url(images/nav_top.png) no-repeat top right;
padding-top:12px;
position:fixed;
width:190px;
}

#nextLink {
float:right;
right:0;
}

#nextLink:hover,#nextLink:visited:hover {
background:url(images/next.gif) right 50% no-repeat;
}

#nextLinkText {
padding-left:20px;
}

#nextLinkText,#prevLinkText {
color:#FF9834;
font-weight:700;
text-decoration:none;
}

#note {
background-color:#ffd;
border:1px #f0c020 solid;
color:#922;
display:none;
font-size:12px;
font-weight:700;
margin-bottom:10px;
padding:10px;
text-align:center;
}

#outerImageContainer {
background-color:#fff;
height:250px;
margin:0 auto;
position:relative;
width:250px;
}

#overlay {
background-color:#000;
display:none;
height:500px;
left:0;
position:absolute;
top:0;
width:100%;
z-index:90;
}

#page-bottom {
background:url(images/page_bottom.png) no-repeat bottom;
float:left;
height:34px;
width:778px;
}

#page-content {
background:url(images/page_content.png) repeat-y;
float:left;
padding:0 44px;
width:690px;
}

#page-top {
background:url(images/page_top.png) no-repeat top;
float:left;
padding:34px 0;
width:778px;
}

#prevLink {
float:left;
left:0;
}

#prevLink,#nextLink {
background:transparent url(images/blank.gif) no-repeat;
display:block;
height:100%;
width:49%;
}

#prevLink:hover,#prevLink:visited:hover {
background:url(images/prev.gif) left 50% no-repeat;
}

#prevLinkText {
padding-right:20px;
}

#sendmessage {
background:url(images/sendmessage.png) no-repeat bottom;
height:170px;
left:-35px;
position:absolute;
top:110px;
width:39px;
}

#home  {
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
font-size:12px;
}

#wrapper {
margin:0 auto;
position:relative;
width:968px;
}

* html .clearfix {
height:1%;
}

* html>body .clearfix {
display:inline-block;
width:100%;
}

.added {
background:#060;
color:#fff;
}

.bottom {
margin-bottom:0;
padding-bottom:0;
}

.button, .button-disable {
background:#555;
cursor:pointer;
float:left;
margin-right:5px;
padding:2px;
}

.button-disable {
background: #D8D8D8;
}

.button span, .button-disable span {
border:1px #848484 solid;
color:#ddd;
float:left;
font-family:Arial,Helvetica,sans-serif;
font-size:13px;
letter-spacing:1px;
padding:0 10px;
}

.button-disable span {
border:1px #E6E6E6 solid;
color:#fff;
}
.button:hover {
background:#333;
}

.button:hover span {
border:1px #646464 solid;
}

.clear {
clear:both;
height:0;
overflow:hidden;
}

.clearfix:after {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}

.first {
margin-left:0;
padding-left:0;
}

.float-left {
float:left;
}

.float-right {
float:right;
}

.form-submit {
background:url(images/submit_button.png) no-repeat top left;
border:none;
color:#ddd;
cursor:pointer;
float:left;
height:44px;
line-height:39px;
margin:0 5px 0 0;
padding:2px 0;
width:91px;
}

.form-submit span {
border:1px #848484 solid;
color:#ddd;
float:left;
font-family:Arial,Helvetica,sans-serif;
font-size:23px;
padding:5px 30px;
}

.form-submit:hover {
background:url(images/submit_button.png) no-repeat left -138px;
color:#bbb;
}

.header-image-left,.header-image-right {
background:#6393c3;
border:none;
margin:0;
padding:5px;
}

.hide {
display:none;
}

.highlight {
background:#ff0;
}

.image-border,h1 img,h2 img,h3 img,h4 img,h5 img,h6 img {
margin:0;
}

.image-left,.image-border,.image-right,.header-image-left,.header-image-right {
background:#fafafa;
border:1px #cdcdcd solid;
float:left;
margin:5px 10px 3px 0;
padding:4px;
}

.image-margin-left {
float:left;
margin:0 10px 3px 0;
}

.image-margin-right,.image-right {
float:right;
margin:0 0 3px 10px;
}

.image-small-left {
background:#f7f7f7;
border:1px #bebebe solid;
float:left;
margin:0 5px 0 0;
padding:3px;
}

.image-small-right {
background:#f7f7f7;
border:1px #bebebe solid;
float:right;
margin:0 0 0 3px;
padding:3px;
}

.item {
float:left;
padding:20px 0;
width:100%;
}

.item .entry {
float:left;
margin:15px 0;
width:100%;
}

.item .main {
float:left;
width:460px;
}

.item .main-1 {
float:left;
width:690px;
}

.item .right {
float:left;
margin-left:30px;
width:200px;
}

.item .testimonial blockquote {
background:url(images/quote.png) no-repeat 0 0;
margin:0;
padding:0 0 0 35px;
}

.item .testimonial blockquote p.author {
font-family:Tahoma, arial;
font-size:12px;
font-style:normal;
font-weight:700;
text-align:right;
}

.item .testimonial blockquote p.quote {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:17px;
font-style:italic;
margin-bottom:10px;
text-align:left;
}

.item .three-column {
float:left;
width:200px;
}

.item .two-column {
float:left;
width:330px;
}

.item p {
clear:both;
margin:0;
padding-bottom:15px;
}

.large {
font-size:1.2em;
line-height:2.5em;
margin-bottom:1.25em;
}

.last {
margin-right:0;
padding-right:0;
}

.loud {
color:#000;
}

.margin-0-left {
margin-left:0;
}

.margin-10-left {
margin-left:10px;
}

.margin-10-lr {
margin:0 10px;
}

.margin-10-right {
margin-right:10px;
}

.margin-15-left {
margin-left:15px;
}

.margin-15-right {
margin-right:15px;
}

.margin-20-left {
margin-left:20px;
}

.margin-20-right {
margin-right:20px;
}

.margin-30-right {
margin-right:30px;
}

.more,strong,dfn,dl dt,#imageData #caption {
font-weight:700;
}

.notification_ok {
color:#292;
}

.ontop #imageData {
padding-top:5px;
}

.portfolio-image img,.margin-0-right {
margin-right:0;
}

.portfolio-item {
float:left;
width:210px;
}

.portfolio-item p {
clear:both;
margin:5px 0;
}

.portfolio-item ul.list {
list-style:none;
}

.portfolio-row,.portfolio-image {
float:left;
margin-bottom:15px;
}

.portfolio-separator {
border-bottom:1px #ccc solid;
padding-bottom:15px;
}

.removed {
background:#900;
color:#fff;
}

.separator {
background:url(images/separator_line.png) repeat-x right 12px;
margin:0 auto 30px;
text-align:center;
}

.separator h2 span,.separator h3 span {
background:#fff url(images/separator_right.png) no-repeat right;
padding-right:30px;
}

.separator h2 span.left,.separator h3 span.left {
background:#fff url(images/separator_left.png) no-repeat left;
padding-left:30px;
padding-right:0;
}

.separator h2,.separator h3 {
font-size:31px;
text-align:center;
}

.small {
font-size:.8em;
line-height:1.875em;
margin-bottom:1.875em;
}

.testimonial {
width:100%;
}

.textblock {
background:url(images/quote.png) no-repeat 0 0;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:17px;
font-style:italic;
padding:0 0 0 40px;
}

.textbox-block {
width:138px;
}

.top {
margin-top:0;
padding-top:0;
}

.vertical-list {
list-style:none;
margin:0 0 30px;
padding:0;
}

.vertical-list a {
background:#fff url(images/border_bottom.gif) repeat-x right bottom;
display:block;
overflow:hidden;
padding:8px 0;
text-decoration:none;
width:100%;
}

.vertical-list li {
margin:0;
padding:0;
width:100%;
}

a {
color:#666;
outline:none;
text-decoration:none;
}

a img,#lightbox a img {
border:none;
}

a:focus,a:hover {
color:#333;
}

abbr,acronym {
border-bottom:1px dotted #666;
}

address {
font-style:italic;
margin:0 0 1.5em;
}

blockquote {
color:#666;
font-style:italic;
margin:1.5em;
}

blockquote:before,blockquote:after,q:before,q:after {
content:"";
}

body {
background:url(images/background.jpg) repeat-y right;
background-attachment:fixed;
background-color:#fff;
color:#666;
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
font-size:13px;
line-height:1.5;
margin:0;
padding:26px 0;
}

button {
border:none;
margin:0;
padding:0;
}

caption {
background:#eee;
}

caption,th,td {
font-weight:400;
text-align:left;
}

dd {
margin-left:1.5em;
}

del,.quiet {
color:#666;
}

em,dfn,tfoot {
font-style:italic;
}

form {
margin:0;
padding:20px 0;
}

h1 {
font-size:28px;
line-height:1;
margin-bottom:.5em;
}

h1,h2,h3,h4,h5,h6 {
color:#666;
font-weight:400;
margin-top:10px;
}

h2 {
color:#777;
font-size:24px;
margin-bottom:.75em;
}

h2.border {
border-bottom:1px #aaa solid;
border-top:2px #777 solid;
color:#555;
font-size:19px;
padding:10px 0;
}

h3 {
font-size:18px;
line-height:1;
margin-bottom:1.25em;
}

h4 {
font-size:15px;
font-weight:700;
line-height:1;
margin-bottom:1.25em;
}

h5 {
font-size:13px;
font-weight:700;
margin-bottom:10px;
}

h6 {
font-size:12px;
font-weight:700;
}

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
border:0;
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
margin:0;
padding:0;
vertical-align:baseline;
}

input,textarea {
background:url(images/field_bg.png) no-repeat top left;
border-color:#d2d2d2 #e2e2e2 #e2e2e2 #d2d2d2;
border-style:solid;
border-width:1px;
font:400 18px arial, sans-serif;
padding:8px;
}

input:focus,textarea:focus {
background-color:#edf2f5;
color:#333;
}

label {
float:left;
font-weight:700;
padding:5px;
width:150px;
}

li ul,li ol {
margin:0 1.5em;
}

ol {
list-style-type:decimal;
}

ol.list li {
border-bottom:1px #aaa dotted;
padding:5px 0;
}

ol.list,.margin-30-left {
margin-left:30px;
}

p img.left {
float:left;
margin:1.5em 1.5em 1.5em 0;
padding:0;
}

p img.right {
float:right;
margin:1.5em 0 1.5em 1.5em;
}

p,dl {
margin:0 0 1.5em;
}

pre {
margin:1.5em 0;
white-space:pre;
}

pre,code,tt {
font:1em 'andale mono', 'lucida console', monospace;
line-height:1.5;
}

sup,sub {
line-height:0;
}

table {
border:1px #ccc solid;
border-bottom:none;
border-collapse:separate;
border-spacing:0;
margin-bottom:1.4em;
margin-top:0;
width:100%;
}

table,td,th {
vertical-align:middle;
}

td {
background:#f1f1f1;
border-bottom:1px #ccc solid;
border-top:1px #fff solid;
color:#777;
padding:5px 15px;
}

td.active {
background-color:#e4e4e4;
}

th {
border-bottom:3px #bbb solid;
font-weight:700;
padding:5px 15px;
text-align:left;
}

th,td,caption {
padding:4px 10px 4px 5px;
}

thead th {
background:#c3d9ff;
border-bottom:1px #bbb solid;
border-top:1px #fff solid;
}

tr.even td {
background:#e5ecf9;
border-bottom:1px #ccc solid;
border-top:1px #fff solid;
}

ul {
list-style:square;
list-style-type:disc;
margin-left:30px;
}

ul,ol {
margin:0 1.5em 1.5em;
}

ul.list {
list-style:none;
margin:0 0 15px;
}

ul.list li {
background:url(images/bullet.png) no-repeat left;
border-bottom:1px #aaa dotted;
padding:5px 0 5px 20px;
}
ul.topnav {
	list-style: none;
	padding: 0 20px;
	margin: 0 auto;
	float: left;
	width: 100% fixed;
	background: #222;
	font-size: 1.2em;
	background: url(images/topnav_bg.gif) repeat-x;
}
ul.topnav li {
	float: left;
	margin: 0;
	padding: 0 15px 0 0;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
}
ul.topnav li a{
	padding: 10px 5px;
	color: #fff;
	display: block;
	text-decoration: none;
	float: left;
}
ul.topnav li a:hover{
	background: url(images/topnav_hover.gif) no-repeat center top;
}
ul.topnav li span { /*--Drop down trigger styles--*/
	width: 17px;
	height: 35px;
	float: left;
	background: url(images/subnav_btn.gif) no-repeat center top;
}
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 35px;
	background: #333;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 170px;
	border: 1px solid #111;
}

ul .subnav {
	z-index:1;
	overflow:auto;
}

ul.topnav li ul.subnav li{
	margin: 0; padding: 0;
	border-top: 1px solid #252525; /*--Create bevel effect--*/
	border-bottom: 1px solid #444; /*--Create bevel effect--*/
	clear: both;
	width: 170px; 
}
.navbar ul.topnav li ul.subnav li a {
	float: left;
	width: 145px;
	background: #333 url(images/dropdown_linkbg.gif) no-repeat 10px center;
	padding-left: 20px;
}
.navbar ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background: #222 url(images/dropdown_linkbg.gif) no-repeat 10px center;
}