@charset "utf-8";
/* CSS Document */


body {
	margin:0px auto;
	padding:0;
	font-family: 'PT Serif', sans-serif;
	font-size:14px;
	width:100%;
	color:#333333;
	background:#fff ;
	line-height:20px;
}
h1, h2, h3, h4, h5, h6, li, ul, p {
	padding:0px;
	margin:0px;
	font-weight:normal;
	list-style:none;
	line-height:1;
}

h3 { font-size:20px; color:#9e2929; margin-bottom:10px;}
input, textarea, form, image {
	padding:0px;
	margin:0px;
	border:0;
}
a {
	cursor:pointer;
	text-decoration:none;
	outline:none;
	color:#9d2727;
}
*{ line-height:1; outline:none; }

.clear { width:100%; clear:both; height:1px;}

.loginData { float:right; margin:10px; font-size: 16px; background-color: #efefef; padding: 7px 15px;}
.loginData a { margin:0 10px;}
.navbar-collapse {
    border-color: rgba(255,255,255,.02);float:right; padding-right:0;
}

.navbar-toggle {
    border-color: #fed136;
    background-color: #fed136;
	margin-left:20px;
}

.navbar-toggle .icon-bar {
    background-color: #fff;
}

.navbar-toggle:hover,
.navbar-toggle:focus {
    background-color: #fed136;
}
.in ul li { width:100%; }
.row { width:1037px; margin:0 auto;}
.header .logo { margin:30px 0; float:left;}
.nav-block { float:right; margin-top:10px; }

ul.nav { background:none; display:inline-block; }
ul.nav li { float:left; }
ul.nav li a { color: #666; font-size:18px; font-family: 'Roboto', sans-serif; padding: 16px 11px 15px 11px; transition: all 1.3s;-webkit-transition: all 1.3s;-moz-transition: all 1.3s;-o-transition: all 1.3s;  }
ul.nav li a.active, ul.nav li a:hover { color: #9e2929;}

ul.nav .submenu { display:none;  position: absolute;
background: rgba(241,240,241,1);
background: -moz-linear-gradient(-45deg, rgba(241,240,241,1) 0%, rgba(204,204,204,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(241,240,241,1)), color-stop(100%, rgba(204,204,204,1)));
background: -webkit-linear-gradient(-45deg, rgba(241,240,241,1) 0%, rgba(204,204,204,1) 100%);
background: -o-linear-gradient(-45deg, rgba(241,240,241,1) 0%, rgba(204,204,204,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(241,240,241,1) 0%, rgba(204,204,204,1) 100%);
background: linear-gradient(135deg, rgba(241,240,241,1) 0%, rgba(204,204,204,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f0f1', endColorstr='#cccccc', GradientType=1 );
  min-width: 200px;
  padding: 10px 0 0 5px;
  z-index: 9999999;
  overflow: hidden;
  padding: 10px;
  margin-left: -45px; }
ul.nav .submenu li { display:block;  width: 100%;}
ul.nav .submenu li a {color:#666; font-size:15px; padding: 10px 5px; width:100%; display:block; text-decoration:none;text-shadow: none; text-transform:uppercase;}
ul.nav .submenu li a :hover {text-decoration:none;}
ul.nav .submenu li :hover { background-color:#efefef;}


.home1 { background-color:#fbfbfb; padding:50px 0;}
.home1 .block h1{ font-size:24px; margin:30px 0; font-weight:bold; }
.home1 .block h1 span{ text-transform:uppercase; }
.home1 .block p { font-size:16px; line-height:23px;   }

.tel {     font-size: 14px;
    font-family: 'Roboto', sans-serif;
    padding: 0px 26px 0px 0px;
    margin-top: -25px;
    font-weight: 500;
    color: #666;
}



 .newsletter {
/*    text-align:right; background: rgba(156,191,194,1);
    background: -moz-linear-gradient(top, rgba(156,191,194,1) 0%, rgba(92,146,151,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(156,191,194,1)), color-stop(100%, rgba(92,146,151,1)));
    background: -webkit-linear-gradient(top, rgba(156,191,194,1) 0%, rgba(92,146,151,1) 100%);
    background: -o-linear-gradient(top, rgba(156,191,194,1) 0%, rgba(92,146,151,1) 100%);
    background: -ms-linear-gradient(top, rgba(156,191,194,1) 0%, rgba(92,146,151,1) 100%);
    background: linear-gradient(to bottom, rgba(156,191,194,1) 0%, rgba(92,146,151,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9cbfc2', endColorstr='#5c9297', GradientType=0 ); padding: 5px;
 */
 }


.newsletter h1{  color:black; font-size:18px; font-family:'Roboto'; /*text-align:left;*/ font-weight:bold; margin:10px 0;  /*float:left;*/}
.newsletter span{ color:#335a5e; }
.newsletter button{ background:#a8cb69; border:none; color:#fff; font-size:12px;
    padding:12px 15px; font-family:Arial, Helvetica, sans-serif;
    font-weight:bold; text-transform:uppercase;width:128px; margin:8px 0 0 0; }
.newsletter input { border:1px solid #adadad; padding:5px 10px; width:218px; margin:0 0 10px; line-height:25px;}
.newsletter label {text-align:left; width:100px; }






.search-block{ float:right; padding:18px 0; margin:0 0 10px; 0; }
.search-block p label{ font-size:18px; margin:0 10px 0 0;  }
.search-block p select { font-size:16px; padding:12px; width:205px; }
.search-block p select.pq {   width:125px; }
.search-block form, .search { position:relative; display:inline-block; margin:0 10% 0 0; }
.search-block input[type=text], .search input[type=text]{ width:312px; padding:12px 15px 6px 15px; font-family:'Roboto'; border:1px solid #8b8787; }
.search-block button, .search button{ background:none; border:none; color:#8b8787; font-size:20px; position:absolute; right:2%; top:31%; }

.content .container { background-color:#f1f0f1; padding:20px 0 40px 0;}
.portada {
    /*float:left;*/
    /*margin-right:40px;*/
    margin: 0 auto;
    display: block;
    max-width:225px;}

#JournalContents {
    /*float:right;*/
    text-align: center;
    margin-top: 10px;
    }
#JournalContents form  { position:relative; display:inline-block; margin:0; }
#JournalContents  label{ font-size:18px; margin:0 10px 0 0; font-family: Roboto }
#JournalContents  select { font-size:16px; padding:12px; width:225px; }
#JournalContents  select.pq {   width:125px; }
#JournalContents input[type=text]{ width:312px; padding:15px; border:1px solid #8b8787; }
#JournalContents button { background:none; border:none; color:#8b8787; font-size:20px; position:absolute; right:2%; top:31%; }


.content .head-block { margin:0 0 38px 0; }
.content .head-block p{ color:#333333; font-size:18px;font-family: 'PT Serif', sans-serif; font-weight:700; display:inline-block; margin-top:70px; line-height:24px;}
.content .head-block p span { color:#e2001a; }

.content h2.title { color:#335a5e; font-size:20px;font-family: 'PT Serif', sans-serif; font-weight:700; margin:45px auto 15px auto;  text-align:center;}

.content h2.title :before {
	content: "";
	display: block;
	border-top: solid 1px #999;
	width: 996px;
	height: 1px;
	position: absolute;
	top: 50%;
	z-index: -1;
}

.content h2.title  span {
	background-color: #f1f0f1;
	padding: 0 50px;
	position: relative;
	z-index: 99;
}
@-moz-document url-prefix() {
.content h2.title :before  { border-top:none;}
.content h2.title { border-bottom: solid 1px #999;}
}

.content .list { display:inline-block; margin-bottom:30px; width:100%;}
.content .item{ background:#fff; color:#000; font-size:16px; font-family: 'PT Serif', sans-serif;padding:20px 11px 15px 11px;  display:inline-block; width:31%; margin:15px 0; float:left; margin-right:2%; min-height: 125px;}

.content .item .ab, .content .item .dw{ margin:10px 5px 0 10px; color:#74b2af;  display:inline-block;  cursor:pointer; }
.content .item a{ color:#000; margin:0 20px 0 0; display:block; font-size: 13px;}
.content .item div , .content .item p, .content .item strong{ line-height:22px;}
.autores { display:block; font-style:italic; margin-top:10px;line-height: 1.2;}
.btnes { margin-top:20px; float:left;}










.footer{ background-color:#9d2727; padding:41px 0 38px 0; margin:50px 0 0 0; }
.footer-text p, .footer-text a { line-height:20px; font-size:16px;font-family: 'Abel', sans-serif;color:#fff; }
#partners{ text-align:center;}
.partner_logo { display:inline-block; margin:10px 20px;}
.partner_logo img { max-width:100%;}
.inner h2 { color:#9e2929; font-size:24px; margin:30px 0 20px 0; font-weight:bold;  }
.inner h2.nm { margin:20px 0;}
.author h2 { font-size:16px ; margin:20px 0 20px 0; }
.inner p { font-size:16px; line-height:25px; margin:0 0 20px 0; word-break: break-word;}
.inner p span{ /* text-decoration:underline; */  }
.inner h1 { color:#333333; font-size:24px; margin:30px 0 25px 0; font-weight:bold;  line-height:30px;}
.inner h1 span{ text-transform:uppercase; }
.inner div.form{ background:#f6f8f9; padding:5% 5% 5% 12%; display:inline-block; width:100%; }
.inner div.form table { width:100%; }
.inner div.form table td { padding:10px 0; position:relative; }
.inner div.form table td .req{ position:absolute; right:32%; top:46%; background:url('../images/val.png') no-repeat scroll 0 0; height:6px; width:6px;}
.inner div.form  { font-size:16px; }


.inner div.form table td:first-child { width: 32%; }
.inner div.form table td:last-child { width:70%; }
.inner div.form table.addr td:first-child{ width: 15.5%; }
.inner div.form table.addr td:last-child{width: 85.5%; }
.inner div.form table.addr td:last-child input{ width: 89%; }
.inner div.form table td input[type=text], .inner div.form table td input[type=password],  .inner div.form table td input[type=email], .input-text,  .inner div.form table td  select { border:1px solid #b6b4b5; width:230px; padding:6px 11px; }
.captcha { margin:30px 0 30px 0 ; }
.captcha .cpt{ margin-left:15%; }
.required { background: #fff url(../images/red_asterisk.png) no-repeat 98% center;
}
select:required { background: #fff url(../images/red_asterisk.png) no-repeat 95% center; }
input:required, textarea:required
	 background: #fff url(../images/red_asterisk.png) no-repeat 98% center;
}
input:required:valid,textarea:required:valid {
	background: #fff url(../images/valid.png) no-repeat 98% center;
	background-color:#fff;
}
input:focus:invalid,  textarea:focus:invalid {
	background: #fff url(../images/invalid.png) no-repeat 98% center;
	background-color:#fff;
}
.inner div.form p { font-size:14px; margin:0 0 20px 0; line-height:17px; width:94%; }
.inner div.form button, button.btnRed { background:#a8cb69; border:none; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; text-transform:uppercase; padding:8px 14px ; width:130px; font-weight:bold; margin:0 8% 0 0; }
button.btnRed { background-color:red; color:#fff;}

.alpha-list p, .alpha-list a,  .alpha-list { font-family:"Roboto"; width:30px; float:left; line-height:50px; color: #9e2929 !important; font-size:30px;  text-decoration: none !important; }
.alpha-list .act { font-size:50px; font-weight:700;}
.alpha-one  { margin-bottom:50px;}
.alpha-one h1{ color:#9e2929; font-size:60px; margin-top:50px; }
.alpha-one p, .alpha-one a { font-size:18px; line-height:10px; color:#000; display: block; margin: 15px 0; cursor:pointer;}
.alpha-one p.actual , .alpha-one a.actual {font-size: 24px;font-weight: bold; line-height: 30px; }


.text{ border-left:solid 2px #9e2929;  position: relative;   margin-top:300px; float: left; display:none;}
.text span { color: #cccccc;float: left;font-size: 200px; margin: 21px 0 0;  width: 86px; }
.text .info { padding:30px; color:#000; background:#f6f8f9; width:550px; float: right;   /* line-height: 22px; */}
.text .info p { line-height: 28px; text-align:left; }



.tit { font-size:18px; margin-bottom: 7px; display: inline-block; cursor:pointer;}
.contact { padding:0 0 0 2%; }
.contact p { font-size:24px; line-height:30px; }
.contact p span{ color:#5e9398;text-decoration:none !important;  }
.inner p a { color:#333; text-decoration:underline; }
.modal-content{ border-radius:0;padding:25px;}
.modal-content p { margin:0 0 20px 0; line-height:20px;}
.modal-content table { width:100%; }
.modal-content table td { vertical-align:middle; width:50%; }
.modal-content input, .modal-content select { border:1px solid #adadad; padding:5px; width:175px; margin:0 0 20px; }
.modal-content button, .modal-content input[type=submit] {background: none repeat scroll 0 0 #9e2929;
    border: medium none;
    color: #fff;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    /* margin: 0 8% 0 0; */
    padding: 8px 14px;
    text-transform: uppercase;}
.modal-body { padding:0; }
.modal-title { margin:0 0 20px 0; }
.forgot_pass { margin-left:65px; cursor:pointer;}





.idioma { font-style:italic; color:#335a5e;line-height: 1.3;margin-top: 10px;display: block;}



#abstract { position:absolute; width:50%; padding:20px; min-height:600px; top:600px; border:solid 1px #ccc; box-shadow:2px 2px 8px #666; background-color:#efefef; display:none; z-index: 999;}
#abstract h3 { font-style:italic;}
#abstract  p { margin:20px 0; line-height: 18px;}
.login , .login_es, .send_me, .inline{ cursor:pointer; display:inline-block;font-size: 13px;}
#aviso, .aviso { color:#ff1631; text-weight:bold;}


.editor { float:left; width:40%;}
.board {
float:left;
padding-left:20px;/*
-moz-column-count:3;
    -moz-column-gap: 3%;
    -moz-column-width: 32%;
    -webkit-column-count:3;
    -webkit-column-gap: 60px;
    -webkit-column-width: 32%;
    column-count: 3;
    column-gap: 3%;
    column-width: 32%;*/
	}

@media screen and (max-width: 1050px)
{
.text{}

.row { width:100%;}
.content h2.title :before { width:100%;}
}
@media screen and (max-width: 992px)
{
.title-block .newsletter{
	background:#70a0a4;
}
.board {

-moz-column-count:2;
    -moz-column-gap: 3%;
    -moz-column-width: 45%;
    -webkit-column-count:2;
    -webkit-column-gap: 60px;
    -webkit-column-width: 45%;
    column-count: 2;
    column-gap: 3%;
    column-width: 45%;
	}
		#abstract  { width:90%;}
}

@media (max-width: 1024px) {



.text .info {width: 430px;
  padding: 20px;}
.tel {display:none;}

ul.nav { background:rgba(244,244,244,0.5);}
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in {
        display: block!important;
		overflow:hidden;

    }
    .collapsing {
        overflow: hidden!important;
    }

	.nav-block{
	/* background-color:#333333;*/
	 width:300px;
	 margin-top:-20px;

}
ul.nav li  { border-bottom:dashed 1px #ccc;}
ul.nav li a { padding:10px; display:block; float:none; width:100%; color:#333; text-align:left; padding-left:20px; font-size:15px;}
ul.nav .submenu  { position:relative; display:block; background:none; padding:0px; margin-left:30px;}
ul.nav .submenu li { border-bottom:none;}
}


.frame {
    padding: 0px 5px 0px 22px;
    margin-top: 80px;
}


@media screen and (max-width: 991px) {
    .frame {
        padding: 0px 5px 0px 22px;
        margin-top: 40px;
    }
}


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

.search-block { float:left; margin:0;}
.search-block button, .search button { top:-10px;}
.search-block input[type=text], .search input[type=text] { width:250px;}
.title-block .newsletter{
	margin:0 5%;
	width:90%;
	padding:4%;
	background:#65989D;
}
.loginHome  { width:90%;
	margin:0 5%;
	width:90%;
	padding:4%;}
.search-block .col-sm-6{
	margin:1% 0;
	text-align:center;
}
.search input[type=text]  { width: 300px; margin-top: -20px; margin-bottom: 20px;}
.footer{
	background:#609599;
}
.footer .col-sm-4{
	text-align:center;
	  margin: 30px 0;
}
.search-block form{
margin:0;
}
.board {

-moz-column-count:1;
    -moz-column-gap: 3%;
    -moz-column-width: 100%;
    -webkit-column-count:1;
    -webkit-column-gap: 60px;
    -webkit-column-width: 100%;
    column-count: 1;
    column-gap: 3%;
    column-width: 100%;
	}

	.text { position:absolute; left:10px; top:20px;  margin-top:10px; width:100%; z-index:9999; }
	.text .info { width:100%;}
	.text span { display:none;}


}
@media screen and (max-width: 480px)
{
.header .logo img { width:200px; height:auto;}
.title-block .newsletter { margin-top:20px;}
.title-block .newsletter p { font-size:14px;}
.modal-body td{ width:100%; float:left; }
.modal-body td input { float:right; }
.pull-right {margin-top:10px;}
.tblForm td { display:block;}
.inner div.form table td:first-child , .inner div.form table td:last-child, .inner div.form table.addr td:last-child, .inner div.form table.addr td:last-child input, div.form table td input[type=email]{ width:100%;}

.search-block button, .search button { top:-5px;}
.search-block {
  float: right;
  padding: 15px 0;
 margin:0px;
 }
 .alpha-list p { width:100%; text-align:center;}
 .alpha-list a { margin:10px; float:none;}
 .nav-block {}
 .content .item { width:100%;}
 .content h2.title span { padding:0px;}
 #JournalContents select { margin:10px 0;}

    .frame {
        padding: 0px 5px 0px 22px;
        margin-top: 0px;
    }
}


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

.logo img {
width:98%;
margin:0 1%;
}
.search-block input[type="text"]{ width:286px; }


    .frame {
        padding: 0px 5px 0px 22px;
        margin-top: 128px;
    }

}


@media screen and (max-width: 340px)
{
.inner div.form table td input[type="text"], .inner div.form table td input[type="password"]{
	width:98%;
}
}


/*INICIA CSS PARA COMPARTIR EN REDES*/
.resp-sharing-button__link,
.resp-sharing-button__icon {
    display: inline-block
}
.resp-sharing-button__link {
    text-decoration: none;
    color: #fff;
    /*margin: 0.5em*/
}
.resp-sharing-button {
    border-radius: 5px;
    transition: 25ms ease-out;
    padding: 0.5em 0.75em;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif
}
.resp-sharing-button__icon svg {
    width: 1em;
    height: 1em;
    margin-right: 0.4em;
    vertical-align: top
}
.resp-sharing-button--small svg {
    margin: 0;
    vertical-align: middle
}
/* Non solid icons get a stroke */
.resp-sharing-button__icon {
    stroke: #fff;
    fill: none
}
/* Solid icons get a fill */
.resp-sharing-button__icon--solid,
.resp-sharing-button__icon--solidcircle {
    fill: #fff;
    stroke: none
}
.resp-sharing-button--twitter {
    background-color: #55acee
}
.resp-sharing-button--twitter:hover {
    background-color: #009668
}
.resp-sharing-button--pinterest {
    background-color: #bd081c
}
.resp-sharing-button--pinterest:hover {
    background-color: #8c0615
}
.resp-sharing-button--facebook {
    background-color: #3b5998
}
.resp-sharing-button--facebook:hover {
    background-color: #2d4373
}
.resp-sharing-button--tumblr {
    background-color: #35465C
}
.resp-sharing-button--tumblr:hover {
    background-color: #222d3c
}
.resp-sharing-button--reddit {
    background-color: #5f99cf
}
.resp-sharing-button--reddit:hover {
    background-color: #3a80c1
}
.resp-sharing-button--google {
    background-color: #dd4b39
}
.resp-sharing-button--google:hover {
    background-color: #c23321
}
.resp-sharing-button--linkedin {
    background-color: #0077b5
}
.resp-sharing-button--linkedin:hover {
    background-color: #046293
}
.resp-sharing-button--email {
    background-color: #777
}
.resp-sharing-button--email:hover {
    background-color: #5e5e5e
}
.resp-sharing-button--xing {
    background-color: #1a7576
}
.resp-sharing-button--xing:hover {
    background-color: #114c4c
}
.resp-sharing-button--whatsapp {
    background-color: #25D366
}
.resp-sharing-button--whatsapp:hover {
    background-color: #1da851
}
.resp-sharing-button--hackernews {
    background-color: #FF6600
}
.resp-sharing-button--hackernews:hover, .resp-sharing-button--hackernews:focus {
    background-color: #FB6200
}
.resp-sharing-button--vk {
    background-color: #507299
}
.resp-sharing-button--vk:hover {
    background-color: #43648c
}
.resp-sharing-button--facebook {
    background-color: #3b5998;
    border-color: #3b5998;
}
.resp-sharing-button--facebook:hover,
.resp-sharing-button--facebook:active {
    background-color: #2d4373;
    border-color: #2d4373;
}
.resp-sharing-button--twitter {
    background-color: #55acee;
    border-color: #55acee;
}
.resp-sharing-button--twitter:hover,
.resp-sharing-button--twitter:active {
    background-color: #009668;
    border-color: #009668;
}
#tooltip1 {
    position: relative;
}
#tooltip1 a span {
    display: none;
    color: #009668;
}
#tooltip1 a:hover span {
    display: block;
    position: absolute;
    width: 200px;
    background: #aaa url(images/horses200x50.jpg);
    height: 110px;
    left: 100px;
    top: -10px;
    color: #009668;
    padding: 0 5px;
    text-align: center;
    padding-top: 10px;
}