/* ThemeWarrior Custom CSS 



-----------------------



Please write your custom CSS style in this file, that way you don't need to change the default CSS file.



*/
.banner-ces-2015{
  width: auto;
  height: auto;
  background: none;
  overflow: visible;
}

.prev{
  float: left !important;
  background: transparent !important;
  font-size: 20px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.next{
  float: right !important;
  background: transparent !important;
  font-size: 20px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.ad-300x250{
}

#ad-sidebar, #ad-sidebar2{
  display: none;
}

.ad_234{

display: none;

width: 100%;

text-align: center;

padding: 15px 0px;

}

.ad_320{

display: none;

width: 100%;

text-align: center;

padding: 20px 0px;

}



.ad_468{

display: none;

width: 100%;

text-align: center;

padding: 25px 0px;

	

}



.ad_468 img {



    width: 100%;

    max-width: 468px;



}



.ad_320 img {



    width: 100%;

    max-width: 320px;



}



.ad_234 img{

width: 100%;

max-width: 234px;

}





#bor{



width: 2px;



margin-left: 8px;



float: left;



margin-top: 30px;



height: 2571px;



border-right: 1px solid #e6e6e6;



}







#bor-2{



width: 2px;



float: left;



margin-top: 30px;



height: 2609px;



border-right: 1px solid #e6e6e6;



}







.wp-tile-container .grid > div{



	-webkit-box-shadow: 0px 0px 0px !important;



	-moz-box-shadow: 0px 0px 0px !important;



	box-shadow: 0px 0px 0px !important; 



}







.border-r{



	/*border-right: 1px #dddddd solid;*/



	padding-right: 10px;



	text-align: justify;



	height: 100%;



}



@media screen and (min-width: 800px) and (max-width: 1000px) {











}







@media screen and (min-width: 710px) and (max-width: 768px) {



.ad_320{

display: none;

}



.ad_468{

display: block;

}



.ad_728{

display:none;

}

.ad_728-f{

display:none;

}


.ad_234{

display: none;

}



#top-header{



  height: 180px;



}







#logo{



  width: 100% !important;



}







#bor{



  display: none;



}



#top-menu select.menu-mobile {



    display: block;



  }







  select {



    height: 28px;



    padding: 0px 12px;



  }







 .main-menu select.menu-mobile {



    display: block;



    margin: 13px 0;



  }







  .main-menu ul



  {



    display: none;



  }



  .main-menu ul li {



    display: block;



    text-align: center;



  }



  .main-menu ul li ul {



    position: relative;



    width: 100%;



  }







  .main-menu ul li a {



    padding: 10px 20px;



  }







  #top-menu select.menu-mobile {



    padding: 0;



  }







  #main-content{



    width: 100% !important;



  }







  .articulo-w-1{



    width: 419px !important;



  }







  .articulo-thumb{



      float: left;



      width: 250px;



      overflow: hidden;



      position: relative



      }







  .articulo-thumb img{



    width: 250px !important;



    height: 165px !important;



  }



  .read-more{



    width: 400px !important;



    text-align: center !important;



  }







  .articulo-texto{



    width: 419px !important;



  }







   #top-menu .top-nav {



      float: left !important;



      width: 46% !important;



      margin-right: 10px !important;



  }







  .wrapper.header {



      padding-bottom: 0px !important;



  }



  #sidebar{



    width: 100% !important;



  }



}







@media screen and (min-width: 660px) and (max-width: 710px) {



.ad_320{

display: none;

}



.ad_468{

display: block;

}



.ad_728{

display:none;

}

.ad_728-f{

display:none;

}



.ad_234{

display: none;

}

#bor{



  display: none;



}



#top-header{



  height: 170px;



}







#logo{



  width: 100% !important;



}







