*{
margin:0; padding:0;
}
body{
background: #fff url(images/bg_body.gif) repeat-x;
color: #606060;
font-family: "Lucida Grande", "Trebuchet MS", sans-serif;
font-size: 12px;
font-weight: normal;
}
#primary,#head,#main,#foot{
margin: 0 auto;
width: 770px;
}
#head{
background: url(images/bg_header4.jpg) repeat-x;
height: 285px;
}
#title a h1{
color: #606060;
font-size: 20px;
font-family: Georgia, Arial;
padding-top: 124px;
margin-left: 100px;
font-weight: normal;
text-align: center;
}
#primary a:link {
font-size: 11px;
text-align: center;
color: #027ac6;
text-decoration:none;
font-weight: normal;
}
#primary {
margin-top: 19px;
width: 770px;
}
#primary a:hover, #primary a.active{
color:#422d29;
}
img{
border: none;
}
a:link, a:visited {
  color: #027AC6;
  text-decoration: none;
}
#main{
margin-top: 100px;
line-height: 20px;
}
#foot {
text-align: center;
margin-top: 70px;
margin-bottom: 30px;
line-height:18px;
clear: both;
}
.art {
margin: 30px auto 50px auto;
font-style: italic;
font-family: Georgia, Lucida, Arial, sans-serif;
}
ul li {
margin-left: 50px;
}
li ul {
margin-left: 100px;
}
.CV {
margin-left: 10px;
float: right;
}
.VC {
float: right;
margin-left: 10px;
margin-top: 20px;
}
#vc {
text-align: center;
margin: 10px auto;
}
#patro {
text-align: center;
float: left;
width: 200px;
margin-left: 50px;
}
#partes{
float: left;
width: 200px;
}
#patroclo {
float: right;
width: 200px;
}
#partot {
text-align: center;
float: left;
margin-left: 150px;
width: 200px;
}
#parto {
text-align: center;
margin: 100px auto 10px auto;
}
#parto2 {
text-align: center;
}
#postura {
text-align: center;
margin: 40px auto;
}
#postura img {
margin-left: 10px;
}

#daniel {
float: left;
margin-left: 10px;
text-align: center;
}
#david {
float: right;
margin-right: 10px;
text-align: center;
}
#donde{
float: left;
text-align: center;
}
#que{
float: right;
margin-top: 1px;
text-align: center;
}
p{
margin-top: 15px;
}
.der{
float: left;
}
.iz {
width: 250px;
float: right;
text-align: left;
}
.cen {
margin-left: 225px;
}
.hacemo{
margin-bottom: 10px;
}
#mas{
margin-bottom: 40px;
}
a.Q{
float: left;
text-decoration: underline;
padding-bottom: 5px;
}
a.BM {
float:right;
text-decoration: underline;
padding-bottom: 5px;
}
#Qli{
height: 50px;
}
#s3slider {
   width: 500px; /* important to be same as image width */
   height: 375px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
   margin-left: 0; /* important */
}

#s3sliderContent {
   width: 500px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3sliderImage {
   margin-left: 0px;
   list-style-type: none;
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}
.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 500px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   bottom: 0;
}
.clear {
   clear: both;
}