/* estilos remef */

body{
	font-family: Georgia !important;
	background-color: white;
}

a:hover{
	background-color: unset !important;
}

#header{
	background-color: white;
}

#headerTitle{
	text-align: center !important;
}

#navbar{
	background-color: #f2f2f2;
	font-size: 12px !important;
	text-transform: capitalize;
	width: 100%;
	padding-bottom: 0 !important;
	border-bottom: none;
	display: inline-block;
}

@media only screen and (min-width: 1100px) {
    #navbar{
    	width: 95%;
    	padding-left: 5%;
    }
}

@media only screen and (min-width: 1300px) {
    #navbar{
    	width: 85%;
    	padding-left: 15%;
    }
}

#breadcrumb{
	font-size: 1em;
	padding-top: none;
}

#breadcrumb a{
	color: #27569E;
    outline: none;
    cursor: pointer;
    text-decoration: none;
}

#leftSidebar{
	padding-top: 2em !important;
	font-size: 1em !important;
}

#leftSidebar ul li{
	padding: 8px;
	font-size: 13px;
	border-bottom-style: dotted;
	border-bottom-width: 2pt;
	border-bottom-color: #cccccc;
}
#leftSidebar ul{
	padding: 0;
}
#leftSidebar a{
	color: #333333;
	
}
#leftSidebar a:hover{
	color: brown;
	cursor: pointer;
}
.btnEnviarArticulo{  
	margin: 10px 25px !important;
	padding: 8px !important;
	border-radius: 8px;
	background-color: brown;
	border: none;
	text-align: center;
}

.btnEnviarArticulo:hover{  
	background-color: pink;
	transition:500ms;
}

#leftSidebar .btnEnviarArticulo {
	border-bottom-style: none;
	list-style: none;
}

#leftSidebar .btnEnviarArticulo a{
	color: #fff !important
}

#leftSidebar .btnEnviarArticulo a:hover {
	color: brown !important;
}

.sIdioma{
	padding: 15px;
	font-family: Georgia;
	font-size: 14px;
}

.sIdioma input{
	margin: 1em;
	font-family: Georgia;
	font-size: 14px;
	border-radius: 8px;
}

.sIdioma input:hover{
	color: brown;
}


#main{
	margin-top: 2% !important;*/
}
#main .tituloConvocatoria{
	color: brown;
}

#main .subtituloConvocatoria{
	color: #666;
	font-style: oblique;
}
h2, h3, h4{
	font-family: Georgia !important;
	margin-bottom: 10px !important;
	margin-top: 10px;
}
.banner-inicio {
	float: left;
	margin-bottom: 40px;
	margin-top: 0px;
	text-align: center;
}
.banner-inicio img{
	max-width: 100%;
	height: auto;
}

.conacyt{
	width: 300px;
	float: right;
	margin-left: 10px;
}
.separator{
	border: 1px solid #f2f2f2 !important;
	margin-bottom:20px !important;
	margin-top: 20px !important;
}
.text-indent1 {
	width: 80% !important;
	text-align: justify;
    color: #888;
    line-height: 17px;
    font-size: 14px;
    border-left-style: solid;
    border-left-color: #f2f2f2;
    border-left-width: 1px;
    margin-top: 20px;
    margin-bottom: 25px;
}
.text-indent1 table tr td{
	background-color: #fff !important;
	font-size: 14px;
	border: none;
	font-family: Georgia;
	line-height: 17px;
}
.text-indent1 table tr td ul li{
	padding: 10px;
	text-align: justify;
    color: #888;
    font-size: 13px;
}

.tail-footer{
	background-color: brown !important;
	padding: 1%;
}
.tail-footer *{
	text-align: center;
}

.text-right1{
	width: 700px;
	 border-left-style: solid;
    border-left-color: #f2f2f2;
    border-left-width: 1px;
}
.text-right1 ul{
	width: 80%;
	margin: 20px;
}
.text-right1 ul li{
	list-style-type: disc;
}
table{
	margin: 20px 0 !important;
}
.tabContent table{
	width: 100% !important;
	margin-top: 20px;
	margin-bottom: 30px;
}
.tabContent table tr td{
	background-color: #fff !important;
	font-size: 14px;
	font-family: Georgia;
	line-height: 17px;
}
.tabContent img{ /*estilos de logos*/
	text-align: center;
	height: 100px;
	width: auto;
}
.tabContent table tr td ul li{
	padding: 10px;
	text-align: justify;
    color: #888;
    font-size: 13px;
}

