/* CSS Document */

*{margin: 0; padding: 0;}
body{text-align: center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #666; background-color:#FFFFFF;SCROLLBAR-FACE-COLOR:#666; SCROLLBAR-HIGHLIGHT-COLOR: #607673; SCROLLBAR-SHADOW-COLOR: #607673; SCROLLBAR-3DLIGHT-COLOR: #FFFFFF; SCROLLBAR-ARROW-COLOR: #FFFFFF; SCROLLBAR-TRACK-COLOR: #E3E3E3;   SCROLLBAR-DARKSHADOW-COLOR: #000000; line-height: 15px;}
img{border: none;}

#contenedor{margin: 10% auto; background-color:#FFFFFF; width: 970px; height: 540px; background: url(../images/fondo.jpg) no-repeat left top;}
#contenido{float: left; height: 520px; width: 970px;}
#lateral{float: left; width: 283px; height: 470px;}
#logo{float: left; margin: 45px 0 10px 15px; width: 220px; clear: right; background:url(../images/mariposamov.gif) no-repeat bottom right; text-align:left; height: 85px;}
#menu {float: right; margin: 50px 25px 0 0;}
#menu ul{list-style-type: none; text-align:right;}
#menu ul li{list-style-type: none; width: 150px; text-align:right; font-size:12px;}
#menu ul li a{padding: 8px 0 8px 0; text-decoration: none; width: 150px; display:block;}
#menu ul li a:hover{background: url(../images/mariposa.gif) no-repeat right center; text-decoration: none;}
#menu ul li#presentacion{background: url(../images/presentacion.gif) no-repeat 20px center;}
#menu ul li#curriculum{background: url(../images/curriculum.gif) no-repeat 24px center;}
#menu ul li#trabajo{background: url(../images/trabajos.gif) no-repeat 20px center;}
#menu ul li#contacta{background: url(../images/contacta.gif) no-repeat 20px center;}
.oculto{visibility: hidden;}

#cuerpo{float: left; width: 340px; background: url(../images/manchas.jpg) no-repeat right bottom; margin: 50px 0 0 300px; padding: 0 20px 0 0; height: 460px;}
#cuerpo2{float: left; width: 340px; margin: 50px 0 0 300px; padding: 0 20px 0 0; height: 460px;}
#cuerpo h1{float: left; width: 100%; margin: 0 0 10px 0; height: 45px;}
#cuerpo h1#presentacion{background: url(../images/tit_presentacion.gif) no-repeat left top;}
#cuerpo h1#curriculum{background: url(../images/tit_curriculum.gif) no-repeat left top;}
#cuerpo h1#trabajo{background: url(../images/tit_trabajos.gif) no-repeat left top;}
#cuerpo h1#contacta{background: url(../images/tit_contacta.gif) no-repeat left top;}
#cuerpo2 h1{float: left; width: 100%; margin: 0 0 5px 0; height: 45px;}
#cuerpo2 h1#contacta{background: url(../images/tit_contacta.gif) no-repeat left top;}
#cuerpo p{text-align: justify;}
#cuerpo p a{text-align: justify; text-decoration: underline; color: #666;}
#cuerpo p a:hover{text-decoration: none; color: #666;}
#cuerpo2 p{text-align: justify;}
#cuerpo2 p a{text-align: justify; text-decoration: underline; color: #336699;}
#cuerpo2 p a:hover{text-decoration: none; color: #6d98c3;}
#cuerpo p.italica{text-align: right; color:#999999; font-style:italic;}
#txtcurriculum{float: left; overflow: auto; height: 360px; width: 340px; padding: 0 5px 0 0;}

#cuerpo #cuadros{float: left; text-align:left;}

* html .borde{width: 100%;}
* html .borde img{margin: 2px; padding: 3px; border: none;}
* html .borde a{border: 1px solid #333;}
* html .borde a:hover{border: 1px solid #ccc;}

.borde{width: 100%;}
.borde img{margin: 2px; padding: 3px; border: 1px solid #333;}

#cuerpo #numeracion{float: left; width: 100%; margin: 5px 0 0 2px;}
#cuerpo #numeracion ul{list-style-type: none; text-align: left;}
#cuerpo #numeracion ul li{text-align: left; display: inline; color: #336699; font-weight:bold;}
#cuerpo #numeracion ul li a{text-align: left; color: #666; text-decoration: none; padding: 1px 2px; font-weight:normal;}
#cuerpo #numeracion ul li a:hover{color: #fff; text-decoratiion: none; background-color:#336699; font-weight:normal;}

#cuerpo2 #formulario{float: left; margin: 20px 0 5px 0; width: 100%; clear: right;}
#cuerpo2 #formulario label{text-align: right; width: 60px; float: left; margin: 0 5px 0 0;}
#cuerpo2 #formulario input{font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #666; width: 170px; float: left; padding: 0 0 0 2px; text-align: left; border: 1px solid #333; height: 15px; background-color: #ccc;}
#cuerpo2 #formulario textarea{font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #666; text-align: right; width: 170px; float: left; height: 50px; padding: 0 0 0 2px; text-align: left; border: 1px solid #333; background-color: #ccc;}
#cuerpo2 #formulario #boton{float: left; width: 200px; margin: 0 0 0 25px; background: url(../images/pajaro.gif) no-repeat left center; height: 105px;}
#cuerpo2 #formulario #boton input{font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #fff; float: left; padding: 0; text-align: center; cursor: pointer; background-color:transparent; border: none; font-weight:bold; margin: 62px 0 0 8px; height: 25px;}
.linea{line-height: 24px;}


h2{font-size: 12px; font-weight: bold; color: #333; text-align:left; margin: 0 0 5px 0; border-bottom: 1px dotted #ccc; border-top: 1px dotted #ccc; padding: 2px 0;}

#pie{float: left; clear:both; width: 100%; text-align: center; color: #999999;}

div.logoact{margin: 5px 0 0 0;}