/*	################################################################

        File Name: style.css
        Template Name: Jollyany
        Created By: Filiz OZER
        http://themeforest.net/user/jollythemes
        
        1) SKELETON
        2) TOPBAR & HEADER
        3) FOOTER STYLES
        4) SIDEBAR & WIDGETS
        5) SHOP STYLES
        6) BUDDYPRESS STYLES
        7) PORTFOLIO STYLES
        8) PARALLAX SECTIONS
        9) MODULES
        10) BLOG STYLES
        11) ANIMATIONS
        12) RESPONSIVENESS
        13) COLOR SCHEMES
        14) BLOG FULL WIDTH
        15) BLOG 3 COLUMNAS
        
        
    
    /*Referente a Galeria
    
    !Important para modificar la direccion de las imagenes de la galeria hay que hacerlo en:
    www/assets/plgn/fancybox/source/jquery.fancybox.js en la linea 1892
    
    */
################################################################# */ 

/* ----------------------------------------------------
        SKELETON
------------------------------------------------------- */

body {
    font-family: 'Lato',sans-serif;
    font-weight: 300;	/*!important grosor del texto genreal de la web*/
    font-size:15px;		/*!important TAMA�O DE TEXTO GENERAL DE LA WEB*/
    color:#777777;
    line-height:175%;		
    background-color: white;
    background-repeat:repeat;	/*!important repeticion del fondo de la web*/
}


h1,h2,h3,h4,h5,h6{ 
    letter-spacing:0px;
    font-weight:normal;
    position: relative;
    padding: 0 0 10px 0;         
    font-weight:normal;	/* !important grosor de los H*/
    font-family: 'PT Sans',sans-serif;
    line-height:140%; 	/*!important alineacion vertical de los H,titulos*/
    color:#777777;
}
h1{
    font-size: 22px;		/*!important tama�o especifico del h*/
}
h2{
    font-size: 20px;		/*!important tama�o especifico del h*/
}
h3{
    font-size: 18px;		/*!important tama�o especifico del h*/
}
h4{
    font-size: 16px;		/*!important tama�o especifico del h*/
}
h5{
    font-size: 14px; 	/*!important tama�o especifico del h*/
}
h6{
    font-size: 13px;		/*!important tama�o especifico del h*/
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
    color:#020202; /*!important color de los enlaces en los h*/
    text-decoration:none; /*!important subrayado de los enlaces en los h*/
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover{
    color:#777777; /*!important color de los enlaces cuando el raton esta encima, en los h*/
}
a { /*estilo de los enlaces en la pagina*/
    color:#222222; /*!important color general de todos los enlaces*/
    padding: 0;
    margin: 0;
    text-decoration: none; 
    -webkit-transition: background-color .2s linear, color .2s linear;
    -moz-transition: background-color .2s linear, color .2s linear;
    -o-transition: background-color .2s linear, color .2s linear;
    -ms-transition: background-color .2s linear, color .2s linear;
    transition: background-color .2s linear, color .2s linear;
}
a:hover,
a:focus {
    text-decoration: none;
    color:#777777;
}
a.readmore {
    display:block;
    font-style:italic;
}
a.navbar-brand { /*estilo del enlace en el logo*/
    /* background: url() no-repeat scroll left top rgba(0, 0, 0, 0); */ 
    color: #777777; /*!important cambia el color enlace del logo*/
    font-size: 35px;
    font-weight: 400; /*!important cambia el grosor del enlace del logo*/
    margin-top: 0;
    padding-left: 0px !important;
    line-height: 36px;
}
	a.remove{  /* estilo del boton para borrar */
    display:block;
    height:18px;/*!important alto del enlace*/
    width:18px;	/*!important ancho del enlace*/
    margin:10px;
    padding-left:0 !important;
    text-indent:-9999px;
    background:url(../images/remove.png) #798184; /*!important cambia la imagen y el color de fondo en el enlace*/
    border-radius:100px;	 /*!important redondea en enlace hasta hacerlo un circulo*/
    border-style:solid;	 /*!important cambia el estilo de los bordes*/
    border-width:1px;	 /*!important cambia el grosor del borde*/
}	



.textoblanco {
  	color: #fff;
    letter-spacing:0px;
    font-weight:normal;
    position: relative;
    padding: 0 0 10px 0;         
    font-weight:normal;	/* !important grosor de los H*/
    font-family: 'PT Sans',sans-serif;
    line-height:140%; 	/*!important alineacion vertical de los H,titulos*/


}

textoblanco a{
  	color: #fff; /*!important color en reposo de los enlaces en el textoblanco*/
    text-decoration:none; /*!important subrayado de los enlaces en los h*/
}





ul {
    padding-left:0;
}
.lead {
    font-family: 'PT Sans',sans-serif;
    font-size:18px;
}
.hidden{ 
    display:none; 	/*!important oculta elementos con esta clase*/
}
.alignleft{
    float:left;		/*!important clase para flotar a la izquierda el div*/
}
.alignright{
    float:right;	/*!important clase para flotar a la derecha el div*/
}
.aligncenter{	/*!important clase para centrar el elemento en medio del div*/
    margin-left:auto;
    margin-right:auto;
    display:block;
    clear:both;
    
}
.text-left {
    text-align:left; /*!important  clase para alinear el texto a la izquierda*/
}
mark {
    padding: 6px 12px;
}
section::before,
section::after {
    position: absolute;
    content: '';
    pointer-post-wraps: none;
}	
.first {
    clear:both; /*!important clase para no permitir flotar ninguno de los elementos dentro de un div*/
}
.last{/*!important colocada en el ultimo elemento de los cuadros que rotan en iosbeautycenter.com
tambien aparece en el ultimo elemento de la hemeroteca en revistaesmas.com*/
    margin-right:0; /*!important clase para que un elemento quede pegado a la derecha*/
}
.nopadding {
    padding: 0; /*!important quita el espacio interior en el div con esta clase*/
}
.padding-top {
    padding:30px 0 10px; /*!important clase para dejar espacio superior e inferior en un elemento*/
}
.margin-top {
    margin-top:12px;	/*!important clase para dejar margen superior en un elemento*/
}
.make-center img {
    margin:auto;
}
.vimeo_video {
    border:none; /*!important clase para quitar borde del elemento, usado habitualmente para videos vimeo*/
}
.soundcloud {
    border:none;
    width:100%;
}
.rev_video_slider {
    width:100%;
    height:100%;
}

.rsNav {
    display:block;
    clear:both;
    margin-bottom:80px !important;
}

/* ----------------------------------------------------
        TOPBAR & HEADER
------------------------------------------------------- */






/* ----------------------------------------------------
        ESTILO CABECERA BOTONES REDES:
------------------------------------------------------- */


#topbar {
    background: white; /*!important COLOR DE FONDO*/
    font-family: 'PT Sans',sans-serif;
    background-image: url(http://dragadodepuertos.com/img/fondo_head.jpg);
}

/* ----------------------------------------------------
        FIN ESTILO CABECERA BOTONES REDES:
------------------------------------------------------- */

/*estilo de los botones de redes en topbar*/
.social-icons {
    padding:0;
    display:inline-block; 
    float: right; 
    overflow:hidden;
}
.social-icons span a {/*estilo para cada uno de los botones*/
    border-left:1px solid #27286E;   /*!important COLOR DE LINEA VERTICAL DE BOTONES DE REDES*/
    font-size:14px;
    text-align:center;
    width:40px;/*ancho del enlace de cada uno de los botones*/
    height:42px;/*alto de cada uno de los botones*/
    line-height:42px;/*alineacion vertical de cada uno de los botones*/
    overflow:hidden;
    display:block;
    float:left;
}
/*fin de estilo de los botones de redes en topbar*/

/*---------------------------------------------
		ini no hace efecto alguno en la pagina
-----------------------------------------------*/
#header-style-1 .navbar-nav > li > a:hover,
#header-style-1 .navbar-nav > li > a:focus,
#header-style-1 .navbar-nav > li > a:active,
#header-style-1 .navbar-default .navbar-nav > .open > a,
#header-style-1 .navbar-default .navbar-nav > .open > a:hover,
#header-style-1 .navbar-default .navbar-nav > .open > a:focus,
#topbar .social-icons span:hover a {/*hace referencia a los enlaces de los botones de redes sociales cuando el raton este encima*/
    color: #d2d2d5 !important;   /*!important COLOR DEL TEXTO DE CAMBIO DEL MEN�*/
    -webkit-border-radius: 03px;
    -moz-border-radius: 03px;
    border-radius: 3px;
}
/*---------------------------------------------
		fin no hace efecto alguno en la pagina
-----------------------------------------------*/

#topbar,
#topbar a {
    color: #777777;   /*!important color del texto de los botones de redes en topbar*/
}
#topbar .social-icons span.last a {/*la clase.last no funciona,quiere que el ultimo elemento de los botones de redes sociales tenga un borde derecho*/
    border-right:1px solid #414141;
}
/*estilo de los elementos de la barra superior de la pagina,encima del menu*/
#topbar .topbar-email,
#topbar .topbar-phone,
#topbar .topbar-login,
#topbar .topbar-cart {
    float:left;
    padding:0 15px;
    line-height:42px;
    border-right:1px solid #27286E;/*color del borde derecho en cada uno de los elementos del topbar*/
    border-left:1px solid #27286E;/*color del borde izquierdo en cada uno de los elementos del topbar*/
}
#topbar .topbar-phone,
#topbar .topbar-email,
#topbar .topbar-login {
    border-right:none;/*elimina el borde derecho de los elementos del topbar,telefono,email y login*/
}
#topbar .col-lg-4 {/*elemento de bootsrap,divide el topbar en 1 seccion que ocupa 4 celdas*/
    padding-left:0;/*elimina espacio interno por la izquierda de cada elemento de topbar*/
}
#topbar .col-lg-8 {/*elemento de bootsrap,divide el topbar en 1 seccion que ocupa 8 celdas*/
    padding-right:0;/*elimina espacio interno por la derecha de cada elemento de topbar*/
}

#topbar .callus,
#topbar .topmenu {/*afecta solo a la clase callus, se refiere al espacio del email,el telefono y primer elemento*/
    display:inline-block; /*se refiere a la forma de mostrar los elementos*/
    float:right/*posicion dentro del topbar*/
}





#topbar2,
#topbar2 a {
    color: #777777;   /*!important color del texto de los botones de redes en topbar*/
}
#topbar2 .social-icons span.last a {/*la clase.last no funciona,quiere que el ultimo elemento de los botones de redes sociales tenga un borde derecho*/
    border-right:1px solid #414141;
}
/*estilo de los elementos de la barra superior de la pagina,encima del menu*/
#topbar2 .topbar-email,
#topbar2 .topbar-phone,
#topbar2 .topbar-login,
#topbar2 .topbar-cart {
    float:left;
    padding:0 15px;
    line-height:42px;
    border-right:1px solid #27286E;/*color del borde derecho en cada uno de los elementos del topbar*/
    border-left:1px solid #27286E;/*color del borde izquierdo en cada uno de los elementos del topbar*/
}
#topbar2 .topbar-phone,
#topbar2 .topbar-email,
#topbar2 .topbar-login {
    border-right:none;/*elimina el borde derecho de los elementos del topbar,telefono,email y login*/
}
#topbar2 .col-lg-4 {/*elemento de bootsrap,divide el topbar en 1 seccion que ocupa 4 celdas*/
    padding-left:0;/*elimina espacio interno por la izquierda de cada elemento de topbar*/
}
#topbar2 .col-lg-8 {/*elemento de bootsrap,divide el topbar en 1 seccion que ocupa 8 celdas*/
    padding-right:0;/*elimina espacio interno por la derecha de cada elemento de topbar*/
}

#topbar2 .callus,
#topbar2 .topmenu {/*afecta solo a la clase callus, se refiere al espacio del email,el telefono y primer elemento*/
    display:inline-block; /*se refiere a la forma de mostrar los elementos*/
    float:right/*posicion dentro del topbar*/
}









/*---------------------------------------------
		ini no hace efecto alguno en la pagina
-----------------------------------------------*/
.header_center a.navbar-brand {
    margin: 0 auto !important;
    display: inline-block;
    position: relative;
    float: none !important;
    color: white !important;
}
.header_center .navbar-collapse.collapse {
    text-align: center;
    height: auto !important;
    overflow: visible !important;
}
.header_center .navbar-nav {
    display:inline-block;
    float: none;
    margin: 0;
}
.header_center .logo_center {
    padding:20px 0 30px !important
}
/*---------------------------------------------
		fin no hace efecto alguno en la pagina
-----------------------------------------------*/

/*inicio cabecera fijada a top*/
#header-style-1.affix a.navbar-brand { /*estilo del logo en la cabecera*/
    font-size:31px !important;
    margin:5px 0 0;
}

#header-style-1.affix { /*estilo de la cabecera cuando la pagina no esta arriba de todo*/
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    margin-top:0;
    padding:10px 0;
    min-height:inherit;
    z-index: 999;
    background: white; /*!important color de fondo de la cabecera cuando no estas en la parte superior de la pagina*/
    background-image: url(http://dragadodepuertos.com/img/fondo_head.jpg);

}	
#header-style-1.affix .navbar { /*estilo de la cabecera cuando la pagina no esta arriba de todo*/
    margin-top:0px; /*!important margen de la cabecera cuando la paginano esta arriba de todo*/
}
#header-style-1.affix .navbar-nav > li > .dropdown-menu { /*estilo del contenedor de los submenus cuando la*/
    margin-top:12px; /*!important margen superior de los submenus cuando la pagina no esta arriba de todo*/
}
#header-style-1.affix .navbar-brand img {
    width:80%;
    margin-top:7px
}
#header-style-1.affix .navbar-brand {
    line-height:38px;
}
/*fin de cabecera fijada a top*/

/*---------------------------------------------
		ini no hace efecto alguno en la pagina
-----------------------------------------------*/
.dark_header .arrow-up {
    border-bottom-color:#121214 !important;
}
.dark_header .navbar-nav > li > a {
    color:#777777 !important;
}
.dark_header .topbar-email, 
.dark_header .topbar-phone, 
.dark_header .topbar-login, 
.dark_header .topbar-cart {
    border-left: 1px solid #020202 !important;
    border-right: 1px solid #020202 !important;
}
.dark_header .social-icons span.last a {
    border-right-color:#020202 !important
}
.dark_header .social-icons span a {
    border-left-color:#020202 !important
}
.dark_header .navbar-default {
    background:#121214 !important;
}
.dark_header {
    background:#121214 !important;
    border-bottom-color:#020202 !important
}
.dark_header a.navbar-brand {
    color: white !important;
}
/*---------------------------------------------
		fin no hace efecto alguno en la pagina
-----------------------------------------------*/

/* ----------------------------------------------------
        ESPACIO ALREDEDOR DEL MEN� TOP:
------------------------------------------------------- */


#header-style-1 {
    padding:3px 0; /*!important espacio del logotipo en el men� arriba y abajo*/
    background:url("/assets-local/w3/images/fondo_head.png");
    background-color: white; /*!important color de fondo de la cabecera normal*/
    border-bottom:1px solid #27286E; /*linea inferior de la cabecera por defecto con la pagina arriba de todo*/
}
/* ----------------------------------------------------
        FIN ESPACIO ALREDEDOR DEL MEN� TOP:
------------------------------------------------------- */

/* ----------------------------------------------------
        FONDO DEL MEN� TOP:
------------------------------------------------------- */

#header-style-1 .navbar-default {
    background-color: transparent; /* !important fondo del contenedor del logo y menu*/
    border-color: rgba(0, 0, 0, 0);/*!important color del border del contenedor del logo y menu*/

}

