/*
el color general se cambia reemplazando FB7821 por el color deseado  en todo el archivo y en el archivo
jquery.cslider .css la línea 28 background: #FB7821;
*/



/*
Theme Name: TA Pluton
Theme URI: http://themeart.co/free-theme/ta-pluton/
Author: ThemeArt
Author URI: http://themeart.co/
Description: TA Pluton is a modern one page WordPress theme with parallax scrolling effect that can be used for personal blogs, business websites, single page websites and more. To showcase your work in a nice appealing style, TA Pluton has packed with a powerful feature-rich portfolio out there. Being built based on Twitter Bootstrap Framework, it’s fully responsive and your website will looks perfect on all devices including desktops, laptops, tablets and mobile phones. More over, TA Pluton has detailed documentation and been search engine optimized. You can easily customize every detail of the layout by using its professional control panel. You will find this free single page WordPress theme very flexible and useful for building your next amazing project.
Version: 1.2.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ta-pluton
Tags: one-column, two-columns, right-sidebar, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, full-width-template, rtl-language-support, sticky-post, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

TA Pluton is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.

Resetting and rebuilding styles have been helped along thanks to the fine work of Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/ and Blueprint http://www.blueprintcss.org/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Typography
2.0 Elements
	2.1 Form
	2.2 Button
	2.3 Tag Cloud
	2.4 Social Icons
3.0 Layout
	3.1 Animations
4.0 Widgets
	4.1 Search Widget
5.0 Header
	5.1 Navbar
6.0 Homepage
	6.1 Section
	6.2 Slider
	6.3 Service
	6.4 Portfolio
	6.5 ABout
	6.6 Call to Action
	6.7 Client
	6.8 Blog
	6.9 Newsletter
	6.10 Contact
7.0 Content
	8.1 Posts and pages
	8.2 Asides
	8.3 Comments
8.0 Footer
9.0 Media
	9.1 Captions
	9.2 Galleries
10.0 Media Queries
--------------------------------------------------------------*/


/*--------------------------------------------------------------
0.0 Código Mairon
--------------------------------------------------------------*/
.modal-header .close {
    margin-top: -2px;
    position: absolute;
    right: 0;
}

.modal-content {
    background-color: #ffffff;
}

.modal-general .modal-content{
    border-radius: 0px;
}

.modal-general .modal-header{
    background: #464545;
}

.modal-general .modal-body{
    color: #464545;
    padding: 0;
}

.panel-ubicalo{
    background: white !important;
    border-radius: 10px !important;
    border: 1px solid #eae9e3 !important;
    padding: 10px;
    margin-bottom: 10px
}

img.escala-grises, .escala-grises > img {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);    
}

#panel_redes_sociales img{
    padding: 0 7px;
    width: 50px;
}

.tabla-sucursales{
    margin-bottom: 0px;
    font-size: 14px;
    font-family: 'Open Sans';
}

.tabla-sucursales .titulo-publicacion{
    text-transform: uppercase;
}

.modal-general .tabla-sucursales #titulo_publicacion{
    padding: 0;
}

.tabla-sucursales tr:hover {
    background-color: #f5f5f5;
}

.tabla-sucursales tr{
        border-bottom: 1px solid #464545;
}

.tabla-sucursales td{
    padding: 10px 20px!important;
}

#modal-sucursales .modal-body{
    padding: 0;
}

.mensaje-votacion {
    color: #000;
    float: right;
    font-size: 10px;
    width: 79px;
    text-align: center;
    line-height: 10px;
}

.btn-estrella{
    cursor: pointer;
    font-size: 14px;
    margin: 3px 1px 0;
}

.estrella-vacia{
    color: #c6c6c6;
}

.estrella-llena{
    color: #f60;
}

.estrella-calificar{
    color: #ffd600 !important;
}

.contenedor-buscador{
    /*max-width: 700px;*/
    /*margin-left: calc(50% - 350px) !important;*/
    max-width: 43%;
    margin-left: 0px!important;
}

.panel-logo-sitio-interno {
    z-index: 1;
    float: right;
}

.panel-buscador-sitio-interno {
    padding-left: 0px;
    padding-right: 0px;
    float: left;
    width: calc(100% - 185px);
}

.resultados {
    float: right;
    width: calc(100% - 300px);
    color: #000;
    font-size: 12px;
    padding: 10px;
    line-height: 14px;
}

.paginado{
    background: #fff;
}


.pagination-sm>li>a, .pagination-sm>li>span {
    padding: 4px 9px;
}

.pagination{
   margin: 10px 5px 5px !important; 
}

.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
    color: #ffffff;
    background-color: #f15e03;
}

.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
    color: #ffffff;
    background-color: #f15e03;
}

.pagination>li>a, .pagination>li>span {
    color: #000;
    background-color: #efece5;
    border-radius: 0px !important;
    margin: 1px;
}

.row {
    margin-left: 0px; 
    margin-right: 0px; 
}

.home-page .bose{
    height: 100%;
    display: flex;
}

.home-page #content .bose form{
    margin: 30px 0 130px !important;
        max-width: 580px;

}

.home-page #content{
   height:100%;
}

.home-page #page{
   height:calc(100% - 40px);
}

.home-page #home{
   height:100%;
}

.home-page .da-slider{
       height: 100% !important;
}



#parrafo_publicacion >img, #parrafo_publicacion > a >img, #parrafo_publicacion > .hidden-xs >img, #parrafo_publicacion > .hidden-xs > a >img, #parrafo_publicacion > .website-texto > a >img{
    width: 13px;
}

.website-texto a{
   color: #F15E03 !important;
   font-weight: 700;
}

.contenedor-informacion{
   width: calc(100% - 78px);
word-wrap: break-word !important;
}



#subcontenedor_inferior_publicacion >a{
    display: flex;
}

.btn-sucursales{
    background: #F15E03;
    border: 1px solid #F15E03;
    color: #fff !important;
    padding: 3px 8px;
    min-width: 78px;
    height: 25px;
    border-radius: 5px;
    font-size: 12px;
    margin-top: 3px;
    float: right;

}

.btn-sucursales:hover{
    background: #585858;
    border: 1px solid #585858;
}

#left {
    background-color: #EFECE5;
    height: calc(100% - 61px);
    position: fixed;
}

@media(min-width: 992px){
    .panel-logo{
         width: 116px;
    }

    .panel-info{
        width: calc(100% - 116px);
        padding-left: 3px !important;
        background: #fff;
    }

    #page-listado .contenedor-buscador{
        margin-left: 0 !important;
    }

}

