body, html { 
	margin:0px;
	height:100%;
 }
 .divAnuncio{
	display:block;
	text-align:center;
	margin: 1em 0;
}
body.index .divAnuncio .share{
	margin-left:850px;
 }

body.portafolio_contenido ul li{
	margin-bottom:0.3em;
	margin-top:0.3em;
}
body.portafolio_contenido #slider{
	height: 395px ; 
	overflow:hidden;
	
}
body.portafolio_contenido .nivoSlider img {
	display:inline-block;
    top:0;
    bottom:0;
	margin-top: -100px;
	vertical-align: middle;
}

 /*.nivoSlider img {
    position:realtive;
    top:30%;
    left:0px;
    display:none;
    width: 50%;
    /*height: 100% !important;
}*/
 /*div.nivoSlider img { max-width: 100%; height: auto; overflow:hidden;  }*/

/*#slider img{
	max-width:100%;}*/
/*
#slider img{
	max-width:100%;
	margin: auto;
}
*/
 /*div.slider-wrapper div.nivoSlider img { max-width: 100%; height: auto; overflow:hidden; position:relative; }
 */
 
body { background: url(../imagenes/fondotxt.png); 
	font-family: "Lucida Sans Unicode", "Lucida Grande",Arial, Helvetica, sans-serif;
	text-align:justify;
	font-size:14px; 
}

@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 {
	width: 25%;
}	
#logo, #lista {
	display:inline-block;
	vertical-align:top;
}
#lista {
	height:100%;
	width:74%;
}	
#lista ul{
	height:100%;
	margin: 0;
	padding: 0;	
}
#lista ul li{
	display:inline-block;
	vertical-align:middle;
	font-family:Tahoma, Geneva, sans-serif;
	width:16%;
	height:100%;
}
#lista li a{
	color:#a3a3a3;
	display: block;
	font-size:1.2em;
	text-decoration: none;
	text-align:center;
	height:100%;
	padding-bottom:10%;
	padding-top:55%;
	vertical-align:middle;
}
#lista li a:hover{
	background:#739abd;
	color:#fff;
}
/*#logo { 
	float:left; }

#lista { 
	float:left; }	

#lista ul { 
	display:table-row;}

#lista li { 
	float:left;
	text-align:center;
	font-family:Tahoma, Geneva, sans-serif;
	margin: 0;
	 }	 
	
#lista a{
	width:10%;
	height:200px;
	display:table-cell;
	vertical-align: middle;
	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;
position: absolute;
}
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:90%;
	/*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;  }
	
#articuloizq,#imagender {
display:inline-block;
vertical-align:middle;width:45%;}	
	
#imagender { 
	float:left;
	border: 5px solid #999;
	margin-top:65px;
	margin-left:20px;
 }
 
#imagender img{ width:100%;}
#imagenizq { 
	/*float:left;*/
	width:90%;
	border: 5px solid #999;
	margin-top:65px;
	margin-left:40px;
 }
#imagenizq img{ width:100%;}
#llenar { 
	clear:both;
 }
 /*
#bulletpoint p{  
 	width:270px; 
	text-align:justify; 
	margin:0px;
	margin-left:15px; 
	margin-top:0px;
 	color:#333;
	margin-bottom:20px; }
	

	
#columnaizq { 
	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 }
	*/
	
#columnader, #columnaizq{
	display:inline-block;
	vertical-align:top;
	width:45%;
}	
#circulo, p {	display:inline-block;
	vertical-align:top;}
#columnader p, #columnaizq p{width:350px;letter-spacing:0.1em;color:#333333;}
#circulo { 
 	width:60px; 
	height:60px;
	border-radius: 999px; 
	background-color:#676767; 
	text-align:center; 
	color:#fff; 
	line-height:60px; 
	font-size:38px; 
	font-family: bulletpoint, Arial, Helvetica, sans-serif; }
#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;
	color: #999;
	font-weight:bold;*/
	padding-left:20px;
	font-family: bulletpoint, Arial, Helvetica, sans-serif;
	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/botoncontacto.png) 0 0 no-repeat;
