/*
Theme Name: Conicet principal 2018
Theme URI: https://www.conicet.gov.ar
Author: WEB-Conicet
Author URI: https://www.conicet.gov.ar
Description: Tema para la pá¡gina de comunicación.
Version: 0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: comunicacion
*/
 
/* =Reset defa  ult browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
----------------------------*/


/*----------------GENERALES--------------------------------*/


.bg-violeta-conicet{
	background-color:#941B80;
}

img{
	border:0px;
}

a, a:active, a:hover, a:visited, a:focus{
	text-decoration:none;
}

#primary #contenido ul,
#primary #contenido ol{
	margin-left: 20px;
}

.no-show{
	display:none!important;
}

.transparent{
    opacity:0.9;
    filter: alpha(opacity=90);	
}


::-webkit-input-placeholder {
   color: #7d7d7d;
}

:-moz-placeholder { /* Firefox 18- */
   color: #7d7d7d;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #7d7d7d; 
}

:-ms-input-placeholder {  
   color: #7d7d7d;  
}

.assistive-text {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px);
	clip: rect(1px, 1px, 1px, 1px);
}


/*----------------#GENERALES --------------------------------*/
.w-100{
	width:100%;
}
.media-body, .media-left, .media-right {
    display: table-cell;
    vertical-align: middle!important;
}


/*----------------HEADER--------------------------------*/

.conicet-text{
    font-size: 17px;
    width: 47%;
    float: left;
    color: #767676;
}
.navbar.navbar-top .input-group {
    width: 300px!important;
    margin-top: 13px;
    margin-left: 30px;
}
.navbar-default .nav > li > a {
    font-size: 14px!important;
}
.navbar-header{
    width: 55%;
}
.h-img-60,.conicet-text{ 
	padding-top: 10px;
}

.navtopright {
    float: right;
    margin-right: 20px;
    margin-top: 15px;
}

.navtopright .buscador {
    float: left;
    width: 250px;
}

.navtopright .redeshome {
    float: left;
    margin-top: 7px;
}

.header-links{
	float:left;
	margin-left:15px;
	list-style-type: none;
}

.header-links a {
	text-decoration:none;
}

.navbar-default .nav > li > a {
    line-height: 17px!important;
    padding-bottom: 16px!important;
    padding-top: 16px!important;
}
.dropdown-menu li a {
    font-size: 14px!important;
}

.navbar-collapse{
	border-top:1px solid #eaeaea!important;
}

button .navbar-toggle{
	margin-left:1rem;
}
.nav>li>a {
    padding: 11px 26px!important;
}

@media (max-width: 1366px) {
	.owl-item .carousel-title {
    	font-size: 1.5rem;
	}
}
@media (max-width: 1200px) and (min-width: 768px) {
	.navbar .navbar-brand img {
		width:auto!important;
	}
	
	.navtopright {
		top:35px!important;
	}

	.nav>li>a {
    		padding: 11px 7px!important;
	}
	#block-system-main{
    		margin-top: 10%;
	}
}

@media screen and (max-width: 991px){
	.conicet-text{
		display:none;
	}
}
@media (max-width: 767px) and (min-width: 320px){
	
	.navtopright {
    	position: absolute!important;
    	right: 0!important;
    	top: 0px!important;
    	margin-right:0px!important;
	}
	
	.owl-item .carousel-caption {
	    font-size:2.2rem;
	    padding-left: 2rem;
    	padding-right: 2rem
    }
    
    .icono-arg-comunidad:before {
    content: "\f4c9"!important;
}
	
}


@media (max-width: 420px) {
	.navbar .container .navbar-header .navbar-brand {
    	width: 89px!important;
	}
	
	.navbar .container .navbar-header .navbar-brand img {
    	width: 64px!important;
    	margin-left:14px;
	}
}


@media (min-width: 768px) {
	.navbar-nav {
    	float: none!important;
    	margin: 0 auto!important;
    	max-width: 1170px!important;
	}
}

/*----------------#HEADER--------------------------------*/