/* ----------------------------------------------------
        FIN FONDO DEL MEN� TOP:
------------------------------------------------------- */
#header-style-1 .navbar-brand {
    padding:0; /* !important espacio interior en el logo habitual*/
}
#header-style-1 .navbar {
    margin-bottom:0; /*!important margen inferior del contenedor del logo y menu*/
}
#header-style-1 .yamm .nav,
#header-style-1 .yamm .collapse,
#header-style-1 .yamm .dropup,
#header-style-1 .yamm .dropdown {
	position: static; /*!important posicion del menu con respecto al contenedor*/
}
#header-style-1 .yamm .container {
    position: relative;

}
#header-style-1 .yamm .dropdown-menu {
    left: auto;/* !important posicion de los submenus*/
    right:auto;/* !important posicion de los submenus*/
}
/*---------------------------------------------
		ini no hace efecto alguno en la pagina
-----------------------------------------------*/
.#27286E-wrapper .testimonial h3,
#header-style-1 .yamm-fw .dropdown-menu li a {
    color:#777 !important;
    background-color: red;
}

/*se supone que a�ade un icono de fonts awesome antes del enlace del submenu,ningun cambio*/
#header-style-1 .yamm-fw .dropdown-menu li a:before {
    font-family: "FontAwesome";
    content: "\f105";
    font-size: 13px;
    padding-right:5px;
}
#header-style-1 .yamm-fw .dropdown-menu li {
    list-style:none;
    padding:0;
}
#header-style-1 .yamm-fw .nav.navbar-right .dropdown-menu {
    left: auto;
    right: 0;
}
#header-style-1 .yamm .yamm-content {
    padding: 20px;
}
/*---------------------------------------------
		fin no hace efecto alguno en la pagina
-----------------------------------------------*/
#header-style-1 a:hover {
    text-decoration:none;/*!important decoracion de los enlaces en la cabecera cuando situamos el raton encima*/
}
#header-style-1 .dropdown-menu li a:focus,
#header-style-1 .dropdown-menu li a:active,
#header-style-1 .dropdown-menu li a:hover {
    background-color:#e0e0e0;/*color de fondo de los elementos en los submenus cuando tenemos el raton encima,esta fijao o activo el enlace*/
}
#header-style-1 .yamm img {
    margin-bottom:10px;/*!important margen inferior de la imagen de logotipo del head de la cabecera,no afecta al funcionamiento de la pagina*/
}
/*estilo para los h3 incorporados en el div de logo,no existe ninguno asi que no hay cambios en la pagina*/
#header-style-1 .yamm h3 {
    text-transform:uppercase;
    font-size:14px;
    color:#777777;
    padding:5px 0;
}
/*fin elemento*/

/*estilos de los submenus de la cabecera*/
#header-style-1 .dropdown-menu {
    left: 0;
    right: 0;
    box-shadow:none;
    border-top:3px solid #777777; /*!important linea superior del submenu,se modifica en la linea 3597*/
    border-radius:0 !important;/*redondeo de los bordes del submenu*/
    padding:0 !important;/*espacio interno del submenu*/
}
#header-style-1 .navbar-nav > li > a {   /*!important enlaces del menu,algunos como el color de la letra estan modificados en la pagina /templates/jolly/html-sections/top-sections/30-topbar.php*/
    text-transform:uppercase;	
    color:#fff;
    font-family: 'PT Sans',sans-serif;
    padding: 7px 18px;
    margin-top:8px;
	-webkit-border-radius: 4px 4px;  /* Safari  */
  	-moz-border-radius: 4px 4px;     /* Firefox */
    background-color: #27286E;  /*!important Color de fondo de cada uno de los elementos principales del menu*/
}
/*!important estilos de los enlaces de los submenus */
#header-style-1 .dropdown-menu li a {
    text-decoration:none;  
    color: #777777;    /*!important COLOR DE TEXTO DEL DESPLEGABLE DEL MENU*/
    display:block;
    position:relative;
    font-family: 'PT Sans',sans-serif;
    padding:10px 20px;
    background-color: white;  /*!important COLOR DE FONDO DEL TEXTO DEL DESPLEGABLE DEL MENU*/
}
/*---------------------------------------------
		ini no hace efecto alguno en la pagina
-----------------------------------------------*/
.img-thumbnail {
    background-color:#414141;
    border-color:#515151;
}

#header-style-1 .yamm-fw .dropdown-menu li a {
    padding:5px 15px;
}
/*---------------------------------------------
		fin no hace efecto alguno en la pagina
-----------------------------------------------*/
#header-style-1 .dropdown-menu li {/*estilo de cada una de las cajas dentro del submenu*/
    float:none;
    display:block; 
    margin:0; 
    text-align: left;
    border: 0;
    border-bottom: 1px solid #27286E;    /*!important lineas de cada uno de las cajas del submenu*/
}    
#header-style-1 .dropdown-menu li:last-child{
    border-bottom: 0;  /*estilo del borde del ultimo objeto del submenu*/
}    


/*---------------------------------------------
		ini no hace efecto alguno en la pagina
-----------------------------------------------*/
.yamm .dropdown-submenu{/*dropdown-menu es elemento de bootstrap, la clase dropdown-submenu no afecta a la pagina*/
    position:relative;
}
.yamm .dropdown-submenu>.dropdown-menu{
    top:0;
    left:100% !important;
    margin-top:-3px !important;
    margin-left:-1px;
    -webkit-border-radius:0 6px 6px 6px;
    -moz-border-radius:0 6px 6px 6px;
    border-radius:0 6px 6px 6px;
}
.yamm .dropdown-submenu:hover>.dropdown-menu{
    display:block;
}
.yamm .dropdown-submenu.pull-left{
    float:none;
}
.yamm .dropdown-submenu.pull-left>.dropdown-menu{
    left:-100%;
    margin-left:10px;
    -webkit-border-radius:6px 0 6px 6px;
    -moz-border-radius:6px 0 6px 6px;
    border-radius:6px 0 6px 6px;
}
/*---------------------------------------------
		fin no hace efecto alguno en la pagina
-----------------------------------------------*/

/* ----------------------------------------------------
				FOOTER STYLES
------------------------------------------------------- */
/*esto afecta al estilo del copyright de chantre y la informacion comercial de la pagina*/
#copyrights {
    background-color: white; /*!important color de fondo*/
    padding:20px 0 10px;/*!important espacio interno*/
    color:#c3c3c3; /*!important color del texto,no afecta por que todo son enlaces*/
    display:block;
    position:relative;
}/*fin del elemento*/

/*esto afecta al espacio del footer que contiene las redes sociales,widget twitter,boton facebook*/
#footer-style-2,
#footer-style-3,
#footer-style-1 {
    background-color: white; /*!important color de fondo*/
    padding:10px 0;/*!important espacio interno*/
    display:block;
    position:relative;
}/*fin elemento*/

/*------------------------------------------------------------
		estilo de los h3 dentro de la clase widget
--------------------------------------------------------------*/
#footer-style-2 .widget h3,
#footer-style-3 .widget h3,
#footer-style-1 .widget h3 {
    font-size:20px;/*!important tam�o de fuente de los titulos de los widgets*/
}/*fin elemento*/

/*----------------------------------------------------------------
estilo de los h3 dentro de la clase titulo que esta dentro de los widget, afecta al estilo anterior
------------------------------------------------------------------*/
#footer-style-2 .widget .title h3,
#footer-style-3 .widget .title h3,
#footer-style-1 .widget .title h3 {
    text-transform:none;
}
/*eso afecta a los enlaces de los iconos de redes sociales, no afecta porque en este footer no existe ninguno*/
#footer-style-2 .social-icons span a,
#footer-style-3 .social-icons span a,
#footer-style-1 .social-icons span a {
    border:none;
    color:#777777;/*!important color del enlace*/
}/*fin del elemento*/

/*---------------------------------------------
		ini no hace efecto alguno en la pagina
-----------------------------------------------*/
.footer-menu ul{
    list-style:none;
    list-style-position:outside;
    float:right;
    display:inline;
    margin:5px;
}   
.footer-menu li{ 
    line-height:12px;
    float:left;
    padding:0 7px; 
}
.footer-menu li a {
    color:#c3c3c3;
}
.footer_post li img {
    padding:4px;
    width:80px;
}
.footer_post li {
    float:left;
    margin:2px;
    list-style:none;
}
/*---------------------------------------------
		fin no hace efecto alguno en la pagina
-----------------------------------------------*/

/* ----------------------------------------------------
        SIDEBAR & WIDGETS
------------------------------------------------------- */
/*---------------------------------------------
		ini no hace efecto alguno en la pagina, no existe la clase .text-widget, .custom-widget o .popular-items
-----------------------------------------------*/
.text-widget p {
    margin-bottom:15px;
}
.text-widget h1 {
    font-family: 'Lato',sans-serif;
    font-size:56px;
    font-weight:bold;
    letter-spacing:1px;
    text-transform:uppercase;
}
.custom-widget h2 {
    font-size:24px;
    text-transform:uppercase;
}
.custom-widget p {
    font-size:18px;
    font-weight:300;
}
.popular_items img{
    width:100px;
    padding-right:10px;
    float:left
}
.popular_items{
    margin:20px 0
}
.popular_items .popular_items_div{
    display:block;
    margin-bottom:25px;
    overflow:hidden;
    position:relative
}
.popular_items .popular_items_div h4{
    margin-bottom:5px !important;
    padding-bottom:0;
}
.popular_items .meta,
.popular_items .meta a {
    color:#777777;
}
.popular_items .meta {
    font-size:12px;
} 
.popular_items .meta span,
.popular_items .meta span i {
    padding-right:3px;
}
/*---------------------------------------------
		fin no hace efecto alguno en la pagina
-----------------------------------------------*/

/*hace referencia a el cuadrado negro dentro del contenido de algunas secciones,presentacion,seguros...*/
.blog-masonry .blog-carousel {
    margin:20px 0;
    overflow:hidden;
    padding:20px;
    background:#F3F3F3; /*!important color de fondo del centro en algunas secciones*/
    border:1px solid #010101;/*linea que rodea el contenido*/
}
/*---------------------------------------------
		ini no hace efecto alguno en la pagina,en esta pagina no existe ningun span dentro de .blog-carousel-meta
-----------------------------------------------*/
.blog-carousel-meta span a {
    color:#777777;
}
.blog-carousel-meta span i,
.blog-carousel-meta span {
    font-size:12px;
    padding-right:5px;
}
.blog-carousel-header h3 {
    color: black;
    padding-bottom:0;
    font-size:18px;
    margin-bottom:5px;
}
.blog-carousel-header h1 {
    color: black; 
    padding-bottom:0;
    margin-bottom:5px;
    text-transform:uppercase;
}
/*---------------------------------------------
		fin no hace efecto alguno en la pagina
-----------------------------------------------*/
/*estilo del header en el centro de algunas secciones,especialidades,presentacion,seguros*/
.blog-carousel-header {
    position:relative;
    display:block;
    margin-bottom:0;/*margen inferior*/
    padding-bottom:10px;/*espacio interno inferior*/
}/*fin del elemento*/

.post-type {
    color: #777777FFF;/*!important color del texto del div dentro de las fotos en promociones y noticia relacionada,esta mal codificado*/
    font-size: 18px;/*tama�o del texto dentro del div*/
    height: 42px;
    line-height: 42px;
    position: absolute;
    right: 0px;
    text-align: center;
    bottom: 0;
    z-index:10;
    width: 52px;
    background:#222;/*!impotant color de fondo de un div dentro de las fotos en promociones y noticia relacionada*/
}
.entry:hover .post-type {
    opacity:0;/*!important hace que el div anterior no se muestre cuando el raton entre en la imagen*/
}
/*---------------------------------------------
		ini no hace efecto alguno en la pagina,en esta pagina no existe .social-like o .social-button
-----------------------------------------------*/
.social_like .icon-container {
    color:#222;
    margin:0 15px 0 0;
    background:#777777;
}
.social_like .btn {
    width:86px;
}
.social_like {
    position:relative;
    display:block;
}
.social_like h3 {
    font-size: 18px !important;
    margin-bottom: 0;
    padding-bottom: 0;
}
.social_button {
    position:absolute;
    right:0;
    top:10px;
}
/*---------------------------------------------
		fin no hace efecto alguno en la pagina
-----------------------------------------------*/
/*---------------------------------------------
		ini no hace efecto alguno en la pagina, no existe #tabbed-widget-1
-----------------------------------------------*/
#tabbed_widget-1 .nav-tabs > li.active > a, 
#tabbed_widget-1 .nav-tabs > li.active > a:hover, 
#tabbed_widget-1 .nav-tabs > li.active > a:focus, 
#tabbed_widget .nav-tabs > li.active > a, 
#tabbed_widget .nav-tabs > li.active > a:hover,
#tabbed_widget .nav-tabs > li.active > a:focus,
#tabbed_widget-1 .nav > li > a:hover, 
#tabbed_widget-1 .nav > li > a:focus,
#tabbed_widget .nav > li > a:hover, 
#tabbed_widget .nav > li > a:focus {
    border-radius:0;
}
#tabbed_widget-1 .nav-tabs > li > a,
#tabbed_widget .nav-tabs > li > a {
    background:#020202;
    border:none;
    margin-right:1px;
    border-radius:0;
    color:#777777;
}
/*---------------------------------------------
		fin no hace efecto alguno en la pagina
-----------------------------------------------*/

.pagination > li > a, .pagination > li > span {
    background-color: #27286E !important;/*color de fondo de la paginacion*/
    border: none !important;/*borde de los botones de paginacion*/
    color:white !important;/*color de los numeros de la paginacion*/
}