text-align:center;}

#botonavaluos a:hover{ 
display:block;
background:url(../imagenes/botoncontacto.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;}

.grafiti a:link{background:url(../imagenes/indeximg/antigrafitti.jpg) 0px 0px no-repeat;}
.grafiti a:visited{background:url(../imagenes/indeximg/antigrafitti.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;}

.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;}

.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;}

.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;
	margin:0.7em;
}
.thumbs img:hover {
	border-color: #FF9900;
}
/*
#galeria{  
	float:right;
	margin-right:50px;
	margin-top:20px;
}*/
#datos {
	float:left;	
}
/**************************************/
/*.error {
    border: 2px solid #E20000;
	color: red;
}*/
/*.error {
    border:0;
	color: red;
	margin-left:0.3em;
	display:block;
	margin:10px;
}
#errorbox{
	background: #F6CED8;
	border:1px solid #B40404;
	border-radius:0.3em;
	color:#B40404;
	display: none;
	font-size: 0.8em;
	font-weight: bold;
	padding:0.3em;
}
#errorbox  ul{
	list-style-type:circle;
}
#errorbox .error{
    border:0;
	color: red;
	margin-left:0.2em;
	display:block;
}
*/
.divVentaInmuebles p{
	font-size: 16px;
	margin-left:2em;
	margin-right:2em;
}
.divVentaInmuebles h1{
	margin-left:1.5em;
	margin-right:1.5em;
}
.divVentaInmuebles hr{
	margin-left:2em;
	margin-right:2em;
}
.formVentaInmueble #errorForm{
	background: #F6CED8;
	border:1px solid #B40404;
	border-radius:0.3em;
	color:#B40404;
	display: none;
	/*font-size: 0.8em;*/
	font-weight: bold;
	padding:0.3em;
	margin-bottom:1em;
}
.divVentaInmuebles #stylebox{
	margin:auto;
	margin-top: 1.5em;
	margin-bottom:2em;
}
.pNota{
	font-size:16px;
}
.formVentaInmueble{
	display:none;
	font-size:16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width:70%;
	padding: 1em;
}
.formVentaInmueble input{ 
	height:25px;
	box-shadow: inset 0px 1px 6px  #ccc;
	padding-left:7px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #3F3A3A;
	font-weight:bold;
	width:98%;
}
.formVentaInmueble .lblDatosOp{
	font-style:italic;
}
.formVentaInmueble .lblTitulo{
	color:#193349;
	font-weight:bold;
	font-size: 1.3em;
}
 #lblAqui, #lblSalir{
	font-family:titulos;
	font-size: 1.5em;
	/*font-style:italic;*/
	color: red;
	cursor:hand;
	cursor:pointer;
	/*font-weight:bolder;*/
	text-decoration:underline;
}
#divVentaInmuebles{
	margin-bottom:1.5em;
}
 #lblAqui:hover, #lblSalir:hover{
	font-size: 1.7em;
 }

.formVentaInmueble textarea{ 
	border:1px solid #CCC;	
	box-shadow: inset 0px 1px 6px  #ccc;
	padding:7px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #3F3A3A;
	font-weight:bold; 
	font-size:18px;
	height: 2em;
	width:98%;
}


.formVentaInmueble #txtComentarios{
	height: 4em;
}
/*.formVentaInmueble #txtNombre, 
.formVentaInmueble #txtTelefono,
.formVentaInmueble #txtCorreo{
	height: 2em;
}*/
.formVentaInmueble #btnEnviarFormulario{
	cursor:hand;
	cursor: pointer;
	color: gray;
	width:auto;
	height:1.7em;
	margin:auto;
}
.divVentaInmuebles a{
	font-weight: bold;
	color: #0B3861;
	margin-bottom:18px;
	text-decoration: none;
}
.divVentaInmuebles a:hover {
	text-decoration: underline overline;
	color: red;
}

