/*********************************************************************/
/*  Cesar Gutierrez - Estudio Grafito
/*  You may adapt elements of this CSS in your own projects, but the unique combination of images, colors, sizes, typography, and positioning ("the design") is copyright 2004 Cesar Gutierrez and Estudio Grafito and may not be reproduced. */ 

/*********************************************************************/
/*	 Init Helpers and base rules 												   */
* {margin: 0; padding: 0; border:0;}
a:link, a:visited, a:hover, a:active{color: #323837; text-decoration: none;}
a:hover{color: #FEFEFE;}
p, ul, ol, dl, h2, h3, h4, label, input, select, textarea, table{
	font: normal 9.5px/16px Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color: #FEFEFE; background-color:transparent;
	text-align: left;
}
.highlight{
 font-weight: bold; color:#FEFEFE;
}

/*********************************************************************/
/*  General layout parameters : Box Centered with 2 boxes and footer */
html {min-width: 790px;} 
body {
	font: normal 9.5px/16px Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color: #FEFEFE; background:transparent url(../__images/fotofondo.jpg) repeat fixed 50% 50%; 
	text-align:center;
	padding-bottom:50px;
}
div#wrapper, div#menu_nav, div.proyecto, div#contact_info, div.puntitos{
	margin: 0 auto 0 auto;
	width:790px; text-align:left;
}
div#header{
	height:72px;
}
div#header p{
	font:normal 9.5px Geneva, Arial, Helvetica, sans-serif;
	padding: 61px 0 10px 200px;
	color: #323837; 
}
div#logo{
	float:left;
	width:197px; height:72px;
}
div.marker{
	float: left; width: 126px;
	font-weight: bold; text-align: right;
	color: #c1e9f2;
}
div.content{
	margin-left: 148px; margin-right:102px;
}
div.puntitos{
	background: transparent url(../__images/puntitos.gif) repeat top left;
	height:1px;
}
div.proyecto div.content{width:300px;}
div.date{
	float:right; width: 102px;
	color: #c1e9f2;
}
div#contact_info, div#contact_info .marker{color: #323837 !important;}
div#menu_nav div{padding-top:9px;}
div.proyecto{
	clear:both;
	padding:9px 0 28px 0px;
}
div.proyecto div{padding-top:9px; padding-bottom:9px;}
div.proyecto a.flecha{float:right; padding:4px 41px 0 0;}

.clear{clear: both;}
div.footer{width: 100%;clear: both; color:#323837}
.footer p{
	color:#323837;
	text-align: center;
	line-height: 18px;
}
/** FUENTES: LINKS - COLORES - TEXTOS */
.date a:link, .date a:visited, .date a:hover, .date a:active{color: #FEFEFE; text-decoration: none;}
.date a:hover{text-decoration: none;}
.marker a:link, .marker a:visited, .marker a:hover, .marker a:active{color: #c1e9f2; text-decoration: none;}
.marker a:hover{text-decoration: none;}
.proyecto .content a:link, .proyecto .content a:visited, .proyecto .content a:hover, .proyecto .content a:active{
	color: #c1e9f2;
}
.proyecto .content a:hover{color: #FEFEFE;}

/************************************************/
/*   Capa directorio web */
div#botondirweb{
	float:right; width:10px; height:10px; 
	margin:4px 4px 0 0; border-left:1px solid black; border-bottom:1px solid black; padding:0px !important; 
}
a#botonCerrar{
	display:none;
}
a#botonCerrar.clicked{
	display:block; position:absolute; padding:1px 0px 3px 3px; 
}
div#directorioweb{
	display:none;
}
div#divlinkdirweb{
	margin-bottom:10px;
}
div#directorioweb p{
	font:normal 11px Geneva, Arial, Helvetica, sans-serif;
	color:#323837; clear:both;
	margin:18px 40px 16px 40px;
}
div#directorioweb.visible{
	display:block;position:absolute; margin-left:399px; top:72px; width:391px; height:550px; padding:18px 0 0 0;
}
div#directorioweb .date{
	width:117px;
}
/************************************************/
/*   Plantilla de ficha proyecto */
div.proyecto h4 {color: #c1e9f2; margin-bottom: 4px;}
div.proyecto texto {margin: 12px 0 18px 0;}

/************************************************/
/*   Menu de navegacion css */
#proyectos_web ul{
	float:left; padding-right:20px;	
	list-style-type: none;
}
#proyectos_web ul li{
	float:none;
}

/*********************************************************************/
/*  #footer p Text Rules for footer */
#footer p{
	text-align: center;
	line-height: 18px;
}