html {
 	background-color		:#C60000;
}
/* CSS Document */
body{
	background-image		:url(/images/back.jpg);
	background-repeat	        :repeat-x;
	background-color		:#C60000;
	color				:#666666;
	padding-top			:30px;
	font-family			:Arial, Helvetica, sans-serif;
}

div.layout{
	width				:930px;
	margin				:auto;
	background-color		:#FFFFFF;
	padding				:20px 15px 5px 20px;
	position 			:relative;
	z-index 			:1;
}

div.layout h2, h3, h4{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:25px;
	color:#000000;
	margin:0 0 10px 0;
	font-style:oblique;
	font-weight:normal;
}
div.layout  h3, h4,
div.layout div.body div.detail div.avatar div.avatar_content span{
	color:#A30000;
}

    div.layout div.body .star-rating{
        list-style:none;
        margin: 0px;
        padding:0px;
        width: 150px;
        height: 30px;
        position: relative;
        background: url(/images/star-no.gif) top left repeat-x;
        }
    .star-rating ul{
        list-style:none;
        }
    .star-rating li{
        color: white;
        padding:0px;
        margin:0px;
        float: left;        
        }
    .star-rating li a{
        display:block;
        width:30px;
        height: 30px;
        text-decoration: none;
        text-indent: -9000px;
        z-index: 200;
        position: absolute;
        padding: 0px;
        }
    .star-rating li a:hover{
        background: url(/images/star.gif) left center;
        z-index: 2;
        left: 0px;
        border:none;
	width: 30px;
        height: 30px;
        }
    .star-rating a.one-star{
        left: 0px;
        }
    .star-rating a.one-star:hover{
        width:30px;
        }
    .star-rating a.two-stars{
        left:30px;
        }
    .star-rating a.two-stars:hover{
        width: 60px;
        }
    .star-rating a.three-stars{
        left: 60px;
        }
    .star-rating a.three-stars:hover{
        width: 90px;
        }
    .star-rating a.four-stars{
        left: 90px;
        }
    .star-rating a.four-stars:hover{
        width: 120px;
        }
    .star-rating a.five-stars{
        left: 120px;
        }
    .star-rating a.five-stars:hover{
        width: 150px;
        }
    .star-rating li.current-rating{
        background: url(/images/star.gif) left bottom;
        position: absolute;
        height: 30px;
        display: block;
        text-indent: -9000px;
        z-index: 1;
    }


          /*             styles for the star-rating-list               */
    div.layout div.body .star-rating-list{
        list-style:none;
        margin: 0px;
        padding:0px;
        width: 100px;
        height: 20px;
        position: relative;
        background: url(/images/star-list-no.gif) top left repeat-x;
    }

    .star-rating-list ul{
        list-style:none;
		}
    .star-rating-list li{
        padding:0px;
        margin:0px;
        float: left;
    }
    .star-rating-list li a{
        display:block;
        width: 20px;
        height: 20px;
        text-decoration: none;
        text-indent: -9000px;
        z-index: 20;
        position: absolute;
        padding: 0px;
    }
    .star-rating-list li a:hover{
        background: url(/images/star-list.gif) left center;
        z-index: 2;
        left: 0px;
        border:none;
        width:20px;
        height: 20px;
    }
    .star-rating-list a.one-star{
        left: 0px;
    }
    .star-rating-list a.one-star:hover{
        width:20px;
    }
    .star-rating-list a.two-stars{
        left:20px;
    }
    .star-rating-list a.two-stars:hover{
        width: 40px;
    }
    .star-rating-list a.three-stars{
        left: 40px;
    }
    .star-rating-list a.three-stars:hover{
        width: 60px;
    }
    .star-rating-list a.four-stars{
        left: 60px;
    }
    .star-rating-list a.four-stars:hover{
        width: 80px;
    }
    .star-rating-list a.five-stars{
        left: 80px;
    }
    .star-rating-list a.five-stars:hover{
        width: 100px;
    }
    .star-rating-list li.current-rating-list{
        background: url(/images/star-list.gif) left bottom;
        position: absolute;
        height: 20px;
        display: block;
        text-indent: -9000px;
        z-index: 1;
    }
  /* Aqui termina el star-rating-list */

div.layout h4{
	font-size:20px;
}