@media(min-width: 440px){

    #cuadrado {
            background-size: 90% !important;
    }
}

/* banner listado padding-left:10px; padding-right:12px; padding-bottom: 0px;*/
/*--------------------------------------------------------------
/0.0 Fin Código Mairon
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Typography
--------------------------------------------------------------*/
body, html {
    font-family: 'Roboto', sans-serif;
    line-height: 1.2em;
    font-size: 17px;
	-ms-word-wrap: break-word;
    word-wrap: break-word;
    height: 100%;
    width: 100%;
    min-width: 100%;
}

header{
    width: 100% !important;
}

#content{
    width: 100% !important;
}

a {
    text-decoration: none !important;
}

/*--------------------------------------------------------------
2.0 Elements
--------------------------------------------------------------*/
/*--------------------------------------------------------------
2.1 Form
--------------------------------------------------------------*/
form {
	margin: 0 0 20px;
}

select,
textarea,
input  {
	display: inline-block;
	height: auto;
	padding: 4px 6px;
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 20px;
	color: #555555;
	vertical-align: middle;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

textarea,
input  {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
     -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
       -o-transition: border linear 0.2s, box-shadow linear 0.2s;
          transition: border linear 0.2s, box-shadow linear 0.2s;
}

textarea:focus,
input:focus {
  border-color: rgba(82, 168, 236, 0.8) !important;
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}

input:focus:invalid,
textarea:focus:invalid,
select:focus:invalid {
	color: #b94a48;
	border-color: #ee5f5b !important;
}

input:focus:invalid:focus,
textarea:focus:invalid:focus,
select:focus:invalid:focus {
	border-color: #e9322d !important;
	-webkit-box-shadow: 0 0 6px #f8b9b7;
	 -moz-box-shadow: 0 0 6px #f8b9b7;
		  box-shadow: 0 0 6px #f8b9b7;
}

/*--------------------------------------------------------------
2.2 Button
--------------------------------------------------------------*/
.button,
.button:focus,
.button:visited {
    display: inline-block;
    border: 1px solid #000000;
    color :#000000;
    background-color: transparent;
    padding: 15px 30px;
    font-size: 17px;
    line-height: auto;
}

.button:hover,
.button:active{
    background-color: #000000;
    color: #fff;
}

.button-sp,
.button-sp:focus,
.button-sp:visited {
    border: none;
    background-color: #ffce1a;
    color: #000000;
}

.button-sp:hover,
.button-sp:active {
    background-color: #000000;
    color: #ffce1a;
}

.button-ps,
.button-ps:focus,
.button-ps:visited {
    border: none;
    background-color: #000000;
    color: #ffce1a;
}

.button-ps:hover,
.button-ps:active {
    background-color: #ffce1a;
    color: #000000;
}

/*--------------------------------------------------------------
2.3 Tag Cloud
--------------------------------------------------------------*/
.tagcloud a,
.tags-links .btn {
	margin: 0 5px 5px 0;
}

/*--------------------------------------------------------------
2.4 Social Icons
--------------------------------------------------------------*/
.social {
    list-style: none;
    float: none;
    position: relative;
    margin: 5px auto;
}

.social li {
    display: inline-block;
    line-height: 32px;
    font-family: 'Pluton';
    font-size: 32px;
    padding: 0 5px;
}

.social li a {
    margin: 0;
    padding: 0;
    width: 32px;
    height: 32px;
    color: #ffce1a;
}

.social li a:hover {
    color: #000000;
}

/*--------------------------------------------------------------
3.0 Layout
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}

.centered {
    margin-left:auto;
    margin-right:auto;
    float: none;
    text-align: center;
}

.center {
    float: none !important;
    margin: 0 auto !important;
    text-align: center;
}

.highlighted-box {
    background: #f4f8f9;
    padding: 20px 30px;
}

.highlighted-box h1 {
    margin: 0;
}

.large-text {
    line-height: 1.2em;
    font-size: 30px;
    color: #000000 !important;
    padding: 20px;
    margin-bottom: 20px;
}

.highlighted-box h1,
.highlighted-box p {
    color: #000000 !important;
}

.circle-border {
    display: inline-block;
    -webkit-border-radius: 500px;
     -khtml-border-radius: 500px;
	   -moz-border-radius: 500px;
	        border-radius: 500px;
    border: 3px solid #fff;
}

.left-align {
    text-align: left;
}

.right-align {
    text-align: left;
}

.error {
    color: #cf0000;
    display: none;
}

.invisible {
    display: none;
    visibility: visible;
}

.triangle {
    margin: 0 auto;
    text-align: center;
    width: 0;
    height: 0;
    border-top: 30px solid #000000;
    border-left: 585px outset transparent;
    border-right: 585px outset transparent;
    position: relative;
}

/*--------------------------------------------------------------
3.1 Animations
--------------------------------------------------------------*/
.zoom-in {
    -webkit-transform: scale(1, 1);
       -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
		 -o-transform: scale(1, 1);
    -webkit-transition: all 250ms ease;
       -moz-transition: all 250ms ease;
        -ms-transition: all 250ms ease;
         -o-transition: all 250ms ease;
		    transition: all 250ms ease;
}

.zoom-in:hover {
    -webkit-transform: scale(1.1, 1.1);
       -moz-transform: scale(1.1, 1.1);
        -ms-transform: scale(1.1, 1.1);
         -o-transform: scale(1.1, 1.1);
}

/*--------------------------------------------------------------
4.0 Widgets
--------------------------------------------------------------*/
.widget {
	clear: both;
	margin: 0 0 1.5em;
}

.widget ul li {
	list-style: none;
}

.widget ul,
.widget ol {
	padding-left: 10px;
	margin: 0 0 10px 5px;
}

.widget ul li:before {
	font-family: 'Pluton';
	content: '\e820';
	padding-right: 10px;
}

.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
4.1 Search Widget
--------------------------------------------------------------*/
.widget_search form {
	margin-top: 20px;
}

/*--------------------------------------------------------------
5.0 Header
--------------------------------------------------------------*/
/*--------------------------------------------------------------
5.1 Navbar
--------------------------------------------------------------*/
.navbar {
    background: #000;
    margin-bottom: 0;
    min-height: 60px;

	border-radius: 0;
    /*agregados para agrandar el menú
    min-height: 125px;
    padding-top: 60px;*/
}

.navbar-fixed-top {
    min-height: 60px;        
    
    padding-top: 0;
    /*agregados para agrandar el menú
    max-height: 60px;    */
}

.navbar-brand {
	/*padding: 10px 20px 10px;*/
    padding: 10px 0px 10px 20px;
}

.home-page .navbar-brand {
	padding: 10px 20px 10px;
    margin-right: calc(50% - 80px);
    margin-left: calc(50% - 80px);
}

.navbar .brand img {
    width: 120px;
    height: 40px;
}

.navbar .nav>li>a {
    text-transform: uppercase;
    line-height: auto;
    vertical-align: middle;
    margin: 10px 3px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    border: 1px solid #000000;
    box-shadow: none;
    font-size: 15px;
    text-shadow: none;
    color: #fff;
    transition: border-color 1s ease;
}

.navbar .nav>li:hover>a,
.navbar .nav>.active>a,
.navbar .nav>.active>a:hover,
.navbar .nav>.active>a:focus {
    border: 1px solid #FB7821;
    color: #fff;
    background-color: #000000;
    transition: border-color 1s ease;
}

.navbar-nav,
.nav>li>a:focus,
.nav>li>a:hover {
	background-color: #000000;
}

.navbar .nav>li>a {
	padding: 8px 15px;
}

.nav-pills {
    margin-bottom: 30px;
}

.nav-pills>li>a {
    background: transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin: 2px 5px 2px 0;
    padding: 8px 25px;
	line-height: 14px;
    border: 1px solid #000000;
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
	background: #000000;
	color: #fff;
}

.navbar .btn-navbar,
.navbar .btn-navbar:hover {
    border-radius:0;
    background: black url(lupa.png) center no-repeat;
    color: #000;
}

/*--------------------------------------------------------------
6.0 Homepage
--------------------------------------------------------------*/
/*--------------------------------------------------------------
6.1 Sections
--------------------------------------------------------------*/
.section {
    padding-bottom: 50px;
	color: #fff;
}


.section h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}

