@charset "UTF-8";
/* CSS Document */

/* Setup */
* {padding:0; margin:0; font-family:"Century Gothic", Verdana, Arial, sans-serif;}
a {color:#E4E4E4; outline:none; text-decoration:none; cursor:pointer;}
body{min-width:1024px; background-color:#000000; background-image:url(Backgrounds/colgajos2.png); background-repeat:no-repeat; background-attachment:fixed; background-position:top center;}
html {overflow-y:scroll; overflow-x:hidden; font-size:10.5pt; color:#FFFFFF;}
img {-ms-interpolation-mode: bicubic;}
blockquote {margin-bottom:15px;}

/* Site Basics */
.wrapper {width:1024px; margin:0 auto; margin-top:170px;  color:#EEE;}
.footer {position:fixed; bottom:0px; right:0px; width:100%;  color:#777; background:url(Images/transparent80.png) repeat;}
.footer p {text-align:right; padding:3px 6px; font-size:12px;}
.footer a span {color:#666666}
.left_column {width:250px; margin-right:40px; float:left; text-align:right; display:none;}
.right_column {float:left; max-width:458px; padding-top:11px; padding-bottom:50px;}
.clear {clear:both; visibility:hidden; width:0px; height:0px; overflow:hidden;}
.login {text-align:right; background:url(Images/transparent80.png) repeat;}
.login a {float:left; padding:5px 13px; color:#BBB; display:block; font-size:13px;}
.login_box {display:none;}
.login_box input, .logout_box input {cursor:pointer; padding:1px; border:1px solid #333; background:#222; margin:0px 3px; color:#FFFFFF;}
.side_links a {display:block; padding:6px 0px; margin-right:4px; text-align:right; background:url(Images/seperator.png) no-repeat top right; font-size:20pt; font-weight:lighter; text-transform:uppercase; outline:none;}
.side_links a.end {background:none;}
.side_links_mini, .side_links_mini_about {padding-bottom:15px; display:none;}
.side_links_mini a, .side_links_mini_about a {margin:0px 4px 0px 0px; line-height:60%; display:block; font-size:13pt; background-position:100% 80%; background-repeat:no-repeat; padding-right:25px; text-transform:lowercase;}
.addon {height:0; display:none;}
.addon a {font-family:georgia; font-weight:bold; display:block; font-size:14pt; position: fixed; width:55px; height:41px; padding-top:14px;}
.addon a#shop {background:url(Images/circulos.png) 0 0 no-repeat; top:361px; margin-left:326px; color:#973d71;}
.addon a#blog {background:url(Images/circulos.png) -55px 0 no-repeat; top:263px; margin-left:363px;}

/*Site Name */
.sitename {padding-bottom:25px; font-size:1.7em; letter-spacing:-0.5px; text-transform:uppercase;}
.sitename .firstname {color:#666; font-weight:lighter;}
.sitename .lastname {font-weight:normal;}

/*Content Boxes*/
.main {display:none;}
.meta {display:none; font-weight:bold;}
.content_box {padding:20px; background:url(Images/transparent80.png) repeat; margin:-20px -20px; line-height:130%; -moz-border-radius: 10px; border-radius: 10px;}
.content_box a {color:#138287; text-decoration:underline;}
.hyphenate {text-align:justify;}
.hyphenate p {margin-bottom:15px;}

/*Portfolio Viewer*/
.volver {margin-top:-30px; padding-bottom:10px; margin-left:3px; text-transform:lowercase; font-size:13pt;}
.volver a {color:#727272;}
.marco1 {position:relative; top:-30px; margin-bottom:-30px;}
.marco2 {position:relative; left:155px; top:-49px; margin-bottom:-49px;}
.marco3 {position:relative; left:95px; top:-10px; margin-bottom:-10px;}
.holder span {font-size:18pt; position:relative; top:-43px; left:-87px; text-shadow:0.1em 0.1em 0.05em black;}
.marco2 span {left:-74px;}
.marco3 span {left:-74px;}
.holder a {color:#ffffff;}
.icon_holder {float:left; margin:2px;}
.icon_holder p {display:none;}
.icon {border:1px solid #000;}
.strip {overflow:visible;}
.strip p {display:none;}
.overlay {position:absolute; top:0; left:0; height:100%; width:100%; opacity:0; filter:alpha(opacity=0); z-index:999; background:#000 url(Images/loading.gif) no-repeat center;}
.overlay span.close {position:fixed; top:10px; right:12px; width:18px; height:18px; background:url(Images/xclose.png) no-repeat; cursor:pointer;}
.container {position:absolute; opacity:0; filter:alpha(opacity=0); left:-9999em; z-index:1000; overflow:hidden; display:block; cursor:default;}
.container img {border:1px solid #1C1C1C;}
.container span.nav {height:100%; width:40%; position:absolute; top:0px; cursor:pointer; opacity:.001; filter:alpha(opacity=.001);}
.container span.navLeft {left:0; background:url(Images/navLeft.png) no-repeat 10% 50%;}
.container span.navRight {right:0; background:url(Images/navRight.png) no-repeat 90% 50%;}
.container .captionholder {position:relative; filter:alpha(opacity=100);}
.container div.caption {background:url(Images/transparent80.png) repeat; margin-top:-73px; padding:6px 12px; z-index:1009; display:block; position:relative; min-height:100px;}
.container p {font-size:1.15em; padding-bottom:4px; display:block;}
.container p span {font-size:.75em; color:#DDD; padding-top:3px; display:block;}
.container #titles {padding:3px; display:block;}

/*Settings And Info Form*/
.button {padding:2px; border:1px solid #333333; background:#222; color:#FFFFFF;}
.button:hover {border-color:#666666; background:#444;}
.button:active {border-color:#666666; background:#000;}
.form_element {margin-bottom:20px;}
.form_element input, select {background:#FFFFFF; border:1px solid #333333; padding:3px; width:450px;}
textarea {width:450px; height:200px; padding:3px; border:#333333 solid 1px; font-size:12px;}
.contact_button {position:relative; top:-41px; float:left;}
.contact_button .button {width:109px;}
#box4 .form_element {margin-bottom:10px;}
#box4 .form_element label {background:none repeat scroll 0 50% #222222; border:1px solid #333333; display:inline-block; padding:2px; text-align:center; width:103px;}
#box4 .form_element input, #box4 .form_element select {background:none repeat scroll 0 0 #FFFFFF; border:1px solid #333333; float:right; padding:3px; vertical-align:top; width:331px;}
#box4 textarea {border:1px solid #333333; float:right; font-size:12px; height:200px; padding:3px; width:331px;}

/*Formulario de contacto*/
.notification_error {border:1px solid #A25965; height:auto; width:448px; padding:4px; background-color:#fb8e8e; -moz-border-radius:5px; border-radius:5px; color:#000000;}
.notification_ok {border:1px #567397 solid; height:auto; width:439px; padding:8px; background-color:#138287; text-align:center; -moz-border-radius:5px; border-radius:5px; color:#ffffff;}