/*----------------BODY--------------------------------*/


#m-nivel1{
	margin:auto;	
}


.user-actions {
	padding:5px 0;
	max-width:980px;
}

#body-en *{
	-webkit-box-sizing: unset;
    -box-sizing: unset;
    box-sizing: unset;
}
.px-0{
	padding-right:0px!important;
	padding-left:0px!important;
}


@media (max-width: 768px) {
	.carousel-volanta {
    	display:none;
	}
	
	.carousel-title {
		font-size: 1.2rem!important;
		width:95%!important;
		margin-bottom:0px!important;
	}
	
	.carousel-caption .vermas {
    	display: none;
	}
	
	.header-links {
		font-size:14px!important;
	}
	
	.navtopright .redeshome {
		padding-right:10px!important;
	}
}

/*----------------#BODY--------------------------------*/



/*----------------FOOTER--------------------------------*/

h2.section-title a {
	color:#767676;
}

footer h1.section-title, 
footer h2.section-title, 
footer h3.section-title, 
footer h4.section-title, 
footer h5.section-title, 
footer h6.section-title, 
footer .h1.section-title, 
footer .h2.section-title, 
footer .h3.section-title, 
footer .h4.section-title, 
footer .h5.section-title, 
footer .h6.section-title {
    margin-bottom: 15px;
}

footer .text-muted p{
	font-size:13.6px;
}
footer.main-footer h3 > a {
    color: #767676;
}

#container-direccion {
	padding-top:15px;
    border-top: 1px solid #eaeaea;
}

#texto-direccion {
	max-width: 1135px;
    margin: auto;
    margin-bottom: 15px;
    font-family: "Roboto", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    color: #767676;
    text-align: center;
}

#texto-direccion p {
	font-size:.85em;
}

.main-footer {
	padding-top:0px!important;	
}

#secciones-footer {
	padding-top:20px;
}

@media (max-width: 589px){
	#texto-direccion {
		margin-left:5%;
	}
}

/*----------------#FOOTER--------------------------------*/




/**********************************************************************nuevo header 11-10-2016*****************************************************************/
	header #h-contact-div #h-contact{
				background-image: url('images/contacto.png');
				opacity:1;
    			filter: alpha(opacity=100);	
		}
		
	header #h-contact-div #h-contact:hover{
				background-image: url('images/contactoHover.png');
				opacity:1;
    			filter: alpha(opacity=100);	
		}
		
		
@media (max-width: 979px)  and (min-width:750px){		
	#contact-icon-resp {
		display:inline-block!important;
		background: url('images/contacto.png') no-repeat;
		height: 42px;
		width: 42px;
		background-size:35px;	
	}
	
	#contact-icon-resp:hover {
		display:inline-block!important;
		background: url('images/contactoHover.png') no-repeat;
		height: 42px;
		width: 42px;
		background-size:35px;	
	}
			
}

@media (max-width: 749px)  and (min-width:590px){

		#contact-icon-resp {
		display:inline-block!important;
		background: url('images/contacto.png') no-repeat;
		height: 42px;
		width: 42px;
		background-size:35px;	
	}
	
	#contact-icon-resp:hover {
		display:inline-block!important;
		background: url('images/contactoHover.png') no-repeat;
		height: 42px;
		width: 42px;
		background-size:35px;	
	}


}

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

		#contact-icon-resp {
		display:inline-block!important;
		background: url('images/contacto.png') no-repeat;
		height: 42px;
		width: 42px;
		background-size:35px;	
	}
	
	#contact-icon-resp:hover {
		display:inline-block!important;
		background: url('images/contactoHover.png') no-repeat;
		height: 42px;
		width: 42px;
		background-size:35px;	
	}

}


@media (max-width: 479px) and (min-width:320px){

	#contact-icon-resp {
		display:inline-block!important;
		background: url('images/contacto.png') no-repeat;
		height: 35px;
		width: 35px;
		background-size:30px;	
	}
	
	#contact-icon-resp:hover {
		display:inline-block!important;
		background: url('images/contactoHover.png') no-repeat;
		height: 35px;
		width: 35px;
		background-size:30px;	
	}


}
/**********************************************fin nuevo header 11-10-2016*****************************************************************************/