div.layout hr{
	border:0;
	background:#FFFFFF;
	margin:0;
	padding:0;
}

div.layout div.line,
div.layout div.list_search,
div.layout div.body div.detail div.avatar{
	background	:url(/images/back_division.gif) repeat-x;
	height		:10px;
	border		:none;
	margin		:10px 0;
}
div.layout div.button input{
	margin:5px 0;
	float:right;
	background-image:url(/images/back_boton.gif);
	height:24px;
        width: 100px;
	border:1px solid #CCCCCC;
	color:#FFFFFF;
}

div.layout div.header div.menu a,
div.layout div.header div.menu1 a{
	padding			:5px 10px;
	color			:#000000;
	display			:block;
	float			:right;
	text-decoration		:none;
	text-align		:right;
	font-size:13px;
}
div.layout div.header div.menu div.submenu a{
	font-size:15px;
}
div.layout div.header div.menu1 a{
    padding-top:2px;
}
div.layout a{
	color			:#000000;
	text-decoration		:none;
	font-size:12px;
}

div.layout div.header div.menu a:hover{
	background-color:#C60000;
	color:#FFFFFF;
}
div.layout div.header div.menu1 a:hover{
    background-color:#ffffff;
}
div.layout #maincontent p.header_border{
	border-bottom: 2px solid #CCCCCC
}
div.layout div.body div.opportunities img,
div.layout div.body div.list_property img{
	border:1px solid #cccccc;
	padding:5px;
}
div.layout div.body div.opportunities p{
	margin:8px 0 18px 0;
}
div.layout div.body div.opportunities span,
div.layout div.body div.list_property span,
div.layout div.body div.detail span{
	color:#000000;
	font-size:15px;
}
div.layout div.body div.search,
div.layout div.body div.developments,
div.layout div.body div.youtube{
	width:295px;
	float:right;
	background-image:url(/images/back_buscador.gif);
	margin-bottom:10px;
	margin-top:1px;
}
div.layout div.body div.search div.title_content{
	background-color:#A30000;
	height:80px;
	text-align:right;
	padding: 13px 15px 0 0;
}
div.layout div.body div.search div.title_content h2{
	color:#FFFFFF;
	margin:0;
}
div.layout div.body div.search div.search_content{
	background-color:#fafafa;
	margin:0 12px 14px 12px;
	padding:20px 20px 10px 20px;
}
div.layout div.body div.search div.search_content label{
	padding-top:5px;
	margin-bottom:5px;
	display:block;
}
div.layout div.body div.search div.search_content select,
div.layout div.body div.list_search select{
	width:110px;
	clear:both;
}
div.layout div.body div.developments{
	background-image:url(/images/back_desarrollos.jpg);
	background-repeat:repeat-x;
}
div.layout div.body div.developments div.content{
	padding:15px 10px;
}
div.layout div.body div.youtube div.content{
	padding:10px 8px;
	font-size:14px;
}
div.layout div.body div.developments div.content_img{
	border:1px solid #cccccc;
	width:117px;
	height:87px;
	background-color:#FFFFFF;
	padding:5px;
	margin-bottom:10px;
}
div.layout div.body div.developments div.content_img a{
	padding:0px;
}
div.layout div.body div.youtube div.youtube_content{
	margin:10px 8px 14px;
}
/**Listado**/
div.layout div.body div.list_search{
	height:60px;
	background-repeat:repeat;
	color:#000000;
	font-weight:bolder;
}
div.layout div.body div.list_search div.title{
	background-color:#A30000;
}
div.layout div.body div.list_search div.title h3{
	color:#FFFFFF; 
	font-size:20px; 
	margin-top:4px;
	margin-bottom:0;
}
div.layout div.body div.list_title,
div.layout div.body div.list_property,
div.layout div.body div.detail h4{
	border-bottom:1px solid #CCCCCC;
}
div.layout div.body div.list_title h3{
	border-bottom:1px solid #CCCCCC; 
	margin-bottom:3px; 
	padding-bottom:3px; 
	margin-top:20px;
	font-size:25px;
	font-weight:normal;
}
div.layout div.body div.list_property{
	padding:10px 0;
}
div.layout div.body div.list_property h2, h3{
	font-size:15px;
	font-weight:bold;
}
div.layout div.body div.list_property h2 a{
	font-size:15px;
	font-weight:bold;
}
div.layout div.body div.list_property a{
	font-size:10px;
	font-weight:bold;
	margin:0;
	padding:0;
	clear:both;
}
div.layout div.body div.list_property span,
div.layout div.body div.detail span{
	font-size:13px;
}
div.layout div.body div.pager{
	text-align:center;
	padding:10px;
}
/** Fin Listado**/
/**Detalle**/
div.layout div.body div.detail{
	text-align:justify;
}