.section h1 {
    margin: 10px;
}

.section a {
	color: #000000;
}

.section a:hover {
    color: #ffce1a;
    text-decoration: none;
}

.section p {
	padding: 10px;
    font-weight: 100;
    color: #fff;
}

.section .container {
    padding-top: 50px;
}

.section .title {
    text-align: center;
    padding: 10px;
    margin-bottom: 30px;
}

.section .title h1 {
    font-weight: normal;
    margin-bottom: 20px;
    padding: 0;
}

.section .title>p {
    font-size: 20px;
    color: #fff;
    font-weight: lighter;
}

.section .thumbnail {
    width: 100%;
    height: 100%;
    padding: 0;
    overflow: hidden;
    position: relative;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    text-align: center;
    background: #191a1c;
}

.section .thumbnail .more {
    display: block;
    z-index: 4;
    position: absolute;
    top: -100px;
    left: 50%;
    margin: 0 auto;
    margin-left: -41px;
    width: 80px;
    height: 80px;
    font-size: 40px;
    color: #fff;
    text-decoration: none;
    line-height: 70px;
    text-align: center;
}

.section .thumbnail:hover .more {
    top: 40%;
    margin-top: -40px;
    -webkit-transition: all 0.3s ease-out;
       -moz-transition: all 0.3s ease-out;
        -o-transition: all 0.3 s ease-out;
        -ms-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
}

.section .thumbnail h3, 
.section .thumbnail p {
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 4;
}

.section .thumbnail h3 {
    color: #ffce1a;
    margin-top: 10px;
    font-size: 20px;
	line-height: 40px;
}

.section .thumbnail>p {
    padding-bottom: 20px;
}

.section .thumbnail .mask {
    opacity: 0.85;
    filter: alpha(opacity=85);
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000000;
    position: absolute;
    -webkit-transition: all 0.2s ease-out;
       -moz-transition: all 0.2s ease-out;
        -o-transition: all 0.2 s ease-out;
        -ms-transition: all 0.2s ease-out;
            transition: all 0.2s ease-out;
}

.section .thumbnail:hover .mask {
    top: 0;
}

.primary-section {
    background: #000000;
}

.primary-section .triangle {
    border-top: 40px solid #FB7821;
}

.primary-section .title {
    border-bottom: 1px solid #fff;
}

.primary-section,
.primary-section h3,
.primary-section .title p {
    color: #FB7821;
}

.primary-section h1 {
    color: #fff;
}

.secondary-section {
    background: #FB7821;
}

.secondary-section .title {
    border-bottom: 1px solid #000000;
}

.secondary-section h1,
.secondary-section .title p {
    color: #000000;
}

.third-section {
    padding-bottom: 70px;
    background: #000000;
    border-top: 6px solid #FB7821;
}

.third-section .container {
    padding-top: 20px;
    position: relative;
}

.third-section .title {
    border-bottom: 1px solid #a1aab7;
    color: #FB7821;
}

.sub-section {
    margin-top: 30px;
}

.sub-section .title {
    padding: 0;
}

/*--------------------------------------------------------------
6.2 Slider
--------------------------------------------------------------*/
.da-slide  a {
	text-decoration: none;
}

/*--------------------------------------------------------------
6.3 Services
--------------------------------------------------------------*/
.service{
    margin-top: 20px;
}

.service,
.service h2 {
    padding-top: 15px;
}

.service p {
    padding: 0px 50px;
    height: 60px;
}

.service img {
    width: 150px;
    height: 150px;
}

/*--------------------------------------------------------------
6.4 Portfolio
--------------------------------------------------------------*/
.single-project {
    margin-bottom: 30px;
    background :#000000;
}

.single-project .container {
	padding-top: 0;
}

.single-project [class*="col"]:first-child {
	padding-left: 0;
}

.single-project img {
    max-width: 100%;
}

.project-description {
    padding-right: 40px;
}

.project-description p {
    padding-left: 0;
}

.project-title {
    margin-top: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #FB7821;
}

.project-title h3 {
    float: left;
    margin-top: 5px;
    padding: 0;
    width: 80%;
}

.project-title .close {
    color: #FB7821;
    margin-top: 10px;
}

.project-info span,
.project-title h3 {
    color:#FB7821;
}

.project-info {
    font-weight: 100;
    padding: 10px 0;
}

.project-info a {
	color: #fff;
}

.project-info span {
    width: 100px;
    display: inline-block;
}

.project-info div {
    margin-bottom: 5px;
}

.close {
    float: right;
    width: 40px;
    height: 40px;
    text-align: center;
}

#portfolio-grid {
	padding-left: 0;
}

#portfolio-grid .mix {
    opacity: 0;
    display: none;
}

