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, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
center, u, b, i {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     font-weight: normal;
     font-style: normal;
     font-size: 100%;
     font-family: inherit;
   /*  vertical-align: baseline*/
}

body {
     line-height: 1
}

:focus {
     outline: 0
}

ol, ul {
     list-style: none
}

table {
     border-collapse: collapse;
     border-spacing: 0
}

blockquote:before, blockquote:after, q:before, q:after {
     content: ""
}

blockquote, q {
     quotes: "" ""
}

input, textarea {
     margin: 0;
     padding: 0
}

hr {
     margin: 0;
     padding: 0;
     border: 0;
     color: #000;
     background-color: #000;
     height: 1px
}
/***********************************/
@font-face {
	font-family: 'Josefin Sans Std Light';
	src: url('JosefinSansStd-Light-webfont.eot');
	src: local('?'), url('JosefinSansStd-Light-webfont.woff') format('woff'), url('JosefinSansStd-Light-webfont.ttf') format('truetype'), url('JosefinSansStd-Light-webfont.svg#webfontywsmfDvZ') format('svg');
	font-weight: normal;
	font-style: normal;
}
html, body{
background:#000000;
font:normal 14px Tahoma, Helvetica, Arial, sans-serif;
color:#fffad6;
line-height:24px;
height:100%;
}
strong{
font-weight:bold;
}
a{
font-weight:bold;
text-decoration:none;
color:#fffad6;
}
ol{
list-style:decimal inside none;
}
img{
-ms-interpolation-mode: bicubic;
}
h1, h2, h4{
font-family:'Josefin Sans Std Light', Arial, Helvetica, sans-serif;
}
h1{
font-size:48px;
padding:0 0 10px 0;
}
h2, h4{
font-size:29px;
letter-spacing:0.2px;
padding:5px 0 0 0;
}
h3{
font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
font-size:27px;
margin:0 0 15px 0;
}
.hide{
display:none;
}
a.disabled {
	visibility:hidden !important;		
} 
.pagina{
width:945px;
margin:0 auto;
position:relative;
}
.separador-top{
margin-top:35px;
}
.separador-topdoble{
margin-top:70px;
}
.separador-right{
margin-right:35px;
}
.separador-bottom{
margin-bottom:35px;
}
.separador-left{
margin-left:35px;
}

.clearfix:after {
	content: " ";
	display: block;
	clear: both;
	visibility: hidden;
	font-size: 0;
	height: 0;
}


/************************************* TOP NAV */
#topnav{
position:fixed;
top:0;
background:#000000;
height:35px;
font-size:12px;
color:#fffad6;
display:block;
width:100%;
z-index:100;
padding:15px 0 0 0;
}
embed, object{
z-index:1;
}
#flowtabs {
}

#flowtabs li { 
float:left; 
}

#flowtabs li a {
display:block;
height: 30px;
width: 105px; 	
padding:5px 0 0 0;
text-decoration:none;
}
#trabajo a:hover{
color:#09a2ab;
}
#ad a:hover{
color:#eeeeee;
}
#blog a:hover{
color:#c21111;
}
#contacto{
float:right;
width:328px;
}
#contacto a{
font-weight:normal;
}
#contacto li{
display:inline;
padding:0 0 0 20px;
line-height:35px;
}
.email, .phone{
background:#000000 url(../images/contacto.jpg) no-repeat;
padding:0 0 0 25px;
}
.email{
background-position: left -3px;
}
.phone{
background-position: left -36px;
}

/************************************* 	TITULOS */
.header{
padding:50px 0 0 0;
height:175px;
position:relative;
}
.titulos{
float:left;
width:315px;
padding:75px 0 0;
}

/************************************* SCROLLPANES */

#flowpanes {
height:100%;
position:relative;
clear:both;
}

#flowpanes .page {
display:none;	
min-height:800px;
}

	
	
/* TRABAJO
******************************************************************************/
.trabajo{
background:#000000 url(../images/background6.jpg) fixed repeat-x center 35px;
}
#quehago{
float:right;
font-family:'Josefin Sans Std Light', Arial, Helvetica, sans-serif;
font-size:24px;
padding:100px 0 0 0;
height:60px;
width:400px;
text-align:right;
}
#quehago ul{
position:relative;
}
#quehago li{
width:360px;
height:80px;
display:block;
padding:60px 60px 0 0;
text-align:center;
position:absolute;
}
#quehago .show{
z-index:500;
}

