/*
      Shining Design Interactive, SL
	  Design by Jean-Pierre Pequito
	  
*/

* { padding: 0; margin: 0; }

body {
font: 76% arial,sans-serif;
background: #fbfbfb url(img/bg.png) repeat-x top center;
}
p {
margin:0 10px 10px 10px;
}
a {
display:block;
color: #981793;
padding:10px;
}
.left {
float:left;	
border:0px;
}
.right {
float:right;	
border:0px;
}
.clear {
clear:both;	
width:80px;
}
#header {
height:89px;
width:1000px;
margin:0 auto;
background:url(img/logo_shining_design.png) no-repeat top left;
}
#header p {
float:right;
padding-right: 8px;
top: 20px;
position: relative;
color: #999;
}
#header ul {
padding-right: 15px;
width:100%;
float: right;
top:27px;
position:relative;
}
#header li {
list-style:none;
float:right;
background:url(img/menu.gif) no-repeat bottom right;
padding: 0 10px 0 10px;
text-align:center;
}
#header li a {
text-decoration:none;
font-weight:bold;
color:#443b3b;
font-size:1.1em;
}
#header li a:hover {
color:#dc2326;
}
#container {
width:1000px;
margin:0 auto;
text-align:left;
}

#content {
float:left;
width:400px;
}
#content p {
line-height:1.4;
text-align: justify;
color:#443b3b;
}
#content h2 {
line-height:1.4;
text-align: justify;
color:#2d8ad1;
margin:20px 10px 10px 10px;
}
#content img {
margin-bottom:15px;
}
#content-top {
float:left;
width:400px;
height:246px;
margin-bottom:35px;
}
#content-top p {
text-align:right;
color:#FFF;
padding: 185px 0 0 0;
line-height:normal;
font-size:0.9em;
}
#content-top p span {
line-height: 25px;
}
#content-main {
position:relative;	
float:left;
}
#rightcol-top {
float:right;
width:600px;
background:url(img/right_top.png) no-repeat top left;
height:43px;
}
#rightcol {
float:right;
width:580px;
background:url(img/right_bg.png) repeat-y top left;
padding:0 10px 0 10px;
}
.numbers li {
list-style:none;
text-decoration:none;
width:560px;
background:url(img/solucion_completa_lista.gif) no-repeat top left;
padding:0 20px 0 20px;
margin: 20px 0 0 8px;
}
.numbers li h1 {
float:left;
color:#fafafa;
font-family:impact;
font-size:3em;
margin-top: 5px;
}
.numbers li h2 {
color:#443b3b;
font-family:helvetica;
font-size:2em;
padding: 12px 0 0 50px;
}
.numbers li p {
color:#443b3b;
font-size:1em;
padding: 12px 40px 0 40px;
text-align: justify;
}
.mas {
float:right;
color:#2d8ad1;
font-size:1em;
padding: 0px 0px 0 0px;
text-decoration:none;
font-weight:bold;
}
.subtitle {
float:right;
height:45px;
margin:5px 5px 5px 100%;
}
#rightcol-bottom {
float:right;
width:600px;
background:url(img/right_bottom.png) no-repeat bottom left;
height:43px;
}
#extra {
float:right;
clear:right;
width:600px;
background:#FF8539
}
#footer {
clear:both;
width:100%;
background: url(img/footer_bg.png) repeat-x bottom left;
color: #FFF;
height:180px;
}
#footer p {
margin:0;
padding:5px 10px;
width:100%;
}
#footer-content {
height:89px;
width:1000px;
margin:0 auto;
position:relative;
top:70px;
color:#fff;
background:url(img/sd_footer.png) no-repeat top right;
}
#footer-left {
float:left;
width:500px;
}
#footer-left li {
float:left;
list-style:none;
}
#footer-right {
float:right;
width:500px;
}
#footer-right p {
width:400px;
position:relative;
top:65px;
padding-left:90px;
font-size:90%
}
#footer a {
text-decoration:none;
color:#fff;
}
#footer a:hover {
text-decoration:none;
color:#2d8ad1;
}
#portfolio {
list-style:none;
margin-bottom: 50px;
}
#portfolio img {
border: 1px #e3e3e3 solid;
}
#home #content-top {
background:url(img/diseno_paginas_web.png) no-repeat top right;
}
#company #content-top  {
background:url(img/shining_company.png) no-repeat top right;
}
#contactForm {
position:absolute;
top:0px;
height:304px;
width:351px;
background:url(img/form_bg.png) no-repeat top left;
display:none;
}
#contactForm form {
padding:15px 30px;
border:none;
}      
#contactForm label {
display:block;
color:#443b3b;
}      
#contactForm input[type=text] {
display:block;
border:solid 1px #CCC;
width:100%;
margin-bottom:10px;
height:20px;
background-color:#fafafa;
}  
#contactForm input[type=text]:hover {
background-color:#EEE;
}
#contactForm textarea {
display:block;
border:solid 1px #CCC;
width:100%;
margin-bottom:10px;
background-color:#fafafa;
}  
#contactForm textarea:hover {
background-color: #EEE;
}
#contactForm input[type=submit] {
background:transparent url(img/button.gif) no-repeat left top;
border: solid 0px;
color:#fafafa;
width:120px;
height:30px;
font-weight:bold;
float:left;
}    
#contactForm input[type=button] {
background:transparent url(img/closeform.gif) no-repeat left top;
border: solid 0px;
width:22px;
height:21px;
font-weight:bold;
float:right;
} 
#formDetails {
margin: 5px 0 5px 0;	
}
#contactbuttons {
padding:0px;
margin: 0px;
clear:both;
width: 100%;
height:30px;
}
#messageSent {
color: #393;
display:none;
padding-top:5px;
}
#messageMail {
color: #C00;
display:none;
padding-top:5px;
}
#messageFailed {
color: #C00;
display:none;
padding-top:5px;
}
ul.employees {
padding:30px 0 0 30px;	
}
ul.employees li.bcard {
display:block;
float:left;
width:520px;
}
ul.employees li.bcard .photo {
float:left;
height:150px;
margin:0 0 30px;
width:150px;
}
ul.employees li.bcard .aboutwrapper {
background:transparent url(img/bcard_bg.png) repeat-y scroll left top;
float:right;
margin:0 0 30px;
width:370px;
}
ul.employees li.bcard .about {
background:transparent url(img/bcard_top.png) no-repeat scroll left top;
padding:6px 15px 0px 25px;
}
ul.employees li.bcard .about h2 {
color:#fafafa;
font-size:1.9em;
margin:8px 0 2px 0;
font-weight:bold;
}
ul.employees li.bcard .about h3 {
color:#09436e;
margin:0 0 0 20px;
font-size:14px;
font-weight:normal;
}
ul.employees li.bcard .about p {
color:#FFF;
margin:15px 0 2px 0;
padding:0;
font-size:1em;
font-weight:normal;
line-height:14px;
text-align:justify;
}
ul.employees li.bcard .aboutwrapper .bottom {
background:transparent url(img/bcard_bottom.png) no-repeat scroll left bottom;
clear:both;
height:10px;
}
ul.employees li.bcard .about ul {
clear:both;
display:inline;
}
ul.employees li.bcard .about ul li {
display:inline;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
float:left;
height:24px;
margin-bottom:2px;
}
ul.employees li.bcard .about ul li.email a {
background:transparent url(img/mail.png) no-repeat scroll left center;
color:#10334d;
text-decoration:none;
padding-left:28px;
font-size:0.9em;
}
ul.employees li.bcard .about ul li.twitter a {
background:transparent url(img/twitter.png) no-repeat scroll left center;
color:#10334d;
text-decoration:none;
padding-left:28px;
font-size:0.9em;
}
#twitter_badge_container{margin:20px 0 20px 40px;width: 300px; background: #C1EAFF}
#twitter_badge_tl{background: transparent url(img/twitter_tl.png) top left no-repeat;}
#twitter_badge_tr{background: transparent url(img/twitter_tr.png) top right no-repeat;}
#twitter_badge_bl{background: transparent url(img/twitter_bl.png) bottom left no-repeat;}
#twitter_badge_br{background: transparent url(img/twitter_br.png) bottom right no-repeat;}
#twitter_badge_inner{padding: 45px 10px 5px 10px;}
#twitter_badge_via {font-size: 12px }
#twitter_badge_via a {color: #06F; text-decoration:none; text-align:right; padding-right: 40px; background: transparent url(img/twitter_logo.gif) bottom right no-repeat;}

/* defaults */
#my_twitter_status{}
#my_twitter_status_time{color: #666; font-size: 10px;}

#social-media img{border:none;}
#social-media {margin:0px 0 20px 60px;width:250px;height:60px;display:block}
#social-media li{list-style:none;}