.tabContent table td{
	padding-bottom: 20px;
	padding-top: 20px;
}

.contentable table tr td{
	font-size: 14px;
	font-family: Georgia;
	line-height: 17px;
	color: #888;
}
.contentable table td{
	padding-bottom: 20px;
	padding-top: 20px;
}
.contentable ol{
	padding: 20px 50px;
}
.contentable ol li{
	padding: 5px;
}
.contentable ul{
	padding: 20px 50px;
}
.contentable ul li{
	padding: 5px;
}
#content{
	margin-bottom: 20px;
	font-size: 100%;
}
#content p{
	margin: 15px;
	color: #888;
	text-align: justify;
	font-size: 14px;
}
.formulario{
}
.formulario input{
	color: #888;
	border:1px solid #888;
	border-radius: 4px;
	padding: 2%;
	margin: 1%;
}
.formulario textarea{
	color: #888;
	border:1px solid #888;
	border-radius: 4px;
	padding: 2%;
	margin: 1%;
	margin-bottom: 20px;
}
.right-col-2 {
	font-size: 12px;
	color: #888;
	line-height: 16px;
}
.form-button{
	padding: 0.6em;
}
.suscripcion{
	text-align: center; 
	border: 1px solid #CACACA; 
	border-radius: 4px;
	margin-bottom: 25px;
	background: #f2f2f2; 
	padding:10px;
}
.lista-busqueda ul li{
	padding: 10px;
	text-align: justify;
    color: #888;
    font-size: 13px;
    width: 600px;
}
.caceca table tr td{
	font-size: 14px;
	font-family: Georgia;
	line-height: 19px;
	color: #888;
}

.issueCoverImage img{
	display: block;
	max-width: 100%;
	height: 400px;
}

.ojs{
	margin: 10px;
}

.ojs img{
	padding: 10px;
	max-width: 100%;
	height: 100px;
}
.texto-iniciar{
	float: right;
	width: 70%;
	border-left: 1px solid #ccc;
	padding: 10px;
}

/*layout.css*/
#content .right-row .right-col-1{ width:289px;}
#content .right-row .right-col-2{ width:238px; margin:0 0 0 30px;}

#page8 #content .col-1{ width:948px !important;}

/*styles.css*/
* {margin:0; padding:0;}

html {width:100%;}

body {
	font-family: Arial, Helvetica, sans-serif;
	padding-top:0;
	font-size:100%;
	color:#000000;
	min-width:985px;
}

.main {
	width:1020px; 	
	padding:0;
	margin:0 auto;
	font-size:13px;
	line-height:18px;
}

