body, html { 
	margin:0px;
	height:100%;
 }

body { background: url(../imagenes/fondotxt.png); }

@font-face {
    font-family: titulos;
    src: url(../fuentes/Patinio%20iAgency.ttf);
    font-weight:400; }
	
@font-face {
    font-family: texto;
    src: url(../fuentes/MyriadPro-Regular.otf);
    font-weight:400; }
	
@font-face {
    font-family: bulletpoint;
    src: url(../fuentes/DroidSerif-Italic.ttf); }

@font-face {
    font-family: footer;
    src: url(../fuentes/DroidSerif-Regular.ttf); }	
	
#contenedor { 
	background:#fff; 
	width:1100px;
	border:#c4c4c6 1px solid;
	margin:auto; }
	
#menu { 
	background:#FFFFFF; 
	width:1100px; 
	height:195px; 
	border-bottom: 5px solid #739abd; }
	
#logo { 
	float:left; }

#lista { 
	float:left; }
	
#lista ul { 
	list-style:none;
	margin:0px;}

#lista ul li { 
	float:left;
	font-family:Tahoma, Geneva, sans-serif;
	 }

#lista ul li a:link {
	width:150px;
	height:200px;
	line-height:200px;
	text-align:center;
	display:block;
	text-decoration:none;
	color:#a3a3a3;}

#lista ul li a:visited { 
	color:#a3a3a3;}
	
#lista ul li a:hover { 
	background:#739abd;
	color:#fff; }

	
#container {
	margin-top:-16px;
}
div#slideshow {
	width: 1100px; height: 395px;
	overflow: scroll; /* Allows the slides to be viewed using scrollbar if Javascript isn't available */
	position: relative; z-index: 5;
}
div#slideshow ul#nav {
	display: none;
	list-style: none;
	position: relative; top: 150px; z-index: 15;
	padding:0px;
	width:1100px;
}
	div#slideshow ul#nav li#prev {
		float: left; margin: 0 0 0 40px;
	}
	div#slideshow ul#nav li#next {
		float: right; margin: 0 40px 0 0;
	}
	div#slideshow ul#nav li a {
		display: block; width: 36px; height: 35px; text-indent: -9999px;
	}
		div#slideshow ul#nav li#prev a {
			background: url(../imagenes/botonizq.png);
		}
		div#slideshow ul#nav li#next a {
			background: url(../imagenes/botonder.png);
		}

	div#slideshow ul#slides {
		list-style: none;
	}
		div#slideshow ul#slides li {
			margin: 0 0 20px 0;
		}

#articuloizq { 
	padding-left:35px;
	padding-top:20px;
	width:590px;
	float:left; }
	
#articulodatos { 
	padding-left:35px;
	padding-top:20px;
	width:370px; }
	
#articuloder { 
	padding-left:35px;
	padding-top:20px;
	width:590px;
	float:left; }
	
#articulocontacto { 
	padding-left:35px;
	padding-top:20px;
	width:433px;
	float:left; }
	
#articulocompleto { 
	padding-left:35px;
	padding-top:20px;
	width:1035px;
	float:left; }
	
#articulocompleto img{ 
	border: 5px solid #999;
	margin-left:10px;
 }
	
#articuloder h1{ text-align:right; padding-right:20px; }
#articuloder p { padding-left:0px; margin-right:20px;}
#articulocontacto h1{ text-align:right; padding-right:20px; }
#articulocontacto p { padding-left:0px; margin-right:20px;}
	
h1{  
	font-family:titulos, Arial, Helvetica, sans-serif;
	font-size:32px;
	color:#193349;
	margin:0px;
	padding:0px;
	padding-left:10px; }
	
h2{ font-family:bulletpoint, Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#676767;
	margin:0px;
	padding:0px;
	padding-bottom:5px; }
	
hr {
	margin:10px 0px;
	padding:0px; }
 
p { 
	margin:0px;
	line-height:20px;
	padding-left:10px;
	padding-top:5px;
	font-family: "Lucida Sans Unicode", "Lucida Grande",Arial, Helvetica, sans-serif;
	text-align:justify;
	font-size:14px;  }
	
	
	
#imagender { 
	float:left;
	border: 5px solid #999;
	margin-top:65px;
	margin-left:20px;
 }
 
#imagenizq { 
	float:left;
	border: 5px solid #999;
	margin-top:65px;
	margin-left:40px;
 }
 