div.layout div.body div.detail div.back_facebook_connect_detail{
	background-image:url(/images/banner_connet_facebook.jpg);
	background-repeat:repeat;
	height:48px;
	padding-left:228px;
	padding-top:24px;
	margin-bottom:10px;	
}
div.layout div.body div.detail h4{
	padding-bottom:5px;
	margin:20px 0;
}
div.layout div.body div.detail div.detail_map{
	border-bottom:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	margin-top:20px;
}
div.layout div.body div.detail div.detail_map a:hover,
div.layout div.body div.list_property a:hover{
	color:#2E8B8B;
}
div.layout div.body div.detail div.avatar{
	height:111px;
	background-repeat:repeat;
	padding:7px;
	margin:20px 0;
}
div.layout div.body div.detail div.avatar a{
	padding:0;
	margin-top:3px;
	float:left;
}
div.layout div.body div.detail div.avatar div.avatar_content{
	background-image:url(/images/back_avatar.gif);
	background-repeat:repeat;
	padding:5px;
	color:#000000;
	width:95%;
	font-size:12px;
}
div.layout div.body div.detail div.avatar div.avatar_content span{
	font-size:14px;
	font-weight:bold;
	margin-bottom:10px;
	display:block;
}
div.layout div.body div.detail div.button_go span{
	text-align:center;
	background-color:#fafafa;
	font-weight:bold;
	padding:6px;
	display:block;
	height:36px;
	background-color:#BDDD7D;
	font-size:14px;
}
div.layout div.body div.detail div.button_go a{
	margin:0;
	margin-bottom:5px;
	display:block; 
	overflow:hidden;
}
div.layout div.body div.detail div.go h2{
	font-size:20px;
	padding:5px;
	background-image:url(/images/back_division.gif);
	display:block;
	margin:10px 0;
}
div.layout div.body div.detail div.go input{
	margin:3px 0;
	display:block;
}
div.layout div.body div.detail div.go span{
	font-size:9px;
}
div.layout div.body div.detail div.youtube_detail{
	float:right;
	background-image:url(/images/back_buscador.gif);
	margin:10px 0;
	padding:10px 8px;
	font-size:14px;
}

/**Fin Detalle**/
div.footer{
	padding:10px 0px 20px 0;
	color:#FFFFFF;
	margin:auto;
	width:960px;
	font-size:12px;
	position:relative;
}
div.footer a{
	color:#FFFFFF;
	text-decoration:none;
	font-size:15px;
}
div.footer div.menu_footer{
	padding:10px 0 20px 0;
	overflow:hidden;
}
div.footer div.menu_footer a{
	padding:5px 10px;
}
div.footer div.menu_footer a:hover{
	background-color:#620000;
}
/* Sessions new */
#clear_fix{
  width:400px;
  margin:0 auto;
  border:10px solid #ccc;
  padding:10px;
}

#clear_fix label{
	display: block;
	float: left;
	clear: left;
	text-align: right;
	width: 30%;
	margin: 1em 5px 0 0;
}

#clear_fix input {
  	border:2px solid #CCCCCC;
	color:#000000;
	height:17px;
	margin-top:10px;
	width:170px;
}

.checkbox {
	color:#000000;
}

#clear_fix label{
	display: block;
	float: left;
	clear: left;
	text-align: right;
	width: 30%;
	margin: 1em 5px 0 0;
}

#password{
  	width: 155px;
  	margin-top:11px;
  	height:13px;
}


/*--------------------------------------------------------------------- 
                          Pagination
---------------------------------------------------------------------*/
.pagination {
    padding: 3px;
    margin: 3px;
    margin-top:50px;
    margin-bottom:50px;
}
div.layout .pagination a {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #AAAADD;
    text-decoration: none;
    color: #ff0000;
}
.pagination a:hover, .pagination a:active {
    border: 1px solid #999999;
    color: #000000;
}
.pagination span.current {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #999;
    font-weight: bold;
    background-color: #FF0000;
    color: #FFF;
}
.pagination span.disabled {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #eee;
    color: #ddd;
}

