/* Vars ------------  background: #fff url(../img/bkgn.jpg);   background-repeat:repeat;---------*//* Mixins ----------------------------------------------------*//* Colors and backgrounds  ----------------------------------------------------*/
body {
    color: #000;
	background: #fff153; /* For browsers that do not support gradients */
    background: -webkit-radial-gradient(ellipse at top, #fff 1%, #FECE1A 40%);
    background: -o-radial-gradient(ellipse at top, #fff 1%, #FECE1A 40%);
    background: -moz-radial-gradient(ellipse at top, #fff 1%, #FECE1A 40%);
    background: radial-gradient(ellipse at top, #fff 1%, #FECE1A 40%);
  width: 100%;
  height: 100%;
}

body a:hover {
	color: #000;
}
a {
	color: #000;
}

/* color de fondo de parte superior */
header {
  background: #FECE1A;
}
/* color de fondo de parte inferior */
footer {
  background: #FECE1A;
	-webkit-box-shadow: 0 -4px 20px 0 #333333;
	box-shadow: 0 -4px 20px 0 #333333;
}
/* color de texto selecionado */
::selection {
  background: #ffea00;
}
::-moz-selection {
  background: #ffea00;
}
img::selection {
  background: #ffea00;
}
img::-moz-selection {
  background: #ffea00;
}
body {
  -webkit-tap-highlight-color: #e32626;
}
#headline,
.masthead {
  color: #444444;
}
/* NAVIGATION ------------color de texto de menu superior-----------*/
#nav > li > a {
	color: #fff;
	background: #000;
}
/* color de la linea superior del menu al pasar el mouse*/
#nav > li:hover > a {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-top: 5px solid #ff0000;
}
#nav span:hover {
  -webkit-transform: translate(-10px, -3px);
  -moz-transform: translate(-10px, -3px);
  -o-transform: translate(-10px, -3px);
  transform: translate(-10px, -3px);
}
/* color de la linea de menu superior y del fondo al seleccionar*/
#nav > li.current-menu-item > a,
#nav > li.current_page_item > a {
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #ff0000;
	background: rgba(0, 0, 0, 1);
}
#nav .sfHover ul {
  background: rgba(0, 0, 0, 0.6);
}
#nav .sfHover ul li a {
  color: #fff;
}
#nav .sfHover ul li a:hover {
	color: #000;
	background-color: rgba(254,211,51, 1);
}
/* MAIN ------------------------------------------------------------
.multiplebgs #main {
  background-image: url(../img/main-bg1.png), url(../img/main-bg2.png);
  background-repeat: repeat-x, repeat-x;
  background-position: bottom left, top left;
}
.no-multiplebgs #main {
  background: #f1f1f1 url(../img/main-bg.png) repeat-x top left;
}
/* FILTERED ITEMS ----color de texto de menu de categorias----*/
#filter-buttons li a {
	color: #fff;
	background: #000;
}
/* color de la linea inferior del menu de categorias al pasar el mouse*/
/*
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #ff0000;
*/

#filter-buttons li a:hover {
    border: 1px solid #Ff0000;
}
/* color de la linea de menu inferior de categorias y del fondo al seleccionar 	-border-bottom-width: 1px; -border-bottom-style: solid; -border-bottom-color: #000000;*/
#filter-buttons li a.selected {
    border: 1px solid #FECE1A;
	background: #000;
}
/* color del fondo de las imagenes de categorias */
#filter-container figure {
  background: #000;
}
/*#fff color en que se podria cuando se pone el mouse encima, ocacidad esta en Style2.css > #filter-container figure .thumb:hover img { */
#filter-container figure .thumb {
  background: rgba(255,255,255,1) url(../img/icon-link.gif) center center no-repeat;
}
/* color del texto de imagenes de categoria*/
#filter-container figure figcaption .heading {
  color: #ffffff;
  text-align: center;
}
#filter-container figure figcaption .heading:hover {
	color: #FECE1A;
	font-size: 17px;
}
#filter-container figure .readmore {
  color: #444444;
}
#filter-container figure .readmore:hover h5 {
  color: #FECE1A;
}
/* PORTFOLIO ----------------------------------------------------*/
#portfolio-content #filter-container a {
  color: #888;
}
#portfolio-content #filter-container a:hover {
  color: #26ade3;
}
#portfolio-content .project-pager a {
  color: #444444;
}
#portfolio-content .project-pager a:hover {
  color: #26ade3;
}
#portfolio-content #project-box {
  background: rgba(253, 247, 223, 0.3);
}
#portfolio-content #project-box .info .launch:hover {
	color: #f1f1f1;
	background-color: #26ADE3;
}
/* RELATED PROJECTS ---------------------------------------------------*/
.related-projects figure .heading {
  color: #000000;
}
.related-projects figure .heading:hover {
  color: red;
  -webkit-transform:rotate(360deg);
  -moz-transform:rotate(360deg);
  transform:rotate(360deg)
}
.related-projects figure .thumb {
  background: #FECE1A url(../img/icon-link.png) no-repeat center center;
}
/* CONTACT  ----------------------------------------------------*/
#map-holder {
  background: #f8f5f2;
}
/* BLOG ------------------------------------------------------------*/
#posts-list article .box {
  background: #f8f5f2 url(../img/meta-bg.png) repeat-y top right;
}
#posts-list article .box .entry-date {
  color: #dcd2be;
  background: #2d2d2d;
}
#posts-list article .box .excerpt .post-heading {
  color: #444444;
}
#posts-list article .box .excerpt .post-heading:hover {
  color: #26ade3;
}
#posts-list article .box .excerpt .learnmore {
  background: #2d2d2d;
  color: #f8f5f2;
}
#posts-list article .box .excerpt .learnmore:hover {
  background: #26ade3;
}
#posts-list article .box .meta a {
  color: #656360;
}
#posts-list article .box .meta a:hover {
	color: 26ade3;
}
#posts-list article.format-standard .feature-image {
  background: #cb5432 url(../img/icon-link.png) no-repeat center center;
}
#posts-list article.format-image .feature-image {
  background: #cb5432 url(../img/icon-popup.png) no-repeat center center;
}
body.single #posts-list article {
  background: #f8f5f2;
}
body.single #posts-list .box .meta {
  background: #f8f5f2 url(../img/meta-bg-vertical.png) repeat-x top right;
}
/* PAGE NAVIGATION ------------------------------------------------------------*/
#main .page-navigation a {
  color: #444444;
}
#main .page-navigation a:hover {
  color: #cb5432;
}
/* SIDEBAR ------------------------------------------------------------*/
#sidebar .cat-item a .post-counter,
#sidebar .page_item a .post-counter {
  color: #656360;
}
/* SLIDER ----------------------------------------------------*/
.lof-slidecontent .slider-description {
  color: #e6e6e6;
}
.lof-slidecontent .slider-description a {
  color: #FFF;
}
.lof-slidecontent .slider-description a.readmore {
  color: #fcb019;
}
.lof-slidecontent .active {
  border-top: 3px #26ade3 solid;
}
/* FOOTER ----------------------------------------------------*/
footer {
  color: #000;
}
footer h4 {
  color: #000;
}
footer a {
	color: #26ADE3;
}
footer a:hover {
  color: #fff;
}