/*---------------------------------------------
		ini no hace efecto alguno en la pagina, no existe #two-sidebar, #sidebar,#tabbed-widget ni .reviws-widget
-----------------------------------------------*/
#two-sidebar .widget,
#sidebar .widget {
    margin-bottom:30px;
    overflow:hidden;
}
.reviews_widget .recent_posts_widget > li img,
#tabbed_widget .recent_posts_widget img {
    max-width:120px !important;
    padding:4px;
}
#tabbed_widget .nav-tabs {
    border-bottom:none;
}
#tabbed_widget .tab-content {
    padding:20px 5px;
    border:none;
}
.reviews_widget .recent_posts_widget a {
    color:#777777 !important;
    font-weight:normal;
}
.meta_widget a {
    font-weight:300 !important;
}
/*---------------------------------------------
		fin no hace efecto alguno en la pagina
-----------------------------------------------*/
/*---------------------------------------------
		ini no hace efecto alguno en la pagina,n existe ningun h2 dentro de la clase title, son h3
-----------------------------------------------*/
.title h2 {
    text-transform:uppercase;
    font-size:24px;
}
/*---------------------------------------------
		fin no hace efecto alguno en la pagina
-----------------------------------------------*/
.widget h3 {
    font-size:24px;/*tama�o del texto de los titulos en los widgets,no afecta,machacado antes*/
}
.twitter_feed {
    padding-left:0;/*espacio interior izquierdo del widget de twitter*/
}
.twitter_feed li {
    list-style:none;
    overflow:hidden;
    margin-bottom:30px;/*margen inferior del widget de twitter*/
}
/*---------------------------------------------
		ini no hace efecto alguno en la pagina, no existe ningun li dentro del widget de twitter
-----------------------------------------------*/
.twitter_feed li p {
    margin-top: -30px;
    padding-left:30px;
}
.twitter_feed li span:before {
    color: #4f4f4f;
    padding-left:0 !important;
    font-family: 'FontAwesome';
    content: "\f099";
    padding:10px;
    vertical-align: text-top;
    font-size:21px;
}
/*---------------------------------------------
		fin no hace efecto alguno en la pagina
-----------------------------------------------*/
.widget .title h3 {/*no afecta porque tambien esta definido arriba linea 575*/
    text-transform:uppercase;
}
.newsletter_form .form-control {
    background-color: #121214;/*color de fondo del input en widget newsletter*/
    border: 1px solid #343436;/*borde para el input del widget newsletter*/
}
/*---------------------------------------------
		ini no hace efecto alguno en la pagina,no existe #two-sidebar ni #sidebar,esta definido en el elemento anterior
-----------------------------------------------*/
#two-sidebar .newsletter_form .form-control,
#sidebar .newsletter_form .form-control {
    background-color: red;
    border: 1px solid #414141;
}
/*---------------------------------------------
		fin no hace efecto alguno en la pagina
-----------------------------------------------*/
.newsletter_form .btn {
    margin-top:10px;/*margen superior del boton para enviar formulario del newletter*/
}
/*---------------------------------------------
		ini no hace efecto alguno en la pagina,no existe .tagcloud, .buddypress_tabber-widget ni #two-sidebar ni #sidebar 
-----------------------------------------------*/
.tagcloud a { 
    float: left; 
    display: block; 
    margin-bottom: 6px; 
    margin-right: 6px; 
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    padding: 3px 10px; 
    color: #C3C3C3 !important; 
    text-decoration: none; 
    border:1px solid #242424;
    background:#010101;
    box-shadow:none !important;
}
.tagcloud a:hover {
    background: #222222;
    border:1px solid inherit;
    color: #777777 !important; 
    text-decoration: none; 
}
.buddypress_tabber_widget_member li a,
.buddypress_tabber_widget li a,
#two-sidebar .recent_posts_widget li,
#two-sidebar .recent_posts_widget li a,
#sidebar .recent_posts_widget li,
#sidebar .recent_posts_widget li a {
    color:#777777 !important;
    font-weight:normal;
}
/*---------------------------------------------
		fin no hace efecto alguno en la pagina
-----------------------------------------------*/
hr {/*se refiere a un cambio de seccion en html,se representa con una linea,no hay ninguno en la pagina*/
	border-color: #414141 -moz-use-text-color -moz-use-text-color; 
}
/*---------------------------------------------
		ini no hace efecto alguno en la pagina, ninguna de las clases siguientes estan definidas en la pagina
-----------------------------------------------*/
#two-sidebar .readmore,
#sidebar .readmore {
    font-weight:300 !important;
}
.recent_posts_widget > li {
    display: table;
    height: 60px;
    margin-bottom:20px;
    width: 100%;
}
.recent_posts_widget > li:last-child {
    border-bottom:0 solid #777777;
}
.recent_posts li {
    list-style:none
}
.buddypress_tabber_widget_member li img,
.recent_posts_widget > li img {
    max-width: 75px !important;
    padding:4px;
}	
.recent_posts_widget img {
    float: left;
    margin: 5px 15px 0 0;
}

.testimonial_widget {
    padding:20px;
    margin-bottom:20px;
    background:#030303;
    border:1px solid #414141;
}
.testimonial-widget .lead {
    padding-top:30px;
}
.testimonial-wrap {
    background-color: #030303;
    padding:30px 20px;
    border-bottom: 3px solid #6F6D69;
}
#owl-testimonial-widget .img-circle {
    border:3px solid #777777;
    width:100px;
}
#owl-testimonial-widget h3 {
    font-size: 16px;
    font-weight:600;
    margin: 0;
    padding: 0;
}
.testimonial-wrap .lead {
    font-weight:300 !important;
    font-family:Lato;
    font-size:18px !important;
}
.testimonial-carousel a {
    color:#777777 !important;
}
.testimonial-carousel .media {
    margin:20px auto 10px !important;
    display:inline-block !important;
}
.overlay .testimonial-widget .img-thumbnail {
    background-color: #7e7c78;
    border: 1px solid #6F6D69;
}
.testimonial-widget {
    color:#777777;
    text-align:center;
}
.testimonial-widget .testimonial .lead:after {
    content: "\f10e" !important;
}
.testimonial-widget .testimonial .lead:after,
.testimonial-widget .testimonial .lead:before {
    color: #777777;
    font-family: 'FontAwesome';
    content: "\f10d";
    padding:10px;
    vertical-align: text-top;
    font-size:21px;
}
/*---------------------------------------------
		fin no hace efecto alguno en la pagina
-----------------------------------------------*/

/* ----------------------------------------------------
        SHOP STYLES
------------------------------------------------------- */

.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
    background-color: #121212;
}
.box {
    padding:20px;
    border:1px solid #414141;
}
.cart_table img {
    margin-right:10px;
}
.box .price,
.cart_table .price2 {
    font-size:16px;
    margin:10px;
}
.cart_table .price,
.cart_table .cart_title {
    font-size:18px;
    color:#777777;
    margin:10px;
}
.cart_table .rating {
    padding:5px 10px 10px !important;
    overflow:hidden !important;
}
div.thumbnails{
    padding-top:10px;
    zoom:1
}
div.thumbnails .entry {
    border:1px solid #020202;
    float:left;
    width:30%;
    margin-right:4.9%
}
div.thumbnails .magnifier .buttons {
    top:40%;
}
.btn-shop .form-control:focus {
    box-shadow:none;
}
.btn-shop .form-control {
    width:45px;
    border-radius:0;
    background: #020202;
    border-color: #515151;
    height:34px !important;
    margin:0;
    padding-right:0
}
#buddypress_features .nav li,
#shop_features .nav li {
    text-transform:uppercase;
    font-weight:bold;
    font-size:14px;
} 
#buddypress_features,
#shop_features {
    padding:40px 0;
    margin:20px 0;
    overflow:hidden;
}
.tabbable .nav-tabs {
    background: #020202;
    border: 1px solid #020202 !important;
}
#buddypress_features .nav-tabs{
    background:  #222;
    border:none;
}	
#shop_features .nav-tabs {
    background:  #020202;
    border: 1px solid #020202;
}
#buddypress_features .nav-tabs > li > a,
#custom_tab .nav-tabs > li > a,
#shop_features .nav-tabs > li > a {
    border-radius:0;
    border-bottom: 1px solid #020202;
    line-height:2.1;
}
#buddypress_features .tab-content,
#custom_tab .tab-content,
#shop_features .tab-content {
    padding:20px; 
    border-bottom:1px solid #414141 !important; 
    border-right:1px solid #414141 !important; 
    border-left:1px solid #414141 !important;
    overflow:hidden;
}
#buddypress_features .nav-tabs > li > a{
    color:#777777 !important;
    border:none !important;
}
#buddypress_features .nav i {
    text-align:center;
    display:block;
    font-size:24px;
}
#custom_tab .tab-content ul li,
#shop_features .tab-content ul li {
    list-style:square;
}
#custom_tab .tab-content ul,
#shop_features .tab-content ul { 
    padding:0 0 10px 20px
}
.btn-shop span {
    background:#181818;    
    -moz-user-select: none;
    background-image: none;
    border: 0;
    border-radius: 0;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857;
    margin: 0 -3px;
    color:#777777fff;
    padding: 7px 12px;
    text-align: center;
    vertical-align: middle;
    #27286E-space: nowrap;
}
.shop_item_details ul {
    padding-left:0;
    margin:15px 0;
    overflow:hidden;
}
.shop_item_details strong {
    color:#777777;
    padding-right:10px;
}
.shop_item_details ul li {
    list-style:none;
    margin:0 0 12px;
}
.shop-right .title h2 {
    margin-bottom:5px;
    padding-bottom:0;
    font-size:22px;
}
.shop-right .title .rating {
    margin-bottom:10px;
}
.shop_item {
    margin-bottom:20px;
}
.shop_item .magnifier .buttons {
    top:44%;
    margin-top:0 !important;
}
.shop-banner {
    margin-bottom:17px;
    position:relative;
}
.shop-banner img {
    width:100%;
}
.shop-banner .title h1 {
    color:#777777fff;
    font-size:42px;
    font-weight:bold;
}
.shop-banner .title {
    opacity: 1;
    text-align:center;
    position: absolute;
    top: 27%;
    left:0;
    right:0;
}
.banner-hover {
    background:rgba(255,255,255,.3);
    padding:10px;
    border:10px solid rgba(0,0,0,.1);
    position:absolute;
    top:20px;
    left:20px;
    bottom:20px;
    right:20px;
    opacity:1;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -ms-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
}
.banner-hover.big {
    left:30px;
    right:30px;
}
.entry:hover .banner-hover {
    opacity:0;
}
.royalSlider img {
    width:100%;
}
.big_title_onepage {
    font-size:60px;
    font-weight:bold;
    font-family: 'PT Sans',sans-serif;
    text-transform:uppercase;
    border:6px solid #777777;
    padding:40px;
}
.small_thin_grey1 {
    font-size:14px;
}
.small_thin_grey1 i {
    padding:0 5px;
}
.cat_widget {
    border:3px solid #020202;
}
.cat_widget .magnifier .buttons {
    top:38%
}
.cat_widget h3 {
    font-family: 'Lato',sans-serif;
    font-size:18px;
    text-transform:uppercase;
}
.cat_widget .entry,
.royalSlider .entry,
.team_member .entry,
.blog-carousel .entry,
.portfolio-carousel .entry,
.portfolio_item .entry,
.shop_item .entry {
    display:block;
    position:relative;	
}
.shop_item .magnifier .st {
    padding:0 10px;
    width:auto;
}
.product_list_widget {
    padding-left:0
}
.shopping-cart-widget li {
    *zoom: 1;
    margin: 0 0 1em;
}
.shopping-cart-widget li:before,
.shopping-cart-widget li:after {
    content: "";
    display: table;
}
.shopping-cart-widget li:after {
    clear: both;
}
.shopping-cart-widget li img {
    width:40px;
    float: right;
    margin-left: 1em;
}
.shopping-cart-widget li .quantity {
    width: auto;
    float: none;
}
.shopping-cart-widget li a {
    display: block;
}
.shopping-cart-widget li:last-child {
    margin: 0;
    border: none;
}
.cart_list li {
    list-style:none;
}
.shop_item .entry {
    border:1px solid #515151;
}
.shop_item .shop_title span {
    font-size:16px;
    font-weight:500;
    color:#777777;
}
.shop-right .title .price,
.shop_item .price {
    font-size:14px !important;
    font-weight:500;
}
.woo_btn {
    padding:7px 12px !important;
    border-radius:0 !important
}
.shop_item .cats {
    font-weight:lighter !important;
    display: block;
    font-size: 14px !important;
}
.shop_item .cats a {
    color:#777777;
}
.shop_item {
    margin-bottom:20px;
}
.shop_desc {
    padding:14px 0;
    overflow:hidden;
}
.shop_item {
    display:block;
    overflow:hidden;
    position:relative;
}

/* ----------------------------------------------------
        BUDDYPRESS STYLES
------------------------------------------------------- */

#content {
    padding-bottom:60px;/*!important espacio entre el contenido de las especialidades y el boton volver*/
}
/*---------------------------------
	ini no hace efecto en la pagina, en la pagina no existen muchas de las siguientes clases
-----------------------------------*/
.tab-pane .buddy_members .item {
    margin:10px
}
.buddy_members .item {
    float:left;
    margin:13px;
    padding:0;
}
.buddypress_content {
    margin:20px 0 40px;
    overflow:hidden;
    display:block;
    position:relative;
}
.buddypress-top h3,
.buddypress-top h2 {
    margin-top:10px;
}
.buddy_desc small {
    display:block;
    color:#777777;
    margin:10px 0;
}
.buddy_desc h3 {
    padding:5px 0;
    text-transform:uppercase;
    font-weight:bold;
    margin:0;
}
.group_box i {
    padding-right:5px;
}
.input-group-addon {
    background-color:#020202;
    border-color:#414141;
}
.group_box a {
    color:#222;
}
.buddy_desc {
    padding:15px;
    border:1px solid #515151;
}
.arrow-left {
    border-bottom: 10px solid rgba(0, 0, 0, 0);
    border-right: 10px solid #d3d3d3;
    border-top: 10px solid rgba(0, 0, 0, 0);
    height: 0;
    left: -10px;
    position: absolute;
    top: 15%;
    width: 0;
}
.group_box {
    width:100%;
    border:1px solid #d3d3d3;
    position:relative;
    display:block;
    text-align:center;
    padding:30px 0 10px;
    font-size:16px;
    font-weight:normal;
    margin:35px 0;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
}
.group_box:hover .circle {
    color:#777777;
}
.buddypress_tabber_widget .group_img {
    left: -10px;
    padding: 10px;
    position: absolute;
    text-align: left;
    top: 0;
}
.buddypress_tabber_widget .group_box {
    border:none;
    margin:10px 0 25px;
    padding:10px 0;
}
.buddypress_tabber_widget .circle {
    left: 67px !important;
    top: 7px !important;
    right:inherit;
}
.buddypress_tabber_widget .group_timer {
    padding-bottom: 0;
    padding-left: 110px;
    margin:0;
    padding-top: 10px;
    text-align: left;
}
.buddypress_tabber_widget .group_box .title h3 {
    padding-bottom: 0;
    padding-left: 110px;
    margin:0;
    padding-top: 0;
    text-align: left;
}
.circle {
    top:-53px;
    right:-46px;
    left:0;
    z-index:10;
    font-size:12px;
    width:30px;
    height:30px;
    border:1px solid #d3d3d3;
    margin:auto;
    line-height:30px;
    -webkit-border-radius:30px;
    -moz-border-radius:30px;
    border-radius:30px;
    position:absolute;
    background:#777777;
}
.buddy_members .popover.top > .arrow,
.buddy_carousel .popover.top > .arrow {
    border-top: 5px solid #777777;
    border-left: 5px solid rgba(0, 0, 0, 0);
    border-right: 5px solid rgba(0, 0, 0, 0);
    bottom: -12px !important;
    height: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 0;	
}
.group_box .title h3 {
    padding-bottom:0;
    padding-top:10px;
    font-size:18px;
    font-weight:bold;
}
.group_img {
    left: 0;
    margin: 0 auto;
    padding: 10px;
    position: absolute;
    right: 0;
    top: -55px;
    text-align: center;
}
.buddy_carousel {
    margin:40px 0 20px;
}
.buddy_carousel .owl-controls {
    padding:20px 0 0;
}
.buddy_carousel .owl-controls .owl-page span {
    width:15px !important;
    height:15px !important;
    border:1px solid #ddd;
}
.buddy_carousel .item {
    margin:auto;
    text-align:center;
}
.buddy_carousel .owl-wrapper-outer  {
    overflow:visible;
}
.buddy_members .popover.top,
.buddy_carousel .popover.top {
    margin-top: -60px;
    z-index:9999;
    overflow:visible;
    position:absolute;
}
.buddy_members .popover,
.buddy_carousel .popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1010;
    display: block;
    overflow:visible;
    max-width: 276px;
    padding: 1px;
    text-align: center;
    background-color: #030303;
    background-clip: padding-box;
    border: 1px solid #515151;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    box-shadow: none;
    #27286E-space: normal;
}
.demo_changer .form_holder {
    background:#030303 !important;
}
.buddy_members .popover-title,
.buddy_carousel .popover-title {
    margin: 0;
    padding: 15px 14px 0;
    font-size: 16px;
    font-weight: bold;
    line-height: 18px;
    text-transform:uppercase;
    background-color:#030303;
    border-bottom: 1px solid #030303;
}
.buddy_members .popover-content,
.buddy_carousel .popover-content {
    width: 200px;
    padding: 5px 4px 20px;
}
.buddypress_tabber_widget_member li {
    display:block;
    margin:10px 0 20px;
    position:relative;
    overflow:hidden;
}
.buddypress_tabber_widget_member li span {
    padding-left:10px;
    margin-bottom:0;
    font-size:16px !important;
    text-transform:uppercase !important;
    vertical-align:super;
    padding-bottom:0;
}
.buddypress_tabber_widget_member li .readmore {
    margin-top: -35px;
    padding-left: 90px;
    padding-top: 0;
    position: absolute;
}
/*---------------------------------
	fin no hace efecto en la pagina, 
-----------------------------------*/

