/*Estructura de la web
__________________________________________________________________________________________________________________________________*/

body {margin:0 auto;background: #222;/*background: -moz-linear-gradient(top,  #B00000 0%, White 100%);  FF3.6+ *//*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#B00000), color-stop(100%,White)); /* Chrome,Safari4+ background: -webkit-linear-gradient(top,  #B00000 0%, White 100%);*/ /* Chrome10+,Safari5.1+ *//*background: -o-linear-gradient(top,  #B00000 00%, White 100%);  Opera 11.10+ *//*background: -ms-linear-gradient(top,  #B00000 0%, White 100%);  IE10+ background: linear-gradient(to bottom,  #B00000 0%, White 100%); /* W3C *//*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#B00000', endColorstr='White',GradientType=0 );  IE6-9 */ }
header{box-shadow: 0px 0px 20px Black; margin: 0 auto; width: 950px;border-top-left-radius:10px; border-top-right-radius:10px; border:1px Solid Gray; background:White; padding: 5px 5px 5px 5px;}
nav{margin: 0 auto;  width: 963px; background:Black; height:85px; border-bottom:4px Solid #B33336; border-bottom-left-radius:10px; border-bottom-right-radius:10px; }
#content{box-shadow: 0px 0px 20px Black;margin: 0 auto; width: 963px; background:White; border-top-right-radius:10px; border-top-left-radius:10px;}
article{padding:10px 10px 10px 10px;}
footer{border-top:5px Solid Gray;margin: 0 auto; width: 100%;   background:Black;  border-bottom:4px Solid Black;box-shadow: 0px 0px 8px Black; }


/*Estilos para la web
__________________________________________________________________________________________________________________________________*/
.boton{   height:50px;cursor:pointer;border-radius: 5px;border: 1px solid Gray;color: #fff;background: #770000;font: 15px/3.4 Helvetica, Verdana, sans-serif;text-decoration: none; -webkit-box-shadow: inset 0px 0px 4px rgba(255, 255, 255, 0.5), 1px 1px 2px rgba(0,0,0,0.2);box-shadow: inset 0px 0px 4px rgba(255, 255, 255, 0.5), 1px 1px 2px rgba(0,0,0,0.2);}
.boton:hover {background: #FF5959; font-weight:bold;}
.textorojo{ font-family:Arial; font-size:28px; font-weight:bold; color:#B00000;}
.imagenpublicidad{border: 10px Solid White;box-shadow: 0px 0px 5px Black;}
.logotipo{border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;border-top-left-radius: 10px;border-top-right-radius: 10px;box-shadow: 2px 2px 5px Black;width: 450px;height: 125px;}
.redondeado{border-top-right-radius:10px;border-bottom-right-radius:10px;box-shadow: 0px 0px 3px Gray;}
.redondeadotodo{border-top-right-radius:10px;border-bottom-right-radius:10px;box-shadow: 0px 0px 3px Gray; border-bottom-left-radius:10px; border-top-left-radius:10px;}
.enlaces{font-family: 'Segoe UI'; font-size: 16px; color: White; text-decoration:none;}
               
/*Estilos para el menu 
__________________________________________________________________________________________________________________________________*/

ul.sdt_menu{margin:0;padding:0;list-style: none;font-family: Arial;font-size:12px;width:950px;}
ul.sdt_menu a{text-decoration:none;outline:none;}
ul.sdt_menu li{float:left;width:236px;height:105px;position:relative;cursor:pointer;border-top-left-radius:10px;border-top-right-radius:10px;}
ul.sdt_menu li > a{position:absolute;top:0px;left:0px;width:170px;height:85px;z-index:12;background:transparent url(../images/overlay.html) no-repeat bottom right;}
ul.sdt_menu li a img{border:none;position:absolute;width:0px;height:0px;bottom:0px;left:85px;z-index:100;}
ul.sdt_menu li span.sdt_wrap{position:absolute;top:25px;left:0px;width:170px;height:60px;z-index:15;}
ul.sdt_menu li span.sdt_active{border-top:3px Solid Black;border-bottom: 3px Solid #B33336;border-left:3px Solid #B33336;border-right:3px Solid #B33336;position:absolute;background:Black;border-bottom-left-radius:10px;border-bottom-right-radius:10px;top:85px;width:170px;height:0px;left:0px;z-index:14;}
ul.sdt_menu li span span.sdt_link,
ul.sdt_menu li span span.sdt_descr,
ul.sdt_menu li div.sdt_box a{margin-left:10px;text-transform:uppercase;text-shadow:1px 1px 1px #000;}
ul.sdt_menu li span span.sdt_link{color:#fff;font-size:18px;float:left;clear:both;}
ul.sdt_menu li span span.sdt_descr{color:#B33336;float:left;clear:both;width:155px;font-size:10px;letter-spacing:1px;font-weight:bold;}
ul.sdt_menu li div.sdt_box{display:block;position:absolute;width:170px;overflow:hidden;height:170px;top:85px;left:0px;display:none;background:#000;}
ul.sdt_menu li div.sdt_box a{float:left;clear:both;line-height:30px;color:#0B75AF;}
ul.sdt_menu li div.sdt_box a:first-child{margin-top:15px;}
ul.sdt_menu li div.sdt_box a:hover{color:#fff;}
    
/*Estilos para el liston Predeterminado*/
#menuListon:after, #menuListon:before { content:'';position: absolute;}
#menuListon { padding:5px 0px 0px 0px; border-bottom-right-radius:10px; border-top-right-radius:10px;height:40px; text-align: center;position: relative;border-bottom: 1px Solid Black; margin:  0 -20px 5px -30px;  background:#770000;-moz-box-shadow: 0 2px 0 #573D61;-webkit-box-shadow: 0 2px #573D61; width:200px;}
#menuListon:before {border-style: solid;border-color: transparent;bottom: -10px;}
#menuListon:before {border-width: 0 19px 10px 0;border-right-color: Black; left: 0;}
#menuListon ul {margin-top: 0px;}
#menuListon li {list-style: none;display: inline;padding-right:20px;}
#menuListon li a:hover {transition:all .1s linear;-o-transition:all .1s linear;-moz-transition:all .1s linear;-webkit-transition:all .1s linear;font-family:Arial;}
#menuListon li a {text-shadow: 0 2px 1px rgba(0,0,0,0.5);display: inline;text-decoration: none;color: #f0f0f0; /* Color del texto */font-size: 20px; /* Tamaño del texto */transition:all .1s linear;-o-transition:all .1s linear;-moz-transition:all .1s linear;-webkit-transition:all .1s linear;font-family:Arial;}
a.ref{color:#888;text-decoration:none;text-shadow:1px 1px 1px #000;position:absolute;bottom:10px;right:10px;}
a.ref:hover{color:#000;}





/*Hire Me Card*/
.hireme, .hireme:before, .hireme:after {
  height: 100px;
  width: 250px;
  background: #ccc;
  border-radius: 10px;
  -webkit-box-shadow: 3px 3px 5px rgba(0,0,0,0.5);
  box-shadow: 3px 3px 5px rgba(0,0,0,0.5);

  background-image: linear-gradient(bottom, rgb(217,217,217) 40%, rgb(245,245,245) 70%);
  background-image: -o-linear-gradient(bottom, rgb(217,217,217) 40%, rgb(245,245,245) 70%);
  background-image: -moz-linear-gradient(bottom, rgb(217,217,217) 40%, rgb(245,245,245) 70%);
  background-image: -webkit-linear-gradient(bottom, rgb(217,217,217) 40%, rgb(245,245,245) 70%);
  background-image: -ms-linear-gradient(bottom, rgb(217,217,217) 40%, rgb(245,245,245) 70%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.4, rgb(217,217,217)), color-stop(0.7, rgb(245,245,245)));
}




















.hireme, .hireme:before, .hireme:after {
  height: 140px;
  width: 440px;
  background: White;
  border-radius: 10px;
  -webkit-box-shadow: 3px 3px 5px rgba(0,0,0,0.5);
  box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
  background-image: linear-gradient(bottom, rgb(217,217,217) 40%, rgb(245,245,245) 70%);
  background-image: -o-linear-gradient(bottom, rgb(217,217,217) 40%, rgb(245,245,245) 70%);
  background-image: -moz-linear-gradient(bottom, rgb(217,217,217) 40%, rgb(245,245,245) 70%);
  background-image: -webkit-linear-gradient(bottom, rgb(217,217,217) 40%, rgb(245,245,245) 70%);
  background-image: -ms-linear-gradient(bottom, rgb(217,217,217) 40%, rgb(245,245,245) 70%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.4, rgb(217,217,217)), color-stop(0.7, rgb(245,245,245)));
}

.hireme1, .hireme:before, .hireme:after {
  height: 280px;
  width: 400px;
  background: White;
  border-radius: 10px;
  -webkit-box-shadow: 3px 3px 5px rgba(0,0,0,0.5);
  box-shadow: 3px 3px 5px rgba(0,0,0,0.5);
  background-image: linear-gradient(bottom, rgb(217,217,217) 40%, rgb(245,245,245) 70%);
  background-image: -o-linear-gradient(bottom, rgb(217,217,217) 40%, rgb(245,245,245) 70%);
  background-image: -moz-linear-gradient(bottom, rgb(217,217,217) 40%, rgb(245,245,245) 70%);
  background-image: -webkit-linear-gradient(bottom, rgb(217,217,217) 40%, rgb(245,245,245) 70%);
  background-image: -ms-linear-gradient(bottom, rgb(217,217,217) 40%, rgb(245,245,245) 70%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.4, rgb(217,217,217)), color-stop(0.7, rgb(245,245,245)));
}

/*Hire Me Card*/
.hireme {
  margin: 10px;
  position: relative;
}

.hireme img {
  margin: 10px 0 0 10px;
  border-radius: 10px;
  height: 80px;
  width: 80px;
}

/*