/*
Theme Name: Oficial.
Theme URI: www.moralespropiedades.cl
Description: Somos Espcialistas en Resort.
Version: 1.0
Author: Morales Inmobiliaria
Author URI: http://www.moralespropiedades.cl
*/


*{
    margin: 0;
    padding: 0;
}

.nf{
    clear:both;
}
/* Render los elementos HTML5 como un bloque */
header, footer, aside, nav, article, h1{
    display: block; 
}


h1 {
	font-family : "Karla", serif;
}

p, li, a {
	/*font-family : "Myriad Pro";*/
	font-family : "Karla", serif;
	font-size: 13px;
	/*font-weight:bold;*/
}

body {
    margin: 0 auto;
    /*width: 1024px;*/
/*	background-color:#E6E6E6;*/
    background-color: #fff;
    background: #fff;
}


#entero {
    margin: 0 auto;
    width: 1024px;
    background-color: #fff;
    background: #fff;
}

.wrapper {
    margin: 0 auto;
    width: 100%;
    /*background: #DDBFA2;*/
    background-color: #fff;
    background: #fff;
}



header {
    position: relative;
    width: 100%;
    height: 130px;
}
    #logo {
        position: relative;
        float: left;
        width: 293px;
        height: 78px;
        padding: 25px;
    } 
    
    #headerizq {
        position: relative;
        float: right;
        width: 250px;
        height: 28px;
        padding: 0;
    }
        #fono {
            position: relative;
            float: right;
            width: 250px;
            height: 28px;
            padding: 0;
            margin-top: 35px;
            /*background: #ffffaa;*/
        }
            #imgfono{
                padding-right: 15px;
            }
            #txtfono{
                position:absolute; /*El div debe tener la propiedad position distinta de static*/
                top: 50%;
                left:50%;
                margin-top: -10px; /* El valor 200 es ficticio, debes cambiarlo en cada caso por la mitad de la altura de tu imagen*/
                margin-left: -92px;/* El 200 deberás sustituirlo por la mitad del ancho de la imagen */
                padding-right: 15px;
            }
           #imgtrianguloder{
                position:absolute; /*El div debe tener la propiedad position distinta de static*/
                float: right;   
                top: 50%;
                left:97%;
                margin-top: -7px; /* El valor 200 es ficticio, debes cambiarlo en cada caso por la mitad de la altura de tu imagen*/
                margin-left: -6px;  /* El 200 deberás sustituirlo por la mitad del ancho de la imagen */            
            }

        #sociales {
            position: relative;
            float: right;
            width: 85px;
            height: 26px;
            padding: 0;
                top: -15%;
                left:88%;
            margin-top: 70px;
            margin-left: -140px;
            /*background: #fffaaa;*/
        }

nav {
    position: relative;
    padding: 0;
    height: 28px;
    width: 100%;
                /*top: -15%;*/
                /*left:88%;*/
            /*margin-top: -13px;*/
            /*margin-left: 0px;*/
    background: #676666;
    /*text-align: center;*/
}
    nav ul {
        /* height: 100%; */
    }
        nav ul li {
            display: inline-block;
            list-style: none;
            padding: 0 0 0 45px;
            float: left;
            margin-top: 7px;
        }
        nav ul li a {
            font-size: 14px;
           /* line-height: 44px;*/
            /*text-align: center;*/
            text-decoration: none;
            color: #d9d9d9;
            vertical-align: middle;
        }
        nav ul li a:hover {
            color: #fff;
        }
        nav ul li.selected a {
            color: #fff;
        }

#cuerpo {
    display: block; 
    width : 996px;
    margin: 0 auto;
    padding: 0;
}

    #intro {
	    position: relative;
        width : 100%;
        margin: 0 auto;
        padding: 0;
        margin-top: 10px;
    }

       #txtslogan{
            position:absolute; 
            float: right;   
            top: 50%;
            left:50%;
            margin-top: -140px; 
            margin-left: -140px;
        }

#thumbs {
    width: 100%;
    height: 113px;
    margin-top: 10px;
    padding: 0;
}
    #thumbs img {
        padding-right: 4px;
    }





/*************** QUIENES SOMOS *****************/