.browse{
height:350px;
position:absolute;
width:945px;
z-index:1;
}
.left, .right{
background: url(../images/browser.png) no-repeat center bottom;
display:block;
height:70px;
width:35px;
position:absolute;
top:150px;
cursor:pointer;
}
.left{
background-position: left top;
left:1px;
}
.right{
background-position: right top;
right:-1px;
}
.left:hover{
background-position: left bottom;
}
.right:hover{
background-position: right bottom;
}

.trabajo .toolscroll{
width:895px;
height:370px;
overflow:hidden;
position:relative;
margin: 0 auto;
}
.trabajo .toolscroll .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;

}
.items .info{
padding:30px 27px 0;
}
.trabajo .toolscroll .items .portfolio {
	float:left;
	width:895px;
	background: url(../images/bk_showcase.png) no-repeat left top;
	height:370px;
	position:relative;
}
.info .col{
width:315px;
float:left;
padding:15px 0 0 0;
font-size:18px;
}
.col .boton{
background:url(../images/boton6.png) no-repeat left top;
display:block;
width:110px;
height:30px;
position:absolute;
bottom:25px;
font:normal 12px Arial, Helvetica, serif;
text-align:center;
line-height:28px;
color:#ffffff;
}
.col .desc, .col .desc-it{
font-size:14px;
}
.col .desc-it{
display:none;
}
.desc-it li{
background: url(../images/bullet-on.png) no-repeat left 11px;
padding:0 0 0 20px
}
.col  a{
color:#b2f1ff;
}
.col .boton:hover{
background-position: left bottom;
}
.col .it{
left:163px;
cursor:pointer;
}
.info .foto{
float:right;
}
.foto img{
border: 1px solid #b2f1ff;
}
#navegador{
margin:3px auto 0;
width:144px;
}
#navegador li{
float: left;
width:12px;
height:12px;
background: url(../images/bullet.png) no-repeat left top;
text-indent:-1000em;
cursor:pointer;
margin:0 3px;
}
#navegador li:hover{
background-position: left bottom;

}
#navegador .active{
background-position: left bottom;

}
.footer{
clear:both;
background:#000;
padding:35px;
display:inline-block;
}
#experiencia{
width:368px;
border-right:1px solid #333333;
height:245px;
float:left;
padding:0 35px 0 0;
}
#comunidad{
width:360px;
height:245px;
float:left;
padding:0 0 0 35px;
}
#comunidad ul{
display:block;
height:72px;
padding:22px 0 0 0;
}
#comunidad li{
float:left;
}
#comunidad a{
text-indent:-1000em;
display:block;
width:36px;
height:36px;
padding:0 8px;
}

#social{
width:156px;
margin:0 auto;
}
#academico{
width:104px;
margin:0 auto;
}
#comunidad .deviantart{
background: url(../images/icon-deviantart.jpg) no-repeat center top;
}
#comunidad .facebook{
background: url(../images/icon-facebook.jpg) no-repeat center top;
}
#comunidad .twitter{
background: url(../images/icon-twitter.jpg) no-repeat center top;
}
#comunidad .cv{
background: url(../images/icon-cv.jpg) no-repeat center top;
}
#comunidad .linkedin{
background: url(../images/icon-linkedin.jpg) no-repeat center top;
}

.footer h4{
padding:0 0 20px 0;
}

/* AD
******************************************************************************/
.ad{
background:#000000 url(../images/background3.jpg) fixed repeat-x center 35px;
}
#logo{
width:200px;
margin: 0 auto;
}
.ad .pagina{
width:875px;
}

.ad .footer{
width:805px;
}	

#tegusta{
width:360px;
border-right:1px solid #333333;
height:350px;
float:left;
padding:0 35px 0 0;
}
#tegusta ul{
padding:20px 0;
}
#expo{
width:374px;
height:235px;
float:left;
padding:0 0 0 35px;
}
#expo .etiqueta{
text-align:center;
padding:0 5px 0 0;
float:left;
width:185px;
height:120px;
}
#expo p{
margin:7px 0 9px 0;
}
#expo li{
list-style:disc inside none;
padding: 0 0 30px 0;
}

/* BLOG
******************************************************************************/
.blog{
background:#000000 url(../images/background2.jpg) fixed repeat-x center 35px;
}

