*{margin:0; padding:0}
body{background:#000; color:#333; text-align:center; padding:0; font:12px "Lucida Sans", "Lucida Console", Arial, Verdana;color:#fff;}
a { color:#fff; }
li{margin-left:16px}
h1{color:#f00; text-align:center; padding-bottom:10px}
h2{color:#1e1e1e; font:16px Georgia, "Times New Roman", Times, serif; font-weight:bold;}
h3{color:#fff; font:22px Georgia, "Times New Roman", Times, serif; font-weight: bolder; margin-left:5px}
h1, h2, h3 {padding:5px 10px}
h1 a, h2 a, h3 a { color:#1e1e1e; cursor:pointer; text-decoration:none}
h1 a:hover, h2 a:hover, h3 a:hover { color:#000; cursor:pointer; text-decoration:underline}


pre{background:#666; color:#fff; padding:10px; margin:10px; height:auto; overflow:auto; }

* html pre{width:100%}

.sample{padding:10px; margin:4px 0 25px 0;}
h4.stitle{color:#666; margin:0 0 5px 0}

.links{margin-top:10px; text-align:center; margin-bottom:20px;}
.links a{font-size:13px; color:#ccc; text-decoration:none}
.links a:hover{color:#333}

#contenedor{width:820px; margin:0 auto; background:#e20004 url(../images/logo.png) top center no-repeat; text-align:left; padding:120px 10px 0 10px; border:1px #fff solid;}
.contenedor2 {padding-top:80px;}

.buttons{padding:10px 0; text-align:center;}
.buttons span, .buttons a{color:#fff; padding:0 12px; cursor:pointer; font:14px Arial,Helvetica,sans-serif; font-weight:bold; text-decoration: none}
.buttons span.active, .buttons span:hover{color:#ff3333}
.buttons span a {text-decoration: none}
/* Sample 4*/
#box4{position:absolute}
#box4 div{width:790px; height:auto; float:left; padding-top:20px}
.mask3{position:relative; width:790px; height:690px; overflow:hidden}

#box4 h3, #box4 ul{padding:5px 10px}

#box4 img.main {width:780px; height:200px; margin:5px; background:#fff url(../images/loader.gif) center center no-repeat;}
#info4{background:none !important; color:white !important; cursor:default}
/* ********************************** */
.thumbs{width:54px}
.thumbs div{display:block; width:54px; height:41px; margin:3px 0; cursor:pointer}

.thumbs div img{display:block; width:100%; height:100%; border:none}

.info{width:790px; height:20px; background:#000; position:absolute}
.info p, .info h4{color:#fff; padding:3px 8px; font-family:Arial}
.info h4{font-size:14px}
.info h4 a{float:right; background:#fff; color:#000; font-size:10px; padding:0 3px; text-decoration:none}
span img{display:block; border:none}

/* Menu ajax desplegable  */
.glossymenu{margin:0; padding:0;}
.glossymenu a.menuitem {color:#1e1e1e; font:16px Georgia, "Times New Roman", Times, serif; font-weight:bold; text-decoration:none; text-align:left; margin:8px 12px 0 12px; padding:0; display:block; cursor:pointer; position:relative; clear:both /*To help in the anchoring of the ".statusicon"icon image*/}
.glossymenu div.submenu {margin:0 35px 25px 5px;}
.glossymenu div.submenu a {display:block; display:inline }

.footer { color:#ff3333; padding: 5px 0; text-align:center}
.footer a {font-weight:bold; color:#FF6633;}