@charset "utf-8";
/* CSS Document */
html, body { 
height: 100%; 
margin: 0; 
overflow: hidden; 
padding: 0; 
width: 100%;
background-color:#000000;
font-family:Georgia, "Times New Roman", Times, serif; color:#FFFFFF; font-size:15px;
font-stretch:normal;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:normal;
-x-system-font:none;
}

.clear { clear:both; }

p { margin-bottom:15px; font-family:Georgia, "Times New Roman", Times, serif; font-size:15px; line-height:normal; }

a:link, a:active, a:visited { color:#fff; text-decoration:none; }
a:hover { text-decoration:none; }

#col2 h1 { margin-bottom:13px; }
#col2 ul { padding:0 10px 0; }
#col2 ul li { margin:0 10px 0; padding:3px 7px 0; }

#main { bottom: auto; 
left: auto; 
right: auto; 
top: auto; 
height: 100%; 
position: static;}

#col1 { height: 100%;
width:253px;
float: left;
padding: 50px 0px 0px 50px;
margin: 0px 0px 0px 0px;
overflow: hidden;
position:relative;

}

#col1 #contenido { width:253px;}

#yapa { position:absolute; left:250px; top:370px; z-index:10; }
#col1 #menuitem #slogan { padding:20px 0px; margin-top:27px; border-bottom:1px dashed #757373;}
#col1 #menuitem #menu { padding:20px 0px; border-bottom:1px dashed #757373; line-height:normal;}
#col1 #menuitem #menu a { color:#757373; text-decoration:none;}
#col1 #menuitem #menu a:hover { color:#ffffff; text-decoration:none;}
#col1 #menuitem #menu .activo { color:#ffffff; }

#col1 #menuitem #direccion { padding:20px 0px; border-bottom:1px dashed #757373; color:#757373; line-height:normal;}
#col1 #menuitem #direccion .mail { color:#757373; text-decoration:none;}
#col1 #menuitem #direccion .mail:hover { color:#ffffff; text-decoration:none;}


#col2 { height: 100%; overflow: auto; right:0; margin: 0; }
#col2 #portafolio { color:#959393; }
/*#col2 { right:0px; margin:0; overflow:auto; height:100%; }*/
#col2 #trabajos { width:512px; float:right; margin:50px 75px 0px 0px; }
#col2 #trabajos #tituloprin { color:#ffffff; font-size:20px; border-bottom:1px dashed #757373; padding:10px 0px; margin-bottom:5spx;}
#col2 #trabajos #titulos { color:#ffffff; font-size:12px; padding:10px 0px 25px 0px; border-bottom:1px dashed #757373; color:#757373;}
#col2 #trabajos #titulos .vermas { float:right; }
#col2 #trabajos #titulos .vermas a,
#contacto a { color:#757373; text-decoration:none}
#col2 #trabajos #titulos .vermas a:hover,
#contacto a:hover { color:#ffffff; text-decoration:none; }
#col2 #trabajos #fotos { padding-top:10px;}
/*
#contacto a { font-weight:bold; }
*/

/*
#col2 #trabajos #listado .li { border-bottom:1px dashed #757373; height:70px; }
#col2 #trabajos #listado .li #titulos { font-size:12px; border:none; padding:10px 0px 25px 0px; color:#757373; width:300px; float:left; }
#col2 #trabajos #listado .li #titulos a { color:#757373; text-decoration:none; padding:15px 0 15px 0; }
#col2 #trabajos #listado .li #titulos a:hover { color:#ffffff; text-decoration:none; font-size:18px; padding:5px 0 5px 0; }
#col2 #trabajos #listado .li #fotos { padding:10px 0 10px 0; text-align:right; }
*/

form input,
form label,
form textarea { width:96%; padding:1%; margin-bottom:5px 0; }
form label { margin:7px 0 0; display:block; }
form input[type="submit"] { width:100%; }
form textarea { height:150px; }

#col2 .pag { padding:0; margin-top:35px 0 35px 0; float:right; }
#col2 .pag li { padding:0; margin:0; list-style:none; float:left; }
#col2 .pag li a { padding-left:5px; margin:0; color:#757373; text-decoration:none }
#col2 .pag li a:hover { color:#ffffff; text-decoration:none; }