.scroll {
  white-space: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar; 
}


#form_rsa{
	text-align: left;
}



/********************Ajustes adicionales al actualizar plugin pueden perderse estilos ***************/
.sfsiplus_norm_row {
float: left;
min-width: 25px;
width: 65px!important;
margin-left: -9px;
margin-top: -12px;
}


/****************************************/


/******************TRANSPARENCIA ACTIVA**********************/
.v-align {
    display: flex;
    align-items: center;
}

.titulo_ta{
    padding: 23px 40px 23px 40px;
    background-repeat: no-repeat;
    background-position: 97.7%;
    color: white;
    background-color: #941B80;
    font-size: 1.2em;	      
}


.contenido_ta{
    background-color:#fff!important;
    color: black;
    border:2px solid #b9087c;
    border-top:0px!important;	
    padding: 25px;	
    padding-right:60px;	
    font-size: 16px;	
}

.arrow-down-ta {
	background-image: url(images/page/arrow-down-poncho.svg);
	background-size: 1.2rem;
}
.arrow-up-ta {
	background-image: url(images/page/arrow-up-poncho.svg);
	background-size: 1.2rem;
}

.titulo_ta:hover{
   cursor:pointer;
}

#content-ta p{
	color:#111;
}

.ta-drop-container {
	margin-bottom: 1.3%;
}

#ta-entry-title {
    text-align: left;
    font-family: 'Roboto-Regular';
    color: #39393A;
    padding-left: 3px;
    font-size: 36px;
    line-height: 36px;
    margin-left: 10px;
    margin-right: 5px;
    margin-bottom: 20px;
}

#header-ta{
	min-height:160px;
	background: linear-gradient(to right, #941B80, #0199DD);
	font-size: 1.2em;
       padding:30px;
}

#ta-entry-title {
 	color:white;
	width:18%;
	float:left;
	font-size:1.2em;
}

#ta-texto-banner{
	width:65%;
	float:left;
	color:white;
	font-family:Roboto-Light;
	margin-top:6px;
	font-size:.9em;
	opacity:.8;
	margin-left:5%;
}

#ta-header-container {
	max-width:970px;
	margin:auto;
}

#contactdiv {
    position: absolute;
    top: 0px;
    padding: 3% 0 68%;
    left: 0px;
    height: 100%!important;
    min-height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.7);
    display: none;
    font-family:'Roboto-Regular';
}
#contact {
    /*width: 40%;*/
    width: 100%;
    margin: 0px;
    background-color: white;
    position: relative;
    border: 0px;
    z-index: 50;
    /*left: 30%;*/
    left: 0;
    top: 33.3%;
    margin-left: 0;
    margin-top: 0;
}
.form {
    border-radius: 0px!important;
    padding: 20px 0px;
    box-shadow: none;
    font-size: 14px;
    font-weight: normal;
    width: 96%;
    margin: 0!important;
    float: left;
}
div#cancel-popup {
    float: right;
    margin-top: -62px;
    margin-right: -34px;
    cursor: pointer;
    background-image: url(images/closeform.png);
    background-repeat: no-repeat;
    height: 40px;
    width: 40px;
    border: none;
    display: block;
    background-position: 50% 50%;
    opacity: 1;
}

#cancel-popup {
	background: linear-gradient(to right, #941B80, #0199DD);
}

#header-form {
    text-align: center;
}
.contacto-form input {
    -webkit-appearance: textfield;
    background-color:rgb(243,243,243);
    -webkit-rtl-ordering: logical;
    user-select: text;
    cursor: auto;
    border-width: 0px;
    border-style: inset;
    border-color: initial;
    border-image: initial;
    width: 96.5%;
    height: 35px;
    margin-top: 5px;
    padding: 10px;
   font-family:'Roboto-Regular';
    font-size: 14px;
    border:1px solid #941B80;	
}