.formVentaInmueble #btnEnviarFormulario{
	font-family:bulletpoint;
	font-size: 1.5em;
	background:#A9BCF5;
	color:#0B3861;
}
.formVentaInmueble #btnEnviarFormulario:hover{
	background:#084B8A;
	color:#A9BCF5;
}

.div_contenedor{
	font-family:verdana;
	font-size: 16px;
	background:#fff;
	
}
.div_contenedor #articulocompleto {
	background: url(../imagenes/fondo2.jpg);
}

/***********u_formulario_avaluo.php*****************/
#u_formulario_avaluo input[type=text]{
	margin:0;
	padding:0.2em;
	height:1.5em;
	border-radius:0;
	border: 1px solid;
	font-family: texto;
}
#u_formulario_avaluo select{
	font-family: texto;
	font-size:18px;
}
#u_formulario_avaluo input[type=text],
#u_formulario_avaluo select{
	margin-top: 0.4em;
	margin-bottom: 0.4em;
}
/*
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;
}*/
/*
body.portafolio .div_proyecto_arquitectonico{
	background:red;
}
body.portafolio .div_proyecto_arquitectonico #proyectos{
	background:green;
}*/

body.portafolio_contenido .lblRegresar{
	font-weight:bold;
	color:#193349;
	padding-left:10px; 
}
body.portafolio_contenido .lblRegresar:hover{
	color: red;
	cursor:pointer;
}

body.portafolio_contenido #galeria,body.portafolio_contenido #datos{
	display:inline-block;
	vertical-align:top;
}
body.portafolio_contenido #galeria, body.portafolio_contenido #datos{
width:50%;
}
body.portafolio  .div_proyecto_arquitectonico,
body.portafolio  .div_proyectos{
	padding-left:7%;
	padding-right:7%;
}
body.portafolio ul.img-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: center;
}
body.portafolio  .div_proyecto_arquitectonico img,
body.portafolio  .div_proyectos img{
 border: 4px solid #D8D8D8;
}

body.portafolio ul.img-list li {
  display: inline-block;
  height: 204px;
  margin: 0 1em 1em 0;
  position: relative;
  width: 254px;
}
body.portafolio span.text-content {
	font-family:titulos, Arial, Helvetica, sans-serif;
	font-size:2em;
	/*text-shadow: 0 0 2px #000000;*/
	text-shadow: 2px 0 0 #000000, -2px 0 0 #000000, 0 2px 0 #000000, 0 -2px 0 #000000, 1px 1px #000000, -1px -1px 0 #000000, 1px -1px 0 #000000, -1px 1px 0 #000000;
  background: rgba(0,0,0,0.5);
  color: white;
  cursor: pointer;
  display: table;
  height: 204px;
  left: 0;
  position: absolute;
  top: 0;
  width: 254px;
}
body.portafolio span.text-content span {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
body.portafolio span.text-content {
  background: rgba(0,0,0,0.5);
  color: white;
  cursor: pointer;
  display: table;
  height: 204px;
  left: 0;
  position: absolute;
  top: 0;
  width: 254px;
  opacity: 0;
}
 
body.portafolio ul.img-list li:hover span.text-content {
  opacity: 1;
}
body.portafolio span.text-content {
  background: rgba(0,0,0,0.5);
  color: white;
  cursor: pointer;
  display: table;
  height: 208px;
  left: 0;
  position: absolute;
  top: 0;
  width: 258px;
  opacity: 0;
  -webkit-transition: opacity 500ms;
  -moz-transition: opacity 500ms;
  -o-transition: opacity 500ms;
  transition: opacity 500ms;
}


body.servicios h1 a{
	color:#193349;
	text-decoration:none;
}
body.servicios .parrafo{ 
	font-family: "Lucida Sans Unicode", "Lucida Grande",Arial, Helvetica, sans-serif;
	color:#333;
	font-size:14px;
	margin-top:1em;
}
body.servicios .parrafo a{
	color:red;
	font-size:1.2em;
	font-weight:bold; }
	
body.index a.aLink{display:block;margin-left:262px;}
	
body.index figure{width:270px;}
body.index figure img{width:100%;height:90%;}