img {border:0; vertical-align:top; text-align:left;}
input, textarea{color:#2c2c2c; font-size:12px; border:1px solid #969696; line-height:22px; padding-left:5px; font-family: Helvetica, sans-serif;}
textarea{overflow:auto;}


a {color:#27569E; outline:none; cursor:pointer; text-decoration: none; }
a:hover {text-decoration:none; color:#27569E;}

object {outline:none;}
fieldset {border:0;}

ul {list-style:none;}
table,  td {padding:5px; border-collapse:collapse; background-color:#E9E9E9;}
td {
	font: 12px Arial,Verdana,sans-serif;
	color:#666666;
	border: 1px solid #C0C0C0;
}
th.fecha{
	font: bold 12px Arial,Verdana,sans-serif;
	color: #3C6DB2;
	background-color:#FFFFFF;
	/*color: #EA0437;*/
	text-align: left;
	padding: 5px;
}
h1 {
	font-weight: bold;
	font-size: 16px !important;
	color: #333333;
 	color: #274897;
	margin-left: 0px !important;
	padding: 5px 0px 10px 0px !important;
}

.contentable td { 
	font-size: 12px;
	color: #000000;
	border:0;
	background-color:#ffffff !important;
}

.tituloConvocatoria
{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#000000;
font-weight:bold;
}
.subtituloConvocatoria
{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#000000;
font-weight:bold;
}

.titlecuotas{ color:#2C2C2C; font-size:20px; line-height:20px; font-weight:normal; font-family: Arial, Helvetica, sans-serif; }
.subtitlecuotas{ color:#2C2C2C; font-size:12px; line-height:20px; font-weight:normal; font-family: Arial, Helvetica, sans-serif; padding-bottom:29px;}

.nota{ font-size:9px; color:#FF0000;}
.fleft{ float:left;}
.fright{ float:right;}
.clear{ width:100%; overflow:hidden;}

.col-1, .col-2, .col-3, .col-4{ float:left;}
.br{ display:block;}


/*********************************header*************************************/
.tail-top{ background:#FFF url(images/pleca_main.jpg) 0 0 repeat-x;} /* back del logo */
.tail-top1{ background:url(images/content_wrapper.jpg)  center 115px repeat-x;} /* se cambia la posicion de la pleca azul */

.row-logo{ height:115px;} /* se cambia la posicion del logo */  
.row-logo .logo{ position:absolute; margin:5px 0 0 -40px;}

#navbar { position:relative; height:40px;} /* se cambia la posicion del menu */
#navbar ul{ padding:0 0 0 3px;}
#navbar ul li, #navbar ul li a{ display:block; float:left; padding-right: 0; font-size: 12px; text-transform: capitalize; letter-spacing: normal;}
#navbar ul li a{ color:#333333; line-height:24px; padding:8px 12px; font-family:"Helvetica", Helvetica, serif; text-decoration:none;}
#navbar ul li a:hover, #navbar ul .active{ background:url(http://132.248.10.25/remef/public/journals/1/img/menu_hover.gif) 0 0 repeat; color:#FFF}

@media only screen and (max-width: 1020px) {
    #navbar ul li,
    #navbar ul li a{
    	font-size: 11px;
    }
}

.row-search{ height:54px; background:url(images/row_search.gif) 0 12px no-repeat;}
.row-search .input{ position:absolute; margin:18px 0 0 7px; color:#FFF4CF; font-size:18px; line-height:24px; text-transform:uppercase; background:none; border:none; width:240px; font-family:"Times New Roman", Times, serif;}
.row-search .link{ display:block; position:absolute; background:url(images/search_button.gif) 0 0 no-repeat; width:34px; height:34px; margin:12px 0 0 268px; }


/*********************************content*************************************/
#content{ padding:0 0 45px 23px;}
#content .col-1{ width:312px;}
#content .col-2{ width:600px; background:url(images/content_border.gif) 0 0 repeat-y;}
#content h3{ color:#2C2C2C; font-size:20px; line-height:20px; font-weight:normal; font-family: Arial, Helvetica, sans-serif; padding-bottom:29px;}
#content h4{ color:#787878; font-size:18px; line-height:21px; font-family: Arial, Helvetica, sans-serif; font-weight:normal; padding-bottom:16px;}
.title-bottom{ padding-bottom:14px !important;}
.title-bottom1{ padding-bottom:18px !important;}

 

.list-1 li{ background:url(images/list_separator.gif) bottom left repeat-x; width:100%; overflow:hidden; padding:4px 0 6px 0;}
.list-1 li a{ background:url(images/list_marker.gif) 9px 7px no-repeat; padding:0 0 0 28px; text-decoration:none; color:#6E6E6E; font-size:13px; line-height:14px;}
.list-1 li a:hover{color:#27569E; background:url(images/list_marker.gif) 12px 7px no-repeat;}
.bg-none{ background:none !important;}


/*left-content*/
.left-content{ padding:25px 22px 0 10px;}
.left-separator{ border-top:1px solid #EFF0EA; width:100%; overflow:hidden; height:27px; margin-top:21px;}
.left-separator-top{ margin-top:27px !important;}
.content-separator{ border-top:1px solid #e7e7de; height:27px; display:block;}
.left-content-indent{ padding:0 75px 0 18px;}
.left-content-indenta{ padding:0 70px 0 18px;}
.left-content-indentb{ padding:0 20px 0 18px;}
.left-content-indent1{ padding:0 13px 0 12px;}
.left-content-indent1 h3{ margin-left:6px;}
.left-content-indent2{ padding:0 13px 0 16px;}
.indent-top-bottom{ padding:19px 0 19px 0;}
/**/

/*right-content*/
.text-right{ padding:17px 8px 0 26px;}
.text-right1{ padding:21px 8px 0 40px;}
.text-right2{ padding:21px 8px 0 26px;}
h3.titile-1{ color:#27569E !important; font-size:35px !important; line-height:46px !important; padding-bottom:13px !important;}
span.text1{ color:#27569E; font-size:13px; line-height:18px;}

.text-indent1{ padding:0 13px 32px 13px;}
.right-col-1, .right-col-2{ float:left;}
.right-row{ padding:0 0 0 15px;}
.right-col-2-indent{ padding:0 0 0 41px;}
/**/

.right-separator{ background:url(images/border.gif) 0 0 repeat-y;}


dl.text dt{ color:#464645; font-size:13px; line-height:15px; font-weight:bold; padding:23px 0 2px 6px;}
dl.text dd a, dl.text dd a:hover{ color:#27569E;}
dl.text dd { border-bottom:1px solid #ECECEC; padding:0 0 25px 6px; line-height:16px;}
.top-none{ padding-top:0 !important;}
.bottom-none{ padding-bottom:0 !important;}
.border-none { border:none !important;}

.button{ display:block; background:url(images/button.gif) 0 0 repeat-x; color:#2E2E2E; font-size:12px; text-decoration:none; width:109px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
.button:hover{ color:#F06428;}
.button span{ display:block; background:url(images/button_left.gif) 0 0 no-repeat; display:block;}
.button span span{ height:36px; background:url(images/button_right.gif) top right no-repeat; text-align:center; height:36px; line-height:37px;}
.button span span span{ padding:0 0 0 8px; background:url(images/button_marker.gif) 0 5px no-repeat; display:inline !important;}

.button-top{ margin:26px 0 0 0;}
.button-top1{ margin:18px 0 0 0;}
.button-top2{ margin:39px 0 0 0;}

dl.text-1 dd{ color:#464645;}
dl.text-1 dt{ text-align:right;}
dl.text-1 dt{  padding:0 0 18px 0;}
dl.text-1 dt a, dl.text-1 dt a:hover{ color:#F06428;}

dl.text-2 dt a{ color:#F06428;}
dl.text-2 dd{ padding:0 0 17px 0;}

.img-indent{ float:left; margin:3px 20px 0 0;}
.indent-top{ padding:22px 0 0 0;}
.indent-top1{ padding:18px 0 0 0;}
.img-top{ margin:27px 0 0 0;}

.list-banner li a, .list-banner li{ font-size:0; line-height:0;}
.list-banner li{ padding-bottom:20px;}
.list-top-bottom{ padding:15px 0 15px 0;}
.list-width{ width:170px;}
.list-width1{ width:175px;}
.list-indent{ margin-left:57px;}
.row-list ul{ float:left; width:239px;}
.list-top{ margin-top:21px;}


/*slider-box*/
.slider-box{ background:url(images/wrapper_slider.png) 0 0 no-repeat; height:449px; margin:15px 0 0 1px;}
.slider-title{ color:#5b5b5b !important; font-size:20px; line-height:20px; background:url(images/slider_title_marker.gif) 0 7px no-repeat; margin:32px 0 0 312px; padding:0 0 0 25px; position:absolute; z-index:2121; font-family:"Times New Roman", Times, serif;}
/**/

.list-2 li{ line-height:14px; padding-bottom:6px;}
.list-2 li a{ background:url(images/marker2.gif) 0 6px no-repeat; color:#010101; text-decoration:none; padding:0 0 0 13px; line-height:14px;}
.list-2 li a:hover{background:url(images/marker2.gif) 1px 6px no-repeat; color:#279CCB;}
.list-3 li {background:url(images/list_marker.gif) 9px 7px no-repeat; padding:0 0 0 28px; text-decoration:none; color:#000000; font-size:13px; line-height:18px;}
.list-3 li a:hover{color:#27569E; background:url(images/list_marker.gif) 12px 7px no-repeat;}

.link-1{ color:#279CCB; font-size:13px; line-height:14px; font-weight:bold; text-decoration:none; background:url(images/marker2.gif) 0 6px no-repeat; padding:0 0 0 13px;}
.link-1:hover{ color:#F7601E;}
.text-fright{ float:right;}



.form label{ color:#2c2c2c; font-size:13px; line-height:15px;}
.form .bg-input{ height:45px;}
.form .bg-input input{ height:23px !important;}
.form .bg-input input, .form  .textarea{ width:198px; font-size:13px !important;}
.form  .textarea{ height:128px;}
.form .width-1{ width:79px;}
.form .width-2{ width:86px; margin:0 0 0 9px;}
.form .form-button a{ float:left;}
.form-button{ padding:24px 0 0 0;}
#content span.text{ color:#f06428 !important; font-size:13px; line-height:15px;}

#page7 #content .col-2 .text-fright{ padding-right:50px;}


/****************************footer************************/
.tail-footer{ background:url(http://132.248.10.25/remef/public/journals/1/img/tail_footer.gif) 0 0 repeat; padding:12px 0 0 0; color:#FFFFFF; font-size:13px; line-height:17px; }
/* .footer{ background:url(images/footer_line.gif) 0 0 repeat-x; color:#2c2c2c; font-size:13px; line-height:17px; margin:43px 0 0 0;}*/
.footer a{ color:#FFFFFF;}
.footer-indent{ padding:0px 0 5px 44px;}

.footer-box{ padding:0 0 0 41px;}
.footer-box .col-1{ width:273px;}
.footer-box .col-2{ width:271px; margin:0 0 0 50px; border-left:4px solid #FFFFFF; margin:0 0 0 51px;}
.footer-box .col-3{ width:270px; margin:0 0 0 49px; border-left:4px solid #FFFFFF;}

.footer-col-left{ padding:0 0 0 36px;}
.footer-button{ background:url(images/footer_button.gif) 0 0 no-repeat; width:110px; height:36px; display:block; color:#DEDEDE; font-size:12px; line-height:32px; text-decoration:none; margin:18px 0 11px 3px;  text-indent:25px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
.footer-button:hover{ color:#F7941D;}

.footer-box h3{ color:#FEFEFE; font-size:36px; line-height:36px; font-weight:normal; font-family:"Times New Roman", Times, serif}

.footer-box .col-1 h3{ background:url(images/footer_marker1.png) right 0 no-repeat; padding:16px 0 0 5px;}
.footer-box .col-2 h3{ background:url(images/footer_marker2.png) right 0 no-repeat; padding:16px 0 0 5px;}
.footer-box .col-3 h3{ background:url(images/footer_marker3.png) right 0 no-repeat; padding:16px 0 0 5px;}
.footer-box .box-search{ width:273px; height:34px; background:url(images/box_search.gif) repeat-x; margin:17px 0 0 0;}
.footer-box .box-search .input{ position:absolute; background:none; border:none; color:#FFF; font-size:18px; line-height:21px; text-transform:uppercase; font-weight:normal; padding:5px 0 0 12px; font-family:"Times New Roman", Times, serif}
.footer-box .box-search .link{ background:url(images/button_search.gif) 0 0 no-repeat; display:block; position:absolute; margin:0 0 0 243px; width:30px; height:34px;}

.indent{ text-align:justify;}
.indent p{ padding:18px 0 0 0;}


/*slider*/
.container { width:593px; height:346px; overflow:hidden; position:relative; cursor:pointer; margin:87px 0 0 13px;}
.slides { position:absolute; margin:0 0 0 0;}
.slides div { position:absolute; top:0; width:593px; display:none; height:346px;}
.slides div img{ width:593px; height:346px;}

.pagination{ position:absolute; z-index:111; top:280px; margin:0 0 0 26px;}
.pagination li{ margin:0 4px 0 0;}
.pagination li, .pagination li a{ display:block; float:left; width:14px; height:14px; background:url(images/slider_button.png) 0 0 no-repeat;}
.pagination li a:hover, .pagination .active{ background:url(images/slider_button_act.png) 0 0 no-repeat;}
#loopedSlider .previous, #loopedSlider .next{ display:none;}

td.fecha {background: none; background-color: white}
table.tableBorder  { margin-top: 20px}
table.tableBorder td {background: white ; }

td.tableCellOne p {margin:10px 5px}
