﻿@import url("http://fonts.googleapis.com/css?family=Titillium+Web"); 

body {
	background-image: url("fondo.png") center top repeat;
}

/***** Main Colors *******/
a, .top-search a, .main-color, .hr-style4:after, .hr-style4:before, .block-head, .widget-head, footer a:hover, .title-2 .breadcrumbs a, .title-3 .breadcrumbs a, .title-4 .breadcrumbs a, .nav-3 .top-nav > ul > li.current > a, .nav-3 .top-nav > ul > li > a:hover, .nav-3 .top-nav > ul > li.selected > a, .nav-3 .top-nav > ul > li.selected > a i, .footer-top a:hover:before, .list.prim li:before, #filters li a, .team-box-2 .t-position, .team-box-2 .team-socials a, .head-style3 .top-bar li a, .author-name, .add-items i.fa, .copyrights b, .dark-bg .btn-large:before, .box-top .more-btn, .service-box-1:hover a, .box-top i.fa, .item-box:hover .item-tools i, .item-cart a:hover, .main-border, .fun-title, .staff-1 .fun-icon, .top-bar ul.social-list li a:hover span, .top-nav > ul > li > a:hover i, .top-nav > ul > li.current > a i, .top-nav > ul > li.selected > a i, .top-bar li i, .nav-2 .top-nav > ul > li.selected > a i, .project-name, .slick-dots li.slick-active button:before, .title-1 h1,
.list.alt li:before,.product-price, .title-2 h1,.main-title, .accordion li.active a, .accordion li > h3 i.fa, .post-info h2 a:hover, .siteMap-nav ul ul li a:hover, .head2-lft-links li i, .head-style3 .top-bar li i, .item-tools i, .product-specs a.btn.selected,.widget-content a:hover, .colorear {
	color: #d83d66;
}
.menu_footer a:hover {color: #d83d66 !important;}

.main-bg, .top-nav > ul li a:hover, .top-nav > ul > li.selected > a, .top-search.selected a, .top-nav li.current > a, .plan-year:after, .team-boxes-2 .cell-3:hover .team-box-2, .head-style3 .top-search a, .service-box-1:hover .box-top, .top-nav-style3, .sticky .top-nav > ul > li > a:hover, .sticky .top-nav > ul > li.selected > a, .sticky .top-nav > ul > li.current > a, .sticky .top-search.selected > a, .item-box:hover .item-title, .tp-bullets.simplebullets.round .bullet, .top-nav li li a, .fixedHead .top-nav > ul > li > a:hover, .fixedHead .top-nav > ul > li.selected > a, .fixedHead .top-nav > ul > li.current > a, .top-search a:hover, .service-box-2:hover a.r-more, .service-box-3:hover a.r-more, .pager ul li.selected, .slick-prev:hover, .slick-next:hover, .hr-style1:before, .hr-style1:after, .social-list li a:hover, .footer-top .tags a:hover, hr:before, hr:after, .tp-arr-allwrapper:hover, .level-in, .tabs-vertical .tabs-pane .tab-panel:before, .table-style2 th, .menuBtn, .service-box-1:hover:after, .portfolio-item:hover:after, #filters li:hover, #filters li.active, .head-style2 .top-search a, .team-box .team-details, .title-4 h1, .tabs > ul li:hover, .tabs > ul li.active, .steps li.selected span, .icon-cont, .view-all-projects a:hover,
.accordion-horizontal > li.active a, .list-grid a.selected, .testimonials-2 .slick-prev:hover, .testimonials-2 .slick-next:hover, .comment-reply:hover, .service-box-2:hover .fa, .service-box-3:hover .icon, .share-post ul li a:hover, .item-price, .accordion li.active h3 u, .pager ul li:hover, .tp-bullets.simplebullets.round .bullet:hover, .tp-bullets.simplebullets.round .bullet.selected, footer .NL .NL-btn:hover,
.search-w .btn,.cart-icon {
	background-color: #755750;
	color: #fff;
}
.item-box:hover:after, .item-box:hover .item-price, .team-box:hover:after, .team-box-2:hover:after, .responsive-nav, .search-box:before, .block-head:before, .block-head:after, .widget-head:before, .widget-head:after, .details-img:after, .post-image:after,
.team-box:after, .team-box-2:after, .item-box:after, .team-box .team-socials li a:hover, .service-box-1:after, .portfolio-item:after {
	background-color: #d83d66;
}
.main-border {
	border: 1px #d83d66 solid !important;
}
.nav-3 .top-nav > ul > li.hasChildren > a:after {
	border-color: transparent transparent #d83d66 transparent;
}
.head-style3 .login-btn .tri{
	border-color: #d83d66 transparent transparent transparent;
}
.alter-border {
	border: 1px #e1e1e1 solid !important;
	color: #777;
}
.nav-3 .top-nav > ul > li.current > a, .nav-3 .top-nav > ul > li > a:hover, .nav-3 .top-nav > ul > li > a:hover, .nav-3 .top-nav > ul > li.selected > a {
	border-top-color: #d83d66;
}
.item-box:hover .item-title {
	border-top: 1px #d83d66 solid;
}
.tabs-pane {
	border-top: 2px #d83d66 solid;
}
blockquote {
	background: #f9f9f9;
	border-left: 2px #d83d66 solid;
}
.level-out .tr {
	border-right: 6px solid transparent;
	border-top: 6px solid transparent;
	border-left: 6px solid #d83d66;
	border-bottom: 6px solid #d83d66;
}
.service-box-1:hover h3, .clients > div a:hover {
	border-bottom-color: #d83d66;
}
.icon-middle, .product-img li a.active img {
	border: 2px #d83d66 solid;
}
.title-3 {
	background-color: #41a1b7;
}
.tri-col, .icon-cont:after {
	border-color: #d83d66 transparent transparent transparent;
}
.head-style3 .top-bar {
	border-top: 5px #d83d66 solid;
}
.steps li.selected span:after {
	border-left: 16px solid #d83d66;
}
.item-title {
	border-top: 1px #777 solid;
}
.product-specs a.btn.selected {
	border: 1px #777 solid !important;
}
.head-style2 .logo a, .head-style3 .logo a {
	background-position: 50% 50% !important;
}
.accordion li.active h3 u,.accordion li.active h3 a {
	border-color: #d83d66;
}
.post-image a .mask {
	background: rgba(170,27,65,0.5);
}
.pricing-table.selected,.cart-popup {
	border-color: #d83d66;
}
.list-grid a.selected:after {
	border-color: #d83d66 transparent transparent transparent;
}
.continue-btn .btn.right:after {
	border-left: 15px solid #d83d66;
}
.continue-btn .btn.right:hover:after {
	border-left: 15px solid #c13715;
}
.continue-btn .btn.left:after {
	border-right: 15px solid #777;
}
.continue-btn .btn.left:hover:after {
	border-right: 15px solid #666;
}
.accordion-horizontal li.active > h3 i.fa, .item-box:hover .item-title a, .breadcrumbs .line-separate {
	color: #fff;
}
.top-nav li li {
	border-bottom: 1px #5c423c solid;
}
.top-nav li li a:hover, .top-nav li li.selected > a, .top-nav li li.current > a, .responsive-nav ul li a:hover, .nav-2 .top-nav > ul > li:hover:after, .nav-2 .top-nav > ul > li.current:after {
	background: #262324 !important;
	color: #fff;
}
.btn:hover{
	background-color:#666;
	color:#fff
}
.btn.main-bg:hover, .team-box .team-socials li a {
	background-color: #c13715 !important;
	color: #fff;
}
.btn.main-border:hover {
	border-color: #333 !important;
	color: #333;
	background:transparent
}
.flickr-stream-w .img-overlay {
	background: rgba(237,82,22,.8);
}
.service-box-1:hover p, .service-box-1:hover i.fa {
	color: #fff;
}
.contact-form input[type=text]:focus, .contact-form input[type=password]:focus, .contact-form input[type=email]:focus, .contact-form textarea:focus {
	border: 1px #d83d66 solid;
}
.img-over a.link, .block-bg-1:before, .block-bg-2:before, .block-bg-3:before, .block-bg-4:before, .block-bg-5:before {
	background-color: rgba(237,82,22,0.7);
}
.img-over a.zoom {
	background-color: rgba(119,119,119,0.7);
}
.level-in:before {
	border-color: transparent transparent transparent #d83d66;
}
a.main-color:hover,.project-name:hover,.box-top .more-btn:hover{
	color:#333 !important
}

.title-1 h1{
	font-size: 2em;
	font-family: 'Titillium Web', sans-serif;
	font-weight:normal;
}
.sectionWrapper ul { margin-top: 15px; }
/* ----------------------------------------------------------------
   Aviso de Cookies
-----------------------------------------------------------------*/

#cookies {
	width: 100%;
	position: absolute;
	position:fixed;
	display: block;
	z-index: 100;
	background-color:rgba(0,0,0,0.8);
	color:#FFF;
	bottom: 0;
	background-attachment:fixed
}
#cookies a {color: #f26027; background:#fff; padding:2px 7px; border: 1px solid #e1e1e1;}
#cookies a:hover {color: #fff; background: #f26027; border: #000;}
#cookies .galletas{width: 940px; margin: 0 auto; padding: 10px;}
#cookies .galletas .aviso{ float:left; width: 90%; padding-bottom: 20px; line-height: 2.1;}
#cookies .galletas .aviso a#aceptar{ margin:5px 10px 0 15px;}
#cookies .galletas .cerrar{ float:right; width: 10%; text-align:right;}
@media only screen and (max-width: 979px) {
	#cookies .galletas {
		width: 100%;
		max-width: 100%;
	}
}
@media only screen and (max-width: 479px) {
	.moviles { display:none; }
}
/* ----------------------------------------------------------------
   Fondos de web
-----------------------------------------------------------------*/
.boxed01, .boxed02 {

/*background-image:url('/config/bg/bg11.jpg');
background-position: top center;
background-repeat: repeat;
background-color: #000000; */

/*
no-repeat
repeat-x

PARA LOS FONDOS DEL 11 AL 15


	background-attachment: fixed !important;
	background-position: center bottom !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	-webkit-background-size: cover !important;
	background-size: cover !important;
	background-repeat: no-repeat !important;
*/

}
.portfolio-item .name-holder a{
	text-align: center;
	min-height: 50px;
}
.portfolio-item .name-holder a{
	font-size: 100% !important;
}
.ultimasnoticias li {margin-bottom: 12px; border-bottom: 1px solid #666;}
.ultimasnoticias li:last-child {border: none; margin-bottom: 0;}
.ultimasnoticias li a {line-height:20px;}
/* ----------------------------------------------------------------
   SLIDER
-----------------------------------------------------------------*/
.tp-banner .titulo {
	background-color:#FFF;
	color: #d83d66;
	padding: 5px 20px;
	font-weight:bold;
	font-size:2em;
}
.tp-banner .descripcion {
	background-color:#222;
	color:#c5c5c5;
	font-size:1.1em;
	padding:7px 20px;
}
@media only screen and (max-width: 479px) {
	.tp-banner .descripcion, .tp-banner .titulo { display:none; }
}
a.logo-footer {
	opacity: 0.5;
	transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;
}
a.logo-footer:hover {
	opacity: 1;
}
#shareme  {padding-top: 6px  !important;}
#shareme a {padding: 8px 10px !important; font-size: 18px; background:#755750; color: #FFF; margin: 5px 3px 0 0 !important;}
#shareme a:hover {cursor:pointer; background:#CCC; color:#755750;}
