/* CONTENIDORS */
BODY{ text-align:center; color: #666; background: #fff; font-family: Arial, Verdana, Georgia; font-size: 0.7em;}
div#container{ margin:auto; width:900px; height:200px; text-align:left; margin-top:22px; }

/* HEADER */
div#container div#header { height:62px; }
div#container div#header ul#menu-superior { margin:0px; padding:0px; float:left; }
div#container div#header ul#menu-superior li{ float:left; margin-left:5px; padding-right:5px; list-style:none; border-right:solid 1px #777777 }
div#container div#header ul#menu-superior li a { text-decoration:none; color:#999999; }
div#container div#header div#logo-sc { background-image:url(../img/logo.gif); background-repeat:no-repeat; width:160px; height:46px; float:right; margin-top:16px; }

/* CONTINGUTS */
div#contenidos {}

div#contenidos h1 { margin:0; width:530px; height:66px; background-image:url(../img/titulo-colorful-city.jpg); background-repeat:no-repeat; }
div#contenidos h1 span { display: none; }

div#contenidos div#videos { margin-top:21px; }
div#contenidos div#video { float:left; width:734px; height:413px; }
div#contenidos div.thumbnails{ float:left; width:161px; height:204px; margin-left:5px; margin-bottom:5px; background-color:#231F20; }
div#contenidos div.thumbnails div.thumbnail{ width:145px; height:98px; margin-left:8px; }
div#contenidos div.thumbnails div.inicial{ margin-top:8px; }
div#contenidos div.thumbnails p{ margin-top:2px; margin-bottom:2px; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:11px;  }

div#contenidos div#textos { margin-top:29px; color:#222222; }
div#contenidos div#textos div.columna { float:left; width:290px; margin-right:15px; }
div#contenidos div#textos div.latest { margin-right:0px; }
div#contenidos div#textos div.columna p.titulo { margin-top:10px; font-family:Arial, Helvetica, sans-serif; font-size:22px; line-height:24px; }
div#contenidos div#textos div.columna p { font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:14px; }

/* FOOTER */
div#container div#footer { border-top:1px solid #CCCCCC; margin-top:0px; height:40px; }
div#container div#footer div#iconos-redes { margin-top:11px; float:left; }
div#container div#footer ul#menu-inferior { margin:0px; padding:0px; float:right; margin-top:11px; }
div#container div#footer ul#menu-inferior li{ float:left; list-style:none; background:transparent url(../img/h_separator.gif) no-repeat scroll right 5px; margin-right:2px; padding-bottom:5px; padding-right:10px; }
div#container div#footer ul#menu-inferior li a { text-decoration:none; color:#999999; }

/* GENERALS */
.left{ float:left }
.right{ float:right }
.all-right{ float:right; text-align:right; }

/* DE */
div#bottom { border-top:1px solid #CCCCCC; margin-top:20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:14px; color:#222222; padding-top:10px; padding-bottom:10px; }
div#bottom div#text { float:left; }
div#bottom img{ float:right; margin-left:50px;}