*{padding:0;margin:0;border:0;text-align:left;color:#333;text-align:left;font-size:100%;}
body{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:.625em;margin:0;padding:0;float:left;text-align:left;width:100%;background:#fff url('img/bg/deg-bottom.jpg') repeat-x bottom left;}
html{background:#DFE4EA}
/*P:first-letter {color:#000;font-size:normal;}*/

/*estilos generales*/
a{color:#214573;text-decoration:none;font-weight:bold}
a:visited{} 
a:hover{text-decoration:underline}
.negrita{font-weight:bolder;}
.right{float:right}
ul{list-style-type:none;margin:0;padding:0;}
h1{margin:1em;text-align:left;font-size:1.3em;border-bottom:1px}
textarea{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:1em;width:50%}
/*estilos genericos*/
.fizquierda{float:left}
.fderecha{float:right}
.hidden{display:none}

/*anchuras*/
#contenedor{width:78em;margin:1em auto 0 auto;text-align:center;position:relative}
#footer,
#contenido,
#menu{width:78em;display:block;clear:both;margin:0 auto;text-align:center}

#encabezado h1{font-weight:bold;width:22.4em;color:#5BA2D3;margin:0; text-transform:uppercase;padding-bottom:1em}
#encabezado{}

#cabecera{position:absolute;left:0;width:auto;display:block}

/*menu*/

#contenedor #menu{margin-top:-2.5em;background:transparent;}
ul#usuario{display:block;padding:3px 0px 6px 30px;border-bottom:1px solid #8697A9;position:absolute;top:10px;right:5px}
a.linkcontacto{background:url('img/bg/mail.gif') no-repeat right;padding:0px 23px 0px 0px}
a.linkperfil{background:url('img/bg/perfil.gif') no-repeat right;padding:0px 23px 0px 0px}
#menu ul{float:right;display:block;margin-bottom:.5em;margin-right:5px}
#menu li{display:inline;margin-left:1em}
#menu li a span{font-size:1.8em;color:#8697A9}
#menu li a#btweb span{font-size:1.8em}
#menu li a#btfoto span{font-size:1.4em}
#menu li a#btusabilidad span{font-size:1.4em}
#menu li a#btdiseno span{font-size:1.7em}

h1{color:#fff;display:none}
h2{color:#8C9CAC;font-size:1.2em;margin:.4em 0 .7em 0;padding:0;}

h3{color:#22BBEE;margin:0;padding:0}



/*columnas*/

#columnaIzquierda{width:48%;float:left;}
#columnaDerecha{width:47%;float:left;margin-left:3em}

#columnaIzquierda.caja{}
#columnaIzquierda.caja p{margin:.5em 0}
/*TRABAJOS*/
div.trabajo{display:block;margin:1em;clear:both;overflow:hidden}
div.trabajo div.izquierda{width:55%;display:block;float:left}
div.trabajo div.right{display:block;margin:1em;float:right;width:35%;text-align:center;padding:0 auto}
* html div.trabajo .right{width:32%}

div.trabajo h2{margin-bottom:0}


div.trabajo .lugar{color:#71B62C}
div.trabajo .fecha{color:#707070;margin-bottom:.7em;display:block}
div.trabajo strong{color:#8294A6}
div.trabajo p{margin:.7em 0 .3em 0}
#xsnazzy.imagen{width:14em;}
#xsnazzy.imagen .xboxcontent{padding:.5em 1em;text-align:center}
.imgtrabajo{max-width:12em;max-height:9em;}

/*pase de diapos*/
img.thumb{width:6em}

/*fotos*/
div.cont .diapo{float:left;display:block;width:30%;margin:1.5%;text-align:center;}
div.cont .diapo h3{text-align:center;margin-bottom:1em;font-size:1.2em}
div.cont .diapo span.link{display:block;width:50px;margin:1em auto 0 auto;text-align:center;color:#214573;}
div.cont .diapo a:hover span.link{text-decoration:underline}
div.cont .diapo span.descripcion{display:block;text-align:center;margin-bottom:1em}
/*contacto*/
#contenido.contacto h1{padding-bottom:1em}
#contenido.contacto #columnados p{background:#EAF4FB;padding:.4em 1em;display:inline}
.contacto .xboxcontent{padding-bottom:2em}
#contacto span{display:block}
#contacto h2{margin-top:1em}

/*mi perfil*/
.mifoto{}
.datos ul li{display:block;margin-left:.6em;margin-bottom:3px}
.datos ul.bullet li{background:url(img/bg/bullet.gif) no-repeat 0 2px;padding-left:13px;margin-left:0;margin-top:.5em}
li.trayectoria{margin-top:2em}
#columnaIzquierda.caja p{margin:1.5em}
/*Cajas redondeadas*/

#xsnazzy {background: transparent; margin:1em 0;}

.xtop, .xbottom {display:block; background:transparent;}
.xtop .xb1, .xtop .xb2, .xtop .xb3, .xtop .xb4 {display:block; overflow:hidden;background:#F6F7F9;border-right:1px solid #A5B2BF;border-left:1px solid #A5B2BF}
.xbottom .xb1, .xbottom .xb2, .xbottom .xb3, .xbottom .xb4{background:#F6F7F9;display:block; overflow:hidden;border-right:1px solid #A5B2BF;border-left:1px solid #A5B2BF}

.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#F6F7F9 ; border-left:1px solid #F6F7F9 ; border-right:1px solid #F6F7F9 ;}
#xsnazzy .xb1 {margin:0 5px; background:#A5B2BF}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block;background:#F6F7F9 url('img/bg/deg-contenido.jpg') repeat-x; border:0px solid #CED5DD; border-width:0 1px;overflow:hidden;padding:2em}
* html .xboxcontent{height:1%}

/*cajas redondeadas para las imágenecos*/

#xsnazzy.imagen{background: transparent; margin:1em 0;padding:0;}

#xsnazzy.imagen .xb1, #xsnazzy.imagen .xb2, #xsnazzy.imagen .xb3, #xsnazzy.imagen .xb4{display:block; overflow:hidden;background:#F6F7F9;border-right:1px solid #CED5DD;border-left:1px solid #CED5DD}

#xsnazzy.imagen .xtop .xb1, #xsnazzy.imagen .xtop .xb2, #xsnazzy.imagen .xtop .xb3, #xsnazzy.imagen .xtop .xb4 {display:block; overflow:hidden;background:#D6D7DE;border-right:1px solid #ccc;border-left:1px solid #CED5DD}
#xsnazzy.imagen .xbottom .xb1, #xsnazzy.imagen .xbottom .xb2, #xsnazzy.imagen .xbottom .xb3, #xsnazzy.imagen .xbottom .xb4{background:#DEDFE7;display:block; overflow:hidden;border-right:1px solid #ccc;border-left:1px solid #CED5DD}

#xsnazzy.imagen .xboxcontent {display:block;background:#C9CED4 url('img/bg/deg-diapo.jpg') repeat-x; border:0px solid #CED5DD; border-width:0 1px;overflow:hidden;width:auto;height:auto;min-height:inherit}



/*formulario*/
div.formulario{margin:1em}
div.formulario label{display:block;position:relative;clear:both;height:2.4em}
div.formulario label.textarea{height:6em}
div.formulario label textarea,
div.formulario label input.texto{left:32%;position:absolute;padding:2px}
div.formulario label span{padding-top:1px;right:69%;position:absolute;font-weight:bold;text-align:right}
div.formulario div.botonera{width:100;text-align:center;margin:1em 0}


div.formulario.contacto{margin:4em;display:block;clear:both}
div.formulario.contacto input,
div.formulario.contacto textarea{border:1px solid #C9CED4}
div.formulario.contacto label.textarea{height:9em}
div.formulario.contacto textarea{width:23em;height:9em}
div.formulario div.botonera{margin-top:3em}
div.formulario.contacto input.boton{border:0 !important;background:none !important;}

a.mailto{font-size:1.1em}
/*footer*/


#footer{position:relative;display:block;clear:both;margin-bottom:2em}

#footer div#w3c{text-align:center;color:#999;font-size:.9em;padding-top:.3em}
#footer div img{vertical-align:middle;}
#footer div#sellos{position:absolute;right:0;display:block;top:0px;background:transparent}

/*TABLAS*/
.content2{}

table#resultados td{padding:5px}
table#resultados td.url{display:none;width:50px !important;overflow:hidden;font-size:xx-small}