#top-menu select.menu-mobile {



    display: block;



  }







  select {



    height: 28px;



    padding: 0px 12px;



  }



  .main-menu select.menu-mobile {



    display: block;



    margin: 13px 0;



  }







 .main-menu ul



  {



   display: none;



  }



  .main-menu ul li {



    display: block;



    text-align: center;



  }



  .main-menu ul li ul {



    position: relative;



    width: 100%;



  }



  .main-menu ul li a {



    padding: 10px 20px;



  }



  #top-menu select.menu-mobile {



    padding: 0;



  }



  #main-content{



    width: 100% !important;



  }







  .articulo-w-1{



    width: 575px !important;



  }



  .articulo-thumb{



      float: left;



      width: 600px;



      overflow: hidden;



      position: relative



      }



  .articulo-thumb img{



    width: 600px !important;



    height: 315px !important;



  }



  .read-more{



    width: 575px !important;



    float: left !important;



    text-align: center !important;



  }



  .articulo-texto{



    width: 575px !important;



  }



   #top-menu .top-nav {



      float: left !important;



      width: 46% !important;



      margin-right: 10px !important;



  }



  .wrapper.header {



      padding-bottom: 0px !important;



  }



  #sidebar{



   width: 100% !important;



  }



}







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



.ad_320{

display: none;

}



.ad_468{

display: block;

}



.ad_728{

display:none;

}


.ad_728-f{

display:none;

}



.ad_234{

display: none;

}



  #top-header{



  height: 150px;



}







#logo{



  width: 100% !important;



}







#bor{



  display: none;



}







#top-menu select.menu-mobile {



    display: block;



  }



  select {



    height: 28px;



    padding: 0px 12px;



  }



  .main-menu select.menu-mobile {



    display: block;



    margin: 13px 0;



  }



  .main-menu ul



  {



    display: none;



  }



  .main-menu ul li {



    display: block;



    text-align: center;



  }



  .main-menu ul li ul {



    position: relative;



    width: 100%;



  }



  .main-menu ul li a {



    padding: 10px 20px;



  }



  #top-menu select.menu-mobile {



    padding: 0;



  }







  #main-content{



    width: 100% !important;



  }







 .articulo-w-1{



    width: 520px !important;



  }



  .articulo-thumb{



     float: left;



     width: 560px;



     overflow: hidden;



     position: relative



  }



  .articulo-thumb img{



    width: 560px !important;



    height: 315px !important;



  }







  .read-more{



    width: 540px !important;



    float: left !important;



    text-align: center !important;



  }







  .articulo-texto{



    width: 520px !important;



  }



   #top-menu .top-nav {



     float: left !important;



     width: 46% !important;



     margin-right: 10px !important;



 }



  .wrapper.header {



      padding-bottom: 0px !important;



  }



  #sidebar{



    width: 100% !important;



  }



}







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



.ad_320{

display: none;

}



.ad_468{

display: block;

}



.ad_728{

display:none;

}


.ad_728-f{

display:none;

}



.ad_234{

display: none;

}



#top-header{



  height: 130px;



}







#logo{



  width: 100% !important;



}











#bor{



  display: none;



}



#top-menu select.menu-mobile {



    display: block;



  }



  select {



    height: 28px;



    padding: 0px 12px;



  }



  .main-menu select.menu-mobile {



    display: block;



    margin: 13px 0;



  }



  .main-menu ul



  {



    display: none;



  }



  .main-menu ul li {



    display: block;



    text-align: center;



  }







  .main-menu ul li ul {



    position: relative;



    width: 100%;



  }



  .main-menu ul li a {



    padding: 10px 20px;



  }



  #top-menu select.menu-mobile {



    padding: 0;



  }







#main-content{



  width: 100% !important;



}



  .articulo-w-1{



    width: 450px !important;



  }



  .articulo-thumb img{



    width: 500px !important;



    height: 215px !important;



  }



  .read-more{



    width: 450px !important;



    float: left !important;



    text-align: center !important;



  }



  .articulo-texto{



    width: 450px !important;



  }



   #top-menu .top-nav {



      float: left !important;



      width: 46% !important;



      margin-right: 10px !important;



  }



  .wrapper.header {



      padding-bottom: 0px !important;



  }



  #sidebar{



    width: 100% !important;



  }



}







