#mobile-menu
{
    display: none;
    width: 100%;
    background-color: #0088AA;
    border-bottom: solid 1px #003380;
}

#mobile-menu .container
{
    display: table-row;
    width: 100%;
}

#mobile-menu .container div
{
    display: table-cell;
    vertical-align: middle;
    padding: 10px 15px 10px 15px;
    text-align: left;
}

#mobile-menu .container div.cart
{
    text-align: left;
}

#mobile-menu .container div.login a
{
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    font-family: Roboto Condensed;
    padding: 7px;
    border: solid 2px #fff;
    border-radius: 7px;
}

#mobile-menu .container div.login a:hover
{
    background-color: #fff;
    color: #0088AA
}

#mobile-menu .container div a
{
    display: inline-block;
    vertical-align: middle;
}

#mobile-menu .container div.menu
{
    text-align: right;
}

#mobile-menu .container div.menu a
{
    cursor: pointer;
}

#mobile-main-menu
{
    display: none;
    background-color: fff;
    background-color: #fff;
    width: 100%;
    padding: 5px 0 5px 0;
}

#mobile-main-menu ul
{
    display: block;
    margin: 0;
    padding: 0;
}

#mobile-main-menu ul li
{
    display: block;
    margin: 0;
    padding: 0 5px 0 5px;
    list-style: none;
}

#mobile-main-menu ul li a
{
    display: block;
    color: #000;
    font-weight: bold;
    font-size: 18px;
    padding: 7px 7px 7px 7px;
    border-bottom: dotted 1px #DBE3E2;
}

#mobile-main-menu ul li a:hover,
#mobile-main-menu ul li a.active
{
    background-color: #D8007B;
    color: #fff;
}

#mobile-main-menu ul ul
{
    display: none;
}

#mobile-main-menu .language
{
    text-align: center;
    padding: 5px;
    border-bottom: solid 1px #d3d3d3;
}

#mobile-main-menu .language .active
{
    color: #000;
}

.product-content .rslides_container
{
    display: none;
}

.rslides_container
{
    display: none;
}

.contact .container
{
    width: 500px;
}

@media all and (max-width: 980px)
{
    #main-container
    {
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
    }

    .audio-player object
    {
	width: 98% !important;
	display: block;
	margin: 0 auto 0 auto;
    }
}

@media all and (max-width: 810px)
{
    #content .right-blocks .fb_iframe_widget span
    {
	width: auto !important;
	display: block !important;
    }

    #content .right-blocks .fb_iframe_widget span iframe
    {
	width: auto !important;
	display: block !important;
	margin: 0 auto 0 auto !important;
    }
}

@media all and (max-width: 735px)
{
    .listing-block-blog
    {
	width: 45% !important;
	float: none;
	display: inline-block;
	vertical-align: top;
    }

    .listing-block-blog .list-image img
    {
	width: 97% !important;
    }
}

