.rompefloat:after{ content: " \A "; display: block; clear: both; height: 0; }

body{ margin: 0; padding: 0; background: white url(../img/body.gif) repeat-y left; font-family: Arial, Helvetica, sans-serif; font-size: .7em; color: black; }
#cabecera{ margin: 0; padding: 0; background: url(../img/cabecera.gif) repeat-x; }
#lienzo{ background: transparent url(../img/lienzo.jpg) no-repeat; padding: 0 0 20px 0; }
h1{ background: transparent url(../img/logo.gif) no-repeat 100px 0; margin: 0; height: 100px; text-indent: -9999px; }
h2{ margin: 0 0 10px 0; padding: 3px 5px; background: #E1E1E1; font-size: 1em; }
h3{ margin: 0 0 10px 0; background-color: #e1e1e1; padding: 2px 10px; font-size: 1em; color: #a1a1a1; }
a{ color: #757575; text-decoration: underline; display: inline; }
a:hover{ color: black;}

/* menu */
#bloquemenu{ margin: 0 0 30px 0; padding: 0 0 0 101px; border-top: 1px solid #E1E1E1; border-bottom: 1px solid #E1E1E1; }
#menu{ margin: 0; padding: 0; list-style: none; width: 505px; }
#menu li{ float: lefT; width: 100px; padding: 10px 0 0 0; height: 90px; margin: 0 1px 0 0; font-weight: bold; }
#menu li a, #menu li span{ color: black; text-decoration: none; display: block; padding: 2px 2px 2px 10px; cursor: pointer; }
#menu li a:hover { background-color: #a1a1a1; color: white; }
#menu li ul{ margin: 0; padding: 5px 0 0 0; list-style: none;  }
#menu li ul li{ float: none; width: auto; height: 18px; border: 0; padding: 0; margin: 0; display: block; }
#menu li.hover span{ background: #a1a1a1 url(../img/icoflechadown.gif) no-repeat 85px 7px; color: white; }
#menu li.hover ul{ display: block; }
#menu li ul li a{ padding-left: 15px; }
#menu li ul li a:hover{ background-color: #c5c5c5; color: black; }
/* contextualizacion del menu por secciones */
.portfolio .segundo span, .curriculum .segundo span, .musica .tercero span{ background: #a1a1a1 url(../img/icoflechadown.gif) no-repeat 85px 7px; color: white !important; cursor: text !important; }
.portfolio .segundo .seccion, .curriculum .segundo .seccion, .musica .tercero .seccion{ display: block !important; }
.portfolio .mportfolio a, .curriculum .mcurriculum a, .musica.evolucion .mevolucion a, .musica.publicaciones .mpublicaciones a{ background: #E1E1E1 url(../img/icoflecharight.gif) no-repeat 5px 5px; }
.portfolio .mportfolio a:hover, .curriculum .mcurriculum a:hover, .musica.evolucion .mevolucion a:hover, .musica.publicaciones .mpublicaciones a:hover{ cursor: text !important; background-color: #e1e1e1 !important; }
.enlaces .cuarto a, .contacto .quinto a{ background-color: #a1a1a1; color: white !important; cursor: text !important; }

/* estructuras generales*/
#bloquecols{ width: 705px; margin: 0 0 0 101px; padding: 0; }
#col1{ width: 504px; margin: 0 1px 0 0; padding: 0; float: left; }
#col2{ width: 160px; float: left; padding: 0 20px 0 20px; }
#contenedor{ padding: 0 20px; }

.contenido{ padding: 0 0 20px 0; margin: 0; }
.contenido .foto{ border: 1px solid #E1E1E1; display: block; margin: 0 10px 0 0; float: left; }
.contenido .fotogroup{ border: 1px solid #E1E1E1; display: block; margin: 0 4px 10px 0; float: left; }
.contenido .fotogroup.ultima{
	margin: 0 0 10px 0;
}
.contenido p{ margin: 0 0 10px 0; text-align: justify;  }

/* curriculum */
.curriculum .contenido ul{ margin: 0 0 20px 0; padding: 0 0 0 0; list-style: none; }
.curriculum .contenido ul li{ margin: 0 0 5px 0; padding: 0 0 0 10px; background: url(../img/pixelgris5.gif) no-repeat left 5px; }
.curriculum .contenido ul li strong{ display: block; }

/* portfolio */
/* -- diseno -- */
.portfolio ul#menuport{ margin: 0 0 20px 0; padding: 3px; text-align: center; border: 1px solid #e1e1e1; font-size: 1em; }
.portfolio ul#menuport li{ display: inline; border-right: 1px solid #E1E1E1; }
.portfolio ul#menuport li.ultimo{ border: 0; }
.portfolio ul#menuport li a{ text-decoration: none; font-weight: bold; font-size: 1em; margin: 0 6px; padding: 0 5px; }
.portfolio.digital ul#menuport li a#digital,
.portfolio.impreso ul#menuport li a#impreso,
.portfolio.identidad ul#menuport li a#identidad,
.portfolio.ilustracion ul#menuport li a#ilustracion,
.portfolio ul#menuport li a:hover{ background-color: #a1a1a1; color: white; }

.portfolio div.info{ text-decoration: none; display: block; float: left; margin: 0 7px 10px 0; padding: 0; position: relative; width: 147px; }
.portfolio div.info.margenjs{ margin-right: 0; }
.portfolio div.info.centro{ margin: 0 10px 0 10px; }
.portfolio div.info img{ margin: 0 !important; float: none !important; display: block; }
.portfolio div.info dl{ margin: 0 0 0 0 !important; padding: 3px; width: 141px; height: 105px !important; border: 1px solid #E1E1E1; font-weight: normal; list-style: none !important; text-align: center; }
.portfolio div.info dl dt{ margin: 0 0 0 0; padding: 5px 0 5px 0; font-weight: bold; }
.portfolio div.info dl dd{ margin: 0 0 3px 0; padding: 0; color: black; }

/* enlaces */

.enlaces .contenido ul{ margin: 0 0 10px 0; padding: 0; list-style: none; float: left; }
.enlaces .contenido ul li{ margin: 0 10px 2px 0; padding: 0 0 0 10px; display: block; width: 131px; background: url(../img/pixelgris5.gif) no-repeat left 5px; }

/* contacto */
.contacto .contenido{ padding: 0 0 40px 0; }
.contacto .contenido form#formulario { margin: 0; padding: 10px; background: #E1E1E1; }
.contacto .contenido form#formulario p label{ margin: 0 0 10px 0; }
.contacto .contenido form#formulario p label strong{ width: 140px; float: left; display: block; text-align: right; margin-right: 5px; padding-top: 3px; }
.contacto .contenido form#formulario p label strong.arroba{ margin: 0px; width: 1.5em; text-align: center; }
.contacto .contenido form#formulario p label strong.empresa{ font-weight: normal; }
.contacto .contenido form#formulario p label#labelcorreo{ float: left; }
.contacto .contenido form#formulario p label#labeldominio{ float: none; }
.contacto .contenido form#formulario p label input,
.contacto .contenido form#formulario p label textarea{ font-family: Arial, Helvetica, sans-serif; font-size: 1em; color: #757575; border: 1px solid #A1A1A1; padding: 2px 5px; }
.contacto .contenido form#formulario p label select{ font-family: Arial, Helvetica, sans-serif; font-size: 1em; }
.contacto .contenido form#formulario p label input:focus,
.contacto .contenido form#formulario p label select:focus,
.contacto .contenido form#formulario p label textarea:focus{ color: black; }
.contacto .contenido form#formulario p label input#nombre,
.contacto .contenido form#formulario p label input#empresa,
.contacto .contenido form#formulario p label textarea#comentarios{ width: 281px; overflow: auto; }
.contacto .contenido form#formulario p label textarea#comentarios{ height: 100px; }
.contacto .contenido form#formulario p label input#correo { width: 126px; }
.contacto .contenido form#formulario p label input#dominio{ width: 125px; }
.contacto .contenido form#formulario p.submit{ text-align: center; padding: 0 0 0 139px;}
.contacto .contenido form#formulario p.submit input.boton { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 1em; border: 0; padding-top: .2em; padding-bottom: .1em; background-color: white; cursor: pointer; }
.contacto .contenido form#formulario p.submit input.boton.hover{ background-color: #757575; color: white; }
.contacto .contenido p.mensajesubmit{ margin: 0 0 10px 0; padding: 40px 0; text-align: center; border: 1px solid #e1e1e1; font-weight: bold; }
.contacto .contenido p.volver{ text-align: center; padding: 0; }

/* musica */
.musica.publicaciones .contenido{ padding: 0; margin: 0 0 30px 0; }
.musica.publicaciones .contenido img{ border: 1px solid #e1e1e1; display: block; float: left; margin: 0 10px 10px 0; }
.musica.publicaciones .contenido p{ margin: 0 0 10px 162px; }
.musica.publicaciones .contenido ol{ margin: 0 0 10px 162px; padding: 0; list-style: inside decimal; font-weight: bold; }
.musica.publicaciones .contenido ol li{ padding: 0 0 3px 0; }
.musica.publicaciones .contenido ol li small{ font-weight: normal; color: #a1a1a1; margin: 0 0 0 10px; }

.musica ul.fecha{ margin: 0 0 10px 0; padding: 0 0 20px 0; list-style: none; color: #757575; border-bottom: 1px solid #E1E1E1; }
.musica ul.fecha li.dia{ font-weight: bold; }
.musica ul.fecha li.evento{ font-weight: bold; padding: 0 0 5px 0; color: black; }
.musica ul.fecha li.lugar{ font-weight: bold; }
.musica ul.fecha li.direccion{ padding: 0 0 5px 0; }


/* col2 */
.player { display: block; background: url(../img/player.gif) no-repeat top left; height: 20px; line-height: 20px; font-weight: bold; text-decoration: none; padding: 0 0 0 25px; outline: none; margin: 0 0 30px 0; }
.player:hover{ background-position: bottom; }

.citas{ color: #A1A1A1; margin: 0 0 20px 0; }
.citas img{ display: block; border: 1px solid #e1e1e1; }
.citas p{ margin: 0 0 10px 0; }

#copyleft{ color: #a1a1a1; padding: 0; margin: 0 0 20px 0;}
#copyleft img{ display: block; border-right: 1px solid #e1e1e1; float: left; margin: -4px 0 0 0; }
#copyleft #activa{ font-weight: bold; border: 1px solid #e1e1e1; height: 32px; text-align: center; padding: 4px 0 0 0; cursor: pointer; margin: 0; }
#copyleft #activa.hover{ color: #757575; background-color: #E1E1E1; }
#copyleft #descripcion{ padding: 5px 10px; border: 1px solid #e1e1e1; border-top: 0; font-size: .8em; }
#copyleft #descripcion p{ margin: 0 0 5px 0; }
#copyleft #descripcion ul{ margin: 0 0 5px 0; padding: 0; list-style: none; }
#copyleft #descripcion ul li{ margin: 0 0 5px 0; padding: 0 0 0 10px; background: url(../img/pixelgris5.gif) no-repeat 0px 3px; }