@media screen and (min-width: 480px) and (max-width: 540px) {



.ad_320{

display: none;

}



.ad_468{

display: block;

}



.ad_728{

display:none;

}


.ad_728-f{

display:none;

}



.ad_234{

display: none;

}



#top-header{



  height: 120px;



}







#logo{



  width: 100% !important;



}







#bor{



  display: none;



}



#top-menu select.menu-mobile {



   display: block;



}



  .wrapper.main-menu{



    margin-top: -15px !important;



  }



  select {



    height: 28px;



    padding: 0px 12px;



  }



 .main-menu select.menu-mobile {



   display: block;



   margin: 13px 0;



 }



  .main-menu ul



 {



   display: none;



 }



  .main-menu ul li {



    display: block;



    text-align: center;



  }



  .main-menu ul li ul {



    position: relative;



    width: 100%;



  }



  .main-menu ul li a {



    padding: 10px 20px;



  }



  #top-menu select.menu-mobile {



    padding: 0;



 }



#main-content{



  width: 100% !important;



}



  .articulo-w-1{



    width: 400px !important;



  }



  .articulo-thumb img{



    width: 450px !important;



    height: 185px !important;



  }



  .read-more{



    width: 400px !important;



    text-align: center !important;



  }



  .articulo-texto{



    width: 400px !important;



  }



   #top-menu .top-nav {



      float: left !important;



      width: 46% !important;



      margin-right: 10px !important;



  }



  .wrapper.header {



      padding-bottom: 0px !important;



  }



  #sidebar{



    width: 100% !important;



  }



.floating-social{



    width: 50px !important;



  }



  .floating-social .link{



    width: 35px !important;



    height: 35px !important;



    font-size: 15px !important;



  }



  .floating-social .link span{



    padding-right:  0px !important;



  }







#footer .one-third{



	width: 100%;



   }



}







@media screen and (min-width: 360px) and (max-width: 480px) {



.ad_320{

display: block;

}



.ad_468{

display: none;

}



.ad_728{

display:none;

}


.ad_728-f{

display:none;

}



.ad_234{

display: none;

}



#bor{



  display: none;



}







#top-header{



  height: 100px;



}







#logo{



  width: 100% !important;



}







#top-menu select.menu-mobile {



    display: block;



  }



 .wrapper.main-menu{



   margin-top: -15px !important;



   }



  select {



    height: 28px;



    padding: 0px 12px;



  }



  .main-menu select.menu-mobile {



    display: block;



    margin: 13px 0;



  }



  .main-menu ul



  {



    display: none;



  }



  .main-menu ul li {



    display: block;



    text-align: center;



  }



  .main-menu ul li ul {



    position: relative;



    width: 100%;



  }



  .main-menu ul li a {



    padding: 10px 20px;



  }



  #top-menu select.menu-mobile {



    padding: 0;



  }



#main-content{



  width: 100% !important;



}



  .articulo-w-1{



    width: 315px !important;



  }



  .articulo-thumb{



      float: left;



      width: 350px;



      overflow: hidden;



      position: relative



   }



  .articulo-thumb img{



    width: 350px !important;



    height: 185px !important;



  }



 .read-more{



    width: 315px !important;



    float: left !important;



    text-align: center !important;



  }



  .articulo-texto{



    width: 315px !important;



  }



   #top-menu .top-nav {



      float: left !important;



      width: 46% !important;



      margin-right: 10px !important;



  }



  .wrapper.header {



      padding-bottom: 0px !important;



  }



  #sidebar{



    width: 100% !important;



  }



.floating-social{



    width: 50px !important;



  }



  .floating-social .link{



    width: 35px !important;



    height: 35px !important;



    font-size: 15px !important;



  }



  .floating-social .link span{



    padding-right:  0px !important;



  }