#llenar { 
	clear:both;
 }
 
#bulletpoint p{  
 	width:270px; 
	text-align:justify; 
	margin:0px;
	margin-left:15px; 
	margin-top:0px;
	float:left;
 	color:#333;
	margin-bottom:20px; }
	
#circulo { 
 	width:60px; 
	height:60px;
	border-radius: 999px; 
	background-color:#676767; 
	text-align:center; 
	color:#fff; 
	line-height:60px; 
	font-size:38px; 
	float:left;
	font-family: bulletpoint, Arial, Helvetica, sans-serif; }
	
#columnaizq { 
	float:left;
	margin-left:70px;
	border-right:#666 solid 1px;
	padding-right:35px; }

#separadorvertical { 
	float:left;
	background:url(imagenes/separadorvertical.png) repeat-y;
	width:5px;
	height:500px;
	margin-left:40px;
	margin-top:20px; }

#columnader { 
	float:left }
	
#footer { 
	width:1100px;
	min-height: 290px;
	background: url(../imagenes/footertxt.jpg) }

h3 {  
	font-family:footer, Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:32px;
	margin:0px;}

#nav {
	float:left;
	width:320px;
	padding-left: 40px;
	margin-top: 40px;
	border-right:#fff solid 1px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:18px;
	color:#fff; }
	
#nav a:link{ 
	color:#fff;
	text-decoration:none;
 }

#nav a:visited{
	color:#fff;	
}
	
#nav hr {  
	width:287px; }
	
#sociales { 
	padding-top:10px; }
	
#twitter span{ 
	font-size:14px;
	color:#fff;  }

input{ 
	height:45px;
	border-radius:5px;
	margin-bottom:10px;
	border:1px solid #CCC;	
	box-shadow: inset 0px 1px 6px  #ccc;
	padding-left:20px;
	font-family: bulletpoint, Arial, Helvetica, sans-serif;
	color: #999;
	font-weight:bold; 
	font-size:18px;
}

textarea{ 
	border-radius:5px;
	margin-bottom:10px;
	border:1px solid #CCC;	
	box-shadow: inset 0px 1px 6px  #ccc;
	padding:10px 0 0 20px;
	font-family: bulletpoint, Arial, Helvetica, sans-serif;
	color: #999;
	font-weight:bold; 
	font-size:18px;
}

#stylebox{ 
background: url(../imagenes/styleboxtxt.jpg); 
margin:10px; 
border-radius:5px ; 
border:1px #AAA solid; 
box-shadow:3px 3px 3px rgba(49, 49, 50, 0.25); }

#btnIngresar{ 
	width:282px;
	height:62px;
	display:block;
	background:url(../imagenes/botonavaluos.png) 0 0 no-repeat;
 }

#btnIngresar:hover{  
	display:block;
	background:url(../imagenes/botonavaluos.png) 0px -62px no-repeat;

}


#botonavaluos {  
width:282px;
height:62px;
display:block;
background:url(../imagenes/botonavaluos.png) 0 0 no-repeat;}

#botonavaluos:hover { 
display:block;
background:url(../imagenes/botonavaluos.png) 0px -62px no-repeat;
}

#contproyectos{
	margin: 20px 0px 0px 60px;	
	width:900px;
}

#proyectos {
	float:left;	
	margin:0px 10px 20px 10px;
}

#proyectos a:link{
	display:block;
	width:270px;
	height:174px;

	border:5px solid #ccc;
}

#proyectos a:visited{
	display:block;
	width:270px;
	height:174px;
	border:5px solid #ccc;
}
	

.fox a:link{background: url(../imagenes/proyectos/bibcentfox/foxthumb.jpg) 0px 0px no-repeat;	}
.fox a:visited{background:url(../imagenes/proyectos/bibcentfox/foxthumb.jpg) 0px 0px no-repeat;	}
.fox a:hover{background:url(../imagenes/proyectos/bibcentfox/foxthumb.jpg) 0 -176px no-repeat;	}

.esc a:link{background: url(../imagenes/proyectos/escuela/escthumb.jpg) 0px 0px no-repeat;	}
.esc a:visited{background:url(../imagenes/proyectos/escuela/escthumb.jpg) 0px 0px no-repeat;	}
.esc a:hover{background:url(../imagenes/proyectos/escuela/escthumb.jpg) 0 -176px no-repeat;	}