.contacto-form input::placeholder, .contacto-form textarea::placeholder  {
    color:rgb(185, 8, 124);	
}


#header-form {
    border-bottom: 1px solid rgb(185, 8, 124);
    height: 55px;	
}

#header-form h2 {
    border-bottom: 0px;
    float:left;
    color:rgb(185, 8, 124);	
}

#header-form p {
    margin: 0px;
    color: #f2f2f2;
    letter-spacing: 1px;
}
.contacto-form textarea {
    width: 96.5%;
    height: 80px;
    margin-top: 5px;
    padding: 5px;
    resize: none;
    background-color:rgb(243,243,243);
   font-family:'Roboto-Regular';
    font-size: 14px;
    padding: 10px;
    border:1px solid #941B80;		
}
#send {
    display: inline-block;
    font-weight: 400;
    line-height: .5em;
    white-space: nowrap;
    vertical-align: middle;
    font-family:'Roboto-Regular';
    text-transform: uppercase;
    padding: .75rem .75rem;
    font-size: .95rem;
    width: 20%;
    border: 1px solid #941B80;
    background-color: rgb(185, 8, 124);
    color: #fff;
    opacity: 1;
    float:right;
}

#send:hover, #cancel-popup:hover {
    cursor:pointer;
}
.contacto-form ::-webkit-input-placeholder {
    color: rgb(255, 255, 255);
}
.mensajes-error {
    margin-top: 10px;
    color: #ff3a3a;
    font-weight: normal;
    font-style: italic;
}
.mensajes-exito {
	margin-top:10px;
	color:#2bcd85;
	font-weight:normal;
	font-style:italic;
	
}

.mb-1{
	margin-bottom: 1rem;
}
.mb-2{
	margin-bottom: 2rem;
}

.mt-1{
	margin-top: 1rem;
}
.mt-2{
	margin-top: 2rem;
}

.float-left{
	float:left;
}
.float-right{
	float:right;
}

.social-share li a {
    font-size: 2rem!important;
    padding: 0px 0!important;
}
.social-share li:hover span, .social-share li:hover i {
    color: #337ab7!important;
}
.social-share li:hover {
    background: transparent!important;
}

.social-share li {
    border-radius: 0px;
    margin: 0;
    padding: 2px!important;
}

section.video-home {
    padding: 40px 0 55px 0!important;
}

.panel-botones .panel-body:hover i,
.panel-botones .panel-body:focus i,
.panel-botones .panel-body:visited i{
	color:#fff!important;
}
.single-post .jumboarticle{
	min-height:300px;
}
.single-post article .overlap {
	margin-top: -118px;
}

@media (max-width: 1199px){
	.single-post .jumboarticle{
		min-height:110px;
	}	
	.single-post article .overlap {
    	margin-top: 0;
	}
	
}
@media (max-width: 991px){
	.box_video iframe {
		width: 100%;
    	height: auto;
	}
	 .vinculacion-home-bkg #post-page, .vinculacion-home-bkg #post-page .page-content {
    	width: 100%!important;
	}
}

@media (max-width: 979px) and (min-width: 320px) {
	#ta-entry-title {
 		width:100%!important;
		margin: auto;
    		margin-left: 12px;
		margin-top: -5px;
	}

	#ta-texto-banner{
	 	width:95%!important;
		font-size: .8em!important;
   		margin-left: 13px!important;
    		margin: auto;
	}

	.titulo_ta{
    		padding: 23px 40px 23px 15px;
    		font-size: 1em;	      
	}

	.contenido_ta{
    		padding:10px!important;	
	}
	.conicet-text, .contenedor-buttons-feeds, .h-img-60{ display:none; }
	
}

@media (max-width: 414px) and (min-width: 351px) {
	#ta-entry-title {
		margin-top: -20px;
	}
}

@media (max-width: 350px) and (min-width: 320px) {
	.titulo_ta{
    		padding: 23px 40px 23px 5px;
    		font-size:.9em;
	}
	
	#ta-entry-title {
		margin-top: -25px;
	}
}

/****************************************/