#post-nav .post-previous{



  padding: 10px 0% 20px 0 !important;



}







#post-nav .post-previous, #post-nav .post-next{



  font-size: 16px !important;



}







#footer .one-third{



	width: 100%;



}



}







@media screen and (min-width: 300px) and (max-width: 360px) {



.ad_320{

display: none;

}



.ad_468{

display: none;

}



.ad_728{

display:none;

}


.ad_728-f{

display:none;

}

.ad_234{

display: block;

}



#bor{



  display: none;



}







#logo{



  width: 100% !important;



}



#top-menu select.menu-mobile {



    display: block;



  }



  .wrapper.main-menu{



    margin-top: -15px !important;



  }



  select {



    height: 28px;



    padding: 0px 12px;



  }



  .main-menu select.menu-mobile {



    display: block;



    margin: 13px 0;



  }







  .main-menu ul,



  #top-menu ul {



    display: none;



  }







  .main-menu ul li {



    display: block;



    text-align: center;



  }







  .main-menu ul li ul {



    position: relative;



    width: 100%;



  }







  .main-menu ul li a {



    padding: 10px 20px;



  }







  #top-menu select.menu-mobile {



    padding: 0;



  }







  #main-content{



    width: 100% !important;



  }



      .articulo-thumb{







     float: left;



      width: 320px;



      overflow: hidden;



      position: relative



      }







  .articulo-thumb img{



    width: 320px !important;



    height: 185px !important;



  }



  #top-menu .top-nav {



      float: left !important;



      width: 46% !important;



      margin-right: 10px !important;



  }







  .wrapper.header {



      padding-bottom: 0px !important;



  }







  .articulo-w-1{



    width: 280px !important;



  }



  .articulo-texto{



    width: 280px !important;



  }







  #sidebar{



    width: 100% !important;



  }







 .read-more{



    width: 280px !important;



    text-align: center !important;



  }







  .floating-social{



    width: 39px !important;



  }



  .floating-social .link{



    width: 25px !important;



    height: 35px !important;



    font-size: 13px !important;



  }



  .floating-social .link span{



    padding-right:  0px !important;



  }







#post-nav .post-previous{



  padding: 10px 0% 20px 0 !important;



}



#post-nav .post-previous, #post-nav .post-next{



  font-size: 16px !important;



}







#footer .one-third{



	width: 100%;



}







}







.margin-t{



	margin-top: 6px;



}



.titulo{



margin-top: 20px;



margin-bottom: 11px;



font-family: Montserrat;



letter-spacing: 1px;



font-weight: 400;



font-style: normal;



color: #333333;



font-size: 36px;



}







@media screen and (min-width: 960px) {



    .articulo-thumb img{



    width: 100% !important;



    height: 185px !important;



 }



 .articulo-thumb{



      float: left;



      width: 40%;



      overflow: hidden;



      position: relative



 }



}







.post-art{



margin-bottom: 12px !important;



}



.articulo-texto{



margin-top: 0px !important;



text-align: justify;



font-family: Roboto;



line-height: 20px;



font-style: normal;



font-weight: normal;



font-size: 14px !important;



float: left;



width: 57%;



margin-bottom: 13px;



margin-left: 18px !important;



}







.articulo-w-1{



width: 57%;



float: left;



margin-left: 18px !important;



font-size: 21px !important;



}



.dentro-post{



	width: 100% !important;



}







.busqueda{



	width: 65% !important;



}



.masonry{



     width: 100%;



}



.fixedbar{



opacity: 0.6 !important;



z-index: 3 !important;



display: none !important;



}



.animated { 



    -webkit-animation-duration: 1.5s; 



    animation-duration: 1.5s; 



    -webkit-animation-fill-mode: both; 



    animation-fill-mode: both; 



    -webkit-animation-timing-function: ease-out; 



    animation-timing-function: ease-out; 







} 