/*--------------------------------------------------------------
6.5 About
--------------------------------------------------------------*/
.team .thumbnail {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 10px;
    border: 1px solid #fff;
}

.team .thumbnail:hover .social {
    z-index: 5;
}

.team .thumbnail:hover .social a {
    color:#fff;
}

.team .thumbnail .mask {
    background: #FB7821;
}

.team .thumbnail .mask h2 {
    margin-top: 20%;
}

.team .thumbnail .mask,
.team .thumbnail .mask h3,
.team .thumbnail .mask p,
.team .thumbnail:hover h3,
.team .thumbnail:hover .social a:hover {
    color:#181a17;
}

.team  .social,
.skills {
	padding-left: 0;
}

.skills {
    list-style-type: none;
    position: relative;
    margin:0px;
}

.skill-title {
	margin-top: 30px;
}

.skills li {
    margin-bottom: 30px;
    background: #fff;
    height: 40px;
    padding: 1px;
}

.skills li h3 {
    position: relative;
    font-size: 15px;
	line-height: 40px;
    padding:0;
    margin:0;
    left: 10px;
    z-index: 1;
    color: #000000;
}

.skills li .bar {
    height: 38px;
    position: absolute;
    background-color: #FB7821;
}

/*--------------------------------------------------------------
6.6 Call to Action
--------------------------------------------------------------*/
#call-to-action a:hover {
	color: #fff;
}

/*--------------------------------------------------------------
6.7 Client
--------------------------------------------------------------*/
.client-slider img {
    border: 1px solid white;
}

.client-slider img:hover {
    background-color: #FB7821;
}

.client-nav {
    list-style: none;
    margin-top: 10px;
}

.client-nav li {
    float: left;
    display: block;
    margin-left: 10px;
}

.client-nav li a {
    display: inherit;
    padding: 6px 3px 5px 5px;
    background: #FB7821;
    border-radius: 3px;
}

.client-nav li a:hover {
    background: #000000;
}

.testimonial p {
    color: #000000;
    background: #FB7821;
    padding: 15px;
    margin: 0;
}

.testimonial .arrow {
    margin-left: 10px;
    width: 0;
    border-top: 10px solid #FB7821;
    border-left: 20px outset transparent;
    border-right: 20px outset transparent;
}

.testimonial .whopic {
    display: inline-block;
}

.testimonial .whopic img {
    margin-top: 10px;
    width: 50px;
    height: 50px;
    float: left;
}

.testimonial .whopic strong {
    float: left;
    margin-top: 10px;
    padding-left: 10px;
}

.testimonial .whopic small {
    display: block;
    font-size: 12px;
    
}

.bx-wrapper ul {
	margin-left: 0;
}

/*--------------------------------------------------------------
6.8 Blog
--------------------------------------------------------------*/
#blog a:hover {
	color: #fff;
}

.blog-list {
	margin-bottom: 30px;
}

.blog-list ul {
	margin-left: 0;
}

.timeline {
    position: relative;
    padding: 0;
    list-style: none;
}

.timeline:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 47px;
    width: 2px;
    margin-left: -10px;
    background-color: #f1f1f1;
}

.timeline a:hover {
	color: #fff
}

.timeline>li {
    position: relative;
    margin-bottom: 50px;
    min-height: 50px;
}

.timeline>li:before,
.timeline>li:after {
    content: " ";
    display: table;
}

.timeline>li:after {
    clear: both;
}

.timeline>li .timeline-panel {
    float: right;
    position: relative;
    padding: 0 20px 0 100px;
    text-align: left;
}

.timeline>li .timeline-panel:before {
    right: auto;
    left: -15px;
    border-right-width: 15px;
    border-left-width: 0;
}

.timeline>li .timeline-panel:after {
    right: auto;
    left: -14px;
    border-right-width: 14px;
    border-left-width: 0;
}

.timeline>li .timeline-image {
    z-index: 100;
    position: absolute;
    left: 0;
    width: 80px;
    height: 80px;
    margin-left: 0;
    border: 7px solid #f1f1f1;
    border-radius: 100%;
    text-align: center;
    color: #fff;
}

.timeline>li .timeline-image h3 {
    margin-top: 12px;
    font-size: 10px;
    line-height: 14px;
}

.timeline>li.timeline-inverted>.timeline-panel {
    float: left;
    padding: 0 20px 0 100px;
    text-align: left;
}

.timeline>li.timeline-inverted>.timeline-panel:before {
    right: auto;
    left: -15px;
    border-right-width: 15px;
    border-left-width: 0;
}

.timeline>li.timeline-inverted>.timeline-panel:after {
    right: auto;
    left: -14px;
    border-right-width: 14px;
    border-left-width: 0;
}

.timeline>li:last-child {
    margin-bottom: 0;
}

.timeline .timeline-heading h3 {
    margin-top: 0;
    color: inherit;
}

.timeline .timeline-heading h3.subheading {
    text-transform: none;
	line-height: 30px;
	margin-top: 5px;
}

.timeline .timeline-heading span {
    color: #000000;
}

.timeline .timeline-body>p,
.timeline .timeline-body>ul {
    margin-bottom: 0;
}

/*--------------------------------------------------------------
6.9 Newsletter
--------------------------------------------------------------*/
.newsletter, .newsletter h2 {
    color: #d7ddde;
}

.newsletter .title h2 {
    text-align: left;
    padding: 0;
    margin: 0;
}

.newsletter form {
    text-align: left;
	margin-top: 10px;
}

.newsletter input {
    padding: 14px;
    height: auto;
}

.newsletter .button-sp:hover, .newsletter .button-sp:active {
    background-color: #fff;
    color: #000000;
}

/*--------------------------------------------------------------
6.10 Contact
--------------------------------------------------------------*/
.contact {
    background: #FB7821;
}

.contact h1,
.contact h2,
.contact h3,
.contact h4,
.contact h5,
.contact h6,
.contact .social>li>a ,
.contact .section .title>p {
    color: #000000;
}

.contact textarea,
.contact input[type="text"],
.contact input[type="email"] {
    padding: 10px;
    line-height: 20px;
    height: auto;
	margin-bottom: 20px;
	border: 1px solid #cccccc;
}

.contact textarea {
    height: 120px;
}

.contacts,
.contact .social {
    color: #fff;
    list-style: none;
}

.contact i {
	margin-right: 5px;
}

.contacts>li {
    margin-top: 15px;
}

.contacts>li>a {
    color: #fff;
}

.contact-info {
    margin-top: 10px;
    margin-bottom: 10px;
}

