/*
Proyecto: nombre x
Descripcion: una breve reseña
Autor: tu nombre aqui
Version: 1 o el numero de version que sea
.
Comentarios en general/ espacio para dejar comentarios a otro programadores
.


[Tabla de contenidos] 

	0- Reset
	1- Global
	2- Links
	3- Encabezados y parrafos
	4- Header 
	5- Layout
	6- Contenido 
	7- Formularios
	8- Extras
	9- Footer 

*/

/* =0 Reset
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	background: transparent;
}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
:focus {outline: 0;}
table {border-collapse: collapse;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
strong {font-weight: bold;}
em {font-style: italic;} 

/* =1 Global
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
body {
	font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif," "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-transform: none;
	text-decoration: none;
	text-align: left;
	letter-spacing: normal;
	line-height: 1.3em;
	word-spacing: normal;
	vertical-align: baseline;
	background: #fff url(images/fondo4.jpg) no-repeat fixed center top;
	color: #666;
	min-height:500px;
	min-width:1000px;
}
.right {float: right;}
.left {float: left;}
.align-left {text-align: left;}
.align-right {text-align: right;}
.align-center {text-align:center;}
.justify {text-align:justify;}
.hide {display: none;}
.clear {clear: both;}
.bold {font-weight:bold;}
.italic {font-style:italic;}
.underline {border-bottom:1px solid;}
.highlight {background:#ffc;}
img.centered {display: block;margin-left: auto;margin-right: auto;}
.centrar {margin:0 auto;}
img.alignleft {float:left;margin:4px 10px 4px 0;}
img.alignright {float:right;margin:4px 0 4px 10px;}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {display: block;
}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.quiet {color:#666;}
.blanco {color:#105797;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}
.height-auto {height:auto;}
.cien { width:100%;}
.w95 { width:95%;}
.w90 { width:90%;}
.bkg-wtrans{
	background: rgba(255, 255, 255, 0.5);
	height:auto;
	padding:25px 0;
}
.bkg-green{background:#59A8CF none repeat scroll 0 0;}
.sinborde{border:none;}

/* =2 Links
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
:-moz-any-link {cursor:pointer;}
a {color:#009;text-decoration:underline;}
a:link, a:visited {color: #333;}
a:focus, a:hover {color: #111;}
a:active {color: #111;}

/* =3 Ecabezados y parrafos
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
p { margin: 1.3em  0; font-size: 1em; line-height: 1.3em; }
h1 { margin: 0.41em 0; font-size: 2.5em; line-height: 0.41em; }
h2 { margin: 0.45em 0; font-size: 2.8em; line-height: 0.45em; }
h3 { margin: 0.55em 0; font-size: 2.3em; line-height: 1em; }
h4 { margin: 0.65em 0; font-size: 2em; line-height: 0.65em; }
h5 { margin: 0.86em 0; font-size: 1.5em; line-height: 0.86em; }
h6 { margin: 0.97em 0; font-size: 1.33em; line-height: 0.97em; }

/* =4 Header
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#header-area {
	foat:left;
	width:770px;
	height:165px;
	background:#67aeca url(images/plantilla-azul_03.jpg) no-repeat scroll 0 0;
}

.menu {
	foat:left;
	width:770px;
	height:72px;
	background:#d5e4e9;
}
.menu li {float:left;}
.menu a {background:url(images/menu4.jpg);display:block; text-indent:-9000%;height:72px;}

.menu_inicio a { width:132px; background-position:left top; }
.menu_nosotros a { width:179px; background-position:-341px top;}
.menu_propiedades a { width:209px; background-position:-132px top;}
.menu_contacto a { width:250px;  background-position:right top;}

.menu_inicio a:hover {background-position:left -72px;}
.menu_nosotros a:hover{background-position:-341px -72px;}
.menu_propiedades a:hover {background-position:-132px -72px;}
.menu_contacto a:hover {background-position:right -72px;}

.menu_inicio a.active  {background-position:left bottom;}
.menu_nosotros a.active {background-position:-341px bottom;}
.menu_propiedades a.active {background-position:-132px bottom;}
.menu_contacto a.active {background-position:right bottom;}

/* =5 Layout
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

#container {width:1000px;margin:0 auto; position:relative;background:#087BA8 url(images/fondo4.jpg) no-repeat scroll center top}
#col-somos {
	float:right;
	height:841px;
	width:230px;
	background:transparent url(images/plantilla-azul_04.jpg) no-repeat scroll right top;
}
#col-prop {
    background: url("images/plantilla-azul_04.jpg") no-repeat scroll right top transparent;
    float: right;
    height: 235px;
    width: 228px;
}
#header {
	float:left;
	height:237px;
	width:770px;
}
#iframe {
    background: none repeat scroll 0 0 #FFFFFF;
    float: left;
    height: 1970px;
    width: 770px;
}
.iframe {
	width:993px;
}

#footer {
	float:none;
	clear:both;
	width:1000px;
	height:72px;
	background:#95EDFF url(images/plantilla-azul_09.jpg) no-repeat scroll 0 0;
}
.column, div.span-01, div.span-02, div.span-03, div.span-04, div.span-05, div.span-06, div.span-07, div.span-08, div.span-09, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {float:left;margin-right:10px;}
.last, div.last {margin-right:0;}
.span-01 {width:30px;}
.span-02 {width:70px;}
.span-03 {width:110px;}
.span-04 {width:150px;}
.span-05 {width:190px;}
.span-06 {width:230px;}
.span-07 {width:270px;}
.span-08 {width:310px;}
.span-09 {width:332px;}
.span-10 {width:390px;}
.span-11 {width:430px;}
.span-12 {width:470px;}
.span-13 {width:510px;_width:505px;}
.span-14 {width:550px;}
.span-15 {width:590px;}
.span-16 {width:630px;}
.span-17 {width:660px;}
.span-18 {width:710px;}
.span-19 {width:750px;_width:745px;}
.span-20 {width:790px;}
.span-21 {width:830px;}
.span-22 {width:870px;}
.span-23 {width:910px;}
.span-24, div.span-24 {width:950px;margin:0;}
.append-01 {padding-right:40px;}
.append-02 {padding-right:80px;}
.append-03 {padding-right:120px;}
.append-04 {padding-right:160px;}
.append-05 {padding-right:200px;}
.append-06 {padding-right:240px;}
.append-07 {padding-right:280px;}
.append-08 {padding-right:320px;}
.append-09 {padding-right:360px;}
.prepend-01 {padding-left:40px;}
.prepend-02 {padding-left:80px;}
.prepend-03 {padding-left:120px;}
.prepend-04 {padding-left:160px;}
.prepend-05 {padding-left:200px;}
.prepend-06 {padding-left:240px;}
.prepend-07 {padding-left:280px;}
.prepend-08 {padding-left:320px;}
.prepend-09 {padding-left:360px;}
div.border {padding-right:4px;margin-right:5px;border-right:1px solid #eee;}
div.colborder {padding-right:24px;margin-right:25px;border-right:1px solid #eee;}
.tab-01 {margin-left:10px;}
.pull-01 {margin-right:10px;}
.pull-03 {margin-left:-120px;}
.pull-04 {margin-left:-160px;}
.pull-05 {margin-left:-200px;}
.pull-06 {margin-left:-240px;}
.pull-07 {margin-left:-280px;}
.pull-08 {margin-left:-320px;}
.pull-09 {margin-left:-360px;}
.pull-01, .pull-02, .pull-03, .pull-04, .pull-05, .pull-06, .pull-07, .pull-08, .pull-09 {float:left;position:relative;}
.push-01 {margin-top:10px;}
.push-02 {margin:0 -80px 1.5em 80px;}
.push-03 {margin:0 -120px 1.5em 120px;}
.push-04 {margin:0 -160px 1.5em 160px;}
.push-05 {margin:0 -200px 1.5em 200px;}
.push-06 {margin:0 -240px 1.5em 240px;}
.push-07 {margin:0 -280px 1.5em 280px;}
.push-08 {margin:0 -320px 1.5em 320px;}
.push-09 {margin:0 -360px 1.5em 360px;}
.espacio-01 {margin-bottom:5px;}
.espacio-02 {margin-bottom:10px;}
.espacio-03 {margin-bottom:15px;}
.espacio-04 {margin-bottom:20px;}
.espacio-05 {margin-bottom:25px;}
.espacio-06 {margin-bottom:30px;}
.espacio-07 {margin-bottom:35px;}
.espacio-08 {margin-bottom:40px;}
.espacio-09 {margin-bottom:45px;}
.prepend-top {margin-top:1.5em;}
.append-bottom {margin-bottom:1.5em;}
.box {padding:1.5em;margin-bottom:1.5em;background:#E5ECF9;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;}
/* =6 Contenido
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

.quienes {color:#105797;margin:254px 13px 10px;}
.titulo {
	color:#FFFFFF;
	display:inline;
	left:40px;
	line-height:50px;
	position:absolute;
	top:53px;
}
.subtitulo {
	display:inline;
	left:40px;
	line-height:30px;
	position:absolute;
	top:91px;
	color:#105797;
}

/* =7 Formularios
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
input.span-01, textarea.span-01, select.span-01 {width:30px!important;	left: 238px;
}
input.span-02, textarea.span-02, select.span-02 {width:50px!important;}
input.span-03, textarea.span-03, select.span-03 {width:90px!important;}
input.span-04, textarea.span-04, select.span-04 {width:130px!important;}
input.span-05, textarea.span-05, select.span-05 {width:170px!important;}
input.span-06, textarea.span-06, select.span-06 {width:210px!important;}
input.span-07, textarea.span-07, select.span-07 {width:250px!important;*width:230px!important;_width:245px;}
input.span-08, textarea.span-08, select.span-08 {width:290px!important;}
input.span-09, textarea.span-09, select.span-09 {width:330px!important;}
input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
input, textarea, select {
	border:1px solid #192B3B;
	margin:0 0;
	font-family:Verdana,Tahoma,Arial,Sans-Serif;
	font-size:1.2em;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.2em;
}
textarea {
	float:left;
	height:60px;
	padding:5px;
	width:240px;
	*width:227px!important;
	_width:237px;
	*position:absolute;
	*top:438px;
	*left:79px;
}
.btn-enviar{
	*left:260px;
	*position:absolute;
	*top:518px;
	*width:60px!important;
}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}
/* =8 shines

/* =9 Footer
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

.logo {
    -webkit-box-shadow:5px 5px 5px #105797;
    -moz-box-shadow:5px 5px 5px #105797;
    box-shadow:5px 5px 5px #105797;
    left:46px;
    position:absolute;
    top:35px;
}

.titulo {
    color:#FFFFFF;
    display:inline;
    left:194px;
    line-height:50px;
    position:absolute;
    top:27px;
}

.subtitulo {
    color:#105797;
    display:inline;
    left:196px;
    line-height:30px;
    position:absolute;
    top:63px;
}