/* ----------------------------------------------------
        PORTFOLIO STYLES
------------------------------------------------------- */
/*---------------------------------
	ini no hace efecto en la pagina,
	no existe .single-portfolio .product_details .pager ni .masonry_wrapper
-----------------------------------*/
.single-portfolio .title h2 {
    font-size:24px;
    text-transform:none;
    margin-top:0;
    padding-top:0;	
}
.product_details ul li {
    list-style:none;
    padding-left:2px;
    padding-bottom:5px;
}
.pager li > a, .pager li > span {
    background-color: #777777FFF;
    border: 1px solid #777777;
    border-radius: 0;
    color:#777777;
    margin:30px 0 0;
    display: inline-block;
    padding: 5px 14px;
}
.pager li > a:hover, .pager li > span:hover {
    background-color:#222;
    color:#777777;
}
.product_details ul li a {
    color:#666;
}
.masonry_wrapper {
    overflow:hidden;
    margin:30px 0;
}
.masonry_wrapper .item {
    margin: 0 2px 4px;
    padding:0;
}
.masonry_wrapper .item img {
    height: auto !important;
    height: 100% !important;
    width: 100%;
    position: relative;
    z-index: -2;
}
/*---------------------------------
	fin no hace efecto en la pagina, 
-----------------------------------*/
#boxed-portfolio .portfolio_item {/*hace referencia a las imagenes dentro de los apartados equipo e instalaciones*/
    width:100% !important;
    height:auto !important;
    margin:0 0 20px;/*!important margen inferior de 20px en las imagenes*/
    overflow:hidden;
}
#boxed-portfolio {/*hace referencia al contenedor de las imagenes*/
    display: block !important;
    overflow: visible !important;
    position: relative;
    z-index: 10;
    margin-bottom:20px;/*!important margen inferior de 20px en el contenedor*/
}
.portfolio-filter ul {
    list-style:none; 
    padding-left:10px;/*!important separacion izquierda de la lista con botones para filtrar imagenes*/
}
.portfolio-filter {/*hace referencia al contenedor de los botones para filtrar imagenes*/
    text-align: center;/*!important centrado de los botones*/
    overflow:hidden;
    margin: 40px 0 15px;/*!important margen del contenedor por arriba y abajo*/
}
.portfolio-filter li {/*estilo para cada uno de los botones de filtrado de imagenes*/
    display: inline;
    margin-right: 5px;/*!important margen derecho de los botones de filtrado de imagenes*/
    padding: 0;
}
.portfolio-filter li a {
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;/*!important redondeo de los enlaces para filtrar imagenes*/
}
.team_member img,
.portfolio_item img {
    width:100%;/*!important espacio que ocupa la imagen dentro del contenedor*/
}
/*------------------------------------------
	ini estilo para el filtrado de las imagenes
--------------------------------------------*/
.isotope-item {
    z-index: 2;
}
.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}
.isotope,
.isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
}
.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}
.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property:    -moz-transform, opacity;
    -ms-transition-property:     -ms-transform, opacity;
    -o-transition-property:      -o-transform, opacity;
    transition-property:         transform, opacity;
}
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
}
/*------------------------------------------
	fin estilo para el filtrado de las imagenes
--------------------------------------------*/
.entry img{
	width:100%;
}
.magnifier .btn-default {
    padding:0 20px !important;/*espacio interno por derecha e izquierda del enlace en el boton*/
    color:#222222 !important;/*color del enlace para visualizar la imagen en galeria*/
    width:auto !important; /*tama�o del boton de enlace a la galeria*/
}
.magnifier .sg,
.magnifier .st,
.magnifier .sf {/*estilo del boton de las imagenes para la galeria,todas tienen la clase st*/
    border:1px solid #777777fff;/*!important ancho,estilo y color del borde,mal codificado*/
    color: #777777FFF;/*!important color del texto,mal codificado,no afecta, ya esta definido en la linea 1725*/
    display: block;
    display: inline-block !important;float: none !important;
    font-size: 16px;/*!important tama�o del texto*/
    height: 40px;/*!important alto del enlace*/
    line-height: 38px;/*alineacion vertical del enlace*/
    width: 40px;/*ancho del enlace*/
    margin: -10px 2px 0 2px;/*margen del enlace,-10 arriba, 2px derecha y 2px izquierda*/
    text-align: center;/*alineaicon horizontal del texto*/
    }
/*---------------------------------
	ini no hace efecto en la pagina,
	no hay h4 dentro de -magnifier solo h3
-----------------------------------*/
.magnifier h4 {
    color:red;
    text-align:center;
    font-size:16px;
    padding:10px 0;
    margin-bottom:20px;
    display:block;
    font-family: 'bariol_lightlight';
}
/*------------------------------------------
	fin estilo para el filtrado de las imagenes
--------------------------------------------*/
.magnifier h3 {
    color:#27286E;/*color del titulo dentro de las imagenes,mal codificado*/
    text-align:center;/*alineacion del titulo dentro de las imagenes*/
    margin-bottom:10px;/*!important margen inferior del titulo dentro de las imagenes*/
    padding-bottom:0;
}
.magnifier p{
	color:#cfcfcf;
}
.magnifier .buttons {/*estilo del div botones dentro del efecto oscuro en las imagenes*/
    visibility: hidden;/*!important oculta el div al cargar la pagina*/
    opacity: 0;/*!importnt opacidad del div al cargar la pagina*/
    position: absolute;
    text-align: center;/*!important alineacion del div*/
    width: 100%;/*!important ancho del div con respecto al contenedor*/
    top: 23%;/*!important posicion del div de botones con respecto a la parte superior de la imagen*/
    left:0%;/*!important posicion del div de botones con respecto a la parte izquierda de la imagen*/
    -webkit-transform: scale(0.2);
    -moz-transform: scale(0.2);
    -ms-transform: scale(0.2);
    -o-transform: scale(0.2);
    transform: scale(0.2);
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.magnifier:hover .buttons {/*esitlo del div botones cuando el raton esta encima del efecto oscuro*/
    opacity: 1;/*!important cuando el raton esta encima se hace visible el div*/
    visibility: visible;/*!important cuando el raton esta encima se hace visible el div*/
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.entry:hover .magnifier {/*estilo del efecto cuando el raton entra en la imagen,hace que el efecto sea visible*/
    opacity: 1;
    visibility: visible;
    width:100%;
}
.magnifier {/*estilo del div que hace el efecto*/
    background:rgba(0,0,0,0.8);/*oscurece el div para poder ver la imagen de fondo*/
	/*ini posicion del div que hace el efecto*/
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    /*fin de la posicion del div que hace el efecto*/
    opacity:0;/*!important hace que sea invisible al cargar la pagina*/
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -ms-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

/* ----------------------------------------------------
        PARALLAX & SECTIONS
------------------------------------------------------- */
/*---------------------------------
	ini no hace efecto en la pagina, 
-----------------------------------*/
.custom-wrapper .col-lg-6 {
    padding:0;
}
.custom-wrapper .overlay {
    background-color:rgba(0, 0, 0, 0.4);
    padding:0;
}
.parallax {
    background-attachment: fixed !important;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
/*---------------------------------
	fin no hace efecto en la pagina, 
-----------------------------------*/
.jt-shadow {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;/*sombra del contenedor de imagenes en equipo e instalaciones, no tiene efecto,se superpone otro div*/
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
}
/*---------------------------------
	ini no hace efecto en la pagina, 
-----------------------------------*/
.custom-overlay {
    padding: 60px 0;
}
.overlay {
    padding: 60px 0;
    background-color:rgba(0, 0, 0, 0.7);
}
.dark-wrapper {
    background-color:#FEFEFE;
    padding:60px 0;
}
/*---------------------------------
	fin no hace efecto en la pagina, 
-----------------------------------*/
.grey-wrapper {
    background-color: #FEFEFE;/*!important color de fondo del contenedor de imagenes, equipo e instalaciones*/
    padding:60px 0;/*espacio superior e inferior del contenedor*/
}
/*---------------------------------
	ini no hace efecto en la pagina,
-----------------------------------*/
.#27286E-wrapper {
    background-color:#FEFEFE;
    padding:60px 0;
}
/*---------------------------------
	fin no hace efecto en la pagina,
-----------------------------------*/
.blog-wrapper {/*estilo del contenedor en seccion noticia*/
    background-color:#FEFEFE;/*!important color de fondo del contenedor*/
    padding:30px 0;/*espacio superior e inferior del contenedor*/
}
.entrada-3{
    width:33%;
    float:left;
    height:300px;
    overflow:hidden;
}
.entrada-3 h2{
    height:60px;
    margin:0;
    padding:0
}
.entrada-3 a{
    border-radius:8px;
    padding:5px;
}
.entrada-3 img{
    border-radius:50%;
}
.entrada-4{
    width:25%;
    float:left;
    height:300px;
    overflow:hidden;
}
.entrada-4 h2{
    height:60px;
    margin:0;
    padding:0;  
}
.entrada-4 a{
    border-radius:8px;
    padding:5px;
}
.entrada-4 img{
    border-radius:50%;
}
.proyectos{
    width:40%;
    margin:50px;
    overflow:hidden;
    float:left;
}
/*---------------------------------
	ini no hace efecto en la pagina,
	no existe .custom-message ni .custom-wrapper #boxed o #accordion-second
-----------------------------------*/
.custom-message {
    padding:90px 0;
}
.custom-message h1 {
    text-align:center;
    color:#222 !important;
    font-weight:bold;
    font-size:54px;
}
.custom-wrapper {
    background: url(demos/custom_wrapper_bg.jpg) no-repeat center center; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.custom-wrapper .testimonial h3 {
    color:#222 !important;
}

#boxed {
    background: red; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#boxed #wrapper {
    background:#010101; 
    margin:50px auto;
}
#boxed .#27286E-wrapper,
#boxed .grey-wrapper {
    margin:0 -15px;
}
#boxed #topbar .social-icons span a,
#boxed #topbar .social-icons span.last a,
#boxed #topbar .topbar-email, 
#boxed #topbar .topbar-phone, 
#boxed #topbar .topbar-login, 
#boxed #topbar .topbar-cart,
#boxed #topbar {
    border:none;
}
.grey-wrapper #accordion-second .accordion-heading .accordion-toggle,
.grey-wrapper #accordion-second .accordion-heading, 
.grey-wrapper #accordion-second .accordion-toggle:hover, 
.grey-wrapper #accordion-second .accordion-heading .accordion-toggle.active,
.grey-wrapper #accordion-second .accordion-inner,
.grey-wrapper .testimonial-wrap {
    background:#020202;
}
/*---------------------------------
	fin no hace efecto en la pagina,
-----------------------------------*/
.general-title hr {
    width:30px;/*!important ancho de la linea superior en seccion con galeria*/
    margin-bottom:0;
    margin-top:0;
    border-width: 2px 0 0;/*!important ancho de la linea*/
}
.general-title h2 {/*titulo de la seccion con galeria*/
    font-size:31px;/*!important tama�o de fuente*/
    text-rendering: optimizeSpeed;
    letter-spacing:0.6px;/*!important espaciado de las letras*/
    padding-bottom:0;
    font-weight:bold;/*!important ancho de la letra*/
}
/*---------------------------------
	ini no hace efecto en la pagina,
-----------------------------------*/
.general-title,
.messagebox {
    text-align:center;
}
.general-title .lead {
    margin-top:10px !important;
}
/*---------------------------------
	fin no hace efecto en la pagina,
-----------------------------------*/

/* ----------------------------------------------------
        SLIDER STYLES
------------------------------------------------------- */
.rsUni, 
.rsUni .rsOverflow, 
.rsUni .rsSlide, 
.rsUni .rsVideoFrameHolder, 
.rsUni .rsThumbs {
    background: #27286E !important;/*!important color de fondo en caso de que la imagen del slider no exista*/
}
/*---------------------------------
	ini no hace efecto en la pagina,
-----------------------------------*/
#gallery-2 {
    width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;  
    user-select: none;
}
.aboutslider-shadow {
    width:100%;
    position:relative;
    z-index:1;
}
.aboutslider-shadow .s1 {
    background:url(../images/flexslider_shadow.png) center no-repeat;
    height:29px;
    margin:0 auto;
    bottom:-28.5px;
    overflow:hidden;
    width:100%;
    position:absolute;
    left:0;
}
.slider-shadow.without {
    margin-top:-20px !important;
}
.slider-shadow {
    background:url(../images/slider-shadow.png) center center no-repeat;
    width:100%;
    height:77px;
    display:block;
    z-index:0;
    overflow:hidden;
    position:relative;
    margin:0 auto;
}
.fullscreen-container {
    width:100%;
    position:relative;
    padding:0;
    display:none;
}
.fullwidthbanner-container{
    width:100%;
    position:relative;
    padding:0;
    overflow:hidden;
}
.fullwidthbanner-container ul,
.fullscreenbanner-container ul	{
    display:none
}
.fullwidthbanner-container .fullwidthbanner{
    width:100%;
    position:relative;
}
#slider-in-laptop {
    width: 100%;
    height: auto;
    padding: 3% 15% 0 16%;
    background: none;
}
#slider-in-laptop .rsOverflow,
#slider-in-laptop .rsSlide,
#slider-in-laptop .rsVideoFrameHolder,
#slider-in-laptop .rsThumbs {
    background: #151515;
}
.imgBg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
}
#slider-in-laptop .rsBullets {
    bottom: -50px;
}
.laptopBg {
    position: relative;
    width: 100%;
    height: auto;
}
#slider-in-laptop .rsBullets {
    bottom: -50px;
}
.shop_title_slider_2 {
    font-size:36px;
    text-transform:uppercase;
    font-weight:bold;
    color:#222;
}
.shop_title_slider {
    font-size:48px;
    text-transform:uppercase;
    font-weight:bold;
    color:#777777;
}
/*---------------------------------
	fin no hace efecto en la pagina,
	T�TULO DE LA NOTICIA:
-----------------------------------*/
.high_title2 {
    font-size:48px;/*!important tama�o de fuente del titulo del slider en index.php*/
    font-family: 'Lato',sans-serif;
    font-weight: normal !important;/*!important grosor de la fuente*/
    letter-spacing: 0;
    line-height: 120% !important;/*!important alineado vertical*/
    padding: 0 0 10px;
    position: relative;
    text-shadow: 2px 2px 5px #000000;  /*!important SOMBRA DEL TITULO DE LA NOTICIA*/
    /*-webkit-text-stroke:.0px #0A270B;   !important BORDE DEL T�TULO DE LA NOTICIA*/
}
/*---------------------------------
	ini no hace efecto en la pagina,
-----------------------------------*/
.high_title {
    font-size:70px;
    font-family: 'Lato',sans-serif;
    font-weight: 100 !important;
    letter-spacing: 0;
    line-height: 140% !important;
    padding: 0 0 10px;
    position: relative;
}
.big_title_slider {
    color: #777777;
    font-size:40px;
    font-family: 'PT Sans',sans-serif;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 140% !important;
    padding: 0 0 10px;
    position: relative;
}
.big_title {
    color: #222222;
    font-size:36px;
    font-family: 'PT Sans',sans-serif;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 140% !important;
    padding: 0 0 10px;
    position: relative;
}