.contact-info p{
     font-weight: normal;
	 line-height: 25px;
}

.contact-info .icon {
    margin: 10px auto;
    font-size: 30px;
}

.map-wrapper {
    position: relative;
    height: 100%;
}

.map-canvas {
    position: absolute;
    margin-bottom: 20px;
    width: 100%;
    height: 100%;
    color: #29383f;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
}

.contact .social {
    display: inline-block;
    padding-left: 0;
}

.contact .social li {
    line-height: 32px;
    padding: 10px 5px;
    font-family: 'Pluton';
    font-size: 50px;
    transition: margin 0.4s;
    -webkit-transition: margin 0.4s;
}

.contact .social li a {
    color: #fff;
}

.contact .social li a:hover {
    color: #000000;
}

.contact-form {
    background: rgba(255, 255, 255, 0.9);
    z-index: 110;
    position: relative;
    margin-top: -25px;
    padding: 20px;
	text-align: center;
}

.contact-form h3 {
    color: #838589;
    padding-bottom: 20px;
}

.message-btn {
    border: 1px solid #747C89;
    color: #747c89;
    background-color: transparent;
    padding: 15px 30px;
    font-size: 17px;
}

.message-btn:hover {
    background-color:#FB7821;
}

.contact-info {
    text-align: center;
    font-size: 22px;
}

.info-address {
    border: 1px solid white;
    width: 60%;
    margin: 0 auto;
    padding: 15px;
    color: #000000 !important;
}

.black {
    color: #000000;
}

/*--------------------------------------------------------------
7.0 Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
7.1 Posts and Pages
--------------------------------------------------------------*/
#primary,
#secondary {
	margin-top: 50px;
}

.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

.pager li>a {
	margin-bottom: 10px;
}

.page-header {
	margin: 20px 20px 30px;
}

/*--------------------------------------------------------------
7.2 Post Meta
--------------------------------------------------------------*/
.entry-meta>span {
	margin-right: 5px;
	display: block;
}

.entry-meta span:last-child {
	margin-right: 0;
}

.entry-meta span a {
	text-decoration: none;
}

.entry-meta {
	margin: 15px 0;
}

.entry-footer {
	color: inherit;
}

.posted-on a, .byline a {
	text-decoration: none;
}

/*--------------------------------------------------------------
7.3 Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/*--------------------------------------------------------------
7.4 Comments
--------------------------------------------------------------*/
.comment-content a {
	-ms-word-wrap: break-word;
	    word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

.comments-title,
.comment-reply-title {
	padding-bottom: 9px;
	margin: 40px 0 20px 0;
}

ol.comment-list {
	list-style:none;
	padding-left: 0;
}

.comment-author .avatar {
	margin: 5px 15px 0 0;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
	     -o-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
}

.comment-meta {
	margin-bottom: 5px;
}

.comment-details {
	overflow: hidden;
	zoom: 1;
	margin-bottom: 25px;
	padding-bottom: 25px;
}

.comment-details .reply {
	margin-top: 10px;
}

.comment-date a {
	margin-right: 10px;
}

#commentform #comment {
	width: 98% !important;
}

/*--------------------------------------------------------------
7.5 404
--------------------------------------------------------------*/
.error404 .input-append {
	margin: 10px 0;
}

/*--------------------------------------------------------------
8.0 Footer
--------------------------------------------------------------*/
.footer {
    background: #000000;
    text-align: center;
}

.footer a {
    color: #FB7821;
}

.footer>p {
    color: #fff;
	margin: 0;
    padding: 10px;
}

.scrollup {
    text-align: center;
    cursor: pointer;
    vertical-align: middle;
    width: 30px;
    height: 39px;
    border-radius: 5px;
    font-size: 20px;
    position: fixed;
    bottom: 40px;
    right: 1px;
	border: 1px solid #fff;
    display: none;
    background: #F99F64;
}

.scrollup>a {
    position: relative;
    top: 7px;
    color: #fff;
}

.home-page #colophon{
    position: absolute;
    bottom: 0;
    width: 100%;
}

.calificacion-ponderada
{
    font-size: 65px;
    font-weight: 900;
}

/*--------------------------------------------------------------
9.0 Media
--------------------------------------------------------------*/
.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object,
img {
	max-width: 100%;
}
embed, iframe
{

    height: auto;
    width: 100%;
    /*max-width:570px;*/
    margin: 0px auto !important;
    display: block;
    /*max-height: 50px !important;
    max-width: 50px !important;
    display:block !important;*/
}

img {
	height: auto;
}

.post-thumbnail {
	display: block;
	position: relative;
	width: 100%;
	z-index: 0;
}

.post-thumbnail .featured  {
	display: block;
	margin: 0 auto;
	-webkit-transition: all 0.3s linear;
	   -moz-transition: all 0.3s linear;
         -o-transition: all 0.3s linear;
		    transition: all 0.3s linear;
}

.post-thumbnail .featured:hover {
	opacity: 0.8;
}

/*--------------------------------------------------------------
9.1 Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}

.wp-caption-text {
	text-align: center;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

/*--------------------------------------------------------------
9.2 Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

.panel-results-search{
    min-width: calc(100% - 15px); 
    position: absolute; 
    top:40px; 
    left: 15px; 
    display: none;
}

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
    text-decoration: none;
    color: #ffffff;
    background-color: #b4b4b4;
}


.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #171714;
    white-space: nowrap;
}

/*--------------------------------------------------------------
10.0 Media Queries 
--------------------------------------------------------------*/
/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
	.entry-meta>span {
		display: inline-block;
	}
}

/* Small Devices, Tablets */
@media (min-width:767px) {
	.single-project [class*="col"] {
		padding-right: 0;
	}

	.navbar-right {
		margin-right: 0;
	}
}

@media (max-width:767.home-page #content .bose formpx) {
    .info-address {
        width: 90%;
        padding: 15px 0px;
    }
	
	.project-description {
        padding: 0 10px;
    }

    .home-page #home {
        display: flex;
    }

    .home-page #content{
        height: calc(100% - 20px);
    }
}