@-webkit-keyframes bounceInDown { 



   0% { 



       opacity: 0; 



       -webkit-transform: translateY(-2000px); 



   } 



    60% { 



        opacity: 1; 



        -webkit-transform: translateY(30px); 



   } 



    80% { 



        -webkit-transform: translateY(-10px); 



   } 



   100% { 



        -webkit-transform: translateY(0); 



    } 



} 







@keyframes bounceInDown { 



    0% { 



       opacity: 0; 



       transform: translateY(-2000px); 



    } 



    60% { 



        opacity: 1; 



        transform: translateY(30px); 



    } 



    80% { 



        transform: translateY(-10px); 



    } 



    100% { 



        transform: translateY(0); 



    } 



} 































































































































.bounceInDown { 































































    -webkit-animation-name: bounceInDown; 































































    animation-name: bounceInDown; 































































}































































































































.floating-social {



	position: fixed;



  width: 70px;



	top: 25%;



	right: 0px;



	text-align: center;



  z-index: 10;



  transform: translateY(-50%);



	-webkit-transform: translateY(-50%);



	-ms-transform: translateY(-50%);



	-moz-transform: translateY(-50%);



}







.floating-social .link {



  display: inline-block;



  vertical-align: middle;



  position: relative;



  width: 95px;



  height: 50px;



  border-radius: 0%;



  /* border: 2px dashed white; */



  background-clip: content-box;



  padding: 0px;



  transition: .4s;



  color: #D7D0BE;



  margin-left: 15px;



  margin-right: 15px;



  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.2);



  font-size: 24px;



}































































































































.floating-social .link span {































































  display: block;































































  position: absolute;































































  text-align: center;



























































padding-right: 40px;



  top: 50%;































































  left: 50%;































































  transform: translate(-50%, -50%);































































-webkit-transform: translate(-50%, -50%);































































-moz-transform: translate(-50%, -50%);































































-ms-transform: translate(-50%, -50%);































































































































}































































































































.floating-social .link:hover {



  padding: 0px;



  color: white;



  width: 105px;



  transform: translateX(-20px);



  -webkit-transform: translateX(-20px);



  -moz-transform: translateX(-20px);



  -ms-transform: translateX(-20px);



}































































































































.floating-social .link.google-plus-p {































































  background-color: tomato;































































  color: white;































































}































































































































.floating-social .link.twitter-p {































































  background-color: #00ACEE;































































  color: white;































































}































































































































.floating-social .link.facebook-p {































































  background-color: #3B5998;































































  color: white;































































}































































































































.floating-social .link.instagram-p {































































  background-color: purple;































































  color: white;































































}































































































































.floating-social .link.youtube-p {































































  background-color: red;































































  color: white;































































}































































































































.floating-social .link.vine-p {































































  background-color: green;































































  color: white;































































}































































































































#video .regular{































































	height: 230px !important;































































}































































































































.read-more{































































	color: white;































width: auto;































font-size: 16px;































font-family: inherit;































height: auto;































margin-top: 10px;































background-color: #0088ff;































padding: 7px;































margin-right: 1px;































float: right;































font-weight: 700;































































}































































































































.read-more:hover{































































	color: white;































































	width: auto;































































	font-size: 16px;































































	font-family: inherit;

	height: auto;

	margin-top: 2px;

	background-color: #0088ff;

	padding: 7px;

	margin-right: 2px;

	font-weight: 600;



}



.social-media{

    float: left;

    margin: -7px 0 0 6%;



}





.ribbon {



width: 70%;



position: relative;



margin-bottom: 15px;



left: -41px;



background: #0088ff;



padding: 1em 1em 0.5em 2em;



}







.ribbon .ribbon-content:before {



content: "";



position: absolute;



display: block;



border-style: solid;



border-color: #0066BE transparent transparent transparent;



bottom: -24px;



left: 0px !important;



}







.ribbon .ribbon-content:before {



left: -20px;



border-width: 1em 0 0 0.85em;



}







.non-semantic-protector { position: relative; z-index: 1; }