.slider_title_a {
    color: #222222;
    font-size:36px;
    font-family: 'Pacifico',sans-serif;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 140% !important;
    padding: 0 0 10px;
    position: relative;
}
.upper_title {
    text-transform:uppercase;
    font-size:36px;
    font-weight:bold;
    font-family: 'PT Sans',sans-serif;
}
.small_title2 {
    color:red !important;
}
.mini_title2 {
    font-family: 'PT Sans',sans-serif;
    font-size:16px !important;
    font-weight:normal !important;
    color:red !important;
}
/*---------------------------------
	fin no hace efecto en la pagina,
-----------------------------------*/
.light_title {/*estilo para la DESCRIPCI�N DE LA NOTICIA dentro del slider */
    color: #FFF;/*!important color del texto*/
    font-family: 'Lato',sans-serif;
    font-size:24px;/*!important tama�o de fuente del texto*/
    font-weight:bold;/*!important grosor de la fuente*/
    letter-spacing: 0;
    padding: 0 0 10px;
    position: relative;
    line-height: 140% !important;/*!important alineacion vertical*/
    text-shadow: 2px 2px 5px #000000;  /*!important SOMBRA DEL SUBTITULO DE LA NOTICIA*/
    /*-webkit-text-stroke:.0px #0A270B;   !important BORDE DE LA DESCRIPCI�N DE LA NOTICIA*/
}
.small_title2,
.small_title {/*estilo para el enlace a la noticia del slider*/
    color: #FFF;/*!important color del texto*/
    font-family: 'Lato',sans-serif;
    font-size:20px;/*!important tama�o de la fuente*/
    letter-spacing: 0;
    font-weight:lighter;
    position: relative;
    line-height: 140% !important;/*!important alineacion con respecto al slider*/
}
/*---------------------------------
	ini no hace efecto en la pagina,
-----------------------------------*/
.mini_title span {
    font-size:24px;
}
.mini_title {
    color: #777777fff;
    font-family: 'Lato',sans-serif;
    font-size:14px;
    font-weight:bold !important;
    letter-spacing: 0;
    padding: 0 0 10px;
    font-weight:lighter;
    position: relative;
    line-height: 140% !important;
}
.tp-bullets.simplebullets.navbar {
    height: 35px;
    padding: 0;
}
.tp-bullets.simplebullets .bullet {
    cursor: pointer;
    position: relative !important;
    background: #efefef !important;
    -webkit-border-radius: 0;
    -webkit-border-radius:100px;
    -moz-border-radius:100px;
    border-radius:100px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    width: 6px !important;
    height: 6px !important;
    border: 6px solid rgba(0, 0, 0, 0) !important;
    display: inline-block;
    margin-right: 2px !important;
    margin-bottom: 14px !important;
    -webkit-transition: background-color 0.2s, border-color 0.2s;
    -moz-transition: background-color 0.2s, border-color 0.2s;
    -o-transition: background-color 0.2s, border-color 0.2s;
    -ms-transition: background-color 0.2s, border-color 0.2s;
    transition: background-color 0.2s, border-color 0.2s;
    float:none !important;
}
.tp-bullets.simplebullets .bullet.last {
    margin-right: 0px
}
.tp-bullets.simplebullets .bullet:hover,
.tp-bullets.simplebullets .bullet.selected {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    width: 6px !important;
    height: 6px !important;
    border: 5px solid #111;
}
.tparrows:before {
    font-family: 'revicons';
    color: #777777fff;
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    margin-right: 0;
    margin-top: 17px;
    text-align: center;
    width: 55px;
    font-size: 21px;
}
.slides-navigation a,
.tp-leftarrow, 
.tp-rightarrow{
    opacity:0.6 !important;
    filter:alpha(opacity=60); /* For IE8 and earlier */
}
.slides-navigation a:hover,
.tp-leftarrow:hover, 
.tp-rightarrow:hover{
    filter:alpha(opacity=100); /* For IE8 and earlier */
    opacity:1 !important;
}
.tparrows {
    border:2px solid #aaaaaa;
    cursor: pointer;
    background: rgba(0, 0, 0, 0.5) !important;
    width: 60px !important;
    height: 60px !important;
}
.tparrows:hover {
    color: #777777;
}
.tp-leftarrow:before {
    content: '\e824';
}
.tp-rightarrow:before {
    content: '\e825';
}
.tparrows.tp-rightarrow:before {
    margin-left: 1px;
}
/*---------------------------------
	fin no hace efecto en la pagina,
-----------------------------------*/
/* ----------------------------------------------------
        MODULES
------------------------------------------------------- */
/*---------------------------------
	ini no hace efecto en la pagina,
-----------------------------------*/
#revvideo {
    width:100%;
    height:100%;
}
.custom-select {
    background: none repeat scroll 0 0 #030303 !important;
    border: 1px solid #020202 !important;
    box-shadow: 0 0 0 1px #343434 inset, 1px 2px 0 #353535 !important;
    outline: medium none;
    position: relative;
}
#video {
    border:1px solid #030303;
}
#soundcloud {
    border:1px solid #030303;
    width:100%;
}
/*---------------------------------
	fin no hace efecto en la pagina,
-----------------------------------*/
.contact_form {
    overflow:hidden;
    margin:50px 0 25px;/*!important margen superior e inferior del div de pide cita*/
    float:left;
    width:100%;
}
.contact-icon a i{
    color:#27286e;
}
/*---------------------------------
	ini no hace efecto en la pagina,
-----------------------------------*/
.overlay .contact_details {
    color:#777777 !important;
}
/*---------------------------------
	fin no hace efecto en la pagina,
-----------------------------------*/
.contact_form textarea {
    height:133px !important;/*!important alto del contenedor del mensaje en fomrularios*/
}
.contact_form .form-control {/*estilo de los formulario de contacto*/
    margin-bottom:10px;/*margen de los input*/
    height:62px;/*alto predeterminado de los input*/
    border-color:#414141;/*color del borde de los input*/
    box-shadow:none;
}
.form-control {
    background-color:#030303;/*color de fondo de los input en los formularios*/
    border-color:#414141;/*color del borde de los input en los formularios*/
}
/*---------------------------------
	ini no hace efecto en la pagina,
	no existe ningun #contactform
-----------------------------------*/
#contactform fieldset {
    padding:10px;
    border:1px solid #eee;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
}
#contactform legend {
    padding:7px 10px; 
    font-weight:bold; 
    color:#000; 
    border:1px solid #eee; 
    -webkit-border-radius:5px; 
    -moz-border-radius:5px; 
    margin-bottom:0 !important; 
    margin-bottom:20px;
}
#contactform span.required{ 
    font-size: 13px; 
    color: #ff0000;
}
/*---------------------------------
	fin no hace efecto en la pagina
-----------------------------------*/
#message {/*esitlo del div superior a los formularios*/
    margin: 10px 0; /*margen superior e inferior del div*/
    padding: 0;
}
.error_message {/*estilo del mensaje de error*/
    display: block; 
    height: 22px; 
    line-height: 22px; 
    background: #FBE3E4 url(../images/error.gif) no-repeat 10px center;
    padding: 3px 10px 3px 35px; 
    color:#8a1f11;
    border: 1px solid #FBC2C4; 
    -webkit-border-radius:5px;
}
.loader {
    padding: 0 10px;/*margen derecho e izquierdo del icono de carga*/
}
/*---------------------------------
	ini no hace efecto en la pagina
-----------------------------------*/
#contactform #success_page h1 {
    background: url(../images/success.gif) left no-repeat; 
    padding-left:22px;
}
acronym {
    border-bottom:1px dotted #ccc;
}
/*---------------------------------
	fin no hace efecto en la pagina
-----------------------------------*/
#map{
    height:450px;/*!important alto del contenedor del mapa en contacto*/
    width:100%;/*!important ancho del div del mapa en contacto*/
}
/*---------------------------------
	ini no hace efecto en la pagina,
	no existe .map ni hay imagen dentro de #map
-----------------------------------*/
#map img{
    max-width:inherit
}
.map{
    position:relative
}
.map .row .col-lg-4{
    float:right;
    margin-top:-450px;
    z-index:9
}
/*---------------------------------
	fin no hace efecto en la pagina
-----------------------------------*/
.contact-icon {
    margin:20px 0;/*!important margen superior e inferior de los iconos de contacto*/
    overflow:hidden;
}
#img_contacto{
    float:left;
    width:30%;
    margin-top:20px;
    height:200px;
}
#img_contacto img{
    height:100%;
}
#desc_contacto{
    width:50%;
    float:left;
}
.check-al{
    width:100%;
    overflow: hidden;
}
.check-al a{
    color:#27286e;
}
/*---------------------------------
	ini no hace efecto en la pagina,
	no existe muchas de las clases a continuacion
-----------------------------------*/
.map .row{
    position:relative
}
.infobox img {
    width:100% !important;
}
.map .searchmodule {
    padding:18px 10px
}
.infobox {
    display: inline-block;
    padding: 5px;
    position: relative;
    width: 270px;
}
.infobox img {
    width:80px !important;
    padding-right:10px
}
.infobox .title {
    font-size:13px;
    font-weight:bold;
    margin-top:0;
    margin-bottom:0;
    text-transform:uppercase;
    padding-bottom:5px;
}
.infobox .title a {
    font-weight:bold;
}
.search_form {
    position:relative;
}
.search_form:after {
    color: #d9d9d9;
    font-size: 12px;
    height: 40px;
    line-height: 40px;
    position: absolute;
    width: 40px;
    right:0;
    top:0;
    font-family: 'FontAwesome';
    content: "\f002";
}
.grey-wrapper .pricing_detail {
    background:#010101;
}

.grey-wrapper .pricing_detail .priceamount {
    border-color:#010101;
}
.pricing_detail {
    border:1px solid #515151;
    padding:30px 20px;
    text-align:center;
    -webkit-transition: background-color .2s linear, color .2s linear;
    -moz-transition: background-color .2s linear, color .2s linear;
    -o-transition: background-color .2s linear, color .2s linear;
    -ms-transition: background-color .2s linear, color .2s linear;
    transition: background-color .2s linear, color .2s linear;
}
.pricing_detail:hover h3,
.pricing_detail:hover ul li {
    color:#777777;
}
.pricing_detail:hover header {
    border-color:#515151;
}
.pricing_detail header {
    border-bottom:1px solid #515151;
}
.pricing_detail header h3 {
    font-size:30px;
    margin-top:35px;
    padding:0;
    display:block;
    overflow:hidden;
}
.pricing_info {
    display:block;
}
.pricing_info ul {
    padding-left:0;
}
.pricing_info ul li {
    list-style:none;
    padding:15px 0;
}
.pricing_boxes {
    padding:80px 0;
    display:block;
    overflow:hidden;
    position:relative;
}
.pricing_detail:hover .btn{
    color:#777777fff !important;
    background:#222 !important;
}
.pricing_detail .priceamount {
    -webkit-border-radius:500px;
    -moz-border-radius:500px;
    border-radius:500px;
    color: #777777FFF;;
    background:#222222;
    display: block;
    border:10px solid #010101;
    font-size: 16px;
    height: 120px;
    margin: 0 auto;
    text-align: center;
    width: 120px;
    position: absolute;
    top: -70px;
    left: 0;
    right: 0;
    padding-top:23px;
    line-height: 1.6;
}
.banners li {
    list-style:none;
    margin:5px;
    float:left !important;
}
.banners li .img-thumbnail {
    background-color: #030303;
    border: 1px solid #515151;
    border-radius: 0;
    padding: 5px;
}

