/*
Theme Name: name -DESIGNTOPIA
Description: Designed by Ana-designtopia
Author: Ana
Author URI: http://designtopia.us/
Description: In 2014, our default theme lets you create a responsive magazine website with a sleek, modern design. Feature your favorite homepage content in either a grid or a slider. Use the three widget areas to customize your website, and change your content's layout with a full-width page template and a contributor page to show off your authors. Creating a magazine website with WordPress has never been easier.
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, green, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
Text Domain: twentyfourteen

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.
*/
@media only screen and (max-device-width: 960px) { 
 
    /*fixes too big font in mobile Safari*/
 
    html { 
        -webkit-text-size-adjust:none; 
}

}

::selection {
  background: #d0ccc1;
  		text-shadow: rgba(0,0,0,0.3) 1px 1px 1px;
  color: #ffffff;
}

::-moz-selection {
  background: #d0ccc1;
  color: #ffffff;
  		text-shadow: rgba(0,0,0,0.3) 1px 1px 1px;
}

*:focus {
    outline: none;
}

body{
	margin: 0px;
	color: #d55c0d;
	font-size: 10px;
}
strong{ color: #d0ccc1;  }
em{ color: #dd0c27; }
.sidecontent{margin: 30px;margin-bottom: 0px;padding-bottom: 9px;margin-top: 0px;padding-top: 18px;color: #d4d4d4;text-shadow: rgba(0,0,0,0.2) 0px 0px 0px;text-align: justify;font-family: 'Montserrat', 'Open Sans', sans-serif;line-height: 21px;font-size: 12px;font-weight:500;}
.titleside{text-shadow: rgba(0,0,0,0.2) 1px 1px 1px;letter-spacing: -0.1px; padding-left:35px;
font-family: 'Exo 2', sans-serif;font-size: 13px; font-weight:700;text-decoration: none;
text-transform: uppercase;}
blockquote i {color: #90104e;text-shadow: 0px 0px 10px;}
blockquote strong , blockquote u , blockquote em {color: #990216;text-shadow: 0px 0px 10px;} blockquote a {color: #8c4d1b;}
blockquote {color: #495f5b;font-family: 'Montserrat', 'Open Sans', sans-serif;line-height: 21px;font-size: 12px;
background: #1d1d1d;padding: 12px;border-bottom:2px solid#dd0c27;border-top:2px solid#8c4d1b;
	margin-right: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
	text-decoration: none;
	-moz-border-radius: 5px;
transition-duration: 2s;
	-moz-transition-duration: 2s;
	-webkit-transition-duration: 2s;
	-o-transition-duration: 2s;	}
.sidecontent #searchform {position: relative;display: block;margin:0px;overflow:hidden;min-height:55px;}
.sidecontent #searchform label {display: none;}
.sidecontent #searchform input {outline: none;margin-top:12px; margin-bottom:12px;position:absolute; left:0; width:100%; padding:10px;background: #74010f; font: 13px Open Sans; color: #ffffff; text-align: left; border:#74010f;}
.sidecontent #searchform input[type="submit"] {display:none;}
.sidecontent strong{color: #990216;}
.sidecontent u , sidecontent i {color: #c79b64;}
.sidecontent a  {color: #653c1d;}
.sidecontent a:hover {color: #990216;text-shadow: 0px 0px 10px;}.sidecontent li a{color: #ffffff;}
.sidecontent li {box-shadow:1px 1px 56px 1px rgba(0, 0, 0, 0.30);text-shadow: rgba(0,0,0,0.3) 1px 1px 1px; font-weight:bold;font-size: 11px;
display: block;padding: 14px; padding-left:22px;background: #990216;
margin-left: -40px;
color: #ffffff;
font-size: 10px;
line-height: 15px;
text-align: left;
border:1px solid #;
transition-duration: 2s;
	-moz-transition-duration: 2s;
	-webkit-transition-duration: 2s;
	-o-transition-duration: 2s;}
.sidecontent li:hover{background: #623b1d;}.sidecontent li strong{color: #ffffff;}
.sidecontent blockquote{text-shadow: rgba(0,0,0,0.3) 1px 1px 1px;
background: #623b1d;font-size: 11px;
	color: #f1f1f1;
	padding: 10px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin:0px;
	text-decoration: none;
-moz-box-shadow:1px 1px 6px 1px rgba(0, 0, 0, 0.10);
-khtml-box-shadow:1px 1px 6px 1px rgba(0, 0, 0, 0.10);
-webkit-shadow:1px 1px 6px 1px rgba(0, 0, 0, 0.10); 
box-shadow:1px 1px 6px 1px rgba(0, 0, 0, 0.10);transition-duration: 2s;
	-moz-transition-duration: 2s;
	-webkit-transition-duration: 2s;
	-o-transition-duration: 2s;
	line-height: 15px;border: 0px !important;
}.sidecontent blockquote:hover{
background-color:#990216;color: #ffffff;}
.sidecontent img{filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
-webkit-transition:  0.5s; outline: 1px solid #990216;box-shadow: 0 0 30px rgba(0,0,0, 0.6);max-width: 325px;
 -moz-transition: 0.5s;transition: 0.5s; margin: 4px;outline-offset: -10px;}
.sidecontent img:hover{
outline: 1px solid #613a1b; outline-offset: 0px; -webkit-filter: opacity(.9); filter: opacity(.9);-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;}
.contenidonews img{padding: 8px;max-width: 700px;filter: brightness(30%);
background-color:#613a1b;margin:2px;
-webkit-transition-property: background-position;   -webkit-transition-duration: 6s;
-o-transition-property: background-position;   -o-transition-duration: 6s;    -webkit-transition: all 1.5s ease; /*Fade to color for Chrome and Safari*/
    -moz-transition: all 1.5s ease;
}
.contenidonews img:hover{-webkit-filter: grayscale(50%) brightness(90%) contrast(100%);
 }
textarea, select,{
	font-size: 10px;font-family: Open Sans, Open Sans Extrabold, Open Sans Light, Open Sans Semibold;text-align: justify;
padding: 12px; background-color:#613a1b;border-bottom: 1px solid #613a1b;
border:none;
color: #ffffff;
text-align: justify;
padding: 12px;overflow: auto;
-moz-box-shadow:1px 1px 16px 1px rgba(0, 0, 0, 0.30);
-khtml-box-shadow:1px 1px 16px 1px rgba(0, 0, 0, 0.30);
-webkit-shadow:1px 1px 16px 1px rgba(0, 0, 0, 0.30); 
box-shadow:1px 1px 16px 1px rgba(0, 0, 0, 0.30);
}.wp-pagenavi{font-size: 10px;font-family: Open Sans, Open Sans Extrabold, Open Sans Light, Open Sans Semibold;text-align: justify;-moz-box-shadow:1px 1px 56px 1px rgba(0, 0, 0, 0.30);
-khtml-box-shadow:1px 1px 56px 1px rgba(0, 0, 0, 0.30);	background-color: #613a1b;	padding: 20px;
-webkit-shadow:1px 1px 56px 1px rgba(0, 0, 0, 0.30); 
box-shadow:1px 1px 56px 1px rgba(0, 0, 0, 0.30);}
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active {
	padding: 10px;	font-size: 10px;font-family: Open Sans, Open Sans Extrabold, Open Sans Light, Open Sans Semibold;text-align: justify;
	margin: 4px;
	text-decoration: none;
	border: 1px solid #613a1b;
	color: #aeaeae;
	background-color: #613a1b;
        -webkit-transition:  0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
-moz-box-shadow:1px 1px 56px 1px rgba(0, 0, 0, 0.30);
-khtml-box-shadow:1px 1px 56px 1px rgba(0, 0, 0, 0.30);
-webkit-shadow:1px 1px 56px 1px rgba(0, 0, 0, 0.30); 
box-shadow:1px 1px 56px 1px rgba(0, 0, 0, 0.30);
}
.wp-pagenavi a:hover , .wp-pagenavi span.pages , .wp-pagenavi span.current , .wp-pagenavi span.extend{		background-color: #990216;	padding: 10px;	font-size: 10px;font-family: Open Sans, Open Sans Extrabold, Open Sans Light, Open Sans Semibold;text-align: justify;
	margin: 4px;
	text-decoration: none;
	border: 1px solid #990216;
	color: #aeaeae;
        -webkit-transition:  0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
-moz-box-shadow:1px 1px 56px 1px rgba(0, 0, 0, 0.30);
-khtml-box-shadow:1px 1px 56px 1px rgba(0, 0, 0, 0.30);
-webkit-shadow:1px 1px 56px 1px rgba(0, 0, 0, 0.30); 
box-shadow:1px 1px 56px 1px rgba(0, 0, 0, 0.30);
}
a{
	color: #990216;	-moz-border-radius: 5px;
        -webkit-transition:  0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
	text-decoration: none;
	font-weight: bold;
}
a:hover{
	color: #663e1d;}
.imagendestacada img {outline: 1px solid #990216;outline-offset: -30px;box-shadow: 0 0 30px rgba(0,0,0, 0.3);
  min-width: 700px;
    background-position: bottom center;
    bottom: 0px;
  max-width: 700px;
height: auto;
  position:relative; 
overflow:hidden;
  -moz-border-radius: 5px;
        -webkit-transition:  0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; }
.imagendestacada img:hover{ outline-offset: -20px;
 }