/*
Theme Name: Llorix One Lite HIJOTE
Theme URI: http://themeisle.com/themes/llorix-one/
Author: ThemeIsle
Author URI: http://themeisle.com/
Description: Llorix One Lite is a free and beautiful one page business WordPress theme, with a flat and clean bootstrap based design and an elegant parallax effect. It provides a simple,minimal and modern look that can be used for any kind of personal businesses or startup mobile app. The landing page has a fullscreen hero image and blue & orange appearance with buttons and icons promoting simplicity and elegance at their best. The theme provides a responsive blog section, is eCommerce ready (WooCommerce store compatible), WPML, bbPress, Photo Gallery Grid,Contact Form 7,Meta Slider,SiteOrigin Page Builder, JetPack compatible  and SEO friendly. You can use it for your business / startup shop, agency, corporate website, or photography portfolio.
Version: 0.2.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: llorix-one-lite
Tags:one-column, two-columns, right-sidebar, custom-header, custom-background, custom-colors, custom-menu, featured-images, full-width-template, rtl-language-support, sticky-post, threaded-comments, translation-ready, accessibility-ready, e-commerce, blog, portfolio
Template: llorix-one-lite
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

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

*/
@import url("../llorix-one-lite/style.css");


/*Barra de idioma */

.idioma {
position: relative;
left:90%;
width: 120px;
height: 0px;
background-color: #ffffff;
font-size: 14px;
padding-right:20px;
border-top: 2px solid #853448;

}

.navbar {
	background-color: #84354A;

}

/* imagen en cabecera */
.myimagen{
height: 70px;
}

/*Barra de header ´principal*/
.very-top-header{
    background-color: #ffffff;
}

/*Barra contenedor de menu */
.navbar-header {
height: 7px;
}

#site-header-menu {
	background-color: #84354A;
}
/*Barra de menu*/
.menu-principal-container{
    background-color: #84354A;
    width: 102%;
}

/*color de los menus*/
#menu-principal a{
    color: #ffffff;
}

#menu-principal a:hover{
    color: #ffffff;
color: #ccc;
border-left: 1px solid #fff;
}
/*color de los submenus*/
#menu-principal > li.menu-item-has-children a {
    color: #ffffff;
background-color: #84354A;

}
#menu-principal > li.menu-item-has-children a:hover {
    color: #ccc;
border-left: 1px solid #fff;
}


p, .entry-content, .entry-content p, .entry-content span {
color:#000;
font-weight: 500;
}

/*Barra de pie de pagina*/
.footer {
       background-color: #84354A;
}
/*Barra de creditos*/
.powered-by {
visibility: hidden;
}

#inpage_scroll_btn {
       background-color: #84354A;
       border:	1px solid #762A2E;
}

#inpage_scroll_btn:hover {
       background-color: #762A2E;
       border:	2px solid #84354A;
}

.dark-text, .colored-text a  {
       color:#84354A;
}

.navbar-brand img, .navbar-brand {
     height:190px;
}

hr {
    height: 1px;
  width: 80%;
opacity: 0.3;
}


.welcome {
padding: .3em .5em;
 margin: 2% 4%;
line-height: 200%
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
}



.intro-section-text-wrap{
position: relative;
top:-150px;
}

.social-icons {
	visibility: hidden;
}

.white-text {
text-shadow: 1px 2px #000;
}


@media screen and (max-width: 320px) {

	.welcome {
	font-size:14px;
}
.image-resized img {
        width:100%;
        height:auto;
    }
.idioma {
	top:130px;
	left:20%;
}
.idioma a {
	color:#CCCCCC;
}
}
@media screen and (min-width: 321px) and (max-width: 480px) {

	.welcome {
	font-size:16px;
}
  .image-resized img {
        width:90%;
        height:auto;
    }
.idioma {
	top:130px;
	left:20%;
}

.idioma a {
	color:#CCCCCC;
}
}

@media screen and (min-width: 481px) and (max-width: 600px) {

	.welcome {
	font-size:18px;
}
.image-resized img {
        width:50%;
        height:auto;
    }
	.idioma {
	top:130px;
	left:20%;
}

.idioma a {
	color:#CCCCCC;
}
}


@media screen and (min-width: 601px) and (max-width: 800px) {
	
.image-resized img {
        width:50%;
        height:auto;
    }
	
	.idioma {
	top:130px;
	left:20%;
}

.idioma a {
	color:#CCCCCC;
}
}

@media screen and (min-width: 801px) and (max-width: 1024px) {

	.image-resized img {
        width:60%;
        height:auto;
    }
.idioma {
	top:152px;
	left:85%;
}

.idioma a {
	color:#CCCCCC;
}

}

@media screen and (min-width: 1024px)  {
	.image-resized img {
        width:60%;
        height:auto;
    }

.idioma {
	top:114px;
	left:90%;
}

.idioma a {
	color:#CCCCCC;
}
}