* {margin:0;padding:0}
body {font: 62.5% "Lucida Grande", Lucida, Arial, Helvetica, sans-serif;color:#666;background: #fff url(../images/background.gif) repeat-y}
body#letras {background:none}
#header_wrapper {height:510px}
#header {height:510px;width:760px;position:relative}

h2 {text-indent:-5000em;display:block;height:18px;padding-bottom:10px}
h3 {font-size:12px;margin:20px 0 10px 0}
img {border:none}
#content {padding-left:80px;width:670px;margin-bottom:25px;min-height:200px}
body#letras #content {padding-left:20px;width:auto}
#content p {padding-bottom:10px;text-align:left}
#content a {text-decoration:underline;font-weight:bold;color:#777;outline:none; -webkit-transition-property: color;-webkit-transition-duration: .6s}
#content a:hover, #content .col2 ul.tools li a:hover, #content .col2 ul.tools li a.estiloactivo {color:#c8ba8f}
#content p.link a {padding:0 0 2px 20px;background:url(../images/link.gif) no-repeat}
.col1 {float:left;width:350px}
.col2 {margin-left:370px;margin-right:20px}
	#content .col2 ul {list-style-type:none}
	#content .col2 ul.tools {margin-left:4px}
	#content .col2 ul.tools li {padding-left:22px}
	#content .col2 ul.tools li a {text-decoration:none;font-size:11px;color:#888}
	#content .col2 ul.tools li#print {background:url(../images/imprimir.gif) no-repeat}
	#content .col2 ul.tools li#increase {background:url(../images/mas.gif) no-repeat}
	#content .col2 ul.tools li#decrease {background:url(../images/menos.gif) no-repeat}
#footer {background:url(../images/footer.gif) no-repeat;height:55px;width:760px;clear:both}
body#letras #footer {background:none;width:auto;text-align:center}
#footer p {padding:30px 0 0 70px;color:#e1d1a0;text-align:center;font-size:11px;font-weight:bold}
#footer p a {text-decoration:none;color:#e1d1a0;outline:none}
#footer p a:hover {text-decoration:none;color:#666}
#header ul {font-size:11px;position:absolute;top:15px;left:155px}
#header ul li, ul.libro_mainmenu li {display:inline}
#header ul li a {text-decoration: none;float: left;color:#e1d1a0;text-transform:uppercase;font-weight:bold;outline:none;text-shadow:0 1px 0 #888; -webkit-transition-property: color;-webkit-transition-duration: .6s}
#header ul li a:hover, #header ul li a.active {color: #fff}
#flash {width:715px;height:465px;position:absolute;top:40px;left:39px}
#music {margin-bottom:15px}
.clear {clear:both}
ul.libro_mainmenu {padding-bottom:20px;list-style:none;text-transform:uppercase}
ul.libro_mainmenu li a {margin-right:15px;text-decoration:none}
#content p.admin  {padding-top:20px;text-align:center}
#content p.admin a {color:#ccc}
#content p.info {background:url(../images/info.png) 0 3px no-repeat;padding:3px 0 0 22px;border-top:1px solid #ccc;margin-top:10px}
#content .social a {line-height:32px;text-align:left;padding:0 0 0 40px;margin-bottom:5px;text-decoration:none;display:block}
.social {padding-bottom:15px}
#fb {background: url(../images/facebook.png) center left no-repeat}
#tw {background: url(../images/twitter.png) center left no-repeat}

 /* -----------  SECTIONS ------------*/


/* All sections */
body#biografia .col2 img, body#videos .col2 img, body#discografia .col2 img, body#desvan .col2 img, body#fotos .col2 img  {margin-top:15px}
body#biografia .col2 p, body#videos .col2 p, body#discografia .col2 p, body#libro .col2 p, body#contacto .col2 p, body#desvan .col2 p, body#desvan .col2 p, body#fotos .col2 p {text-align:center;padding:0 10px 0 0}
body#contacto #content .col2 ul.tools, body#libro #content .col2 ul.tools {margin-bottom:15px}
body#desvan #cuadro_galeria p, body#videos #video_galeria p, body#fotos #foto_galeria p {padding:5px;border:1px solid #ccc;background-color:#ededed}

/* Home */
body#inicio #header_wrapper {background:url(../images/header_bg_inicio.gif) repeat-x}
body#inicio #header {background:url(../images/header_content_inicio.gif) no-repeat}
body#inicio h2 {width:200px}
body#inicio .col2 .noticias h2 {background:url(../images/noticias.gif) no-repeat}
body#inicio .col2 .poema h2 {background:url(../images/poema.gif) no-repeat;margin-top:25px}
body#inicio .col2 .comprar_musica h2 {background:url(../images/comprar_musica.gif) no-repeat;margin-top:20px}
body#inicio .col2 .comprar_musica ul li span {display:block}
body#inicio .col2 .comprar_musica ul li {float:left;display:block;width:110px;font-size:11px;padding:0 15px 15px 0}
body#inicio .col2  dl {margin-bottom:10px}
body#inicio .col2 dl dt {color:#6fb9cc;font-weight:bold;padding-bottom:2px}
body#inicio .col2 dl dd {}
body#inicio #content p em {color:#53909F}
body#inicio .col1 ol {list-style-position:outside;margin-left:20px}

/* Discografia */
body#discografia #header_wrapper {background:url(../images/header_bg_discografia.gif) repeat-x}
body#discografia #header {background:url(../images/header_content_discografia.gif) no-repeat}
body#discografia .col1 img {float:left}
body#discografia .col1 ol {list-style-position:outside;margin-left:210px}
	body#discografia .col1 ol.noindent {margin-left:25px;margin-top:15px}
body#discografia .col1 p img {float:left;margin-right:20px}
body#discografia em {color:#c0865a}
body#discografia h2#cecilia1 {background:url(../images/h2_cecilia1.gif) no-repeat;height:18px;margin:0}
body#discografia h2#cecilia2 {background:url(../images/h2_cecilia2.gif) bottom left no-repeat}
body#discografia h2#ramito {background:url(../images/h2_ramito.gif) bottom left no-repeat}
body#discografia h2#amor {background:url(../images/h2_amor.gif) bottom left no-repeat}
body#discografia h2#canciones {background:url(../images/h2_canciones.gif) bottom left no-repeat}
body#discografia h2#veintecanciones {background:url(../images/h2_20canciones.gif) bottom left no-repeat}
body#discografia h2#desde {background:url(../images/h2_desde.gif) bottom left no-repeat}
body#discografia h2#millon {background:url(../images/h2_millon.gif) bottom left no-repeat}
body#discografia h2#singles {background:url(../images/h2_singles.gif) bottom left no-repeat}
body#discografia h2 {clear:both;height:50px;width:340px;margin-bottom:8px}
body#discografia .col2 p {color:#dc9a68}

/* Biografia */
body#biografia #header_wrapper {background:url(../images/header_bg_biografia.gif) repeat-x}
body#biografia #header {background:url(../images/header_content_biografia.gif) no-repeat}
body#biografia #content .col1 p em {color:#628f8d}
body#biografia #content .col2 p {color:#628f8d}

/* Fotos */
body#fotos #header_wrapper {background:url(../images/header_bg_fotos.gif) repeat-x}
body#fotos #header {background:url(../images/header_content_fotos.gif) no-repeat}
body#fotos #content .col2 p {color:#7DA3CC}

/* Videos */
#videos #header_wrapper {background:url(../images/header_bg_videos.gif) repeat-x}
#videos #header {background:url(../images/header_content_videos.gif) no-repeat}
#videos #content .col2 p {color:#908faf}
#videos iframe {border:none;margin-bottom:10px}

/* Desván */
body#desvan #header_wrapper {background:url(../images/header_bg_desvan.gif) repeat-x}
body#desvan #header {background:url(../images/header_content_desvan.gif) no-repeat}
body#desvan #content .col2 p, body#desvan #content .col1 p em  {color:#9a937f}
body#desvan #desvan_galeria {margin-top:20px}


/* Libro de Visita */
body#libro #header_wrapper {background:url(../images/header_bg_libro.gif) repeat-x}
body#libro #header {background:url(../images/header_content_libro.gif) no-repeat}
body#libro dl {background:url(../images/comment_box.gif) bottom left no-repeat;color:white;margin-bottom:6px}
body#libro .comment_box {background:url(../images/comment_box.gif) top left no-repeat;height:12px}
body#libro dt {padding:0 0 3px 20px;background:url(../images/comment.gif) no-repeat;margin-left:15px;text-align:left}
body#libro dt span {font-size:0.9em;margin-left:12px;padding-left:18px;background:url(../images/calendar.gif) no-repeat;height:18px}
body#libro dd {margin:0 15px 0 15px;border-top:1px solid #e5a2b0;padding:6px 0 6px 0;line-height:150%}
body#libro label {padding-bottom:2px;display:block;font-weight:bold}
body#libro input, body#libro textarea {border:1px solid #ccc;background-color:#fbf7e9;margin-bottom:12px;padding:1px;font:12px Arial, Helvetica, sans-serif;font-weight:bold;color:#444}
body#libro form img {vertical-align:top}
body#libro .col2 {margin:35px 20px 0 370px}
body#libro .col2 p {color:#c68c98}


/* Contacto */
body#contacto #header_wrapper {background:url(../images/header_bg_contacto.gif) repeat-x}
body#contacto #header {background:url(../images/header_content_contacto.gif) no-repeat}
body#contacto .col2 p {color:#d98771}
body#contacto form fieldset {border:0}
body#contacto form label {display:block;padding:12px 0 2px 0}
body#contacto form input, body#contacto form textarea {border:1px solid #ccc;background-color:#fbf7e9;font-weight:bold;color:#555;padding:2px}
body#contacto form textarea {width:345px}
body#contacto form input {width:225px}
body#contacto form input#button {width:86px;border:none;background-color:transparent;margin-top:10px}
#content p.error {border:1px solid #FBC2C4;background-color:#FBE3E4;color:#D12F19;padding:5px;margin-bottom:10px}