@media only screen and (min-width : 768px) {
	.timeline:before {
        left: 50%;
    }

    .timeline>li {
        margin-bottom: 100px;
        min-height: 100px;
    }

    .timeline>li .timeline-panel {
        float: left;
        width: 40%;
        padding: 0;
        text-align: right;
    }

    .timeline>li .timeline-image {
        left: 50%;
        width: 100px;
        height: 100px;
        margin-left: -55px;
    }

    .timeline>li .timeline-image h3 {
        margin-top: 16px;
        font-size: 13px;
        line-height: 18px;
    }

    .timeline>li.timeline-inverted>.timeline-panel {
        float: right;
        padding: 0;
        text-align: left;
    }

	.post-inner-content {
		padding: 15px 30px;
	}
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
    .timeline>li {
        min-height: 150px;
    }

    .timeline>li .timeline-panel {
        padding: 10px 0;
    }

    .timeline>li .timeline-image {
        width: 150px;
        height: 150px;
        margin-left: -83px;
    }

    .timeline>li .timeline-image h3 {
        margin-top: 30px;
        font-size: 18px;
        line-height: 26px;
    }

    .timeline>li.timeline-inverted>.timeline-panel {
        padding: 10px 0;
    }

	.newsletter button {
		margin: 0 0 0 20px;
	}
}

@media (max-width: 979px) {
    body {
        padding-left: 0;
        padding-right: 0;
    }

	.navbar-fixed-top, .navbar-fixed-bottom {
        position: fixed;
    }

    .navbar .nav>li>a {
        line-height: 20px;
        vertical-align: middle;
    }

    .navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top {
        margin-left: 0;
        margin-right: 0;
    }

    .navbar-header {
        float: none;
        text-align: center;
        margin:auto;
    }

    .navbar-toggle {
        /*display: block;*/
    }

    .navbar-collapse {
        border-top: 0px solid transparent;/*se cambió el border-top de 1px a 0 para que no salga ese pixel separando el menu cuando colapsa*/
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }

    .home-page .navbar-collapse.collapse {
        display: none!important;
    }

    .home-page .navbar-nav {
        float: none!important;
		display:none;
	}

    .home-page .collapse.in{
  		display:block !important;
	}

    .thumbnail .more {
        margin-left: -21px;
        width: 40px;
        height: 40px;
        border-radius: 30px;
        line-height: 40px;
    }

    .thumbnail:hover .more {
        margin-top: -20px;
    }

    .newsletter form {
        text-align: center;
    }

    .calificacion-ponderada
    {
        font-size: 60px;
        font-weight: 900!important;
    }

    .index-1
    {
        /*z-index: 1;*/
    }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
    .thumbnail .more {
        margin-left: -40px;
        width: 80px;
        height: 80px;
        border-radius: 40px;
        line-height: 80px;
    }

    .timeline>li {
        min-height: 170px;
    }

    .timeline>li .timeline-panel {
        padding: 10px 20px 10px 0;
    }

    .timeline>li .timeline-image {
        width: 170px;
        height: 170px;
        margin-left: -93px;
    }

    .timeline>li .timeline-image h3 {
        margin-top: 40px;
    }

    .timeline>li.timeline-inverted>.timeline-panel {
        padding: 10px 0 10px 0;
    }
}


/*AGREGADOR POR PEDRO*/

#search {
    
    margin: 10px 10px 5px 10px;
    /*padding-left: 20px;*/
}

#search_text{
    background: url(lo_que_buscas.png) no-repeat scroll 10px 7px;
    background-color: white;
    width: 100%;
    padding: 10px 0 10px 20px;
    padding-left: 45px;
    font-size: 16px;
    border: 0 none;
    height: 40px;
    margin-right: 0;
    color: black;
    outline: none;
    /*background: #F99F64;*/
    float: left;
    transition: all 0.15s;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#ciudades_autocompletable_slider, .select2.select2-container{
    background: url(donde-lo-buscas.png) no-repeat scroll 7px 7px;
    background-color: white;
    width: 100% !important;
    font-size: 16px;
    border: 0 none;
    height: 40px;
    margin-right: 0;
    color: black;
    outline: none;
    /*background: #F99F64;*/
    /*float: left;*/
    box-sizing: border-box;
    transition: all 0.15s;
    border-radius: 0px;
    z-index: 1; 
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}


.select2-selection__arrow{
    display: none;
}

.select2-selection__rendered{
    padding-right: 0px !important;
}

.select2.select2-container > .selection > .select2-selection {
    border: none;
    height: 40px;
    padding: 5px 0 10px 20px;
    padding-left: 25px;
    background: transparent;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #cacaca !important;
}

.select2-results{
    color: #000;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #ffffff !important;
    border: 1px solid #fff !important;
}

#ciudades_autocompletable, .select2.select2-container.select2-container--default.select2{
    background: url(donde-lo-buscas.png) no-repeat scroll 7px 7px;
    background-color: white;
    width: 100% !important;
    min-width: 100% !important;
    font-size: 16px;
    border: 0 none;
    height: 40px;
    margin-right: 0;
    color: black;
    outline: none;
    /*background: #F99F64;*/
    /*float: left;*/
    box-sizing: border-box;
    transition: all 0.15s;
    border-radius: 0px;
    z-index: 1; 
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.select2-container--default .select2-search--inline .select2-search__field {
    border: none;
    outline: 0 !important;
    box-shadow: none;
    width: 100% ;
}


::-webkit-input-placeholder { /* WebKit browsers */
    color: #D0CECB;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: black;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: black;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: black;
}
#search_text:focus {
    /*background: #FAB485;*/
}
#ciudades_autocompletable:focus, #ciudades_autocompletable_slider:focus {
    /*background: #FAB485;*/
    z-index: 1;
}
#search_button {
    border: 0 none;
    background: white url(search.png) center no-repeat;
    /*background: #F99F64 url(search.png) center no-repeat;*/
    width: 44px;
    float: left;
    padding: 0;
    text-align: center;
    height: 40px;
    cursor: pointer;
}

#search_button_slider {
    border: 0 none;
    background: white url(search.png) center no-repeat;
    /*background: #F99F64 url(search.png) center no-repeat;*/
    width: 50px;
    float: left;
    padding: 0;
    text-align: center;
    height: 50px;
    cursor: pointer;
}


#map{
    width: 100%;
    height: 600px;
    background-color: #CCC;
}

#map_sitio3{
    width: 100%;
    height: 400px;
    background-color: #CCC;
}

