/*
	davidcostales.com
	archivo: 		main.css
	modificado: 	29/10/08
=============================== */

/*
	General 
=============================== */
html{background:#fff url('img/main.png') top left repeat-x;font:normal 11px "Lucida Sans",Arial,Verdana,Helvetica;}
a, a:visited, a img {border:none; text-decoration:none;}
h1 {font:20px/20px Georgia, 'Times New Roman', Times, serif; color:#006d80; margin: 0 0 9px 0;}
h2 {font:20px/20px Georgia, 'Times New Roman', Times, serif; color:#006d80; margin: 9px 0 9px 0;}
acronym {border-bottom: thin dotted #333;}
label {padding-top:0; display:block;}

/*
	Plantilla 
=============================== */
#wrap{width:750px;margin:0 auto;}
#logo{float:left;margin:12px 25px 0 25px;}
#cuerpo{float:left;margin:-2px 0;width:750px;height:300px;background:url('img/bg.png') no-repeat top left;}
	#cuerpo p{padding:10px 35px 10px 35px;} /* 11px 37px; */
#portafolio {padding:11px 37px;position:absolute;top:0;left:0;}
#cajetin {padding:11px 37px;float:left;font-size:12px;}
	#cajetin a {color:#006d80; text-decoration:none;}
	#cajetin a:visited {color:#006d80; text-decoration:none;}
	#cajetin a:hover {text-decoration:underline;}
.lista li {list-style: url('img/bullet.gif') inside;padding:0px;margin: 10px 0px;}
#col0 {width:47%; float:left;line-height:19px;text-align:left;}/*Acerca de mi*/
#col1 {width:45%; float:left;line-height:19px;text-align:left;}/*Portafolio*/
#col2 {width:48%; float:right;line-height:19px;text-align:left;}/*Ideolog’a*/
#col3 {width:50%; float:right;line-height:21px;} /*Thumbs*/
	#col3 img {background-color:#fff;border-bottom:1px solid #a2a2a2; border-right:1px solid #d4d4d4;border-left:1px solid #d4d4d4;border-top:1px solid #e0e0e0;padding:4px;}
		#col3 a:hover img {border-top:1px solid #80d1ed; border-bottom:1px solid #00B7EB; border-right:1px solid #77cee5; border-left:1px solid #77cee5; background-color:#99d9ef;}
#col4 {width:53%; float:left;line-height:19px;text-align:left;} /*Contacto*/
#col5 {width:42%; float:right;line-height:17px;text-align:left;} /*Formulario*/
.photo {margin:3px 15px 5px 0;position:relative;width:80px;height:80px;float:left;}
	.photo img {background-color:#fff;border-bottom:1px solid #a2a2a2; border-right:1px solid #d4d4d4;border-left:1px solid #d4d4d4;border-top:1px solid #e0e0e0;padding:4px;}
	.photo span {width:20px;height:18px;display:block;position:absolute;top:12px;left:12px;}
.clip span {width:30px;height:60px;display: block;position:absolute;top:-5px;left:-2px;background: url('img/clip.png') no-repeat;}
#pie {float:left; width:700px; height:138px; margin:0 25px; background:#fff url('img/footer.png') no-repeat top left;}
	#pie p {color:#999999;}
		#pie p.validacion {margin:28px 10px;float:left;}
			#pie p.validacion a{color:#006d80; text-decoration:none;}
			#pie p.validacion a:visited {color:#006d80; text-decoration:none;}
			#pie p.validacion a:hover{text-decoration:underline;}
		#pie p.copy {margin:22px 10px;float:right;text-align:right;}
			#pie p.copy a{color:#777777; text-decoration:none;}
			#pie p.copy a:visited {color:#777777; text-decoration:none;}
			#pie p.copy a:hover {text-decoration:underline;}

/*
	Navegaci—n 
=============================== */
.menu{margin:8px 0 0 25px;list-style:none;}
.menu li{margin:0 15px;float:left;}
.menu a{padding:4px 5px 3px 5px;display:block;color:#fefefe;text-shadow:1px 1px 1px #000;text-decoration:none;}
.menu a:hover{background-color:#484848;-moz-border-radius:5px;-webkit-border-radius:5px;}
.menusel{padding:4px 5px 3px 5px;display:block;color:#000;font-weight:bold;text-decoration:none;background-color:#b9d4de;-moz-border-radius:5px;-webkit-border-radius:5px;}

/*
	Lenguaje 
=============================== */
.menulg{margin:9px 25px 0 0;list-style:none;}
.menulg li{margin:0 5px;float:right;position:relative;background:url('img/lang.png') no-repeat left top;padding:0 0 0 20px;}
.menulg a{padding:5px 5px 3px 5px;display:block;color:#fefefe;text-shadow:1px 1px 1px #000;text-decoration:none;}
.menulg a:hover{background-color:#484848;-moz-border-radius:5px;-webkit-border-radius:5px;}
.menulg li em{background:url('img/hover.png') no-repeat;width:127px;height:27px;position:absolute;top:27px;left:-49px;text-align:center;padding:10px 0;display:none;color:#292929;font-weight:bold;}

/*
	Mis redes
=============================== */
ul.iconos, ul.iconos li{border:0; margin:0; padding:0; list-style:none;}
ul.iconos li{display:block; padding:-3px 0; text-indent:25px;}

.mail{background:url('img/iconos/mail.gif') left 2px no-repeat;}
.gmail{background:url('img/iconos/gmail.gif') left 2px no-repeat;}
.twitter{background:url('img/iconos/twitter.gif') left 2px no-repeat;}
.facebook{background:url('img/iconos/facebook.gif') left 2px no-repeat;}
.lastfm{background:url('img/iconos/lastfm.gif') left 2px no-repeat;}

/*
	Formulario
=============================== */
input,textarea {display:block; font:normal 11px 'Lucida Sans Unicode', Helvetica, sans-serif; width:275px; color:#fff; border:none; background:#99d9ef; padding:4px; margin-bottom:5px; border-bottom:1px solid #00B7EB;}
textarea {height: 75px;}
button.send {background-color:#fff; border-bottom:1px solid #a2a2a2; border-right:1px solid #d4d4d4; border-left:1px solid #d4d4d4; border-top:1px solid #e0e0e0; padding:4px; margin-left:240px;}
button.send:hover {border-top:1px solid #80d1ed; border-bottom:1px solid #00B7EB; border-right:1px solid #77cee5; border-left:1px solid #77cee5; background-color:#99d9ef;}