.res a:link{background: url(../imagenes/proyectos/residencia/resthumb.jpg) 0px 0px no-repeat;	}
.res a:visited{background:url(../imagenes/proyectos/residencia/resthumb.jpg) 0px 0px no-repeat;	}
.res a:hover{background:url(../imagenes/proyectos/residencia/resthumb.jpg) 0 -176px no-repeat;	}

.gim a:link{background: url(../imagenes/proyectos/gimnasio/gimthumb.jpg) 0px 0px no-repeat;	}
.gim a:visited{background:url(../imagenes/proyectos/gimnasio/gimthumb.jpg) 0px 0px no-repeat;	}
.gim a:hover{background:url(../imagenes/proyectos/gimnasio/gimthumb.jpg) 0 -176px no-repeat;	}

.par a:link{background: url(../imagenes/proyectos/parque/parthumb.jpg) 0px 0px no-repeat;	}
.par a:visited{background:url(../imagenes/proyectos/parque/parthumb.jpg) 0px 0px no-repeat;	}
.par a:hover{background:url(../imagenes/proyectos/parque/parthumb.jpg) 0 -176px no-repeat;	}

.int a:link{background: url(../imagenes/proyectos/interiores/intthumb.jpg) 0px 0px no-repeat;	}
.int a:visited{background:url(../imagenes/proyectos/interiores/intthumb.jpg) 0px 0px no-repeat;	}
.int a:hover{background:url(../imagenes/proyectos/interiores/intthumb.jpg) 0 -176px no-repeat;	}

.mod a:link{background: url(../imagenes/proyectos/modelos3d/mod3dthumb.jpg) 0px 0px no-repeat;	}
.mod a:visited{background:url(../imagenes/proyectos/modelos3d/mod3dthumb.jpg) 0px 0px no-repeat;	}
.mod a:hover{background:url(../imagenes/proyectos/modelos3d/mod3dthumb.jpg) 0 -176px no-repeat;	}

.cas a:link{background: url(../imagenes/proyectos/casadecampo/casthumb.jpg) 0px 0px no-repeat;	}
.cas a:visited{background:url(../imagenes/proyectos/casadecampo/casthumb.jpg) 0px 0px no-repeat;	}
.cas a:hover{background:url(../imagenes/proyectos/casadecampo/casthumb.jpg) 0 -176px no-repeat;	}

.logo a:link{background:url(../imagenes/indeximg/logolink.jpg) 0px 0px no-repeat;}
.logo a:visited{background:url(../imagenes/indeximg/logolink.jpg) 0px 0px no-repeat;}

.meteorologico a:link{background:url(../imagenes/indeximg/meteorologicolink.jpg) 0px 0px no-repeat;}
.meteorologico a:visited{background:url(../imagenes/indeximg/meteorologicolink.jpg) 0px 0px no-repeat;}

.topografia a:link{background:url(../imagenes/indeximg/topografialink.jpg) 0px 0px no-repeat;}
.topografia a:visited{background:url(../imagenes/indeximg/topografialink.jpg) 0px 0px no-repeat;}

.historial a:link{background:url(../imagenes/indeximg/historialimg.jpg) 0px 0px no-repeat;}
.historial a:visited{background:url(../imagenes/indeximg/historialimg.jpg) 0px 0px no-repeat;}

.estado a:link{background:url(../imagenes/indeximg/estadoimg.jpg) 0px 0px no-repeat;}
.estado a:visited{background:url(../imagenes/indeximg/estadoimg.jpg) 0px 0px no-repeat;}

.mapa a:link{background:url(../imagenes/indeximg/mapaimg.jpg) 0px 0px no-repeat;}
.mapa a:visited{background:url(../imagenes/indeximg/mapaimg.jpg) 0px 0px no-repeat;}
	
#iconoubicacion{
	width:90px; 
	height:80px; 
	float:left;
	margin-top:20px;
}


#listaubicacion{
	padding-left:10px;;
	padding-top:5px;
	float:left;
	margin-top:20px;
}

#listaubicacion h2{ 
font-size:13px;
}

#largeImg {
	border: solid 1px #ccc;
	width: 550px;
	height: 400px;
	padding: 5px;
}
.thumbs img {
	border: solid 1px #ccc;
	width: 100px;
	height: 100px;
	padding: 4px;
}
.thumbs img:hover {
	border-color: #FF9900;
}

#galeria{  
	float:right;
	margin-right:50px;
	margin-top:20px;
}
#datos {
	float:left;	
}