@charset "iso-8859-1";

/* CSS Document */



/*Reset

----------------------------------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	font-size: 15px;

	background: transparent;

	line-height: 150%;

}

/* ETIQUETAS

----------------------------------------------------------------------------------------------------*/

a {

	border-style: none;

}

a:hover {

	border-style: none;

}

body {

	background-image:url(../images/bg.jpg);

	font-family:Georgia, "Times New Roman", Times, serif;

	font-size:12px;

	margin:0 auto;

}

h1 {

	line-height:200%;

	font-size:16px;

}



h2 {

	line-height:200%;

	font-size:14px;

}

/* DIVS principales

----------------------------------------------------------------------------------------------------*/

#contenedor {

	width:960px;

	height:1000px;

	padding:0;

	margin:0 auto;

}

#header {

	width:960px;

	height:210px;

	padding:0;

	background-image:url(../images/bg_header.jpg);

	margin:0 auto;

}

#cuerpo {

	width:940px;

	height:500px;

	background-image:url(../images/bg_cuerpo.jpg);

	background-repeat:no-repeat;

	padding:10px;

	margin:0 auto;

}

#footer {

	width:960px;

	height:270px;

	margin:0 auto;

	background-image:url(../images/bg_footer.jpg);

	background-repeat:no-repeat;



}

#footer a:link {

	text-decoration:none;

	color:#000099;

	text-align:right;



}

#footer a:visited {

	text-decoration:none;

	color:#000099;



}

#footer a:hover {

	text-decoration: none;

	color:red;



}

/* header

----------------------------------------------------------------------------------------------------*/

#botonera {

	width:320px;

	height:18px;

	font-family:Georgia, "Times New Roman", Times, serif;

	font-size:18px;

	text-align:right;

	float:none;

	padding-top: 75px;

	margin-left: 505px;

	margin-right: 120px;

	margin-bottom: 0;

	padding-bottom: 5px;

	color:#333;

}

#botonera a:link {

	text-decoration:none;

	padding-left:8px;

	padding-right:8px;

	color:#333333;

	text-align:right;

	font-size:18px;

}

#botonera a:visited {

	text-decoration:none;

	padding-left:8px;

	padding-right:8px;

	color:#333333;

	font-size:18px;

}

#botonera a:hover {

	text-decoration: none;

	padding-left:8px;

	padding-right:8px;

	color:#000000;

	font-size:18px;

}

#slogan {

	padding-left:180px;

	font-size:16px;

	height:18px;

	padding-bottom: 5px;

}

/* advanced css idioma

----------------------------------------------------------------------------------------------------*/



#idioma {

	list-style: none;

	padding: 0;

	margin: 0;

	width: 900px;

	height:77px;

	position: relative;

}

#idioma span {

	display: none;

	position: absolute;

}

#idioma a {

	display: block;

	text-indent: -900%;

	position: absolute;

	outline: none;

}

#idioma a:hover {

	background-position: right bottom;

}

#idioma a:hover span {

	display: block;

}

#idioma .espaniol {

	width: 102px;

	height: 20px;

	background: url(../images/espaniol.gif) no-repeat;

	left: 579px;

	top: 50px;

}

#idioma .espaniol span {

	width: 40px;

	height: 12px;

	left:310px;

	top: 54px;

}

#idioma .ingles {

	width: 102px;

	height: 20px;

	background: url(../images/english.gif) no-repeat;

	left: 700px;

	top: 50px;

}

#idioma .ingles span {

	width: 40px;

	height: 12px;

	left: 310px;

	top: 54px;

}

/* advanced css menu

----------------------------------------------------------------------------------------------------*/



#menu {

	list-style: none;

	padding: 0;

	margin: 0;

	width: 900px;

	height:130px;

	position: relative;

}

#menu span {

	display: none;

	position: absolute;

}

#menu a {

	display: block;

	text-indent: -900%;

	position: absolute;

	outline: none;

}

#menu a:hover {

	background-position: right bottom;

}

#menu a:hover span {

	display: block;

}

#menu .copy {

	width: 210px;

	height: 27px;

	left:145px;

	top: 87px;

	background: url(../images/creative.gif) no-repeat;

}

#menu .home {

	width: 127px;

	height: 55px;

	background: url(../images/sobremi.gif) no-repeat;

	left: 472px;

	top: 50px;

}

#menu .home span {

	width: 86px;

	height: 14px;

	left: 403px;

	top: -39px;

}

#menu .about {

	width: 120px;

	height: 55px;

	background: url(../images/portfolio.gif) no-repeat;

	left: 604px;

	top: 50px;

}

#menu .about span {

	width: 40px;

	height: 12px;

	left: 310px;

	top: 54px;

}

#menu .rss {

	width: 110px;

	height: 55px;

	background: url(../images/contacto.gif) no-repeat;

	left: 733px;

	top: 50px;

}