#contenido {
	padding: 0;
	margin: 0;
	/*background: #0C3;*/
}

	#seccionizq {
		float: left;
		/*width: 300px;*/
	}
	   #imgtrianguloizq{
			/*position:absolute; */
			float: left;   
			top: 0px;
			margin-left:-14px;
			margin-top:100px;
		}
		#txtsecciont1{
			float: left;   
			top: 0px;
			margin-top:100px;
			margin-left:14px;
		}
		#imgseparadorseccion{
			float: left;   
			top: 0px;
			margin-top:30px;
			margin-left:14px;
			margin-right:30px;
		}


	#seccionder {
		float: left;
		width: 735px;
		/*background: #CCC;*/
		margin-top: 30px;
		/*margin-right:30px;*/
	}
	
		#seccionder p {
			margin-bottom: 15px;	
			text-align:justify;
		}

/*************** ARRIENDOS *****************/
	#seccionder2 {
		float: left;
		width: 170px;
		/*background: #9FF;*/
		margin-top: 30px;
		/*margin-right:30px;*/
	}
	
		#seccionder2 p {
			margin-bottom: 15px;
			text-align:justify;
		}

	#seccionder3 {
		float: left;
		width: 638px;
		/*background: #636;*/
		margin-top: 60px;
	}
	   #img-pvelero{
			float: left;   
			top: 0px;
			margin-left:25px;
			/*margin-top:100px;*/
		}
		   #txt-pvelero {
				/*float: left;   */
				top: 0px;
				margin-left:85px;
				/*margin-top:100px;*/
			}
	   #img-serena{
			float: left;   
			top: 0px;
			margin-left:10px;
			/*margin-top:100px;*/
		}
		   #txt-serena {
				/*float: left;   */
				top: 0px;
				margin-left:155px;
				/*margin-top:100px;*/
			}

		#seccionder3 a img {
			border: none;
			-moz-opacity: 0.60;
			-khtml-opacity: 0.60;
			opacity: 0.60;
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=60);
			filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
			filter:alpha(opacity=60);        
        }
        #seccionder3 a:hover img{
			-moz-opacity: 1;
			-khtml-opacity: 1;
			opacity: 1;
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100);
			filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
			filter:alpha(opacity=100);		
		}
        #seccionder3 a {
			/*border: none;*/
        }


/*************** FMTO1 ventas *****************/
#seccionder4 {
	float: left;
	width: 700px;
	/*background: #CCC;*/
	/*margin-top: 20px;*/
	/*margin-right:30px;*/
	padding: 10px;
	font-family : "Karla", serif;
	font-size: 130px;

}
	
	#cajon1{
	 float:left;
	 /*background:#CCC;*/
	 width: 170px;
	 margin-top: 10px;
	 margin-right:10px;
	}

	
	#cajon2{
	 float:left;
	 /*background:#CCC;*/
	 width: 220px;
	 margin-top: 10px;
	 margin-right:10px;
	}

	#cajonnf{
	 clear:both;
	}

	#personalizado{
		font-family : "Karla", serif;
		font-size: 13px;
	}
	#personalizado ul li {
	 	list-style: none;
		font-family : "Karla", serif;
		font-size: 13px;
	}
	#cajon1 a {
		font-size: 14px;
	   /* line-height: 44px;*/
		/*text-align: center;*/
		text-decoration: none;
		color: #333;
		vertical-align: middle;
	}
	#cajon1  a:hover {
		color: #999;
	}
	#nombrecampo{
			 float:left;
		color: #666;
		/*font-weight:bold;*/
	}
	#nombrecampo-titulo{
			 float:left;
		color: #666;
		/*font-weight:bold;*/
	}
	#valor{
			 float:left;

		/*color: #666;*/
		/*font-weight:bold;*/
	}


.contenedor-1 {
	float: left;
	width: 815px;
	/*height: 350px;*/
	/*background: #CCC;*/
	/*margin-top: 20px;*/
	/*margin-right:30px;*/
	/*padding: 10px;*/
	padding-bottom:	10px;
	padding-top: 10px;
	padding-right: 10px;
	font-family : "Karla", serif;
	font-size: 13px;
	/*background: #FF6;*/
}
.contenedor-2 {
	float: left;
	width: 300px;
	/*background: #CCC;*/
	/*margin-top: 20px;*/
	/*margin-right:30px;*/
	padding: 10px;
	font-family : "Karla", serif;
	font-size: 13px;
	/*background:#9C6;*/
}



footer {
	display:block;
/*	position: relative;*/
    text-align: center;
    font-family: Verdana;
    font-size: 11px;
    margin-top: 15px;
    margin-bottom: 5px;
    height: 23px;
    background: #676666;
    color: #d9dccc;
    vertical-align: bottom;
}

	footer p {
	    font-size: 9px;
	}
	footer p a {
	    font-size: 11px;
	    text-decoration: none;
	    color: #d9d9d9;
	}
	footer p a:hover {
	    font-size: 11px;
	    color: #fff;
	}