.long-twitter i {
    font-size:31px;
}
.long-twitter a {
    text-decoration:underline;
    color:#777777fff;
}
.long-twitter {
    color:#777777fff;
}
.tab-content {
    border-left:1px solid #414141;
    border-bottom:1px solid #414141;
    border-right:1px solid #414141;
}
/*---------------------------------
	fin no hace efecto en la pagina,
-----------------------------------*/
.nav-tabs > li > a {
    border: 1px solid #414141;
    line-height: 1.42857;
    margin-right: 0;
}
.nav-stacked li:last-child {
    border-bottom-color:#414141 !important;
}
.nav-stacked > li > a {
    color:#777777;
    border:0 solid #414141 !important;
} 
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    background-color: #030303;
    border-color: #414141 #414141 rgba(0, 0, 0, 0);
}
.nav-stacked li {
    border-top:0 solid #efefef !important;
    border-left:0 solid #efefef !important;
    border-bottom:1px solid #414141 !important;
    border-right:0 solid #efefef !important;
}
.panel-title:after {
    content: "\f078";
    color: #292723;
    float:right;
    display: block;
    font-family: 'FontAwesome';
    font-size: 13px;
    margin-top:-20px;
    pointer-events: none;
    position:relative;
    line-height: 20px;
    text-transform: none;
}
.panel-body h4 {
    font-size: 16px;
    margin: 10px 0 20px;
    padding:0 !important;
}
.panel-body .form-control {
    margin-bottom:0;
}
.panel-group .panel-heading + .panel-collapse .panel-body, .panel-default {
    background: none repeat scroll 0 0 #333333;
    border: 1px solid #515151 !important;
    box-shadow: 0 0 #777777FFF;
}
.panel-title {
    padding: 0;
}
.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
    background-color:#020202;
}
.panel-default > .panel-heading {
    background-color: #030303;
    padding:15px 20px;
    border: 1px solid #414141;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.panel-default > .panel-heading a:hover {
    background:none !important; 
    color:#777777 !important;
}
.panel-default > .panel-heading a {
    color: #777777;
    font-size: 18px;
    width: 100%;
    display: block;
}
.stat {
    text-align:center;
}
.highlight {
    color:#777777fff;
    padding:30px 0;
    font-weight:bold;
    display:block;
    overflow:hidden;
    margin-bottom:0;
    font-size:48px;
}
.milestone-details {
    font-weight:bold;
    font-size:18px;
    color:#777777;
}
.dmtop {
    background-color:#161616;
    background-image: url(../images/arrow.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    z-index: 9999;
    width: 40px;
    height: 40px;
    text-indent: -99999px;
    position: fixed;
    bottom: -100px;
    right: 25px;
    cursor: pointer;
    -webkit-transition: all .7s ease-in-out;
    -moz-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out;
    -ms-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out;
    overflow: auto;
}
.progress {
    position:relative;
    overflow:visible
}
.skill_count {
    position:absolute;
    right:0;
    font-weight:bold;
    font-size:16px; 
    color:#777777;
    top:-9px
}
.skills_bar {
    margin:10px 0;
    overflow:hidden;
}
.skills_bar small {
    font-size:14px;
    color:#777777;
    margin:10px 0;
}
.progress {
    border-radius:0;
    box-shadow:none;
    border-bottom:1px solid #cbcbcb;
    background:none;
    margin:10px 0;
    height:10px;
}
#accordion-second .accordion-group{
    margin-bottom:10px;
}
#accordion-second .accordion-heading{
    border-bottom:0;
    font-size:16px;
}
#accordion-second .accordion-heading .accordion-toggle{
    display:block;
    cursor:pointer;
    padding:0 !important;
    color:#777777;
    background:#010101;
    outline:none!important;
    text-decoration:none
}
#accordion-second .accordion-heading,
#accordion-second .accordion-toggle:hover,
#accordion-second .accordion-heading .accordion-toggle.active{
    background:#010101;
}
#accordion-second .accordion-heading .accordion-toggle > em {
    background-color: #030303;
    border-radius:0;
    color: #777777;
    font-size:14px;
    height: 37px;
    line-height: 40px;
    margin-right: 10px;
    text-align: center;
    width: 40px;
}
#accordion-second .accordion-inner{
    padding:9px 10px;
    background:#010101;
}	
#accordion-first .accordion-group{
    margin-bottom:10px;
}
#accordion-first .accordion-heading{
    border-bottom:0;
    font-size:16px;
}
#accordion-first .accordion-heading .accordion-toggle{
    display:block;
    cursor:pointer;
    padding:5px 0 !important;
    color:#777777;
    outline:none!important;
    text-decoration:none
}
#accordion-first .accordion-heading,
#accordion-first .accordion-toggle:hover,
#accordion-first .accordion-heading .accordion-toggle.active{
    background:none;
}
#accordion-first .accordion-heading .accordion-toggle > em {
    background-color: #222222;
    -webkit-border-radius:100px;
    -moz-border-radius:100px;
    border-radius:100px;
    color: #777777FFF;
    font-size:14px;
    height: 32px;
    line-height: 32px;
    margin-right: 10px;
    text-align: center;
    width: 32px;
}
#accordion-first .accordion-inner{
    padding:9px 10px;
}
.check li:before {
    content: "\f00c";
    font-family: "FontAwesome";
    font-size: 16px;
    left: 0;
    padding-right:5px;
    position: relative;
    top: 2px;
}
.check li {
    font-size:13px;
    list-style:none;
    margin-bottom:4px;
}
.check {
    margin-left:0; 
    padding-left:0
}
.check li a {
    color:#656565;
}
#services .item {
    padding:15px;
}
.item h3 {
    padding-top:15px;
    padding-bottom:0;
}
.item .icon-container {
    font-size:24px;
    float:left;
    margin:0 20px 0 0;
}
.servicesbox_content p {
    display:inline-block;
    margin-top:10px;	
}
.servicesbox_content {
    display:block !important;
    width:100% !important;
    padding:2px
}
.services_lists_boxes .service-icon-circle {
    text-align:center;
}
.services_lists_boxes {
    margin: 20px 0 20px 0;
    display:block;
    color:#777777;
    position:relative;
    overflow:hidden;
}
.services_lists_boxes h4 {
    color:#777777;
    font-size: 21px;
    padding-bottom: 0;
    font-weight:500;
    text-transform:uppercase;
}
.custom-services {
    position:relative !important;
    padding:0;
    margin:20px 0;
    display:block;
    overflow:visible;
}
.ch-item {
    position:relative !important;
    padding:0;
    margin:20px 0;
    height:200px;
    display:block;
    overflow:visible;
}
.ch-info-wrap{
    position: absolute;
    width: 100%;
    height: 200px;
    border-radius: 10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -webkit-perspective: 800px;
    -moz-perspective: 800px;
    -o-perspective: 800px;
    -ms-perspective: 800px;
    perspective: 800px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    background: #030303;
}
.ch-info-back  {
    padding:15px;
    text-align:center;
}
.ch-info-front {
    padding-top:40px;
    text-align:center;
}
.ch-info-back h3 {
    font-size:20px;
    margin-bottom:0;
    padding-bottom:0;
    color:#777777fff;
    font-weight:bold;
}
.ch-info-back p {
    color:#777777fff;
}
.ch-info-front h3 {
    font-size:20px;
    color:#777777;
    font-weight:bold;
}
.ch-info{
    position: absolute;
    width: 100%;
    height: 200px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.ch-info > div {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-position: center center;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    border-radius: 10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
}
.ch-info .ch-info-back {
    -webkit-transform: rotate3d(0,1,0,180deg);
    -moz-transform: rotate3d(0,1,0,180deg);
    -o-transform: rotate3d(0,1,0,180deg);
    -ms-transform: rotate3d(0,1,0,180deg);
    transform: rotate3d(0,1,0,180deg);
}
.ch-item:hover .ch-info {
    -webkit-transform: rotate3d(0,1,0,-180deg);
    -moz-transform: rotate3d(0,1,0,-180deg);
    -o-transform: rotate3d(0,1,0,-180deg);
    -ms-transform: rotate3d(0,1,0,-180deg);
    transform: rotate3d(0,1,0,-180deg);
}
.service-with-image .entry {
    position:relative;
}
.service-with-image {
    overflow:hidden;
    margin:20px 0;
}
.service-desc {
    padding:20px 0;
}
.service-title a i {
    padding-right:5px;
}
.service-title a {
    font-weight:bold;
    text-transform:uppercase;
}
.service-title {
    background:#777777FFF;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    max-width: 120px;
    margin: auto;
    text-align: center;
    padding: 4px;
}
.service_vertical_box {
    overflow: hidden;
    display: block;
    margin-bottom: 20px;
}
.services_vertical .general-title h2 {
    padding:0 !important;
    color:#777777 !important;
    text-align:left;
    font-size:30px !important;
}
.services_vertical p {
    padding:0 !important;
    text-align:left;
}
.services_vertical 
{
    overflow:hidden;
    padding:30px 0;
}
.services_vertical h3 {
    padding: 0 !important;
    font-size:18px;
}
.service_vertical_box .service-icon {
    float:left;
    clear: both;
    display: block;
    height: 60px;
    line-height: 60px;
    margin: 35px 20px;
    width: 60px;
}
.service_vertical_box a.readmore {
    padding-left:98px;
}
.services_vertical .icon-container {
    float:left;
}
.icon-container {
    border: 1px solid #777777FFF;
    border-radius: 100px;
    -webkit-border-radius:100px;
    -moz-border-radius:100px;
    clear: both;
    color: #777777FFF;
    display: block;
    font-size: 21px;
    height: 55px;
    line-height: 55px;
    margin: 38px 20px;
    text-align: center;
    width: 55px;
}
.servicebox {
    margin:20px 0;
}
.servicebox h3 {
    padding:0
}
.border-none {
    -webkit-border-radius:0 !important;
    -moz-border-radius: 0 !important;
    border-radius:0 !important;
}
.border-radius {
    -webkit-border-radius:500px !important;
    -moz-border-radius: 500px !important;
    border-radius:500px !important;
}
.service-icon i {
    color:#666666;
}
.little-padding {
    padding:5px 0 0 !important;
    overflow:hidden;
}
.make-bg {
    line-height:113px !important;
}
.make-bg i{
    font-size:2.6em !important;
    color:#777777 !important;
}
.servicebox:hover .make-bg {
    background:#010101 !important;
    border-color:#414141 !important;
}
.servicebox:hover .border-none {
    border-bottom-color:#030303;
}
.service-icon-circle {
    overflow:hidden;
    margin:20px auto;
    display:block;
    position:relative;
    border:1px solid #222;
    height:100px;
    width:100px;
    line-height:107px;
    -webkit-border-radius: 0 100px 100px;
    -moz-border-radius: 0 100px 100px;
    border-radius: 0 100px 100px;
    -webkit-transition: background-color .2s linear, color .2s linear;
    -moz-transition: background-color .2s linear, color .2s linear;
    -o-transition: background-color .2s linear, color .2s linear;
    -ms-transition: background-color .2s linear, color .2s linear;
    transition: background-color .2s linear, color .2s linear;
}
.sr-only {
    display:block !important;
    overflow:visible;
    visibility:visible
}
.service-icon-circle i {
    font-size:24px;
}
/*---------------------------------
	fin no hace efecto en la pagina,
-----------------------------------*/
.btn {
    font-family: 'PT Sans',sans-serif;/*fuente de todos los botones de la pagina*/
}
/*---------------------------------
	ini no hace efecto en la pagina,
	no hay ningun elemento con esta clase
-----------------------------------*/
.btn-dark {
    background-color:#222222;
    color:#777777fff;
    border:none;
}
.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active,
.btn-dark.active{
    color: #777777fff;
    border:none;
}
/*---------------------------------
	fin no hace efecto en la pagina,
-----------------------------------*/
.btn-lg {/*estilo de bootstrap*/
    padding:10px 30px;
    font-size:16px;/*!important tama�o de fuente de los botones*/
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
    color: white;/*color del texto de los botones cuando el raton esta encima*/
    background-color: #23276d;   /*color de fondo de los botones cuando el raton esta encima*/
}
.arrow-up {/*estilo del div que contiene la flecha de los submenus desplegables*/
    border-bottom: 5px solid #010101;/*!important color de la flecha*/
    border-left: 5px solid rgba(0, 0, 0, 0);
    border-right: 5px solid rgba(0, 0, 0, 0);
    bottom: -1px;
    height: 0;/*!important alto del div*/
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 0;
}
/*---------------------------------
	ini no hace efecto en la pagina,
	no existe .doc, #bbpress-forums, .tabbed-menu, .lead, .messagebox, #bilding, #payment
-----------------------------------*/
.doc li a {
    color:#777777 !important;
}
#bbpress-forums div.even,
#bbpress-forums div.odd,
#bbpress-forums ul.even,
#bbpress-forums ul.odd,
#bbpress-forums li.bbp-header {
    background-color: red !important;
    color: #777777FFF !important;
}  
#bbpress-forums li.bbp-body ul.forum li.bbp-forum-info a,
#bbpress-forums li.bbp-body ul.forum li.bbp-forum-freshness a:first-child,
#bbpress-forums li.bbp-body ul.forum li.bbp-forum-freshness p span.bbp-topic-freshness-author a,
.doc .flexslider a {
    color:#777777fff !important
}
.doc .blog-carousel {
    padding:15px !important;
}
.doc .highlight {
    margin-top:10px;
    font-size:72px !important;
    font-weight:normal;
    color:#777777fff;
    font-family: 'Lato', cursive;
}
.doc .green {
    color:#77be32 !important;
}
.doc .red {
    color:#f2333a !important;
}
.doc .yellow {
    color:#F7C221 !important;
}
.doc .milestone-details {
    font-size:21px !important;
    font-weight:100;
    color:#777777fff;
    font-family: 'Lato', cursive;
    text-transform:uppercase;
    padding:20px;
}
.tabbed-menu ul {
    list-style:none;
    list-style-position:outside;
    display:inline;
    margin:10px 0;
}    
.tabbed-menu li { 
    line-height:12px;
    float:left;
    padding:10px 7px; 
}
.tabbed-menu li a {
    color:#222;
}
.general-title .lead,
.messagebox .lead {
    font-family: 'Lato',sans-serif;
    font-weight:300;
    line-height:1.9;
    margin:15px 0;
}
.messagebox h1 {
    color:#777777;
    font-weight:bold;
    font-size:30px;
}
.messagebox .btn-dark,
.messagebox .btn-dark:hover {
    background:#010101 !important;
    color:#777777 !important;
}
.messagebox h2 {
    font-size:30px;
}
.calloutbox-full-mini .lead,
.calloutbox-full .lead {
    color:#777777;
    margin:10px 0 20px;
}
.calloutbox-full-mini {
    padding:20px 0;
    text-align:center;	
}
.calloutbox-full {
    padding:60px 0;
    text-align:center;
}
.calloutbox .form-control {
    height:35px;
}
#bilding label, 
#bilding .form-control {
    margin:10px 0 0;
}
#payment p.small {
    font-weight:100
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    border-color:#414141;
}
.table > thead > tr > th {
    border: 1px solid #414141;
}
#payment label {
    border: 1px solid #414141;
    padding: 15px 40px !important;
}
.calloutbox {
    position:relative;
}
.bggrey h2 {
    color:#222222 !important;
    font-weight:bold;
}
.bgdark {
    background:#010101 !important;
}
.bggrey {
    color:#222222 !important;
    background:#010101 !important;
    border-left:8px solid #030303;
}
.calloutbox-full-mini h2,
.calloutbox-full h2 {
    font-size:36px;
    padding:0;
    margin:0;
    text-transform:uppercase;
    color:#777777;
}
.calloutbox h2 {
    font-size:28px;
    padding:0;
    margin:0;
    text-transform:uppercase;
    color:#777777 !important;
}
.calloutbox {
    margin:20px 0;
    color:#777777 !important;
    padding:30px 20px 20px;
    overflow:hidden;
}
.calloutbox .btn-dark:hover {
    background:#232323;
}
.#27286E-clients .client-wrap {
    border-color:#414141;
}
.client-wrap {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-color:#444647;
    border-right-style: solid;
    border-right-width: 1px;
    padding: 30px;
}
.client-wrap.last {
    border-right-width: 0;
}
.client-wrap.no-border {
    border-bottom-width: 0;
}
.not_found h1 {
    margin-bottom:0;
    font-size: 200px;
    padding-bottom:0;
    font-weight: bold;
    line-height: 1;
}
/*---------------------------------
	fin no hace efecto en la pagina,
-----------------------------------*/

/* ----------------------------------------------------
        BLOG SECTIONS
------------------------------------------------------- */