/*INICIO BLOQUE TRAIDO DEL ENCABEZADO DE LA PÁGINA TULUA.PHP*/
.da-slider 
{
    /*background: transparent url(http://pluton.themeart.co/wp-content/uploads/2015/01/slider.jpg) repeat-x 0% center;
    comentado para el slider*/
}
.client-bg
{
    background: url(http://pluton.themeart.co/wp-content/uploads/2015/01/brand-bg.png) no-repeat center;
}
.newsletter-bg 
{
    background: url(http://pluton.themeart.co/wp-content/uploads/2015/01/brand-bg.png) no-repeat center;
} 
.recentcomments a
{
    display:inline !important;padding:0 !important;margin:0 !important;
}

/*FIN BLOQUE TRAIDO DEL ENCABEZADO DE LA PÁGINA TULUA.PHP*/


#boxlistado 
{
    border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
    /*border: 1px outset #919191;*/
    min-height: 110px;
    width: 100%;
    /*-webkit-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.51);
    -moz-box-shadow:    2px 2px 5px 0px rgba(50, 50, 50, 0.51);
    box-shadow:         2px 2px 5px 0px rgba(50, 50, 50, 0.51);*/
    /*padding: 3px;    */
         max-width: 100%;
}


/*INICIO ESTILOS CAJITA PUBLICACIÓN LISTADO*/

#subcontenedor_superior_publicacion {
    height: 110px;
    width: 100%;
    /*background: rgb(202, 116, 20) none repeat scroll 0% 0% / auto padding-box border-box;*/
    background-color: white;
    /*-webkit-border-top-left-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-bottomleft: 6px;*/
}/*#DIV_2*/


#IMG_7 {
    /*-webkit-border-top-left-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-bottomleft: 6px;*/
    color: rgba(0, 0, 0, 0.843137);
    display: block;
    height: 100%;
    width: 100%;
    
    text-align: center;
    vertical-align: middle;    
}/*#IMG_7*/

#contacto_publicacion {
    box-sizing: border-box;
    color: white;
    position: relative;
    width: 100%;
    margin-top: 10px;
    font-size: 13px;
}/*#DIV_8*/

#subcontenedor_inferior_publicacion {

    box-sizing: border-box;
    min-height: 110px;
    left: 0px;
    position: relative;
    right: 0px;
    top: 0px;
    width: 100%;
    background: white;
    padding: 0px;
    margin-bottom: 0px;
    padding: 4px;
}/*#DIV_10*/

#parrafo_publicacion {
    font-family: 'Open Sans';
    font-style: normal;
    font-variant: normal;
    color: #333333;
    width: 100%;
    font-size: 13px;
    padding-top: 5px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}/*#P_11*/

#parrafo_publicacion_titulo {
    font-family: 'Open Sans';
    font-style: normal;
    font-variant: normal;
    color: #333333;
    width: 100%;
    font-size: 14px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    padding-top: 10px;
}/*#P_11*/

#titulo_publicacion {
    font-family: 'Open Sans';
    font-style: normal;
    font-variant: normal;
    color: #e06618;
    border: 0px none rgb(124, 130, 130);
    font-size: 14px;
    font-weight: 700;
    line-height: 15px;
    outline: rgb(124, 130, 130) none 0px;
    text-align: left;
    letter-spacing: -0.3px;
white-space: normal !important;
}/*#DIV_3*/

#sociales_publicacion
{   
    position: absolute;
    bottom: 4px;
    right: 2px;
    min-width: 78px;
    text-align: center;
}

.contenedor-estrellas-sucursales{
    padding: 0px 2px 0 5px;
}

#estrellas
{
    margin-top: -2px;
    height: 18px;
    float: right;    
    padding-right: 0px;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border: 0px solid #000000;
    background-color: #fff;
    min-width: 78px; /* Linea añadida por mairon*/
}


/*FIN ESTILOS CAJITA PUBLICACIÓN LISTADO*/

.fixed {
        position: fixed;

}
.scrollit {
        float: left;
}

/*inicio estilos traidos de bootstram.min.css para acomodar la barra del menú*/

.navbar-toggle{
    position:relative;
    float: none;
    /*margin-right:5px;
    padding:6px 6px;
    margin-top:0px;
    margin-bottom:0px;
    margin-left:5px;*/
    height: 29px;
    width: 29px;
    margin-right:5px;
    padding:0px 0px;
    margin-top:5px;
    margin-bottom:0px;
    margin-left:0px;
    }
.navbar-nav {
    margin:0px;
}

/*fin estilos traidos de bootstram.min.css para el acomodar la barra del menú*/

#imagen_publicacion_principal {
    box-sizing: border-box;
    color: rgba(0, 0, 0, 0.843137);
    margin: 0 auto;  
    height: 500px;
    min-height: 1px;
    position: relative;
    text-align: center;
    width: 100%;
    border: 0px none rgba(0, 0, 0, 0.843137);
    outline: rgba(0, 0, 0, 0.843137) none 0px;    
}/*#DIV_6*/


/*estilos cajas parte 3*/

#boxinfogral
{
    border-radius: 1px 1px 1px 1px;
    border: 1px solid #ada8ad;
    /*height: 230px;*/
    margin-bottom: 10px;
    width: 100%;
}

#titulo_publicacion_parte3 {
    font-family: 'Open Sans';
    font-style: normal;
    font-variant: normal;
    font-weight: 600;
    color: #e06618;
    width: 100%;
    font-size: 18px;
    text-align: left;
    padding-top: 10px;
    padding-left: 10px;
}

#subtitulo_publicacion_parte3 {
    font-family: 'Open Sans';
    font-style: normal;
    font-variant: normal;
    color: #b2b2b2;
    width: 100%;
    font-size: 15px;
    text-align: left;
    padding-top: 0px;
    padding-left: 10px;
}

#estrellas_parte3
{
    height: 25px;
    font-family: 'Open Sans';
    font-style: normal;
    font-variant: normal;
    color: #333333;
    width: 95%;
    font-size: 13px;
    text-align: left;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border: 0px solid #000000;
    background-color: #fff;
    margin: 5px 10px;
}

#sociales_publicacion_parte3
{
    position: absolute;
    bottom: 20px;
    right: 5%;
}

#boxvideo
{
    border-radius: 1px 1px 1px 1px;
    border: 0px solid #ada8ad;
    margin-bottom: 10px;
    width: 100%;
}

#boximagenes
{
    border-radius: 1px 1px 1px 1px;
    border: 1px solid #ada8ad;
    height: 320px;
    margin-bottom: 10px;
    width: 100%;
}

#boxservicios
{
    border-radius: 1px 1px 1px 1px;
    border: 1px solid #ada8ad;
    min-height: 265px;
    margin-bottom: 10px;
    width: 100%;
    padding: 0 0 10px;
}

#boxhorario
{
    border-radius: 1px 1px 1px 1px;
    border: 1px solid #ada8ad;
    min-height: 265px;
    margin-bottom: 10px;
    width: 100%;
}