#menu .rss span {

	width: 92px;

	height: 20px;

	left: 171px;

	top: -58px;

}



#menu .contact {

	width: 110px;

	height: 55px;

	background: url(../images/contact.gif) no-repeat;

	left: 733px;

	top: 50px;

}

#menu .contact span {

	width: 92px;

	height: 20px;

	left: 171px;

	top: -58px;

}

/* cuerpo sobre mi

----------------------------------------------------------------------------------------------------*/

#cuerpoizq {

	width:240px;

	margin-bottom:5px;

	padding-right:10px;

	font-size:14px;

	line-height:120%;

	height:235px;

	text-align:left;

	float:left;

	padding-left: 110px;

}

#cuerpoder {

	width:430px;

	height:200px;

	padding-right:130px;

	padding-left:0;

	float:right;

	padding-top: 25px;

	font-size:15px;

	color:#333333;

	line-height:120%;

}

#columnas {

	margin:0 auto;

	height:230px;

	width:740px;

	text-align:center;

	padding-left:80px;

}

.columnita {

	width:200px;

	height:190px;

	padding:5px;

	margin:5px;

	margin-top:10px;

	float:left;

	text-align:left;

	background: transparent;

}

.listin {

	list-style: none;

	padding: 0;

	margin: 0;

}

.listin li {

	padding-left: 20px;

	background-image: url(../images/tilde.gif);

	background-repeat: no-repeat;

	background-position: 0 .5em;

	line-height:180%;

	padding-top:5px;

	font-size:13px;

}

h1.listin {

	padding:5px;

	font-size:14px;

	border-bottom:#666666 dashed 1px;

}

.calltoaction {

	width:200px;

	height:130px;

	padding:5px;

	margin:5px;

	margin-top:10px;

	margin-left:15px;

	float:left;

	text-align:left;

	background-image:url(../images/fondocuadrito.gif);

	background-repeat:no-repeat;

	text-align:left;

	padding-top:25px;

	padding-bottom:35px;

}

.cuadrito {

	background-image:url(../images/down.gif);

	background-repeat:no-repeat;

}

.cuadrin {

	list-style: none;

	padding: 0;

	margin: 0;

}

.cuadrin li {

	margin:0px;

	font-size:13px;

	padding-left:10px;

}

.cuadrin li a {

	display: block; 

	float: left; 

	height: 24px; 

	width:150px;

	padding: 10px 0 0 30px; 

	color: #333333;

	text-decoration: none;

	font-size: 13px;

	background-image: url(../images/sprite1.gif); 

	background-repeat: no-repeat;

}

.cuadrin li a.cv {

	background-position: 0 5px;

}

.cuadrin li a.mail {

	background-position: 0 -25px;

}

.cuadrin li a.linkedin {

	background-position: 0 -55px;

}

#clear {

	clear:both;

	height:5px;

}

/* cuerpo portfolio

----------------------------------------------------------------------------------------------------*/

	

img {

	border:none;

	background-position: 3px 3px;

}

pre {

	display:block;

	font:12px "Courier New", Courier, monospace;

	padding:10px;

	border:1px solid #bae2f0;

	background:#e3f4f9;

	margin:.5em 0;

	width:674px;

}

/* image replacement */

.graphic, #prevBtn, #nextBtn {

	margin:0;

	padding:0;

	display:block;

	overflow:hidden;

	text-indent:-8000px;

}

/* // image replacement */

			

#container {

	margin:0 auto;

	position:relative;

	text-align:left;

	width:450px;

	margin-bottom:2em;

	margin-top: 15px;

	padding:15px;

	

}

#content {

	position:relative;

}

/* Easy Slider */



#slider {

	background-color:transparent;

}

#slider ul, #slider li {

	margin:0 auto;

	padding:0;

	list-style:none;

}

#slider li {

	width:450px;

	height:450px;

	overflow:hidden;

}

#prevBtn, #nextBtn {

	display:block;

	width:45px;

	height:45px;

	position:absolute;

	left:-60px;

	top:120px;

}

#nextBtn {

	left:460px;

}

#prevBtn a, #nextBtn a {

	display:block;

	width:45px;

	height:45px;

	background:url(../images/izq.gif) no-repeat 0 0;

}

#nextBtn a {

	background:url(../images/der.gif) no-repeat 0 0;

}

.bajada {

	font-size:12px;

	color:#666666;

	text-decoration:none;

	line-height:150%;

}

h2.bajada {

	font-size:13px;

}

a.bajada:link {

	color:#000000;

}

a.bajada:hover {

	color:#000000;

}









/*nuevo slider__________________________________________________*/

.container { width:500px; height:375px; overflow:hidden; position:relative; cursor:pointer; }

.slides { position:absolute; top:0; left:0; }