/*no existe #comments_form*/
#comments_form .form-control{
    margin-bottom:100px;
}/*fin elemento*/
#comments {
	padding:20px;/*margen interior de los textarea*/
}
/*---------------------------------
	ini no hace efecto en la pagina,
	no existen muchas clases de a continuacion
-----------------------------------*/
.comment-list {
    margin: 60px 0;
    list-style:none;
}
.comment-list ul li,
.comment-list ol li {
    list-style:none;
}
.comment-avatar {
    margin: 0 20px 0 0;
    float: left;
    height: 70px; width: 70px;
}
.comment-content {
    background: #020202;
    border: 1px solid #515151;
    margin-bottom: 20px;
    overflow: hidden;
    padding: 20px;
}
.comment-reply a {
    color:#777777 !important;
}
.comment-author {
    margin-bottom: 10px;
}
.comment-meta {
    font-size: 12px;
    color: #aaa;
    padding-left:10px;
}
.comment-reply {
    margin:-10px -5px 0 0;
    float: right;
    font-size: 12px;
    color: #777777fff;
}
.leave-comment textarea {
    height: 150px;
}
.authorbox_wrapper {
    padding:20px;
    border-bottom: 1px solid #414141;
    margin-bottom: 50px;
}
.authorbox_wrapper img {
    margin:0 20px 20px 0;
    width:100px !important;
}
.authorbox_wrapper h4 {
    margin-bottom:0;
    padding-bottom:0;
}
.authorbox_wrapper p {
    padding-top:5px;
    margin-top:5px;
}
/*---------------------------------
	fin no hace efecto en la pagina
-----------------------------------*/
.blog_button {/*estilo del titulo de las especialidades, presentacion y seguros*/
    -moz-user-select: none;
    /*background:#27286E;/*!important color de fondo*/
    border: 0px solid #cbcbcb;/*!important borde del titulo*/
    color: black;/*!important color del texto*/
    display: inline-block;
    font-size: 31px;
    font-weight: bold;
    line-height: 1.42857;
    margin-bottom: 30px;
    padding: 10px 23px;
    text-align: center;
    vertical-align: middle;
}
.timeline {/*estilo del contenedor de las noticias en promociones*/
    list-style: none;
    padding: 20px 0 20px;/*!important espacio entre las noticias y el paginado*/
    position: relative;
}
.timeline:before {
    top: 0;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 1px;/*ancho de la linea que divide las promociones*/
    background-color: #27286E;/*!important color de la linea que divide las promociones*/
    left: 50%;
    margin-left: -1.5px;
}
.timeline > li {
    margin-bottom: 20px;/*margen inferior de cada una de las noticias*/
    position: relative;
}
/*---------------------------------
	ini no hace efecto en la pagina
-----------------------------------*/
.timeline > li:before,
.timeline > li:after {
    content: " ";
    display: table;
}
.timeline > li:after {
    clear: both;
}
.timeline > li:before,
.timeline > li:after {
    content: " ";
    display: table;
}
.timeline > li:after {
    clear: both;
}
/*---------------------------------
	fin no hace efecto en la pagina
-----------------------------------*/
.timeline > li > .timeline-panel {
    width: 492px;/*!important ancho que ocupa cada una de las noticias*/
    float: left;/*!important posicion de la noticia en la pagina, solo noticias en la izquierda*/
    border: 1px solid #515151;/*!important borde que rodea la noticia*/
    border-radius: 2px;/*!important redondeo de los bordes */
    padding: 20px;/*espacio interno en todos los sentidos*/
    position: relative;
}
.timeline > li > .timeline-panel:before {/*estilo referente a la flecha lateral de las noticias*/
    position: absolute;
    top: 26px;
    right: -15px;
    display: inline-block;
    border-top: 15px solid transparent;/*!important no tocar*/
    border-left: 15px solid #515151;/*!important no tocar*/
    border-right: 0 solid #515151;/*!important no tocar*/
    border-bottom: 15px solid transparent;/*!important no tocar*/
    content: " ";
}
.timeline > li > .timeline-panel:after {/*estilo referente a la flecha lateral de las noticias*/
    position: absolute;
    top: 27px;
    right: -14px;
    display: inline-block;
    border-top: 14px solid transparent;/*!important no tocar*/
    border-left: 14px solid #515151;/*!important no tocar*/
    border-right: 0 solid #515151;/*!important no tocar*/
    border-bottom: 14px solid transparent;/*!important no tocar*/
    content: " ";
}
.timeline > li > .timeline-badge {/*estilo del icono en la linea divisoria*/
    color: #777777;/*!important color del icono dentro del div*/
    width: 50px;/*!important ancho del circulo*/
    height: 50px;/*!important alto del circulo, no es necesaria*/
    line-height: 50px;/*!important alineacion vertical del centro del ciruculo*/
    font-size: 1.4em;
    text-align: center;/*!important alineacion horizontal*/
    position: absolute;
    top: 16px;/*posicion superior del circulo con respecto a la pagina*/
    left: 50%;/*posicion izquierda del circulo con respecto a la pagina*/
    margin-left: -25px;
    background-color: #515151;/*!important color de fondo del ciruculo*/
    z-index: 100;
    border-radius:100px;/*!important redondeo del div que lo hace un circulo*/
}
.timeline > li.timeline-inverted > .timeline-panel {
    float: right;/*posicion de las noticias de la derecha*/
}
.timeline > li.timeline-inverted > .timeline-panel:before {
    border-left-width: 0;
    border-right-width: 15px;/*!important no tocar, referente a la flecha de las noticias derechas*/
    left: -15px;
    right: auto;
}
.timeline > li.timeline-inverted > .timeline-panel:after {
    border-left-width: 0;
    border-right-width: 14px;/*!important no tocar, referente a la flecha de las noticias derechas*/
    left: -14px;
    right: auto;
}
/*---------------------------------
	ini no hace efecto en la pagina
-----------------------------------*/
.timeline-title {
    margin-top: 100px;
    color: inherit;
}
.timeline-body > p,
.timeline-body > ul {
    margin-bottom: 100px;
}
.timeline-body > p + p {
    margin-top: 5px;
}
.post-wrapper-top {/*existe en la pagina, en promociones, pero no tiene efecto ningun cambio*/
    background:#030303;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    z-index: 0;
    border-bottom: 3px solid #414141;
    margin-bottom: 0;
    padding:0;
    position: relative;
    text-align: left;
}
.breadcrumb > li + li:before {/*hace referencia a lo anterior*/
    font-size:13px;
}
.pager li > a, .pager li > span {
    border-color:#020202;
}
.post-wrapper-top h2 {/*hace referencia a lo anterior*/
    border-bottom: 3px solid #414141;
    display: inline-block;
    font-size:24px;
    padding: 30px 0;
    color:#777777;
    position: relative;
    margin-bottom:-3px;
}
.breadcrumb {
    bottom: 0;
    color: #777777;
    background:transparent;
    font-size: 14px;
    font-weight: 400;
    list-style: none outside none;
    padding: 10px 0;
    position: absolute;
    right: 0;
}
.breadcrumb > li + li:before {
    content:"";
    background:url(../images/breadcrumb.png) no-repeat center center;
    margin:0 10px;
    padding:0 10px
}
/*---------------------------------
	fin no hace efecto en la pagina
-----------------------------------*/
.blog-wrapper hr {/*cambio de seccion en la pagina*/
    margin-top:40px;/*margen entre las noticias y el paginado*/
    margin-bottom:40px;/*margen entre las noticias y el paginado*/
}
.pagination > li > a, 
.pagination > li > span {/*estilo de los enlaces de la paginacion*/
    background-color: #27286E;/*!important color del fondo de los enlaces, modificarlo en la linea 810*/
    color: white;/*!important color del enlace en la paginacion, modificarlo en la linea 810*/
    float: left;/*!important orden de los enlaces*/
    line-height: 1.82857;/*!important alineacion vertical de los enlaces*/
    margin-left: 5px;/*!important margen entre los enlaces*/
    padding: 3px 10px;
    position: relative;
    text-decoration: none;
}
/*---------------------------------
	ini no hace efecto en la pagina,
	no existe .quote-post
-----------------------------------*/
.quote-post {
    background:red;
    position: relative;
    padding:200px 10px 10px;
}
.quote-post:after {
    font-family: 'FontAwesome';
    content: "\f10e";
    padding-right:20px;
    right:0;
    position:absolute;
    top:50px;
    color:#777777;
    font-size:600%;
    opacity: 0.1; -moz-opacity: 0.1; filter: alpha(opacity=10);
}
.quote-post blockquote {
    border-left:0px solid #777777;
}
/*---------------------------------
	fin no hace efecto en la pagina
-----------------------------------*/

/* ----------------------------------------------------
        ANIMATIONS
------------------------------------------------------- */

/*---------------------------------
	ini no hace efecto en la pagina,
	no existe .bubble-bottom .rotating
-----------------------------------*/
.bubble-bottom {
    display: inline-block;
    position: relative;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.bubble-bottom:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    border-style: solid;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: bottom;
    transition-property: bottom;
    left: calc(50% - 10px);
    bottom: 0;
    border-width: 10px 10px 0 10px;
    border-color: #e1e1e1 transparent transparent transparent;
}
.bubble-bottom:hover:before, .bubble-bottom:focus:before, .bubble-bottom:active:before {
    bottom: -10px;
}
.rotating {
    display: inline-block;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: rotateX(0) rotateY(0) rotateZ(0);
    -moz-transform: rotateX(0) rotateY(0) rotateZ(0);
    -ms-transform: rotateX(0) rotateY(0) rotateZ(0);
    -o-transform: rotateX(0) rotateY(0) rotateZ(0);
    transform: rotateX(0) rotateY(0) rotateZ(0);
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    -webkit-transform-origin-x: 50%;
}
.rotating.flip {
    position: relative;
}
.rotating .front, .rotating .back {
    left: 0;
    top: 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}
.rotating .front {
    position: absolute;
    display: inline-block;
    -webkit-transform: translate3d(0,0,1px);
    -moz-transform: translate3d(0,0,1px);
    -ms-transform: translate3d(0,0,1px);
    -o-transform: translate3d(0,0,1px);
    transform: translate3d(0,0,1px);
}
.rotating.flip .front {
    z-index: 1;
}
.rotating .back {
    display: block;
    opacity: 0;
}
.rotating.spin {
    -webkit-transform: rotate(360deg) scale(0);
    -moz-transform: rotate(360deg) scale(0);
    -ms-transform: rotate(360deg) scale(0);
    -o-transform: rotate(360deg) scale(0);
    transform: rotate(360deg) scale(0);
}
.rotating.flip .back {
    z-index: 2;
    display: block;
    opacity: 1;

    -webkit-transform: rotateY(180deg) translate3d(0,0,0);
    -moz-transform: rotateY(180deg) translate3d(0,0,0);
    -ms-transform: rotateY(180deg) translate3d(0,0,0);
    -o-transform: rotateY(180deg) translate3d(0,0,0);
    transform: rotateY(180deg) translate3d(0,0,0);
}
.rotating.flip.up .back {
    -webkit-transform: rotateX(180deg) translate3d(0,0,0);
    -moz-transform: rotateX(180deg) translate3d(0,0,0);
    -ms-transform: rotateX(180deg) translate3d(0,0,0);
    -o-transform: rotateX(180deg) translate3d(0,0,0);
    transform: rotateX(180deg) translate3d(0,0,0);
}
.rotating.flip.cube .front {
    -webkit-transform: translate3d(0,0,100px) scale(0.9,0.9);
    -moz-transform: translate3d(0,0,100px) scale(0.85,0.85);
    -ms-transform: translate3d(0,0,100px) scale(0.85,0.85);
    -o-transform: translate3d(0,0,100px) scale(0.85,0.85);
    transform: translate3d(0,0,100px) scale(0.85,0.85);
}
.rotating.flip.cube .back {
    -webkit-transform: rotateY(180deg) translate3d(0,0,100px) scale(0.9,0.9);
    -moz-transform: rotateY(180deg) translate3d(0,0,100px) scale(0.85,0.85);
    -ms-transform: rotateY(180deg) translate3d(0,0,100px) scale(0.85,0.85);
    -o-transform: rotateY(180deg) translate3d(0,0,100px) scale(0.85,0.85);
    transform: rotateY(180deg) translate3d(0,0,100px) scale(0.85,0.85);
}
.rotating.flip.cube.up .back {
    -webkit-transform: rotateX(180deg) translate3d(0,0,100px) scale(0.9,0.9);
    -moz-transform: rotateX(180deg) translate3d(0,0,100px) scale(0.85,0.85);
    -ms-transform: rotateX(180deg) translate3d(0,0,100px) scale(0.85,0.85);
    -o-transform: rotateX(180deg) translate3d(0,0,100px) scale(0.85,0.85);
    transform: rotateX(180deg) translate3d(0,0,100px) scale(0.85,0.85);
}	
/*---------------------------------
	fin no hace efecto en la pagina
-----------------------------------*/

/* ----------------------------------------------------
        RESPONSIVE
------------------------------------------------------- */

@media (max-width: 767px) {/*!important dise�o de la pagina cuando la pantalla es menor de 767px*/
    .portfolio-filter li a {
        border-radius: 2px;
        margin: -3px;
        padding: 5px !important;/*espacio interior de los enlaces de filtrado de imagenes*/
    }

    .footer-menu,
    .tp-caption .btn {display:none !important;}
    .header_center .navbar-collapse.collapse {
        text-align: left;
        height: auto !important;
        overflow:auto !important;
    }
    .header_center .navbar-nav {
        display:inherit !important;
        float: inherit !important;
        margin: 0;
    }
    ul.timeline:before {
        left: 40px;
    }
    ul.timeline > li > .timeline-panel {
        width: calc(100% - 90px);
        width: -moz-calc(100% - 90px);
        width: -webkit-calc(100% - 90px);
    }
    ul.timeline > li > .timeline-badge {
        left: 15px;
        margin-left: 0;
        top: 16px;
    }
    ul.timeline > li > .timeline-panel {
        float: right;
    }
    ul.timeline > li > .timeline-panel:before {
        border-left-width: 0;
        border-right-width: 15px;
        left: -15px;
        right: auto;
    }
    ul.timeline > li > .timeline-panel:after {
        border-left-width: 0;
        border-right-width: 14px;
        left: -14px;
        right: auto;
    }
    .btn-lg,
    .mini_title2 {
        font-size:11px !important;
    }
    #topbar .topbar-email, 
    #topbar .topbar-phone, 
    #topbar .topbar-login, 
    #topbar .topbar-cart,
    .topmenu,
    .copyright-text,
    .menu,
    .callus {
        border:none;
        text-align:center !important;
        margin:auto;
    } 
}

@media (max-width: 380px) {/*!important dise�o de la pagina cuando la web es menor de 380px*/
    #topbar .topbar-email, 
    #topbar .topbar-phone, 
    #topbar .topbar-login, 
    #topbar .topbar-cart,
    .topmenu,
    .callus{
        display:inline-block
    }
    .timeline-panel img{
    	width:100%;/*!important tama�o de la imagen en promociones*/
    }
}