#titulocomentario
{
    font-family: 'Open Sans';
    font-style: normal;
    font-variant: normal;
    color: black;
    width: 100%;
    font-size: 14px;    
    padding: 0px;
    padding-bottom: 5px;
    margin-bottom: 0px;
}

#boxcomentario
{
    background-color: #f2f1ef;
    padding: 10px;
    height: 300px;
    margin-bottom: 10px;
}

#btn_enviar_comentario {
    border: 0 none;
    background-color: #e06618;
    /*background: #F99F64 url(search.png) center no-repeat;*/
    width: 100px;
    float: left;
    padding: 0;
    text-align: center;
    height: 40px;
    cursor: pointer;
}

/*estilos barra de scroll*/

::-webkit-scrollbar {
    width: 12px;
}
 
/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: white; 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(255,0,0,0.4); 
}

#cuadrado
 {
    background-size: 90% !important;
    background-color: white;
    float:none;
    position: relative;
    width: 100%;
    padding-bottom : 30%; /* = width for a 1:1 aspect ratio */
    
    background-position:center center;
    background-repeat:no-repeat;
    background-size:contain; /* you change this to "contain" if you don't want the images to be cropped */
    z-index: 5;
    height: 110px;

    margin: auto;
    max-width: 110px;
}

.progress
{
  margin: 0px auto;
  border-radius: 1px;
  height: 10px;
  background-color: #ebebeb;
  padding: 0 !important;
  border-radius: 25px;
}

.progress-bar
{
  background-color: #ff6600;
  border-radius: 25px;
  border: 1px solid #ddd;
  box-shadow: none;
  float: left;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
}

.no-padding
{
  padding: 0px;
}

.no-margin
{
  margin: 0px;
}



@media (min-width: 1400px) { 
    .pepito
    {
        width: 35%;
    }

    #estrellas {
        text-align: right;
        padding-right: 2px !important;
        min-width: 100%;
    }

    .mensaje-votacion {
        width: 100%;
        text-align: right;
        margin-top: 3px;
    }

}

#panoramica {        
    height: 370px;
    width: 100%;
  }


@media (min-width: 767px) { 
    .listado_sitios
    {
        /*height: calc(100% - 223px) !important;*/
    }

    body.home-page{
        background: url('../../images/sliders/background-inicio.jpg');
        background-size: cover !important;
    }
}

@media(max-width: 980px) {
    /*.navbar-toggle{
        display: block;
    }*/
    
    .solo-escritorio{
        display: none;
    }
    

    #boxservicios
    {
        min-height: inherit !important;
    }

    #boxhorario
    {
        min-height: inherit !important;
    }
}

@media (min-width: 1700px) { 
    .banner_listado
    {
        margin: 0 auto;
        /*max-width: 670px !important;
        height: 205px !important;*/
    }
    /*embed, iframe
    {
        height: 215px !important;

        max-width: 670px !important;
    }

    .listado_sitios {
        height: calc(100% - 258px);
    }*/
}

@media (max-width: 768px) {
    .contenedor-buscador {
        max-width: 100%;
        margin-left: 0 !important;
    }

    #search_text, #ciudades_autocompletable{
        font-size: 18px !important;
    }

    #home{
         display:flex;
    }

    #parrafo_publicacion{
        font-size: 15px !important;
    }

    ::-webkit-scrollbar{
        width: 0px !important;
    }

    #page{
        width: 100% !important;
    }

    .listado_sitios::-webkit-scrollbar{
       width: 0px !important;
    }

    #boxservicios
    {
        min-height: inherit !important;
    }

    #boxhorario
    {
        min-height: inherit !important;
    }

    .select2-container--default .select2-search--inline .select2-search__field {
        width: 100% !important;
    }

    .panel-logo-sitio-interno {
        float: none !important;
        width: 214px;
        margin-right: calc(50% - 107px);
        margin-left: calc(50% - 107px);
    }

    .panel-buscador-sitio-interno {
        width: 100%;
        margin-bottom: 5px;
    }

    #buscadorOPE{
        margin: auto !important;
        width: auto !important;
        height: auto !important;
    }

    .modal-body .calificar-lugar-estrella
    {
        font-size: 20px!important;
    }

    .nombres-invitado-modal
    {
        padding-left: 5px!important;
    } 

    .modal-backdrop.fade.in
    {
        height: 0px!important;
    }

    .modal.fade.modal-general.in
    {
        top:25%!important;
        width: 95%!important;
    }
}

@media (max-width: 600px) {
    .telefonos-sucursales-movil{
        display: table-cell!important;
    }

    .telefonos-sucursales{
        display: none ;
    }
}

@media (max-width: 500px) {
    .contenedor3
    {
        padding-right: 10px !important;
        padding-left: 10px !important;        
    }
    /*.banner_listado
    {
        height: 117px !important;
    }    */

    /*.listado_sitios
    {
        height: calc(100% - 170px) !important;*/
        /*margin-left: 3px !important;
    margin-top: 10px; quitado pro mairon 
    }*/

    #panoramica {        
        height: 240px;/*370*/
        width: 100%;
      }
   

    form.ng-pristine.ng-valid{
        width: 98%;
    }

    .navbar-collapse> .row{
       padding-bottom: 10px;
    }

    #titulo_publicacion{
        font-size: 12px;
    }

    #parrafo_publicacion{
        font-size: 13px !important;
    }
}


@media (max-width: 350px) {
    .tabla-sucursales td{
        display: block !important;
        text-align: center;
        width: 100% !important;
    }

    td.telefonos-sucursales{
        display: none !important;
    }

    .modal-general .tabla-sucursales #titulo_publicacion {
        text-align: center;
    }
}

/*código para hacer responsive los 2 plugins de face*/
.fb-comments, .fb-comments iframe[style], .fb-comments span {
   width: 100% !important;
}


/*código para mejorar el home page en resoluciones altas*/
@media (min-height: 900px) { 
    .da-slider
    {
        height: 1000px !important;
    }
    .bose-holder
    {
        height: 1000px !important;
    }
}

@media (min-width: 950px) and (max-width:1200px)
{
    .calificacion-ponderada
    {
        font-size: 35px;
    }

    .calificacion-ponderada-y-estrellas i.btn-estrella
    {
        font-size: 14px!important;
    }

    .fb-page.fb_iframe_widget.fb_iframe_widget_fluid span
    {
        width: 100%!important;
    }

}

/*@media only screen and (min-device-width : 375px) and (max-device-width : 667px) {
    embed, iframe
    {

        width:300px !important;
        height: 300px !important;
    }

}*/