/*--------------------------------------------------------------------- 
                          Termina Pagination
---------------------------------------------------------------------*/
div.layout div.body div.contact-form
{
	padding-left:0px;
	margin-left:0px;
}
	div.layout div.body div.contact-form h3
{
	margin-bottom:7px;
}
div.layout div.body div.contact-form label
{
	display:block;
	padding-bottom:5px;
}
div.layout div.body div.contact-form input
{
	margin-bottom:5px;
	border:1px solid #cccccc;
	background-image:url(../images/px_input.jpg);
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-bottomright:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
	height:21px;
	background-color:#fafafa;
	padding:5px 5px 5px 27px;
	background-repeat:no-repeat; 
	background-position:6px 5px;
	width:90%;
}
div.layout div.body div.contact-form textarea
{
	height:100px;
	border:1px solid #cccccc;
	background-image:url(../images/px_input.jpg);
	background-repeat:repeat-x;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	padding:5px;
	width:96%;
}
div.layout div.body div.contact-form a
{
	float:right;
	padding-top:5px;
	padding-right:18px;
}
div.layout div.body div.banner {
	height: 230px;
        width: 930px;
        position: relative;
        z-index: 0;
}
.musica {
	z-index:-1;
	position:absolute;
	right: -33px;
	top:-0px;
}
div.layout div.body div.servicios span {
	font-weight:bold;
	color:#000000;
}
div.notice,
div.success {
        background:#FFF6BF none repeat scroll 0 0;
        border:2px solid #FFD324;
        color:#000000;
        padding: 5px 16px;
        margin:25px 0 0 200px;
        position:absolute;
        text-align:center;
        width:700px;
        z-index:1;
}
div.error {
        background: #cc6666 none repeat scroll 0 0;
	border: 2px solid #AE0000;
        color:#FFFFFF;
        padding: 5px 16px;
        margin:25px 0 0 200px;
        position:absolute;
        text-align:center;
        width:700px;
        z-index:1;
}
/*********************
Facebook Hidden Layer
*********************/
/*Aqui empieza mi primer cambio, popup de admón. listas*/
#hidden_layer_update, #hidden_layer_create{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
}
.popup_frame{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 10px;
	width: 320px;
	margin: 100px auto auto auto;
	background: url(../images/black_bg.png);
}
.popup{
	background-color: #FFF;
	border: 1px solid #CCC;
	height: 60px;
        width:100%;
}
.close_popup{
                /*background:url(../images/close_button.png) no-repeat;
                float:right;
                display:block;
                height:25px;
                width:53px;
                position:absolute;
                right:0;
                top:-15px;*/
                color:#666;
}
.close_popup:hover{
                /*background:url(../images/close_button_over.png) no-repeat;*/
                font-weight: bold;
}
.new_list_button,
.new_contact_button{
	background:url(../images/b_agregar_lista.png) no-repeat;
	width:107px;
        display:block;
        height:36px;
}
.new_contact_button{
	background-image:url(../images/b_agregar_contacto.png);
        background-repeat:no-repeat;
}
/*Aqui termina el segundo cambio*/

/*Mas botones*/
.popup_button{
                background:url(../images/arrow_up.png) 2px no-repeat;
                padding:2px;
                padding-left:22px;
}
.submit_prospecto input{
                float:right;
                color:#666;
                width:25%;
                text-align:center;
                background: none;
                border:none;
}
.submit_prospecto:hover input{
                font-weight: bold;
                cursor: pointer;

}
/*FB Profile Box*/
          .fb_profile{
              float:right;
              border:1px dashed #ccc;
              position:relative;
              padding: 5px;
              width:100%;
              min-height:80px;
          }
          .fb_pic{
              float:left;
              width:110px;
          }
          .fb_status{
              float:left;
              width:230px;
          }
          .fbprofile a{
              color:#000;
              display:block;
              font-size:13px;
              padding: 0px;
              text-decoration:none;
          }
          .fbprofile a :hover{
              font-weight:bold
          }