#header {
width:961px;
}

#container {
width:961px;
padding-top:15px;
}

#content {
width:961px;
}

#toggle {
width:790px;
}

#sidebar {
width:100px;
display:table;
float:left;
}

#primary-content{
display:table;
float:left;
padding-right:10px;
}

#footer {
width:961px;
height:62px;
}

#nav {
width:961px;
}

.content-top, .content-bottom {
width:788px;
}

.entry,.entry p,.entry h3 {width:550px;}

.left-sidecolumn,.right-sidecolumn {
clear:left;
float:left;
width:90%;
padding:0 5px;
}


*/ M

:link,:visited {text-decoration:none}
ul,ol {list-style:none}
table {border-collapse:collapse}
h1,h2,h3,h4,h5,h6,pre,code,input,select,textarea {font-size:1em;}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset {margin:0; padding:0}
fieldset,a img,:link img,:visited img {border:0}

html,body {font:12px/1.3 verdana, sans-serif; color:#656462; text-align:center; background:url(../img/bg.jpg) no-repeat top center;}

h2 {margin-bottom:20px; font-size:18px; font-weight:normal;}
h3 {font-size:16px; font-weight:normal;}

a:active {outline:none;}
a:link, a:visited {color:#f38524; text-decoration:none;}
a:hover, a:active {color:#f38524; text-decoration:underline;}

p {margin-bottom:10px;}
.hidden,
hr {display:none !important;}

/*	Layout
--------------------------------------------------------------------------*/
#wrapperM {position:relative; width:960px; margin:0 auto; text-align:left; padding:0 10px;}
#plaqueta, #carrito {position:absolute; top: 30px; right:5px; width:85px; height:90px; background:url(../img/sprite_trans.png) 0 -335px; text-indent:-9999px;}
#carrito {width:75px; height:89px; background:url(../img/sprite_trans.png) -184px -411px;}


/*	Header
----------------------------------------------------------------------*/
#headerM {overflow:hidden; border-bottom:1px solid #e9e9e9;}
h1 a {float:left; width:139px; height:60px; text-indent:-9999px; background:url(../img/sprite_trans.png) no-repeat 0 -254px; margin:10px 0 20px;}
#topmenuM {float:right; margin:5px 25px 0 0;}
#topmenuM li {float:left;}
#topmenuM a {font-size:10px; text-transform:uppercase; margin-left:3px; padding-left:3px; border-left:1px solid #959595; color:#959595;}
#topmenuM li:first-child a, #topmenuM li.first a {border-left:0;}
#menuM {float:right; clear:right; margin: 15px 60px 10px 0; height:42px; background:url(../img/sprite.png) no-repeat right -414px; padding-right:30px;//width:600px;}
#menuM ul {height:100%; background:url(../img/sprite.png) no-repeat -2752px -414px;}
#menuM li {float:left; height:100%; line-height:42px;}
#menuM a {display:block; text-transform:uppercase; font-size:13px; margin-left:33px; font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", verdanda, sans-serif;color:#f38524;}
/*INCREIBLE, el ultimo item de esta lista se oculta en IE7 si está en mayúsculas*/
#menuM li.active a {color:#333; text-decoration:none;}


/*	Footer
----------------------------------------------------------------------*/
#footerM {clear:both; padding-top:20px; border-top:1px solid #e9e9e9; margin:0 25px;}
#footerM div {background:url(../img/spriteS.png) 0 -476px; height: 84px;}
#footerM ul {margin-left:40px; overflow:hidden;}
#footerM li {float:left;}
#footerM a {float:left; width:70px; padding:47px 0 20px 65px; margin-right:65px;color:#959595;}
#footerM a:link, #footer a:visited {color:#959595; text-decoration:none;}
#footerM a:hover, #footer a:active {color:#f38524; text-decoration:none;}
#footerM #flickr a {margin-right:75px;}
#footerM p {text-indent:-9999px; float:right;}
#legal {margin-top:10px; text-align:center; color:#959595;}
#legal a:link, #legal a:visited {color:#959595}
#legal a:hover, #legal a:active {color:#959595; text-decoration:underline;}

/*	List items
----------------------------------------------------------------------*/
.list {margin-left:-14px; clear:both;}
.list li {width: 130px; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; vertical-align: top; margin: 0 0 20px 14px;}
.list li div {position:relative;}
.list li li {width:auto; min-height:0; height:auto; position:relative; display:block; margin:0;color:#000; font-weight:bold; font-size:11px;}
.list li.title {font-size:13px;}
.list li a.img {display:block; position:relative;}
.list li a.img span.over {position:absolute; left:0; top:0; width:100%; height:100%; background:none;}
.list li a.img:hover span.over {background:url(../img/bg-thumb-videos.png);}

.list-line {clear:both; border-bottom:1px solid #e9e9e9; margin:0 0 10px -23px; overflow:hidden; padding-bottom:10px;}
.list-line li {float:left; width:120px; margin:0 0 0 27px; font-size:11px;}
.list-line li a {display:block; font-weight:bold; position:relative;}
/*.list-line li a.img:hover span {position:absolute; top:0; left:0; width:100%; height:100%; background:url(../img/bg-thumb-videos.png);}*/
.list-line li a span.over,
#compra .list-line a.image span.over {position:absolute; top:0; left:0; width:100%; height:100%; background:none;}
.list-line li a:hover span.over,
#compra .list-line a.image:hover span.over {background:url(../img/bg-thumb-videos.png);}
.list-line li p {font-size:10px;}

#lanzamientos, #prensa {border-bottom:1px solid #e9e9e9; display:table;width:290px;}
#lanzamientos li {float:left;}
#lanzamientos li a,
#compra .list-line a.image {display:block; margin-bottom:20px; position:relative; text-decoration:none;}
#compra .list-line a.image {margin:0; height:185px;}
#lanzamientos ul {overflow:hidden; clear:both;}
#lanzamientos .big {margin-left:-24px;}
#lanzamientos .small {margin-left:-15px;}
#lanzamientos .big li a {width:80px; margin-left:24px; height:118px;}
#lanzamientos .small li a {width:60px; margin-left:15px; height:90px;}
#lanzamientos li a span,
#compra .list-line a.image span,
#shop .shop-list li a.image span {position:absolute; bottom:0; left:0; width:45px; height:17px; background:#ff0; font-size:11px; color:#000; text-align:center; line-height:13px; text-decoration:none;}
#lanzamientos li a span.over {bottom:auto; top:0; width:100%; height:100%; background:none;}
#lanzamientos li a:hover span.over {background:url(../img/bg-thumb-videos.png);}
#compra .list-line a.image span {width:80px; height:30px; line-height:30px; font-size:16px;}
#materiales {overflow:hidden;}
#materiales a {display:block; padding:7px 35px 7px 10px; color:#59c4d6; background:url(../img/sprite.png) no-repeat right -286px; margin:3px 11px 3px 0;}
#materiales li.even a {background:url(../img/sprite.png) no-repeat -1084px -355px; margin-right:0;}

#boletin {display:table;height:140px; background:url(../img/sprite.png) right top;  padding: 0 18px; margin:0 20px 20px 0; }
#boletin h3,
.box h3 {text-transform:uppercase; padding-top:25px;padding-bottom:30px;font-size:12px;  font-weight:normal;font-family:Arial;}
#boletin label,
.box label {float:left; margin-bottom:10px;}
#boletin label input {width:140px; padding:3px 6px; background:url(../img/sprite_trans.png) no-repeat left bottom; border:0; font-size:13px;}
#boletin input[type=submit]{float:right; width:99px; height:26px; background:url(../img/sprite.png) no-repeat -1373px 0; padding:0; border:0; text-indent:-9999px; cursor:pointer;}
#boletin input.submit {float:right; width:99px; height:26px; background:url(../img/sprite.png) no-repeat -1373px 0; padding:0; border:0; text-indent:-9999px; cursor:pointer;}
#boletin input[type=submit]:hover {background-position:-1373px -44px;}
#boletin input.submit:hover {background-position:-1373px -44px;}

#datosBoletin{
  font-size:12px;
  width:265px;
}

/*	Bubbles
----------------------------------------------------------------------*/
.bubble-pink span, .bubble-pink a, .bubble-green span, .bubble-green a {float:left; line-height:39px; padding: 0 10px 0 25px; width: 175px;}
.bubble-pink span, .bubble-pink a {background:url(../img/sprite.png) no-repeat 0 -242px;}
.bubble-green span, .bubble-green a {background:url(../img/sprite.png) no-repeat 0 -304px;}
.bubble-pink span, .bubble-green span {height:52px; color:#fefdfc;}
.bubble-pink a, .bubble-green a {height:43px; color:#999;}
#content #content-right .bubble-turquoise, .bubble-yellow, .bubble-blue, #shop .bubble-green, #player .bubble-green, #sidebar .bubble-pink {float:left; line-height:34px; height:46px; padding: 0 12px; width: 167px; margin-bottom:10px;}
#content #content-right .bubble-turquoise {background:url(../img/sprite.png) no-repeat 0 -46px; color:#656462;}
.bubble-yellow {background:url(../img/sprite.png) no-repeat 0 0;}
#sidebar .bubble-turquoise, #sidebar .bubble-yellow, .bubble-blue, #shop .bubble-green, #player .bubble-green, #sidebar .bubble-pink, bubble-yellow {width: 266px;}
#sidebar .bubble-turquoise {background:url(../img/sprite.png) no-repeat -251px -56px; color:#656462;}
#sidebar .bubble-yellow {background:url(../img/sprite.png) no-repeat -251px top;}
.bubble-blue, #player .bubble-green, #sidebar .bubble-pink {background:url(../img/sprite.png) no-repeat -252px -113px; height:52px; line-height:40px; color:#fefdfc;}
.bubble-yellow {background:url(../img/sprite.png) no-repeat -252px 0px; height:52px; line-height:40px; width:288px;}
#player .bubble-green {background-position:-575px -113px;}
#sidebar .bubble-pink {background-position:-639px -178px;}
.bubble-orange, .bubble-turquoise {float:left; line-height:33px; height:49px; padding: 0 12px; width: 325px; margin-bottom:10px; background:url(../img/sprite.png) no-repeat left -365px; color:#f1f0ee;}
#shop .bubble-green {background:url(../img/sprite.png) no-repeat -575px -113px; height:53px; line-height:42px; color:#f1f0ee;}
#content .bubble-turquoise {background:url(../img/sprite.png) no-repeat -251px -178px; color:#656462; width:351px; height:46px; line-height:36px;}

ul.comments, ul.prensa {clear:both; font-size:11px;width:288px;}
ul.comments li, ul.prensa li {margin-bottom:10px;}
ul.comments li blockquote {background:url(../img/sprite.png) no-repeat -210px -2793px; padding-top:8px;}
ul.comments li p {background:url(../img/sprite.png) no-repeat -210px bottom; padding:0 10px 20px; margin-bottom:2px;}
ul.prensa li p {padding-right:20px; margin-bottom:2px;}
ul.comments li em, ul.comments li a {display:block; text-align:right; color:#f38524; font-style:italic;}
ul.prensa li em, ul.prensa li a {display:block; text-align:right; color:#59c4d6; font-style:italic;}
