#toTopbarra{
background: url("http://i.imgur.com/OEN7Ji2.png") repeat-x scroll center bottom #101010;
box-shadow: 0 3px 2px #000;
border-bottom: 1px solid #000;
height: 57px;
position: fixed;
top: 0;
width: 100%;
z-index: 400;
}
#menu-top{
height:45px;
margin:0 auto;width:980px;
}
#logod{
float:left;
height:45px;
width:238px;
}
#logod > a{
border-left: 1px solid transparent;
border-right: 1px solid #3D3D3D;
display: block;
height: 36px;
line-height: 0;
position: relative;
top: 3px;
width: 236px;
}
#logod img{
border-left:1px solid transparent;
border-right:1px solid #111;
height:38px;width:234px;
}
#logod:hover .a-tl,#logod:hover .im-zk{
border-left:0 none;
border-right:0 none;
}
#logod:hover{
background:none repeat scroll 0 0 #141414;
border-left:1px solid #3D3D3D;
border-right:1px solid #3D3D3D;
margin-left:1px;
width:235px;
cursor:pointer;
}
#navd > li{
border-top:1px solid #222;
position:relative;
}
#navd a{
border-top:1px solid #000;
color:#BBB;
display:block;
font-size:12px;
font-weight:normal;
padding:10px 15px;
text-decoration:none;
}
#navd a:hover{
color:#FFF;
}
#navd{
background: none repeat scroll 0 0 #141414;
border-left: 1px solid #141414;
border-radius: 0 0 5px 5px;
border-right: 1px solid #141414;
box-shadow: 0 2px 6px 0 rgba(0,0,0,0.2);
clear: both;
font-size: 12px;
left: 0;
margin: 0 auto;
padding: 0;
position: relative;
right: 0;
top: 2px;
width: 222px;
height: 0;
overflow: hidden;
z-index: 200;
}
#logod:hover #navd{
height:auto;
overflow:visible;
padding:5px;
}
.subs{
background:none repeat scroll 0 0 #141414;
box-shadow:0 2px 6px 0 rgba(0,0,0,0.2);
margin-left:10px;
opacity:0;
position:absolute;
right:0;
top:2px;
transition:all 300ms ease-in-out 0s;
-webkit-transition:all 300ms ease-in-out 0s;
-o-transition:all 300ms ease-in-out 0s;
-moz-transition:all 300ms ease-in-out 0s;
z-index:5;
}
.subs > li{
float:left;
position:relative;
z-index:5;
}
.subs a{
border-top:0 none !important;
}
#navd li:hover .subs{
opacity:1;
right:-152px;
z-index:20;
}
#navd li:hover{
background:#222;
color:#FFF;
}
#navd span{
background:none repeat scroll 0 0 #2D2D2D;
border-radius:3px 3px 3px 3px;
font-size:11px;
line-height:1;
padding:4px 8px;
position:absolute;
right:10px;
top:9px;
}
.big-buscador
{
float:left;
padding:7px 20px 0;
}
#texto{
background:#505050;
height: 15px;
border:1px solid #111;
border-radius:14px 14px 14px 14px;box-shadow:0 1px 2px #444 inset,0 1px 0 #444;color:#B4B4B4;font-size:13px;line-height:18px;padding:6px 11px;width:190px;transition:all 300ms ease-in-out 0s;-webkit-transition:all 300ms ease-in-out 0s;-o-transition:all 300ms ease-in-out 0s;
-moz-transition:all 300ms ease-in-out 0s;
}
#texto:focus{
background:#FCFBF8;
box-shadow:0 0px 0px #444 inset,0 0 3px #444;
color:#666;
}
#buscador{
position:relative
}
#botonbuscar{
background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgmUYmkSX0dMXDD4vszSb_ID_Bi74Foi3m8QgJXuIF-WnDNqTD2IxFPeZ6NICjAVf5vQWoVtUJjZWzL85lf0VEejaOEVucjQL7O53iw7nRUmPBoRKU8TUmbYB6dpqOnIxsg8GkhmrK2c_W/s1600/icon16.png") no-repeat scroll 0 0 transparent;
border:0 none;
cursor:pointer;
height:14px;
padding:0;
position:absolute;
right:12px;
text-indent:-99999px;
top:7px;
width:14px;
}
.social-sg{
float:left;
padding:8px 15px 0;
}
.list-social > li{
float:left;
margin:0 10px;
}
.list-social a{
background:none repeat scroll 0 0 #111;
border:1px solid #111;
border-radius:3px 3px 3px 3px;
box-shadow:0 1px 0 #444;
color:#AAA;
display:block;
padding:5px 10px;
text-decoration:none;
transition:all 300ms ease-in-out 0s;
-webkit-transition:all 300ms ease-in-out 0s;
-o-transition:all 300ms ease-in-out 0s;
-moz-transition:all 300ms ease-in-out 0s;
}
.list-social a:hover{
color:#FFF;
}
.list-social a.facebook:hover{
background:#204A7A;
}
.list-social a.twitter:hover{
background:#2d6775;
}
.list-social a.youtube:hover{
background:#732727;
}
.list-social a.google:hover{
background:#9C5050;
}
.list-social a.rss:hover{
background:#6d4109;
}
#face1 {
position:fixed;
top:100px;
right:-250px;
float:right;
width:288px;
display:block;
padding:0;
z-index:1002;
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}
#google2 {
position:fixed;
top:240px;
right:-250px;
float:right;
width:288px;
display:block;
padding:0;
z-index:1003;
border-radius:10px;
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}
#twitter3 {
position:fixed;
top:380px;
right:-250px;
float:right;
width:288px;
display:block;
padding:0;
z-index:1004;
border-radius:10px;
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}
#face1:hover, #google2:hover, #twitter3:hover {
right:0px;
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}
a {color: #00AAFF;text-decoration: none;}
ul {list-style: none outside none;margin: 0;padding: 0;}
ul li {list-style: none outside none;}
img {border: 0 none;}
#nav, #nav ul {
list-style: none outside none;
margin: 0;
padding: 0;
}