.slides div {

	position:absolute;

	top:0;

	width:509px;

	display:none;

}



#loopedSlider { margin:18px auto; width:500px; position:relative; clear:both; }

ul.pagination { list-style-type:none; margin:0; padding:0; margin:9px auto; width:132px; }

ul.pagination li { float:left; margin:0 5px; }	

ul.pagination a { 

display:block; 

width:12px; 

padding-top:12px; 

height:0; 

overflow:hidden;

background-image:url(pagination.png); 

background-position:0 0; 

background-repeat:no-repeat;}



ul.pagination li.active a {background-position:0 -12px}

a.previous {

	position:absolute;

	top:200px;

	left:-62px;

}

a.next {

	position:absolute;

	top:200px;

	right:-55px;

}







/* contacto ---------------------------------------------------*/







#misdatos {

	width:300px;

	padding:5px;

	padding-left:130px;

	float:left;

	padding-top:0px;

	height: 450px;

}

#contacto {

	width:330px;

	padding-right:120px;

	float:right;

	padding-top:40px;

	height:400px;

}

#name {

	width:243px;

	height:67px;

	background:url(../images/fondocontactline.gif) no-repeat;

}

#name .name {

	margin: 10px 0 0 8px;

	border:0px;

	background-color:transparent;

	width:185px;

	font-family:"Courier New", Courier, monospace;

	color:#000000;

	font-size:12px;

}

#email {

	width:243px;

	height:67px;

	background:url(../images/fondocontactline.gif) no-repeat;

}

#email .email {

	margin: 10px 0 0 8px;

	border:0px;

	background-color:transparent;

	width:185px;

	font-family:"Courier New", Courier, monospace;

	color:#000000;

	font-size:12px;

}

#message {

	width:280px;

	height:150px;

	background:url(../images/fondocontactmensaje.gif) no-repeat;

}

#message .message {

	margin: 10px 0 0 8px;

	width:220px;

	height:100px;

	border:0px;

	font-family:"Courier New", Courier, monospace;

	color:#000000;

	font-size:12px;

	background:	transparent none repeat scroll 0 0;

	overflow:auto;

}

#submit {

	width:100px;

	height:35px;

}

#submit .submit {

	margin: 2px 0 0 5px;

}

#directo {

	padding:20px;

	width:240px;

	height:120px;

	margin-top: 0px;

	margin-left: 0px;

	background:url(../images/punteado.gif) no-repeat;

}

#directoarriba {

	padding:0px;

	width:220px;

	height:140px;

	background:url(../images/sol.gif) no-repeat;

}

#directoabajo {

	padding:0px;

	width:280px;

	height:120px;

	margin: 0;

	background:url(../images/flor.gif) no-repeat;

	margin-top: 35px;

}

.datos {

	list-style: none;

	padding: 0;

	margin: 0;

}

.datos li {

	margin:0px;

	font-size:13px;

	padding-left:15px;

}

.datos li a {

	display: block;  /*Make the anchors a block element, allowing the width and height to be specified and increasing the clickable area */

	float: left; /* Float them side by side */

	height: 28px; /* 40px is the height of the icon */

	width:170px;

	padding: 10px 0 0 35px; /* Align the text to the icon with top padding and move it away from the icon with left padding */

	color: #333333;

	text-decoration: none;

	font-size: 13px; /* Style up the link text, remove the default underline */

	background-image: url(../images/sprite1.gif); /* Add the icon sprite */

	background-repeat: no-repeat;

}

.datos li a.msn {

	background:url(../images/msn.gif) no-repeat;

}

.datos li a.mail {

	background:url(../images/mail.gif) no-repeat;

}

.datos li a.celular {

	background:url(../images/celular.gif) no-repeat;

}

/* footer ---------------------------------------------------*/



#status {

	width:220px;

	height:150px;

	padding:5px;

	padding-left:205px;

	margin:5px;

	margin-top:100px;

	float:left;

	text-align:left;

	background: transparent;

	

}

#twitter_div{





}



#twitter_update_list {

	margin:0;

	padding:0;

	list-style-image:none;

	list-style-type:none;

	;

	line-height:120%;

}

#twitter_update_list li {

	

}



#copyright {

	width:205px;

	height:130px;

	padding:5px;

	margin:5px;

	margin-top:120px;

	float:right;

	text-align:center;

	margin-right: 280px;

	font-size:12px;

}

#copyright a:link{

	font-size:12px;

}

#copyright a:visited{

	font-size:12px;

}

#copyright a:hover{

	font-size:12px;

}

.textcopyright {

	font-size:12px;

	text-align:center;

}

#mensajito{

float:left;

text-align:left;

font-family:"Courier New", Courier, monospace;

font-size:12px;}



.error {

font-family: Tahoma;

font-size: 8pt;

color: red;

margin-left: 50px;

display:none;}