#posteos{
float:left;
width:680px;
color:#282828;
}
#posteos h3{
margin:20px 0 15px 0;

}
#posteos h4{
font: bold 16px Trebuchet MS, Arial, Helvetica, sans-serif;
margin:25px 0 10px 0;
}
#sidebar{
float:left;
width:160px;
}
#sidebar a{
color:#000;
}
.post{
background:#ffffff;
padding:35px;
position:relative;
clear:both;
}
.post h3 a:link, .post h3 a:visited, .post h3 a:hover{
color:#4f5028;
font-family:Tahoma;
font-weight:normal;
}
.post a:link, .post a:visited{
color:#8e9048;
font-family:Tahoma;
font-weight:bold;
}
.post a:hover{
color:#2e2f18;
}
.post .twiteo{
display:block;
background:url(../images/twit.png) no-repeat left top;
height:35px;
}
.post .twiteo a.tweet{
display:block;
text-indent:-1000px;
height:35px;
}
.post .twiteo a.followme{
display:block;
height:20px;
font-size:10px;
width:200px;
}

.fecha{
position:absolute;
right:30px;
top:20px;
font-size:10px;
}
.entry{
font-size:13px;
}
.entry p{
padding:5px 0;
}
.entry quote{
-moz-border-radius:10px; 
-webkit-border-radius:10px;
border-radius:10px;
background:#F2F3DB;
margin:10px 0;
padding:10px;
display:block;
}
.entry .aligncenter{
margin:0 auto;
text-align:center;
}
.addthis_toolbox{
float:right;
display:block;
height:35px;
}
.sharing{
height:35px;
}
.comentarios{
clear:both;
}
.commentlist{
clear:both;
}
.commentlist .comment, .commentlist .pingback{
padding:35px 0 0 0;
position:relative;
overflow:hidden;
min-height:70px;
}
.comment-author{
float:left;
margin-bottom:-3000px;
padding-bottom:3000px;
background:#F2F3DB;
margin-right:20px;
width:130px;
-moz-border-radius:10px; 
-webkit-border-radius:10px;
border-radius:10px;
padding-top:10px;
text-align:center;
}
.fn{
display:block;
}
.comment-author img{
margin:0 auto;
padding:2px;
background:#eeeeee;
border:1px solid #cccccc;
}
.comment-author .says{
display:none;
}
.comment-meta{
float:right;
height:20px;
font-size:10px;
}
.comment .texto, .pingback .texto{
float:right;
width:460px;
padding:35px 0;
}
.comment p{
padding:5px 0;
}






.pensas{
cursor:pointer;
line-height:45px;
display:inline-block;
margin:35px 0;
}
.comentar{
clear:both;
zoom: 1; 
display:none;
}
.row{
float:left;
width:175px;
clear:left;
}
.row-right{
float:right;
width:380px;
text-align:right;
}
.comentar form{
height:175px;
}
.comentar input, .comentar textarea{
-moz-border-radius:10px; 
-webkit-border-radius:10px;
border-radius:10px;
border:1px solid #827f66;
padding:4px;
}
.comentar textarea{
width:350px;
height:140px;
overflow-y:auto;
}
.comentar input{
width:168px;
}
.comentar button{
background:transparent url(../images/boton4.png) no-repeat left top;
width:110px;
height:30px;
display:block;
color:#ffffff;
border:none;
float:right;
cursor:pointer;
margin:10px 0 0 0;
line-height:30px;
padding:0 0 4px 0;
outline:none;
}
.comentar button:hover{
background-position:left bottom;
}

.more a, .more button{
background: url(../images/cargarmas.png) no-repeat left top;
width:490px;
height:35px;
margin:0 auto;
cursor:pointer;
border:none;
display:block;
color:#ffffff;
text-align:center;
font-weight:normal;
}



#buscar{
height:35px;
float:right;
width:160px;
opacity:0.5;
}
#buscar button{
background: #ffffff url(../images/search.png) no-repeat center;
width:39px;
height:25px;
display:block;
cursor:pointer;
border:none;
text-indent:-1000em;
float:right;
-moz-border-radius:0 5px 5px 0; 
-webkit-border-radius:0 5px 5px 0;
border-radius:0 5px 5px 0;
border:1px solid #827f66;
border-width:1px 1px 1px 0;
}
#buscar input{
-moz-border-radius:5px 0 0 5px; 
-webkit-border-radius:5px 0 0 5px;
border-radius:5px 0 0 5px;
border:1px solid #827f66;
border-width:1px 0 1px 1px;
height:15px;
width:112px;
padding:4px;
float:left;
}
.banner{
background:#ffffff;
font-size:12px;
}
.banner ul{
list-style:disc inside none;
}

.under{
background:#ffffff;
padding:35px;
position:relative;
clear:both;
}
.under a:link, .under a:visited{
color:#4f5028;
font-family:Tahoma;
font-weight:normal;
}
.under a:hover{
color:#2e2f18;
}