@media all and (max-width: 650px)
{
    #main-title
    {
	text-align: center;
	margin-bottom: 15px;
    }

    #my-account .register
    {
	padding: 0;
	border: 0;
    }

    iframe.youtube-player
    {
	width: 95% !important;
	margin: 5px auto 5px auto;
	display: block;
	height: auto !important;
    }

    .blog-post .thumbnail a,
    .blog-post .thumbnail img
    {
	display: block !important;
	width: 95% !important;
	margin: 5px auto 5px auto !important;
	float: none !important;
    }

    #search-engine .form-submit
    {
	float: none !important;
	display: block;
	margin: 0 auto 0 auto !important;
	width: 95%;
	text-align: center;
	background-color: #D8007B;
	color: #fff;
	border: solid 1px #D8007B;
	padding: 5px;
    }

    #search-search
    {
	width: 95% !important;
	margin: 0 auto 0 auto;
	display: block;
    }

    .navigation .page
    {
	display: none;
    }

    #pre-header
    {
	display: none;
    }

    #header .top-menu,
    #header .top-second-menu
    {
	display: none;
    }

    #header .top-search
    {
	float: none;
    }

    #header .top-search .keywords
    {
	width: 90% !important;
	margin: 0 auto 0 auto;
	padding: 15px 20px 15px 5px;
	font-size: 20px;
    }

    #center-blocks .block
    {
	width: 100%;
    }

    .rslides_container
    {
	display: block;
    }

    .agent iframe
    {
	width: 100% !important;
    }

    .property-options
    {
	text-align: center;
    }

    .property-options *
    {
	display: block;
	text-align: center;
	padding-bottom: 10px;
	float: none !important;
	clear: both;
    }

    .contact .container
    {
	width: auto;
	float: none !important;
	padding: 0 !important;
	border-left: 0 !important;
    }

    #photos
    {
	display: none;
    }

    #content td
    {
        display: block;
        width: auto;
    }

    #content .center
    {
	padding: 0 10px 10px 10px;
    }

    #content .center p,
    #content .center p *
    {
	font-size: 18px !important;
    }

    #content .center .content .content img
    {
	width: 90% !important;
	display: block;
	margin: 0 auto 0 auto;
    }

    #content .left-blocks,
    #content .right-blocks
    {
	padding-right: 0px;
	padding-left: 0px;
	width: auto;
    }

    #content .left-blocks ul,
    #content .right-blocks ul
    {
	margin: 0 3px 0 3px;
	padding: 0;
    }

    #content .left-blocks ul li a,
    #content .right-blocks ul li a
    {
	font-size: 16px !important;
	padding-top: 10px;
	padding-bottom: 10px;
    }

    #content .left-blocks ul li a:hover,
    #content .right-blocks ul li a:hover,
    #content .left-blocks ul li a.active,
    #content .right-blocks ul li a.active
    {
	background-color: #0088AA;
	color: #fff;
	text-decoration: none;
    }

    #content .left-blocks iframe,
    #content .right-blocks iframe
    {
	width: 96% !important;
	display: block !important;
	margin: 7px auto 7px auto !important;
    }

    #content .right-blocks .audio-related,
    #content .right-blocks .videos-related
    {
	height: auto;
	overflow: none;
    }

    #content .right-blocks .audio-related-audio .title a,
    #content .right-blocks .videos-related-video .title a
    {
	display: block;
	font-size: 18px;
	text-align: center;
    padding-bottom: 4px;
	clear: both;
    }

    .audio-player object
    {
	width: 98% !important;
	height: 275px !important;
	display: block;
	margin: 0 auto 0 auto;
    }

    .content-audio .addthis_toolbox,
    .content-audio .descarga,
    .content-audio .descarga a
    {
	float: none !important;
	width: 94% !important;
	text-align: center !important;
	display: block;
	margin: 0 auto 0 auto !important;
	padding: 10px !important;
    }

    .listing-grid-table td
    {
        text-align: center !important;
    }

    .listing-grid
    {
        float: none !important;
    }

    .listing-grid .title a
    {
	display: block;
	width: 96%;
	margin: 0 auto 0 auto;
	text-align: center;
	font-size: 22px;
    }

    #main-menu
    {
	display: none;
    }

    #mobile-menu
    {
        display: table;
    }

    #mobile-menu .container div
    {
        text-align: center;
    }

    #header td
    {
        display: block;
        padding: 5px 0 5px 0;
    }

    #header .logo
    {
        width: 100%;
        text-align: center;
        padding: 20px 0 10px 0;
    }

    #mobile-menu
    {
        width: 100%;
        position: fixed;
        top: 0px;
        z-index: 30000;
    }

    #mobile-main-menu
    {
        position: fixed;
        top: 56px;
        width: 100%;
        z-index: 30000;
    }

    #header
    {
        margin-top: 60px;
    }

    #header .social, #header .license
    {
	display: none !important;
    }

    #footer .left, #footer .right
    {
	float: none;
	cleat: both;
    }

    #footer .copyright
    {
	float: none;
	text-align: center;
	font-size: 16px;
	margin-bottom: 10px;
    }

    #footer .legal
    {
	margin-bottom: 25px;
    }

    #footer .legal a
    {
	display: block;
	float: none;
	margin: 10px 0 0 0;
	font-size: 16px;
	text-align: center;
    }

    #footer .developer, #footer .developer *
    {
	font-size: 12px;
	color: #fff;
	text-align: center;
    }

    #footer ul, #footer ul li
    {
	margin: 0;
	padding: 0;
	display: block;
	float: none;
    }

    #footer ul li
    {
	list-style: none;
	border-right: 0;
    }

    #footer ul li a
    {
	display: block;
	color: #F8A3C4;
	padding: 10px 10px 10px 10px;
	font-size: 20px;
	text-align: center;
	background-color: #8D1545;
	margin-bottom: 2px;
    }

    #footer ul li a:hover,
    #footer ul li a.active
    {
	text-decoration: none;
	background-color: #7B0534;
    }

    table.featured-listing-custom td a
    {
	display: inline-block !important;
	text-align: center !important;
    }

    table.navigation-list thead
    {
	display: none;
    }

    table.navigation-list tr
    {
	border-bottom: solid 1px #1a1a1a;
    }

    table.navigation-list tr:hover
    {
	background-color: #d3d3d3;
    }

    table.navigation-list td
    {
	text-align: center;
	border-bottom-color: transparent !important;
    }
}

@media all and (max-width: 560px)
{
    #header .info .container
    {
	display: block;
    }

    #header .info .subcontainer
    {
	display: block;
    }

    #header .phones, #header .license, #header .social
    {
	display: block;
	vertical-align: middle;
	text-align: center;
	padding-bottom: 10px;
    }

    div.backstretch
    {
        top: 275px !important;
    }

    table.featured-listing-custom .capsule
    {
	opacity: 1;
    }

    /*Tabs*/
    .tabs
    {
	padding: 0;
	margin: 0 0 15px 0;
	display: block;
    }

    .tabs li
    {
	list-style-type: none;
	float: none;
	display: block;
    }

    .tabs li a
    {
	display: block;
	padding: 7px;
	border: solid 1px #d3d3d3;
	background-color: #0088AA;
	margin: 0 0 0 0;
	color: #fff;
	text-align: center;
	transition: all 0.3s;
	font-size: 20px;
    }

    .tabs li a:hover
    {
	background-color: #1a1a1a;
	color: #fff;
    }

    .tabs li a.selected
    {
	color: #ffffff;
	border: solid 1px #d3d3d3;
	background-color: #df7500;
    }

    .tabs li a.selected:hover
    {
	color: #ffffff;
    }

    .tabs-clear
    {
	clear: both;
	padding: 0px;
	display: none;
    }
}

@media all and (max-width: 480px)
{
    #header .logo a,
    #header .logo a img
    {
	display: block;
	width: 95%;
	margin: 0 auto 0 auto;
    }
}

@media all and (max-width: 465px)
{
    .listing-block-blog
    {
	width: 96% !important;
	float: none;
	display: block !important;
	margin: 0 auto 0 auto;
	height: auto;
    }

    .listing-block-blog .list-image a
    {
	width: 100%;
	display: block;
	margin: 0 auto 0 auto;
	clear: both;
    }

    .listing-block-blog .list-image img
    {
	display: block;
	margin: 0 auto 0 auto;
	width: 80%;
	text-align: center;
    }

    .listing-block-blog .list-title a
    {
	text-align: center;
	display: block;
	font-size: 16px;
	padding-top: 5px;
	color: #000;
	font-weight: bold;
    }
}