/* ----------------------------------------------------
        COLOR SCHEMES
------------------------------------------------------- */
/*---------------------------------
	ini no hace efecto en la pagina
-----------------------------------*/
.arrow-left {
    border-right-color:#020202;
}
#bbpress-forums li.bbp-header, #bbpress-forums li.bbp-footer {
    border-top-color:#27286E !important;	
}
.buddy_members .popover.top > .arrow:after,
.buddy_carousel .popover.top > .arrow:after {
    border-top:10px solid #27286E !important;	
}
.tp-bullets.simplebullets .bullet:hover,
.tp-bullets.simplebullets .bullet.selected{
    border-color:#27286E !important;	
}
/*---------------------------------
	fin no hace efecto en la pagina
-----------------------------------*/
.post-wrapper-top h2,
.group_box:hover .circle,
.group_box:hover,
.buddy_carousel .popover,
.buddy_members .popover,
.buddy_desc,
.cat_widget:hover,
.social_like .icon-container,
.pagination > .active > a, 
.pagination > .active > span, 
.pagination > .active > a:hover, 
.pagination > .active > span:hover, 
.pagination > .active > a:focus, 
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus,
.pagination > .active > span:focus,
.form-control:focus,
.panel-default > .panel-heading:hover,
.bggrey,
.services_vertical .icon-container,
.item .icon-container,
#owl-testimonial-widget .img-circle,
.testimonial-wrap,
.tparrows:hover,
.magnifier .btn-default:hover,
blockquote,
.magnifier .btn-default:focus,
.magnifier .btn-default:active,
.service-icon-circle,
.general-title hr {
    border-color:#27286E;/*!important color de la linea que subraya los titulos de algunas secciones,
    por seguridad dejarlo con color predominante de la web*/
}
#header-style-1 .dropdown-menu,
#header-style-1 .yamm .dropdown.yamm-fw .dropdown-menu {
    border-top-color: #27286E !important;/*color de la linea superior del submenu*/
}
/*---------------------------------
	ini no hace efecto en la pagina
-----------------------------------*/
#three-parallax .testimonial h3 {
    color:#27286E !important;
}
/*---------------------------------
	fin no hace efecto en la pagina
-----------------------------------*/
.shop_title_slider span,
.cat_widget h3,
.rating i,
.big_title_onepage span,
.small_thin_grey1 i,
.popular_items .meta span i,
.ch-info-front i,
.service_vertical_box:hover .service-icon i,
.bgdark span,
.item .icon-container,
.slider_title_a,
.mini_title2 i,
.team_member span,
.blog-carousel-meta span i,
.high_title2,
.high_title,
.big_title span,
.small_title span,
.mini_title span,
.check li:before,
.service-icon-circle i,
.servicebox:hover .service-icon i,
.shop-right .title .price,
.shop_item .price,
.cart_table .price2,
.widget h3 span,
.big_title_slider span,
a,
.milestone-counter i,
a.readmore,
.tabbed-menu li a:hover,
.footer-menu li a:hover,
.mmode .title span,
.footer-menu li a:focus,
#header-style-1 .yamm h3 i,
#header-style-1 .yamm-fw .dropdown-menu li a:before,
#topbar .topbar-login i,
.group_box i,
#topbar .callus i,
#topbar .topbar-cart i {
    color: #FFF;/*!important cambia el color de lo siguiente:
    titulo del slider en index, iconos de mail y phone en topbar,
    texto e iconoes del footer,
    iconos y texto de noticias en timline,
    iconos de contacto y pide cita*/
}
.timeline-badge.danger,
.flex-control-paging li a.flex-active,
.tparrows:hover {
    background-color:#27286E !important;/*!important color de fondo del circulo que acompa�a las noticias en promociones*/
}
/*---------------------------------
	ini no hace efecto en la pagina
-----------------------------------*/
.demo_changer .demo-icon,
.group_box:hover .circle,
.buddy_carousel .owl-controls .owl-page.active span, 
.buddy_carousel .owl-controls.clickable .owl-page:hover span,
.recent_posts_widget > li img:hover,
.buddypress_tabber_widget_member li img:hover,
#tabbed_widget .nav-tabs > li.active > a, 
#tabbed_widget .nav-tabs > li.active > a:hover,
#tabbed_widget .nav-tabs > li.active > a:focus,
#tabbed_widget .nav > li > a:hover, 
#tabbed_widget .nav > li > a:focus,
#tabbed_widget-1 .nav-tabs > li.active > a, 
#tabbed_widget-1 .nav-tabs > li.active > a:hover,
#tabbed_widget-1 .nav-tabs > li.active > a:focus,
#tabbed_widget-1 .nav > li > a:hover, 
#tabbed_widget-1 .nav > li > a:focus,
#footer-style-1 .social-icons span a:hover,
#footer-style-2 .social-icons span a:hover,
#footer-style-3 .social-icons span a:hover,
.footer_post li img:hover,
#tabbed_widget .recent_posts_widget img:hover,
.pricing_detail:hover,
.pricing_detail:hover .priceamount,
.banners li:hover .img-thumbnail,
.ch-info .ch-info-back,
.service-with-image:hover .service-title,
.calloutbox-full-mini,
.services_vertical .icon-container,
#services .owl-controls .owl-page span,
.item:hover .icon-container,
.#27286E-wrapper #owl-testimonial .owl-controls .owl-page.active span,
.make-bg,
.buddy_image img:hover,
.calloutbox,
#owl-testimonial-widget .owl-controls .owl-prev:hover, 
#owl-testimonial-widget .owl-controls .owl-next:hover,
#owl_blog_two_line .owl-controls .owl-prev:hover,
#owl_blog_two_line .owl-controls .owl-next:hover,
#owl_blog_three_line .owl-controls .owl-prev:hover,
#owl_blog_three_line .owl-controls .owl-next:hover,
#owl_portfolio_two_line .owl-controls .owl-prev:hover,
#owl_portfolio_two_line .owl-controls .owl-next:hover,
#owl_shop_carousel .owl-controls .owl-prev:hover, 
#owl_shop_carousel .owl-controls .owl-next:hover,
#owl_shop_carousel_1 .owl-controls .owl-prev:hover,
#owl_shop_carousel_1 .owl-controls .owl-next:hover,
#owl-blog .owl-controls .owl-prev:hover, 
#owl-blog .owl-controls .owl-next:hover,
.overlay #owl-testimonial .owl-controls .owl-page.active span,
.progress-bar,
.dmtop,
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover,
.magnifier .btn-default:hover,
.magnifier .btn-default:focus,
.magnifier .btn-default:active,
.rsDefaultInv .rsBullet.rsNavSelected span,
.service-icon-circle.active,
.servicebox:hover .service-icon-circle,
.btn-primary,
#accordion-first .accordion-heading .accordion-toggle.active em,
#accordion-second .accordion-heading .accordion-toggle.active em,
mark,
.pager li > a, .pager li > span,
.make-bg-full,
.pagination > .active > a, 
.pagination > .active > span, 
.pagination > .active > a:hover, 
.pagination > .active > span:hover, 
.pagination > .active > a:focus, 
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus,
.pagination > .active > span:focus,
#bbpress-forums li.bbp-body ul.forum li.bbp-forum-reply-count:hover,
#bbpress-forums li.bbp-body ul.forum li.bbp-forum-topic-count:hover,
.tagcloud a:hover,
.nav-stacked > li > a:hover,
.nav-stacked > li > a:focus,
.nav-tabs > li.active > a:hover,
.buddy_members img:hover,
.buddy_carousel img:hover,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a, 
#buddypress_features .nav-tabs > li > a:hover,
#buddypress_features .nav-tabs > li > a:focus,
#header-style-1 .navbar-nav > li > a:hover,
#header-style-1 .navbar-nav > li > a:focus,
#header-style-1 .navbar-nav > li > a:active,
#header-style-1 .navbar-default .navbar-nav > .open > a,
#header-style-1 .navbar-default .navbar-nav > .open > a:hover,
#header-style-1 .navbar-default .navbar-nav > .open > a:focus,
#topbar .social-icons span a:hover {
    background-color:#27286E;
}
.flex-direction-nav a,
.rsUni .rsThumb.rsNavSelected .thumbIco,
.custom-overlay {
    /* background-color:rgba(16,121,229,0.7); */
    background-color:rgba(16,121,229,0.7);
}
/*---------------------------------
	fin no hace efecto en la pagina
-----------------------------------*/
#tabbed_widget .nav-tabs > li.active > a, 
#tabbed_widget .nav-tabs > li.active > a:hover,
#tabbed_widget .nav-tabs > li.active > a:focus,
#tabbed_widget .nav > li > a:hover, 
#tabbed_widget .nav > li > a:focus,
.pagination > .active > a, 
.pagination > .active > span, 
.pagination > .active > a:hover, 
.pagination > .active > span:hover, 
.pagination > .active > a:focus, 
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus,
.pagination > .active > span:focus,
.big_title_onepage,
.tp-caption .btn,
.small_thin_grey1,
#footer-style-2 .social-icons span a:hover,
#footer-style-3 .social-icons span a:hover,
#footer-style-1 .social-icons span a:hover,
.recent_posts_widget a,
#footer-style-1 .widget,
#footer-style-1 p,
#footer-style-2 .widget,
#footer-style-2 p,
#footer-style-3 .widget,
#footer-style-3 p,
.service-with-image:hover .service-title a,
.item:hover .icon-container,
.overlay h2,
.overlay .lead,
.overlay .testimonial-widget .testimonial .lead:after,
.overlay .testimonial-widget .testimonial .lead:before,
.overlay .testimonial-widget,
.magnifier .btn-default:hover,
.magnifier .btn-default:focus,
.magnifier .btn-default:active,
mark,
.service-icon-circle.active i,
.servicebox:hover .service-icon-circle i,
.testimonial h3,
.nav-stacked > li > a:hover,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a,
#footer-style-2 .widget .title h3,
#footer-style-3 .widget .title h3,
#footer-style-1 .widget .title h3 {
    color:#777777fff !important;/*esta mal codificado, con buen codigo de color modifica:
    textyo y titulo de los widgets del footer,
    enlace del boton de seguir leyendo en el slider de index,
    enlace activo en la paginacion*/
}
/*---------------------------------
	ini no hace efecto en la pagina
-----------------------------------*/
@font-face {
    font-family: 'southern_aire_personal_use_Rg';
    src: url('fonts/southernaire_personal_use_only.eot');
    src: url('fonts/southernaire_personal_use_only.eot?#iefix') format('embedded-opentype'),
        url('fonts/southernaire_personal_use_only.woff') format('woff'),
        url('fonts/southernaire_personal_use_only.ttf') format('truetype'),
        url('fonts/southernaire_personal_use_only.svg#southern_aire_personal_use_Rg') format('svg');
    font-weight: normal;
    font-style: normal;
}
#maintenance1 {
    background:#777777;
}
#maintenance1 .overlay {
    background-color: rgba(255, 255, 255, 1);
    bottom: 0;
    height: 100%;
    left: 0;
    padding: 60px 0;
    position: absolute;
    right: 0;
}
#maintenance1 .title {
    margin:60px 0;
}
#maintenance1 .title h1 {
    font-size:90px;
    line-height:90px;
    font-weight:400;
    font-family: 'southern_aire_personal_use_Rg', cursive;
    color:#222;
    text-decoration:none;
    padding:20px 0 0;
    border-width:0px;
    border-style:none;
}
#maintenance1 .highlight {
    margin-top:10px;
    font-size:72px !important;
    font-weight:normal;
    color:#222;
    font-family: 'Lato', cursive;
}
#maintenance1 .green {
    color:#77be32 !important;
}
#maintenance1 .red {
    color:#f2333a !important;
}
#maintenance1 .yellow {
    color:#F7C221 !important;
}

#maintenance1 .subscribe .lead,
#maintenance1 .title .lead {
    font-size:18px !important;
    font-weight:100;
    color:#222 !important;
    font-family: 'Lato', cursive;
    padding:20px;
}
#maintenance1 .milestone-details {
    font-size:36px !important;
    font-weight:100;
    color:#222;
    font-family: 'Lato', cursive;
    text-transform:uppercase;
    padding:20px;
}

#maintenance {
    background: url(demos/maintenance_bg.png) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#maintenance .overlay {
    background-color: rgba(0, 0, 0, 0.1);
    bottom: 0;
    height: 100%;
    left: 0;
    padding: 60px 0;
    position: absolute;
    right: 0;
}
#maintenance .title {
    margin:60px 0;
}
#maintenance .title h1 {
    font-size:90px;
    line-height:90px;
    font-weight:400;
    font-family: 'southern_aire_personal_use_Rg', cursive;
    color:#777777fff;
    text-decoration:none;
    padding:20px 0 0;
    border-width:0px;
    border-style:none;
}
#maintenance .highlight {
    margin-top:10px;
    font-size:72px !important;
    font-weight:normal;
    font-family: 'Lato', cursive;
}
#maintenance .subscribe .lead,
#maintenance .title .lead {
    font-size:18px !important;
    font-weight:100;
    font-family: 'Lato', cursive;
    padding:20px;
}
#maintenance .milestone-details {
    font-size:36px !important;
    font-weight:100;
    font-family: 'Lato', cursive;
    text-transform:uppercase;
    padding:20px;
}
/*---------------------------------
	fin no hace efecto en la pagina
-----------------------------------*/
.animationload {/*estilo de la pantalla de carga*/
    position: fixed;/*mantiene una posicion fija de la pantalla de carga*/
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:white; /* !important color de fondo de la pantalla, si no se define es transparente*/
    z-index:999999; /* !important hace que la pantalla este siempre por encima del resto de objetos */
}

.loader {/*estilo del gif que hace el efecto de carga*/
    width:200px;/*!important ancho del div*/
    text-indent:-99999;
    height:200px;/*!important alto del div*/
    font-size:0;
    position:absolute;
    left:50%; /* !important centra horizontalmente la posicion del div en la pantalla*/
    top:50%; /* !important centra verticalmente la posicion del div en la pantalla */
    background-image:url(../images/ajax-loader.gif); /* !important gif que hace el efecto de carga*/
    background-repeat:no-repeat;
    background-position:center;
    margin:-100px 0 0 -100px; /* !important posiciona la imagen quitando margen arriba y abajo*/
}
/*---------------------------------
	ini no hace efecto en la pagina
-----------------------------------*/
#videobgfull {
    width:100% !important;
    height:500px !important;
    position:relative !important;
}

.videooverlay {
    padding: 60px 0;
    background-color:rgba(0, 0, 0, 0.4);
}

.videooverlay .general-title h2 {
    color:#777777;
}
/*---------------------------------
	fin no hace efecto en la pagina
-----------------------------------*/
.social-icons, .topmenu, .callus{
	display: inline;/*!important modifica el posicionamiento de los iconos de redes en topbar*/
}
/*---------------------------------
	ini no hace efecto en la pagina
-----------------------------------*/
.titulo{
    font-weight: bold; 
}
/*---------------------------------
	fin no hace efecto en la pagina
-----------------------------------*/
h3, h2, h1 {
    color: black; /*!important color del texto de los h en la pagina*/
}
/*---------------------------------
	ini no hace efecto en la pagina
-----------------------------------*/
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus{
    color: #555555;
    background-color: rgba(255,126,0,0.50);no-rule:  #27286E;
}

.#27286E-wrapper input[type='text']{
    background-color: transparent;
}
/*---------------------------------
	fin no hace efecto en la pagina
-----------------------------------*/
.search-widget .bggrey{
    background-color: #e0e0e0 !important;/*!important color del fondo del resultado de busquedas*/
    padding: 20px; 
    margin: 10px; 
}

.search-widget .bggrey a {
    color: black;/*!important color de los enlaces e los resultados de busqueda*/ 
    font-weight: normal; 
}

.search-widget .bggrey a:hover {/*estilo de los enlaces de los resultados de busqueda cuando el raton esta encima*/
    color: #777777;/*!important color del enlace*/
    text-decoration: none; /*!important decoracion del enlace*/
}

/********************************************************************************/
/* REDES SOCIALES  */
/********************************************************************************/

.social ul, .social ol {
    margin: 0px 0px 10px;
    padding: 0px 0px 0px 20px;
    background-color: transparent; 
}

.social{/*estilo de los botones de compartir en redes sociales*/
    display:inline-block;/*!important hace que los botones aparezcan en linea*/
    padding:0;/*!important separacion de los botones con la parte de arriba*/
    list-style:none;
    background-color: transparent;/*!important color de fondo de los botones*/
}

.social li{/*estilo de cada uno de los botones de compartir en redes sociales*/
    display:inline;
    float:left;
    overflow:hidden;
    margin:0 5px 10px 0;
    width:24px;/*!important ancho que tomara la imagen*/
    height:28px;/*!important alto de los botones, asi la imagen se ve entera*/
    no-border-radius:24px;
    background-color:none;/*!important color de fondo de cada boton*/
    no-text-indent:100%;
    no-#27286E-space:nowrap;
    font-size:18px;
    color:#27286E; 
    background-color: transparent; 
}

.social li.ui-social-extra{/*estilo de botones de google plus y tuenti, no afecta porque esta definido en el html*/
    display:none
}

.social li a{/*!important estilo del enlace de los botones de compartir*/
    width:24px;/*!important tama�o del enlace*/
    height:24px; /*!important alto del enlace*/
    padding:0;
    padding-top: 0px; 
    text-align: center; 
}

.social li a img{
    border: 0px;/*!important borde de la imagen de los iconos*/
}
/*---------------------------------
	ini no hace efecto en la pagina,
	no hay ningun i dentro de .social
-----------------------------------*/
.social i {
    font-size:18x;
    color:red; 
}
/*---------------------------------
	fin no hace efecto en la pagina
-----------------------------------*/
.social img{
    width: 24px;/*!important tama�o de las imagenes de redes sociales*/
}

/*
.social li.social-facebook{background-color:#3b5998; }
.social li.social-twitter{background-color:#3b88c3; }
.social li.social-google{background-color:#dd4c39; }
.social li.social-meneame{background-color:#ff6400; }
.social li.social-tuenti{background-color:#378fcf; }
.social li.social-linkedin{background-color:#017fb2;}
.social li.social-digg{background-color:#000;}
.social li.social-tumblr{background-color:#3e5a70;}
.social li.social-yahoo{background-color:#4101af;}
.social li.social-pocket{background-color:#ee4056;}
.social li.social-whatsapp{background-color:#34af23;}
.social li.social-mail{background-color:#999;}
.social li.social-more{background-color:#ccc;}
*/

/*
.social li.social-facebook{ background-color: transparent; background-image: url("/assets-local/w3/images/social-icons/icon-facebook.svg");  }
.social li.social-twitter{background-color:#3b88c3; }
.social li.social-google{background-color:#dd4c39; }
.social li.social-meneame{background-color:#ff6400; }
.social li.social-tuenti{background-color:#378fcf; }
.social li.social-linkedin{background-color:#017fb2;}
.social li.social-digg{background-color:#000;}
.social li.social-tumblr{background-color:#3e5a70;}
.social li.social-yahoo{background-color:#4101af;}
.social li.social-pocket{background-color:#ee4056;}
.social li.social-whatsapp{background-color:#34af23;}
.social li.social-mail{background-color:#999;}
.social li.social-more{background-color:#ccc;}
*/

.amarillo{/*!important clase para cambiar el texto a amarillo*/
    color: yellow;
}
/*---------------------------------------------------------------------------
								BLOG FULL WIDTH (noticias en ancho total)
-----------------------------------------------------------------------------*/
.imagen_blog_full_width{
	float:left;
	margin-right:20px;
	min-height:140px;
}
.titulo_blog_full_width{
	margin:0;
}
.titulo_blog_full_width h3{
	margin-top:0;
	padding-bottom:0;
	min-height:20px;
}
/*---------------------------------------------------------------------------
								BLOG 3 COLUMNAS (hemeroteca revista)
-----------------------------------------------------------------------------*/
.elemento{
	float:left;
	width:30%;
	height:720px;
	border:1px solid black;
	margin:1%;
	padding:10px;
	overflow:hidden;
}
span.roll{
	background:url(images/mag.png) center center no-repeat #000;
	min-height:486px;
	position: absolute;
	width: 320px;
	z-index: 10;
	-webkit-box-shadow: 0px 0px 4px #000; 
	-moz-box-shadow: 0px 0px 4px #000;
	box-shadow: 0px 0px 4px #000;
}
.portada{
	width:100%;
	overflow:hidden;
}
.portada img{
	min-height:486px;
	width:100%;
}
.titulo h3{
	margin:5px;
	padding:0;
	min-height:50px;
}
.descripcion p{
	margin:0;
}