@charset "utf-8";
/* CSS Documento */
/* Copyright 2014 Secretaría de Hacienda y Crédito Público. Todos los derechos reservados. */ 

/* ==========================================================================
   Font-Face
   ========================================================================== */ 
   @font-face {
    font-family: 'soberana_sans_lightbold';
    src: url('../fonts/soberanasans/soberanasans-bold_1-webfont.eot');
    src: url('../fonts/soberanasans/soberanasans-bold_1-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/soberanasans/soberanasans-bold_1-webfont.woff') format('woff'),
         url('../fonts/soberanasans/soberanasans-bold_1-webfont.ttf') format('truetype'),
         url('../fonts/soberanasans/soberanasans-bold_1-webfont.svg#soberana_sans_lightbold') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'soberana_sanslight';
    src: url('../fonts/soberanasans/soberanasans-light_1-webfont.eot');
    src: url('../fonts/soberanasans/soberanasans-light_1-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/soberanasans/soberanasans-light_1-webfont.woff') format('woff'),
         url('../fonts/soberanasans/soberanasans-light_1-webfont.ttf') format('truetype'),
         url('../fonts/soberanasans/soberanasans-light_1-webfont.svg#soberana_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;

}



@font-face {
    font-family: 'soberana_sansregular';
    src: url('../fonts/soberanasans/soberanasans-regular_1-webfont.eot');
    src: url('../fonts/soberanasans/soberanasans-regular_1-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/soberanasans/soberanasans-regular_1-webfont.woff') format('woff'),
         url('../fonts/soberanasans/soberanasans-regular_1-webfont.ttf') format('truetype'),
         url('../fonts/soberanasans/soberanasans-regular_1-webfont.svg#soberana_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
   
   
@font-face {
    font-family: 'soberana-sans';
    src: url('../fonts/soberanasans/soberanasans-light.eot');
    src: url('../fonts/soberanasans/soberanasans-light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/soberanasans/soberanasans-light.woff') format('woff'),
         url('../fonts/soberanasans/soberanasans-light.ttf') format('truetype'),
         url('../fonts/soberanasans/soberanasans-light.svg#soberana_sanslight') format('svg');
    font-weight: normal;
    font-style: normal; } 
    
	@font-face {
	    font-family: 'soberana-sans';
	    src: url('../fonts/soberanasans/soberanasans-regular.eot');
	    src: url('../fonts/soberanasans/soberanasans-regular.eot?#iefix') format('embedded-opentype'),
	         url('../fonts/soberanasans/soberanasans-regular.woff') format('woff'),
	         url('../fonts/soberanasans/soberanasans-regular.ttf') format('truetype'),
	         url('../fonts/soberanasans/soberanasans-regular.svg#soberana_sansregular') format('svg');
	    font-weight: bold;
	    font-style: normal; }  
	
	@font-face {
		font-family: 'TPresupuestaria'; 
		src:url('../fonts/TPresupuestaria/TPresupuestaria.eot');
		src:url('../fonts/TPresupuestaria/TPresupuestaria.eot?#iefix') format('embedded-opentype'),
			url('../fonts/TPresupuestaria/TPresupuestaria.woff') format('woff'),
			url('../fonts/TPresupuestaria/TPresupuestaria.ttf') format('truetype'),
			url('../fonts/TPresupuestaria/TPresupuestaria.svg#TPresupuestaria') format('svg');
		font-weight: normal;
		font-style: normal;
	}

/* ==========================================================================
   Normalize
========================================================================== */
 body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,embed,details,figcaption,figure,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,input,textarea {margin:0;padding:0;border:0;outline:0;vertical-align:baseline;}  
 article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary,label{display:block}
 	input,select{vertical-align:middle}
	a { background: transparent; }
	a:focus { outline: thin dotted; }
	a, a:focus, a:active, a:hover { text-decoration: underline;  }
	a:active, a:hover { outline: 0; text-decoration: underline; }
	abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help} 
	b, strong { font-weight: bold; }
	button{ border: none;text-transform: none; cursor: pointer; padding: 0px	}
	button:-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
	dfn { font-style: italic; }
	hr {  -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } 
	img { border: 0; } 
	ul li{ list-style-type: none; }

/* ==========================================================================
   Estilos Generales
========================================================================== */

	* { font-family: 'soberana-sans', Arial, Helvetica, Geneva, sans-serif; } 
	html { font: normal normal normal 14px/130% 'soberana-sans', Arial, Helvetica, Geneva, sans-serif; text-align: center; background: #F9F9F9; color: rgb(75,75,75); }
	header{padding-top: 30px; }
	.floatl{ float: left; }
	.floatr{float: right; }
	.p { margin:0px; padding:0px; display:none;}
	
/*  ========= Bordes para images*/ 	
	.imgHolder img{padding:6px; box-shadow: 0 0 12px #ccc;    border-radius: 28px 28px 28px 28px;
	-moz-border-radius: 28px 28px 28px 28px;
	-webkit-border-radius: 28px 28px 28px 28px;  }
	
	.imgHolder :hover{transition: color .5s;  -moz-transition: color .5s;  -o-transition: color .5s;  -webkit-transition: color .5s; box-shadow: 0 0 12px #76C3BD;    border-radius: 28px 28px 28px 28px;
	-moz-border-radius: 28px 28px 28px 28px;
	-webkit-border-radius: 28px 28px 28px 28px;}
		
	.imgBorde img{padding:6px; box-shadow: 0 0 12px #ccc;    border-radius: 28px 28px 28px 28px;
	-moz-border-radius: 28px 28px 28px 28px;
	-webkit-border-radius: 28px 28px 28px 28px;  }
	
	.imgBorde :hover{transition: color .5s;  -moz-transition: color .5s;  -o-transition: color .5s;  -webkit-transition: color .5s; box-shadow: 0 0 12px #FF9D55;    border-radius: 28px 28px 28px 28px;
	-moz-border-radius: 28px 28px 28px 28px;
	-webkit-border-radius: 28px 28px 28px 28px;}

	
/*  ========= UL Style OK : Palomitas */ 
	.ul-ok{ text-align: left; margin-left: 15px; }
	.ul-ok li{ text-indent: -20px;	}
	.ul-ok li:before{ content: "\0041"; font-family: 'TPresupuestaria'; font-size: 15px; margin-right: 5px;  }

/*  ========= Forms */ 
	input[type="text"], textarea  { border: 1px solid #D3D3D5;  padding:10px;  font-size: 80%; -webkit-border-radius: 2px 0px 0px 2px; border-radius: 2px 0px 0px 2px; text-align: left; } 
	input[type="submit"]{cursor: pointer; border: none; }
	
	
	
	
/*  ========= Wrappers */ 
	.wrapper_content{ width: 80%; min-width:600px; max-width: 1200px; margin: auto; display: inline-block;	} 
	.wrapper-contentf { width: 80%; min-width: 700px; max-width: 1200px; margin: auto;} 
	.wrapper_full{ width: 100%; }	
	.wrapper_2c{ width: 45%; padding: 0 2% 0% 2%; float: left;	}
	.wrapper_2c:first-child{ margin-right: 2%;	}
	.wrapper_3colums{ width: 42%; float: left; }
	.wrapper_3colums:nth-child(2) { margin: 0 2%; } 
	
/*  ========= Tipografías */
	small {font-size: 85%; color: rgb(141,141,141);}
	.font-ico, 
	.nl-dd ul li.nl-dd-checked:before,
	.nl-submit:before,
	.nl-field-go:before{ 
		font-family: 'TPresupuestaria';
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		-webkit-font-smoothing: antialiased;}
	
	h2{ font-weight: normal; font-size: 130%; line-height: 130%; text-transform: uppercase;	letter-spacing: 1px; padding-top: 30px;}
	h3{ font-weight: normal; font-size: 130%; line-height: 130%; text-transform: uppercase;	letter-spacing: 1px; padding-top: 15px;}
	h5{ font-size: 90%; text-transform: uppercase; }
	
/*  ========= Links Effect Brackets */  

	a {text-decoration:none; color: rgb(75,75,75);  }
    a:hover {text-decoration:none; color: rgb(75,75,75); }
	a:visite {text-decoration:none; color: rgb(75,75,75); }
	.a_dark, .a_dark:link{ color: #A4D0C5;}  
	.a_dark:hover{ color: #FC7A3C;}   
	
	.ul-effect-1 {	list-style-type: none;	cursor: pointer; } 
	.ul-effect-1 a::before, .ul-effect-1 a::after { display: inline-block; opacity: 0;	-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;	-moz-transition: -moz-transform 0.3s, opacity 0.2s;	transition: transform 0.3s, opacity 0.2s; }
	.ul-effect-1 a::before {	margin-right: 10px;	content: '[';	-webkit-transform: translateX(20px);	-moz-transform: translateX(20px);	transform: translateX(20px);}
	.ul-effect-1 a::after { 	margin-left: 10px;	content: ']';	-webkit-transform: translateX(-20px);	-moz-transform: translateX(-20px);	transform: translateX(-20px);}
	.ul-effect-1 a:hover::before, .ul-effect-1 a:hover::after,
	.ul-effect-1 a:focus::before, .ul-effect-1 a:focus::after {	opacity: 1;	-webkit-transform: translateX(0px);	-moz-transform: translateX(0px);transform: translateX(0px); }
	
/*  ========= Chrome Frame if lt IE 9 */
	.chromeframe{ background-color: red;  color: #FFFFFF;   height: 20px;  text-align: center; } 
	.chromeframe a{ text-decoration: underline; color: cornflowerblue; }
	
	
/* ========= Main Header */
	.gral-header { height:95px; } 
	.gral-header .logo-tp { float: left; } 
	
	.gral-search {float: right; display: inline-block;	}
	#q{ width: 200px; background:transparent; float: left;	}   
	#doSearch{ width: 36px; height: 36px; background: #F4A25F; font-size: 110%; margin: 0px; float: left; } 
	#doSearch:hover{ background: #E4904B; }
	
/* ========= Sharing */ 
	.sharing { cursor: pointer;	}
	.share_pto1{ vertical-align: 50%; }
	.wrapper_share{ background-image: url("../images/bckg_share_02.png"); width: 119px; height: 64px; overflow: hidden; position: absolute; margin: -5px -80px;
		display: none; padding: 30px; }
	.wrapper_share label { color: #ffffff; text-shadow:0px 0px 0 #FFFFFF; font-weight: bold;	}
	.addthis_toolbox a { display: inline-block; font-size: 35px; height: 40px;overflow: hidden; line-height: 50px; }


	
	
/* ========= Botones index cta */  
	.btncta {color: #FFFFFF;  font-weight: normal; font-size: 130%;   line-height: 230%;	background: #FC7A3C;display: inline-block;	margin: 30px auto;  text-transform: uppercase;letter-spacing: 1px; outline: none; 	position: relative; -webkit-border-radius: 5px; border-radius: 5px;  transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-backface-visibility: hidden;
	 	-moz-backface-visibility: hidden; backface-visibility: hidden;  min-width: 260px; height: auto; overflow: hidden; padding:1%; }
	.btncta:before { font-family: 'TPresupuestaria'; -webkit-font-smoothing: antialiased;  font-size: 200%; position: absolute;   -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;  left: -100%; height: 100%; width: 100%; }
	.btncta span{ text-transform: uppercase; display: inline-block; width: 100%; height: 100%; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden;  padding:0px; margin:0px; color: #FFFFFF;  } 
 	.btncta:hover:before  {  left: 0; color: #FFFFFF;   }   
	.btncta:hover span{ display: inline-block; width: 100%; height: 100%; -webkit-transform: translateX(200%); -moz-transform: translateX(200%); -ms-transform: translateX(200%); transform: translateX(200%); }
	
/* ========= Dividers */  
	.divider_light{ background-color: #E4E4E4; height: 1px; width: 100%; float: left; margin: 0px; }
	.divider_dark{ background-color: rgb(47, 48, 52); height: 1px; width: 100%; float: left; margin: 0px; }


/*  ========= Iconos */  
	.ico_search:before{ content: "\005a"; color: white; } /* lupa */
	.ico_share:before{ content: url("../images/compartir.png"); color: white; font-size: 16px; cursor: pointer;}
	.ico_share_ciclo:before{ content: url("../images/compartir.png"); color: white; font-size: 16px; cursor: pointer; }
	.ico_shtw:before{ color: #ffffff; content: "\0046"; }  /*twitter*/
	.ico_shtw:hover:before {color:#2CA8D2;}
	.ico_shfb:before{ content: "\0047";		color: #ffffff; } /* facebook */
	.ico_shfb:hover:before {color:#3D5B97;}
	.ico_shmail:before{ content: "\004a"; color: #ffffff; } /* mail */
	.ico_shmail:hover:before {color:#008B8B; }
	.icon-btncta:before { content: "\0030"; } /* flecha right */
	.icon-docu:before{ content: "\0045"; color: #ADC4CC;  line-height: 130%; }
	.ico_tw:before{ color: #EDEAE5; content: "\0049"; }  /*twitter con envolvente */
	.ico_tw:hover:before {color:#008B8B;} 
	.ico_fb:before{ content: "\0048";		color: #EDEAE5; } /* facebook con envolvente*/
	.ico_fb:hover:before {color:#008B8B;}
	
	
    .ico_yt:before{ content: "\0048";		color: #EDEAE5; } /* youtube con envolvente*/
	.ico_yt:hover:before {color: #3B5998;}
	
	 a .at-icon-wrapper { display: none;}

/* ==================Redes Sociales Home ======================================================== */
	.icono_fb:before{ content:"."; font-size:10px; color:#2F3034;} /* facebook */
	.icono_fb{ background: url('../images/fb.png') no-repeat; width:34px; height: 37px;} /* facebook con envolvente*/
	.icono_fb:hover{background: url('../images/fb_over.png') no-repeat; width:34px; height: 37px; }
	
	.icono_tw:before{ content:"."; font-size:10px; color:#2F3034;} /* Twitter*/
	.icono_tw{ background: url('../images/tw.png') no-repeat;width:34px; height: 37px; } 
	.icono_tw:hover{background: url('../images/tw_over.png') no-repeat; }
	

	.icono_yt:before{ content:"."; font-size:10px; color:#2F3034;} /* Youtube*/
	.icono_yt{ background: url('../images/yt.png') no-repeat; width:34px; height:37px;} 
	.icono_yt:hover{background: url('../images/yt_over.png') no-repeat; }
	
	.icono_mail:before{ content:"."; font-size:10px; color:#2F3034; } /* Mail*/
	.icono_mail{ background: url('../images/mail.png') no-repeat; width:34px; height:37px; margin-left:2px;} 
	.icono_mail:hover{background: url('../images/mail_over.png') no-repeat; }
	
	.tw:before{ color: #ffffff; content:"@Tpresupuestaria"; font-family:"soberana_sanslight"; font-weight: bold; font-size:14px; margin-left:15px; }  /*twitter con envolvente */
	.tw:hover:before {color:#008B8B;} 


/* ==========================================================================
   Barra de scroll
   ========================================================================== */

	.back-to-top {background-image: url("../images/back-top.png"); bottom: 20px; right: 40px; width: 40px;    /* Width of image */ height:40px;   /* Height of image */ top:400px;	position: fixed; bottom:2em;  text-decoration: none;color: #000000;	/*background-color: rgba(235, 235, 235, 0.80);background-image: url(back-top.png);  font-size: 12px;*/display: none;}
	.back-to-top:hover {background-color: rgba(135, 135, 135, 0.50);}	





/* ==========================================================================
   Infografías
========================================================================== */
	.img {width:100%; height:100%; display:block;}
	#compartir_redes { width:auto; margin-top:3%; display:inline-block;  }
	.btn_eventos { font-size:1.5em; background:#FC7A3C; display:inline-block; margin:5% 25% 8% 25%; text-align:center; font-weight:bold; padding:8px 50px; color:#FFF; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px;}
	.btn_eventos a {text-decoration:none; color:#FFF}
	.btn_eventos:hover {background:#FC6B25; text-decoration:none;}